@charset "utf-8";/*导航栏*/
.nav_menu3,
.nav_menu3 ul,
.nav_menu3 ul li,
.nav_menu3 ul li a,
.nav_menu3 #menu-button{margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.nav_menu3 #menu-button{margin-top: 100px;/*position: relative;*/z-index: 99999;}
.nav_menu3:after,
.nav_menu3 > ul:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.nav_menu3 #menu-button{display: none;}
.sy_row1 { position:relative}
/*.nav_menu3{width: auto;line-height: 1; background:none; position:; z-index:9999; top:35px; right:6% ; display:none}
*/.sy_row1 .nav_menu3{width: auto;line-height: 1; background:none; position: absolute; z-index:9999; top:20px; right:6% ; display:table}
#menu-line{position: absolute;top: 0;left: 0;height: 3px;background: #a7894d;-webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;-ms-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
.nav_menu3 > ul > li{float: left;margin-left:20px}
.nav_menu3.align-center > ul{font-size: 0;text-align: center;}
.nav_menu3.align-center > ul > li{display: inline-block;float: none;}
.nav_menu3.align-center ul ul{text-align: left;}
.nav_menu3.align-right > ul > li{float: right; }
.nav_menu3.align-right ul ul{text-align: right;}
.nav_menu3 > ul > li > a{/*padding: 30px 10px 29px 10px;*/text-decoration: none;text-transform: uppercase;color: #fff;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;}
.nav_menu3 > ul > li:hover > a{color: #239594;background: #FFF;}
.nav_menu3 > ul > li.nav-has-sub > a{padding:15px 34px; font-size:16px; }
.nav_menu3 > ul > li.nav-has-sub:hover > a::after{border-color: #a7894d;}
.nav_menu3 > ul > li .tel{ color:#fff; font-size:18px; font-weight:bolder; background:url(../images/tel.png) no-repeat 20px center ; margin-top:8px; padding-left:60px; height:32px; line-height:32px; border-left:1px solid #fff}
.nav_menu3 ul ul{z-index:9999;position: absolute;left: -9999px;}
.nav_menu3 > ul > li > ul{border-top: 1px solid #FFF;}
.nav_menu3 li:hover > ul{left: auto;}
.nav_menu3.align-right li:hover > ul{right: 0;}
.nav_menu3 ul ul ul{margin-left: 100%;top: 0;}
.nav_menu3.align-right ul ul ul{margin-left: 0;margin-right: 100%;}
.nav_menu3 ul ul li{height: 0;-webkit-transition: height .2s ease;-moz-transition: height .2s ease;-ms-transition: height .2s ease;-o-transition: height .2s ease;transition: height .2s ease;}
.nav_menu3 ul li:hover > ul > li{height:45px;}
.nav_menu3 ul ul li a{padding:15px 0px; text-align:center;width: 132px;background: #a7894d;text-decoration: none;color: #eeeeee;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;border-top: 1px solid #a7894d;}
.nav_menu3 ul ul li:hover > a,
.nav_menu3 ul ul li a:hover{color: #a7894d;background: #FFF;border-top: 1px solid #FFF;}
.nav_menu3 ul ul li.nav-has-sub > a::after{position: absolute;top: 25px;right: 10px;width: 4px;height: 4px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;content: "";-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: border-color 0.2s ease;-moz-transition: border-color 0.2s ease;-ms-transition: border-color 0.2s ease;-o-transition: border-color 0.2s ease;transition: border-color 0.2s ease;}
.nav_menu3.align-right ul ul li.nav-has-sub > a::after{right: auto;left: 10px;border-bottom: 0;border-right: 0;border-top: 1px solid #dddddd;border-left: 1px solid #dddddd;}
.nav_menu3 ul ul li.nav-has-sub:hover > a::after{border-color: #a7894d;}



.header1{position: relative;width: 100%; z-index:55}
.top_tel{position:absolute;z-index: 10;right:4%;top: 34px; color:#fff; right:15%; height:40px;}
.top_tel h1{ background:url(../images/sy_tel.png) no-repeat center left; padding-left:44px; height:40px; line-height:40px; font-size:20px;font-family:"Microsoft Yahei"; }
.top_tel h1 span{ font-size:14px; font-weight:100;  float:left}
.burger{ width:120px;position:absolute;z-index: 10;right:4%;top: 44px;cursor: pointer;transform: rotateY(0);transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);}
.burger-patty{width:34px;height: 2px;margin: 0 0 8px 0;background: white;transition:all 0.4s cubic-bezier(0.23, 1, 0.23, 1);}
.burger .burger_l{ width:36px; float:left}
.burger .top_nav{ font-size:16px; color:#fff; margin:0 0 0 16px; display:table; float:left; line-height:24px;}
.burger-patty:last-child{margin-bottom: 0;}
.burger-close{transform: rotate(180deg); position:fixed}
.burger-close .burger-patty:nth-child(1){transform: rotate(45deg) translate(10px, 10px);}
.burger-close .burger-patty:nth-child(2){opacity: 0;}
.burger-close .top_nav{ opacity:0}
.burger-close .burger-patty:nth-child(3){transform: rotate(-45deg) translate(4px, -4px);}

.menu{position: fixed;top:0;width:100%;visibility: hidden;}
.menu-banner, .menu-list{display: flex;flex-flow: column wrap;align-items: center;justify-self:center;float:left;width:50%;height:100vh;overflow: hidden;}
.menu-banner{background: #239594;display: flex;justify-content: center;text-align: center;transform: translate3d(0, 100%, 0);transition: all 0.4s cubic-bezier(0.23, 1, 0.23, 1);}
.menu-list{display: flex;align-items: center;justify-content: center;margin:0;padding:0;background:#cfe8e8;transform: translate3d(0, -100%, 0);transition: all 0.4s cubic-bezier(0.23, 1, 0.23, 1);}
.menu-list .menu-item{position:relative;transform: translateX(50vw);transition: all calc(0.4s + var(--i)*0.2s) 0.4s cubic-bezier(0.23, 1, 0.23, 1);}
.menu-list .menu-item a{font-size: 1.6em;line-height: 3.6em; color:#239594}
.menu-list .menu-item:before{position: absolute;bottom:0;left: calc(50% - 6px);content: "";display: block;width:12px;height:2px;background: #239594;transition: all 0.2s cubic-bezier(0.23, 1, 0.23, 1);}
.menu-list .menu-item:hover:before{width:100%;left: 0;}
.menu-action{visibility: visible;}
.menu-action .menu-banner{transform: translate3d(0, 0, 0);}
.menu-action .menu-list{transform: translate3d(0, 0, 0);}
.menu-action .menu-list .menu-item{transform: translateX(0);}
main{background: url(../imgs/1.jpg);background-size: cover;display: flex;width:100%;height:100vh;align-items: center;flex-wrap: wrap;padding:0 3em;}
main h2, main h3{width:35%;font-size:16px;}
main h2{font-size: 3em;line-height: auto;font-weight: bold;margin-bottom: 0.6em;}
main h3{line-height:32px;}
@media screen and (max-width:850px){main h2, main h3{width: 100%;}}