/*# sourceMappingURL=style.css.map */
body{
	padding: 0;
	margin: 0;
}
.bdimgshare-bg,.bdimgshare-content{display: none;}
.forie{width: 100%;height: 100%;background: url(../image/tishi.png) center no-repeat;position: fixed;top: 0;left: 0;z-index: 500;}
.pc-header .top .logo a,.phone-nav .le a{
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.pc-header .top .logo img,.pc-header .top .wx .img img,#ind-case li .pic img,
#phone-news .swiper-slide .pic img,.ind-about .left .pic img{
	display: block;
	width: 100%;
}
input.inp-tet::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
	color: #999; 
} 
input.inp-tet:-moz-placeholder, textarea:-moz-placeholder { 
	color: #999; 
} 
@font-face {
    font-family: 'BEBAS';
    src: url('../font/BEBAS.eot');
    src: url('../font/BEBAS.eot') format('embedded-opentype'),
         url('../font/BEBAS.woff2') format('woff2'),
         url('../font/BEBAS.woff') format('woff'),
         url('../font/BEBAS.ttf') format('truetype'),
         url('../font/BEBAS.svg') format('svg');
}
.loadingBg { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: #f5f5f5; z-index: 9999; }
.loading { width:503px; height:89px; position: fixed; top: 50%; left: 50%; margin-left: -251.5px; margin-top: -55.5px; z-index: 999; }
.m-black, .m-red { position: absolute; bottom: 0px; left: 0; width:503px; }
.m-black { background: url(../image/loading.png) no-repeat left top; height:89px; }
/*loading1*/
.m-red { 
    background: url(../image/loading.png) no-repeat left bottom;
     -webkit-animation: fill 3s infinite linear;
     animation: fill 3s infinite linear;
     -moz-animation:fill 3s infinite linear;
       height: 89px; 
    }

@-moz-keyframes fill {
    0% { height: 0px; }
    25% { height: 25%; }
    50% { height: 50%; }
    75% { height: 75%; }
    100% { height: 100%; }
}

@-webkit-keyframes fill {
    0% { height: 0px; }
    25% { height: 25%; }
    50% { height: 50%; }
    75% { height: 75%; }
    100% { height: 100%; }
}
@keyframes fill {
    0% { height: 0px; }
    25% { height: 25%; }
    50% { height: 50%; }
    75% { height: 75%; }
    100% { height: 100%; }
}


.base-ban{
    position: relative;
    top:0;
    opacity: 1;
    filter: alpha(opacity=1);
    opacity: 1\0/IE9;
    transition: all 0.9s;
    -webkit-transition: all 0.9s;
}
.base-ban img{
    width: 100%;
    display: block;
}
.base-ban .warp{
    width:1200px;
    padding: 0 4%;
    box-sizing:border-box;
    position: absolute;
    top: 50%;
    left:50%;
    margin:-50px 0 0 -600px;
    z-index: 3;
    text-align: right;
}
.base-ban .warp.on{
    text-align: center;
}
.base-ban .warp.cur{
    text-align: left;
}
.base-ban .warp h3{
    display: block;
    font-size: 48px;
    line-height: 50px;
    color: #fff;
    text-transform:uppercase;
    margin-bottom: 10px;
    font-family: 'arial'
}
.base-ban .warp h2{
    display: block;
    font-size: 36px;
    line-height: 40px;
    color: #fff;
    font-weight: bold;
}

.base-titlt{
    width: 100%;
    height: 63px;
    border-bottom: 1px solid #f2f2f2;
    box-shadow: 0 0px 10px 0px rgba(0,0,0,.1)
}
.base-titlt .pc-title{
    width: 1200px;
    margin: 0 auto;
    height: 100%;
    display: block;
}
.base-titlt .pc-title a{
    display: block;
    font-size: 16px;
    line-height: 63px;
    color: #666666;
    cursor: pointer;
}
.base-titlt .pc-title .title{
    float: left;
    font-size: 22px;
    color: #333;
}
.base-titlt .pc-title .right{float: right;}

.base-titlt .pc-title .tit{
    float:left;
    line-height: 62px;
    height: 62px;
    border-bottom: 1px solid transparent;
    margin-left: 80px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.base-titlt .pc-title .tit.on,.base-titlt .pc-title .tit:hover{
    color: #0086d4;
     border-bottom: 1px solid #0086d4;
}
.base-titlt .pc-title .spn,.base-titlt .pc-title .add{
    float: left;
    font-size: 14px;
    line-height: 62px;
    color: #666666;
    padding-left: 5px;
    cursor: pointer;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.base-titlt .pc-title .spn:hover{
    color:#0086d4;
}




/*pc*/
.pc-header{
	height: 195px;
	width: 100%;
	display: block;
	background-color: #fff;
}
.pc-header .top{
	height: 131px;
	width: 1200px;
	margin: 0 auto;
}
.pc-header .top .logo{
	width: 506px;
	height: 89px;
	float: left;
	margin-top: 20px;
}
.pc-header .top .serch{
	width: 225px;
	height: 36px;
	float: right;
	border:1px solid #ececec;
	border-radius:20px;
	overflow: hidden;
	margin-top: 47px;
}
.pc-header .top .serch .txt{
	display: block;
	width: 147px;
	padding:0 0 0 19px;
	border:0;
	height: 36px;
	float: left;
	line-height: 36px;
	font-size: 14px;
}
.pc-header .top .serch .subtn{
	width: 59px;
	height: 36px;
	line-height: 36px;
	float: right;
	display: block;
	padding: 0;
	border:0;
	background: url(../image/serch-icon.png) center no-repeat;
}
.pc-header .top .wx{
	width: 38px;
	height: 38px;
	float: right;
	margin: 47px 11px 0 19px;
	background: url(../image/nav-wx1.png) center no-repeat;
	position: relative;
	cursor: pointer;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.pc-header .top .wx:hover{
	background: url(../image/nav-wx2.png) center no-repeat;
}
.pc-header .top .wx .img{
	width: 100px;
	height: 100px;
	background-color: #000;
	position: absolute;
	top: 40px;
	left: -29px;
	z-index: 5;
	display: none;
}
.pc-header .top .tel{
	display: inline-block;
	float: right;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	color: #999999;
	margin-top: 47px;
}
.pc-header .top .tel .tit{
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	color: #999999;
	display: inline-block;
	float: left;
}
.pc-header .top .tel .phone{
	float: left;
	font-size: 22px;
	color: #0086d4;
	display: inline-block;
	height: 38px;
	line-height: 38px;
	padding-left: 12px;
}
.pc-header .nav{
	height:65px;
	background-color: #f2f2f2;
	width: 100%;
}
.pc-header .nav .warp{
	width: 1200px;
	height:100%;
	margin: 0 auto;
}
.pc-header .nav .warp li{
	display: block;
	float: left;
	padding: 0 4.3%;
	position: relative;
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
    background-color: transparent;
}
.pc-header .nav .warp li .tit{
    display: block;
    width: 100%;
    height:64px;
    line-height: 64px;
    font-size: 16px;
    color: #282828;
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
.pc-header .nav .warp li:hover,.pc-header .nav .warp li.on{background-color: #1992d8}
.pc-header .nav .warp li:hover .tit,.pc-header .nav .warp li.on .tit{color: #fff}
.pc-header .nav .warp li .delite{
    width: 100%;
    position: absolute;
    top:64px;
    left: 0;
    z-index:4;
    display: none;
    background-color: rgba(255,255,255,0.9);
}
.pc-header .nav .warp li .delite a{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 49px;
    color: #333;
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
    background-color: transparent;
}
.pc-header .nav .warp li .delite a:hover{
    background-color:#15a9ff;
    color: #fff;
}
/*.pc-header .nav .warp a:hover,.pc-header .nav .warp a.on{color: #0086d4}
.pc-header .nav .warp a:before{
	display: block;
	width: 1px;
	height: 10px;
	position: absolute;
	top: 50%;
	background-color: #cfcece;
	margin-top: -5px;
	right: 0;
	content: '';
}
.pc-header .nav .warp a:last-child:before{width: 0px;}*/

/*手机*/
header{
    height: 1rem;
    padding: 0 0.3rem;
    width: 100%;
    z-index: 12;
    position: fixed;
    display: block;
    box-sizing:border-box;
    background-color: #fff;
    box-shadow: 0 0 1px 0 rgba(0,0,0,0.3);
    top: 0;
}
header .logo{
    /* width:.9rem; */
    /* height: 0.92rem; */
    margin-top:6px;
}
header .logo a{
    display: block;
    height: 41px;
    width: 41px;
}
header .logo a img{
    display: block;
    width: 100%;
}
header .right{
    width: 1.4rem;
    height: 0.44rem;
    float: right;
    margin-top: 0.28rem;
    position: relative;
}
header .right .serch{
    height: 0.44rem;
    position: relative;
    width: 0.5rem;
    background: url(../image/search1.png) left center/0.38rem auto no-repeat;
}
header .right .nav{
    width: 0.54rem;
    height: 0.44rem;
    position: relative;
    cursor: pointer;
}
header .right .nav p{
    width: 0.54rem;
    height: 3px;
    background-color: #000000;
    border-radius: 0.5rem;
    position: absolute;
    left: 0;
    -webkit-transition: all 0.8s;
            transition: all 0.8s;
     -webkit-border-radius : 20%;
        -moz-border-radius : 20%;
             border-radius : 20%;
}
header .right .nav p:nth-child(1){
    top: 0.02rem;
        -webkit-transform-origin: left top;
            -ms-transform-origin: left top;
                transform-origin: left top;
        -webkit-transform: rotateZ(0deg);
            -ms-transform: rotateZ(0deg);
                transform: rotateZ(0deg);
            -webkit-transition: all 0.5s;
                -ms-transition: all 0.5s;
                    transition: all 0.5s;
}
header .right .nav p:nth-child(1).cur {
     -webkit-transform: rotateZ(45deg);
             transform: rotateZ(45deg);
}
header .right .nav p:nth-child(2){
    top: 0.21rem;
    -webkit-transition: all 0.5s;
            transition: all 0.5s;
}
header .right .nav p:nth-child(2).cur {
    opacity: 0;
}
header .right .nav p:nth-child(3){
    top: 0.39rem;
        -webkit-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
                transform-origin: left bottom;
        -webkit-transform: rotateZ(0deg);
            -ms-transform: rotateZ(0deg);
                transform: rotateZ(0deg);
            -webkit-transition: all 0.5s;
                -ms-transition: all 0.5s;
                    transition: all 0.5s;
}
header .right .nav p:nth-child(3).cur{
    -webkit-transform: rotateZ(-45deg);
            transform: rotateZ(-45deg);
}
.serbg{

    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    z-index: 9;
    top:0;
    left: 0;
    display: none;
}
.serbg .ser-cont{
    height: 0.65rem;
    width: 92%;
    border:1px solid #fff;
    margin:  2rem auto 0;
    position: relative;
}
.serbg i{
    display: block;
    height: 0.37rem;
    width: 0.37rem;
    position: absolute;
    right: 0.3rem;
    top: 0.4rem;
    background: url(../image/ico_116.png) center no-repeat;
}
.serbg .ser-cont input[type=text]{
    height: 0.65rem;
    line-height: 0.65rem;
    width: 88%;
    border:0;
    display: block;
    float: left;
    box-sizing:border-box;
    padding-left: 2%;
    font-size: 0.26rem;
    background-color: transparent;
    color: #fff;
}
.serbg .ser-cont input[type=submit]{
    height: 0.65rem;
    line-height: 0.65rem;
    width: 12%;
    border:0;
    display: block;
    float: left;
    background: url(../image/ico_08.png) center/0.4rem auto no-repeat;
}
.tipbg{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    z-index: 11;
    top:0;
    left: 0;
    display: none;
}
header nav{
    width: 100%;
    display: none;
    position: absolute;
    z-index: 10;
    top: 0.9rem;
    left: 0;
    background-color: #fff;
    height: auto;
    padding: 0.2rem 0.3rem 0;
    box-sizing:border-box;
}
header  nav ul{
    display: block;
    width: 100%;
    height: auto;
}
header  nav ul li{
    display: block;
    width: 100%;
    border-bottom: 1px solid #dcdcdc;
}
header nav ul li.on .tit{background-color:#0086d4;color: #fff;}
header  nav ul li.on .tit i{background: url(../image/nav-jian.png) center/0.26rem 0.26rem no-repeat;}
header  nav ul li .tit{
    display: block;
    line-height: 0.79rem;
    height: 0.79rem;
    position: relative;
    color: #333;
    font-size: 0.3rem;
    box-sizing:border-box;
    padding: 0 0.2rem;
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
header  nav ul li .tit i{
    display: block;
    position: absolute;
    right: 0.2rem;
    top: 0;
    width: 0.26rem;
    height: 0.79rem;
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
    background: url(../image/nav-jia.png) center/0.26rem 0.26rem no-repeat;
}
header  nav ul li .child{
    display: block;
    width: 100%;
    height: auto;
    box-sizing:border-box;
    padding:0.2rem;
    display: none;
}
header  nav ul li .child a{
    display: block;
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.28rem;
    color: #555;
    position: relative;
}
header  nav ul li .child a:before{
    display: block;
    content: '';
    height: 2px;
    width: 2px;
    position: absolute;
    left: 2px;
    top: 50%;
    margin-top: -1px;
}
.footer{
    width: 100%;
    background-color: #f7f7f7;
    border-top: 5px solid #0086d4;
    padding-bottom: 22px;
}
.footer .top{
    width: 1200px;
    margin: 0 auto;
    padding:45px 0 55px;
    border-bottom: 1px solid #d2d2d2;
    background: url(../image/fot-img1.png) right center no-repeat;
}
.footer .top li{
    float: left;
    margin-right: 9%;
}
.footer .top li:last-child{
    margin-right: 0;
}
.footer .top li:nth-child(6){
   float: right;
   width: 280px;
}
.footer .top li a{
    display: block;
}
.footer .top li .tit{
    font-size: 14px;
    color: #000000;
    line-height: 30px;
}
.footer .top li .mintit,.footer .top li .ltit{
    font-size: 14px;
    color: #8a8a8a;
    line-height: 30px;
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
} 
.footer .top li .ltit{
    cursor: default
}
.footer .top li .mintit:hover{
    color:#222
}

.footer .top li .icon{
    display: block;
    height: 25px;
    margin-top: 30px;
}
.footer .top li .icon a{
    display: block;
    width: 25px;
    height: 25px;
    padding-left: 0;
    float: left;
    margin: 0 8px 0 0;
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
.footer .top li .icon .wx{
    background: url(../image/fot-icon11.png) center no-repeat;
}
.footer .top li .icon .wx:hover{
    background: url(../image/fot-icon1.png) center no-repeat;
}
.footer .top li .icon .kj{
    background: url(../image/fot-icon22.png) center no-repeat;
}
.footer .top li .icon .kj:hover{
    background: url(../image/fot-icon2.png) center no-repeat;
}
.footer .top li .icon .qq{
    background: url(../image/fot-icon33.png) center no-repeat;
}
.footer .top li .icon .qq:hover{
    background: url(../image/fot-icon3.png) center no-repeat;
}
.footer .bot{
    width: 1200px;
    margin: 0 auto;
    height: 68px;
    line-height: 68px;
}
.footer .bot .left-ti{
    width:800px;
    float: left;
    font-size: 12px;
    color: #999999
}
.footer .bot .left-ti p .se{
    color: #fff;
    font-size: 14px;
    /* padding-right: 20px; */
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background-color: #0086d4;
    padding: 5px 10px;
    font-weight: bold;
    margin-right: 20px;
    
}
.footer .bot .left-ti *{
    color: #999999
}
/*.footer .bot .left-ti p a:hover{
    color:#0086d4
}*/
.footer .bot .right-ti{
    float: right;
    width: 115px;
    text-align: right;
    font-size: 12px;
}
.footer .bot .right-ti a{
    color: #999999;
    transition:all 0.5s;
    cursor: pointer;
    -webkit-transition:all 0.5s;
}
.footer .bot .right-ti a:hover{
    color: #333;
}

.fy{
    width: 100%;
    text-align: center;
}
.fy.on{
    margin-top: 60px;
}
.fy.cut{margin-bottom: 105px;}
.fy a{
    font-size: 14px;
    color: #a2a2a2;
    margin: 0 4px;
    padding: 8px 10px;
    border:1px solid #cccccc;
}
.fy .btnn{
    font-family: '宋体';
    font-weight: bold;
    color: #aaa;
    padding: 10.5px 10px;
       position: relative;
        top: -1px;
}
.waiter{
    width: 100%;
}
.waiter .spinner {
  margin: 24px auto;
  width: 20px;
  height: 20px;
  position: relative;
}
 
.waiter .container1 > div,.waiter .container2 > div,.waiter .container3 > div {
  width: 6px;
  height: 6px;
  background-color: #333;
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.waiter .spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
 
.waiter .container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
 
.waiter .container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
 
.waiter .circle1 { top: 0; left: 0; }
.waiter .circle2 { top: 0; right: 0; }
.waiter .circle3 { right: 0; bottom: 0; }
.waiter .circle4 { left: 0; bottom: 0; }
 
.waiter .container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.waiter .container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.waiter .container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.waiter .container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
.waiter .container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
 
.waiter .container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
 
.waiter .container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
 
.waiter .container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
 
.waiter .container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
 
.waiter .container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
 
.waiter .container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
 
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
 
@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}