.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:100;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: 35%;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;}
/*滚动代码*/
.fen{margin-top: 20px;}
.roll_box{width: 100%;height: 35px;position: relative;cursor: pointer;text-align: center;float: left;}
.fir_show{width: 100%;height: 100%;line-height: 35px;color: #a40000;border: 1px solid #fff;transition-duration: .5s;transition-property: transform,-webkit-transform;transform: translateZ(28px);transform-style: preserve-3d;position: absolute;background:#fff;font-size: 14px;border:1px solid #a40000;border-radius: 4px;}
.change_show{width: 100%;height: 100%;line-height: 35px;color:red;border: 1px solid #fff;background:#a40000;transition-duration: .5s;-webkit-transform: rotateX(-90deg) translateZ(28px);transform: rotateX(-90deg) translateZ(28px);position: absolute;top: -5px;backface-visibility: hidden;color: #fff;font-size: 14px;border-radius: 4px;}
.roll_box:hover .fir_show{-webkit-transform: rotateX(90deg);transform: rotateX(90deg);}
.roll_box:hover .change_show{transform: rotateX(0deg) translateZ(28px);background: #a40000;border-color: #fff;color: #fff;}



/*底部*/
.foot{width: 100%;height: auto;position: relative;}
.foot .title{position: relative;padding: 40px 0;}
.foot .title .small{font-size: 40px;padding: 0;}
.foot .title h2{font-size: 34px;color: #000;padding: 15px 0;font-family: "Calibri Light";letter-spacing: 0;}
.foot .title p{font-size: 16px;padding-top: 20px;color: #000;}
.foot .title p a{color: #000;}
.nav_dl:hover{color:#a40000!important;}
.qqbun{width: 10%;margin: 0 auto;}
.qqbun a{padding: 4px;box-sizing: border-box;display: block;border: 2px solid #a40000;border-radius: 3px;}
.qqbun a:hover{background:#a40000;color: #fff!important;}
.foot .title .patak{color:#000;font-weight: bold;font-family: "微软雅黑";font-size: 26px;padding: 0;padding-top: 10px;padding-bottom: 20px;}
.line{background: #a40000;width:5%;height: 2px;position: absolute;left: 47.5%;}
.foot_box{width: 1200px;margin: 0 auto;}
.ft_nav{width: 50%;padding-top: 20px;}
.nav_con{padding: 45px;}
.nav_list{width: 22%;float: left;text-align: center;}
.nav_list .nav_dl{font-size: 16px;color:#000;padding: 10px;font-weight: bold;border-bottom: 2px solid #a40000;width: 35%;margin: 0 auto;}
.nav_list .nav_dh>a{font-size: 14px;color:#656565;line-height: 1.6;padding: 4px 0;display: block;}
.nav_list .nav_dh>a:hover{color: #000;transition: .3s ease-out;}
.line2{border-top: 2px solid #a40000;width: 50%;margin: 0 auto;}
.fr_con{width: 50%;border-left: 1px solid #ccc;box-sizing: border-box;padding-left: 100px;}
.fr_con>h2{font-size: 35px;color: #000;padding-bottom: 5px;font-weight: bold;}
.fr_con>h2>span{color:#a40000}
.fr_con>p{font-size: 14px;color:#000;line-height: 1.6;}
.fr_con .contact{padding-top: 30px;padding-bottom: 8px;}
.fr_con .tel{font-size: 30px;font-weight: bold;}
.nav_but{width: 100%;background:#a40000;}
.but_box{width: 1200px;margin: 0 auto;padding: 30px 0;}
.but_left{width: 60%;}
.but_left>p{color: #fff;font-size: 12px;line-height: 3;}
.but_left>p>a{color: #fff;font-size: 12px;display: inline-block;padding-right: 18px;}
.but_right{width: 40%;padding-top: 20px;position: relative;}
.but_right>h4{font-size: 16px;color: #fff;font-weight: bold;}
.small_pic{float: left;margin-top: 45px;width: 40px;height: 40px;border-radius: 100%;border:2px solid #fff;line-height: 50px;text-align: center;margin-right: 15%;margin-left: 4%;}
.small_pic>img{max-width: 60%;margin: 0 auto;}
.small_pic>a>img{max-width: 60%;margin: 0 auto;}
.small_pic>img:hover{transform: rotate(360deg);-webkit-transition: 1.5s all;}
.small_pic>a>img:hover{transform: rotate(360deg);-webkit-transition: 1.5s all;}
.title{text-align: center;}
.small_pic:hover{}
.phshow{width: 40%;}
.phshow>h2{font-size: 35px;color: #000;}
.phshow>h2>span{color:#a40000}
.phshow>p{font-size: 16px;color:#000;line-height: 1.6;}
.phshow>.bold{font-weight: bold;font-size: 18px;}
.but_left>p>span{font-weight: bold;display: inline-block;padding-right: 10px;font-size: 14px;}
.line38{position: absolute;width: 100%;height: 1px;background: #dcdddd;top: 35%;}
.foot_box .title .line{width: 8%;left: 46%;}
.picture{position: absolute;width: 180px;top: -100px;z-index: -1;opacity: 0;left: -50px;}
.picture img{width: 100%;display: block;}
.picture:hover{display: block;}
.wechat:hover .picture{opacity: 1;z-index: 1;transition: .4s;}
.minilogo{width: 70px;margin: 0 auto;}
.minilogo img{width: 100%;display: block;margin: 4px 0;}
.s-nav-item{background: #E0E0E0;border-right: 4px solid #a40000;}
.this{border-left: 2px solid #a40000;background-color: #D3D3D3;}

.pub_nav .there{border-color:#a40000; }
.fenye{text-align: center;padding-top:40px;}
#pagelist>a{border:1px solid #a40000;padding: 4px 10px;font-size: 16px;display: inline-block;margin-bottom: 6px;}
#pagelist>a:hover{background: #a40000;color: #fff;}
#pagelist .curr{background: #a40000;color: #fff!important;}
#pagelist>a font{color: #fff;}
table{margin: 0 auto;}
#newBridge .nb-icon-right-bottom{right:0!important; width:80px!important; height:80px!important;}
:-webkit-scrollbar-track-piece {
    -webkit-border-radius: 0;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    background: #ebebeb;
}

/*.yapiskan{color:white; font-size:24px; text-align:center;position: fixed; left:0; top:0; width:100%; transition: top .5s;}
.gizle {top: -80px;}
.sabit {top:0;z-index: 9999;}*/

#newBridge .customer-invite-style .nb-invite-tool{background:url(/img/public/close_1.png) no-repeat center;}


@media(min-width: 769px){
	.banner{padding-top: 100px;}
}

@media(max-width:1200px){
	.wrap{width: 100%}
	.foot_box{width: 100%;}
	.but_box{width: 100%;}
	.pub_nav{width: 32%;}
	.pub_nav .nav_item{margin:0 13px;}
}
@media(max-width: 1180px){
	.pub_nav{width: 35%;}
	.pub_nav .nav_item{margin:0 12px;}
}
@media(max-width: 1074px){
	.pub_nav{width: 40%;}
}
@media(max-width: 768px){
	.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;}
	.line{width: 25%;left: 36%;}
	.mini_nav_btn{display: block;}
	.banner{padding-top: 68px;}
	.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{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;}
	.banner{overflow:hidden;}
	.public_head{background: rgba(255,255,255,0.9)}
}
@media(max-width: 500px){
	.banner{padding-top: 58px;}
}
@media(max-width: 400px){
	.banner{padding-top: 60px;}
}
@media(max-width: 350px){
	.banner{padding-top: 55px;}
	.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: 768px){
	.logo>img{width: 30%}
	.pub_nav{width: 45%}
	.minilogo{width: 10%;}
	.small_pic{margin-left: 16%;}
	.banner{padding-top: 100px;}
	.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%;}
	.pub_nav .nav_item{margin:0 10px;}
}



/* 2017.11.15更改 */


.pub_nav{width: 39%;}
.line{left: 42.5%;width: 15%;}


@media screen and (max-width: 1024px) and (min-width: 768px){
    .pub_nav{width: 52%;}
}