.container{width:1700px;margin:0 auto} 
.header{background-color:#fff}
.header .logo{float:left;font-size:0;height:64px;line-height:64px;text-align:left;padding:35px 0;}
.header .tel{float:right;background:url(../images/tel.png) no-repeat 0 center;padding-left:55px;margin-top:40px;color:#333;font-size:16px;}
.header .tel strong{display:block;font-size:24px;line-height:1;color:#e83820}
.header .text{float:left;font-size:16px;margin:38px 0 30px 10px;padding:0 0 0 18px;color:#666666;height:64px;border-left: 1px solid #ebebeb;}
.header .text strong{display:block;font-size:24px;color:#333333;margin:0px;font-weight: normal;}

.header .nav{font-size:0;background: #212d3a;}
.header .nav li{display:inline-block;vertical-align:middle;width: 160px;}
.header .nav li a{display:block;font-size:16px;line-height:56px;color:#FFF;text-align: center;width: 160px;}
.header .nav li span{width: 1px;height: 20px;background: #a5cafb;float: left;margin-top: 18px;}
.header .nav li .arr{float:right;height:40px;width:40px;position:relative;display:none}
.header .nav li .arr:after{content:'';border-top:2px solid #ccc;border-left:2px solid #ccc;box-sizing:content-box;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0;transform:rotate(135deg);right:15px}
.header .nav li.active>a,.header .nav li.open>a,.header .nav li>a:hover{background: #12447a;}
.header .nav li.dropdown{position:relative}
.header .nav .dropdown-box{position:absolute;opacity: 0;transition: all .5s ease;left:0;min-width:100%;top:140%;z-index:10;text-align:center;box-shadow:0 6px 12px rgba(0,0,0,0.18);background-color:#FFF;border-radius: 5px;padding: 8px 0;}
.header .nav .dropdown-box:after{position: absolute;top:-10px;left:50%;margin-left: -10px;content:'';width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #FFF;}
.header .nav .dropdown-box p{margin:0;}
.header .nav .dropdown-box a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;background-color:transparent !important;line-height:35px;color: #333;}
.header .nav .dropdown-box a:hover{background-color:#e9eaeb !important;}
.header .nav li.open .dropdown-box{display:block;top:120%;opacity: 1;}


@media screen and (max-width: 767px) {
body {min-width: 320px;padding-top: 50px;padding-bottom: 50px;}
.container {width: auto;}
._LRF-bottom  {display:block;}
 #message .m-content .m-message{width:90%;padding:20px;}
.kf {display: none;}
 
.topbar {display: none;}
.header {padding: 10px 0;position: fixed;z-index: 1000;width: 100%;top: 0;left: 0;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.header .text{font-size:12px; margin: 0; display: none;}
.header .text strong{font-size:16px;}
.header .tel {display: none;}
.header .logo {height: 32px;line-height: 32px;padding:5px 0 0;float: left;}
.header .nav {margin: 10px 0 -10px;text-align: left;display: none;background-color: transparent;border-bottom: 0;}
.header .nav ul {margin: 0 -15px;}
.header .nav li {display: block;margin: 0;border-top: 1px solid #eee;background: none; }
.header .nav li a {line-height: 40px;padding: 0 15px;color: #333; text-align: left; width: auto;}
.header .nav li .arr {display: block;}
.header .nav li.active>a, .header .nav li.open>a, .header .nav li>a:hover {background: none;color: #0080ff}
.header .nav li.open .arr:after {border-color: #0080ff;transform: rotate(225deg);}
.header .nav .dropdown-box {position: static;background-color: #f5f5f5;min-width: auto;text-align: left;box-shadow: none; padding: 0; top:100%;opacity: 0; display: none;}
.header .nav .dropdown-box a {color: #333 !important;border-top: 1px dotted #ddd;padding: 0 15px;line-height: 40px;background-color: transparent !important;border-bottom: 0;}
.header .nav .dropdown-box a:hover {background-color: transparent !important;}
.menu-btn {display: block;}
.yunu-showcase {margin-bottom: 30px;}
.pc-slide {float: none;width: auto;}
.view .swiper-slide .img-center {height: 260px;line-height: 260px;}
 
.section {padding: 30px 0 0;}
.section-title {font-size: 20px; margin-bottom: 20px; }
.section-title p {font-size: 12px;}
  
.sub-tit {padding-bottom: 10px;margin-bottom: 15px;}
.curmbs {display: none;}
.ct2-sd {display: none;}
.ct2-mn {float: none !important;width: auto;}
 
.pages {margin-top: 20px;}
.pages a {font-size: 12px;line-height: 30px;padding: 0 12px;}
 
.prod-menu {margin-bottom: 15px;}
.prod-menu li {margin-right: 5px;}
.prod-menu li a {font-size: 14px;line-height: 34px;padding: 0 15px;}
.m-message{width:auto;margin:18px auto 0}
.m-message label input.inp,.m-message label textarea{width:67%;}
.m-message label.code input{}

}
@media screen and (min-width: 767px) {._LRF-bottom  {display:none;} }