body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,address


{


	margin:0;


	padding:0;


	height:auto;


	list-style:none;


	font-family:Microsoft YaHei,SimHei,SimSun,Verdana,Helvetica,Arial,sans-serif;


	text-decoration:none;


}


.row a{


	text-decoration:none;


}


.navbar-collapse{


	padding-left:0px; 


	padding-right:0px


}


.all-button{


	position:absolute;


	right:30px;


	top:40px;


	background:#3095BB;


	width:220px;


	z-index:999999;


	opacity:0.8;


	overflow:hidden;


	display:none;


}


.all-button li{


	float:left;


	height:28px;


	margin-left:10px;


	margin-right:0;


}


.all-button li a{


	font-size:12px;


	color:#fff;


	line-height:28px;


}


.none{


	display:none;


}


.block{


	display:block;


}


.mask{


	position:fixed;


	width:100%;


	height:100%;


	background:#ccc; 


	z-index:9999;


	opacity:0.2;


	filter: alpha(opacity:20);


	display:none;


}


#main-nav .navbar-brand{


	padding:0px 15px;


}





.navbar-default .navbar-nav > li > a {


    color: #333333;


    font-size:14px;


   


}





a:focus {


    outline: none;


}


.fix{


	overflow:hidden;


}


/*.fix li{


	float:left;


	width:54px;


	height:4px;


	background:#dfdfdf;


	display:block;


	margin:15px 5px 24px 0;


}*/


.fix li.active{


	background:#6d8edf;


}


.row-img{


	display:block;


	margin:0 auto;


	margin-top:23px;


	margin-left:1px;


}


.fix-wind{


	margin:15px 5px 8px 0;


	float:right;


	color:#9a9a9a;	


}


.fix-wind input{


	font-size:12px;


	border-color:#939393;


	border-radius: none;


}


.fix-img{


	float:right;


	color:#c9c9c9;


	margin-top:-20px;


	margin-right: 8px;


	display:block;


}


.has-success .form-control {


    border-color: #BFBFBF;


    box-shadow: white;


}


.form-control{


	height:26px;


	border-radius:0px;


}


.clear{


	content: ".";


	clear: both;


	height: 0px;


	line-height: 0px;


	overflow: hidden;


}


.main-box{


	border-top:2px solid #3f3f3f;


	text-indent: 0.4em;


	padding:14px 0;


	border-bottom: 1px dotted #d8d8d8;


}


.main-box h4{


	


	font-size:20px;


	color:#000000;


	overflow:hidden;


	display:block;


}


.main-box .glyphicon {


	color:#d9d9d9;


	font-size:0.8em;


}


.main-box a{


	text-decoration: none;


}


.tab-box{


	float:right;


	line-height: 22px;


}


.tab-box a{


    color:#414141;


   


}


.tab-box a.active{


	color:#4e74e0;


}


.main-box span{


	display: inline-block;


    vertical-align: top;


}


.main-box h4,.main-box span{


	display: inline-block;


    vertical-align: top;


}


.cont{


	margin-top:16px;


	position:relative;


}


.cont h5{


	font-size:18px;


	color:#000000;


	line-height:26px;


	


	margin-left: 5px;


	white-space: nowrap;


	overflow: hidden;


	text-overflow: ellipsis;


}


.cont p{


	color:#999798;


	font-size:12px;


	line-height:22px;


	-text-indent: 1.5em;


	margin-top:6px;


	letter-spacing: 0.3px;


	text-align: justify;


}


.content-right li{


	margin:2px 0px;


}


.content-right li.active{


	-margin-top:10px;


	border-color: #7999e6;


}


.content-right li.active a:hover{


	border-color: #7999e6;


}


.content-right li a{


	display: block;


	line-height: 27px;


	border-left: 4px solid #e0e0e0;


	white-space: nowrap;


	overflow: hidden;


	text-overflow: ellipsis;


	text-indent: 0.8em;


	font-size: 14px;


	color:#2e2e2e;


	font-family:Microsoft YaHei,SimHei,SimSun,Verdana,Helvetica,Arial,sans-serif;


	letter-spacing:0.5px;


	


}


