* {
margin: 0;
padding: 0;
}
html,
body{
width: 100%;
height: 100%;
}
body {
font-family: arial,"microsoft yahei",'PingFang SC', "Helvetica Neue", Helvetica,STHeiTi, sans-serif;
}
a {
text-decoration: none
}
* { touch-action: pan-y; }
ul,li{
list-style: none;
}
.clear{clear:both;}
/* nav */
.header{background:#fff; position:fixed; width:100%; top:0; z-index:999; height:86px;}
.logo{ width:18%; text-align:center}
.logo h1{float:left; padding:12px 20px 12px 0; border-right: 1px solid #a1a2a2; margin-bottom: 20px;}
.logo h1:hover{ opacity:0.8;}
.logo h1 img{ width: 188px; vertical-align:middle}
.navigation{ float:right; width:82%; display:block; padding: 20px 0;}
.navig{ float:left; margin-bottom: 0; margin-left:5px;}
.navigation ul.navig li{display:block; float:left;color: #595757; line-height: 44px; position: relative; cursor: pointer;}
.navigation ul.navig li a{font-size:16px;color: #595757; padding:0 17px; line-height:44px; display: block;}
.navigation ul.navig li a:hover, .navigation ul.navig li a:focus, .navigation ul.navig li a:active {color: #0075c2; border-bottom: 2px solid #0075c2; text-decoration: none;}
.navigation ul.navig li a.wap_show{display: none;}
.navigation ul.navig li:hover a,.navigation ul.navig li.current a{color: #0075c2; border-bottom: 2px solid #0075c2;}
.navigation ul.navig li:hover .dropdown-menu{display: block;}
.navigation ul.navig li.midenroll{ display:none}
.headermain{position: relative;}
.top_right{ position: absolute; top: 20px; right: 0; padding-top: 10px;}
.yy_butt{ display: inline-block; height: 30px; line-height: 30px; background: #0075c2; padding: 0 20px; border-radius: 20px; color: #fff; cursor: pointer;}
.yy_butt a{ display: block; color: #fff;}
.yy_butt img{ margin-right: 5px; margin-bottom: 2px;}
.yy_butt:hover{ background: rgba(0, 117, 194, 0.8);}
.yy_butt a:hover,.yy_butt a:focus,.yy_butt a:active{text-decoration: none;}
.yy_butt a.wap_show{ display: none;}
/*二级标题*/
.navigation ul.navig li ul.dropdown-menu{ top: 44px; border: 0; width: 320px; padding: 10px 0; background: rgba(255, 255, 255, 0.8); border-top: 1px solid #0075c2; border-radius: 0;}
.navigation ul.navig li ul.dropdown-menu li{ width: 140px; padding-left: 20px; float: left; line-height: 32px;}
.navigation ul.navig li ul.dropdown-menu li span{ display: inline-block; float: left; padding-right: 8px; font-size: 20px; font-weight: bold; color: #0075c2;}
.navigation ul.navig li ul.dropdown-menu li a{ display: inline-block; float: left; clear: none; text-align: left; padding:5px 0; line-height: 22px;}
.navigation ul.navig li ul.dropdown-menu li.long{ width:300px}
.navigation ul.navig li:hover ul.dropdown-menu li a{border-bottom: 0; color: #595757;}
.navigation ul.navig li ul.dropdown-menu li a:hover, .navigation ul.navig li ul.dropdown-menu li a:focus, .navigation ul.navig li ul.dropdown-menu li a:active{color: #0075c2;text-decoration: none; border: 0;background:none;}
/*底部样式*/
.foot_con{ position:relative; background: #323232; color: #fff; padding: 15px 0 94px; z-index:9}
.footbox{ overflow: hidden; width: 100%; border-bottom: 1px solid #6f6f6f; padding:0 10% 6px;}
.foot_left{ float: left; width: 75%;}
.foot_left ul{ width: 100%; overflow: hidden; padding-top: 5px;}
.foot_left ul li{ width: 15%; text-align: center; float: left; list-style: none; border-right: 1px solid #fff;}
.foot_left ul li a{ color: #fff;}
.foot_left_telp{ padding: 20px 0 0 3%; overflow: hidden; clear: both;}
.foot_left_telp span{ display: block; line-height: 24px;}
.foot_right{ float: left; width: 23%; text-align: center;}
.foot_right p{ float: right; width: 50%; margin:36px 0 0;}
.foot_right p img{ width: 76%;}
.foot_right p span{ display: block; padding-top: 10px; font-size: 12px; color: #fff;}
.foot_number{ text-align: center; padding-top: 15px; font-size: 12px; line-height: 22px; position: relative;}
.foot_number a{color: #fff;}
.foot_number a:hover,.foot_number a:focus,.foot_number a:active{ color: #fff;}
.wap_show{display: none;}
.ba{ width: 20px; display: inline; vertical-align: middle; margin-top: -3px;}
/*右侧乐语*/
.right_navbar {position: fixed;right: 13px;top: 50%;width: 50px;margin-top: -142px;z-index: 10; display: none;}
.right_navbar li {width: 50px;height: 50px;box-shadow: 0px 0px 10px 0px #ccc;background: #fff;border-radius: 25px;text-align: center;line-height: 50px;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;position: relative;overflow: hidden;float: right;margin-bottom: 7px;}
.right_navbar li .img {width: 24px;height: 24px;position: relative;overflow: hidden;display: inline-block;vertical-align: middle;}
.right_navbar li .img img {position: absolute;left: 0;top: 0; margin: 10% 0 0 18%; height: auto;}
.right_navbar li .img img.bak {width: 0;opacity: 0;}
.right_navbar li .p {opacity: 0;-webkit-transition: all 0.3s ease-in-out 0.1s;transition: all 0.3s ease-in-out 0.1s;display: inline-block;overflow: hidden;vertical-align: middle;font-size: 14px;color: #333;height: 0;overflow: hidden;}
.right_navbar li.phone_tel {display: none;}
.right_navbar li:hover {width: 130px;padding: 0 5px 0 16px;text-align: left;}
.right_navbar li:hover .img {margin-right: 5px;}
.right_navbar li:hover .img img {width: 0;opacity: 0;}
.right_navbar li:hover .img img.bak {width: 64%; margin: 10% 0 0 18%;opacity: 1;}
.right_navbar li:hover .p {opacity: 1;height: 100%;}
/*.right_navbar li.now {width: 50px;padding: 0 0px 0 16px;text-align: left;}
.right_navbar li.now .img {margin-right: 5px;}
.right_navbar li.now .img img {width: 0;opacity: 0;}
.right_navbar li.now .img img.bak {width: 74%; margin: 10% 0 0 8%; opacity: 1;}
.right_navbar li.now .p {opacity: 1;height: 100%;} */
.right_navbar li.now:hover .img img.bak {width: 74%; margin: 10% 0 0 18%;opacity: 1;}
.right_navbar li.gotop .img {width: 50px;height: 50px;margin: 0;}
.right_navbar li.gotop:hover {width: 50px;padding: 0;}
/*新增右侧乐语样式*/
.right_navbar li .img img.ico_turn{ width: 50%; margin: 23% 25% 0; cursor: pointer;}
.right_navbar li:hover .img img.ico_turn{ width: 50%; margin: 23% 25% 0;}
.right_navbar li.pc_tel {padding: 0 0px 0 16px;text-align: left;}
.right_navbar li.pc_tel:hover{ width: 150px;}
.right_navbar li.pc_tel .img img {margin: 10% 0 0 5%;}
.right_navbar li.pc_tel:hover .img img.bak {width: 74%; margin: 10% 0 0 8%; opacity: 1;}
/*新增首页乐语浮条*/
.flo-bot{ position:fixed; width:100%; padding:15px 0; left:0; bottom:0; background:url(../img/bg_fix.png) 0 0 repeat; z-index:999; text-align:center}
.flo-bot a{ display:inline-block; width:240px; margin:0 2%; font-size:24px; font-weight:bold; line-height:54px; border-radius:27px; color:#fff; text-decoration:none}
.flo-bot a.ask{ padding-left:40px; background:#f39800 url(../img/ico_note.png) 17% center no-repeat; background-size:32px auto}
.flo-bot a.talk{ padding-left:40px; background:#f39800 url(../img/ico_ask.png) 17% center no-repeat; background-size:32px auto}
@media (min-width: 1250px){
.container {width: 1250px;}
.yy_butt{ padding:0 10px;}
}
@media (max-width: 1250px){
.navigation ul.navig li a{ padding:0 9px;}
}
@media (max-width: 1024px){
.logo{ width: 20%;}
.top_right{ padding-top: 8px;}
.logo h1{padding-right: 20px;}
.navigation{width:80%;}
.yy_butt a{ display: none;}
.yy_butt a.wap_show{ display: block;}
.foot_number{ display: none;}
.wap_show{display: block;}
.foot_right p{ margin-top:60px}
}
@media (max-width: 992px){
.navigation ul.navig li a{ font-size:12px;padding:0 5px;}
.foot_right p{ margin-top:60px}
}
@media (max-width:768px){
.header{height: 66px;}
.logo h1{border: 0; padding: 10px 0; margin-bottom: 0; margin-top: 15px;}
.navigation{width:50%; padding: 0;}
.navigation .menu:before{content: url("../img/icon.png");cursor: pointer;}
.subcon{display: none;}
.navigation .subcon{background: rgba(0, 0, 0, 0.6);position: absolute;top:66px;left: 0%;width: 100%;text-align: center;z-index: 999;}
.navigation .menu{float: right;margin-top: 25px; width:21px; height:16px;}
.navig{width: 100%; float: none;}
.navigation ul.navig li span{ display:none;}
.navigation ul.navig li{float:none; text-align:center;padding:0;color: #ddd;}
.navigation ul.navig li a{ display:block;font-size:13px;color: #ddd;padding:10px 0;line-height: 20px;}
.navigation ul.navig li:hover a{color: #ddd; border-bottom: 0;}
.navigation ul.navig li a:hover, .navigation ul.navig li a:focus, .navigation ul.navig li a:active { background:none; color:#e9e9e9; border: 0; text-decoration: none;}
/* .top_right{float: none; margin-bottom: 20px; margin-top: 5px;} */
.navigation ul.navig li a.dropdown-toggle{display: none;}
.navigation ul.navig li a.wap_show{display: block;}
.navigation ul.navig li.midenroll{ display:block}
.top_right{ position: fixed; top: 10px; right: 60px; font-size: 12px;}
/*二级标题*/
.navigation ul.navig li:hover .dropdown-menu,.navigation ul.navig li.current .dropdown-menu{display: none;margin-bottom: 10px;}
.navigation ul.navig li ul.dropdown-menu{ display: none; position: static; width: 100%; padding: 0; background: none; background-color: rgba(0, 0, 0, 0.5); border-top: 0; float:none}
.navigation ul.navig li ul.dropdown-menu li{ width: 100%; text-align: center; padding-left: 0; float: none; line-height: 20px;margin-bottom: 0;}
.navigation ul.navig li ul.dropdown-menu li span{ display: none; padding-right: 5px; font-size: 20px; font-weight: bold; color: #0075c2;}
.navigation ul.navig li ul.dropdown-menu li a{ display: block; float: none; text-align: center; padding:9px 0; line-height: 22px; text-decoration: none;}
.navigation ul.navig li:hover ul.dropdown-menu li a{border-bottom: 0; color: #ddd;}
.navigation ul.navig li ul.dropdown-menu li a:hover, .navigation ul.navig li ul.dropdown-menu li a:focus, .navigation ul.navig li ul.dropdown-menu li a:active{ color:#e9e9e9;text-decoration: none;}
.dropdown-backdrop{ z-index:0}
/*底部*/
.footbox{padding: 0 2% 20px;}
.foot_left{width: 100%;}
.foot_left ul li{ width: 20%;}
.foot_left_telp{padding-left: 0; text-align: center;}
.foot_left_telp span{padding: 0 30px; line-height: 24px;}
.foot_right{width: 100%; text-align: center;padding: 10px 0 0;}
.foot_right p{padding: 20px 0 0 0; float: none; text-align: center; width: 100%; margin-top:0}
.foot_right p img{width: 25%;}
.foot_number{ line-height: 18px;}
/*右侧乐语*/
.right_navbar li {width: 3rem !important;height: 3rem;line-height: 3rem;}
.right_navbar li .img {width: 1.5rem;height: 1.5rem;}
.right_navbar li.gotop .img {width: 3rem;height: 3rem;}
.right_navbar li.now {width: 3rem;padding: 0;text-align: center;}
.right_navbar li .p {display: none;}
.right_navbar li.now .img {margin-right: 0;}
.right_navbar li:hover {padding: 0;text-align: center;}
.right_navbar li:hover .img {margin-right: 0;padding: 0;}
.right_navbar li:hover .img img.bak {width: 0;opacity: 0;}
.right_navbar li:hover .img img {width: 100%;opacity: 1;}
.right_navbar {right: 0.15rem;width: 3rem;}
.right_navbar li.phone_tel {display: block;}
.right_navbar li.pc_tel {display: none;}
.right_navbar li .img img{ width: 100%; margin:0;}
.right_navbar li.now .img img.bak{ width: 100%; margin:0;}
}
@media (max-width:640px){
.logo{width: 25%;}
.logo h1{padding: 10px 0 0;}
.logo h1 img{ height: auto;}
.top_right{top: 10px; right: 50px;}
.navigation .subcon{top:66px;}
.foot_right p img{width: 40%;}
.foot_con{ padding: 15px 0 74px;}
.flo-bot{ padding:10px 0;}
.flo-bot a{ width:150px; margin:0 2%; font-size:18px; font-weight:normal; line-height:40px; border-radius:20px;}
.flo-bot a.ask{ padding-left:30px; background:#f39800 url(../img/ico_note.png) 15% center no-repeat; background-size:24px auto}
.flo-bot a.talk{ padding-left:30px; background:#f39800 url(../img/ico_ask.png) 15% center no-repeat; background-size:24px auto}
}
@media (max-width:480px){
.header{height: 46px;}
.logo h1{padding: 0;}
.top_right{top: 0px;}
.navigation{padding: 0;}
.navigation .subcon{top:46px;}
.navigation .menu{margin-top: 16px;}
}
@media (max-width:375px){
}
@media (max-width:320px){
}