@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, button{padding:0;margin:0;}
fieldset, img{border:0;}
input, label, select, option, textarea, button, fieldset, legend{ font-size:12px; line-height:24px; outline:none;}
table{border-collapse:collapse;border-spacing:0;font-size:12px; line-height:24px;  }
ul{list-style:none;}
ol, li { list-style: none; margin:0; padding:0; }
body{color:#666; font-size:12px; line-height:24px; font-weight:normal;  margin:0 auto; width:100%;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img{ border:0;  }

input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;   
}
textarea { -webkit-appearance: none;} 

/*字体*/
*{ font-family:微软雅黑, Arial, ;word-wrap:break-word}
/*语言版本切换按钮*/
/* 统一按钮样式 */
      button {
         font-size: 16px;
         padding: 5px 10px;
         margin: 10px;
         border: none;
         cursor: pointer;
         border-radius: 5px;
         transition: background-color 0.3s ease, color 0.3s ease;
      }

      /* 默认背景和文字颜色 */
      #btn-simplified, #btn-traditional {
         background-color: #DFDFDF; /* 绿色背景 */
         color: 000;
      }
      /* 当前语言版本按钮的样式 */
      .yyanniu button.active {
         background-color: #2196F3 !important; /* 蓝色背景表示当前语言 */
         color: white !important;
      }
     /* 禁用按钮的样式 */
     .yyanniu button:disabled {
         background-color: #cccccc;
         cursor: not-allowed;
      }

      /* 按钮点击时的效果 */
      .yyanniu button:active {
         background-color: #388e3c;
      }