.content-right li a:hover{


	border-left: 4px solid #4E74E0;


}


.title_more {


    float: right;


    background: #4B4B4B none repeat scroll 0% 0%;


    border-radius: 20px;


    line-height: 21px;


    margin-top: 4px;


}


.tab-content{


	position:relative;


}


.tab-content .tab-pane{


	/* position: absolute;


	 top:0;*/


}


.title_more a, .title_more a:hover {


    display: block;


    text-decoration: none;


    color: #FFF;


    padding: 0px 6px;


	margin-left: -9px;


	font-size: 12px;


	margin: 0 auto;


}


.tool-box-r a:hover{


	color:#94b1f5;


}


.section_container p a{ 


	 color: #929090;


	 line-height: 20px; 


	 white-space: nowrap;


	overflow: hidden;


	text-overflow: ellipsis;


	font-size: 12px;


	margin-left: 5px;


}


.section_container h5 a{


  	color: #000;


  margin-top: -3px;


display: block;


   white-space: nowrap;


	overflow: hidden;


	text-overflow: ellipsis;


	font-size: 14px;


}


.media {


    border-bottom: 1px dotted #D7D7D7;


    padding-bottom: 6px;


    


}


.hot-line a{


	color:#444444;


	margin-top:17px;


	display:block;


	


	text-align: center;


}


.main-box1{


	line-height:53px;


	text-align:center;


	border-top: 2px solid #3F3F3F;


	border-bottom: 1px dotted #D8D8D8;


	margin-top:22px;


	position:relative;


}


.menu-content{


	margin-top:12px;


	border-bottom: 1px dotted #D7D7D7;


    padding-bottom: 5px;


    margin-left: 0px;


    margin-right: 0px;





}


.menu-content h4{


	font-size:15px;


	color:#000000;





	margin-top:5px;


}


.menu-content p{


	color:#8b8b8b;


	font-size:14px;


	margin-top:5px;


	letter-spacing: 0.5px;


}


.menu-content .menu-content-p{


	color:#bbbbbb;


	font-size:12px;


	


	float:right;


}


.link{


	width:100%;


	height:230px;


	background:#ededed;


	margin-top:68px;


}


.footer{


	background: #bdbdbd none repeat scroll 0px 0px;





}


.footer-img{


	margin-top:35px;


	margin-bottom:30px;


}


.footer-img1{


	margin-top:30px;


	margin-bottom:30px;


}


.footer p{


	font-size:10px;


	color:#fff;


	text-align: center;


}


.footer .License{


	margin-top:8px;


}


.login-bar-box{


	width:90px;


	margin-left: 530px;


	position: fixed;


	top: 363px;


	


	z-index: 9999;


}


.login-bar li{


	width:90px;


	height:40px;


	text-align: center;


}


.login-bar .heart{


	color:#f1f2f2;


	margin-right:10px;


}


.login-bar .odd{


	background:#6c8ddf;


}


.login-bar .even{


	background:#7899e6;


}


.login-bar a{


	font-size:12px;


	font-family:Microsoft YaHei,SimHei,SimSun,Verdana,Helvetica,Arial,sans-serif;


	color:#ffffff;


	line-height:40px;


	text-align: center;


	text-decoration: none;


	


}


.swiper-pagination{


	


	margin-top: 1px;


}


.swiper-pagination-bullet{


	margin:5px;


}


.swiper-button-next, .swiper-container-rtl .swiper-button-prev {


	


	z-index: 9999;


	margin-top: 1px;


	color:#fff;


	opacity: 0.5;


	filter: alpha(opacity:50);


	background-color:rgba(0, 0, 0, 0.31);


}


.swiper-button-prev, .swiper-container-rtl .swiper-button-next {


	opacity: 0.5;


	filter: alpha(opacity:50);


	


	color:#fff;


	z-index: 9999;


	margin-top: 1px;


	background-color:rgba(0, 0, 0, 0.31);


}


.sidebar_content_fx {


    background: #484744 none repeat scroll 0% 0%;


}


