body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;box-sizing: border-box;}
body{background:#f2f2f2;color:#333;font-family: "微软雅黑";}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;box-sizing: border-box;}
a{color:#333;text-decoration:none;}
a:hover{color: #d4962f;}
dl,dt,dd{margin: 0;}

.clear{
	clear: both;
}
ul{
	zoom: 1;
}
ul:after{
	display: block;
	content: '';
	clear: both;
}

.w1240{
	width: 1240px;
	margin: 0 auto;
}
.home-header{
	width: 100%;
	background: url(../images/h-bg01.jpg) no-repeat center center;
	background-size: cover;
	padding: 20px 0;
	
}
.logo{
	float: left;
}
.logo img{
	float: left;
}
.logo-name{
	float: left;
	margin-top: 30px;
	margin-left: 15px;
}
.logo-name h3{
	font-size: 46px;
	font-weight: bold;
	color: #FFFFFF;
}
.logo-name p{
	font-size: 20px;
	color: #FFFFFF;
	font-weight: normal;
	font-family: arial;
	text-transform: uppercase;
}

.home-header-fr{
	float: right;
	width: 350px;
	margin-top: 30px;
}
.header-login{
	float: right;
	zoom: 1;
	margin-bottom: 10px;
	position: relative;
	padding-left: 40px;
}
.header-login:before{
	display: block;
	content: '';
	width: 25px;
	height: 28px;
	background: url(../images/h-icon01.png) no-repeat;
	position: absolute;
	left: 0;
	top: 0;
}
.header-login:after{
	display: block;
	content: '';
	clear: both;
}
.header-login a{
	float: left;
	font-size: 18px;
	line-height: 28px;
	color: #FFFFFF;
}
.header-login span{
	float: left;
	width: 1px;
	height: 18px;
	background: #FFFFFF;
	margin: 6px 15px 0;
}
.header-search{
	float: right;
	width: 100%;
	height: 54px;
	background: #FFFFFF;
	border-radius: 12px;
	padding: 10px 12px;
}
.header-search input{
	float: left;
	border: none;
	outline: none;
	width: 80%;
	height: 100%;
	border-radius: 12px;
	background: #f6f7fb;
	padding: 0 30px;
	box-sizing: border-box;
	font-size: 15px;
	color: #999999;
}
.header-search input:focus{
	box-shadow: none;
}
.search-btn{
	float: left;
	margin-top: 3px;
    margin-left: 20px;
    cursor: pointer;
}
.header-menu{
	background: #0e406f;
}
.header-menu ul li{
	float: left;
	width: 16.6666%;
	font-size: 18px;
	text-align: center;
	line-height: 68px;
	transition-duration: 0.5s;
}
.header-menu ul li a{
	display: block;
	color: #FFFFFF;
}
.actvie-menu{
	background: #caaa4f;
	font-weight: bold;
}
.header-menu ul li:hover{
	background: #caaa4f;
}
.home-content{
	padding: 40px 0;
}
.home-content-nav{
	background: #FFFFFF;
	padding: 45px 40px;
}
.home-about{
	margin-bottom: 30px;
}
.home-about h3{
	font-size: 32px;
	color: #0e406f;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.home-about p{
	font-size: 16px;
	color: #0e406f;
	line-height: 1.8;
	font-family: "宋体";
	text-indent: 2rem;
}
.home-about p a{
	font-size: 16px;
	color: #0e406f;
	line-height: 1.8;
	font-family: "宋体";
	transition-duration: 0.5s;
}
.home-about p a:hover{
	color: #caaa4f;
}
.home-news{
	width: 100%;
	display: flex;
	margin-bottom: 40px;
}
.home-news-banner{
	width: 58%;
	position: relative;
}
.home-news-list{
	margin-left: 2%;
	width: 40%;
	background: #f7f7f7;
	padding: 30px 20px 0;
}
.home-news-img{
	width: 100%;
	position: relative;
}
.home-news-img p{
	width: 100%;
	padding-left: 10px;
	padding-right: 120px;
	background: rgba(0,0,0,0.5);
	position: absolute;
	bottom: 0;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 50px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.home-news-banner .owl-dots{
	position: absolute;
	right: 20px;
	bottom: 15px;
}
.home-news-banner .owl-dots .owl-dot{
	display: inline-block;
	width: 8px;
	height: 8px;
	border: 1px solid #d4962f;
	border-radius: 50%;
	margin-right: 10px;
}
.home-news-banner .owl-dots .owl-dot.active{
	background: #d4962f;
}
.home-news-listBox{
	width: 100%;
	margin-bottom: 15px;
}
.home-news-listBox ul li{
	float: left;
	width: 50%;
	height: 50px;
	background: #dedede;
	font-size: 22px;
	color: #555555;
	text-align: center;
	line-height: 50px;
	cursor: pointer;
}
.hover-new{
	background: #c7a74c !important;
	color: #FFFFFF !important;
}
.news-Contenter ul li{
	position: relative;
	margin-bottom: 20px;
	position: relative;
	padding-left: 15px;
	font-size: 18px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.news-Contenter ul li:before{
	display: block;
	content: '';
	width: 4px;
	height: 4px;
	background: #d4962f;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -2px;
}
.news-Contenter ul li:last-child{
	margin-bottom: 0;
}
.home-zs-img{
	width: 100%;
	margin-bottom: 65px;
	overflow: hidden;
}
.home-zs-img img{
	display: block;
	width: 100%;
}
.home-hyxw{
	width: 100%;
	display: flex;
	margin-bottom: 65px;
}
.home-hyxw-list{
	width: 58%;
}
.home-other{
	width: 40%;
	margin-left: 2%;
}
.home-title{
	zoom: 1;
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #cccccc;
}
.home-title:after{
	display: block;
	content: '';
	clear: both;
}
.home-title h3{
	float: left;
	font-size: 22px;
	color: #0e406f;
	font-weight: bold;
	line-height: 1;
	position: relative;
}
.home-title h3:after{
	display: block;
	content: '';
	width: 100%;
	height: 3px;
	background: #0e406f;
	position: absolute;
	bottom: -15px;
}
.home-title a{
	font-size: 15px;
	color: #333333;
	float: right;
}
.commer-list ul li{
	position: relative;
	margin-bottom: 17px;
	position: relative;
	padding-left: 15px;
}
.commer-list ul li:before{
	display: block;
	content: '';
	width: 4px;
	height: 4px;
	background: #d4962f;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -2px;
}
.commer-list ul li:last-child{
	margin-bottom: 0;
}
.commer-list ul li a{
	zoom: 1;
}
.commer-list ul li a:after{
	display: block;
	content: '';
	clear: both;
}
.commer-list ul li p{
	float: left;
	width: calc(94% - 90px);
	font-size: 17px;
	color: #333333;
	line-height: 22px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.commer-list ul li span{
	float: right;
	width: 90px;
	text-align: right;
	font-size: 16px;
	color: #333333;
	line-height: 22px;
}
.home-other-link{
	width: 100%;
	position: relative;
}
.home-other-link:nth-child(1){
	margin-bottom: 12px;
}
.home-other-link img{
	display: block;
	width: 100%;
}
.home-other-link h3{
	font-size: 36px;
	color: #FFFFFF;
	font-weight: bold;
	text-shadow: 4px 4px 4px #555;
	position: absolute;
	top: 50%;
	right: 50px;
	transform: translateY(-50%);
}
.home-menuLink{
	margin-bottom: 70px;
}
.home-menuLink ul li{
	float: left;
	width: 23.5%;
	margin-right: 2%;
	text-align: center;
}
.home-menuLink ul li:nth-child(1){
	background: #4138a7;
}
.home-menuLink ul li:nth-child(2){
	background: #d46331;
}
.home-menuLink ul li:nth-child(3){
	background: #0072c1;
}
.home-menuLink ul li:nth-child(4){
	background: #0b9976;
}
.home-menuLink ul li:nth-child(4n){
	margin-right: 0;
}
.home-menuLink ul li a{
	display: block;
	padding: 30px 0;
}
.home-menuLink ul li h4{
	font-size: 19px;
	color: #ffffff;
	font-weight: bold;
	margin-top: 10px;
}
.home-menuLink ul li:hover img{
	-webkit-animation: icon-bounce 0.5s alternate;
	-moz-animation: icon-bounce 0.5s alternate;
	-o-animation: icon-bounce 0.5s alternate;
	animation: icon-bounce 0.5s alternate;
}

.home-parter-title{
	padding: 15px 0;
	border-top: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;
	text-align: center;
	margin-bottom: 40px;
}
.home-parter-title h3{
	display: inline-block;
	font-size: 22px;
	color: #0e406f;
	font-weight: bold;
	line-height: 1;
	position: relative;
}
.home-parter-title h3:after{
	display: block;
	content: '';
	width: 100%;
	height: 3px;
	background: #0e406f;
	position: absolute;
	bottom: -15px;
}
.home-parter .parter-logo{
	width: 220px;
	height: 90px;
	margin: 0 auto;
	text-align: center;
	line-height: 90px;
}
.home-parter .parter-logo img{
	display: inline-block;
	width: auto;
	max-width: 100%;
	max-height: 100%;
}
.home-parter .item p{
	display: block;
	width: 90%;
	margin: 10px auto 0;
	font-size: 18px;
	color: #333333;
	text-align: center;
}
.home-parter .demos{
	padding: 0 35px;
}
.home-parter .owl-prev,.home-parter .owl-next{
	display: block !important;
	width: 31px;
	height: 50px;
	position: absolute;
	top: 20%;
}
.home-parter .owl-prev{
	background: url(../images/left01.png) no-repeat;
	left: -35px;
}
.home-parter .owl-next{
	background: url(../images/right01.png) no-repeat;
	right: -35px;
}
.footer{
	background: #08335b;
	padding: 30px 0;
}
.footer p{
	font-size: 17px;
	color: #FFFFFF;
	opacity: 0.95;
	text-align: center;
	line-height: 2;
}
.ne-title{
	font-size: 18px;
	margin-bottom: 20px;
}
.ne-title p{
	color: #5b5b5b;
}
.ne-title p strong{
	color: #333333;
}
.login-content{
	width: 100%;
	padding: 110px 0;
	background: url(../images/login-bg01.jpg) no-repeat;
	background-size: cover;
}
.login-panel{
	width: 540px;
	height: 510px;
	background: #FFFFFF;
	margin: 0 auto;
	box-shadow: 0 0 25px #194d8c;
	padding: 8px;
}
.login-panel-nav{
	width: 100%;
	height: 100%;
	border: 2px solid #1e5eca;
	padding: 60px 50px 0;
}
.login-name{
	margin-bottom: 25px;
	zoom: 1;
}
.login-name:after{
	display: block;
	content: '';
	clear: both;
}
.login-name h3{
	float: left;
	font-size: 24px;
	color: #333333;
	font-weight: bold;
}
.login-name a{
	float: right;
	font-size: 18px;
	color: #777777;
	margin-top: 7px;
}
.login-input{
	width: 100%;
	margin-bottom: 30px;
	position: relative;
}
.login-input input{
	width: 100%;
	height: 60px;
	border: 1px solid #eaeaea;
	border-radius: 5px;
	outline: none;
	padding: 0 30px;
	font-size: 20px;
	color: #333333;
}
.login-btn{
	display: block;
	margin-top: 40px;
	width: 100%;
	height: 60px;
	background: #caaa4f;
	border-radius: 5px;
	border: none;
	outline: none;
	font-size: 28px;
	color: #ffffff;
	text-align: center;
	line-height: 60px;
}

.password-btn input{
	padding-right: 120px;
}
.forget{
	font-size: 20px;
	color: #0e406f;
	line-height: 60px;
	position: absolute;
	right: 10px;
	top: 0;
}
.go-beUser{
	margin-top: 80px;
	text-align: center;
}
.go-beUser a{
	font-size: 18px;
	color: #777777;
}
.forget-panel .login-input{
	margin-bottom: 20px;
}
.register-panel{
	width: 800px;
	background: #FFFFFF;
	margin: 0 auto;
	box-shadow: 0 0 25px #194d8c;
	padding: 8px;
}
.register-panel-nav{
	width: 100%;
	height: 100%;
	border: 2px solid #1e5eca;
	padding: 60px 50px 30px;
}
.register-panel-nav h3{
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}
.register-input{
	zoom: 1;
	margin-bottom: 25px;
}
.register-input:after{
	display: block;
	content: '';
	clear: both;
}
.register-input span{
	float: left;
	font-size: 16px;
	color: #666666;
	line-height: 26px;
	width: 145px;
	text-align: right;
}
.register-input-nav{
	float: left;
	width: 340px;
	margin-left: 25px;
	position: relative;
}
.register-input-nav:after{
	display: block;
	content: '*';
	font-size: 14px;
	color: #ff0000;
	position: absolute;
	right: -10px;
	top: 0;
}
.register-input:nth-child(15) .register-input-nav:after{
	display: none;
}
.register-input:nth-child(16) .register-input-nav:after{
	display: none;
}
.register-input:nth-child(17) .register-input-nav:after{
	display: none;
}
.register-input-nav input{
	width: 100%;
	height: 26px;
	border: 1px solid #707070;
	outline: none;
	font-size: 16px;
	color: #666666;
	padding: 0 10px;
}
.register-input-nav select{
	width: 100%;
	height: 26px;
	border: 1px solid #707070;
	outline: none;
	font-size: 16px;
	color: #666666;
	padding: 0 10px;
	margin-bottom: 0;
}
.get-password{
	float: left;
	width: 120px;
	height: 26px;
	background: #dfdfdf;
	font-size: 16px;
	color: #666666;
	text-align: center;
	line-height: 26px;
	margin-left: 15px;
	border: 1px solid #707070;
	outline: none;
	cursor: pointer;
}
.register-agree{
	margin-top: 50px;
	text-align: center;
}
.register-agree-nav{
	display: inline-block;
	zoom: 1;
}
.register-agree-nav:after{
	display: block;
	content: '';
	clear: both;
}
.register-agree-nav input{
	float: left;
	width: 15px;
	height: 15px;
	background: #f4f4f4;
	margin-top: 5px;
}
.register-agree-nav p{
	float: left;
	font-size: 17px;
	color: #333333;
	margin-left: 5px;
}
.register-agree-nav p a{
	color: #ff0000;
}

.success-content{
	text-align: center;
	margin-top: 30px;
}
.success-content p{
	font-size: 24px;
	color: #333333;
	margin-top: 30px;
}
.register-notice{
	margin-bottom: 30px;
}
.register-notice p{
	font-size: 16px;
	color: #333333;
	line-height: 2;
	text-indent: 2rem;
	margin-bottom: 10px;
}
.register-btn{
	text-align: center;
}
.register-btn a{
	display: inline-block;
	width: 130px;
	height: 40px;
	border-radius: 5px;
	background: linear-gradient(to bottom,#caaa4f,#9d7e28);
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	line-height: 40px;
	margin: 0 10px;
}
.commer-content{
	display: flex;
}
.left-menu{
	width: 230px;
	background: #f7f7f7;
	margin-right: 35px;
	box-shadow: 0 4px 4px #e1e1e1;
	padding-bottom: 30px;
}
.right-commer-content{
	width: calc(100% - 265px);
}
.left-menu-title{
	width: 100%;
	padding: 20px 0;
	background: #0e406f;
	text-align: center;
	border-bottom: 4px solid #caaa4f;
}
.left-menu-title-nav{
	display: inline-block;
}
.left-menu-title-nav img{
	float: left;
	margin-right: 5px;
}
.left-menu-title-nav span{
	float: left;
	font-size: 24px;
	color: #FFFFFF;
	font-weight: bold;
}
.left-menu ul{
	padding: 0 10px;
}
.left-menu ul li{
	border-bottom: 1px dashed #d2d2d2;
	padding-left: 20px;
}
.left-menu ul li a{
	display: block;
	font-size: 18px;
	color: #333333;
	line-height: 60px;
	padding-left: 15px;
	position: relative;
}
.left-menu ul li a:before{
	display: block;
	content: '';
	width: 6px;
	height: 9px;
	background: url(../images/jt01.png) no-repeat;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -4.5px;
}
.active-now a{
	color: #0e406f !important;
	font-weight: bold;
}
.active-now a:before{
	background: url(../images/jt02.png) no-repeat !important;
}
.commer-content-title{
	border-bottom: 1px solid #cccccc;
	margin-bottom: 30px;
}
.commer-content-title h4{
	font-size: 24px;
	color: #0e406f;
	font-weight: bold;
	line-height: 56px;
}
.about-title{
	margin-bottom: 20px;
}
.about-title h4{
	font-size: 64px;
	color: #333333;
	text-transform: uppercase;
	opacity: 0.1;
	line-height: 1;
	font-weight: bold;
}
.about-title h3{
	font-size: 24px;
	color: #0e406f;
	line-height: 1;
	font-weight: bold;
	margin-top: -34px;
}

.about-content p{
	font-size: 17px;
	color: #555555;
	line-height: 1.8;
	text-indent: 2rem;
	margin-bottom: 20px;
}
.about-list{
	margin-bottom: 30px;
}

.about-list ul li{
	float: left;
	width: 24%;
	text-align: center;
}
.about-list ul li:nth-child(3){
	width: 28%;
}
.about-list ul li h4{
	font-size: 16px;
	color: #0e406f;
	font-weight: normal;
}
.about-list ul li h4 span{
	font-size: 48px;
	font-family: arial;
	font-weight: bold;
}
.about-list ul li h5{
	font-size: 17px;
	color: #333333;
}
.about-img{
	width: 100%;
	position: relative;
}
.about-img img{
	display: block;
	width: 100%;
}
.about-img p{
	width: 100%;
	background: rgba(0,0,0,0.55);
	font-size: 18px;
	color: #FFFFFF;
	line-height: 50px;
	margin-bottom: 0;
	position: absolute;
	bottom: 0;
}
.rules-title{
	margin-bottom: 20px;
}
.rules-title h3{
	font-size: 24px;
	color: #0e406f;
	font-weight: bold;
	text-align: center;
}
.rules-content{
	padding: 30px 20px;
	background: #f9fcff;
}
.rulesList{
	margin-bottom: 30px;
}
.rulesList-title{
	text-align: center;
	margin-bottom: 10px;
}
.rulesList-title span{
	display: inline-block;
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0 20px;
	line-height: 46px;
	border-radius: 5px;
	background: linear-gradient(to bottom,#0e406f,#155fa5);
}
.rulesList p{
	font-size: 17px;
	color: #434343;
	line-height: 1.8;
	text-indent: 2rem;
	margin-bottom: 10px;
}
.ne-commer-list ul li{
	position: relative;
    padding-left: 15px;
	border-bottom: 1px dashed #ebebeb;
	zoom: 1;
}
.ne-commer-list ul li:before{
	display: block;
    content: '';
    width: 4px;
    height: 4px;
    background: #d4962f;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
}
.ne-commer-list ul li:after{
	display: block;
	content: '';
	clear: both;
}
.ne-commer-list ul li p{
	float: left;
    width: calc(94% - 90px);
    font-size: 17px;
    color: #333333;
    line-height: 54px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-duration: 0.5s;
}
.ne-commer-list ul li span{
	float: right;
    width: 90px;
    text-align: right;
    font-size: 16px;
    color: #333333;
    line-height: 54px;
    transition-duration: 0.5s;
}
.ne-commer-list ul li:hover p,.ne-commer-list ul li:hover span{
	color: #d4962f;
}

.personal-content{
	width: 100%;
	padding: 40px 110px;
	border: 14px solid #0e406f;
}
.personal-content h4{
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}


.pagesList{zoom: 1;margin-top: 30px;}
.pagesList:after{display: block;content: '';clear: both;}
.jianT{text-align: center;float: left;}
.jianT li{ background:#eaeaea;line-height: 36px;  height:36px; min-width:43px; display:inline-block; margin:0 2px;  width:43px;padding:0;border-radius: 5px;overflow: hidden;}
.jianT li:nth-child(1){width:70px;}
.jianT li:nth-last-child(1){width:70px;}
.jianT li a{ font-size: 14px; color:#474747; display:block}
.jianT li a:hover{text-decoration: none; background:#0152a4;color:#fff;}
.jianT li .on{ background:#0152a4; color:#fff;display:block;}
.go-page{float: right;display: flex;}
.pageAll{font-size: 14px; color:#474747;background:#eaeaea;line-height: 36px;  height:36px;border-radius: 5px;overflow: hidden;padding: 0 15px;margin-right: 4px;}
.page-choose{width: 43px;height:36px;border-radius: 5px;margin-right: 4px;border: 1px solid #eaeaea;text-align: center;}
.page-btn{font-size: 14px; color:#474747;width: 60px; height:36px;line-height: 36px;border: none;outline: none;}

.zzgj table{
	width: 100%;
	border-collapse: collapse;
}
.zzgj table tr th{
	background: linear-gradient(to bottom,#0e406f,#25639d);
	border: 1px solid #678eb3;
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 60px;
}
.zzgj table tr th:nth-child(1){
	text-align: left;
	padding-left: 30px;
}
.zzgj table tr td{
	font-size: 18px;
	color: #333333;
	line-height: 56px;
	text-align: center;
	border: 1px dashed #e1e9f0;
}
.zzgj table tr td:nth-child(1){
	text-align: left;
	padding-left: 30px;
}
.zzgj table tr:nth-child(even){
	background: #FFFFFF;
}
.zzgj table tr:nth-child(odd){
	background: #f9fcff;
}
.ne-news-list ul li{
	padding: 20px 0;
	border-bottom: 1px dashed #ebebeb;
}
.ne-news-content{
	display: flex;
}
.ne-news-img{
	width: 190px;
	overflow: hidden;
}
.ne-news-img img{
	display: block;
	width: 100%;
	transition-duration: 0.5s;
}
.ne-news-message{
	width: calc(100% - 190px);
	padding-left: 20px;
	position: relative;
}
.ne-news-message h4{
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	margin: 5px 0 10px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	transition-duration: 0.5s;
}
.ne-news-message p{
	font-size: 17px;
	color: #555555;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	transition-duration: 0.5s;
}
.ne-news-message span{
	font-size: 17px;
	color: #999999;
	transition-duration: 0.5s;
}
.ne-news-list ul li:hover .ne-news-img img{
	transform: scale(1.1);
}
.ne-news-list ul li:hover .ne-news-message h4{
	color: #caaa4f;
}
.ne-news-list ul li:hover .ne-news-message p{
	color: #caaa4f;
}
.ne-news-list ul li:hover .ne-news-message span{
	color: #caaa4f;
}
.ne-search-top{
	width: 100%;
	padding: 35px 30px;
	background: url(../images/search-bg.jpg) no-repeat;
	background-size: cover;
	margin-bottom: 10px;
}
.search-input{
	float: left;
	width: 248px;
	height: 40px;
	margin-right: 12px;
}
.search-input input{
	width: 100%;
	height: 100%;
	border-radius: 10px;
	background: #FFFFFF;
	border: none;
	outline: none;
	padding: 0 15px;
	font-size: 16px;
	color: #333333;
}
.seach-btn{
	float: right;
	width: 116px;
	height: 40px;
	border: none;
	outline: none;
	background: #caaa4f;
	border-radius: 12px;
	font-size: 22px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
}
.ne-search-bottom{
	width: 100%;
	min-height: 700px;
	background: #f7f7f7;
	position: relative;
	padding: 20px;
}
.search-fail{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
.search-fail p{
	font-size: 24px;
	color: #333333;
	margin-top: 40px;
}
.roster-content{
	width: 100%;
}
.roster-content table{
	width: 100%;
	border-collapse: collapse;
	background: url(../images/roster-bg.jpg) no-repeat;
	background-size: cover;
}
.roster-content table tr{
	background: none;
}
.roster-content table tr td{
	font-size: 18px;
	color: #FFFFFF;
	line-height: 60px;
	border: 1px solid #3f6991;
	padding-left: 30px;
	box-sizing: border-box;
}

.zbzh-title{
	font-size: 24px;
	color: #0e406f;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.rulesList-title2{
	font-size: 19px;
	color: #434343;
	font-weight: bold;
	margin-bottom: 10px;
}
.zbzh-content .rulesList-title span{
	display: block;
	width: 300px;
	margin: 0 auto;
	padding: 0;
}
.zbzh-zs{
	padding: 30px 0 30px 35px;
	background: url(../images/zbzh01.jpg) no-repeat;
	background-size: cover;
	margin-bottom: 40px;
}
.zbzh-zs-nav{
	width: 50%;
}
.zbzh-zs-nav h4{
	font-size: 36px;
	color: #FFFFFF;
	font-weight: bold;
	text-shadow: 0 3px 4px #555555;
	margin-bottom: 10px;
}
.zbzh-zs-nav p{
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	text-shadow: 0 3px 4px #555555;
}
.zbzh-img{
	display: flex;
	margin-bottom: 40px;
}
.zbzh-img-fl{
	width: 52%;
}
.zbzh-img-fl img{
	display: block;
	width: 100%;
}
.zbzh-img-fr{
	width: calc(48% - 5px);
	margin-left: 5px;
}
.zbzh-img-fr img{
	display: block;
	width: 100%;
}
.zbzh-img-title{
	padding: 22px 20px 22px 40px;
	background: url(../images/zbzh-bg.jpg) no-repeat;
	background-size: cover;
	margin-bottom: 5px;
}
.zbzh-img-title p{
	font-size: 16px;
	color: #FFFFFF;
}
.appendix{
	width: 100%;
}
.appendix-fl{
	float: left;
}
.appendix-fl ul li{
	font-size: 17px;
	color: #08335b;
	margin-bottom: 5px;
}
.appendix-fl ul li a{
	color: #08335b;
}
.appendix-fr{
	float: right;
}
.downBtn{
	width: 29px;
	height: 26px;
	background: url(../images/down01.png) no-repeat;
	position: absolute;
	bottom: 0;
	right: 10px;
	transition-duration: 0.5s;
}
.ne-news-list ul li:hover .downBtn{
	background: url(../images/down02.png) no-repeat;
}

.project-menu{
	margin-bottom: 30px;
}
.project-menu-list{
	float: left;
}
.project-menu-list ul li{
	float: left;
	width: 210px;
	height: 42px;
	border-radius: 5px;
	background: #777777;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	line-height: 42px;
	margin-right: 15px;
}
.project-menu-list ul li a{
	display: block;
	color: #FFFFFF;
}
.active-pro{
	background: linear-gradient(to bottom,#0e406f,#25629c) !important;
}
.apply-btn{
	float: right;
	width: 120px;
	height: 42px;
	border-radius: 5px;
	background: #e80000;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	line-height: 42px;
}
.apply-btn a{
	display: block;
	color: #FFFFFF;
}
.project-content-list{
	padding: 20px 25px;
	box-shadow: 0 0 6px #e7e7e7;
	margin-bottom: 20px;
	zoom: 1;
}
.project-content-list:after{
	display: block;
	content: '';
	clear: both;
}
.project-fl{
	float: left;
	width: calc(100% - 140px);
	padding-left: 12px;
	position: relative;
}
.project-fl:before{
	display: block;
	content: '';
	width: 4px;
	height: 4px;
	background: #caaa4f;
	position: absolute;
	left: 0;
	top: 12px;
}
.project-fl h4{
	font-size: 20px;
	color: #333333;
	font-weight: normal;
	margin-bottom: 10px;
}
.project-fl span{
	font-size: 17px;
	color: #666666;
	font-family: arial;
}
.project-fr{
	float: right;
	width: 112px;
}
.project-fr span{
	display: block;
	width: 112px;
	height: 40px;
	border-radius: 40px;
	background: #caaa4f;
	font-size: 17px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
}
.apply-panel{
	width: 100%;
	padding: 140px 0;
	background: url(../images/login-bg01.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}
.apply-panel-list{
	text-align: center;
	margin-bottom: 60px;
}
.apply-panel-list ul{
	display: inline-block;
}
.apply-panel-list ul li{
	float: left;
	margin: 0 20px;
	box-shadow: 0 0 20px #0e406f;
	position: relative;
	position: relative;
}
.apply-panel-list ul li p{
	width: 100%;
	font-size: 32px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	text-shadow: 4px 4px 4px #555;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.quit{
	margin: 0 auto;
	width: 170px;
	height: 56px;
	border-radius: 56px;
	background: #caaa4f;
	font-size: 26px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	line-height: 56px;
	box-shadow: 0 4px 4px #ffe8a8;
}
.quit a{
	color: #FFFFFF;
}
.applyChart{
	margin: 0 auto;
	width: 520px;
	padding: 8px;
	background: #FFFFFF;
}
.applyChart-nav{
	width: 100%;
    height: 100%;
    border: 2px solid #1e5eca;
    padding: 60px 70px 10px;
}
.applyChart-nav h4{
	font-size: 26px;
	color: #0e406f;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
}
.applyChart-list{
	zoom: 1;
	margin-bottom: 30px;
}
.applyChart-list:after{
	display: block;
	content: '';
	clear: both;
}
.applyChart-list span{
	float: left;
	width: 60px;
	font-size: 20px;
	color: #333333;
	line-height: 40px;
}
.applyChart-input{
	float: left;
	width: calc(100% - 60px);
	height: 40px;
	position: relative;
}
.applyChart-input input{
	width: 100%;
	height: 100%;
	border: 1px solid #ececec;
	background: #fcfcfc !important;
	outline: none;
	padding: 0 10px;
}
.add-chart{
	width: 80px;
	font-size: 16px;
	color: #0e406f;
	text-align: center;
	line-height: 40px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}
.sp-input:after{
	display: block;
	content: '*';
	font-size: 14px;
	color: #ff0000;
	position: absolute;
	right: -10px;
	top: 0;
}
.file-btn{
	opacity: 0;
	width: 80px !important;
	height: 40px !important;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
	cursor: pointer;
}
.applyChart-nav .register-btn{
	margin-bottom: 60px;
}
.applyChart-nav p{
	font-size: 17px;
	color: #ff0000;
	text-align: center;
}
.download-chart{
	position: absolute;
	right: 30px;
	top: 30px;
	text-align: center;
}
.download-chart p{
	font-size: 16px;
	color: #FFFFFF;
	margin-top: 5px;
}

/*小屏导航*/
.xs-top{display: none;}
.logo-mobile{width: 17%; float: left; margin-top: 5px; margin-left: 2%;}

.mobile{width: 100%; z-index: 9999; position: fixed; top: 0; left: 0; height: 55px; background: #0e406f;}
.mobile-inner{ margin-right: auto;margin-left: auto;background-color: #fafafa; position: relative;}

.mobile-inner-header{width: 100%; height: 55px; position: fixed; top: 0; left: 0;background: #0e406f;}
.mobile-inner-header-icon{color: #ffffff;background: #c7a74c; height: 55px; font-size:25px; text-align: center; float:right; width: 55px; position: relative; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s;transition: background 0.5s;}
.mobile-inner-header-icon span{position: absolute; left: calc((100% - 25px) / 2); top: calc((100% - 5px) / 2); width: 30px; height: 3px; background-color: #fff;transition-duration: 0.5s;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(10px) rotate(0deg); }
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-10px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(3){ width:20px;}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s; animation-fill-mode: both; animation-name: clickfirst;}   
.mobile-inner-header-icon-click span:nth-child(2){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: clicksecond;}
.mobile-inner-header-icon-out span:nth-child(1){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: outfirst; }   
.mobile-inner-header-icon-out span:nth-child(2){ animation-duration: 0.5s;animation-fill-mode: both; animation-name: outsecond; }
.mobile-inner-nav{ background:#c7a74c; width: 100%; position: absolute; top: 55px;left: 0px; display: none;}
.active_mobile span:nth-child(3){ opacity:0;}
.active_mobile span:nth-child(1){transform: rotate(45deg);width: 30px;}
.active_mobile span:nth-child(2){transform: rotate(-45deg);width: 30px;}
.subNavBox1{width:100%;}
.subNav1{display: block;
  width: 100%;
  border-bottom: 1px solid #e4b757;
  line-height: 50px;
  font-size: 16px;
  color: #555;
  padding:0 15px;
  background: url(../images/jia01.png) no-repeat 96% center;
  color:#fff;
}
.subNav1 a{
	display: block;
}
.currentDt1{
	background: url(../images/jian01.png) no-repeat 96% center #e4b757;
}
.navContent1{display: none; border-bottom: 1px solid #e4b757; padding:10px 0; background:#e4b757;}
.navContent1 li{ line-height:30px;}
.navContent1 li a{display:block; font-size:14px; color:#fff; padding-left: 40px;}
.so-mobile-fl{ width:100%; padding:10px 10px 10px 40px;}
.so-mobile-fl p{ font-size:14px; padding-bottom:10px; color:#fff; position:relative;}
.so-mobile-fl a{ display:block; font-size:14px; color:#fff; padding-bottom:10px; float:left; padding-right:10px;}
.xg-mobile-bt{ font-size:16px; padding:10px 20px;}
.xg-mobile-bt a{ color:#fff; position:relative; padding-left:20px;}
.xg-mobile-bt a:before{content: '';
    width: 15px;
    height: 15px;
    background: url(../images/m_anniu1.png) no-repeat center;
    position: absolute;
    left: 0;
    top: 2px;
    background-size: cover;}
/*菜单结束*/

.new-nr-ti { text-align:center; border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:20px;}
.new-nr-ti h1{ font-size:20px; padding-bottom:10px;}
.new-nr-zi{ font-size:16px; line-height:2;}


.downMessage{
	width: 100%;
}
.bz{
	display: block;
	margin: 20px auto;
	max-width: 100%;
}
.go-zc{
	display: block;
	margin: 0 auto;
	width: 130px;
	height: 46px;
	background: #d4962f;
	font-size: 18px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	line-height: 46px;
}

.company-top{
	zoom: 1;
	padding-bottom: 20px;
	border-bottom: 1px solid #e9e9e9;
}
.company-top:after{
	display: block;
	content: '';
	clear: both;
}
.company-top-logo{
	float: left;
	width: 200px;
	text-align: center;
	
}
.company-top-logo img{
	max-width: 100%;
	max-height: 100%;
}
.company-top-fr{
	float: left;
	width: calc(100% - 200px);
	padding-left: 30px;
}
.company-top-fr h5{
	font-size: 18px;
	color: #333333;
	line-height: 1;
	margin-bottom: 20px;
}
.company-center-img{
	margin: 20px 0;
}
.company-center-img ul li{
	float: left;
	width: 32%;
	height: 250px;
	line-height: 250px;
	margin-right: 2%;
}
.company-center-img ul li:nth-child(3n){
	margin-right: 0;
}
.company-center-img ul li img{
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
}
.company-center-bottom p{
	font-size: 16px;
	color: #555555;
	line-height: 1.6;
}

@media only screen and (max-width: 769px){
	.xs-top{display: block;}
	.home-header{
		display: none;
	}
	.header-menu{
		display: none;
	}
	.w1240{
		width: 96%;
	}
	.left-menu{
		display: none;
	}
	.home-content{
		margin-top: 55px;
	}
	.home-content-nav{
		padding: 25px 20px;
	}
	.home-about h3{
		font-size: 24px;
	}
	.home-news{
		display: block;
	}
	.home-news-banner{
		width: 100%;
	}
	.home-news-img p{
		font-size: 14px;
	}
	.home-news-list{
		margin-left: 0;
		width: 100%;
	}
	.home-news-listBox ul li{
		height: 40px;
		line-height: 40px;
		font-size: 18px;
	}
	.news-Contenter ul li{
		margin-bottom: 15px;
		font-size: 16px;
	}
	.home-zs-img{
		margin-bottom: 40px;
	}
	.home-hyxw{
		display: block;
		margin-bottom: 40px;
	}
	.home-hyxw-list{
		width: 100%;
		margin-bottom: 30px;
	}
	.home-title h3{
		font-size: 20px;
	}
	.commer-list ul li{
		margin-bottom: 15px;
	}
	.commer-list ul li p{
		width: calc(98% - 80px);
		font-size: 16px;
	}
	.commer-list ul li span{
		width: 80px;
		font-size: 14px;
	}
	.home-other{
		width: 100%;
		margin-left: 0;
	}
	.home-other-link h3{
		font-size: 30px;
	}
	.home-menuLink ul li{
		width: 49%;
		margin-bottom: 10px;
	}
	.home-menuLink ul li:nth-child(2n){
		margin-right: 0;
	}
	.home-menuLink ul li h4{
		font-size: 18px;
	}
	.home-menuLink{
		margin-bottom: 40px;
	}
	.home-parter-title h3{
		font-size: 20px;
	}
	.footer p{
		font-size: 14px;
		line-height: 1.6;
	}
	.commer-content{
		display: block;
	}
	.left-menu{
		width: 100%;
		margin-bottom: 40px;
	}
	.left-menu ul li a{
		line-height: 46px;
	}
	.right-commer-content{
		width: 100%;
	}
	.left-menu-title-nav span{
		font-size: 22px;
	}
	.commer-content-title h4{
		font-size: 22px;
		line-height: 46px;
	}
	.about-title h4{
		font-size: 50px;
	}
	.about-title h3{
		font-size: 20px;
		margin-top: -28px;
	}
	.about-content p{
		font-size: 16px;
	}
	.about-list{
		margin-bottom: 0;
	}
	.about-list ul li{
		width: 50%;
		margin-bottom: 20px;
	}
	.about-list ul li:nth-child(3){
		width: 50%;
	}
	.about-list ul li h4 span{
		font-size: 34px;
	}
	.about-list ul li h5{
		font-size: 15px;
	}
	.about-img p{
		display: none;
	}
	.rules-title h3{
		font-size: 22px;
	}
	.rules-content{
		padding: 0;
	}
	.rulesList p{
		font-size: 16px;
	}
	.rulesList-title span{
		font-size: 18px;
		line-height: 40px;
	}
	.ne-commer-list ul li p{
		width: calc(98% - 80px);
		font-size: 16px;
		line-height: 46px;
	}
	.ne-commer-list ul li span{
		width: 80px;
		font-size: 14px;
		line-height: 46px;
	}
	.jianT li{
		display: none;
	}
	.jianT li:nth-child(1){
		display: inline-block;
	}
	.jianT li:nth-last-child(1){
		display: inline-block;
	}
	.zzgj table tr th:nth-child(1){
		padding-left: 0;
		text-align: center;
	}
	.zzgj table tr th{
		font-size: 16px;
		text-align: center;
	}
	.zzgj table tr td:nth-child(1){
		padding-left: 0;
		text-align: center;
	}
	.zzgj table tr td{
		font-size: 16px;
		text-align: center;
		line-height: 28px;
	}
	.ne-news-content{
		display: block;
	}
	.ne-news-img{
		width: 100%;
	}
	.ne-news-message{
		width: 100%;
		padding-left: 0;
	}
	.ne-news-message h4{
		font-size: 16px;
	}
	.ne-news-message p{
		font-size: 16px;
	}
	.ne-news-message span{
		font-size: 16px;
	}
	.login-panel{
		width: 96%;
		height: auto;
	}
	.login-content{
		padding: 50px 0;
	}
	.login-panel-nav{
		padding: 20px 10px;
	}
	.login-name h3{
		font-size: 22px;
	}
	.login-input input{
		height: 46px;
		padding: 0 20px;
    	font-size: 16px;
	}
	.forget{
		font-size: 16px;
		line-height: 46px;
	}
	.login-btn{
		height: 46px;
		margin-top: 30px;
		font-size: 20px;
		line-height: 46px;
	}
	.go-beUser a{
		font-size: 16px;
	}
	.register-panel{
		width: 96%;
	}
	.register-panel-nav{
		padding: 20px 10px;
	}
	.register-panel-nav h3{
		font-size: 22px;
	}
	.register-notice p{
		line-height: 1.8;
		text-align: justify;
	}
	.register-btn a{
		width: 100px;
		font-size: 16px;
	}
	.login-name a{
		font-size: 16px;
		margin-top: 5px;
	}
	.register-input span{
		width: 100%;
		text-align: left;
	}
	.register-input-nav{
		width: 98%;
		margin-left: 0;
	}
	.sp-register .register-input-nav{
		width: calc(98% - 110px);
	}
	.get-password{
		width: 95px;
	}
	.register-input{
		margin-bottom: 10px;
	}
	.register-agree{
		margin-top: 25px;
	}
	.register-agree-nav p{
		font-size: 15px;
	}
	.register-agree-nav input{
		margin-top: 4px;
	}
	.success-content p{
		font-size: 20px;
	}
	.rulesList{
		padding: 20px 0;
	}
	.roster-content table tr td{
		padding-left: 10px;
		font-size: 16px;
		line-height: 26px;
	}
	.ne-search-top{
		padding: 20px 10px;
	}
	.search-input{
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.seach-btn{
		width: 100%;
		font-size: 16px;
	}
	.ne-search-bottom{
		padding: 20px 10px;
	}
	.zbzh-title{
		font-size: 22px;
	}
	.rulesList-title2{
		font-size: 16px;
	}
	.zbzh-zs{
		padding: 20px 10px;
	}
	.zbzh-zs-nav{
		width: 100%;
	}
	.zbzh-zs-nav h4{
		font-size: 22px;
	}
	.zbzh-img{
		display: block;
	}
	.zbzh-img-fl{
		width: 100%;
		margin-bottom: 4px;
	}
	.zbzh-img-fr{
		width: 100%;
		margin-left: 0;
	}
	.appendix-fl{
		width: 100%;
	}
	.appendix-fl ul li{
		font-size: 16px;
	}
	.apply-panel{
		padding: 50px 0;
	}
	.apply-panel-list ul li{
		width: 100%;
		margin: 10px auto;
	}
	.apply-panel-list{
		margin-bottom: 40px;
	}
	.quit{
		width: 170px;
    	height: 46px;
    	font-size: 18px;
    	line-height: 46px;
	}
	.applyChart{
		width: 96%;
		margin-top: 70px;
	}
	.applyChart-nav{
		padding: 20px 10px;
	}
	.applyChart-nav h4{
		font-size: 22px;
		margin-bottom: 25px;
	}
	.applyChart-list span{
		width: 60px;
		font-size: 16px;
	}
	.applyChart-input{
		width: calc(98% - 60px);
	}
	.applyChart-nav .register-btn{
		margin-bottom: 40px;
	}
	.applyChart-nav p{
		font-size: 16px;
	}
	.company-top-logo{
		width: 100%;
		margin-bottom: 20px;
	}
	.company-top-fr{
		width: 100%;
		padding-left: 0;
	}
	.company-top-logo img{
		max-width: 55%;
	}
	.company-center-img ul li{
		width: 100%;
		height: auto;
		margin-right: 0;
	}
}



@keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-webkit-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-moz-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-o-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@keyframes changeright{       	 
0%{-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
50%{-moz-transform: rotate(180deg);-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
100%{-moz-transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}