@charset "utf-8";
*html{background-image:url(about:blank);background-attachment:fixed;font-family: arial,'Microsoft Yahei',微软雅黑,宋体,宋体,Tahoma,Arial,Helvetica,STHeiti;}
/*全局定义*/
body,form,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,iframe,pre,fieldset,blockquote{margin:0;padding:0; font-family: arial,'Microsoft Yahei',微软雅黑,宋体,宋体,Tahoma,Arial,Helvetica,STHeiti;}
body {}
/* html, body {height: 100%; background-image: linear-gradient(#e9f4f9, #FFF); background-repeat: repeat-x; background-position:top ;} */
html, body {height: 100%; }
* {
	    margin: 0;
	    padding: 0;
	    box-sizing: border-box;
	}
table,img,abbr,acronym{border:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-style:inherit;}
address,caption,cite,i,code,dfn,var,em{font-weight:normal;font-style:normal;}
sup{vertical-align:text-top;} sub{vertical-align:text-bottom;}
ul,li{list-style-type:none; text-transform:capitalize;}input,select,button,img{vertical-align:middle;}
p,a,span{word-break:break-all;word-wrap:break-word;white-space:normal;}
q:before,q:after{content:''; cursor:pointer;}caption {text-align:left;}
a,a img,button{cursor:pointer;}a {color:#333333;text-decoration:none; }
a:focus,input:focus,button:focus{outline:none;} 
a:hover{color:#333333; text-decoration:none;}

.b { font-weight:bold;}
.form { padding:0; margin:0;font-family:"arial, helvetica, sans-serif";}

/*定位*/
.fl{float:left;}.fr{float:right;}.fht{float:inherit;}
.tl{text-align:left;}.tc{text-align:center;}.tr{text-align:right;}
.cb{line-height:0px; clear:both; height:0px;font-size:0px; over-flow:hidden;}.cl{clear:left;}.cr{clear:rigth;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .clearfix{zoom:1;} *+html .clearfix{zoom:1;}
.wz { position: relative; z-index: 1000;}
.wz_ab { position: absolute;}

/*字体大小*/
.f12 { font-size:12px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f20 { font-size:20px;}

/* .container { width:6.4rem; margin:0 auto;} */
.m_l_5 { margin-left:5px;}
.m_l_10 { margin-left:10px;}
.m_t_10 { margin-top:10px;}
.m_b_10 { margin-bottom:10px;}
.m_l_20 { margin-left:20px;}
.m_l_40 { margin-left:40px;}
.m_t_20 { margin-top:20px;}
.m_t_15 { margin-top:15px;}
.m_b_20 { margin-bottom:20px;}
.pan_20 {padding: 20px;}
.m_t_30 { margin-top:30px;}
.m_t_35 { margin-top:35px;}
.m_t_50 { margin-top:50px;}
.pan_30 {padding: 30px;}
.p_t_30 {padding-top:30px;}
.p_t_20 {padding-top:20px;}
.p_t_10 {padding-top:10px;}
.p_b_30 {padding-bottom:30px;}
.p_t_50 {padding-top:50px;}
.p_b_50 {padding-bottom:50px;}

/*flex弹性布局*/
.df { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.dif {display: inline-flex;}
.fdr {  -webkit-box-direction: normal;-webkit-box-orient: horizontal;-moz-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;}
.fdrr { -webkit-box-pack: end;-webkit-box-direction: reverse;-webkit-box-orient: horizontal;-moz-flex-direction: row-reverse;-webkit-flex-direction: row-reverse;flex-direction: row-reverse;}
.fdc { -webkit-box-direction: normal;-webkit-box-orient: vertical;-moz-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
.fdcr { -webkit-box-pack: end;-webkit-box-direction: reverse;-webkit-box-orient: vertical;-moz-flex-direction: column-reverse;-webkit-flex-direction: column-reverse;flex-direction: column-reverse;}
.fwn {flex-wrap: nowrap;}
.fww {flex-wrap: wrap;}
.fwr {flex-wrap: wrap-reverse;}
.jcfs {-moz-justify-content: flex-start;-webkit-justify-content: flex-start;justify-content: flex-start;}
.jcfe {-moz-justify-content: flex-end;-webkit-justify-content: flex-end;justify-content: flex-end;}
.jcc { -webkit-box-pack: center;-moz-justify-content: center;-webkit-justify-content: center;justify-content: center;}
.jcsb {-moz-justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;}
.jcsa {-moz-justify-content: space-around;-webkit-justify-content: space-around;justify-content: space-around;}
.aifs {-moz-align-items: flex-start;-webkit-align-items: flex-start;align-items: flex-start;}
.aife {-moz-align-items: flex-end;-webkit-align-items: flex-end;align-items: flex-end;}
.aic { -webkit-box-align: center;-moz-align-items: center;-webkit-align-items: center;align-items: center;}
.aib {-webkit-box-align: baseline;-moz-align-items: baseline;-webkit-align-items: baseline;align-items: baseline;}
.ais {-webkit-box-align: stretch;-moz-align-items: stretch;-webkit-align-items: stretch;align-items: stretch;}
.acfs {align-content: flex-start;}
.acfe {align-content: flex-end;}
.acc {align-content: center;}
.acsb {align-content: space-between;}
.acsa {align-content: space-around;}
.acs {align-content: stretch;}
.asfs{align-self: flex-start;}
.asfe{align-self: flex-end;}
.asc{align-self: center;}
.asb{align-self: baseline;}
.ass{align-self: stretch;}
.fxg{ -webkit-box-flex: 1.0;-moz-flex-grow: 1;-webkit-flex-grow: 1;flex-grow: 1;}
.fxs{  -webkit-box-flex: 1.0;-moz-flex-shrink: 1;-webkit-flex-shrink: 1;flex-shrink: 1;}
.fxa {flex: auto;}
.fxn {flex: none;}
.fx1 {flex: 1;}
.fx2 {flex: 2;}
.fx3 {flex: 3;}
.fx4 {flex: 4;}
.fx5 {flex: 5;}
.fx6 {flex: 6;}
/**/

/*圆角*/
.yj {-moz-border-radius: 80px; -webkit-border-radius: 80px;  border-radius:80px;            /* W3C syntax */
	
	}
.b0 { border:0px;}
.white { color:#FFFFFF;}
.yellow {color: #fac426;}

.main {height: 100%; width: 100%; background-image: url(../images/bg.jpg); background-size: contain;}



/* 云移动 */
.yun_lr {animation: finger infinite 100s}
@keyframes finger {

    0% {

        transform: translate(-10rem)
    }

    
    25% {
        transform: translate(10rem)
    }

    
    50% {
        transform: translate(-10rem)
    }

    
    75% {
        transform: translate(10rem)
    }

    100% {
        transform: translate(-10rem)
    }

}
img {
    border: 0;
    outline: 0;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}

.yysb {
	background: url(../images/bg.jpg) no-repeat center;
	background-size: cover;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.box {
	width: 1000px;
	position: absolute;
	top: 10%;
	left: 50%;
	margin-left: -500px;
	height: 90%;
	max-height: 644px;
	z-index: 100;
}
.box li {
	position: absolute;
	height: 100%;
	/* min-width: 300px; */
}
.yysb .box li > a {
    position: relative;
    z-index: 2;
    display: block;
    height: 50%;
	
}

.zi {
	-webkit-animation: yyggIcon 2s linear 0s infinite alternate;
	animation: yyggIcon 2s linear 0s infinite alternate;
}


@-webkit-keyframes yyggIcon{
	0% {
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0)
	}
	50% {
		-webkit-transform: translate(0, -5px);
		        transform: translate(0, -5px)
	}
	100% {
		-webkit-transform: translate(0, 5px);
		        transform: translate(0, 5px)
	}
}
@keyframes yyggIcon{
	0% {
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0)
	}
	50% {
		-webkit-transform: translate(0, -5px);
		        transform: translate(0, -5px)
	}
	100% {
		-webkit-transform: translate(0, 5px);
		        transform: translate(0, 5px)
	}
}