.sidebar_content {


    display: none;


    overflow: hidden;


    width: 0;


    height: 200px;


    position: absolute;


    top: 0px;


    right: 90px;


    z-index: 9999;


    opacity: 0.9;


	filter: alpha(opacity:90);


}


.tool-box-r {


	width: 122px;


}


.tool-box-r a.think{


	margin: 0 30px;


	font-size:12px;


	


}


.tool-box-r .poor{


	position:absolute;


	right: 3px;


	top: -12px;


	font-size:26px;


	color:#fff;


	font-family:Microsoft YaHei,SimHei,SimSun,Verdana,Helvetica,Arial,sans-serif;


}


#hgo{


	color: #999798;


font-size: 12px;


line-height: 22px;


margin-top: 20px;


text-indent:2em;


letter-spacing: 0.5px;


text-align: justify;


}


@media (max-width: 1244px){


	.login-bar-box{margin-left:0px;right:0px}


}


@media (min-width: 1245px){


	.login-bar-box{margin-left:530px;left:50%;}


	}


@media (min-width: 1200px) {


  .container {


    width: 1000px;


 	}


 	.footer-img1{


	


	margin-left: -284px;


}


.swiper-button-next, .swiper-container-rtl .swiper-button-prev {


	right:14px;


}


 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {


 	left:16px;


 }


 .navbar-default .navbar-nav > li > a.mactive {


    height:84px;


}


}





@media (min-width: 768px) {


	.navbar-nav > li > a{


	padding: 30px 5px 15px;


	margin: 0px 14px;


}





	.navbar-default .navbar-nav > li > a.mactive {


    color: #5292e0;


    font-size:16px;


   border-bottom:4px solid #4e74e0;


   /*height:84px;*/





}


.navbar-default .navbar-nav > li > a.nactive{


	 color: #5292e0;


}


.navbar-default .navbar-nav > li > a:hover{


	color: #5292e0;


}


 .navbar-default{


	background-color:transparent;


	border-color:transparent;


	}


.nav-bg{


	width:100%;


	height:85px;


	background:#fff;


	opacity:0.8;


	filter:alpha(opacity:50);


	top:0;


	position:absolute;


	}


	#main-nav .navbar-brand > img{


    height: auto;


    width: 146px;


	}


	#main-nav .navbar-brand > img{


    height: auto;


    width: 146px;


	}


	.swiper-pagination-bullet{


		float:left;


		width:54px;


		height:4px;


		display:block;


		margin:29px 5px 24px 0;


		border-radius: 0px;


		


	}


	.nav-new{


		text-align:center;


		overflow:hidden;


		display:none;


		position:absolute;


		z-index:10000;


		left:18%;


		background:#fff;


		opacity:0.94;


		filter: alpha(opacity:94);


		left:-10px;


		right:-10px;


		box-shadow: 1px 0 5px rgb(144, 144, 144);


		width:150px;


	}


	.nav-new a{


	font-size:12px;


	color:#686868;


	text-decoration: none;


	line-height:28px;


	height:28px;


	font-family:Microsoft YaHei,SimHei,SimSun,Verdana,Helvetica,Arial,sans-serif;


	}


	.nav-new a:hover{


		color:#4E74E0;


	}


	.top_angle_white{


		background: rgba(0, 0, 0, 0) url("../images/top-angle2.png") no-repeat scroll 15px 1px;


	    height: 8px;


	    position: absolute;


	    top: 60px;


	    width: 100%;


	    z-index:999999;


	    display:none;


	}


}


@media (min-width:768px) and (max-width:1000px) {


  .navbar-nav > li > a {


    padding: 10px 0px 15px;


    margin: 0px 5px;


}


.navbar-default .navbar-nav > li > a.homePage {


	border-bottom:none;


	height:60px;


}


.navbar-nav{


    float: left;


    margin-top:18px;


}


}


@media (min-width:1001px) and (max-width:1200px){


	.navbar-nav > li > a {


    padding: 30px 0px 15px;


    margin: 0px 15px;


}


}


