.top-fixed {
	box-shadow: 0 1px 9px 0 hsla(0,0%,74%,.5);
	border-bottom: 1px solid #EEEEEE;
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	background: white;
	z-index: 9999;
	display: flex;
	justify-content: center;
}
.top-fixed-content {
	width: 1140px;
	display: flex;
	flex-wrap: wrap;
}
.top-fixed-item {
	height: 70px;
	display: block;
	width: 189px;
	color: #73777a;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 2px solid white;
	box-sizing: border-box;
}
.top-fixed-item:hover {
	color: #1873cc;
	border-color: #1873cc;
}
.top-fixed-item:nth-child(6n) span {
	border-right: 1px solid #EEE;
}
.top-fixed-item span {
	display: block;
	width: 100%;
	line-height: 28px;
	text-align: center;
	height: 28px;
	border-left: 1px solid #EEE;
}
.top-fixed-item:last-child span {
	border-right: 1px solid #EEE;
}
.hotShop{
	/*width:1200px;*/
	width:1140px;
	height:auto;
	margin:20px auto;
}
.hotShop h2,.server h2,.shuju h2,.news h2{
	text-align:center;
	font-weight:normal;
	line-height:50px;
	font-size:35px;
	color:#555555;
}
.hotShop h3,.news h3{
	text-align:center;
	color:#676767;
	font-size:16px;
	font-family:'arial';
	font-weight:normal;
	margin:8px 0 20px 0;
}
.hotShop ul li{
	/*width:220px;	
	height:325px;
	margin-right: 5px;*/	
	float:left;
	position: relative;
}
.hotShop ul li:last-child {
	margin-right: 0;
}
.hot-info-inside {
	padding:20px;
	width: 178px;
	height: 282px;
	border: 1px solid #CCC;	
	position: relative;
	z-index: 0;
}

.hotShop .bg1{background:url('../images/hotbg1.png') right top no-repeat;}
.hotShop .bg2{background:url('../images/hotbg2.png') right top no-repeat;}
.hotShop .bg3{background:url('../images/hotbg3.png') right top no-repeat;}
.hotShop .bg4{background:url('../images/hotbg4.png') right top no-repeat;}
.hotShop .bg5{background:url('../images/hotbg5.png') right top no-repeat;}


.hot-info-inside:hover {
	background-color: white;
	-webkit-transform: scale(1.1);
	border-color: rgba(24,115,204,.5);
	box-shadow:0px 0px 10px 5px rgba(24,115,204,.5);
    transition: all 0.5s ease;
}
.hot-info-inside:hover a {
	display: block;
}
.hotShop ul li p{
	text-align:center;
	color:#000;
	font-size:20px;
	font-weight:bold;
	overflow:hidden;
	margin-top:30px;
}
.hotShop ul li .hotInfo{
	color:#3B3B3B;
	font-size:13px;
	width:150px;
	height:140px;
	overflow: hidden;
	margin:15px auto 10px;
	line-height:28px;
	transition: all .3s;
}

.hotShop ul li .price{
	width:150px;
	color:#3B3B3B;
	font-size:13px;
	margin:0 auto;
	margin-top: 20px;
}
.hotShop ul li .price b{
	color:#ff8900;
	font-size:20px;
}
.hotShop ul li  a{
	display:none;
	width:100px;
	height:30px;
	line-height:30px;
	color:#fff;
	background:#ff8900;
	margin:10px auto 8px;
	text-align:center;
	font-weight:bold;
	border-radius:5px;
	cursor:pointer;
}
.hotShop ul li  a:hover{
	background:red;
}

