.nav {

	background: rgb(129, 102, 46); height: 40px; line-height: 40px; border-bottom-color: rgb(69, 46, 0); border-bottom-width: 1px; border-bottom-style: solid;

}

.sy_nav {

	margin: 0px auto; width: 1200px;

}

li.sy1_li {

	float: left; position: relative; z-index: 80; padding: 0px 12px; 

}

li.sy1_li a.sy1_tit {

	padding: 0px 15px; height: 40px; color: rgb(255, 255, 255); line-height: 40px; font-size: 16px; display: inline-block;

}

li.sy1_li a.sy1_tit:hover {

	background: url("sj.png") no-repeat top rgb(109, 80, 22);

}

li.sy1_li a.Hover.sy1_tit {

	background: url("sj.png") no-repeat top rgb(109, 80, 22);

}

.nav li.num12 {

	display: none !important;

}

.sy2_ul {

	background: rgb(109, 80, 22); left: 12px; top: 40px; width: 100px; display: none; position: absolute; z-index: 80;

}

.sy2_ul li.sy2_li {

	position: relative; z-index: 80; _height: 40px;

}

.sy2_ul li.Has_Children.sy2_li:hover {

	background: url("sanjiao.png") no-repeat 140px rgb(200, 135, 0);

}

.sy2_ul li.Has_Children.sy2_li {

	background: url("sanjiao.png") no-repeat 140px;

}

.sy2_ul li.sy2_li a.Hover.sy2_tit {

	background: url("sanjiao.png") no-repeat 140px rgb(200, 135, 0);

}

.sy2_li .sf-sub-indicator {

	background: url("sanjiao.png") no-repeat right; width: 6px; height: 35px; margin-right: 10px; float: right;

}

li.sy2_li a.sy2_tit {

	text-align: left; color: rgb(255, 255, 255); padding-left: 15px; display: block;

}

li.sy3_li a.sy3_tit {

	text-align: left; color: rgb(255, 255, 255); padding-left: 15px; display: block;

}

li.sy2_li a.sy2_tit:hover {

	background: rgb(200, 135, 0);

}

.sy2_ul_div {

	display: none !important;

}

.sy3_ul {

	background: rgb(200, 135, 0); left: 150px; top: -1px; width: 170px; overflow: hidden; border-left-color: rgb(129, 102, 46); border-left-width: 1px; border-left-style: solid; display: none; position: absolute;

}

.sy3_ul li {

	_height: 40px;

}

li.sy3_li a.sy3_tit:hover {

	background: rgb(253, 172, 4);

}

li.num10.sy1_li .sy3_ul {

	left: -170px;

}

li.num11.sy1_li .sy3_ul {

	left: -170px;

}

.phone_container .phone_header {

	display: none;

}

.nav_ks {

	background: rgb(129, 102, 46); height: 40px; line-height: 40px;

}

.nav_ks_list {

	margin: 0px auto; width: 1200px;

}

.nav_ks_list li {

	padding: 0px; height: 40px; color: rgb(255, 255, 255); line-height: 40px; font-size: 16px; float: left; display: inline-block;

}

.nav_ks_list li a {

	padding: 0px 15px; color: rgb(255, 255, 255); display: inline-block;

}

.nav_ks_list li a:hover {

	background: url("sj.png") no-repeat top rgb(109, 80, 22); padding: 0px 15px; color: rgb(255, 255, 255);

}

.dl_box {

	display: none;

}

@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: 0px 8px !important;

}

}

@media only screen and (max-width:768px)

