.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: 39%;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;}



#caselist .pub_nav ul li:nth-child(2){
	border-bottom: 6px solid #a40000;
}
#yewu .pub_nav ul li:nth-child(3){
	border-bottom: 6px solid #a40000;
}
#about .pub_nav ul li:nth-child(4){
	border-bottom: 6px solid #a40000;
}
#guandian .pub_nav ul li:nth-child(5){
	border-bottom: 6px solid #a40000;
}
#mingbai .pub_nav ul li:nth-child(6){
	border-bottom: 6px solid #a40000;
}
#newslist .pub_nav ul li:nth-child(7){
	border-bottom: 6px solid #a40000;
}
#contact .pub_nav ul li:nth-child(8){
	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;}
.nav_but .but_left a img{
	width: auto;
    display: inline-block;
    vertical-align: middle;
}
.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 a{display:inline-block;width:100px;height:30px;line-height:30px;border-radius:20px;color:#333;background:#fff;text-align:center;margin-top:40px;transform:translateY(10px);transition:.5s}

.but_right a:hover{
	transform:translateY(0);
	color:#a40000
}
.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: 40px;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: -70px;z-index: -1;opacity: 0;left: -30px;}
.picture img{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;}



.c4-title{font-size:36px; letter-spacing:3.6px; text-align:center; line-height:60px; font-weight:400;}
.c4-list{ margin-top:40px;}
.c4-font1{float:left; width:20px; font-size:24px; line-height:40px; margin-right:20px; background:url(../images/sj.png) no-repeat top; padding-top:50px;}
.c4-list ul li{ width:29%; float:left; margin:0 1.5%; border:1px solid #dcdee0; border-radius:2px; box-shadow:0 6px 12px 0 rgba(220,225,230,.6); margin-bottom:60px;
               transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;               -ms-transition: all 0.5s ease-out;}