@media (max-width: 767px) {


	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {


	right:5px;


}


.swiper-button-prev, .swiper-container-rtl .swiper-button-next {


 	left:26px;


 }


	#main-nav .navbar-brand{


		width:100px;


	}


	#main-nav .navbar-brand > img{


    height: auto;


    width: 100px;


	}


	.row-img{


	margin-top:0;


	display:block;


	margin:0 auto;


	}


	.media-all{


		width:100%;


		display:block;


	}


	


	.tab-box {


    float: right;


    line-height: 22px;


    margin-top: 4px;


    display: block;


	}


	.main-box {


    border-top: 2px solid #3F3F3F;


    text-indent: 0.4em;


    border-bottom: 1px dotted #D8D8D8;


    margin-top: 14px;


    overflow: hidden;


	}


	.footer{


		margin-top:15px;


	}


	.swiper-pagination-bullet{


	float:left;


	width:10px;


	height:10px;


	display:block;


	}


	.swiper-pagination{


		margin-top:0px;


	}


	.swiper-button-next, .swiper-button-prev {


    position: absolute;


    top: 50%;


    width: 15px;


    height: 24px;


    margin-top: -3px;


    margin-left: -9px;


}


.swiper-button-next{


	margin-right:13px;


}


.has-success .form-control {


	    border-color: #C8C8C8;


	    margin-top: -7px;


	}


.swiper-pagination {


	   margin-top:8px;


	    left: 30%;


	}


.swiper-pagination-bullet {


     margin: 6px 20px 10px 0;


}


.navbar-default .navbar-nav > li > a.homePage {


    font-size: 14px;


    font-weight: bold;


    color:#323233;


    margin-right: 35px;


}


.navbar-nav {


    margin: 0;


}


.ct-telecom{


	border-bottom:1px solid #ccc;


	overflow: hidden;


}


.ct-telecom a{


	height:44px;


	line-height:44px;


	text-align:center;


	margin-top:10px;


}





.footer-img1 {


    


    margin-bottom: 25px;


}


.footer .License {


    margin-top: 7px;


}


 .general{


	position:absolute;


	width:70%;


	background:#fff;


	opacity: 0.93;


	filter: alpha(opacity:90);


	z-index:1000;


	left: -70%;


	top:0;


	padding-bottom:100%;


}


.right{


	float:left;


}


.nav-new{


	overflow:hidden;


	display:none;


}


.nav-new a{


	font-size:14px;


	color:#888888;


	text-decoration: none;


	margin-left: 22px;


}


 .nav .symbol{


 	float:right;


 	margin-right: 20px;


 }


 .customer-brand{


 	margin-left: 58px;


 }


}