{

.sy2_ul li.Has_Children.sy2_li:hover {

	background: none;

}

.sy2_ul li.sy2_li a.Hover.sy2_tit {

	background: none;

}

.sy2_li .sf-sub-indicator {

	background: none;

}

.opend .sy2_ul .next_open {

	display: none;

}

.dl_box {

	padding: 0px 4% !important; color: rgb(255, 255, 255); display: block;

}

.dl_box a {

	color: rgb(255, 255, 255);

}

.sy2_ul li.Has_Children.sy2_li {

	background: none;

}

.phone_container .phone_header {

	display: block;

}

.sy_nav {

	background: none; width: 100%; height: auto; line-height: inherit;

}

a.open_btn {

	background: url("20161104103027.png") no-repeat center; top: 20px; width: 44px; height: 44px; right: 5%; overflow: hidden; position: fixed; z-index: 3;

}

a.open_btn span {

	left: 50%; top: 50%; width: 32px; height: 3px; right: auto; bottom: auto; display: none !important; position: absolute; transform: translateX(-50%) translateY(-50%); background-color: rgb(255, 255, 255); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%);

}

a.open_btn span::before {

	transition:transform 0.2s, width 0.2s; top: 0px; width: 100%; height: 100%; right: 0px; position: absolute; content: ""; transform: translateZ(0px); backface-visibility: hidden; background-color: inherit; -moz-transition: -moz-transform 0.2s, width 0.2s; -webkit-transition: -webkit-transform 0.2s, width 0.2s; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -webkit-backface-visibility: hidden;

}

a.open_btn span::after {

	transition:transform 0.2s, width 0.2s; top: 0px; width: 100%; height: 100%; right: 0px; position: absolute; content: ""; transform: translateZ(0px); backface-visibility: hidden; background-color: inherit; -moz-transition: -moz-transform 0.2s, width 0.2s; -webkit-transition: -webkit-transform 0.2s, width 0.2s; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -webkit-backface-visibility: hidden;

}

a.open_btn span::before {

	transform-origin: right top; transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); -webkit-transform-origin: right top; -moz-transform-origin: right top; -o-transform-origin: right top;

}

a.open_btn span::after {

	transform-origin: right bottom; transform: translateY(10px); -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -o-transform: translateY(10px); -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -o-transform-origin: right bottom;

}

a.open_btn:hover span::after {

	width: 50%;

}

a.open_btn:hover span::before {

	width: 50%;

}

a.open_btn:hover span::before {

	transform: translateX(1px) translateY(1px) rotate(45deg); -webkit-transform: translateX(1px) translateY(1px) rotate(45deg); -moz-transform: translateX(1px) translateY(1px) rotate(45deg); -o-transform: translateX(1px) translateY(1px) rotate(45deg);

}

a.open_btn:hover span::after {

	transform: translateX(1px) translateY(-1px) rotate(-45deg); -webkit-transform: translateX(1px) translateY(-1px) rotate(-45deg); -moz-transform: translateX(1px) translateY(-1px) rotate(-45deg); -o-transform: translateX(1px) translateY(-1px) rotate(-45deg);

}

.search-open.phone-search::after {

	opacity: 0;

}

.search-open.phone-search span::before {

	opacity: 1;

}

.search-open.phone-search span::after {

	opacity: 1;

}

.search-open.phone-search span::before {

	transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg);

}

.search-open.phone-search span::after {

	transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);

}

.search_con {

	background: rgb(0, 162, 149); width: 100%; height: 40px; display: block; position: absolute; z-index: 2;

}

.search_con form {

	background: rgb(255, 255, 255); margin: 7px auto; width: 80%; line-height: 40px; overflow: hidden;

}

.search_con form .searchtxt {

	border: currentColor; border-image: none; width: 70%; height: 26px; line-height: 26px; padding-left: 10px; float: left; display: inline-block;

}

.search_con form .searchtxt:focus {

	

}

.search_con form .searchbtn {

	background: url("/Sites/Uploaded/UserUpLoad/20160617/20160617101445.png") no-repeat center / 70% rgb(71, 232, 219); border: currentColor; border-image: none; width: 26px; height: 26px; float: right; display: inline-block;

}

.phone_container {

	background: rgba(144, 116, 56, 0.93); transition:transform 0.4s, box-shadow 0s 0.4s; top: 0px; width: 80%; height: 100%; right: 0px; position: fixed; z-index: 4; -ms-overflow-y: auto; transform: translateX(100%); backface-visibility: hidden; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s; -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); -webkit-backface-visibility: hidden;

}

