.fl{float: left;}
.fr{float: right;}
* {
    transition-property: all;
    -ms-transition-property: all;
    -moz-transition-property: all;
    -webkit-transition-property: all;
    -o-transition-property: all;
}
/*头部*/
.wrap_con{}
.public_head{width: 100%;position: fixed;background: #fff;z-index: 2;box-shadow: 0 0 5px #ccc;}
/*.logo{width: 22%;}*/
.logo>a img{max-width: 100%;display: block;margin-top: 6px;box-sizing: border-box;padding: 5px;margin-bottom: 6px;}
.pub_nav{width: 30%;padding-top: 65px;}
.pub_nav .nav_item{float: left;border-bottom: 6px solid transparent;transition: .2s;margin: 0 15px;}
.nav_item>a{font-size: 14px;color: #000;display: inline-block;padding-bottom: 10px;}
.nav_item:hover{border-bottom: 6px solid #a40000;}


.mini_nav_btn{ display: none; position: absolute; left: 0px; top: 0; width: 55px; height: 55px;padding:10px 0 0 10px; box-sizing: border-box; cursor:pointer;}
.mini_nav_btn span{ display: block; width: 30px; height: 2px; background: #141414; margin-top: 5px;}
.mini_nav_btn span:last-child{ width: 15px; }
.mini_nav_list{ overflow: hidden; height: 0; position: absolute; left: 50%; top: 55px; width: 98%; background: #fff; transform: translateX(-50%); transition: height .3s;/* box-shadow: rgb(170, 170, 170) 0px 2px 2px;*/}
.mini_nav_list a{ display: block; text-align: left; color:#000; font-size: 15px; box-sizing: border-box; padding-left: 30px;  border-bottom: 1px solid #000; background: #434343;}
.mini_nav_list a span{ display: block; height: 40px; line-height: 40px; color:#ccc; font-family: 'proxima';}
.side-nav .god{margin-top: 58px;border-top: 1px solid #ccc;}
#coverey{content: "";position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 999999;visibility: hidden;transition: .3ms ease-out;box-shadow:0px 4px 10px rgba(0, 0, 0, 0.2);}

.menubtn{width: 2.6rem;height: 2.6rem;margin-top: 5px;cursor: pointer;position: absolute;top: 0;}
.header, .new_banner, #footer, #case, .ys-banner, .ys-main, .news_banner1, .news_main, .cont_main, #page_tit, #team, #boss, .phone_roll, #banner, #items, .about_wrap{position: relative;}
.side-nav{width: 60%;height: 100%;position: fixed;top: 0px;bottom: 0;left: -100%;overflow-y: auto;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-ms-transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-moz-transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);background: #fff;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);}
body,.header{transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-ms-transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-moz-transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);position: relative;transition: 300ms ease-out;}
#coverey{transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-ms-transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-moz-transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.side-nav .title{font-size: 16px;line-height: 40px;}
.side-nav>a{text-transform: uppercase;font-size: 14px;display: block;line-height: 55px;color: #151414;border-bottom: 1px solid #ccc; text-align:center;}
.s-nav-item{background: #E0E0E0;border-right: 4px solid #ffa20f}

.nav-content{margin-left: 6rem;display: none;}
.nav-content>li>a{display: block;height: 40px;line-height: 40px;text-transform: uppercase;line-height: 40px}
.nav-content>li>a:hover{color: #3f86fd;}



@media(max-width: 767px){
	.pub_nav{display: none;}
	.logo{width: 100%;text-align: center;}
	.logo>img{margin: 0 auto;width: 55%;}
	.phshow{width: 100%;box-sizing: border-box;padding: 0 10px;text-align: center;}
	.ft_nav{width: 100%;}
	.nav_con{box-sizing: border-box; padding: 4px;display: none;}
	.but_right>h4{display: none;}
	.line2{width: 80%;}
	.but_left{width: 100%;box-sizing: border-box;padding: 0 10px;text-align: center;}
	.but_right{width: 100%;box-sizing: border-box;padding: 0 10px;margin-top: 10px;margin: 0 auto;}
	.phshow>h2{font-size: 28px;}
	.foot_box .title{padding-top: 0px;padding-bottom: 0;}
	.but_left>p{font-size: 12px;padding-top:4px;}
	.mini_nav_btn{display: block;}
	.banner{padding-top: 63px;}
	.foot .title h2{padding: 6px 0;font-size: 24px;}
	.foot .title .small{padding: 0;font-size: 18px;}
	.but_left .hide{display: none;}
	.but_box{padding: 0;padding-bottom: 10px;}
	.foot .title p{font-size: 14px;padding-top:5px;padding-bottom: 10px;}
	.navigation_item{margin-top: 10px;}
	.foot_box{padding-bottom: 10px;padding-top: 10px;}
	.logo .logo-left{width: 80%;}
	.logo .logo-left img{display: block;width: 100%;}
	.logo .logo-right{display: none;	}
	.qqbun{width: 30%;border-radius:4px;margin-top: 10px;}
	.small_pic{margin-left: 10%;margin-right: 10%;margin-top: 20px;}
	.line38{display: none;}
	.foot_box .title .line{width: 20%;left: 40%;}
	.foot .title .patak{padding-bottom: 10px;}
	.picture{top: -86px;left: 20px;width: 100px;}
	.fenye{padding-top: 20px;}
	#pagelist>a{padding: 2px 4px;}
	#map{width: 100%;}
	.jy img{width: 100%;}
}
@media(max-width: 500px){
	.banner{padding-top: 10px;}
}
@media(max-width: 400px){
	.banner{padding-top: 10px;}
}
@media(max-width: 350px){
	.banner{padding-top: 10px;}
	.small_pic{margin-right: 9%;margin-left: 9%;}
	.picture{left: 5px;}
}
@media(min-width: 769px){
	.phshow{display: none;}
	.minilogo{display: none;}
}
@media screen and (max-width: 1024px) and (min-width: 767px){
	.logo>img{width: 30%}
	.pub_nav{width: 45%}
	.minilogo{width: 10%;}
	.small_pic{margin-left: 16%;}
	.banner{padding-top: 1%;}
	.qqbun{width: 15%;}
	.nav_but{box-sizing: border-box;padding: 0 10px;}
	.foot_box .title .line{width: 12%;left: 44%;}
}
@media screen and (max-width: 1100px) and (min-width: 769px){
	.small_pic{margin: 6%;}
	.nav_list .nav_dl{width: 40%;}
}