@media (min-width: 1000px) {
body {
	background: url("/templets/default/images/P020180828531182149124.png") no-repeat scroll center -6px;
}
}
.shadow {
	width: 100%;
	height: 30px;
	background: #000;
	opacity: 0.4;
 filter:alpha(opacity:40);
	position: absolute;
	bottom: 0;
	z-index: 9999999;
}
.shadow-title {
	position: absolute;
	color: #fff;
	line-height: 30px;
	bottom: 0;
	text-align: center;
	width: 100%;
	z-index: 9999999;
}
.news-img-button-next {
	right: 0;
}
.news-img-button-next-prev {
	left: 0;
}
.cont1 {
	margin-top: 11px;
}
.cont1 h6 {
	color: #464646;
	font-size: 12px;
	margin-top: 12px;
	text-align: center;
	letter-spacing: 0.5px;
}
.cont1 img {
	margin: 0 auto;
}
.zw-title {
}
.zw-title h5 {
	color: #2c2c2c;
	font-size: 14px;
	margin-top: 16px;
}
.zw-title p {
	color: #a09e9f;
	font-size: 12px;
	line-height: 20px;
	text-indent: 1em;
	letter-spacing: 0.5px;
	text-align: justify;
}
.creative img {
	margin-top: 12px;
}
.creative p {
	color: #a09e9f;
	font-size: 12px;
	line-height: 20px;
	margin-top: 5px;
	margin-bottom: 10px;
	letter-spacing: 0.5px;
}
.phone {
	overflow: hidden;
	margin-left: 20px;
}
.phone li {
	float: left;
	margin-right: 15px;
}
.phone a {
	font-size: 15px;
	color: #000000;
}
.phone li.active {
	font-size: 16px;
	color: #6181ef;
	display: block;
	border-bottom: 3px solid #6181ef;
}
.nav-tabs {
	border-bottom: none;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	color: none;
	cursor: none;
	background-color: none;
	border-width: none;
	border-style: none;
	border-color: none;
}
.nav > li > a:focus, .nav > li > a:hover {
	text-decoration: none;
	background-color: #fff;
}
.nav-tabs > li > a {
	margin-right: 0;
	line-height: 0;
	border: 0;
	border-radius: 0;
}
.nav > li > a {
	position: relative;
	display: block;
	-padding: 0px 6px;
}
.phone > li > a {
	position: relative;
	display: block;
	padding: 24px 5px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	color: #6181ef;
}
.culture {
	margin-top: 16px;
	margin-left: -10px;
}
.culture p {
	color: #414141;
	font-size: 14px;
	line-height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.Branch {
	margin: 0 auto;
	margin-top: 10px;
}
.Branch a {
	font-size: 14px;
	color: #787878;
	line-height: 26px;
}
.friendly-link p {
	font-size: 14px;
	color: #272727;
	margin-top: 10px;
	text-indent: 1em;
}
.News-Center {
	overflow: hidden;
	width: 180px;
}
.left {
	float: left;
	margin-right: 25px;
}
.News-Center h5 {
	width: 160px;
	font-size: 16px;
	margin: 28px 0 10px 0;
	text-align: center;
}
.News-Center ul {
	width: 90px;
	float: left;
	text-align: center;
}
.News-Center li a {
	font-size: 14px;
	color: #949494;
	padding-top: 10px;
	display: block;
}
.News-Center1 h5 {
	width: 125px;
	font-size: 16px;
	margin: 28px 0 10px 0;
	text-align: center;
}
.News-Center1 ul {
	width: 125px;
	float: left;
	text-align: center;
}
.News-Center1 li a {
	font-size: 14px;
	color: #949494;
	padding-top: 13px;
	display: block;
}
.left a.active {
	color: #829ae7;
}
.user-help {
	margin-top: 12px;
	width: 140px;
	overflow: hidden;
}
.user-help ul {
	width: 70px;
	float: left;
}
.user-help li a {
	font-size: 14px;
	color: #718bde;
	margin-top: 13px;
	display: block;
}
.QR-code {
	margin-top: 8px;
	float: left;
}
.QR-code p {
	font-size: 12px;
	color: #929292;
	margin-top: 10px;
	text-align: center;
}
.law {
	font-size: 16px;
	color: #5e7cdc;
}

@media (max-width: 767px) {
.phone li.active {
	border-bottom: none;
}
.phone li {
	float: left;
	margin-right: 0px;
}
.phone > li > a {
	position: relative;
	display: block;
	padding: 15px 6px;
}
.Terminal-ctimg {
	width: 100%;
}
}

@media (min-width:319px) and (max-width:769px) {
#banner {
	margin-top: 0;
}
}
.shadow-title {
	background-color: rgba(0,0,0,0.7)
}
body {
	overflow-x: hidden;
}