.is-visible.phone_container {

	transition:transform 0.4s, box-shadow; box-shadow: -4px 0px 30px rgba(0,0,0,0.2); transform: translateX(0px); -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0s; -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0s; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -webkit-overflow-scrolling: touch;

}

.phone_container .phone_header {

	background: rgb(129, 102, 46); padding: 1.5em 0px 0px 6.25%; height: 55px; position: relative;

}

.phone_container h3 a {

	color: rgb(255, 255, 255); text-transform: uppercase; font-family: "Lora", serif; font-size: 1.6rem; font-weight: bold;

}

.close_btn {

	transition:opacity 0.2s; top: 50%; width: 44px; height: 44px; right: 6.25%; bottom: auto; text-indent: 100%; overflow: hidden; white-space: nowrap; position: absolute; transform: translateY(-50%); -moz-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);

}

.close_btn::after {

	left: 50%; top: 50%; width: 32px; height: 3px; position: absolute; content: ""; backface-visibility: hidden; background-color: rgb(255, 255, 255); -webkit-backface-visibility: hidden;

}

.close_btn::before {

	left: 50%; top: 50%; width: 32px; height: 3px; position: absolute; content: ""; backface-visibility: hidden; background-color: rgb(255, 255, 255); -webkit-backface-visibility: hidden;

}

.close_btn::after {

	transform: translateX(-50%) translateY(-50%) rotate(45deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);

}

.close_btn::before {

	transform: translateX(-50%) translateY(-50%) rotate(-45deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);

}

.main {

	transition:transform 0.4s; -ms-overflow-x: hidden; -moz-transition: -moz-transform 0.4s; -webkit-transition: -webkit-transform 0.4s;

}

.scale-down.main {

	height: 100vh; position: relative; transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9);

}

.close_btn:hover {

	opacity: 0.8;

}

.nav {

	background: none; border: 0px currentColor; border-image: none; width: auto; height: auto;

}

.phone_container .sy1_ul {

	padding: 0px 4%;

}

.phone_container .nav_ks {

	padding: 0px 4%;

}

li.sy2_li a.sy2_tit {

	background: none !important;

}

.sy2_ul {

	background: none !important;

}

li.sy1_li a.sy1_tit:hover {

	background: none !important;

}

li.sy1_li a.Hover.sy1_tit {

	background: none !important;

}

li.sy1_li {

	line-height: 40px; border-bottom-color: rgb(200, 163, 87); border-bottom-width: 1px; border-bottom-style: dotted; float: none; position: relative;

}

.nav_ks_list li {

	line-height: 40px; border-bottom-color: rgb(200, 163, 87); border-bottom-width: 1px; border-bottom-style: dotted; float: none; position: relative;

}

.sy1_ul li a.sy1_tit {

	border: currentColor; border-image: none; padding-left: 15px;

}

.sy1_ul li a.sy2_tit {

	padding-left: 15px; font-size: 14px;

}

.next_open {

	display: none;

}

.Has_Children > .next_open {

	transition:0.3s; top: 17px; width: 0px; height: 0px; right: 14px; border-top-color: rgb(241, 241, 241); border-right-color: transparent; border-left-color: transparent; border-top-width: 6px; border-right-width: 6px; border-left-width: 6px; border-top-style: solid; border-right-style: solid; border-left-style: solid; display: block; position: absolute;

}

.opend .next_open {

	transform: rotate(180deg); -webkit-transform: rotate(180deg);

}

.sy3_ul {

	display: none;

}

.sy2_ul {

	width: 100%; text-align: left; position: static;

}

.sy2_ul li {

	border-bottom-color: rgb(200, 163, 87); border-bottom-width: 1px; border-bottom-style: dotted;

}

.nav_ks {

	width: 92%;

}

.nav_ks_list {

	width: 100%;

}

.nav_ks_list li {

	width: 100%;

}

.nav_ks {

	background: none; border: 0px currentColor; border-image: none; height: auto;

}

}