/*颜色*/
a.bai,a.bai:hover,bai:hover,.bai{color:#fff;}
a.hei,a.hei:hover,hei:hover,.hei{color:#000;}


/*链接字体颜色*/
a{ color:#777; text-decoration:none;}
a:hover{  text-decoration:none; color:#000;-webkit-transition: background-color .2s ease; -moz-transition: background-color .2s ease; -ms-transition: background-color .2s ease; -o-transition: background-color .2s ease; transition: background-color .2s ease }
.org{ color:#F86600;}
.hei{ color:#000;}

/*清除浮动*/
.clear{ clear:both;}
/*左浮动*/
.left{ float:left;}
/*右浮动*/
.right{ float:right;}

/*自适应1224宽度*/
.width1224{ max-width:1224px; margin:0 auto; width:90%; padding:0 5%;}
.width1124{ max-width:1124px; margin:0 auto; width:90%; padding:0 5%;}

.block{ display:block}




/*头部样式*/
.pc_header{ display:block;}
.pc_header .logo{ padding:20px 0 0 0;}
.menu .nav { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; height: 100%; line-height: 60px; display: block; }
.menu .navbar_nav li { float: left; position: relative; display: block; }
.menu .navbar_nav li:after { content: ""; width: 0; height: 2px; background: #F86600; position: absolute; bottom: 0; left: 0; transition: all 0.5s ease 0s; }
.menu .navbar_nav li:hover:after { width: 100%; }
.menu .navbar_nav li a { text-decoration: none; height: 100%; padding: 0 45px; display: block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; color: #000; font-size: 24px;  }
.menu .navbar_nav li:hover a { color:#F86600;; }
.menu .navbar_nav li.dropdown { display: inherit; position: relative; }
.menu .navbar_nav li.dropdown .dropdown_menu { display: none; position: absolute; z-index:999999; top: 60px; width: 100%; background: #fff; box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38); width: 120%; left: -10%; }
.menu .navbar_nav li.dropdown .dropdown_menu a { font-size: 20px; color: #000; padding: 0px; line-height: 60px; text-align: center; background: #fff; }
.menu .navbar_nav li.dropdown:hover .dropdown_menu { display: block; background: #F86600; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.menu .navbar_nav li.dropdown:hover .dropdown_menu a { color: #000; }
.menu .navbar_nav li.dropdown:hover .dropdown_menu a:hover { color: #fff; background:#F86600; }

.ny_menu{ border-bottom:1px solid #ccc; border-top:1px solid #ccc;}

#navToggle { display: none; }
.m_nav { position: fixed; top: 0px; box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38); width: 100%; height: 100%; background: #fff; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; z-index: 9999999; opacity: 1; visibility: visible; margin-top: 0; overflow-y: auto; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top: 0; transform: translateX(100%); }
.m_nav.open { transform: translateX(0); }
.m_nav .top { height: 60px; padding: 20px; box-sizing: border-box; }
.m_nav .top .closed { width: 30px; height: 30px; vertical-align: middle; float: right; cursor: pointer; }
.m_nav .logo { width: 100%; margin: 0 auto; }
.m_nav .logo img { height: 50px; display: block; margin: 0px auto; }
.m_nav .ul { margin-top: 10px; }
.m_nav .ul li { padding: 0 20px; border-bottom: 1px solid #f5f5f5; transform: translateY(0); -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; opacity: 0; }
.m_nav.open .ul li { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.m_nav .ul li:nth-child(1) { -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms; }
.m_nav .ul li:nth-child(2) { -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms; }
.m_nav .ul li:nth-child(3) { -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; }
.m_nav .ul li:nth-child(4) { -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms; }
.m_nav .ul li:nth-child(5) { -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; }
.m_nav .ul li:nth-child(6) { -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; }
.m_nav .ul li a { display: block; text-decoration: none; color: #333; font-size: 16px; height: 50px; line-height: 50px; width: 100%; }
.m_nav .ul li .dropdown_menu { display: none; }
.m_nav .ul li.dropdown.active .dropdown_menu { display: block; }
.m_nav .ul li .dropdown_menu a { display: block; height: 50px; line-height: 50px; padding: 0 40px; box-sizing: border-box; border-bottom: 1px solid #f5f5f5; }
.m_nav .ul li .dropdown_menu a:last-child { border: none; }

 @media screen and (max-width: 992px) {

.pc_header .logo{ padding:10px 0 10px 0;}
.pc_header .logo img{ max-width:60%; display:block;}
.menu .nav { display: none;}
.menu #navToggle { height: 100%; padding: 0px 0px; display: inline-block; float: right; position:absolute; right:5%; top:10px; }
.menu #navToggle span { position: relative; width: 25px; height: 1px; margin-top: 19px; }
.menu #navToggle span:before,  .menu #navToggle span:after { content: ''; position: relative; width: 100%; height: 1px; left: 0; }
.menu #navToggle span,  .menu #navToggle span:before,  .menu #navToggle span:after { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: block; background: #4f4f4f; }
.menu #navToggle span:before { top: 8px; }
.menu #navToggle span:after { bottom: 10px; }
.menu #navToggle.open span:before { top: 10px; -webkit-transform: translateY(-11px) rotate(-45deg); -moz-transform: translateY(-11px) rotate(-45deg); -ms-transform: translateY(-11px) rotate(-45deg); -o-transform: translateY(-11px) rotate(-45deg); transform: translateY(-11px) rotate(-45deg); }
.menu #navToggle.open span:after { bottom: 12px; -webkit-transform: translateY(10px) rotate(45deg); -moz-transform: translateY(10px) rotate(45deg); -ms-transform: translateY(10px) rotate(45deg); -o-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
.menu #navToggle.open span { background: none; }
.menu #navToggle.open span:before,  .menu #navToggle.open span:after { background: #4f4f4f; }

}



/*底部style*/
footer{ padding:30px 0; background:url(../images/footer_bg.jpg) no-repeat center bottom; clear:both; overflow:hidden;}
footer .foot_logo{ text-align:center;}
footer .foot_nav ul li{ float:left; width:14%; padding-right:0.28%; color:#fff;}
footer .foot_nav ul li h5{ font-size:22px; line-height:40px;}
footer .foot_nav ul li span{ height:2px; display:block; width:40px; background:#fff; margin-bottom:10px;}
footer .foot_nav ul li.w3{ width:42.57%;}
footer .foot_nav ul li a{ color:#fff; display:block; font-size:18px; line-height:30px;}
footer .foot_nav ul li .tel{ font-size:18px; }
footer .foot_nav ul li .tel .bg{background:url(../images/foot_tel.png) no-repeat left center ; padding-left:30px;}
footer .foot_nav ul li .tel strong a{ font-size:35px; line-height:50px;}
footer .foot_nav ul li .address{ font-size:18px;}
footer .foot_nav ul li .address .bg{background:url(../images/foot_address.png) no-repeat left center ; padding-left:30px;}


.page{ text-align:center; padding:20px 0 50px 0; clear:both; overflow:hidden;}
.page a{ font-size:16px; border:1px solid #ccc; padding:10px 16px; margin:0 4px; color:#000;}
.page a:hover,.page a.on{ background:#F86600; color:#fff;border:1px solid #F86600;}
.page a.spage{ border:0;}
.page a.spage:hover{ color:#000; background:#fff;}


@media (max-width: 768px) {
footer{ padding:15px 0 0 0; background:url(../images/footer_bg.jpg) repeat-y center top; clear:both; overflow:hidden;}
footer .foot_logo{ text-align:center;}
footer .foot_logo img{ max-width:150px;}
footer .foot_nav ul li{ float:left; width:32.33333%; padding-bottom:20px; padding-right:1%; color:#fff;}
footer .foot_nav ul li h5{ font-size:14px; line-height:20px; font-weight:normal;}
footer .foot_nav ul li span{ height:2px; display:block; width:20px; background:#fff; margin-bottom:10px;}
footer .foot_nav ul li.w3{ width:99%;}
footer .foot_nav ul li a{ color:#fff; display:block; font-size:12px; line-height:24px;}
footer .foot_nav ul li .tel{ font-size:14px; padding-bottom:10px; }
footer .foot_nav ul li .tel .bg{background:url(../images/foot_tel.png) no-repeat left center ; background-size:20px; padding-left:25px;}
footer .foot_nav ul li .tel strong a{ font-size:20px; line-height:30px;}
footer .foot_nav ul li .address{ font-size:14px;}
footer .foot_nav ul li .address .bg{background:url(../images/foot_address.png) no-repeat left center ; background-size:20px; padding-left:25px;}
footer .foot_nav ul li img{ max-width:100px;}

.page{ text-align:center; padding:10px 0 20px 0;}
.page a{ font-size:13px; border:1px solid #ccc; padding:3px 8px; margin:0 2px; color:#000;}
.page a:hover,.page a.on{ background:#F86600; color:#fff;border:1px solid #F86600;}
.page a.spage{ border:0;}
.page a.spage:hover{ color:#000; background:#fff;}

.ny_menu{ border-bottom:1px solid #ccc; border-top:0px solid #ccc;}

}