.server{
	width:100%;
}
.server h2{
	margin-top:20px;
}
.server h3{
	text-align:center;
	color:#74726f;
	font-size:14px;
	font-weight:normal;
	margin:8px 0 20px 0;
}
#example-one {
	width:100%;
}
#example-one .nav1 { 
	width:400px;
	height:90px;
	margin: 0 auto; 
	padding:20px 0;
}
#example-one .nav1 li { 
	width: 97px; 
	float: left; 
	height:90px;
	color:#fff;
}
#example-one .nav1  a{

	height:80px;
	display:block;

}
#example-one i{
	width:60px;
	display:block;
	margin:0 20px;
	height:50px;
}
#example-one .nav-one i{
	background:url('../images/index_solution.png') 0 0 no-repeat;
}
#example-one .nav-one i:hover,#example-one .nav-one .current i{
	background:url('../images/index_solution.png') 0 -50px no-repeat;
}
#example-one .nav-two i{
	background:url('../images/index_solution.png') -60px 0 no-repeat;
}
#example-one .nav-two i:hover,#example-one .nav-two .current i{
	background:url('../images/index_solution.png') -60px -50px no-repeat;
}
#example-one .nav-three i{
	background:url('../images/index_solution.png')  -120px 0 no-repeat;
}
#example-one .nav-three i:hover,#example-one .nav-three .current i{
	background:url('../images/index_solution.png')  -120px -50px no-repeat;
}
#example-one .nav-four i{
	background:url('../images/index_solution.png')  -180px 0 no-repeat;
}
#example-one .nav-four i:hover,#example-one .nav-four .current i{
	background:url('../images/index_solution.png')  -180px -50px no-repeat;
}
#example-one span{
	width:100%;
	text-align:center;
	color:#000;
	display:block;
	font-size:16px;
	opacity:0.57;
}
#example-one a:hover span{
	color:#1873cc;
	opacity:1;
}
#example-one a.current span{
	color:#1873cc;
	opacity:1;
}

