@charset "utf-8";

body{ color:#ffffff;}

.bgc_b1{ background:#00051A;}


html {
  height: 100%;
  background-image:;
  background: radial-gradient(ellipse farthest-corner at center top, #000d4d 0%, #000105 100%) no-repeat #00051A;}


#canv{ width:100%; background:url(../images/1.png) no-repeat center 100%; color:#ffffff;}

.mob_banner{ display:none;}

/* Demo Buttons Style */
.codrops-demos {
	font-size: 0.8em;
	text-align:center;
	position:absolute;
	z-index:99;
	width:100%;
	height:100%; background:url(../images/banbg2.png) no-repeat center; 
}

.codrops-demos p{ color:#ffffff;}

.codrops-demos a {
	display: inline-block;
	margin: 0.35em 0.1em;
	padding: 0.5em 1.2em;
	outline: none;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	border-radius: 2px;
	font-size: 110%;
	border: 2px solid transparent;
	color:#fff;
}

.codrops-demos a:hover,
.codrops-demos a.current-demo {
	border-color: #383a3c;
}

.cont{ position:relative;}
.conp{ position:absolute;}
.cb{ bottom:0;}

.cont_con{ background:url(../images/bg.png) no-repeat top center; width:1200px; margin:0 auto; padding-bottom:20px;}

.city{ padding-top:80px;}
.ctfl_l{ float:left;}
.ctfl_r{ float:right;}
.ct1{ width:397px;}
.ct1 img{ width:100%;}
.ct2{ width:670px;}
.ct2_tit{ padding-top:10px; height:65px; line-height:65px; font-size:30px; font-family:"微软雅黑"; overflow:hidden; border-bottom:1px solid #ffffff;}
.ct2_tit font{ color:#e44d3d; font-size:22px;}
.ct2_tit a{ float:right; font-size:18px; color:#ffffff; background:#e44d3d; display:block; width:130px; height:40px; text-align:center; line-height:40px; margin-top:10px;}
.ct2_tit2{ height:40px; line-height:40px; font-size:22px; font-family:"微软雅黑";}

.ct2_ld{ line-height:30px; font-size:14px; overflow:hidden; margin:10px 0; border-bottom:1px dashed #333648; padding:5px 0;}
.ct2_ld span{ padding:5px 10px; background:#e44d3d; border-radius:5px; margin-right:10px;}

/* 本例子css */
	.picScroll{ margin:0 auto;  position:relative; width:650px;  padding:10px; overflow:hidden; margin-bottom:10px;     }
	.picScroll ul{ overflow:hidden; zoom:1; }
	.picScroll ul li{ width:230px; float:left; overflow:hidden; padding:0 10px;     }
	.picScroll ul li img{ width:230px; height:120px; display:block; background:url(images/loading.gif) center center no-repeat; }
	


.anim_ul{ overflow:hidden; width:100%;}
.anim_ul li{ float:left; width:6.25%;}

.cb1{ bottom:10%; left:5%;}
.cb2{ bottom:2%; left:8%;}
.cb3{ bottom:25%; right:10%;}
.cb4{ bottom:2%; right:5%;}
.cb5{ bottom:10%; right:2%;}
.cb6{ bottom:50%; left:10%;}
.cb7{ bottom:30%; left:2%;}
.cb8{ bottom:40%; right:8%;}
.cb9{ bottom:68%; right:30%;}
.cb10{ bottom:82%; left:30%;}
.cb11{ bottom:55%; right:8%;}
	
		.anim-opacity1{animation: 8s opacity1 0s infinite; -webkit-animation: 8s opacity1 0s infinite;-moz-animation: 8s opacity1 0s infinite;}
        @keyframes opacity1{
            0%{opacity:0}
            50%{opacity:.9;}
            100%{opacity:0;}
        }
        @-webkit-keyframes opacity1{
            0%{opacity:0}
            50%{opacity:.9;}
            100%{opacity:0;}
        }
        @-moz-keyframes opacity1{
            0%{opacity:0}
            50%{opacity:.9;}
            100%{opacity:0;}
        }
		
		.anim-opacity2{animation: 10s opacity2 0s infinite; -webkit-animation: 10s opacity2 0s infinite;-moz-animation: 10s opacity2 0s infinite;}
        @keyframes opacity2{
            0%{opacity:0}
            50%{opacity:.7;}
            100%{opacity:0;}
        }
        @-webkit-keyframes opacity2{
            0%{opacity:0}
            50%{opacity:.7;}
            100%{opacity:0;}
        }
        @-moz-keyframes opacity2{
            0%{opacity:0}
            50%{opacity:.7;}
            100%{opacity:0;}
        }
		
		.anim-opacity3{animation: 6s opacity3 0s infinite; -webkit-animation: 6s opacity3 0s infinite;-moz-animation: 6s opacity3 0s infinite;}
        @keyframes opacity3{
            0%{opacity:0}
            50%{opacity:.8;}
            100%{opacity:0;}
        }
        @-webkit-keyframes opacity3{
            0%{opacity:0}
            50%{opacity:.8;}
            100%{opacity:0;}
        }
        @-moz-keyframes opacity3{
            0%{opacity:0}
            50%{opacity:.8;}
            100%{opacity:0;}
        }
		
		.anim-opacity4{animation: 2s opacity4 0s infinite; -webkit-animation: 2s opacity4 0s infinite;-moz-animation: 2s opacity4 0s infinite;}
        @keyframes opacity4{
            0%{opacity:1;}
            50%{opacity:.4;}
            100%{opacity:1;}
        }
        @-webkit-keyframes opacity4{
            0%{opacity:1;}
            50%{opacity:.4;}
            100%{opacity:1;}
        }
        @-moz-keyframes opacity4{
            0%{opacity:1;}
            50%{opacity:.4;}
            100%{opacity:1;}
        }
		
/*foot*/
.foot{ margin:0 auto; margin-top:50px; background:rgba(0,4,26,0.5); padding:70px 0; text-align:center; font-size:14px; line-height:30px; z-index:999; width:1000px;}
.foot a{ color:#ffffff;}
/**/


/*固定的悬浮窗*/
.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 250px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}
.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}
.yb_bar .yb_top {
	background: #ff4734 url(../images/fixCont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
	background: #ff4734 url(../images/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
	text-indent: 0;
	background: #ff4734 url(../images/fixCont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {
	/*height:200px;*/

	background: #ff4734 url(../images/fixCont.png) no-repeat 0 -169px;
}
.hd_qr {
	padding: 0 29px 25px 29px;
}
.yb_QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}
/**/