﻿/*PC导航样式*/

.nav {
 height: auto;
  }
  
  
  .sy1_li.num7 .sy2_ul {
 display: none !important
  }
  
  .sy2_inside .sy2_li.Has_Children {
 background: url(/Sites/Uploaded/UserUpLoad/20180712/20180712151754.png) no-repeat 75px 14px;
  }
  
  
  .num6 .num2.Has_Children{
   background: url(/Sites/Uploaded/UserUpLoad/20180712/20180712151754.png) no-repeat 130px 14px;
  }
  
  
  
  /*一级导航*/
  
  li.sy1_li ,.nav_ks_list li{
 float: left;
 position: relative;
 z-index: 1000;
 padding: 0;
 margin-left: 35px;
  }
   li.sy1_li{
 line-height:118px;
  }






  @media only screen and (max-width:1280px) {
 .sy_nav,.nav_ks_list{width:980px;}
 li.sy1_li,.nav_ks_list li{margin:0;padding:0 9px;}
  }
  @media only screen and (max-width:1000px) {
 li.sy1_li,.nav_ks_list li{
   margin-right:-4px;
 }
  }
  
  li.sy1_li a.sy1_tit,.nav_ks_list li a {
 color: #333;
 font-size: 18px;
 display: inline-block;
  }
  li.sy1_li a.sy1_tit:hover,.nav_ks_list li a:hover{
   text-decoration: underline  ;
  }
  
  li.sy1_li:hover:after,.nav_ks_list li a:hover:after {
 width: 100%;
  }
  ul.sy1_ul:before {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
  }
  li.sy1_li a.homeA.sy1_tit {
 width: 116px;
 background: url(/Sites/Uploaded/UserUpLoad/20211110/20211110144528.png) no-repeat center center;
 text-align: center;
 color: #906B27;
 font-weight: bold;
}
  
  /*二级导航*/
  
  .sy2_ul {
 background: #a37b32;
 display: none;
 position: absolute;
 z-index: 10000;
 left: 0px;
 top: 120px;
 width: auto;
 min-width: 104px;
  }
  .sy2_ul::before{
 content: "";
 display: block;
 position: absolute;
 top: -14px;
 left: 50%;
 transform: translateX(-50%);
 border-left: 12px solid transparent;
 border-right: 12px solid transparent;
 border-bottom: 15px solid #a37b32;
 width: 0px;
 height: 0px;
  }
  
  .sy2_ul li.sy2_li {
 _height: 40px;
 position: relative;
 z-index: 1000;
 line-height: 40px;
  }
  
  .sy2_li .sf-sub-indicator {
 background: url(/Content/Areas/Common/images/sanjiao.png) no-repeat right center;
 float: right;
 height: 35px;
 margin-right: 10px;
 width: 6px;
 *position: absolute;
 *left: 125px;
 *top: 2px
  }
  
  li.sy2_li a.sy2_tit,
  li.sy3_li a.sy3_tit {
 display: block;
 color: #fff;
 padding: 0 17px;
 text-align: center;
 white-space: nowrap;
  }
  
  li.sy2_li a.sy2_tit:hover,
  li.sy1_li a.sy2_tit.Hover {
 background: #c6a150f2;
  }
  
  .sy2_ul_div {
 display: none!important;
  }
  div.sy_nav .sy2_ul {
 background: #a37b32;
 left: 50%;
 transform: translate(-50%, 0);
 box-shadow: 0px 0px 6px 0px #bb8c37;
}
  
  /*三级导航*/
  
  .sy3_ul {
 top: -1px;
 display: none;
 position: absolute;
 background: #005fa5;
 left: 100%;
 width: auto;
 border-left: solid 1px #005fa5;
 overflow: hidden;
  }
  
  .sy3_ul li {
 _height: 40px;
  }
  
  li.sy3_li a.sy3_tit:hover {
 background: #0053a1;
  }
  
  .sy4_ul {
 display: none !important;
  }
  
  
  /*li.sy1_li.num10 .sy3_ul{ left:-150px;}*/
  
  
  /*手机导航PC样式*/
  
  .phone_container .phone_header {
 display: none;
  }
  
  .dl_box {
 display: none;
  }
  
  
  @media only screen and (max-width: 768px) {
 .nav li.sy1_li{padding:0 13px;}
 .nav>.sy_nav ul.sy1_ul>.sy2_inside{display:inherit;}
 li.sy1_li a.sy1_tit{color:#fff;}
 .phone_container .phone_header {
 display: block;
 }
 .sy_nav {
 height: auto;
 background: none;
 width: 100%;
 line-height: inherit;
 }
 a.open_btn {
 position: fixed;
 z-index: 100;
 top: 23px;
 right: 2%;
 height: 44px;
 width: 44px;
 overflow: hidden;
 text-indent: 100%;
 white-space: nowrap;
 -webkit-transition: -webkit-transform 0.2s;
 -moz-transition: -moz-transform 0.2s;
 transition: transform 0.2s;
 background: #fff;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 }
 a.open_btn span {
 position: absolute;
 left: 50%;
 top: 50%;
 bottom: auto;
 right: auto;
 -webkit-transform: translateX(-50%) translateY(-50%);
 -moz-transform: translateX(-50%) translateY(-50%);
 -ms-transform: translateX(-50%) translateY(-50%);
 -o-transform: translateX(-50%) translateY(-50%);
 transform: translateX(-50%) translateY(-50%);
 width: 32px;
 height: 3px;
 background-color: #0087cd;
 }
 a.open_btn span:before,
 a.open_btn span:after {
 content: '';
 position: absolute;
 top: 0;
 right: 0;
 width: 100%;
 height: 100%;
 background-color: inherit;
 /* Force Hardware Acceleration in WebKit */
 -webkit-transform: translateZ(0);
 -moz-transform: translateZ(0);
 -ms-transform: translateZ(0);
 -o-transform: translateZ(0);
 transform: translateZ(0);
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 -webkit-transition: -webkit-transform 0.2s, width 0.2s;
 -moz-transition: -moz-transform 0.2s, width 0.2s;
 transition: transform 0.2s, width 0.2s;
 }
 a.open_btn span:before {
 -webkit-transform-origin: right top;
 -moz-transform-origin: right top;
 -ms-transform-origin: right top;
 -o-transform-origin: right top;
 transform-origin: right top;
 -webkit-transform: translateY(-10px);
 -moz-transform: translateY(-10px);
 -ms-transform: translateY(-10px);
 -o-transform: translateY(-10px);
 transform: translateY(-10px);
 }
 a.open_btn span:after {
 -webkit-transform-origin: right bottom;
 -moz-transform-origin: right bottom;
 -ms-transform-origin: right bottom;
 -o-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: translateY(10px);
 -moz-transform: translateY(10px);
 -ms-transform: translateY(10px);
 -o-transform: translateY(10px);
 transform: translateY(10px);
 }
 a.open_btn:hover {
 -webkit-transform: rotate(180deg);
 -moz-transform: rotate(180deg);
 -ms-transform: rotate(180deg);
 -o-transform: rotate(180deg);
 transform: rotate(180deg);
 }
 a.open_btn:hover span:after,
 a.open_btn:hover span:before {
 width: 50%;
 }
 a.open_btn:hover span:before {
 -webkit-transform: translateX(1px) translateY(1px) rotate(45deg);
 -moz-transform: translateX(1px) translateY(1px) rotate(45deg);
 -ms-transform: translateX(1px) translateY(1px) rotate(45deg);
 -o-transform: translateX(1px) translateY(1px) rotate(45deg);
 transform: translateX(1px) translateY(1px) rotate(45deg);
 }
 a.open_btn:hover span:after {
 -webkit-transform: translateX(1px) translateY(-1px) rotate(-45deg);
 -moz-transform: translateX(1px) translateY(-1px) rotate(-45deg);
 -ms-transform: translateX(1px) translateY(-1px) rotate(-45deg);
 -o-transform: translateX(1px) translateY(-1px) rotate(-45deg);
 transform: translateX(1px) translateY(-1px) rotate(-45deg);
 }
 /*搜索*/
 .phone-search.search-open::after {
 opacity: 0;
 }
 .phone-search.search-open span::before,
 .phone-search.search-open span::after {
 opacity: 1;
 }
 .phone-search.search-open span::before {
 -webkit-transform: rotate(135deg);
 -moz-transform: rotate(135deg);
 -ms-transform: rotate(135deg);
 -o-transform: rotate(135deg);
 transform: rotate(135deg);
 }
 .phone-search.search-open span::after {
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg);
 }
 /*手机搜索*/
 .search_con {
 height: 40px;
 background: #00A295;
 position: absolute;
 width: 100%;
 z-index: 2;
 display: block;
 }
 .search_con form {
 line-height: 40px;
 width: 80%;
 margin: 7px auto;
 overflow: hidden;
 background: #fff;
 }
 .search_con form .searchtxt {
 width: 70%;
 border: none;
 height: 26px;
 line-height: 26px;
 display: inline-block;
 float: left;
 padding-left: 10px;
 }
 .search_con form .searchtxt:focus {
 outline: none;
 }
 .search_con form .searchbtn {
 display: inline-block;
 width: 26px;
 height: 26px;
 border: none;
 float: right;
 background: #47E8DB url(/Sites/Uploaded/UserUpLoad/20160617/20160617101445.png) no-repeat center;
 background-size: 70%;
 }
 .phone_container {
 position: fixed;
 z-index: 4;
 top: 0;
 right: 0;
 width: 80%;
 height: 100%;
 overflow-y: auto;
 background: #0087cd;
 -webkit-transform: translateZ(0);
 -moz-transform: translateZ(0);
 -ms-transform: translateZ(0);
 -o-transform: translateZ(0);
 transform: translateZ(0);
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 -webkit-transform: translateX(100%);
 -moz-transform: translateX(100%);
 -ms-transform: translateX(100%);
 -o-transform: translateX(100%);
 transform: translateX(100%);
 -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s;
 -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s;
 transition: transform 0.4s 0s, box-shadow 0s 0.4s;
 }
 .phone_container.is-visible {
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
 -webkit-overflow-scrolling: touch;
 box-shadow: -4px 0 30px rgba(0, 0, 0, 0.2);
 -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0s;
 -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0s;
 transition: transform 0.4s 0s, box-shadow 0s 0s;
 }
 .phone_container .phone_header {
 padding: 1.5em 0 0 6.25%;
 height: 55px;
 position: relative;
 background: #003e7d;
 }
 .phone_container h3 a {
 font-size: 1.6rem;
 font-weight: bold;
 font-family: "Lora", serif;
 text-transform: uppercase;
 color: #fff;
 }
 .close_btn {
 position: absolute;
 height: 44px;
 width: 44px;
 right: 6.25%;
 top: 50%;
 bottom: auto;
 -webkit-transform: translateY(-50%);
 -moz-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 -o-transform: translateY(-50%);
 transform: translateY(-50%);
 overflow: hidden;
 text-indent: 100%;
 white-space: nowrap;
 -webkit-transition: opacity 0.2s;
 -moz-transition: opacity 0.2s;
 transition: opacity 0.2s;
 }
 .close_btn:after,
 .close_btn:before {
 content: '';
 position: absolute;
 height: 3px;
 width: 32px;
 left: 50%;
 top: 50%;
 background-color: #fff;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 }
 .close_btn:after {
 -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
 -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
 -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
 -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
 transform: translateX(-50%) translateY(-50%) rotate(45deg);
 }
 .close_btn:before {
 -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
 -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
 -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
 -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
 transform: translateX(-50%) translateY(-50%) rotate(-45deg);
 }
 .main {
 overflow-x: hidden;
 -webkit-transition: -webkit-transform 0.4s;
 -moz-transition: -moz-transform 0.4s;
 transition: transform 0.4s;
 }
 .main.scale-down {
 height: 100vh;
 position: relative;
 -webkit-transform: scale(0.9);
 -moz-transform: scale(0.9);
 -ms-transform: scale(0.9);
 -o-transform: scale(0.9);
 transform: scale(0.9);
 }
 .close_btn:hover {
 opacity: .8;
 }
 .nav {
 height: auto;
 width: auto;
 background: none;
 }
 .phone_container .sy1_ul,
 .phone_container .nav_ks {
 padding: 0 4%
 }
 li.sy2_li a.sy2_tit,
 .sy2_ul,
 li.sy1_li a.sy1_tit:hover,
 li.sy1_li a.sy1_tit.Hover {
 background: none!important;
 }
 li.sy1_li,
 .nav_ks_list li {
 border-bottom: 1px dotted #C8A357;
 line-height: 40px;
 position: relative;
 float: none;
 }
 
 .sy1_ul li a.sy1_tit {
 padding-left: 15px;
 border: none
 }
 .sy1_ul li a.sy2_tit {
 padding-left: 15px;
 font-size: 14px;
 }
 .Has_Children>.next_open {
 display: block;
 width: 0;
 height: 0;
 border-left: 6px solid transparent;
 border-right: 6px solid transparent;
 border-top: 6px solid #f1f1f1;
 position: absolute;
 top: 17px;
 right: 14px;
 transition: all 0.3s ease 0s;
 }
 .opend .next_open {
 transform: rotate(180deg);
 -webkit-transform: rotate(180deg);
 }
 .sy2_inside .sy2_li.Has_Children .next_open {
 display: none;
 }
 .sy3_ul {
 display: none;
 }
 .sy2_ul {
 width: 100%;
 position: static;
 text-align: left;
 }
 .sy2_ul li {
 border-bottom: 1px dotted #C8A357;
 }
 .nav_ks {
 width: 92%;
 }
 .nav_ks_list,
 .nav_ks_list li {
 width: 100%;
 }
 .nav_ks {
 background: none;
 border: 0px;
 height: auto;
 }
  } 