.list-wrap{
	width:100%;
	height:500px;
	
}
.list-wrap ul { 
	width:100%;
	height:500px;
}
.list-wrap-mian{
	width:900px;
	margin:0 auto;	
}	
.list-wrap-mian h4{
	width:450px;
	font-size:24px;
	color:#fff;
	font-weight:none;
	padding-top:150px;
}
.list-wrap-mian p{
	color:#fff;
	margin:30px 0 ;
	width:450px;
	opacity:0.55;
	line-height:25px;
	font-size:13px;
}
.list-wrap-mian a{
	color:#fff;
	opacity:0.9;
	width:100px;
	height:35px;
	line-height:35px;
	border:1px solid #fff;
	border-radius:3px;
	display:block;
	font-size:13px;
	text-align:center;
}
#featured{
	background:url('../images/in_solution_01.jpg') center top no-repeat;
}
#core{
	background:url('../images/in_solution_02.jpg') center top no-repeat;
}
#jquerytuts{
	background:url('../images/in_solution_03.jpg') center top no-repeat;
}
#classics{
	background:url('../images/in_solution_04.jpg') center top no-repeat;
}
/*news*/
.news{
	margin-bottom:0px;
}
.news h2{
	margin-top:20px;
}
.news-tabs {
	margin: 0 auto;
	width:1140px;
	display: flex;
}
.news-tab-item {
	width: 50%;
	text-align: center;
}
.news-tab-item-txt {
	width: 80%;
	margin: 0 auto;
	line-height: 60px;
	font-size: 24px;
	color: #666;
	border-bottom: 3px solid #FFF;
	cursor: pointer;
}
.news-tab-item-txt.active {
	border-color: #1873cc;
	color: #1873cc;
}
.news .content {
	width:1140px;
	height:auto;
	margin:20px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.news .content .item {
	width: 550px;
	border: 1px solid #EEE;
	display: flex;
	margin-bottom: 20px;
	color: #333;	
}
#news-content .item[value="2"],#news-content .item[value="3"] {
	display: none;
}
.news .content .item .img-box {
	width: 170px;
	height: 250px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	flex-shrink: 0;
}
.news .content .item .img-box img {
	display: block;
	min-height: 250px;
}
.news .content .item .txt-box {
	position: relative;
	padding: 25px 15px 25px 30px;
	padding-bottom: 0;
	display: block;
	width:100%;
}
.news .content .item .txt-box .title{
	display: block;
	color: #000;
	max-height: 54px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	font-size: 18px;
	line-height: 1.5;
	font-weight: 400;
}
.news .content .item .txt-box .intro {
	display: block;
	margin-top: 10px;
	color: #666;
	max-height: 72px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
}
.news .content .item .txt-box .title:hover {
	color: #1873cc;
}
.news .content .item .txt-box .tip {
	position: absolute;
	bottom: 30px;
	width: 230px;
	white-space: nowrap;
}
/*shuju*/
.shuju{
	margin-bottom:0px;
}
.shuju h2{
	margin-top:20px;
}
.shuju h3{
	text-align:center;
	color:#74726f;
	font-size:14px;
	font-weight:normal;
	margin:8px 0 20px 0;
}
.shuju .sjMain{
	width:100%;
	height:500px;
	overflow:hidden;
}
.lead{
	width:100%;
	height:auto;
	position:relative;
	top:0px;
	text-align:center;
	margin:0 auto;
	z-index:999;
	overflow:hidden;
}
.lead .leadlogo{
	float:left;
}
.lead .leadlogo img{
		width:100px;
}
.lead h2{
	font-size:30px;
	letter-spacing:5px;
}
.lead a{
	color:red;
}
.shujuImg{
	width:1140px;
	height:500px;
	position:relative;
	top:0px;
	margin:0 auto;
	z-index:999;
	overflow:hidden;
}
.shujuImg img{
	height:500px;
	width:1140px;
	opacity:0.8;
	margin:0 auto;
	font-size:24px;
}
#particles-js{ 
	position:absolute;
	width: 100%; 
	height: 100%; 
	background-color: #ffffff; 
	background-image: url(""); 
	background-repeat: no-repeat; 
	background-size: cover; 
	background-position: 50% 50%; 
} 
@media (min-width:1200px){
	.animated-line2 svg{
		margin-left:-248px;
	}	
	.animated-line3 svg{
		margin-left:-250px;
		top:-48px;
		z-index:100;
	}	
	.animated-line4 svg{
		margin-left:-249px;
		top:87px;
		z-index:100;
	}	

	.animated-line5 svg{
		margin-left:-250px;
		top:21px;
		z-index:100;
	}
}
::-moz-selection {
    text-shadow: none;
    color: #fff;
    background: #222;
}
header .header-content {
    position: relative;
    width: 100%;
    padding: 100px 15px;
    text-align: center;
}
header .header-content {
        position: absolute;
        top: 50%;
        padding: 0 50px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
 .contact-box{
	margin:20px auto;
}
.career-content{
	padding: 20px;
	background-color:rgba(184, 108, 13,0.55);
	border-radius:20px;
}

.career-box{
	margin: 50px auto;
	max-width: 850px;
}

/*zuyong*/
.main{
	width:1140px;
	height:auto;
	margin:1px auto 20px auto;
}
.main .mainLeft{
	width:260px;
	float:left;
}
.mainLeftTit{
	width:200px;
	height:50px;
	color:#fff;
	font-size:24px;
	padding:10px 0 0 60px;
	background:url('../images/rightBtn.png') right center no-repeat #0065a5 ;
	border-bottom:1px solid #fff;
}
.main .mainLeft ul{
	width:260px;
	height:auto;
}
.main .mainLeft ul li{
	
	float:left;
	display:block;
	width:260px;
	height:45px;
	border-bottom:1px solid #ccc;
	line-height:45px;
}
.main .mainLeft ul li a.current{
	color:#fff;
	background:#0065a5;
}
.main .mainLeft ul li a{
	color:#3a3d3f;
	width:200px;
	overflow:hidden;
	display:block;padding-left:60px;
}
.main .mainLeft ul li a:hover{
	color:#fff;
	background:#0065a5;
}
.mainLeftHot{
	width:260px;
	height:auto;
	float:left;
	margin:50px 0 30px 0;
}
.mainLeftHot .mainLeftHotTit{
	width:200px;
	height:50px;
	color:#0065a5;
	font-size:24px;
	padding:10px 0 0 60px;
	border-top:2px solid #0065a5;
	background:url('../images/rightBtn1.png') right center no-repeat #fff ;
}
.mainLeftHot  a img{
	width:260px;
}
.mainRight{
	width:1140px;
	min-height:600px;
	float:right;
}
.mainRight .mainRightTit{
	height:60px;
	line-height:70px;
	color:#0065a5;
	font-size:24px;
}
.mainRight .mainRightTit .position{
	float:left;
	width:650px;
	height:60px;
	overflow:hidden;
	text-align:left;
	padding-left:5px;
	color:#3a3d3f;
}

.mainRightTit .position a{
	color:#3a3d3f;
}
.mainRightTit .position a:hover{
	color:#0065a5;
}
.mainRightAbout{
	padding:10px;
	color:#3a3d3f;
	margin: 0 auto;
	line-height:25px;
	margin-top: 30px;
}
/*tuoguan*/
#fixed {
	width: 100%;
	background: white;
	top:0;
	left: 0;
	text-align: center;
	display: flex;
	justify-content: center;
}
#fixed .tuoguanmenus {
	display: flex;
	flex-wrap: wrap;
}
.tuoguanmenus-title {
	position: relative;
	height: 51px;
	line-height: 51px;
	margin-top: 40px;
}
.tuoguanmenus-title .line {
	width: 100%;
	height: 1px;
	background: #EEE;
	position: absolute;
	top: 25px;
}
.tuoguanmenus-title .title {
	margin: 0 auto;
	text-align: center;
	width: 250px;
	background: white;
	position: relative;
	z-index: 2;
	font-size: 26px;
}
.tuoguanmenus {
	line-height: 44px;
	display: flex;
	width: 1140px;
}
.tuoguanmenus li {
	list-style: none;
	text-align: center;
	background: #f7f8fa;
	border: 1px solid #EEE;
	border-right: none;
	height: 44px;
}
.tuoguanmenus li:last-child,.tuoguanmenus li:nth-child(6n){
	border-right: 1px solid #EEE;
}
.tuoguanmenus .current,.tuoguanmenus li a:hover{
	color: #0065a5 !important;
	border-top: 2px solid;
	background: white;
}
.tuoguanmenus li a {
	color: #333;
	display: block;
	min-width: 185px;
	padding: 0 20px;
	line-height: 42px;
}
.main .mInfo{
	width:1140px;
	margin:30px auto;
}
.main .mInfo:hover ul {
	box-shadow: 0 0 10px 5px rgba(24,115,204,.2);
	border: 1px solid #1873CC;
	height: 325px;
}

