
@keyframes fadeInDown {
0% {
    opacity: 0;
    transform: translateY(-1000px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}


.chrome {
	background-position: 0 0;
	width: 73px;
	height: 96px;
	margin:0 4px 0 0;
}

.firefox {
	background-position: -292px 0;
	width: 73px;
	height: 98px;
}

.ie9 {
	background-position: -179px 0;
	width: 95px;
	height: 98px;
}

.opera {
	background-position: -90px 0;
	width: 73px;
	height: 98px;
}

.safari {
	background-position: -387px 0;
	width: 73px;
	height: 98px;
	margin:0 4px 0 0;
}


@media (max-width: 1280px){
.navigation li{padding:0 20px;}

.footer-link .foot-nav dl{margin-right:6%;}


}

@media (min-width: 1200px){
 	.container{width: 100%;}

 }
 
 @media (max-width: 1200px){
 	.navigation li a { padding:0;}
	.navigation li a.topsss{ padding:0 8px;}
	.section .container, .section .row{height:100%;}

	.navigation ul{margin-left: 0;right: 0;}


}



.banner li{float: left;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover}
.banner li a{display:block;height: 100%; width:100%;}

.navigation li i.icon-plus{display: none;}
.footer-link .foot-nav dl dt a i{display: none;}



 @media(max-width: 1080px){
 
 .navigation li:hover .sec-nav{display:none;}
.sec-nav{display:none;}
.topk{display:none;}
 
 .navbar-nav { width:250px;}
      .navbar-default .navbar-nav > li a{color: #fff;}

	.banner{position: relative;bottom: auto;top: 0;}
	.logo {z-index: 1;}
	.logo a img{width: auto;}
	.header-b{height:80px;float: none;}
	.logo{position: absolute;text-align: center;max-width: 100%;float: left;}
	
	
	
	

.navbar-default .navbar-nav > li:hover a{color: #008cd6;border-bottom:none;}
.navbar-default .navbar-nav > li.current a{color: #008cd6;border-bottom:none;}

	
	.navigation{background: none;height:auto;min-height:auto;border: none;margin-bottom: 0px;display:none;}
	.navigation ul{position: static;}
	.navigation ul,.navigation li{background: none;}
	.navbar{background: #ffffff;border-radius:0;}
	.navigation li{display: block;float:none;border-bottom:1px #ccc solid;padding-top: 0;text-align: left;border-top: none;line-height: 49px;height: auto;padding-left: 15px; box-sizing:border-box;background:#333;}
	.navigation li a{display: inline-block;color:#fff;padding-left: 10px;}
	.navigation li.current,.navigation li:hover{background: #fff;border-top:none;line-height: 49px;padding-top: 0;}
	.navigation li.current a,.navigation li a:hover{color: #008cd6;}
	.navbar-toggle{display: block;}
	.navbar-offcanvas {position: fixed;height: 100%;width: 250px;max-width: 100%;left: -250px;top: 0px;z-index: 99999;overflow-y: scroll;-webkit-overflow-scrolling: touch;-webkit-transition: all 0.15s ease-in;-moz-transition: all 0.15s ease-in;-o-transition: all 0.15s ease-in;transition: all 0.15s ease-in; }
	.navbar-offcanvas.navbar-offcanvas-fade {opacity: 0; }
	.navbar-offcanvas.navbar-offcanvas-fade.in {opacity: 1; }
	.navbar-offcanvas.offcanvas-transform.in {-webkit-transform: translate3d(250px, 0px, 0px);-moz-transform: translate3d(250px, 0px, 0px);-o-transform: translate3d(250px, 0px, 0px);transform: translate3d(250px, 0px, 0px); }
	.navbar-offcanvas.offcanvas-position.in {left: 0px; }
	.navbar-offcanvas.navbar-offcanvas-right {left: auto;right: -250px;overflow: hidden; overflow-y:auto;}
	.navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {-webkit-transform: translate3d(-250px, 0px, 0px);-moz-transform: translate3d(-250px, 0px, 0px);-o-transform: translate3d(-250px, 0px, 0px);transform: translate3d(-250px, 0px, 0px); }
	.navbar-offcanvas.navbar-offcanvas-right.offcanvas-position.in {left: auto;right: 0px; }
	.navbar-offcanvas .dropdown.active .caret {border-top: 0px;border-bottom: 4px solid; }
	.navbar-offcanvas .dropdown-menu {position: relative;display: block;width: 100%;background: inherit;border: inherit;box-shadow: none;
	padding: 0px;overflow: hidden;-webkit-transition: all 0.15s ease-in;-moz-transition: all 0.15s ease-in;-o-transition: all 0.15s ease-in;transition: all 0.15s ease-in;
	height: 0px; }
	.navbar-offcanvas .dropdown-menu.shown {height: auto; }
	.navbar-offcanvas .dropdown-menu > li > a {color: #777;padding: 5px 15px 5px 15px; }
	.nav-ss li.back-home{float:none;}
	/*.navbar-default .navbar-nav > li:hover .sub-nav{display: block;}*/

	.navigation li .sub-nav-btn i{color:#333;}
	.sub-nav-btn,.ssub-nav-btn{display: block;width: 40px;height: 40px;position: absolute;text-align: center;padding: 0;right: 10px;top: 0;margin-top: 3px;background: none;border:none;line-height: 30px;color: #333}
	.navigation li.current .sub-nav-btn i{color:#fff;font-weight: normal;}	
	.navigation li.current{width: auto;}

	.navbar-nav > li > a{padding-bottom: 0;}

 	.navigation li{padding: 0;width: auto;}
 	.navigation li a{display: block;}
 	.header{/*position: relative;*/height:80px;border-bottom:#e4e4e4 solid 1px;}
	.navbar-toggle{top:18px;}

 	.footer-link1 dl{right: 0;}
 	.footer-link .foot-nav dl{left: 0;}



	
	.icon-nav-btn{float:right;margin-right:15px;margin-top:24px;width:36px;display:block;}
	.icon-nav-btn img{width:100%;display:block;}
	.icon-nav-btn p{width:100%;font-size:14px;color:#666;text-align:center;margin-top:6px;}
	
	.mob-nav{width:280px;position:fixed;top:0;right:-290px;background:#fff;z-index:100000;height:100%;display:block;}
	.mob-nav ul{width:100%;}
	.mob-nav ul li{width:100%;float:left;border-bottom:#e4e4e4 solid 1px;}
	.mob-nav ul li a{line-height:48px;width:64%;display:block;padding-left:15px;font-size:16px;font-family:"微软雅黑";color:#333;}
	
	.mob-nav ul li.inactive{ background:url(../images/off.png) no-repeat 92% 19px;}
	.mob-nav ul li.inactives{background:url(../images/on.png) no-repeat 92% 19px;} 
	.mob-nav ul li ul{display: none;}
	.mob-nav ul li ul li { border-left:0; border-right:0; background-color:#fafafa; border-color:#e1e1e1;}
	.mob-nav ul li ul li ul{display: none;}
	.mob-nav ul li ul li a{ padding-left:40px;font-size:12px;height:40px;line-height:40px;}
	.mob-nav ul li ul li ul li { background-color:#666; border-color:#e1e1e1; }
	.last{ background-color:#d6e6f1; border-color:#6196bb; }
	.mob-nav ul li ul li ul li a{ color:#333; padding-left:30px;}

	.mob-nav .close-nav{width:100%;height:60px;border-bottom:#e4e4e4 solid 1px;}
	.mob-nav .close-nav p{float:left;margin-left:15px;font-size:16px;font-family:"微软雅黑";color:#333;line-height:60px;}
	.mob-nav .close-nav img{display:block;float:right;width:32px;height:32px;margin-right:15px;margin-top:12px;}
	
	.mob-nav-bg{width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);  *zoom:1;z-index:99999;display:none;}
	
	.footer-link .foot-nav dl{margin-right:4.8%;}

 }

 @media (max-width: 1000px){
	.navbar{background: #ffffff;}
	.navigation{top: 0;}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom: 10px;}
	
	.banner li a p.txt{width:460px;left:50%;}
	.banner li a span{width:190px;left:50%;top:63%;}


 }

@media (min-width: 769px) and (max-width: 991px){

}
@media (min-width:1000px){
	.container{width: 100%;}

}

@media (min-width: 480px){
	.kefu-b2 [class^="col-"]{width: 50%;}
}
@media (min-width: 768px){
	.kefu-b2 [class^="col-"]{width: 100%;}
	.container{width: 100%;}
	
}
@media (min-width:1000px){
	.container{width: 100%;}
}


@media (max-width: 1000px){
	/*手机重置*/
	
	.location{line-height: 30px;height: 30px;padding-right: 10px;margin-top: 10px;padding-left: 0;margin-left: 10px;}
	.location h2{line-height: 30px;font-size: 14px;padding: 0 5px;font-weight: bold;}

	.banner{width:inherit;margin: 0px;}

	
	.footer-link{background:#fff;padding:10px 2.5%;border-top:#f2f2f2 solid 1px;}
	.footer-link .foot-nav{width:100%;float:left;}
	.footer-link .foot-nav dl{float: left;width:100%;margin-right:0;}
	.footer-link .foot-nav dl:last-child{margin-right:0;}
	.footer-link .foot-nav dl dt{border-bottom:#efefef solid 1px;padding:0 1%;}
	.footer-link .foot-nav dl dt a{line-height:40px;width:40%;float:left;}
	.footer-link .foot-nav dl span{display:none;}
	.footer-link .foot-nav dl dd{background:#efefef;border-bottom:#fff solid 1px;padding:0 2.5%;display:none;}
	.footer-link .foot-nav dl dd a{line-height:36px;}
	.footer-link .foot-nav dl dt .icon-plus{float:right;width:32px;height:40px;background:url(../images/off.png) no-repeat center center;display:block;}
	.footer-link .foot-nav dl dt .icon-plusm{background:url(../images/on.png) no-repeat center center;}
	
	.footer-link .foot-code{float:right;width:100%;text-align:center;margin-top:20px;margin-bottom:12px;}
	.footer-link .foot-code .code01{float:none;display:inline-block;margin-left:15px;margin-right:15px;width:106px;}
	.footer-link .foot-code .code01 img{max-width:100%;display:block;}
	.footer-link .foot-code .code01 h2{font-size:14px;font-family:"微软雅黑";color:#484848;width:100%;text-align:center;margin-top:8px;}

	.guide-warp .fqq{display:none;}
    .guide-warp .dhm{display:none;}
	.guide-warp .email{display:none;}
	.guide-warp .gw{display:none;}
    .guide{bottom:40px;}

 }


  @media (min-width: 768px){


}



  @media (max-width: 767px){
	.navigation li.current{width: 100%;}

	.logo a img{width: auto;}
	
	
	
	.location{display: none;}

}


 @media (min-width: 480px){



}
 @media (max-width: 480px){


}

@media (max-width: 360px){

}
@media (max-width: 320px){


}

.offcanvas-toggle {background: none; }
.offcanvas-toggle .icon-bar {background: #666; }
.offcanvas-toggle.offcanvas-toggle-close {margin-right: 0px; }
.offcanvas-toggle.offcanvas-toggle-close .icon-bar:nth-child(1) {-webkit-transform: rotate(45deg) translate(5px, 4px);-moz-transform: rotate(45deg) translate(5px, 4px);-o-transform: rotate(45deg) translate(5px, 4px);transform: rotate(45deg) translate(5px, 4px); }
.offcanvas-toggle.offcanvas-toggle-close .icon-bar:nth-child(2) {opacity: 0 !important; }
.offcanvas-toggle.offcanvas-toggle-close .icon-bar:nth-child(3) {-webkit-transform: rotate(-45deg) translate(4px, -4px);-moz-transform: rotate(-45deg) translate(4px, -4px);-o-transform: rotate(-45deg) translate(4px, -4px);transform: rotate(-45deg) translate(4px, -4px); }

@media (min-width: 1000px){
 	.container{width: 100%;}
 }

 @media (max-width: 767px){
     
	.bx-wrapper .bx-controls-direction{display:none;}
	
	.banner li a p.txt{width:360px;left:50%;}
	.banner li a span{width:160px;left:50%;top:63%;}
	
 }

 @media (max-width: 640px){
 	.footer-link1 dl{width: 50%;}
 	.logo img{width: auto;max-width: 100%;vertical-align: middle;padding-bottom: 0px;padding-top: 0px;}
	
	
	
 }


 @media(max-width: 640px){
 
 .banner li a p.txt{width:320px;left:50%;}
.banner li a span{width:160px;left:50%;top:63%;}

.copyright{text-align: center;height:auto;line-height:28px;background: #f27d21;}
.copyright p,.copyright p a{color: #fce9df;font-size: 12px;}
.copyright p.gsname{float:none;display:inline-block;margin-right:0;}
.copyright p.gsname span{font-family:Arial, Helvetica, sans-serif;}
.copyright p.jscc{float:none;display:inline-block;}
.copyright p.bah{float:none;display:inline-block;}


 }
 
  @media (max-width: 479px){
  
  .icon-nav-btn{margin-top:18px;}
	.logo{text-align: left;}
	
	.header { height:61px;}
	.header-b { height:60px;}
	.logo{height:60px;margin-left:2.5%;}
	.logo a { padding:0;}
	.logo img {height:60px; padding-bottom:0;}
	.navbar-toggle {top:5px;}
	
	 .banner li a p.txt{width:260px;left:46%;top:24%}
	.banner li a span{width:120px;left:50%;top:63%;}

	
	
	
 }


  @media (max-width: 360px){
	
	 .banner li a p.txt{width:260px;left:40%;top:24%}
	.banner li a span{width:96px;height:28px;line-height:28px;left:60%;top:63%;}

	.footer-link .foot-code .code01{width:90px;}
	
	
 }


 
