@charset "utf-8";
.w-header{
    width: 100%;
    height: 70px;
    position: fixed;
    z-index: 100;
    background: #fff;
}
.w-header .logo{display: block;margin:0;height: 40px;padding: 15px 0;}
.w-header .logo img{height:40px;width: auto;}
.leftMenu a {
    text-decoration: none;
    display: block;
}
.leftMenu {
    background: #fff;
    position: fixed;
    right: -1000px;
    top: 3rem;
    display: block;
    height: 100%;
    width: 68%;
    min-width: 120px;
    max-width: 440px;
    z-index: 10000;
    transition: all 0.4s ease;
    overflow: auto;
}
.leftMenu.menu-open {
    right: 0;
}
.leftMenu ul li {
    position: relative;
    border-bottom: 1px solid #EDEDED;
}
.leftMenu ul li>a{
	font-size: 16px;
	margin-left: 20px;
	color:#333;
	line-height: 46px;
}
.leftMenu ul li .f2 a{
	font-size: 14px;
	color:#666666;
}
.leftMenu ul li ul li{
	background: #f5f5f5;
    padding-left: 20px;
    border-bottom: 1px #e5e5e5 solid;
}
.leftMenu ul li.hasChild > a:after {
    content: "+";
    position: absolute;
    right: 20px;
    top:-1px;
    font-size: 24px;
    font-weight: 300;
}
.leftMenu ul li.hasChild.open > a:after {
    content: "-";
    right: 23px;
    font-size: 28px;
    top: -3px;
	
}
.f2,.f3{
    height: 0;
    overflow: hidden;
    position: relative;
    transition: height 0.4s ease;
}
.menu-dark-backdrop {
    background: rgba(0,0,0,0);
    transition: all 0.4s ease;
    width: 100%;
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    overflow: hidden;
}
.menu-dark-backdrop.in {
    height: 100%;
    z-index: 10;
    background: rgba(0,0,0,0.9); /*背景灰度*/
}
.leftMenu ul li.open>a{
    color: #000; 
	font-weight: bold;
/*一级选中后颜色*/

}
.menu_fot {
    text-align: left;
    margin-top: 25px;
    margin-left: 16px;
}
.menu_fot p{
    font-size: 12px;
    color: #999; /*底部文字颜色*/
}
.menu_fot span{
    font-size:22px;
    color: #e72420; /*底部电话颜色*/
}
.menu-wrapper .menu_fot a{padding: 0;}
.swiper-box{width: 100%;overflow: hidden;margin-top: 0rem;}
.swiper-box .swiper-slide img{display: block;width: 100%;height:auto;}

.menu-button{
width: 27px;
height: 19px;
margin-top: 26px;
}

.menu-button button{
    background: none;
    border: none;
    font-size: 1.3em;
    position: relative;
    font-weight: 500;
    z-index: 1;
    cursor: pointer
}

.menu-icon{
    width: 27px;
    height: 19px;
    display: inline-block;
    position: relative;
}


.menu-icon-inner::before, .menu-icon-inner::after{
    content: "";
    display: block;
}


.menu-icon-inner, .menu-icon-inner::before, .menu-icon-inner::after{
    width: 27px;
    height: 3px;
    background-color:#000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform, background;
    transition-duration: 0.15s;
    transition-timing-function: ease;
    left: 0;
}

.menu-icon-inner::before{
    top: 8px;
}

.menu-icon-inner::after{
    top: 16px;
}

/*切换菜单按钮样式*/
.btn.is-active .menu-icon-inner{
    transition-delay: 0.32s;
    background-color: rgba(0, 0, 0, 0);
}

.btn.is-active .menu-icon-inner::before{
    top: 0;
    transition: top 0.12s 0.18s cubic-bezier(0.33333,0,0.66667,0.33333),transform 0.15s 0.32s cubic-bezier(0.215,0.61,0.355,1);
    -webkit-transform: translate3d(0,8px,0) rotate(45deg);
    -ms-transform: translate3d(0,8px,0) rotate(45deg);
    -o-transform: translate3d(0,8px,0) rotate(45deg);
    transform: translate3d(0,8px,0) rotate(45deg);
}

