*{margin:0;padding:0}
body{color:#241717; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size:16px; font-family:Arial; background:#f1f3f5; white-space:normal !important;}
a{text-decoration:none; color: inherit; white-space:normal !important;}
p{white-space:normal !important;}
span{white-space:normal !important;}
dl{white-space:normal !important;}
dt{white-space:normal !important;}
dd{white-space:normal !important;}
img{border:0}
li{list-style:none; white-space:normal !important;}
.width{margin:0 auto;}
.fl{float:left;}
.fr{ float:right;}

@media(min-width:1200px)and (max-width:1250px){
.nav h3{ font-size:100%; font-weight:normal; height:80px; line-height:80px; font-size:16px; padding:0px 15px !important;}
}
@media(min-width:1200px)and (max-width:1279px){
.index1 .msn-focus .bd li dl dd{ width:100% !important;}
}
@media(min-width:1200px)and (max-width:1480px){
.index1 .msn-focus .bd li dt{padding-bottom:70% !important;}
}
@media only screen and (max-width:400px){
#wap_logo .WebLogo img{max-height:1.5rem !important;}
}
@media(min-width:1200px)and (max-width:1369px){
.productlist .txt{width:24% !important;}
.productlist .bod{width:74% !important;}
}
@media(min-width:1200px)and (max-width:1299px){
.pp-list dl{width:49% !important;}
.pp-list dl:nth-child(2n){ margin-right:0px !important;}
}
@media(min-width:1300px)and (max-width:1399px){
.pp-list dl dt{position:relative; padding-bottom:85% !important; overflow:hidden; background:#fff;}
.pp-list dl dt img{position:absolute; width:100%; height:80% !important; transition: all 0.5s; margin-top:10%;}
.pp-list dl dt .info{ position:absolute; left:0; right:0; bottom:0; height:0px; transition: all 0.5s;}
.pp-list dl dt .info li{ margin:0px 15px; margin-top:10px;}
.pp-list dl dt .info li p{font-size:14px; line-height:16px !important; margin-bottom:10px;}
.pp-list dl dt .info li p:hover{color:#ff7f00;}
}
@media(min-width:1400px)and (max-width:1499px){
.pp-list dl dt{position:relative; padding-bottom:75% !important; overflow:hidden; background:#fff;}
.pp-list dl dt img{position:absolute; width:100%; height:90% !important; transition: all 0.5s; margin-top:5%;}
.pp-list dl dt .info{ position:absolute; left:0; right:0; bottom:0; height:0px; transition: all 0.5s;}
.pp-list dl dt .info li{ margin:0px 15px; margin-top:10px;}
.pp-list dl dt .info li p{font-size:14px; line-height:16px !important;}
}
@media(min-width:1500px)and (max-width:1599px){
.pp-list dl dt{position:relative; padding-bottom:70% !important; overflow:hidden; background:#fff;}
.pp-list dl dt img{position:absolute; width:100%; height:100% !important; transition: all 0.5s;}
.pp-list dl dt .info{ position:absolute; left:0; right:0; bottom:0; height:0px; transition: all 0.5s;}
.pp-list dl dt .info li{ margin:0px 15px; margin-top:10px;}
.pp-list dl dt .info li p{font-size:14px; line-height:16px !important;}
}
@media(min-width:1600px)and (max-width:1699px){
.pp-list dl dt .info li p{font-size:14px; line-height:18px !important;}
}

@media(min-width:1200px)and (max-width:300000px){
.top1bj{background: rgba(255,255,255,1); z-index:999; position: fixed; top:0px; left:0px; right:0px; box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.1);}
.top1bj .width{display:flex; flex-wrap:wrap; justify-content: space-between; height:80px; margin-left:80px; margin-right:80px;}
.top1bj .width .logo{display:flex; flex-wrap:wrap; justify-content: space-between; height:80px;}
.top1bj .width .logo dl{display:flex; flex-wrap:wrap; align-items: center; justify-content:center; height:85px;}
.top1bj .width .logo dl img{ height:40px;}
.top1bj .width #Menu-btn{display:none;}
.top1bj .width #Menu-btn dl{display:none;}
.top1bj .width #Menu-btn-h{display:none;}
.top1bj .width #menu1{display:none;}
.top1bj .width .fr{display:flex; flex-wrap:wrap; align-items:center;}
.top1bj .width .fr ul{display:flex; flex-wrap:wrap; align-items:center; }
.top1bj .width .fr ul p{ width:18px; height:18px; background:#0054a6; border-radius:100%;}
.top1bj .width .fr ul:hover p{background:#d9000a;}
.top1bj .width .fr ul p img{ width:18px; height:18px; border-radius:100%;}
.top1bj .width .fr ul span{ margin-left:5px;}
.top1bj .width .fr ul:hover span{ color:#d9000a;}
.top1bj .width .fr li{ margin-left:20px; margin-top:3px;}
.top1bj .width .fr li img{filter:drop-shadow(#0054a6 0px 80px); transform: translateY(-80px); width:18px;}
.top1bj .width .fr li:hover img{filter:drop-shadow(#d9000a 0px 80px); transform: translateY(-80px);}

#wap_logo_main{ display:none;}
#wap_navigation{ display:none;}

.navBar{position:relative; z-index:1; margin-left:20px;}
.nav h3{ font-size:100%; font-weight:normal; height:80px; line-height:80px; font-size:16px; padding:0px 20px;}
.nav .m{position:relative; float:left; display:inline; text-align:center;}
.nav .m h3 i{width:10px; height:80px; overflow:hidden; filter:alpha(opacity=60);opacity:0.6; margin-left:7px; display:flex; flex-wrap:wrap; align-items:center; float:right; overflow:hidden;}
.nav .m h3 i img{width:10px; height:5px;}
.nav .m:nth-child(3) h3 i,.nav .m:nth-child(6) h3 i{ display:none;}
.nav h3:hover{color:#fff; background:#0054a6;}
.nav h3:hover i{filter:drop-shadow(#fff 0px 80px); transform: translateY(-80px);}
.nav .sub{ display:none; /*默认隐藏*/ width:260px; position:absolute; left:0px; top:80px;  float:left; border-radius:0px; box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.1); background:#FFF; border-radius:0px 0px 10px 10px;}
.nav .sub dd{color:#666; text-align:left; border-bottom:#ddd 1px dashed; position: relative; z-index:99999; padding:11px 0px; width:260px;}
.nav .sub dd p{margin-left:15px; margin-right:15px;}
.nav .sub dd p a{display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.nav .sub dd p a img{ display:none;}
.nav .sub dd:hover{color:#0054a6;}
.nav .sub dd .iinnoo{ position: absolute; left:260px; top:0px; width:0px; background:#fff;}
.nav .sub dd .iinnoo dl{ display:none;}
.nav .sub dd:hover .iinnoo{width:260px; z-index:99; box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.1); border-radius:0px 10px 10px 0px;}
.nav .sub dd:hover .iinnoo dl{display: block;color:#666; margin-left:15px; margin-right:15px; padding:11px 0px; border-bottom:#ddd 1px dashed;}
.nav .sub dd:hover .iinnoo dl:hover{color:#0054a6;}
#mainCate-18 .iinnoo{ top:auto; bottom:0; }
#mainCate-17 .iinnoo{ top:auto; bottom:0; }
#mainCate-16 .iinnoo{ top:auto; bottom:0; }
#mainCate-15 .iinnoo{ top:auto; bottom:0; }
#mainCate-14 .iinnoo{ top:auto; bottom:0; }
#mainCate-13 .iinnoo{ top:auto; bottom:0; }
#mainCate-12 .iinnoo{ top:auto; bottom:0; }
#mainCate-11 .iinnoo{ top:auto; bottom:0; }
#mainCate-10 .iinnoo{ top:auto; bottom:0; }
.nav .m:nth-child(1) .sub dd p img{ display: block;}
.nav .m:nth-child(1) .sub dd:hover p img{filter:drop-shadow(#0054a6 0px 200000px); transform: translateY(-200000px);}

.active-head{height:80px; line-height:80px; display:block;}
.active-head h3{color:#fff; background:#0054a6;}
.active-head h3 i img{filter:drop-shadow(#fff 0px 80px); transform: translateY(-80px);}

.focusBox {height:100vh; position:relative; width:100%;}
.focusBox .pic{z-index:0; overflow:hidden;}
.focusBox .pic img { width:100%; height:100vh; display: block; object-fit: cover;}
.focusBox .hd {position: absolute; bottom: 30px; text-align: center; font-size:0; z-index:1; left:0; right:0;}
.focusBox .hd li{margin: 0 5px; height:8px; overflow: hidden; width:8px; cursor: pointer;display:inline-block; *display:inline; zoom:1; background:#FFF; border-radius:10px;}
.focusBox .hd .on{ background:#0054a6; width:20px;}
.focusBox .prev{width:70px;height:70px;background:url(../images/left.png) no-repeat 0 0;position:absolute;top:50%; left:5px; z-index: 10; cursor: pointer; filter:alpha(opacity=100) !important;opacity:1 !important; z-index:9999;}
.focusBox .next {width:70px;height:70px;background:url(../images/right.png) no-repeat 0 0;position:absolute;top:50%; right:5px; z-index: 10; cursor: pointer; filter:alpha(opacity=100) !important;opacity:1 !important; z-index:9999;}
.focusBox .prev:hover,.focusBox .next:hover { filter:alpha(opacity=100) !important;opacity:1 !important;  }
.focusBox-wap{ display:none;}

.index1-txt{font-size:36px; color:#333; font-weight:bold; text-align:center; margin-top:50px;}
.index1{margin-top:20px; margin-left:80px; margin-right:80px; overflow:hidden;}
.index1 .msn-focus {width:100%; margin-top:20px; display:flex; flex-wrap:wrap; justify-content: space-between; position: relative; background:#fff; border-radius:20px;}
.index1 .msn-focus .hd {overflow:hidden; width:100%;}
.index1 .msn-focus .hd ul{display:flex; flex-wrap:wrap; justify-content: space-between; padding-top:20px; padding-bottom:20px;}
.index1 .msn-focus .hd ul li {width:49%; margin-bottom:10px; margin-left:1%; font-size:16px;}
.index1 .msn-focus .hd ul li p{width:50%;}
.index1 .msn-focus .hd ul li p a{ padding:0 20px; display:block; height:52px; display:flex; flex-wrap:wrap; align-items:center; border-radius:10px; background:#eee; border:#ddd 1px solid; color:#333; overflow: hidden;}
.index1 .msn-focus .hd .on p a{color:#fff; background:#0054a6;}
.index1 .msn-focus .hd ul li:nth-child(2n) p{ float:right; margin-right:2%;}
.index1 .msn-focus .bd {width:45%; margin: auto; margin-top:-595px; margin-bottom:20px;}
.index1 .msn-focus .bd li dt{overflow:hidden; border:#ddd 1px solid; position:relative; padding-bottom:65%;}
.index1 .msn-focus .bd li dt img{width:100%; height:100%; position:absolute;}
.index1 .msn-focus .bd li dt .info{ height:50px;line-height:50px; font-size:20px; background:rgba(0,75,145,0.9); padding:0px 20px; color:#FFF; position:absolute; left:0; right:0px; bottom:0;}
.index1 .msn-focus .bd li dl{margin-top:10px; height:160px;}
.index1 .msn-focus .bd li dl dd{width:48%; border-bottom:#ddd 1px dashed; height:30px; float:left; margin-right:4%; margin-top:8px;}
.index1 .msn-focus .bd li dl dd:nth-child(2n){ margin-right:0 !important;}
.index1 .msn-focus .bd li dl dd:hover{ color:#0054a6; border-bottom:#0054a6 1px dashed;}
.index1 .msn-focus .bd li dt:hover .info{background:rgba(0,75,145,1);}

.index2{padding-top:50px; margin-left:80px; margin-right:80px;}
.index2 .douban{width:100%;}
.index2 .douban .hd{overflow: visible; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; font-size:36px; color:#333; font-weight:bold;}
.index2 .douban .bd{ overflow: visible; margin-top:40px; overflow:visible; margin-left:-0.5%; margin-right:-0.5%; position:relative;}
.index2 .douban .bd ul{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.index2 .douban .bd ul dl{width:20%; background:#FFF;}
.index2 .douban .bd ul dl dt{position:relative; padding-bottom:100%; display:flex; flex-wrap:wrap; justify-content: center; border:#f1f3f5 5px solid;}
.index2 .douban .bd ul dl dt img{position:absolute; width:90%; height:90%; margin-left:5%; margin-top:5%;}
.index2 .douban .bd ul dl dt .info{position: absolute; bottom:0%; left:5%; right:5%; height:20px; transition: all 1.2s; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; background:rgba(255,255,255,0.8); font-size:14px; text-align:center; padding:15px 0px;}
.index2 .douban .bd ul dl:hover dt .info{position: absolute; bottom:5%; left:5%; right:5%; height:90%; transition: all 1.2s; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; background:rgba(16,90,163,0.7); color:#FFF; padding:0px; font-size:16px;}
.index2 .douban .bd ul dl:hover dt .info p{ margin:0px 30px;}
.index2 .douban .bd ul dl dd{ display:none;}

.index3{ overflow:hidden; margin-top:50px; margin-left:80px; margin-right:80px;}
.index3 .txt{overflow:hidden;display: flex; flex-wrap:wrap; align-items: center; justify-content:center; font-size:36px; color:#333; font-weight:bold;}
.index3 .bod{overflow:hidden;margin-top:20px; display:flex; flex-wrap:wrap; justify-content: space-between;}
.index3 .bod dl{ width:19.4%; background:#eee; margin-bottom:12px; border:#ddd 1px solid;}
.index3 .bod dl li{}
.index3 .bod dl li dt{position:relative; padding-bottom:100%; background:#fff; margin-top:-1px; margin-left:-1px; margin-right:-1px;}
.index3 .bod dl li dt img{position:absolute; width:100%; height:100%;}
.index3 .bod dl li dd{font-size:14px; text-align:center; padding:10px; border-top:#ddd 1px solid;}
.index3 .bod dl li p{ display:none;}
.index3 .bod dl:hover{color:#fff; background:#0054a6;}

.index4{ width:100%; background: url(../images/index4.jpg) no-repeat center center; padding:40px 0px; margin-top:50px;}
.index4 .qunar {position: relative; overflow: hidden; margin-left:80px; margin-right:80px;}
.index4 .qunar .e_pic_wrap { z-index: 1; white-space: nowrap; width: 100%; color:#FFF;}
.index4 .qunar .e_pic_wrap li {display:flex; flex-wrap:wrap;align-items: center; justify-content: space-between; width: 100%; overflow: hidden; }
.index4 .qunar .e_pic_wrap li dt{ width:45%;}
.index4 .qunar .e_pic_wrap li dt p{ position:relative; padding-bottom:60%; border-radius:20px; overflow:hidden;}
.index4 .qunar .e_pic_wrap li dt p img{ position:absolute; width:100%; height:100%;}
.index4 .qunar .e_pic_wrap li .e_flt_inf{ width:40%; margin-left:8%;}
.index4 .qunar .e_pic_wrap li .e_flt_inf dt{ font-size:36px;}
.index4 .qunar .e_pic_wrap li .e_flt_inf dd{ font-size:18px; font-weight:bold; margin-top:10px;}
.index4 .qunar .e_pic_wrap li .e_flt_inf p{ font-size:16px; margin-top:10px; line-height:24px;}
.index4 .qunar .e_pic_wrap li .e_flt_inf dl{ margin-top:20px; font-size:16px; width:220px; height:50px; background:#eee; color:#333; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:60px;}
.index4 .qunar .e_pic_wrap li .e_flt_inf dl:hover{background:#0054a6; color:#FFF;}
.index4 .qunar .prev, .qunar .next { position: absolute; z-index: 30; display: block;}
.index4 .qunar .prev { top:50%; left: 10px; height:70px; margin-top:-35px;}
.index4 .qunar .next { top:50%; right: 10px; height:70px; margin-top:-35px;}

.index5{overflow:hidden; margin-top:80px; margin-left:80px; margin-right:80px;}
.index5 .txt{ text-align:center;}
.index5 .txt dt{ font-size:36px; font-weight:bold;}
.index5 .txt dd{ margin-top:10px; font-size:18px;}
.index5 .bod{display:flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden;}
.index5 .bod dl{ width:32%; background:#fff; margin-top:120px; border-radius:20px;}
.index5 .bod dl dt{ width:120px; height:120px; background:#e5dcc8; margin:auto; margin-top:-60px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:100%;}
.index5 .bod dl p{ font-size:20px; font-weight:bold; text-align:center; margin-top:20px;}
.index5 .bod dl dd{ margin-top:30px; margin-left:40px; margin-right:40px; margin-bottom:50px; text-align:center; line-height:30px;}
.index5 .bod dl:hover dt{background:#0054a6;}

.index6{overflow:hidden; margin-top:50px; margin-left:80px; margin-right:80px;}
.index6 .txt{ text-align:center;}
.index6 .txt dt{font-size:36px; color:#333; font-weight:bold;}
.index6 .txt dd{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:30px;}
.index6 .txt dd p{width:fit-content; background:#fff; padding:12px 50px; margin:0px 10px; border-radius:60px; border:#ddd 1px solid;}
.index6 .txt dd p:hover{ background:#0054a6; color:#FFF;}
.index6 .bod{display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; overflow:hidden; margin-top:50px;}
.index6 .bod .fl{ width:50%; }
.index6 .bod .fl dt{ position:relative; padding-bottom:68%; border-radius:20px; overflow:hidden;}
.index6 .bod .fl dt img{ position:absolute;width:100%; height:100%;}
.index6 .bod .fr{ width:46%;}
.index6 .bod .fr dt{ font-size:36px; font-weight:bold;}
.index6 .bod .fr dd{ font-size:16px; line-height:26px; width:86%;}
.index6 .bod .fr dd ul{ font-size:18px; font-weight:bold; margin-top:20px;}
.index6 .bod .fr dd p{ margin:20px 0px; font-size:16px; line-height:28px;}
.index6 .bod .fr li{ margin-top:30px; font-size:18px; width:200px; height:50px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:100px; background:#eee; border:#ddd 1px solid;}
.index6 .bod .fr li:hover{background:#0054a6; color:#FFF; }

.index7{overflow:hidden; margin-top:80px; margin-right:80px; margin-left:80px;}
.index7 .txt dt{ font-size:48px; font-weight:bold; text-align:center;}
.index7 .bod{ margin-top:40px; display:flex; flex-wrap:wrap; justify-content: space-between;}
.index7 .bod dl{ width:32.5%; background:#FFF; border-radius:20px; padding-bottom:20px; margin-bottom:20px;}
.index7 .bod dl dt{position:relative; padding-bottom:60%; border-radius:20px; overflow:hidden;}
.index7 .bod dl dt img{ position:absolute; width:100%; height:100%;}
.index7 .bod dl li{ margin-top:25px; font-size:16px; font-weight:bold; margin-left:20px; margin-right:20px; height:40px;}
.index7 .bod dl ul{color:#666; line-height:22px; margin-left:20px; margin-right:20px; font-size:16px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.index7 .bod dl ul p{ margin-top:20px; width:140px; height:40px; background:#eee; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:100px;border:#ddd 1px solid;}
.index7 .bod dl ul p:hover{background:#0054a6; color:#FFF;}
.index7 .bod dl ul span{ float:right; margin-top:20px;}

.active-foot{color:#0054a6;}

.youqing{overflow:hidden; margin-top:50px; margin-left:80px; margin-right:80px;}
.youqing dt{border-bottom:#ddd 1px solid; margin-bottom:30px;}
.youqing dt p{width: fit-content; background:#f1f3f5; padding-right:30px; font-size:20px; height:30px; line-height:30px; margin-bottom:-15px; font-weight:bold;}
.youqing dd{display:flex; flex-wrap:wrap; align-items:center;}
.youqing dd p{color:#666; margin-right:25px;}
.youqing dd p:hover{filter:alpha(opacity=80) !important;opacity:0.8 !important;}

.bottom{ background:#333; width:100%; overflow:hidden; margin-top:50px; padding-bottom:30px; border-bottom:#2a2a2a 1px solid;}
.bottom .bod{margin-left:80px; margin-right:80px;}
.bottom .bod .item1{display:flex; flex-wrap:wrap; justify-content:center; border-bottom:rgba(255,255,255,0.1) 1px solid; border-bottom:#2a2a2a 1px solid;}
.bottom .bod .item1 li{margin:20px 40px;}
.bottom .bod .item1 li a{color:#FFF;}
.bottom .bod .item1 li:hover a{color:#ffc600;}
.bottom .bod .item2{ overflow:hidden; display:flex; flex-wrap:wrap; justify-content:space-between; border-top:#3f3f3f 1px solid; padding-top:30px;}
.bottom .bod .item2 .neirong1{display:flex; flex-wrap:wrap; justify-content: space-between; width:32%;}
.bottom .bod .item2 .neirong1 form{display:flex; flex-wrap:wrap; justify-content:space-between; width:100%;}
.bottom .bod .item2 .neirong1 form input{width:47%; height:40px; border-radius:5px; background:rgba(255,255,255,1); border:none; outline:none; margin-bottom:0px !important; padding-left:2%; font-size:14px;}
.bottom .bod .item2 .neirong1 form input:nth-child(3){margin-top:10px !important; width:100%; height:40px; border-radius:5px; background:rgba(255,255,255,1); border:none; outline:none; margin-bottom:0px !important; padding-left:2%;}
.bottom .bod .item2 .neirong1 form input::placeholder{font-family:"宋体"; font-size:14px;}
.bottom .bod .item2 .neirong1 form button{ width:100%; height:40px; border-radius:5px; border:none; outline:none; margin:auto; margin-top:10px !important; font-size:14px; color:#333;}
.bottom .bod .item2 .neirong1 form button:hover{ background:#0054a6; color:#FFF;}
.bottom .bod .item2 .neirong3{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:33%;}
.bottom .bod .item2 .neirong3 dl{ margin:0px 10px; text-align:center;}
.bottom .bod .item2 .neirong3 dl img{ width:106px; height:106px;}
.bottom .bod .item2 .neirong3 dl p{ margin-top:5px; color:#fff}
.bottom .bod .item2 .neirong2{overflow:hidden; color:#FFF; width:33%;}
.bottom .bod .item2 .neirong2 ul{margin-bottom:20px; font-size:16px;}
.bottom .bod .item2 .neirong2 dl{}
.bottom .bod .item2 .neirong2 dl dd{display: grid; grid-template-columns: auto 1fr; margin-top:15px;}
.bottom .bod .item2 .neirong2 dl dd img{ width:20px; margin-right:7px;}
.bottom .bod .item2 .neirong2 dl dd p{ font-size:16px;}

.bottom1{background:#333; width:100%; overflow:hidden; color:#fff; border-top:#3f3f3f 1px solid;}
.bottom1 .item{margin-left:80px; margin-right:80px;}
.bottom1 .bod{margin-bottom:10px; font-size:16px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:10px;}
.bottom1 .bod dt{ margin:10px; }


.toolbar {width:70px;position:fixed; right:0px; top:50%; z-index:999999; margin-top:-255px;}
.toolbar dd {width:70px; height:70px; margin-bottom:3px; position:relative; background:#0085db; text-align:center; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#FFF; font-size:14px; border-radius:5px;}
.toolbar dd i p img{width:32px; margin-top:3px;}
.toolbar dd i{font-style:normal;}
.toolbar .pop {position:absolute; right:73px !important; top:-30px; background:#0085db; display:none;}
.toolbar .pop-code {width: 160px;}
.toolbar .pop-code1{width: 220px;}
.toolbar .pop-code2{width: 220px;}
.toolbar .pop-code img {width: 140px;display: block; margin:auto; margin-top:10px;}
.toolbar .pop-code h3 {text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap; margin-top:10px; margin-bottom:20px; font-style: normal;}
.toolbar .pop-code1 h3 {text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap; margin-top:10px; margin-bottom:20px; font-style: normal;}
.toolbar .pop-code2 h3 {text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap; margin-top:10px; margin-bottom:20px; font-style: normal;}

.xuanfu{ display:none;}

.tabsList{overflow:hidden; margin-top:80px;}
.tabsList li{float:left; overflow:hidden; width:9.85%; border-right:#FFF 1px solid; color:#FFF;}
.tabsList li h4{float:left;overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:720px; width:100%; font-size:24px; text-align:center;}
.tabsList li.on{width:50%;}
.tabsList li.on h4{ width:19.8%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:720px; border-right: rgba(255,255,255,0.2) 1px solid; text-align:center;}
.tabsList li.on .tabBody{display: block;width:80%;float:left; height:720px; display:flex; flex-wrap:wrap; align-items:center;}
.tabsList li .tabBody{display:none;}
.tabsList li .tabBody h5{font-size:24px;font-weight: bold;padding-bottom:10px; width: auto; margin-left:60px; margin-right:60px;}
.tabsList li .tabBody ul li{font-size:18px;overflow:hidden; zoom:1;clear:both; width: auto; margin-left:60px; margin-right:60px;line-height:26px; border-right:none;}
.tabsList .lia{background: url(../images/Mission.jpg) center left no-repeat;}
.tabsList .lib{background: url(../images/vision.jpg) center left no-repeat;}
.tabsList .lic{background: url(../images/values.jpg) center left no-repeat;}
.tabsList .lid{background: url(../images/develop.jpg) center left no-repeat;}
.tabsList .lie{background: url(../images/corporate.jpg) center left no-repeat;}
.tabsList .lif{background: url(../images/business.jpg) center left no-repeat;}

.aboutus{overflow:hidden; margin-left:80px; margin-right:80px;}
.aboutus .txt{ display:none;}
.aboutus .bod{doverflow:hidden; margin-top:50px; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.aboutus .bod .fl{ width:1000px; margin:auto;}
.aboutus .bod .fl dt{font-size:36px; font-weight:bold;}
.aboutus .bod .fl li{font-size:24px; font-weight:bold;}
.aboutus .bod .fl dd{font-size:16px; line-height:30px;}
.aboutus .bod .fl dd p{margin-top:20px;}
.aboutus .bod .fr{ width:50%; display:none;}
.aboutus .bod .fr dd{width:100%;}
.aboutus .bod .fr dd img{width:100%; height:100%; border-radius:20px;}
.aboutus .bod .fr dt{display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.aboutus .bod .fr dt p{ width:49%; margin-top:10px;}
.aboutus .bod .fr dt p img{ width:100%; height:100%; border-radius:10px;}
.aboutus .bod .fl table{border:#ddd 1px solid !important; border-collapse:collapse; margin-right:20px; width:100% !important; margin-top:30px;}
.aboutus .bod .fl table tr{ background:#eee !important;}
.aboutus .bod .fl table tr td{border-right:#ddd 1px solid !important; padding:0; border-bottom:#CCC 1px solid !important; padding-left:10px; padding-right:10px;padding-top:10px !important;padding-bottom:10px !important;}
.aboutus .bod .fl table tr td img{ width:200px;}
.aboutus .bod .fl table tr:nth-child(2n){ background:#FFF !important;}
.aboutus .bod .fl table .firstRow{background:#0054a6 !important; color:#FFF; font-weight:bold; font-size:18px;}

.about1{overflow:hidden; margin-left:80px; margin-right:80px;}
.about1 .bod{doverflow:hidden; margin-top:40px;}
.about1 .bod table{border:#ddd 1px solid !important; border-collapse:collapse; margin-right:20px; width:100% !important; margin-top:30px;}
.about1 .bod table tr{ background:#eee !important;}
.about1 .bod table tr td{border-right:#ddd 1px solid !important; padding:0; border-bottom:#CCC 1px solid !important; padding-left:10px; padding-right:10px;padding-top:10px !important;padding-bottom:10px !important;}
.about1 .bod table tr td img{ width:200px;}
.about1 .bod table tr:nth-child(2n){ background:#FFF !important;}
.about1 .bod table .firstRow{background:#0054a6 !important; color:#FFF; font-weight:bold; font-size:18px;}

.honor{overflow:hidden; margin-top:0px;}
.honor .neirong{display:flex; flex-wrap:wrap; overflow:hidden;}
.honor .neirong dl{ width:18.4%; margin-top:30px; overflow:hidden; margin-right:2%;}
.honor .neirong dl:nth-child(5n){ margin-right:0;}
.honor .neirong dl dt{position:relative; padding-bottom:139%;}
.honor .neirong dl dt img{position:absolute; width:100%; height:100%;}
.honor .neirong dl dt .info{position:absolute; left:0; right:0; bottom:0; height:50px; background:rgba(0,0,0,0.6); color:#FFF; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; transition:all 1s; text-align:center}

.aboutus-active{background:#0054a6; color:#fff;}

.position{overflow:hidden; margin-left:80px; margin-right:80px; display:flex; flex-wrap:wrap; align-items:center; margin-top:100px;}
.position dt{font-size:24px;}
.position dt:hover{color:#0054a5;}
.position ul{display:flex; flex-wrap:wrap; align-items:center; border-left:#CCC 1px solid; margin-left:20px; padding-left:20px;}
.position ul img{ width:18px; margin-right:10px;}
.position ul li{ font-size:16px;}
.position ul li a:hover{color:#0054a5; font-weight:bold;}

.position1{ overflow:hidden; border-bottom:#ddd 1px solid; margin-top:100px; padding-bottom:20px;}
.position1 .bod{overflow:hidden; margin-left:80px; margin-right:80px; display:flex; flex-wrap:wrap; align-items:center;}
.position1 dt{font-size:24px;}
.position1 dt:hover{color:#0054a5;}
.position1 ul{display:flex; flex-wrap:wrap; align-items:center; border-left:#CCC 1px solid; margin-left:20px; padding-left:20px;}
.position1 ul img{ width:18px; margin-right:10px;}
.position1 ul li{ font-size:16px;}
.position1 ul li a:hover{color:#0054a5; font-weight:bold;}

.sideMenu{  border:1px solid #ddd; border-top:none;}
.sideMenu h3{ padding-left:10px;  border-top:1px solid #ddd; background:#fff; cursor:pointer;font:normal 16px/42px "Microsoft YaHei"; padding-top:15px; padding-bottom:15px; line-height:24px;}
.sideMenu h3 em{ float:right; display:block; width:40px; height:40px;   background:url(../images/icoAdd.png) 16px 10px no-repeat; cursor:pointer; }
.sideMenu h3.on em{ background-position:16px -60px; }
.sideMenu ul{ padding:0 10px; color:#999; display:none; /* 默认都隐藏 */ }
.sideMenu h3.on{ color:#fff; background:#0054a6;}
.sideMenu ul li{ margin-bottom:10px; font-size:15px;}
.sideMenu ul li:nth-child(1){ margin-top:10px;}
.sideMenu ul li:hover{color:#0054a6;}
.sideMenu ul li.onon{ color:#0054a6;}

.productlist{overflow:hidden; margin-left:80px; margin-right:80px; margin-top:20px;}
.productlist .txt{ overflow:hidden; width:20%; background:#FFF; float:left; margin-right:2%;}
.productlist .bod{width:78%; overflow:hidden;}

.pp-list{ overflow:hidden; display:flex; flex-wrap:wrap;}
.pp-list dl{width:32%; margin-bottom:20px; margin-right:2%; float:left; overflow:hidden;}
.pp-list dl:nth-child(3n){ margin-right:0px;}
.pp-list dl dt{position:relative; padding-bottom:70%; overflow:hidden;}
.pp-list dl dt img{position:absolute; width:100%; height:100%; transition: all 0.5s;}
.pp-list dl dt .info{ position:absolute; left:0; right:0; bottom:0; height:0px; transition: all 0.5s;}
.pp-list dl dt .info li{ margin:0px 15px; margin-top:10px;}
.pp-list dl dt .info li p{ margin:5px; font-size:14px;}
.pp-list dl dt .info li p:hover{color:#ff7f00;}
.pp-list dl dd{font-size:18px; padding:10px 20px; background:#FFF; text-align:center; transition: all 0.5s; border-top:#eee 1px solid}
.pp-list dl:hover dt .info{ display:block; background:rgba(0,65,125,0.9); color:#FFF; height:100%; transition: all 0.5s; position:absolute; left:0; right:0; bottom:0;}
.pp-list dl:hover dd{ background:#0054a6; color:#FFF; transition: all 0.5s; border-bottom:#336aa0 1px solid}
.pp-list dl ul{font-size:18px; padding:10px 20px; background:#FFF; text-align:center; transition: all 0.5s; border-top:#eee 1px solid}
.pp-list dl:hover ul{ background:#0054a6; color:#FFF; transition: all 0.5s;}

.productlist-actice{background:#0054a6; color:#FFF;}
.productlist-actice p{ border-right:#FFF 3px solid;}
.productlist-actice p:hover{border-right:#FFF 3px solid;}

.product-list{ overflow:hidden; display:flex; flex-wrap:wrap;}
.product-list dl{width:23.95%; margin-bottom:20px; margin-right:1.4%; float:left; overflow:hidden; background:#FFF;}
.product-list dl:nth-child(4n){ margin-right:0px;}
.product-list dl dt{position:relative; padding-bottom:100%; overflow:hidden;}
.product-list dl dt img{position:absolute; width:100%; height:100%; transition: all 0.5s;}
.product-list dl dd{font-size:18px; padding:10px 20px; background:#FFF; text-align:center; transition: all 0.5s; border-top:#eee 1px solid}
.product-list dl:hover dd{ background:#0054a6; color:#FFF; transition: all 0.5s;}

.fanye{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; padding-top:10px;}
.fanye .fenye2{display: flex;}
.fanye .fenye2 .page-num{color:#666;padding:5px;font-size:16px;flex:1;overflow:hidden;overflow:hidden;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:10px 10px; font-size:15px;}
.fanye .fenye2 .page-num-current{color:#fff;overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;padding:9px 10px; background:#0054a6; border:#0054a6 1px solid; border-radius:0px; font-size:15px;}
.fanye .fenye2 .page-num-current:hover{color:#ff9000;}
.fanye a{border:#ddd 1px solid; padding:10px 10px; background:#fff; transition: all 0.5s; border-radius:0px; font-size:16px; margin-right:10px;}
.fanye a:hover{background:#0054a6; color:#fff; transition: all 0.5s; border:#0054a6 1px solid;}

.ppp{width:1200px; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:105px;}
.product{overflow:hidden; width:1200px; display:block;}
.product .neiye-txt dl{display: grid; grid-template-columns: auto 1fr;}
.product .neiye-txt dl img{width:18px; margin-right:10px;}
.product .neiye-txt a:hover{ color:#0054a5; font-weight:bold;}
.product .bod{margin-top:20px; display: flex; flex-wrap:wrap; justify-content: space-between;}
.product .bod .fl{width:550px;}
.product .bod .fl .game163{overflow:hidden;}
.product .bod .fl .game163 .bigImg{overflow:hidden; width:100%;}
.product .bod .fl .game163 .bigImg li{border:1px solid #dcdddd; background:#FFF;}
.product .bod .fl .game163 .bigImg li p{position:relative; padding-bottom:100%; }
.product .bod .fl .game163 .bigImg li p img{ position:absolute;width:90%; height:90%; margin-left:5%; margin-top:5%;}
.product .bod .fl .game163 .smallScroll{margin-top:15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; overflow:hidden;}
.product .bod .fl .game163 .sPrev{ width:40px;}
.product .bod .fl .game163 .sPrev img{ width:40px;}
.product .bod .fl .game163 .sNext{ width:40px;}
.product .bod .fl .game163 .sNext img{ width:40px;}
.product .bod .fl .game163 .sPrev:hover{ color:#5c1717;}
.product .bod .fl .game163 .sNext:hover{ color:#5c1717;}
.product .bod .fl .game163 .smallImg{float:left;  display:inline; width:470px; overflow:hidden;}
.product .bod .fl .game163 .smallImg ul{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:100%;}
.product .bod .fl .game163 .smallImg li{width:16.6%;}
.product .bod .fl .game163 .smallImg li p{position:relative; padding-bottom:100%; margin:auto;}
.product .bod .fl .game163 .smallImg li p img{ position:absolute; width:90%; height:90%; margin-left:5%; margin-top:5%; border:2px solid #fff;}
.product .bod .fl .game163 .smallImg .on img{border-color:#0054a6;}
.product .bod .fr{ width:600px;}
.product .bod .fr .txt dt{font-size:30px; margin-top:30px;}
.product .bod .fr .txt li{ font-size:16px; margin-top:15px;}
.product .bod .fr .txt dl{overflow:hidden; margin-top:15px;}
.product .bod .fr .txt dl span{ font-size:36px; color:#ff7f00;}
.product .bod .fr .txt ul{ margin-top:18px; font-size:18px; font-weight:bold; border-top:#ddd 1px dashed; padding-top:15px;}
.product .bod .fr .txt ul p{ font-size:16px; font-weight:normal; line-height:26px; margin-top:5px;}
.product .bod .fr .xiazai{background:#fff; width:180px; text-align:center; border-radius:5px; border:#eee 1px solid; height:45px; line-height:45px; margin-top:20px; border:#ddd 1px solid;}
.product .bod .fr .xiazai:hover{background:#0054a6; color:#FFF;}

.product-txt{width:100%; margin-top:80px; display:block; overflow:hidden; background:#FFF; height:60px; z-index:999999; border-top:#ddd 1px solid;}
.product-txt .www360buy{width:1200px; margin:auto;}
.product-txt .www360buy .hd{overflow:hidden;}
.product-txt .www360buy .hd ul{display: flex; flex-wrap:wrap;}
.product-txt .www360buy .hd li{height:60px; line-height:60px; text-align:center; width:120px; font-size:18px;}
.product-txt .www360buy .hd li:hover{ color:#0054a6; border-bottom:#0054a6 3px solid; height:57px; line-height:57px;}
.product-txt .www360buy .hd li.on{background:#fff; color:#0054a6; height:57px; line-height:57px; border-bottom:#0054a6 3px solid;}

.product-bod{ overflow:hidden; width:1200px; margin:auto;}
.product-bod .jianjie{line-height:24px; padding-top:80px;}
.product-bod .jianjie .txt{ border-bottom:#CCC 1px solid; margin-bottom:30px}
.product-bod .jianjie .txt p{font-size:20px; height:30px; line-height:30px; margin-bottom:-15px; background:#f1f3f5; width: fit-content; padding-right:15px; font-weight:bold;}
.product-bod .jianjie .bod{ margin-right:100px;}
.product-bod .jianjie .bod p img{ width:400px;}
.product-bod .canshu{line-height:24px; padding-top:60px;}
.product-bod table{border:#ddd 1px solid !important; border-collapse:collapse; margin-right:20px; width:100% !important; margin-top:30px;}
.product-bod table tr{ background:#eee !important;}
.product-bod table tr td{border-right:#ddd 1px solid !important; padding:0; border-bottom:#CCC 1px solid !important; padding-left:10px; padding-right:10px;padding-top:10px !important;padding-bottom:10px !important;}
.product-bod table tr td span{ background:inherit !important; color:inherit !important;}
.product-bod table tr td p{ background:inherit !important; color:inherit !important;}
.product-bod table tr td>img{ width:150px !important; height:150px !important;}
.product-bod table tr:nth-child(2n){ background:#FFF !important;}
.product-bod video{ width:600px; height:100%;}
.product-bod h3{ font-size:24px; color:#234189; margin-top:30px; margin-bottom:10px;}
.product-bod h1{ font-size:48px; margin-bottom:30px; margin-top:50px; color:#234189;}
.product-bod p{ margin-top:10px;}
.product-bod p span{background:inherit !important; color:inherit !important;}
.product-bod table .firstRow{background:#0054a6 !important; color:#FFF; font-weight:bold; font-size:18px;}

.product-xiangguan{overflow:hidden; margin-top:50px; margin-left:80px; margin-right:80px; border-top:#ddd 1px solid; padding-top:40px;}
.product-xiangguan .txt{  text-align:center;}
.product-xiangguan .txt dt{font-size:30px; font-weight:bold;}
.product-xiangguan .txt dd{ width:40px; height:3px; background:#0054a6; margin:auto; margin-top:15px;}
.product-xiangguan .bod{ overflow:hidden; display:flex; flex-wrap:wrap; margin-top:40px;}
.product-xiangguan .bod dl{width:15.8%; margin-right:1%; float:left; overflow:hidden; background:#FFF;}
.product-xiangguan .bod dl:nth-child(6n){ margin-right:0px;}
.product-xiangguan .bod dl dt{position:relative; padding-bottom:100%; overflow:hidden;}
.product-xiangguan .bod dl dt img{position:absolute; width:100%; height:100%; transition: all 0.5s;}
.product-xiangguan .bod dl dd{font-size:18px; padding:10px 20px; background:#FFF; text-align:center; transition: all 0.5s; border-top:#eee 1px solid}
.product-xiangguan .bod dl:hover dd{ background:#0054a6; color:#FFF; transition: all 0.5s;}

.caselist{ overflow:hidden; margin-top:0px; margin-left:80px; margin-right:80px;}
.caselist .bod{display:flex; flex-wrap:wrap; justify-content: space-between;}
.caselist .bod dl{width:32%; overflow:hidden; background:#FFF; margin-top:30px; margin-right:2%;}
.caselist .bod dl:nth-child(3n){ margin-right:0;}
.caselist .bod dl dt{position:relative; padding-bottom:60%; overflow:hidden;}
.caselist .bod dl dt img{ position:absolute; width:100%; height:100%; transition: all 1s;}
.caselist .bod dl dt:hover img{transform: scale(1.1); transition: all 1s;}
.caselist .bod dl dd{ margin:20px 20px;}
.caselist .bod dl dd li{ font-size:18px;}
.caselist .bod dl dd ul{ margin-top:15px; line-height:26px; font-size:15px; color:#666;}

.video{overflow:hidden; display:block; margin-top:0px; margin-left:80px; margin-right:80px;}
.video .container{width:18.4%; float:left; margin-right:2%; padding:0px !important; overflow:hidden; margin-top:30px; display:block !important;}
.video .container:nth-child(5n){ margin-right:0px;}
.video .container .videolist dt {position:relative; padding-bottom:30%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding-top:30%; border-radius:20px; overflow:hidden;}
.video .container .videolist dt img{position:absolute; width:80%; margin-left:10%;}
.video .container .videolist dt .info{ position:absolute; left:0; right:0; top:0; bottom:0; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; background:rgba(0,0,0,0.4)}
.video .container .videolist dt .info img{width:60px; height:60px; margin-left:-10px;}
.video .container .videolist:hover{cursor: pointer; }
.video .container .videoed {display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; }
.video .container .videos{display:none; position:fixed; left:0; top:0; z-index:100; width:100%; height:100vh; z-index:9; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.video .container .videos img{ width:50px; height:50px;}
.video video{ width:70%; margin-top:50px;}
.video .container .vclose {position:absolute;right:15px; top:100px; border-radius:100%; cursor: pointer;}
.video .container .title{margin-top:10px;}
.video .container .title dt{font-size:16px; text-align:center;}

.Download{overflow:hidden; margin-left:80px; margin-right:80px; margin-top:30px; background:#FFF; padding:15px;}
.Download .bod{ margin-bottom:20px;}
.Download .bod dl{display: flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border-bottom:#ddd 1px dashed; padding-bottom:15px; padding-top:15px; transition: all 0.5s;}
.Download .bod dl dt{ font-size:16px; transition: all 0.5s;}
.Download .bod dl dt a{display: flex; flex-wrap:wrap; align-items:center;}
.Download .bod dl dt img{ width:30px; margin-right:10px;}
.Download .bod dl dd{width: fit-content; background:#0054a6; padding:5px 15px; color:#FFF; border-radius:5px; font-size:1rem; margin-top:0.5rem;}
.Download .bod dl:hover{box-shadow: 0px 0px 6px 6px rgba(10, 10, 10, 0.06);}
.Download .bod dl:hover dt{ margin-left:15px; transition: all 0.5s;}
.Download .bod dl:hover dt span{color:#0054a6}
.Download .bod dl:hover dd{ margin-right:15px; transition: all 0.5s;}

.news-list{overflow:hidden; margin-top:30px; margin-right:80px; margin-left:80px; }
.news-list .bod{display:flex; flex-wrap:wrap; justify-content: space-between;}
.news-list .bod dl{ width:32.5%; background:#FFF; border-radius:20px;}
.news-list .bod dl dt{position:relative; padding-bottom:62%; border-radius:20px; overflow:hidden;}
.news-list .bod dl dt img{ position:absolute; width:100%; height:100%;}
.news-list .bod dl li{ margin-top:15px; font-size:16px; font-weight:bold; margin-left:20px; margin-right:20px;}
.news-list .bod dl ul{ margin-top:10px; color:#666; line-height:20px; margin-left:20px; margin-right:20px; font-size:16px;}
.news-list .bod dl ul p{ margin-top:15px; width:140px; height:40px; background:#0054a6; color:#FFF; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:100px; margin-bottom:20px;}

.newslist{overflow:hidden; margin-top:30px; margin-left:80px; margin-right:80px; }
.newslist .bod{display: flex; flex-wrap:wrap; justify-content: space-between;}
.newslist dl{width:48.5%; overflow:hidden; background:#FFF; margin-bottom:25px; display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; padding:15px 0px; box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.1);}
.newslist dl .fl{width:75%; margin-left:2.5%;}
.newslist dl .fl li{ font-size:16px; font-weight: bold;}
.newslist dl .fl p{ margin-top:10px; color:#666;}
.newslist dl .fl a:hover li{color:#0054a6;}
.newslist dl .fl a:hover p{color:#0054a6; filter:alpha(opacity=80) !important;opacity:0.8 !important;}
.newslist dl .fr {margin-right:2.5%;}
.newslist dl .fr ul{ text-align:center;}
.newslist dl .fr ul dd{ font-size:48px; color:#0054a6;}
.newslist dl .fr ul p{ font-size:14px; color:#666;}

.news{ overflow:hidden; width:1000px; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:30px;}
.news .txt{ border-bottom:#CCC 1px dashed; padding-bottom:30px; margin-bottom:30px;}
.news .txt dt{font-size:30px; line-height:44px;}
.news .txt dd{margin-top:20px; color:#999; font-size:16px; display: flex; flex-wrap:wrap;}
.news .txt dd p{ margin-right:30px;}
.news .bod{overflow:hidden; border-bottom:#CCC 1px dashed;}
.news .bod img{border-radius:20px;}
.news .bod p{ font-size:16px; color:#666; line-height:30px; margin-bottom:10px; text-wrap:wrap !important;}
.news .bod span{text-wrap:wrap !important;}
.news .bod table{border:#ddd 1px solid !important; border-collapse:collapse; margin-right:20px; width:100% !important; margin-top:30px; margin-bottom:30px;}
.news .bod table tr{ background:#fff !important;}
.news .bod table tr td{border-right:#ddd 1px solid !important; padding:0; border-bottom:#CCC 1px solid !important; padding-left:10px; padding-right:10px;padding-top:10px !important;padding-bottom:10px !important;}
.news .bod table tr td span{ background:inherit !important; color:inherit !important;}
.news .bod table tr td p{ background:inherit !important; color:inherit !important;}
.news .bod table tr td>img{ width:150px !important; height:150px !important;}
.news .gengduo{ margin-top:30px;}
.news .gengduo dl{ width:100%; display: grid; grid-template-columns: auto 1fr; background:#fff; border-radius:10px; margin-bottom:15px; padding:15px 0px;}
.news .gengduo dl dt{ margin-left:15px; }
.news .gengduo dl dd{ margin-right:15px;}
.news .gengduo dl:hover{background:#0054a6; color:#fff;}

.p-search{width:1200px; margin:auto; padding-top:40px; display: flex; flex-wrap:wrap; align-items:center; justify-content: center; margin-bottom:60px;}
.p-search form{display: flex; flex-wrap:wrap; align-items:center; justify-content: center;}
.p-search form input{ width:600px; height:60px; outline:none; border:#CCC 1px solid; border-radius:60px 0px 0px 60px; padding-left:40px; font-size:16px;}
.p-search form button{ width:140px; background:#0054a6; border:#0054a6 1px solid; height:62px; font-size:18px; color:#FFF; text-transform:uppercase; border-radius:0px 30px 30px 0px; transition: all 0.5s;}
.p-search form button img{ width:22px; padding-top:4px;}
.p-search form button:hover{filter:alpha(opacity=80) !important;opacity:0.8 !important;}

.history{ overflow:hidden; margin-left:80px; margin-right:80px; margin-top:30px;}
.history .item{background:url(../images/history.png) repeat-y left; display: flex; flex-wrap:wrap; align-items:flex-start; width:1040px; margin:auto; padding-bottom:30px;}
.history .item .fl{width:270px;display: flex; flex-wrap:wrap; align-items:center;}
.history .item .fl li{ width:10px; height:10px; background:#ccc; border-radius:100%; margin-left:3px}
.history .item:hover .fl li{background:#0054a5;}
.history .item .fl dd{ width:120px; height:50px; background:rgba(0,84,165,0.4); margin-left:50px; color:#FFF; border-radius:20px 0px 20px 0px; text-align:center; line-height:50px; font-size:24px;}
.history .item:hover .fl dd{background:rgba(0,84,165,1);}
.history .item .fr{ width:750px; background:#FFF; border-radius:20px 0px 20px 0px;}
.history .item:hover .fr{box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.1);}
.history .item .fr dl{ margin-top:50px; margin-left:30px; margin-right:30px; margin-bottom:30px;}
.history .item .fr dl dt{ font-size:24px; color:#0054a5;}
.history .item .fr dl dt span{ font-size:16px;}
.history .item .fr dl dd{ margin-top:10px; font-size:16px; color:#666; line-height:24px;}
.history .item .fr dl dd p{ font-size:16px; color:#666; line-height:24px;}
.history .item .fr dl dd span{font-size:16px; color:#666; line-height:24px;}
}

@media only screen and (max-width:1199px){
.top1bj{ display:none;}

#wap_logo_main{position: relative; height: 58px; display: none; position: fixed; top: 0; left: 0; right: 0;z-index: 999;}
#wap_logo{position:relative; z-index: 99; background-color: #FFF; box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); }
#wap_logo .WebLogo{display: flex; align-items: center; max-height: 58px; }
#wap_logo .WebLogo .WebLogo{flex: 1; }
#wap_logo .WebLogo .languagebtn{width: 30px; height: 30px; margin-right: 15px; line-height: 30px; text-align: center; background: #04a07b; color: #FFF; }
#wap_logo .WebLogo .shownavbtn{width: 1.8em; height: 1em; margin: 20px 15px 20px 0; border-top: 3px solid #666; border-bottom: 3px solid #666;display: flex; flex-direction: column; align-items: center; justify-content: center;}
#wap_logo .WebLogo .shownavbtn:before{content:""; display: block; width: 100%; height: 3px; background: #666; }
#wap_logo .WebLogo img{max-height:2rem; display:block;margin-left: 15px;}

#wap_navigationshade {position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 2003; background: rgba(0,0,0,.5); display: none; }
#wap_navigationshade:after,#wap_navigationshade:before{ content: ""; display: block; position: absolute; width: 20px; height: 2px; left: 30%; margin-left: -40px; top: 40px; background: #FFF; border-radius: 3px; }
#wap_navigationshade:after{transform: rotate(45deg); }
#wap_navigationshade:before{transform: rotate(-45deg); }

.wap_navigationlist{position: fixed; right: -255px; top: 0; background: #FFF; overflow-y: scroll; width: 255px; height: 100%; z-index: 999999999; }
.wap_navigationlist li{position: relative; } 
.wap_navigationlist li i.showmore{position: absolute; width: 80px; height: 50px; right: 0; top: 0; }
.wap_navigationlist li i.showmore:after,.wap_navigationlist li i.showmore:before{ content:''; display: block; background: #666; margin: auto; border-radius: 2px;position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 10px; height: 2px; }
.wap_navigationlist li i.showmore:before{width: 2px; height: 10px; }
.wap_navigationlist a{ position: relative; line-height: 50px; font-size:14px; color:#444; overflow:hidden; display:block; margin-left: 30px; }
.wap_navigationlist a.current{ color:#04a07b; }
.wap_navigationlist li.depth2 a{ text-indent: 30px; line-height: 35px; color: #555; }

.wap_subnavigationlist{ display: none; }
.wap_subnavigationlist a{ margin-left: 60px; }

.wap_subnavigationlist .thirdwrap .depth3{ padding-left: 20px; height: 50px; display: flex; align-items: center; }
.wap_subnavigationlist .thirdwrap .depth3 a{ line-height: 1.4em; }

.seachwrap{ padding: 20px 0; }
.seachwrap form { max-width: 550px; background: #f5f5f5; border-radius: 50px; border: 1px solid #ddd; margin: 0 auto; overflow: hidden; display:flex; }
.seachwrap input{ margin: 0; border: 0; width:100%; line-height: 40px; height: 40px; outline: none; background: #f5f5f5; }
.seachwrap input.Keywords { padding: 0 0 0 15px; width: 80%; float: left; }
.seachwrap input.btnSearch { width: 50px; padding: 0; background:url(../images/searchbtn.png) no-repeat center; float: right; opacity: .5; }
.seachwrap button{border:none; outline:none;}

.focusBox{ display:none;}
.focusBox-wap {height:12rem; position:relative; width:100%; margin-top:58px;}
.focusBox-wap .pic{z-index:0; overflow:hidden;}
.focusBox-wap .pic img { width:100%; height:12rem; display: block;}
.focusBox-wap .hd {position: absolute; bottom: 30px; text-align: center; font-size:0; z-index:1; left:0; right:0;}
.focusBox-wap .hd li{margin: 0 5px; height:8px; overflow: hidden; width:8px; cursor: pointer;display:inline-block; *display:inline; zoom:1; background:#FFF; border-radius:10px;}
.focusBox-wap .hd .on{ background:#0054a6; width:20px;}
.focusBox-wap .prev{ display:none !important;}
.focusBox-wap .next {display:none !important;}

.index1-txt{font-size:1.4rem; color:#333; font-weight:bold; text-align:center; margin-top:1.5rem;}
.index1{margin-top:1rem; margin-left:1rem; margin-right:1rem; overflow:hidden;}
.index1 .msn-focus {width:100%; display:flex; flex-wrap:wrap; justify-content: space-between;}
.index1 .msn-focus .hd {overflow:hidden; width:100%;}
.index1 .msn-focus .hd ul{display:flex; flex-wrap:wrap; justify-content: space-between;}
.index1 .msn-focus .hd ul li {width:49%; margin-bottom:0.4rem; font-size:0.8rem; text-align:center;}
.index1 .msn-focus .hd ul li p{background:#fff; width:100%;}
.index1 .msn-focus .hd ul li p a{ padding:0.5rem 0rem; display:block;}
.index1 .msn-focus .hd .on p {color:#fff; background:#0054a6;}
.index1 .msn-focus .bd {width:100%; margin-top:0.7rem;}
.index1 .msn-focus .bd li dt{overflow:hidden; border:#ddd 1px solid; position:relative; padding-bottom:65%;}
.index1 .msn-focus .bd li dt img{width:100%; height:100%; position:absolute;}
.index1 .msn-focus .bd li p{ height:3rem;line-height:3rem; font-size:1.2rem; background:#0054a6; padding:0px 1rem; color:#FFF; margin-bottom:0rem;}
.index1 .msn-focus .bd li dl{display:flex; flex-wrap:wrap; justify-content: space-between;}
.index1 .msn-focus .bd li dl dd{ width:100%; margin-top:0.7rem; font-size:0.9rem; line-height:1.2rem;}
.index1 .msn-focus .bd li dl dd:hover{ color:#0054a6;}

.index2{margin-left:1rem; margin-right:1rem; margin-top:2rem; border-top:#ddd 0.7rem solid;}
.index2 .douban{width:100%;}
.index2 .douban .hd{overflow: visible; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; font-size:1.4rem; color:#333; font-weight:bold; padding-top:1.6rem;}
.index2 .douban .bd{ overflow: visible; margin-top:1rem; overflow:visible; margin-left:-0.5%; margin-right:-0.5%;}
.index2 .douban .bd ul{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.index2 .douban .bd ul dl{width:48.5%; background:#FFF; margin-bottom:0.7rem;}
.index2 .douban .bd ul dl dt{position:relative; padding-bottom:100%; display:flex; flex-wrap:wrap; justify-content: center;}
.index2 .douban .bd ul dl dt img{position:absolute; width:94%; height:94%; margin-left:3%; margin-top:3%;}
.index2 .douban .bd ul dl dd{transition: all 1.2s; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; background:#eee; font-size:0.9rem; text-align:center; padding:0.5rem;}
.index2 .douban .bd ul dl dt .info{ display:none;}

.index3{ overflow:hidden; margin-top:1.5rem; margin-left:1rem; margin-right:1rem; border-top:#ddd 0.7rem solid; padding-top:1.6rem;}
.index3 .txt{overflow:hidden;display: flex; flex-wrap:wrap; align-items: center; justify-content:center; font-size:1.4rem; color:#333; font-weight:bold;}
.index3 .bod{overflow:hidden;margin-top:1rem; display:flex; flex-wrap:wrap; justify-content: space-between;}
.index3 .bod dl{ width:48.5%; background:#eee; margin-bottom:0.7rem; border-bottom:#ddd 1px solid;}
.index3 .bod dl li{}
.index3 .bod dl li dt{position:relative; padding-bottom:100%; background:#fff;}
.index3 .bod dl li dt img{position:absolute; width:100%; height:100%;}
.index3 .bod dl li dd{ padding:0.5rem 0rem; font-size:0.9rem; border-left:#ddd 1px solid; border-right:#ddd 1px solid;border-top:#ddd 1px solid; text-align:center;}
.index3 .bod dl:hover{background:#0054a6; color:#FFF;}

.index4{ width:100%; background: url(../images/index4.jpg) no-repeat center center; padding:1rem 0rem; margin-top:1.5rem;}
.index4 .qunar {position: relative; overflow: hidden; margin-left:1rem; margin-right:1rem;}
.index4 .qunar .e_pic_wrap { z-index: 1; white-space: nowrap; width: 100%; color:#FFF;}
.index4 .qunar .e_pic_wrap li {display:flex; flex-wrap:wrap;align-items: center; justify-content: space-between; width: 100%; overflow: hidden; }
.index4 .qunar .e_pic_wrap li dt{ width:100%; margin-bottom:5rem;}
.index4 .qunar .e_pic_wrap li dt p{ position:relative; padding-bottom:60%; border-radius:20px; overflow:hidden;}
.index4 .qunar .e_pic_wrap li dt p img{ position:absolute; width:100%; height:100%;}
.index4 .qunar .e_pic_wrap li .e_flt_inf{ width:100%; margin-bottom:1.5rem;}
.index4 .qunar .e_pic_wrap li .e_flt_inf dt{ font-size:1.4rem; margin-bottom:1rem;}
.index4 .qunar .e_pic_wrap li .e_flt_inf dd{ font-size:1rem; font-weight:bold;}
.index4 .qunar .e_pic_wrap li .e_flt_inf p{ font-size:1rem; margin-top:1rem; line-height:1.3rem;}
.index4 .qunar .e_pic_wrap li .e_flt_inf dl{ margin-top:1rem; font-size:1rem; width:10rem; height:2.5rem; background:#eee; color:#333; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:3rem;}
.index4 .qunar .e_pic_wrap li .e_flt_inf dl:hover{background:#0054a6; color:#FFF;}
.index4 .qunar .prev, .qunar .next { position: absolute; z-index: 30; display: block;}
.index4 .qunar .prev {bottom:1rem;left: 0rem;right:0;height:3rem;display:flex; flex-wrap:wrap;align-items:center; justify-content:center; margin-left:-3rem;}
.index4 .qunar .prev img{ width:3rem; height:3rem;}
.index4 .qunar .next { bottom:1rem; right:0rem; left:0; height:3rem; display:flex; flex-wrap:wrap;align-items: center; justify-content: center; margin-right:-3rem;}
.index4 .qunar .next img{width:3rem; height:3rem;}

.index5{overflow:hidden; margin-top:1.6rem; margin-left:1rem; margin-right:1rem;}
.index5 .txt{ text-::center;}
.index5 .txt dt{ font-size:1.4rem; font-weight:bold;}
.index5 .txt dd{ margin-top:0.5rem; font-size:1rem; line-height:1.6rem;}
.index5 .bod{display:flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden;}
.index5 .bod dl{ width:100%; background:#fff; margin-top:3rem; border-radius:20px;}
.index5 .bod dl dt{ width:4rem; height:4rem; background:#e5dcc8; margin:auto; margin-top:-2rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:100%;}
.index5 .bod dl dt img{width:3rem; height:3rem;}
.index5 .bod dl p{ font-size:1.2rem; font-weight:bold; text-align:center; margin-top:1rem;}
.index5 .bod dl dd{ margin-top:1rem; margin-left:1rem; margin-right:1rem; margin-bottom:1.5rem; text-align:center; line-height:1.5rem;}
.index5 .bod dl:hover dt{background:#0054a6;}

.index6{overflow:hidden; margin-top:2rem; margin-left:1rem; margin-right:1rem;}
.index6 .txt{ text-align:center;display:none;}
.index6 .txt dt{ font-size:1.4rem; font-weight:bold;}
.index6 .txt dd{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:1rem; }
.index6 .txt dd p{margin:0px 0.2rem; width:fit-content; padding:0.7rem 2rem; background:#FFF; border-radius:2rem; font-size:1rem; margin-bottom:0.5rem;}
.index6 .txt dd p:hover{background:#0054a6; color:#FFF;}
.index6 .bod{display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; overflow:hidden;}
.index6 .bod .fl{ width:100%; }
.index6 .bod .fl dt{ position:relative; padding-bottom:68%; border-radius:1rem; overflow:hidden;}
.index6 .bod .fl dt img{ position:absolute;width:100%; height:100%;}
.index6 .bod .fr{ width:100%;}
.index6 .bod .fr dt{ font-size:1.4rem; font-weight:bold; margin-top:1rem;}
.index6 .bod .fr dd{ font-size:1rem; line-height:1.5rem; width:100%; margin-top:1rem;}
.index6 .bod .fr dd ul{ font-size:1.1rem; margin-bottom:1rem; line-height:1.8rem;}
.index6 .bod .fr dd p{ margin-bottom:1rem; line-height:1.6rem;}
.index6 .bod .fr li{ margin-top:1.5rem; font-size:1rem; width:12rem; height:2.8rem; background:#0054a6; color:#FFF; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:2rem}
.index6 .bod .fr li:hover{filter:alpha(opacity=80) !important;opacity:0.8 !important;}

.index7{overflow:hidden; margin-top:2rem; margin-right:1rem; margin-left:1rem;}
.index7 .txt dt{ font-size:1.4rem; font-weight:bold;}
.index7 .bod{ margin-top:1rem; display:flex; flex-wrap:wrap; justify-content: space-between;}
.index7 .bod dl{ width:100%; background:#FFF; margin-bottom:1rem;}
.index7 .bod dl dt{position:relative; padding-bottom:60%; overflow:hidden;}
.index7 .bod dl dt img{ position:absolute; width:100%; height:100%;}
.index7 .bod dl dd{display:flex; flex-wrap:wrap; align-items:center; margin-top:1rem; margin-left:1rem; margin-right:1rem; font-size:1.6rem; color:#0054a6;}
.index7 .bod dl dd img{ margin-right:0.3rem;}
.index7 .bod dl dd p{font-size:1rem; margin-top:5px; color:#666; margin-left:10px;}
.index7 .bod dl li{ margin-top:1rem; font-size:1rem; font-weight:bold; margin-left:1rem; margin-right:1rem;}
.index7 .bod dl ul{ margin-top:1rem; color:#666; line-height:1.6rem; margin-left:1rem; margin-right:1rem;}
.index7 .bod dl ul p{ margin-top:1rem; width:10rem; height:2.6rem; background:#0054a6; color:#FFF; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:2rem; margin-bottom:1.5rem;}
.index7 .bod dl ul p:hover{filter:alpha(opacity=80) !important;opacity:0.8 !important;}

.active-foot{color:#0054a6;}

.youqing{overflow:hidden; margin-top:0rem; margin-left:1rem; margin-right:1rem;}
.youqing dt{border-bottom:#ddd 1px solid; margin-bottom:1rem;}
.youqing dt p{width: fit-content; background:#f1f3f5; padding-right:1rem; font-size:1rem; height:2rem; line-height:2rem; margin-bottom:-1rem; font-weight:bold;}
.youqing dd{display:flex; flex-wrap:wrap; align-items:center;}
.youqing dd p{color:#666; margin-right:1rem; margin-bottom:0.5rem;  font-size:0.9rem;}
.youqing dd p:hover{filter:alpha(opacity=80) !important;opacity:0.8 !important;}

.bottom{ background:#333; width:100%; overflow:hidden; margin-top:1rem; padding-bottom:1rem; border-bottom:#2a2a2a 1px solid;}
.bottom .bod{margin-left:1rem; margin-right:1rem;}
.bottom .bod .item1{display:flex; flex-wrap:wrap; justify-content:space-between; border-bottom:rgba(255,255,255,0.1) 1px solid; border-bottom:#2a2a2a 1px solid; margin-top:1rem;}
.bottom .bod .item1 li{ width:32%; text-align:center; text-align:center; margin-bottom:1rem;}
.bottom .bod .item1 li a{color:#FFF;}
.bottom .bod .item1 li:hover a{color:#ffc600;}
.bottom .bod .item2{ overflow:hidden; display:flex; flex-wrap:wrap; justify-content:space-between; border-top:#3f3f3f 1px solid;}
.bottom .bod .item2 .neirong1{display:flex; flex-wrap:wrap; justify-content: space-between; width:100%;}
.bottom .bod .item2 .neirong1 form{display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; margin-top:1rem;}
.bottom .bod .item2 .neirong1 form input{width:98%; height:2.5rem; border-radius:0.5rem; background:rgba(255,255,255,1); border:none; outline:none;padding-left:2%; font-size:0.9rem; margin-bottom:0.5rem;}
.bottom .bod .item2 .neirong1 form input::placeholder{font-size:0.9rem;}
.bottom .bod .item2 .neirong1 form button{ width:100%; height:2.5rem; border-radius:0.5rem; border:none; outline:none; margin:auto; font-size:0.9rem; color:#333;}
.bottom .bod .item2 .neirong1 form button:hover{ background:#0054a6; color:#FFF;}
.bottom .bod .item2 .neirong3{display:flex; flex-wrap:wrap; align-items:center; margin-top:1rem; width:100%;}
.bottom .bod .item2 .neirong3 dl{ margin:0px 10px; text-align:center;}
.bottom .bod .item2 .neirong3 dl img{width:5rem; height:5rem;}
.bottom .bod .item2 .neirong3 dl p{ margin-top:0.3rem; color:#fff}
.bottom .bod .item2 .neirong2{ overflow:hidden; margin-top:1rem; color:#FFF;}
.bottom .bod .item2 .neirong2 ul{margin-bottom:20px; font-size:16px;}
.bottom .bod .item2 .neirong2 dl{}
.bottom .bod .item2 .neirong2 dl dd{display: grid; grid-template-columns: auto 1fr; margin-top:0.7rem;}
.bottom .bod .item2 .neirong2 dl dd img{ width:1.4rem; margin-right:7px;}
.bottom .bod .item2 .neirong2 dl dd p{ font-size:16px;}

.bottom1{background:#333; width:100%; overflow:hidden; color:#fff; border-top:#3f3f3f 1px solid; padding-top:1rem; margin-bottom:3.8rem;}
.bottom1 .item{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-left:1rem; margin-right:1rem;}
.bottom1 .bod{margin-bottom:1rem; font-size:16px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
.bottom1 .bod dt{ margin-left:0.5rem; margin-right:0.5rem; text-align:center; font-size:0.9rem;}

.toolbar { display:none;}

.xuanfu{background:#0054a6; overflow:hidden;display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; position:fixed; bottom:0; left:0; right:0; height:3.8rem; z-index:999999;}
.xuanfu dl{width:25%; text-align:center;}
.xuanfu dl dt{ width:1.4rem; height:1.3rem; overflow:hidden; margin:auto;}
.xuanfu dl dt img{filter:drop-shadow(#fff 0px 80px); transform: translateY(-80px); width:1.4rem; height:1.3rem;}
.xuanfu dl dd{ font-size:1rem; color:#FFF; margin-top:0.2rem;}

.tabsList{overflow:hidden; margin-left:1rem; margin-right:1rem; margin-top:4rem; border-radius:0.6rem;}
.tabsList li{overflow:hidden; width:100%; margin-bottom:1px; color:#FFF; padding-top:2rem; padding-bottom:2rem;}
.tabsList li h4{float:left;overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; font-size:1.2rem; text-align:center;}
.tabsList li.on{width:100%; padding-bottom:2rem;}
.tabsList li.on h4{ width:90%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-bottom: rgba(255,255,255,0.2) 1px solid; text-align:center; margin-left:5%; padding-bottom:1rem;}
.tabsList li.on .tabBody{display: block;width:100%;float:left; display:flex; flex-wrap:wrap; align-items:center; padding-top:1.5rem;}
.tabsList li .tabBody{display:none;}
.tabsList li .tabBody h5{font-size:1.2rem;font-weight: normal;width:90%; margin-left:5%; margin-right:5%; margin-bottom:0rem; padding-bottom:0rem;}
.tabsList li .tabBody ul{}
.tabsList li .tabBody ul li{font-size:1rem;overflow:hidden; zoom:1;clear:both; width:90%; margin-left:5%; margin-right:5%; line-height:1.6rem; border-right:none; padding-top:1rem; padding-bottom:0rem;}
.tabsList .lia{background: url(../images/Mission.jpg) center left no-repeat;}
.tabsList .lib{background: url(../images/vision.jpg) center left no-repeat;}
.tabsList .lic{background: url(../images/values.jpg) center left no-repeat;}
.tabsList .lid{background: url(../images/develop.jpg) center left no-repeat;}
.tabsList .lie{background: url(../images/corporate.jpg) center left no-repeat;}
.tabsList .lif{background: url(../images/business.jpg) center left no-repeat;}

.aboutus{overflow:hidden; margin-top:1rem; margin-left:1rem; margin-right:1rem;}
.aboutus .bod{doverflow:hidden; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.aboutus .bod .fl{ width:100%;}
.aboutus .bod .fl dt{font-size:1.2rem; font-weight:bold;}
.aboutus .bod .fl li{font-size:1rem; font-weight:bold;}
.aboutus .bod .fl dd{font-size:1rem; line-height:1.5rem;}
.aboutus .bod .fl dd p{margin-top:1rem;}
.aboutus .bod .fr{ width:100%; margin-top:1rem; display:none;}
.aboutus .bod .fr dd{ position:relative; padding-bottom:68%; border-radius:0.5rem; overflow:hidden;}
.aboutus .bod .fr dd img{ position:absolute; width:100%; height:100%;}
.aboutus .bod .fl table{border:#ddd 1px solid !important; border-collapse:collapse; margin-right:20px; width:100% !important; margin-top:30px;}
.aboutus .bod .fl table tr{ background:#eee !important;}
.aboutus .bod .fl table tr td{border-right:#ddd 1px solid !important; padding:0; border-bottom:#CCC 1px solid !important; padding-left:10px; padding-right:10px;padding-top:10px !important;padding-bottom:10px !important;}
.aboutus .bod .fl table tr td img{ width:4rem;}
.aboutus .bod .fl table tr:nth-child(2n){ background:#FFF !important;}
.aboutus .bod .fl table .firstRow{background:#0054a6 !important; color:#FFF; font-weight:bold; font-size:1rem;}

.about1{overflow:hidden; margin-left:1rem; margin-right:1rem;}
.about1 .bod{doverflow:hidden; margin-top:1rem;}
.about1 .bod table{border:#ddd 1px solid !important; border-collapse:collapse; width:100% !important;}
.about1 .bod table tr{ background:#eee !important;}
.about1 .bod table tr td{border-right:#ddd 1px solid !important; padding:0; border-bottom:#CCC 1px solid !important; padding-left:0.5rem; padding-right:0.5rem;padding-top:0.5rem !important;padding-bottom:0.5rem !important;}
.about1 .bod table tr td img{ width:5rem;}
.about1 .bod table tr:nth-child(2n){ background:#FFF !important;}
.about1 .bod table .firstRow{background:#0054a6 !important; color:#FFF; font-weight:bold; font-size:1rem;}

.honor{overflow:hidden;}
.honor .neirong{display:flex; flex-wrap:wrap; overflow:hidden;}
.honor .neirong dl{ width:49%; margin-top:1rem; overflow:hidden; margin-right:2%;}
.honor .neirong dl:nth-child(2n){ margin-right:0;}
.honor .neirong dl dt{position:relative; padding-bottom:139%;}
.honor .neirong dl dt img{position:absolute; width:100%; height:100%;}
.honor .neirong dl dt .info{position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); color:#FFF; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; transition:all 1s; text-align:center; padding:0.6rem 0.5rem;}

.position{overflow:hidden; margin-left:1rem; margin-right:1rem; margin-top:4.5rem; bottom}
.position dt{font-size:1.3rem; font-weight:bold;}
.position ul{display:flex; flex-wrap:wrap; align-items:center; margin-top:0.5rem;}
.position ul img{ display:none;}
.position ul li{ font-size:0.9rem; color:#666;}

.position1{overflow:hidden; margin-top:4.5rem;}
.position1 .bod{overflow:hidden; margin-left:1rem; margin-right:1rem;}
.position1 .bod dt{ display:none;}
.position1 .bod ul{display:flex; flex-wrap:wrap; align-items:center;}
.position1 .bod ul img{ display:none;}
.position1 .bod ul li{ font-size:1rem;}

.sideMenu{  border:1px solid #ddd; border-top:none;}
.sideMenu h3{ height:42px; line-height:42px; padding-left:10px;  border-top:1px solid #ddd; background:#f5f5f5; cursor:pointer;font:normal 16px/42px "Microsoft YaHei";}
.sideMenu h3 em{ float:right; display:block; width:40px; height:42px;   background:url(../images/icoAdd.png) 16px 18px no-repeat; cursor:pointer; }
.sideMenu h3.on em{ background-position:16px -50px; }
.sideMenu ul{ padding:0 10px; color:#999; display:none; /* 默认都隐藏 */ }
.sideMenu h3.on{ color:#fff; background:#0054a6;}
.sideMenu ul li{ margin-bottom:10px; font-size:15px;}
.sideMenu ul li:nth-child(1){ margin-top:10px;}
.sideMenu ul li:hover{color:#0054a6;}
.sideMenu ul li.onon{ color:#0054a6;}

.productlist{overflow:hidden; margin-left:1rem; margin-right:1rem; margin-top:1rem;}
.productlist .txt{ display:none;}
.productlist .bod{width:100%; overflow:hidden;}

.pp-list{ overflow:hidden; display:flex; flex-wrap:wrap; justify-content: space-between}
.pp-list dl{width:48.5%; margin-bottom:1rem; overflow:hidden; background:#FFF;}
.pp-list dl dt{position:relative; padding-bottom:70%; overflow:hidden;}
.pp-list dl dt img{position:absolute; width:100%; height:100%; transition: all 0.5s;}
.pp-list dl dt .info{ display:none;}
.pp-list dl dd{font-size:1rem; padding:0.5rem 0rem; background:#FFF; text-align:center; transition: all 0.5s; border-bottom:#eee 1px solid}
.pp-list dl ul{font-size:1rem; padding:0.5rem 0rem; background:#FFF; text-align:center; transition: all 0.5s; border-top:#eee 1px solid}

.product-list{ overflow:hidden; display:flex; flex-wrap:wrap; justify-content: space-between}
.product-list dl{width:48.5%; margin-bottom:1rem; overflow:hidden; background:#FFF;}
.product-list dl dt{position:relative; padding-bottom:100%; overflow:hidden;}
.product-list dl dt img{position:absolute; width:100%; height:100%; transition: all 0.5s;}
.product-list dl dd{font-size:1rem; padding:0.5rem 0rem; background:#FFF; text-align:center; transition: all 0.5s; border-top:#eee 1px solid}
.product-list dl:hover dd{ background:#0054a6; color:#FFF; transition: all 0.5s;}

.fanye{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; padding-top:10px; padding-bottom:10px;}
.fanye .fenye2{display: flex;}
.fanye .fenye2 .page-num{color:#666;padding:0.4rem;font-size:1rem;flex:1;overflow:hidden;overflow:hidden;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:0.4rem 0.7rem; font-size:0.95rem;}
.fanye .fenye2 .page-num-current{color:#fff;overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;padding:0.4rem 0.7rem; background:#0054a6; border:#0054a6 1px solid; border-radius:3px; font-size:0.95rem;}
.fanye .fenye2 .page-num-current:hover{color:#ff9000;}
.fanye a{border:#ddd 1px solid; padding:0.4rem 0.7rem; margin:0px 0.2rem; background:#f5f5f5; transition: all 0.5s; border-radius:3px; font-size:0.95rem; margin-bottom:0.4rem;}
.fanye a:hover{background:#0054a6; color:#fff; transition: all 0.5s; border:#0054a6 1px solid;}

.tiao{ overflow:hidden; margin-top:4rem; width:100%;}

.ppp{width:94%; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:1rem; padding-bottom:0px;}
.product{overflow:hidden; width:100%; display:block;}
.product .neiye-txt dl{font-weight:bold; display: grid; grid-template-columns: auto 1fr;}
.product .neiye-txt dl img{width:1rem; margin-right:0.5rem;}
.product .neiye-txt dl dt{ font-weight:normal;}
.product .bod{margin-top:1rem; display: flex; flex-wrap:wrap; justify-content: space-between;}
.product .bod .fl{width:100%;}
.product .bod .fl .game163{overflow:hidden;}
.product .bod .fl .game163 .bigImg{overflow:hidden; width:100%;}
.product .bod .fl .game163 .bigImg li{ }
.product .bod .fl .game163 .bigImg li p{position:relative; padding-bottom:100%; }
.product .bod .fl .game163 .bigImg li p img{ position:absolute;width:98%; height:98%; border:1px solid #dcdddd; margin:auto;}
.product .bod .fl .game163 .smallScroll{margin-top:0.7rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; overflow:hidden;}
.product .bod .fl .game163 .sPrev{ width:10%}
.product .bod .fl .game163 .sPrev img{ width:100%;}
.product .bod .fl .game163 .sNext{width:10%}
.product .bod .fl .game163 .sNext img{ width:100%;}
.product .bod .fl .game163 .smallImg{float:left;  display:inline; width:78%; overflow:hidden;}
.product .bod .fl .game163 .smallImg ul{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:100%;}
.product .bod .fl .game163 .smallImg li{width:25%;}
.product .bod .fl .game163 .smallImg li p{position:relative; padding-bottom:92%; width:92%; margin:auto; border:1px solid #ddd;}
.product .bod .fl .game163 .smallImg li p img{ position:absolute; width:100%; height:100%;}
.product .bod .fl .game163 .smallImg .on img{border-color:#5c1717;}
.product .bod .fr{ width:100%;}
.product .bod .fr .txt dt{font-size:1.4rem; margin-top:1rem;}
.product .bod .fr .txt li{ font-size:1rem; margin-top:1rem; border-top:#ddd 1px dashed; padding-top:0.8rem;}
.product .bod .fr .txt dl{overflow:hidden; margin-top:1rem; border-top:#ddd 1px dashed; padding-top:0.8rem;}
.product .bod .fr .txt dl span{ font-size:1rem; color:#ff7f00;}
.product .bod .fr .txt ul{ margin-top:1rem; border-top:#ddd 1px dashed; padding-top:0.8rem;}
.product .bod .fr .txt ul p{ margin-top:0.5rem;}
.product .bod .fr .xiazai{background:#0054a6; width:100%; text-align:center; border-radius:0.5rem; border:#eee 1px solid; height:3rem; line-height:3rem; color:#FFF; margin-top:1rem;}

.product-txt{width:100%; display:block; overflow:hidden; background:#FFF; height:3.5rem; z-index:999999;}
.product-txt .www360buy{ overflow:hidden; margin-left:1rem; margin-right:1rem;}
.product-txt .www360buy .hd{overflow:hidden;}
.product-txt .www360buy .hd ul{display: flex; flex-wrap:wrap;}
.product-txt .www360buy .hd li{height:3.5rem; line-height:3.5rem; text-align:center; width:25%; font-size:1rem;}
.product-txt .www360buy .hd li.on{background:#fff; color:#333; height:3.3rem; line-height:3.3rem; border-bottom:#0054a6 0.2rem solid;}

.product-bod{ overflow:hidden; width:100%;}
.product-bod .jianjie{padding-top:2.5rem; margin-left:1rem; margin-right:1rem;}
.product-bod .jianjie .txt{ border-bottom:#CCC 1px solid; margin-bottom:1rem}
.product-bod .jianjie .txt p{font-size:1.1rem; height:2rem; line-height:2rem; margin-bottom:-1rem; background:#f1f3f5; width: fit-content; padding-right:1rem; font-weight:bold;}
.product-bod .jianjie .bod img{ width:100%;}
.product-bod table{border:#ddd 1px solid !important; border-collapse:collapse; width:100%;}
.product-bod table tr{ background:#eee !important;}
.product-bod table tr td{border-right:#ddd 1px solid !important; padding:0; border-bottom:#CCC 1px solid !important; padding-left:0.5rem; padding-right:0.5rem;padding-top:0.5rem !important;padding-bottom:0.5rem !important; font-size:0.9rem; line-height:1.2rem;}
.product-bod table tr td span{ background:inherit !important; color:inherit !important;}
.product-bod table tr td p{ background:inherit !important; color:inherit !important;}
.product-bod table tr td img{ width:3rem;}
.product-bod table tr:nth-child(2n){ background:#FFF !important;}
.product-bod video{ width:100%; height:100%;}
.product-bod h3{ font-size:1.1rem; color:#234189; margin-top:1rem; margin-bottom:0.5rem;}
.product-bod h1{ font-size:1.3rem; margin-bottom:0.5rem; margin-top:1rem; color:#234189;}
.product-bod p{ margin-top:1rem;}
.product-bod p span{background:inherit !important; color:inherit !important;}
.product-bod table .firstRow{background:#0054a6 !important; color:#FFF; font-weight:bold; font-size:1rem;}

.product-xiangguan{overflow:hidden; margin-top:1rem; margin-left:1rem; margin-right:1rem; border-top:#ddd 1px solid; padding-top:1rem;}
.product-xiangguan .txt{  text-align:center;}
.product-xiangguan .txt dt{font-size:1.4rem; font-weight:bold;}
.product-xiangguan .txt dd{ width:3rem; height:0.2rem; background:#0054a6; margin:auto; margin-top:0.5rem;}
.product-xiangguan .bod{ overflow:hidden; display:flex; flex-wrap:wrap; margin-top:1.5rem;}
.product-xiangguan .bod dl{width:48.5%; margin-right:3%; float:left; overflow:hidden; background:#FFF; margin-bottom:1rem;}
.product-xiangguan .bod dl:nth-child(2n){ margin-right:0px;}
.product-xiangguan .bod dl dt{position:relative; padding-bottom:100%; overflow:hidden;}
.product-xiangguan .bod dl dt img{position:absolute; width:100%; height:100%; transition: all 0.5s;}
.product-xiangguan .bod dl dd{font-size:0.9rem; padding:0.5rem; background:#FFF; text-align:center; transition: all 0.5s; border-top:#eee 1px solid}
.product-xiangguan .bod dl:hover dd{ background:#0054a6; color:#FFF; transition: all 0.5s;}

.caselist{ overflow:hidden; margin-top:0rem; margin-left:1rem; margin-right:1rem;}
.caselist .bod{display:flex; flex-wrap:wrap; justify-content: space-between;}
.caselist .bod dl{width:100%; overflow:hidden; background:#FFF; margin-top:1rem;}
.caselist .bod dl dt{position:relative; padding-bottom:60%; overflow:hidden;}
.caselist .bod dl dt img{ position:absolute; width:100%; height:100%;}
.caselist .bod dl dd{ margin:1rem;}
.caselist .bod dl dd li{ font-size:1.1rem;}
.caselist .bod dl dd ul{ margin-top:0.6rem; line-height:1.5rem; font-size:1rem;}

.video{ overflow:hidden; display:block; margin-left:1rem; margin-right:1rem; margin-bottom:1rem;}
.video .container{width:100%; overflow:hidden; padding-top:0rem !important; margin-top:1rem; padding-bottom:0rem; margin-top:1rem;}
.video .container .videolist dt {position:relative; padding-bottom:30%; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; padding-top:30%; border-radius:1rem; overflow:hidden;}
.video .container .videolist dt img{position:absolute; width:80%;}
.video .container .videolist dt .info{ position:absolute; left:0; right:0; top:0; bottom:0; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; background:rgba(0,0,0,0.4)}
.video .container .videolist dt .info img{ width:3.5rem; height:3.5rem;}
.video .container .videolist:hover{cursor: pointer; }
.video .container .videoed {display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; }
.video .container .videos{display:none; border: 1px solid #080808; position:fixed; left:0; top:30%; bottom:30%; right:0; z-index:100; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.video video{ width:94%; background:#000;}
.video .container .vclose {position:absolute;right:3%; top:5%; border-radius:100%; cursor: pointer; width:2rem; height:2rem;}
.video .container .title{margin-top:0.6rem;}
.video .container .title dt{font-size:1rem; text-align:center;}

.Download{overflow:hidden; margin-left:1rem; margin-right:1rem; margin-top:1rem;}
.Download .bod{ margin-bottom:20px;}
.Download .bod dl{display: flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border-bottom:#ddd 1px dashed; padding-bottom:15px; padding-top:15px; transition: all 0.5s;}
.Download .bod dl dt{ font-size:0.95rem; transition: all 0.5s;}
.Download .bod dl dt a{display: flex; flex-wrap:wrap; align-items:center;}
.Download .bod dl dt img{ display:none;}
.Download .bod dl dd{width: fit-content; background:#0054a6; padding:5px 15px; color:#FFF; border-radius:5px; font-size:0.95rem; margin-top:0.5rem;}

.news-list{overflow:hidden; margin-top:0rem; margin-right:1rem; margin-left:1rem;}
.news-list .txt dt{ font-size:1.4rem; font-weight:bold;}
.news-list .bod{ margin-top:1rem; display:flex; flex-wrap:wrap; justify-content: space-between;}
.news-list .bod dl{ width:100%; background:#FFF; margin-bottom:1rem;}
.news-list .bod dl dt{position:relative; padding-bottom:60%; overflow:hidden;}
.news-list .bod dl dt img{ position:absolute; width:100%; height:100%;}
.news-list .bod dl li{ margin-top:0.6rem; font-size:1rem; font-weight:bold; margin-left:0.6rem; margin-right:0.6rem;}
.news-list .bod dl ul{ margin-top:0.4rem; color:#666; line-height:1.2rem; margin-left:0.6rem; margin-right:0.6rem;}
.news-list .bod dl ul p{ margin-top:1rem; width:10rem; height:2.5rem; background:#0054a6; color:#FFF; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:2rem; margin-bottom:1.5rem;}
.news-list .bod dl ul p:hover{filter:alpha(opacity=80) !important;opacity:0.8 !important;}

.newslist{overflow:hidden; margin-right:1rem; margin-left:1rem; margin-top:1rem;}
.newslist dl{width:100%; overflow:hidden; background:#FFF; margin-bottom:1rem; display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; padding:1rem 0rem; border-radius:0rem;}
.newslist dl .fl{width:90%; margin-left:5%;}
.newslist dl .fl li{ font-size:1rem; font-weight:bold;}
.newslist dl .fl p{ margin-top:0.5rem; color:#666; font-size:0.95rem; line-height:1.2rem}
.newslist dl .fl a:hover li{color:#0054a6;}
.newslist dl .fl a:hover p{color:#0054a6; filter:alpha(opacity=80) !important;opacity:0.8 !important;}
.newslist dl .fr {width:90%; margin-left:5%; margin-top:0.5rem}
.newslist dl .fr ul{text-align:center; display: flex; flex-wrap:wrap; align-items:center;}
.newslist dl .fr ul dd{ font-size:1rem; color:#0054a6; margin-right:0.5rem;}
.newslist dl .fr ul p{ font-size:1rem; color:#666;}

.news{ overflow:hidden; width:90%; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:0rem;}
.news .fl{ width:100%; margin-top:1rem;}
.news .txt{ border-bottom:#CCC 1px dashed; padding-bottom:1rem; margin-bottom:1rem;}
.news .txt dt{font-size:1.2rem; line-height:1.8rem;}
.news .txt dd{margin-top:0.6rem; color:#999; font-size:1rem;}
.news .bod{overflow:hidden;}
.news .bod img{ width:100%; border-radius:1rem;}
.news .bod p{ font-size:1rem; color:#666; line-height:1.8rem; margin-bottom:0.5rem; text-wrap:wrap !important;}
.news .bod span{text-wrap:wrap !important;}	
.news .bod h1{ font-size:1.6rem;}
.news .bod h2{ font-size:1.5rem;}
.news .bod h3{ font-size:1.4rem;}
.news .bod h4{ font-size:1.3rem;}
.news .bod h5{ font-size:1.2rem;}
.news .bod h6{ font-size:1.1rem;}
.news .bod table{border:#ddd 1px solid !important; border-collapse:collapse; width:100%;}
.news .bod table tr{ background:#eee !important;}
.news .bod table tr td{border-right:#ddd 1px solid !important; padding:0; border-bottom:#CCC 1px solid !important; padding-left:0.5rem; padding-right:0.5rem;padding-top:0.5rem !important;padding-bottom:0.5rem !important; font-size:0.9rem; line-height:1.2rem;}
.news .bod table tr td img{ width:3rem;}
.news .gengduo{ margin-top:1rem;}
.news .gengduo dl{ width:100%; display: grid; grid-template-columns: auto 1fr; background:#fff; border-radius:0.5rem; margin-bottom:0.5rem; padding:0.5rem 0px;}
.news .gengduo dl dt{ margin-left:0.6rem; }
.news .gengduo dl dd{ margin-right:0.6rem;}
.news .gengduo dl:hover{background:#0054a6; color:#fff;}

.contact{margin-top:1rem; overflow:hidden;}
.contact .bod{display:flex; flex-wrap:wrap; justify-content:space-between;margin-left:1rem; margin-right:1rem;}
.contact .bod .fl{ width:100%; box-shadow:0px 0px 10px 0px rgb(0 0 0 / 20%); transition: all 0.5s; background:#fff;border-radius:20px; overflow:hidden;}
.contact .bod .fl dl{ margin:1.5rem;}
.contact .bod .fl dl p{ margin-bottom:0.6rem; font-size:1rem;}
.contact .bod .fr{ width:100%; padding:1.5rem 0px;}
.contact .bod .fr .txt{ font-size:1.4rem}
.contact .bod .fr form{display:flex; flex-wrap:wrap; justify-content: space-between; margin-top:30px;}
.contact .bod .fr form dl{ width:90%; margin-bottom:1rem;}
.contact .bod .fr form dl p{ font-size:1rem; margin-left:0.6rem; margin-bottom:0.5rem;}
.contact .bod .fr form dl p span{ margin-right:8px; color:#0054a6;}
.contact .bod .fr form dl input{ width:100%; border:none; outline:none; background:#fff; height:2.5rem; border-radius:0.5rem; padding-left:0.6rem;}
.contact .bod .fr form ul{ width:100%;}
.contact .bod .fr form ul p{font-size:1rem; margin-left:0.6rem; margin-bottom:0.5rem;}
.contact .bod .fr form ul textarea{width:90%; border:none; outline:none; background:#fff; height:6rem;border-radius:0.5rem; padding-left:0.6rem; padding-top:1rem; padding-right:0.6rem; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);}
.contact .bod .fr form button{width:100%; height:2.5rem; background:#0054a6; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:100px; color:#FFF; border:none; outline:none; margin:auto; margin-top:1.5rem; font-size:1rem;}
.contact .bod .fr form button:hover{filter:alpha(opacity=80) !important;opacity:0.8 !important;}

.contact-us{overflow:hidden; display:flex; flex-wrap:wrap; justify-content:center; width:100%;}
.contact-us dl{width:90%; margin-top:1rem;}
.contact-us dl dt{ position:relative; padding-bottom:40%; border-radius:1rem; overflow:hidden;}
.contact-us dl dt img{ position:absolute; width:100%; height:100%;}
.contact-us dl dd{ margin-top:1rem; font-size:1.1rem; font-weight:bold; text-align:center;}
.contact-us dl p{ display:none;}

.p-search{width:90%; margin:auto; padding-top:2rem; display: flex; flex-wrap:wrap; align-items:center; justify-content: center;}
.p-search form{display: flex; flex-wrap:wrap; align-items:center; justify-content: center;}
.p-search form input{ width:12rem; height:50px; outline:none; border:#CCC 1px solid; border-radius:60px 0px 0px 60px; padding-left:2rem; font-size:1rem;}
.p-search form button{ width:4rem; background:#0054a6; border:#0054a6 1px solid; height:52px; font-size:18px; color:#FFF; text-transform:uppercase; border-radius:0px 30px 30px 0px; transition: all 0.5s;}
.p-search form button img{ width:1.4rem; padding-top:4px;}
.p-search form button:hover{background:#87396d; transition: all 0.5s;}

.history{ overflow:hidden; margin-left:4%; margin-right:4%; margin-top:1rem;}
.history .item{background:url(../images/history.png) repeat-y left; display: flex; flex-wrap:wrap; align-items:flex-start; width:100%; margin:auto; padding-bottom:1rem;}
.history .item .fl{width:270px;display: flex; flex-wrap:wrap; align-items:center;}
.history .item .fl li{ width:0.6rem; height:0.6rem; background:#ccc; border-radius:100%; margin-left:0.2rem}
.history .item:hover .fl li{background:#0054a5;}
.history .item .fl dd{ width:8rem; height:3rem; background:rgba(0,84,165,0.4); margin-left:6rem; color:#FFF; border-radius:1rem 0px 1rem 0px; text-align:center; line-height:3rem; font-size:1.2rem;}
.history .item:hover .fl dd{background:rgba(0,84,165,1);}
.history .item .fr{ width:85%; background:#FFF; border-radius:1rem 0px 1rem 0px; margin-left:15%;}
.history .item:hover .fr{box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.1);}
.history .item .fr dl{ margin:1.5rem;}
.history .item .fr dl dt{ font-size:1.2rem; color:#0054a5;}
.history .item .fr dl dt span{ font-size:1rem;}
.history .item .fr dl dd{ margin-top:0.5rem; font-size:1rem; color:#666; line-height:1.4rem;}
.history .item .fr dl dd p{font-size:1rem; color:#666; line-height:1.4rem;}
.history .item .fr dl dd span{font-size:1rem; color:#666; line-height:1.4rem;}
}

@media screen and (max-width: 1199px) {
#wap_logo_main{ display: block; }
.product .detail_table{ max-width: 100%; width: 100%; }
.product .product_swiper{ padding: 0; margin: 0 auto; overflow: hidden; float: none; }
}

@keyframes clockwiseRotate { 
from{ transform: rotate(0deg); }
to{ transform: rotate(90deg); }}
@keyframes anticlockwiseRotate {
from{ transform: rotate(90deg); }
to{ transform: rotate(0deg); }
}
.clockwiseRotate:before { animation-name: clockwiseRotate; animation-duration: 1.5s; animation-fill-mode: both; }
.anticlockwiseRotate:before { animation-name: anticlockwiseRotate; animation-duration: 1.5s; animation-fill-mode: both; }

@keyframes click_slideOutRight {
from{ transform: translateX(-100%); }
to{ transform: translateX(0); }
}
.click_slideOutRight { animation-name: click_slideOutRight; animation-duration: .5s; animation-fill-mode: both; }

@keyframes click_slideInRight {
from{ opacity: 0; transform: translateX(0); }
to{ opacity: 1; transform: translateX(-100%); }
}
.click_slideInRight { animation-name: click_slideInRight; animation-duration: .5s; animation-fill-mode: both; }