.c4-list ul li:hover{transform: translateY(-8px); -webkit-transform: translateY(-8px); -o-transform: translateY(-8px); -moz-transform: translateY(-8px);                      -ms-transform:translateY(-8px); box-shadow:0 22px 36px 0 #d8dce1;transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;                      -o-transition: all 0.5s ease-out;-moz-transition: all0.5s ease-out;-ms-transition: all 0.5s ease-out;}
.c4-list-img img{width:100%; max-width:100%;}
.c4-list-font{ padding:25px 25px; background-color:#FFF; text-align:center;}
.c4-list-font1{height:20px;width:100%;overflow: hidden;line-height:20px;font-size:18px;font-weight:bold;}
.c4-list-font1 span{font-weight:500;}
.c4-list-font2{margin-top:12px;height:50px;overflow:hidden;line-height:24px;font-size:15px; color:#131415; letter-spacing:.56px;text-align:justify;}
.c4-list-font3{text-align: right; cursor:pointer;}
.c4-list-font3 a{font-size:12px;}
.c4-btn{ width:100px; height:35px;  border:1px solid #1a468b; text-align:center; cursor:pointer; margin:0 auto; border-radius:3px;}
.c4-btn a{line-height:35px; font-size:14px;}
.c4-btn:hover{ background-color:#1a468b;}
.c4-btn:hover a{color:#FFF;}
.c4-title2{font-size:24px; text-align:center;}
.c4-box{width:70%; margin:45px auto; height:100px; overflow:hidden; text-align:center; background:url(../images/wh2.png) no-repeat left; background-size:8%;}
.c4-wz-auto{padding-left:10px; transition:all 1s; display:inline-block; text-align:left;}
.c4dh{ animation:wzdh 1s ;}
.c4-box-wz1{font-size:18px; line-height:34px; color:rgb(253, 189, 194);}
.c4-box-wz1 a{color:rgb(253, 189, 194);}
.c4-box-wz1:nth-child(2){font-size:20px; line-height:34px; color:#e2352f;}
.c4-box-wz1:nth-child(2)>a{ color:#e2352f;}

/*添加*/
.c4-img-box{height:413px; overflow:hidden;}
.c4-img-box img{width:100%;display:block;}
.c4-animation{animation:goto 15s linear  forwards;-webkit-animation: goto 15s linear forwards; -moz-animation: goto 15s linear  forwards; -ms-animation: goto 15s              linear forwards; -o-animation:goto 15s linear forwards;}
.c4-list-font4{padding:8px 10px; display:inline-block; box-shadow: 0 5px 10px 0px #0b489e; font-size:14px; background-image: linear-gradient(45deg, #0b489e 0%,                #0b489e 100%);background-image: -webkit-linear-gradient(45deg, #0b489e 0%, #0b489e 100%); color:#FFF;animation:pulse 1s ease-out both                              infinite; -webkit-animation:pulse 1s ease-out both  infinite;-moz-animation:pulse 1s ease-out both  infinite; -o-animation:pulse 1s ease-out both                 infinite; -ms-animation:pulse 1s ease-out both  infinite; cursor:pointer; border-radius:6px;}
@keyframes wzdh{
	from{margin-top:0;}
   60%{margin-top:-34px;}
	100%{margin-top:0;}
 }
 
@keyframes goto {
  from{transform:translateY(0px); -webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);
       -ms-transform:translateY(0px);}	
  to{transform:translateY(-1110px); -webkit-transform:translateY(-1110px);  -moz-transform:translateY(-1110px);  -o-transform:translateY(-1110px);
      -ms-transform:translateY(-1110px);}	
}

@-webkit-keyframes goto {
  from{transform:translateY(0px); -webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);
       -ms-transform:translateY(0px);}	
  to{transform:translateY(-1110px); -webkit-transform:translateY(-1110px);  -moz-transform:translateY(-1110px);  -o-transform:translateY(-1110px);
      -ms-transform:translateY(-1110px);}		
}

@-moz-keyframes goto {
  from{transform:translateY(0px); -webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);
       -ms-transform:translateY(0px);}	
  to{transform:translateY(-1110px); -webkit-transform:translateY(-1110px);  -moz-transform:translateY(-1110px);  -o-transform:translateY(-1110px);
      -ms-transform:translateY(-1110px);}		
}

@-o-keyframes goto {
  from{transform:translateY(0px); -webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);
       -ms-transform:translateY(0px);}	
  to{transform:translateY(-1110px); -webkit-transform:translateY(-1110px);  -moz-transform:translateY(-1110px);  -o-transform:translateY(-1110px);
      -ms-transform:translateY(-1110px);}		
}

@-ms-keyframes goto {
  from{transform:translateY(0px); -webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);
       -ms-transform:translateY(0px);}	
  to{transform:translateY(-1110px); -webkit-transform:translateY(-1110px);  -moz-transform:translateY(-1110px);  -o-transform:translateY(-1110px);
      -ms-transform:translateY(-1110px);}		
}

@keyframes goto2 {
  from{transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -o-transform:translateY(0px);
      -ms-transform:translateY(0px);}	
  to{transform:translateY(-1894px); -webkit-transform:translateY(-1894px); -moz-transform:translateY(-1894px); -o-transform:translateY(-1894px);
     -ms-transform:translateY(-1894px);}	
}

@-webkit-keyframes goto2 {
 from{transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -o-transform:translateY(0px);
      -ms-transform:translateY(0px);}	
  to{transform:translateY(-1894px); -webkit-transform:translateY(-1894px); -moz-transform:translateY(-1894px); -o-transform:translateY(-1894px);
     -ms-transform:translateY(-1894px);}		
}

@-moz-keyframes goto2 {
from{transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -o-transform:translateY(0px);
      -ms-transform:translateY(0px);}	
  to{transform:translateY(-1894px); -webkit-transform:translateY(-1894px); -moz-transform:translateY(-1894px); -o-transform:translateY(-1894px);
     -ms-transform:translateY(-1894px);}		
}

@-o-keyframes goto2 {
  from{transform:translateY(0px);}	
  to{transform:translateY(-1894px);}	
}

@-ms-keyframes goto2 {
from{transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -o-transform:translateY(0px);
      -ms-transform:translateY(0px);}	
  to{transform:translateY(-1894px); -webkit-transform:translateY(-1894px); -moz-transform:translateY(-1894px); -o-transform:translateY(-1894px);
     -ms-transform:translateY(-1894px);}		
}



@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: 39%;}
	.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;display:flex;align-items:center;
        justify-content: center;margin-top:20px;padding-bottom:20px}
		.but_right a{
			margin-top:0;
			transform:unset;
			margin-left:30px
		}
		.picture img{width:100%}
		.small_pic{margin:0 !important}
	.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)}
	.c4-box{width: 80%;}
	.c4-wz-auto{padding-left: 40px;}
}
@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: 51%}
	.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;}
}




@media(max-width:768px){
	#MyContent p strong span{font-size: 20px;}
	#MyContent p span{font-size: 20px!important;}
}