.btn.is-active .menu-icon-inner::after{
    top: 0;
    transition: top 0.3s cubic-bezier(0.33333,0,0.66667,0.33333),transform 0.15s 0.32s cubic-bezier(0.215,0.61,0.355,1);
    -webkit-transform: translate3d(0,8px,0) rotate(-45deg);
    -ms-transform: translate3d(0,8px,0) rotate(-45deg);
    -o-transform: translate3d(0,8px,0) rotate(-45deg);
    transform: translate3d(0,8px,0) rotate(-45deg);
}



/*侧滑导航*/
.menu-wrapper{
    position: fixed;
    right: -100%;
    top: 70px;
    background:#fff;
    z-index: 200;
    line-height: 1.5;
    width: 50%;
    transition: right .3s;
    height: 90%;
    overflow-y: auto;
}
.height-auto{height:100%;background: #fff;position: fixed;width: 50%;right: -100%;top: 70px;}


/*切换宽度样式*/
.close-menu{
    right: 0px !important;
}


/*搜索框*/
.menu-wrapper .search-wrapper{
    position: relative;
    background: rgb(255, 235, 59)
}

.menu-wrapper .search-wrapper span{
    padding: 18px 20px;
    display: block;
}

.menu-wrapper .search-wrapper span input{
    width: 100%;
    border: none;
    height: 40px;
    padding: 10px;
    box-sizing: border-box;
}

.menu-wrapper .search-wrapper span a{
    position: absolute;
    right: 40px;
    top: 29px;
    text-decoration: none;
    color: rgb(101, 90, 14);
}



.menu-wrapper>div{
    transition: background .3s
}
.menu-wrapper>div:hover{
    cursor: pointer;
}

.menu-wrapper>div>a{
    padding: 0 20px;
    text-decoration: none;
    color: inherit;
    font-size: 16px;
    color: #333;
    display: block;
    line-height: 46px;
    border-bottom: 1px solid #EDEDED;
    position: relative;
}
.menu-wrapper>div>a:hover{color:#df1100;}
/*加号调小一点*/

.menu-wrapper .xiala{
    height: 0;
    overflow: hidden;
}

.menu-wrapper ul>li{
}


.menu-wrapper ul>li a{
    text-decoration: none;
    color: inherit;
    font-size: 14px;
}

/*显示菜单*/
.menu-active .icon-minus{font-weight: bold;
}
.menu-active .xiala{
	height: 100%;
    transition: height 0.4s ease;  
    line-height: 32px;  
}
.menu-active ul li{
background: #f5f5f5;
padding-left: 20px;
border-bottom: 1px #e5e5e5 solid;
}
.menu-active ul li a{display: block;color: #666;font-size: 14px;margin-left: 10px;}
.menu-wrapper>div>a.icon-plus:after,.menu-wrapper>div>a.icons:after{
    content: "+";
    position: absolute;
    right: 20px;
    top:-1px;
    font-size: 24px;
    font-weight: normal;
}
.menu-wrapper>div>a.icon-minus:after {
    content: "-";
    right: 23px;
    font-size: 28px;
    top: -3px;
    position: absolute;
    font-weight: normal;
	
}
@media ( min-width:1310px ) and ( max-width:1400px ) {	
	.wrap{width:94%;margin: 0 auto;}	
    #home_slider2 li .box img{width: 100%;height: auto;}
    #home_slider2 li .box{width:100%}
    #home_slider2{height: auto;}
    .nav li a{padding: 0 30px;}
    .part1 .left{width: 50%;}
    .part1 .right{width: 47%;}
    .contain{margin: 40px auto;}
	
}
@media ( min-width:1130px ) and ( max-width:1309px ) {
	.wrap{width:94%;margin: 0 auto;}
	.nav li a{padding: 0 25px;font-size: 18px;}
    #home_slider2 li .box img{width: 100%;height: auto;}
    #home_slider2 li .box{width:100%}
    #home_slider2{height: auto;}
    .part1 .left{width: 55%;}
    .part1 .right{width: 42%;}
    .contain{margin: 40px auto;}
    
	
}
@media ( min-width:1130px ) and ( max-width:1280px ) {
	.foot1 dl{margin-right: 60px;}
    
    
	
}
@media ( min-width:1000px ) and ( max-width:1129px ) {
	.wrap{width:94%;margin: 0 auto;}
	.nav li a{padding: 0 16px;font-size: 18px;}
    #home_slider2 li .box img{width: 100%;height: auto;}
    #home_slider2 li .box{width:100%}
    #home_slider2{height: auto;}
   .part1 .left{width: 55%;}
    .part1 .right{width: 42%;}
    .foot1 dl{margin-right: 40px;}
    .contain{margin: 40px auto;}
    .contact li{height: 167px;}
    
	
}

@media ( min-width:769px ) and ( max-width:999px ) {	
	.wrap{width:94%;margin: 0 auto;}
	.w-header,.wap-part2,.wap-part1{ display:block}
	.header,.indexTypes{display: none;}	
	.logo{width: auto;}
	#home_slider2{height: auto;}
	#home_slider2 li .box img{width: 100%;height: auto;}
	#home_slider2 li .box{width: 100%;}
	#home_slider2 .flex-direction-nav a{width: 30px;height: 30px;margin-top: -15px;}
	#home_slider2 .flex-direction-nav .flex-next {background: url(../images/right1.png) no-repeat center;background-size: 30px 30px;}
	#home_slider2 .flex-direction-nav .flex-prev {background: url(../images/left1.png) no-repeat center;background-size: 30px 30px;}
	#home_slider2 li .box a .txt p {margin: 0 10px;}
	#home_slider2 li .box a .txt{font-size: 15px;}
	
    .foot{display: block;}
    .footer{display: none;}
    .banner .wab-img{display: block;}
    .banner .pc-img{display: none;}
    /*08.16*/
    .butns{display: block;line-height: 26px;}
    .left-side .tt-name{padding: 0;font-size: 20px;color: #333;}
    .sub-menu li{height: 40px;line-height: 40px;padding: 0 15px;margin: 0;border-bottom: 1px solid #e6e6e6;text-align: center;}
    .sub-menu li::before{display: none;}
    .sub-menu{border: none;padding:15px 0;margin: 0;}
    .sub-menu li a{font-size: 16px;}
    .sub-menu{display: none;}
    .brand,.sub-menu li.on::before, .sub-menu li:hover::before{display: none;}
    .inside_text05 .text05_nav .h2{font-size: 16px;padding-bottom: 15px;}
    .inside_text05 .text05_nav .h3 span{padding: 0 5px;line-height: 26px;font-size: 12px;}
    .inside_text05 .text05_nav .h3 a{display: block;font-size: 12px;}
    .inside_text05 .text05_nav .h3{padding-bottom: 20px;}
    .inside_text05 .text05 p{line-height: 24px;}
    .inside_text05 .text05 img{margin: 15px auto;}
    .inside_text05 .fy h4.fl,.inside_text05 .fy h4.fr{float: none;width: 100%;text-align: left;}
    .butns{background: url("../images/menu.png") no-repeat right center;background-size: auto 22px;}
    .tt-name2{display: block;}
    .tt-name{display: none;}
    .part1 .left,.part1 .right{width: 100%;float: none;}
    .part1 .right{padding-top: 30px;}
    .part2{padding-bottom: 100px;}
    .contain{margin: 40px auto;}
     .butns{display: block;line-height: 26px;}
    .left-side .tt-name{padding: 0;font-size: 20px;color: #333;}
    .sub-menu li{height: 50px;line-height: 50px;padding: 0 15px;margin: 0;border-bottom: 1px solid #e6e6e6;text-align: center;}
    .sub-menu li::before{display: none;}
    .sub-menu{border: none;padding:15px 0;margin: 0;}
    .sub-menu li a{font-size: 16px;padding: 0;}
    .sub-menu{display: none;}
    .brand,.sub-menu li.on::before, .sub-menu li:hover::before{display: none;}
    .left-side{width: 100%;float: none;margin-bottom:0px;position: relative;background: none;}
    .right-side{width: 100%;float: none;padding: 0;margin-top: 30px;}
    .tt-name2 a{font-size: 18px;}
    .contain{min-height: auto;margin-bottom: 80px;}
    .part-box{display: none;}
     .contact li{height: 167px;margin-bottom: 20px;}
   
	
}
@media screen and (max-width: 768px) {
	.wrap{width:94%;margin: 0 auto;}
	.w-header,.wap-part2,.wap-part1{ display:block}
	.header,.indexTypes{display: none;}	
	.logo{width: auto;}
	#home_slider2{height: auto;}
	#home_slider2 li .box img{width: 100%;height: auto;}
	#home_slider2 li .box{width: 100%;}
	#home_slider2 .flex-direction-nav a{width: 30px;height: 30px;margin-top: -15px;}
	#home_slider2 .flex-direction-nav .flex-next {background: url(../images/right1.png) no-repeat center;background-size: 30px 30px;}
	#home_slider2 .flex-direction-nav .flex-prev {background: url(../images/left1.png) no-repeat center;background-size: 30px 30px;}
	#home_slider2 li .box a .txt p {margin: 0 5px;}
	#home_slider2 li .box a .txt{height: 36px;line-height: 36px;font-size: 15px;}
	
    .brand{margin:-10px 0 0 0;font-size: 15px;padding: 15px 0 15px 25px;}
   
	.left-side{width: 100%;float: none;margin-bottom:0px;position: relative;background: none;}
    .right-side{width: 100%;float: none;padding: 0;margin-top: 30px;}
    .foot{display: block;}
    .footer{display: none;}
    .banner{margin-top: 70px;}
    .banner .wab-img{display: block;}
    .banner .pc-img{display: none;}
    #home_slider3 .flex-control-paging{bottom: 10px;}
    #home_slider3 .flex-control-paging li a{width: 8px;height: 8px;}
    /*08.16*/
    .butns{display: block;line-height: 26px;}
    .left-side .tt-name{padding: 0;font-size: 20px;color: #333;}
    .sub-menu li{height: 40px;line-height: 40px;padding: 0 15px;margin: 0;border-bottom: 1px solid #e6e6e6;text-align: center;}
    .sub-menu li::before{display: none;}
    .sub-menu{border: none;padding:15px 0;margin: 0;}
    .sub-menu li a{font-size: 16px;}
    .sub-menu{display: none;}
    .brand,.sub-menu li.on::before, .sub-menu li:hover::before{display: none;}
    .inside_text05 .text05_nav .h2{font-size: 16px;padding-bottom: 15px;}
    .inside_text05 .text05_nav .h3 span{padding: 0 5px;line-height: 26px;font-size: 12px;}
    .inside_text05 .text05_nav .h3 a{display: block;font-size: 12px;}
    .inside_text05 .text05_nav .h3{padding-bottom: 20px;}
    .inside_text05 .text05 p{line-height: 24px;font-size: 14px;}
    .inside_text05 .text05 img{margin: 15px auto;}
    .inside_text05 .fy h4.fl,.inside_text05 .fy h4.fr{float: none;width: 100%;text-align: left;}
    .butns{background: url("../images/menu.png") no-repeat right center;background-size: auto 22px;}
    .tt-name2{display: block;}
    .tt-name{display: none;}
    .part1{padding: 30px 0;}
    .part1 .left,.part1 .right{width: 100%;float: none;}
    .part1 .right{padding-top: 20px;}
    .part2 li{width: 100%;float: none;margin-right: 0;}
    .part2,.contain{padding-bottom: 100px;}
    .tt-name2 a{font-size: 18px;}
    .contain{padding-top: 30px;}
    .contain{min-height: auto;}
    .part-box{display: none;}
    .sub-menu li.on a, .sub-menu li:hover a{transform: translateX(0px);}
    .inside_text05 .text05_nav h2{font-size: 18px;line-height: 30px;padding-bottom: 16px;}
    .inside_text05 .text05_nav h3{line-height: 30px;}
    .inside_text05 .text05_nav h3 span{padding: 0 3px;}
    .inside_text05 .text05{padding-bottom: 0;}
    .inside_text05 .fy{margin-top: 20px;}
    .inside_text05 .fy h4 a{font-size: 14px;line-height: 24px;}
     .contact li{height: 167px;margin-bottom: 12px;}
     .contact li .t1{font-size: 16px;}
     .contact li{width: 92%;float: none;margin: 0 0 15px 0;padding:15px 4%;height: auto;}
    .news li a{line-height: 40px;font-size: 14px;}
    .inside_text05 .name{font-size: 18px;padding: 0;}
    .inside_text05 .book p{font-size: 14px;line-height: 26px;}
	
}
@media screen and (max-width: 650px) {
	.wrap{width:94%;margin: 0 auto;}
	.w-header,.wap-part2,.wap-part1{ display:block}
	.header,.indexTypes{display: none;}	
	.logo{width: auto;}
	#home_slider2{height: auto;}
	#home_slider2 li .box img{width: 100%;height: auto;}
	#home_slider2 li .box{width: 100%;}
	#home_slider2 .flex-direction-nav a{width: 30px;height: 30px;margin-top: -15px;}
	#home_slider2 .flex-direction-nav .flex-next {background: url(../images/right1.png) no-repeat center;background-size: 30px 30px;}
	#home_slider2 .flex-direction-nav .flex-prev {background: url(../images/left1.png) no-repeat center;background-size: 30px 30px;}
	#home_slider2 li .box a .txt p {margin: 0 10px;}
	#home_slider2 li .box a .txt{height: 36px;line-height: 36px;font-size: 15px;}
	
    .brand{margin:-10px 0 0 0;font-size: 15px;padding: 15px 0 15px 25px;}
    #home_slider2 .flex-control-paging{bottom: 10px;}
    #home_slider2 .flex-control-paging li a{width: 8px;height: 8px;}
    .part1{padding: 20px 0;}
    .part1 .left .pic,.part1 .left .text{width: 100%;float: none;}
    .part1 .left .pic img{width: 100%;}
    .part1 .left .text{padding-top: 20px;}
    .part2 li a .tp{width: 35%;}
    .part2 li a .wz{width: 62%;}
    .part2 li a .p1{font-size: 16px;}
	.w-header{height: 60px;}
	.ny-banner{height: 140px;}
	.sub-menu li a{padding: 0;}
	.news-bottom li .img, .news-bottom li .text{display: block;width: 100%;height: auto;}
	.news-bottom li .img img{max-width: 100%;margin: 0 auto 20px auto;display: block;}
	.news-bottom li a .p1{font-size: 16px;}
	.news-bottom li a .p2{line-height: 24px;}
	
}
@media screen and (max-width: 414px) {
	.wrap{width:94%;margin: 0 auto;}
	.w-header,.wap-part2,.wap-part1{ display:block}
	.header,.indexTypes{display: none;}	
	.w-header .logo img{height: 32px;}	
	.w-header .logo{padding: 12px 0;height: 32px;}
	.w-header{height: 56px;}
	.menu-button{margin-top: 18px;}
	.banner,.ny-banner{margin-top: 56px;}
	.menu-wrapper,.height-auto{top: 56px;}
	.about p{font-size: 14px;line-height: 28px;}
	

	}
@media screen and (max-width: 375px) {
	.wrap{width:94%;margin: 0 auto;}
	.w-header,.wap-part2,.wap-part1{ display:block}
	.header,.indexTypes{display: none;}	
	#home_slider2 li .box a .txt{font-size: 14px;}
	
	}