/*PC导航样式*/
.nav{height:40px;line-height: 40px;background:#81662e;border-bottom: 1px solid #452e00;}
/*.nav{height:40px;line-height: 40px;background:#81662e;border-top:1px solid #452e00;border-bottom: 1px solid #452e00;}*/
.sy_nav{width:1200px;margin:0 auto;}
/*一级导航*/
li.sy1_li{float: left;position: relative;z-index: 80;}
li.sy1_li a.sy1_tit{color:#fff;font-size: 16px;height:40px;line-height: 40px;display:inline-block;padding:0 15px;}
li.sy1_li a.sy1_tit:hover,li.sy1_li a.sy1_tit.Hover{ background:url(../images/Article/sj.png) no-repeat center top #6d5016;}
.nav li.num12{ display:none !important}
/*二级导航*/
.sy2_ul{background: #6d5016;display: none;position: absolute;z-index: 80;left:0;top:40px; width:150px;}
.sy2_ul li.sy2_li{_height:40px; position: relative;z-index: 80;}
.sy2_ul li.sy2_li.Has_Children:hover{ background:url(../images/sanjiao.png) no-repeat 140px center #c88700;}
.sy2_ul li.sy2_li.Has_Children{background: url(../images/sanjiao.png) no-repeat 140px center;}
.sy2_ul li.sy2_li a.sy2_tit.Hover{background:url(../images/sanjiao.png) no-repeat 140px center #c88700;}
.sy2_li .sf-sub-indicator {background: url(../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-left:15px; text-align:left;}
li.sy2_li a.sy2_tit:hover{background: #c88700;}
.sy2_ul_div{display: none!important;}
/*三级导航*/
.sy3_ul{ top:-1px; display:none;position:absolute; background:#c88700; left:150px; width:170px; border-left:solid 1px #81662e; overflow:hidden;}
.sy3_ul li{_height:40px;}
li.sy3_li a.sy3_tit:hover{background: #fdac04;}
li.sy1_li.num10 .sy3_ul,li.sy1_li.num11 .sy3_ul{ left:-170px;}

/*手机导航PC样式*/
.phone_container .phone_header{display: none;}



.nav_ks{height:40px;line-height: 40px;background:#81662e;}
.nav_ks_list{width:1200px;margin:0 auto;}
.nav_ks_list li{color:#fff;font-size: 16px;height:40px;line-height: 40px;display:inline-block; float:left; padding:0px;}
.nav_ks_list li a{ color:#fff; display:inline-block;padding:0 13px;}
.nav_ks_list li a:hover{ background:url(../images/Article/sj.png) no-repeat center top #6d5016; color:#fff; padding:0px 15px;}
.dl_box{ display:none;}
.nav_ks_list li.team{
 margin: 0px;
 border-top: 0px;
}
@media only screen and (max-width:1200px){
.nav{ width:1200px}	
	}
@media only screen and (max-width:768px){
.nav{ width:100%}		
.sy_nav{ width:100%;}
li.sy1_li a.sy1_tit{ padding:0 8px !important;}
}
@media only screen and (max-width: 768px){
	.sy2_ul li.sy2_li.Has_Children:hover{ background:none;}
	.sy2_ul li.sy2_li a.sy2_tit.Hover{background:none;}
	.sy2_li .sf-sub-indicator {background: none;}
	.opend .sy2_ul .next_open{ display:none;}
	.dl_box{ padding:0 4% !important; color:#fff; display:block;}
 .dl_box a{ color:#fff;}
 .sy2_ul li.sy2_li.Has_Children{ background:none;}
 .phone_container .phone_header{display: block;}
 .sy_nav{height:auto;background:none;width:100%;line-height:inherit;}
 a.open_btn{
 position: fixed;
 z-index: 3;
 top: 20px;
 right: 5%;
 height: 44px;
 width: 44px;
 overflow: hidden;


 }

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:#fff; 
 display:none!important; 
}
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-size: 70%;
 }

.phone_container{
 position: fixed;
 z-index: 4;
 top: 0;
 right: 0;
 width: 80%;
 height: 100%;
 overflow-y: auto;
 background:rgba(144, 116, 56,0.93);
 -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: #81662E;
}
.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; border:0px;}
.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;}
.next_open{ display:none;}
.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)}
.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;}
}