.main .mInfo{
	width:250px;
	height:350px;
	float:left;
	margin-right: 46px;
	position: relative;
}

.main .mInfo ul{
	border: 1px solid #EEE;
	height:327px;
	position: absolute;
	transition: all .3s;
	bottom: 0;
	padding-bottom: 20px;
}
.main .mInfo ul li {
	padding-left: 30px;
	padding-right: 30px;
}
.main .mInfo ul li:nth-child(1){
	padding-top: 20px;
	background:rgb(244,244,244);
}
.main .mInfo ul li{
	margin-bottom:5px;
	color:#000;
}
.main .mInfo ul li.info {
	margin-top: 10px;
}
.main .mInfo ul li.info b {
	font-size: 20px;
}
.main .mInfo ul li span{
	color:#000;
	font-weight: bold;
	font-size:18px;
	display:block;
}
.main .mInfo ul li:nth-child(3){
	line-height:24px;
}
.main .mInfo ul li:nth-child(4){
	color:#000;
	margin:10px 0;
}
.main .mInfo ul li strong{
	color:#ff8900;
	font-size:16px;
}
.main .mInfo ul li .unit {
	display: inline;
	font-size: 10px;
	color: #ff8900;
}
.main .mInfo ul li a{
	color:white;
	background: #ff8900;
	height:30px;
	font-weight: bold;
	line-height:30px;
	width:100px;
	border-radius: 5px;
	display:block;
	text-align:center;
	opacity: 1;
	transition: all .2s;
	margin: 0 auto;
}
.main .mInfo ul li a:hover{
	opacity: 0.8;
}
/*tuoguanlist*/
.m1Right{
	width:880px;
	height:auto;
	float:right;
}
.m1Right .m1RightInfo{
	width:400px;
	float:right;
	line-height:25px;
}
/*fanganlist*/
.mainRightFangan{
	padding:10px;
	color:#3a3d3f;
}
.mainRightFangan h2{
	font-size:16px;
	text-align:center;
	
}
.mainRightFangan .main{
	font-size:13px;
	color:#3a3d3f;
	line-height:25px;
	width:100%;
}
/*news*/
.mainRightjiejue{
	padding:10px 5px;
	width: 1140px;
	margin: 0 auto;
	margin-top: 50px;
}
.mainRightjiejue ul li{
	width:100%;
	height:35px;
	line-height:35px;
	float:left;
	background:url('../images/bgLi.jpg') 5px 17px no-repeat;
	border-bottom:1px dashed #0065a5;
}
.mainRightjiejue ul li a{
	color:#3a3d3f;
	width:690px;
	height:35px;
	line-height:35px;
	font-size:13px;
	padding-left:20px;
	display:block;
	float:left;
}
.mainRightjiejue ul li a:hover{
	color:#0065a5;	
}
.mainRightjiejue ul li b{
	color:#3a3d3f;
	font-size:13px;	
	float:right;
	font-weight:normal;
}