@media (min-width: 792px) {
.navbar-default {
	border-color: transparent;
}
}
.section_container h5 {
	font-size: 14px;
}
.cont h5 {
	font-size: 18px;
}
.waveAnimation .waveBottom {
	animation: move_wave 14s linear infinite;
	-webkit-animation: move_wave 14s linear infinite;
}
.waveAnimation .waveTop {
	animation: move_waveTop 16s linear infinite;
	-webkit-animation: move_waveTop 16s linear infinite;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
 @keyframes move_wave {
 0% {
 transform: translateX(0) translateZ(0) scaleY(1)
}
 50% {
 transform: translateX(-25%) translateZ(0) scaleY(1)
}
 100% {
 transform: translateX(-50%) translateZ(0) scaleY(1)
}
}
 @-webkit-keyframes move_wave {
 0% {
 transform: translateX(0) translateZ(0) scaleY(1)
}
 50% {
 transform: translateX(-25%) translateZ(0) scaleY(1)
}
 100% {
 transform: translateX(-50%) translateZ(0) scaleY(1)
}
}
 @keyframes move_waveTop {
 0% {
 transform: translateX(0) translateZ(0) scaleY(1)
}
 50% {
 transform: translateX(-25%) translateZ(0) scaleY(1)
}
 100% {
 transform: translateX(-50%) translateZ(0) scaleY(1)
}
}
 @-webkit-keyframes move_waveTop {
 0% {
 transform: translateX(0) translateZ(0) scaleY(1)
}
 50% {
 transform: translateX(-25%) translateZ(0) scaleY(1)
}
 100% {
 transform: translateX(-50%) translateZ(0) scaleY(1)
}
}
.bgBottom {
	z-index: 5;
}
.waveWrapper {
	overflow: hidden;
	margin: auto;
}
.waveBottom {
	background: url("/templets/default/images/2018Wave.png") repeat no-repeat;
	position: absolute;
	left: 0;
	top: 360px;
	width: 200%;
	height: 100%;
	background-size: 50% 140px;
}
.waveTop {
	background: url("/templets/default/images/2018Wave.png") repeat no-repeat;
	position: absolute;
	left: 0;
	opacity: 0.7;
	top: 350px;
	width: 200%;
	height: 100%;
	background-size: 50% 100px;
}
/**/
.willow01 {
	position: absolute;
	right: 20px;
	top: -5px;
	animation: willow01Move 5s;
	-webkit-animation: willow01Move 5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	z-index: -1;
}
 @keyframes willow01Move {
 0% {
 transform:rotate(0deg);
 transform-origin:0 0;
}
 50% {
 transform:rotate(9deg);
 transform-origin:0 0;
}
 100% {
 transform:rotate(0deg);
 transform-origin:0 0;
}
}
 @-webkit-keyframes willow01Move /* Safari and Chrome */ {
 0% {
 transform:rotate(0deg);
 transform-origin:0 0;
}
 50% {
 transform:rotate(9deg);
 transform-origin:0 0;
}
 100% {
 transform:rotate(0deg);
 transform-origin:0 0;
}
}
.willow02 {
	position: absolute;
	right: 50px;
	top: -5px;
	animation: willow02Move 6s;
	-webkit-animation: willow02Move 6s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	z-index: -1;
}
 @keyframes willow02Move {
 0% {
 transform:rotate(0deg);
 transform-origin:0 0;
}
 50% {
 transform:rotate(11deg);
 transform-origin:0 0;
}
 100% {
 transform:rotate(0deg);
 transform-origin:0 0;
}
}
 @-webkit-keyframes willow02Move /* Safari and Chrome */ {
 0% {
 transform:rotate(0deg);
 transform-origin:0 0;
}
 50% {
 transform:rotate(11deg);
 transform-origin:0 0;
}
 100% {
 transform:rotate(0deg);
 transform-origin:0 0;
}
}
.willow03 {
	position: absolute;
	right: 100px;
	top: -5px;
	animation: willow03Move 4s;
	-webkit-animation: willow03Move 4s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	z-index: -1;
}
 @keyframes willow03Move {
 0% {
 transform:rotate(0deg);
 transform-origin:0 0;
}
 50% {
 transform:rotate(7deg);
 transform-origin:0 0;
}
 100% {
 transform:rotate(0deg);
 transform-origin:0 0;
}
}
 @-webkit-keyframes willow03Move /* Safari and Chrome */ {
 0% {
 transform:rotate(0deg);
 transform-origin:0 0;
}
 50% {
 transform:rotate(7deg);
 transform-origin:0 0;
}
 100% {
 transform:rotate(0deg);
 transform-origin:0 0;
}
}
.willow04 {
	position: absolute;
	right: 70px;
	top: -5px;
	animation: willow04Move 7s;
	-webkit-animation: willow04Move 7s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	z-index: -1;
}
 @keyframes willow04Move {
 0% {
 transform:rotate(0deg);
 transform-origin:0 0;
}
 50% {
 transform:rotate(8deg);
 transform-origin:0 0;
}
 100% {
 transform:rotate(0deg);
 transform-origin:0 0;
}
}
 @-webkit-keyframes willow04Move /* Safari and Chrome */ {
 0% {
 transform:rotate(0deg);
 transform-origin:0 0;
}
 50% {
 transform:rotate(8deg);
 transform-origin:0 0;
}
 100% {
 transform:rotate(0deg);
 transform-origin:0 0;
}
}
.flower01 {
	position: absolute;
	top: 305px;
	left: 50px;
	animation: flower01Move 7s;
	-webkit-animation: flower01Move 7s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
 @keyframes flower01Move {
 0% {
 transform:rotate(0deg);
 transform-origin:100% 100%;
}
 25% {
 transform:rotate(7deg);
 transform-origin:100% 100%;
}
 50% {
 transform:rotate(-5deg);
 transform-origin:100% 100%;
}
 75% {
 transform:rotate(5deg);
 transform-origin:100% 100%;
}
 100% {
 transform:rotate(0deg);
 transform-origin:100% 100%;
}
}
 @-webkit-keyframes flower01Move /* Safari and Chrome */ {
 0% {
 transform:rotate(0deg);
 transform-origin:100% 100%;
}
 25% {
 transform:rotate(7deg);
 transform-origin:100% 100%;
}
 50% {
 transform:rotate(-5deg);
 transform-origin:100% 100%;
}
 75% {
 transform:rotate(5deg);
 transform-origin:100% 100%;
}
 100% {
 transform:rotate(0deg);
 transform-origin:100% 100%;
}
}
/**/
        
.searchBox {
	z-index: 5;
}
#main-nav {
	position: relative;
}

@media (min-width: 1200px) {
}
.ipv6href {
	position: absolute;
	right: -15%;
	top: 25px;
	z-index: 10;
}
.ipv6href img {
	width: 50px;
}

@media (max-width: 414px) {
.col-xs-14 {
	width: 120%;
}
.ipv6href {
	right: 15px;
}
}
.wpf {
}
.Wpftoutiao {
	position: relative;
	display: none;
	z-index: 5000;
}
.wpfclose {
	position: absolute;
	right: 6%;
	top: 10%;
	cursor: pointer;
	height: 100%;
	width: 25px;
	z-index: 5000;
}
.wpfclose img {
	height: 80%;
}
#leafContainer, #leafContainerA {
	position: absolute;
	width: 50%;
	height: 414px;
	top: 0;
}
#leafContainer {
	left: 0;
}
#leafContainerA {
	right: 0;
}
#leafContainer>div, #leafContainerA>div {
	position: absolute;
	width: 100px;
	height: 100px;
	-webkit-animation-iteration-count: infinite, infinite;
	-webkit-animation-direction: normal, normal;
	-webkit-animation-timing-function: linear, ease-in;
}
#leafContainer>div>img, #leafContainerA>div>img {
	position: absolute;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-transform-origin: 50% -100%;
}
 @-webkit-keyframes fade {
 0% {
 opacity: 1;
}
 95% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
 @-webkit-keyframes drop {
 0% {
 -webkit-transform: translate(0px, -50px);
}
 100% {
 -webkit-transform: translate(0px, 650px);
}
}
 @-webkit-keyframes clockwiseSpin {
 0% {
 -webkit-transform: rotate(-50deg);
}
 100% {
 -webkit-transform: rotate(50deg);
}
}
 @-webkit-keyframes counterclockwiseSpinAndFlip {
 0% {
 -webkit-transform: scale(-1, 1) rotate(50deg);
}
 100% {
 -webkit-transform: scale(-1, 1) rotate(-50deg);
}
}
#banner {
	z-index: 80;
}
#main-nav {
	position: relative;
	z-index: 100;
}