/*huodong*/
.huodong{
	width:1140px;
	height:auto;
	margin:20px auto 100px;
}
.info-intro {
	display: block;
	margin-top: 10px;
	color: #666 !important;
	height: 72px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 20px !important;
}
.read-num {
	margin-bottom: 30px !important;
}
.huodong-img-box {
	position: relative;
	overflow: hidden;
}
.huodong-img-box .tejia {
	position: absolute;
	right: -35px;
	top: -10px;
	background: #ff8900;
	width: 100px;
	height: 50px;
	line-height:70px;
	text-align: center;
	color: white;
	font-size: 15px;
	transform: rotate(45deg);
}
.fhd{
	width:1140px;
	
}
.fhd a{
	display:block;
	width:100%;
	
}
.fhd a img{
	width:1140px;
	height:auto;
}
.hdinfo{
	width:1140px;
	margin:20px auto;
}
.hdinfo ul li{
	width:500px;
	height:100px;
	float:left;
	overflow:hidden;
	margin-bottom:20px;
}
.hdinfo ul li:nth-child(2n+1){
	margin-right:140px;
}

/*hdlist*/
.hdlist{
	width:1140px;
	height:auto;
	margin:20px auto 100px;
}
.hdlist h2{
	text-align:center;
	font-size:16px;
	
}
.hdlist .img{
	width:1140px;
	height:auto;
	
}
.hdlist .hdinfo{
	font-size:13px;
	color:#3a3d3f;
	margin-top:20px;
}
.mainRightFalist{
	font-size:13px;
	color:#3a3d3f;
	margin-top:20px;
}
/*shuju*/
.mainRightshuju{
	padding:10px;
	width: 1140px;
	margin: 0 auto;
	margin-top: 40px;
}
.mainRightshuju h2{
	text-align:center;	
	font-size:16px;
}
.mainRightshuju .mainRightsjInfo{
	font-size:13px;
	color:#3a3d3f;
	margin-top:20px;
}
/*jifang*/
.mainRightjifang{
	width:1140px;
	margin: 0 auto;
	margin-top: 50px;
	height:auto;
}
.jifangtop{
	margin:20px 0 10px 0 ;
}
.jifangInfo{
	width:500px;
	height:auto;
	line-height:25px;
	font-size:13px;
	float:right;
}
.jifangBottom{
	font-size:13px;
	color:#2f2f2f;
	line-height:25px;
	margin-bottom:50px;
}
.mainRightjifang .qx{
	height:30px;
	line-height:30px;
	border-bottom:2px solid #0065a5;
	margin:5px 0;
}
.mainRightjifang .qx b{
	width:100px;
	height:30px;
	background:#0065a5;
	display:block;
	text-align:center;
	color:#fff;
	border-radius:1px;
}
/*login*/
.login{
	width:1200px;
	height:auto;
	margin:20px auto 50px;
}
.login p{
	height:30px;
	line-height:30px;
	color:#fff;
	margin:20px 0 0;
	background:#0065a5;
	padding-left:10px;
}
.login p a{
	color:#fff;
}
.login1{
	border:1px solid #ccc;	
}
.login1 .m1Left{
	width:800px;
	float:left;
}
.login1 .m1Right{
	width:170px;
	float:right;
}
.login1 .m1Left h2{
	width:100%;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:16px;
}
.login1 .m1Left form{
	width:90%;
	height:auto;
	margin:0 auto;
}
.login1 .m1Left form td input{
	width:100%;
	height:30px;
	line-height:30px;
	margin-bottom:10px;
}
.login1 .m1Left form .button input{
	width:47%;
	height:40px;
	line-height:30px;
	background:#404040;
	color:#fff;
	font-size:16px;
	cursor:pointer;
}
.login1 .m1Left form .button1 input{
	width:100%;
	height:40px;
	line-height:30px;
	margin-top:10px;
	background:#404040;
	color:#fff;
	font-size:16px;
	cursor:pointer;	
}
.login1 .m1Left form .button a{
	color:#404040;
}
.login1 .m1Left form .button a:hover{
	color:red;
}
.login1 .m1Left form .button input:hover{
	color:red;
}
.login1 .m1Left form .button1 input:hover{
	color:red;
}
.login1 .m1Right{
	width:320px;
	height:415px;
	float:right;
	border-left:1px dashed #ccc;
	padding-bottom:50px;
	background:url(../images/zcbj.jpg) no-repeat;
}
.login1 .m1Right h2{
	width:100%;
	height:50px;
	line-height:50px;
	font-size:16px;
	text-align:center;
	margin-top:90px;
}
.login1 .m1Right a{
	width:130px;
	height:35px;
	line-height:35px;
	color:#fff;
	font-size:16px;
	display:block;
	background:#404040;
	text-align:center;
	margin:0 auto;
}
.login1 .m1Right a:hover{
	/*color:red;*/
}
.login1 .m1Right .img{
	width:80%;
	height:auto;
	margin:10px auto;
}
.login1 .m1Right .img img{
	width:100%;
	height:auto;
}
.login1 .m1Right h1{
	width:100%;
	height:30px;
	line-height:20px;
	font-size:16px;
	text-align:center;	
}
/*register*/
.register{
	width:1140px;
	height:auto;
	border:1px solid #ccc;
	margin:0 auto;
}
.register h2{
	text-align:center;
	font-size:16px;
	height:30px;
	line-height:30px;
}
.register .mzsm{
	padding:20px;
	min-height:500px;
	font-size:13px;
	margin:20px auto;
}
.register .button{
	padding:20px;
}

/*regMain*/
.regMain{
	width:1200px;
	height:auto;
	margin:0 auto 30px;
	
}
.regMain p{
	height:30px;
	line-height:30px;
	color:#fff;
	margin:20px 0 0;
	background:#0065a5;
	padding-left:10px;
}
.regMain1{
	border:1px solid #ccc;
}

.regMain1 .regMain1Left{
	width:800px;
	float:left
}
.regMain1 .regMain1Left h2{
	width:100%;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:16px;
}
.regMain1 .regMain1Left form{
	width:90%;
	height:auto;
	margin:0 auto;
}
.regMain1 .regMain1Left form td input{
	width:100%;
	height:30px;
	line-height:30px;
	margin-bottom:10px;
}
.regMain1 .regMain1Left form .button input{
	width:47%;
	height:40px;
	line-height:30px;
	background:#404040;
	color:#fff;
	font-size:16px;
	cursor:pointer;
}
.regMain1 .regMain1Left form .button1 input{
	width:100%;
	height:40px;
	line-height:30px;
	margin-top:10px;
	background:#404040;
	color:#fff;
	font-size:16px;
	cursor:pointer;	
}
.regMain1 .regMain1Left form .button a{
	color:#404040;
}
.regMain1 .regMain1Left form .button a:hover{
	color:red;
}
.regMain1 .regMain1Left form .button input:hover{
	color:red;
}
.regMain1 .regMain1Left form .button1 input:hover{
	color:red;
}
.regMain1Right{
	width:320px;
	height:520px;
	float:right;
	border-left:1px dashed #ccc;
	padding-bottom:50px;
	background:url(../images/zcbj.jpg) no-repeat;
}
.regMain1Right h2{
	width:100%;
	height:50px;
	line-height:50px;
	font-size:16px;
	text-align:center;
	margin-top:90px;
}
.regMain1Right a{
	width:130px;
	height:35px;
	line-height:35px;
	color:#fff;
	font-size:16px;
	display:block;
	background:#404040;
	text-align:center;
	margin:0 auto;
}
.regMain1Right a:hover{
	/*color:red;*/
}
.regMain1Right .img{
	width:80%;
	height:auto;
	margin:10px auto;
}
.regMain1Right .img img{
	width:100%;
	height:auto;
}
.regMain1Right h1{
	width:100%;
	height:30px;
	line-height:20px;
	font-size:16px;
	text-align:center;	
}


.my-table tr{
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.my-table tr td.name {
	width: 80px;
	display:  block;
}
.my-table tr td input {
	margin: 0 !important;
}
.my-table .shuru {
	width: 200px;
}
.my-table .need {
	width: 10px;
}
.my-tip {
	width: 500px;margin-left: 140px;line-height: 26px;font-size: 13px;
}

#mask {
	display: none;width: 100%;height: 100%;background: rgba(0,0,0,0.3);position: fixed;top: 0;left: 0;align-items: center;justify-content: center;
}
#mask-content {
	width: 80%;background: white;overflow: auto;padding: 0 20px;	
}
#mask-content h2 {
	text-align: center;line-height: 40px;font-size: 18px;
}
#mask-content input {
	margin: 0 auto;padding: 0 10px;display: block;margin-bottom: 20px;
}