/****************************************************************************************************************
||||||||||||||||||||||||||||            End TABLE OF CONTENT                ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************/
*{
	padding: 0;
	margin: 0;
}
html{
	 overflow-x: hidden;
	 overflow-y: auto;
	-webkit-font-smoothing:antialiased ;
	-moz-osx-font-smoothing:grayscale;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
body {
  color:#222222;
  font-size: 16px;
  clear: both;
}

h1,h2,h3,h4,h5,h6,p,ul { 
	margin:0;padding: 0;
}

h1,h2,h3,h4,h5 {
  font-family: '微软雅黑', sans-serif;
  -webkit-font-smoothing:antialiased ;
  -moz-osx-font-smoothing:grayscale;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
} 

ul ,li{list-style-type: none;}

p {
	font-family: '微软雅黑', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height: 34px;
	-webkit-font-smoothing:antialiased ;
	-moz-osx-font-smoothing:grayscale;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
a {
	text-decoration: none; 
	display: inline-block; 
	outline: none;
	font: "微软雅黑";
	-webkit-font-smoothing:antialiased ;
	-moz-osx-font-smoothing:grayscale;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	}
a:hover,a:focus,a:visited {text-decoration: none; outline: none;}
a:hover{
	cursor: hand;
}
img {
	width: 100%;
	border: 0;
	display: inline-block;
}

button {border:none; outline:none; box-shadow: none; display: block; padding: 0; background: transparent;}
input,textarea {display: block; font-size: 16px; line-height: 28px; outline: none; box-shadow: none;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

h1{
	font-size: 34px;
	font-weight: 500;
}

/**********header**********/

.header{
	width: 100%;
	height: 60px;
	background: #000;
}
.header .header-nav{
	width: 70%;
	height: 60px;
	margin: auto;
}
.header-nav .logo-nav{
	width:178px;
	height: 46px;
	margin-top: 6px;
}
.header .header-nav .nav-right{
	width: 50%;
	float: right;
} 
.header .header-nav ul{
     background: saddlebrown;
    
 } 
 .header .header-nav ul li{
 	float:left;
 	margin-left: 6%;  
 }
 .header .header-nav ul li:first-child{
 	margin-left: 14%;
 }
 
.header .header-nav ul li a{
	color: #fff;
	line-height: 60px;
	transition: all .5s;
}
.header .header-nav ul li a:hover{
	color: #0298d8;
}
.header .xian{
	background: #b6b6b6;
	height: 1px;
	width: 100%;
	float: left;
	
}

/* Mainmenu fixed style */
@-webkit-keyframes menu_sticky {
  0%   {margin-top:-100px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}
@keyframes menu_sticky {
  0%   {margin-top:-100px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}
 
.stricky-fixed {
  position: fixed;
  background: #000;
  top:0;
  left:0;
  width: 100%;
  height: 60px;
  z-index: 99999;
  box-shadow: 0 2px 8px 4px rgba(0,0,0,.4);
  -webkit-animation-name: menu_sticky;
          animation-name: menu_sticky;
  -webkit-animation-duration: 0.60s;
          animation-duration: 0.60s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}



@media only screen and (max-width:1000px ) {
	.header{width: 1000px;}
	
}

/**********end header**********/



/*********banner-btn**********/
.banner-btn0{
	clear: both;
}
.banner-btn{
	position:relative;
	margin: auto;
	width: 100%;
}
.banner-btn .box{
	margin:auto ;
	position: absolute;
	top:-50px;
	left: 0;
	right: 0;
	width: 374px;
	height: 100px;
	background: #ff9f00;
	z-index: 1;
	border-radius: 2px;
	
}
.banner-btn .box .icon{
	width: 350px;
	height: 48px;
	margin: auto;
	margin-top: 10px;
	border-bottom: 2px groove #B6B6B6 ;
	padding-bottom: 10px;
	
}
.banner-btn .box .icon img{
	width: 48px;
	float: left;
	margin-left: 20px;
	border: none;
}
.banner-btn .box .icon h2{
	float: left;
	color: #fff;
	line-height: 48px;
   font-size:26px;
   margin-left: 12px;
   font-weight: 400;
}
.banner-btn .box>h3{
	color: #fff;
	font-size: 16px;
	font-weight: 100;
	text-align: center;
	margin-top: 4px;
}
/***icon0***/
 .icon0{
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	width: 100px;
	height: 60px;
	margin:auto;
}
 .icon0 span{
	position: absolute;
	width: 38px;
	height: 30px;
	top:10px;
	left:0;
	right: 0;
	margin: auto;
	background: url(../img/banner-btn1.png);
}
 .icon0 span{
	animation: icon0 4s cubic-bezier(0.5,0,0.1,1) infinite;
	-webkit-animation:icon0 3s cubic-bezier(0.5,0,0.1,1) infinite;
}
@keyframes icon0{
	0%,100%{top:10px}
	50%{top:40px}
}
@-webkit-keyframes icon0{
	0%,100%{top:10px}
	50%{top:40px}
}
@-moz-keyframes icon0{
	0%,100%{top:10px}
	50%{top:40px}
}
@-ms-keyframes icon0{
	0%,100%{top:10px}
	50%{top:40px}
}
@-o-keyframes icon0{
	0%,100%{top:10px}
	50%{top:40px}
}

/**end icon0**/

/******end banner-btn*********/


/*******xuanze**********/
.xuanze-box{
	width: 100%;
	height: auto;
	float: left;
	}
.xuanze{
	position: relative;
	width: 100%;
	float: left;
	margin-top: 130px;
}
.xuanze .title{
	width: 60%;
	margin: auto;
	text-align: center;
}
.xuanze .title h1{
	font-size: 34px;
	color: #333333;
}
.xuanze .title span{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	margin-top: 20px;
	width: 654px;
	height: 28px;
	display: inline-block;
	
}
.xuanze .content{
	position: absolute;
    left: 0;
    right: 0;
    top:120px;
   	width: 60%;
	margin: auto;
}
.xuanze .content0{
	width: 24%;
	height: auto;
	float: left;
	margin-left:5%;
	padding: 3%;
	transition: all 0.3s;
	
}
.xuanze .content0:hover a{
	display: inline-block;

}
.xuanze .content0:hover{
	box-shadow:0 0 14px #585858;
}

.xuanze .content0 a{
	width: 100%;
	height: 48px;
	line-height: 48px;
	border:1px solid #ff9f00 ;
	text-align: center;
	margin: auto;
	display:none;
	margin-top: 25px;
	color:#ff9f00 ;
	font-size: 20px;
	font-weight: 400;
	
	transform: all 1s;
	
}
.xuanze .content0 p{
	margin-top: 6%;
	line-height: 30px;
}
.xuanze .content1{
	margin-left: 0;
}

@media only screen and (max-width:1400px ) {
	.xuanze .content{
		width: 1000px;
	}
	
}
/*******end xuanze**********/

/*****bao ming**********/

.baoming-box{
	float: left;
	width: 100%;
	height: auto;
	}
.baoming{
	margin-top: 600px;
	position: relative;
	width: 100%;
	height: auto;
	
}
.baoming .content{
	width: 60%;
	height:400px;
	margin: auto;
	border-top: 2px solid #C0C0C0;
	border-bottom:2px solid #C0C0C0;
}
.baoming .left{
	position: relative;
	width: 44%;
	float: left;
	margin-top: 20px;
}

.baoming .left span{
	position: absolute;
	top:30px;
	left: 190px;
	display: inline-block;
	width: 188px;
	height: 30px;
}
.baoming .left p{
	display: block;
	width: 370px;
	margin-top:10px ;
}
.baoming .title h1{
	color: #00a0e9;
	line-height: 50px;
}
.baoming .right{
	width: 50%;
	float: right;
	margin-top: 10px;
}



@media only screen and (max-width:1400px ) {
	.baoming .content{
		width: 1000px;
	}
	.baoming .left{
		width: 380px;
	}
	
}

/***** end bao ming**********/

/*****services*********/

.services-box{
	width: 100%;
	height: auto;
	float: left;
}
.services{
	width: 100%;
	position: relative;
	height: auto;
	float: left;
}
.services .title{
	position: absolute;
	top:160px;
	left: 0;
	right: 0;
	width: 60%;
	height: 190px;
	margin: auto;
	text-align: center;
}
.services .title h1{
	font-size: 34px;
	color: #333333;
}
.services .title span{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	margin-top: 20px;
	width: 654px;
	height: 28px;
	display: inline-block;
}

.services .content{
	width: 1200px;
	height: auto;
	margin:auto;
	margin-top: 260px;
}
.services ul{
	width: 40%;
	height: 160px;
	float: left;
	margin-left: 8%;
	margin-top: 4%;
	transition: all 0.3s; 
}
.services ul li{
	float: left;
	margin-top: 30px;
	margin-left: 30px;
}
.services ul li span{
	display: inline-block;
	width: 190px;
	height: 40px;
}
.services ul li span h3{
	float: left;
}
.services ul li p a{
	color: #ff9f00;
}
.services ul li>p{
	line-height: 30px;
	font: "微软雅黑" 14px;
	font-weight: 300;
}
.services ul li span>p{
	float: left;
}

.services ul:hover{
	box-shadow:0 0 14px #585858;
}

.services ul.icon img{
	width: 100px;
}

@media only screen and (max-width:1400px ) {
	.services .content{
		width: 1000px;
	}
	.services ul li{
	float: left;
	margin-top: 14px;
	margin-left: 10px;
	}
.services ul{
	margin-left: 6%;
	width: 42%;
	height: 110px;
	}
    .services ul.icon img{
	width: 80px;
	}
	.services ul li span{
	display: inline-block;
	width: 180px;
	height: 20px;
}
.services ul li>p{
	line-height: 24px;
	margin-top: 6px;
	
}
.services ul li span h3{
	margin-top: 0px;
}
	
	
}

/*****end services*********/


/********banner1**********/

.banner1{
	width: 100%;
	position: relative;
	top:40px ;
	clear: both;
}
.banner1 div{
	width: 310px;
	height: 40px;
	position: absolute;
	background:#ff9f00;
	border-radius: 2px;
	bottom: 20%;
	right: 24%;
	color: #fff;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
}
.banner1 div:hover{
	box-shadow:0 0 8px #585858;
}

/********end banner1**********/

/*********kecheng***********/

.kecheng-box{
	float: left;
	width: 100%;
	height: auto;
}
.kecheng{
	position: relative;
	top: 10px;
}

.kecheng .title{
	position: absolute;
	top:160px;
	left: 0;
	right: 0;
	width: 60%;
	height: 190px;
	margin: auto;
	text-align: center;
}
.kecheng.title h1{
	font-size: 34px;
	color: #333333;
}
.kecheng .title span{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	margin-top: 20px;
	width: 654px;
	height: 28px;
	display: inline-block;
}
.kecheng .content{
	width: 70%;
	margin: auto;
	margin-top: 270px;
}
.kecheng .content table td{
	padding: 10px 10px 10px 20px;
	transition: all 0.3s;
}
.kecheng .content table td:hover{
	box-shadow:0 0 14px #585858;
}

/*********end kecheng***********/

/********* shopping***********/
.shopping-box{
	float: left;
	width: 100%;
	height: auto;
}
.shopping{
	position: relative;
	top: 10px;
}
.shopping .title{
	position: absolute;
	top:160px;
	left: 0;
	right: 0;
	width: 60%;
	height: 190px;
	margin: auto;
	text-align: center;
}
.shopping.title h1{
	font-size: 34px;
	color: #333333;
}
.shopping .title span{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	margin-top: 20px;
	width: 654px;
	height: 28px;
	display: inline-block;
}
.shopping .content{
	width: 66%;
	margin: auto;
	margin-top: 270px;
}
.shopping .content .left{
	width: 55%;
	float: left;
	margin-top: 60px;
}
.shopping .content .right{
	width: 36%;
	float: right;
	padding: 4%;
	box-shadow:0 0 14px #585858;
}
.shopping .content .right > p{
	text-indent: 2em;
}
.shopping .content .right>img{
	margin-top: 20px;
}
.shopping .content .right a{
	width: 100%;
	display: block;
	margin-top: 4%;
}
.shopping .content .right .btn{
	background: #ff9f00;
	width: 80%px;
	height: 50px;
	border-radius: 2px;
	text-align: center;
	margin: auto;
	line-height: 50px;
	font-size: 20px;
	font-weight: 500;
	color: #fff;	
	transition: all 0.3s;
}
.shopping .content .right .btn:hover{
	box-shadow:0 0 8px #585858;
}
@media only screen and (max-width:1400px ) {
	.shopping .content{
		width: 1000px;
	}
	
}

/*********end shopping***********/

/**********vidoe**************/
.video-box{
	float: left;
	width: 100%;
	height: 500px;
	}
.video{
	width: 100%;
	position: relative;
	top: 100px;
}
.video .content{
	width: 66%;
	height:400px;
	position: absolute;
	left: 0;
	right: 0;	
	margin: auto;
	border-top: 2px solid #C0C0C0;
	border-bottom:2px solid #C0C0C0;
}
.video .content .left{
	width: 50%;
	float: left;
	margin-top: 10px;
}
.video .content .right{
	width: 44%;
	float: right;
	margin-top: 30px;
}
.video.right p{
	display: block;
	width: 370px;
	}
.video .title h1{
	color: #00a0e9;
	line-height: 60px;
}



@media only screen and (max-width:1400px ) {
	.video .content{
		width: 1000px;
	}
}

/**********end vidoe**************/

/***********study****************/
.study-box{
	clear: both;
	width: 100%;
	height:600px;
}
.study{
	width: 100%;
	position: relative;
	float: left;
	}
.study .title{
	position: absolute;
	top:160px;
	left: 0;
	right: 0;
	width: 60%;
	height: 190px;
	margin: auto;
	text-align: center;
}
.study.title h1{
	font-size: 34px;
	color: #333333;
}
.study .title span{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	margin-top: 20px;
	width: 654px;
	height: 28px;
	display: inline-block;
}
.study .content{
	position: relative;
	width: 66%;
	margin: auto;
	margin-top: 270px;
	background: #f7f7f7;
	height: 560px;
		
}
.study .content span{
	position: absolute;
	left: 0;
	right: 0;
	display: inline-block;
	width: 80%;
	height:40px;
	line-height: 40px;
	background: #2e2e2e;
	margin: auto;
	border-radius: 2px;
	text-align: center;
	color:#fff;
	overflow: hidden;
}
.study .content .box{
	position: relative;
	top: 80px;
	width: 100%;
	
}
.study .content .box1{
	width: 80%;
	float: left;
}
.study .content ul li{
	width: 100%;
	float: left;
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 2px dashed rgba(0,0,0,0.4);
}
.study .content .box h1{
	width: 100px;
	height: 100px;
	display: block;
	float: left;
	}
	
.study .content .box p{
	margin-left: 20px;
	display: block;
	line-height: 26px;
	
}
.study .content .box h2{
	display: block;
	margin-left: 20px;
	}



@media only screen and (max-width:1400px ) {
	.study .content{
		width:100%;
		padding: 2%;
	}
}

/***********end study****************/

/**********footer****************/

.footer .content{
	background: url(../img/banner3.jpg);
	width: 100%;
	height: auto;
	padding: 20px;
	margin-top: 280px;
}
.footer .content .box{
	width: 1000px;
	height: 560px;
	margin: auto;
}
.footer .box .left{
	margin-top: 1%;
	margin-left: 4%;
	width: 36%;
	float: left;
}
.footer .box .right{
	margin-right: 4%;
	width: 36%;
	height: 420px;
	background: rgba(255,255,255,0.3);
	float: right;
	padding: 6%;
	color: #fff;
}
.footer .box .right h2{
	line-height: 60px;
}
.footer .box .right a{
	display: block;
}
.footer .box .right .btn{
	width: 90%;
	height: 50px;
	background: #FF9F00;
	border-radius: 4px;
	margin: auto;
	margin-top: 40px;
	font-size: 18px;
	text-align: center;
	color: #fff;
	line-height: 50px;
	transition: all .3s;
	
}
.footer .box .right .btn:hover{
	box-shadow:0 0 8px #585858;
}
.footer .copy{
	width: 80%;
	height: 56px;
	margin: auto;
	text-align: center;
}
.footer .copy p{
	line-height: 26px;
	color: #fff;
}

/**********end footer****************/



/***************弹窗*****************/
#Apply_modle {
	z-index: 1000;
	display: none;
}
.fork{
	top: 5px;
	right: 5px;
	float: right;
}
.fork a{
	display: block;
	font-weight: 400;
	width: 40px;
	height: 25px;
	line-height: 20px;
	text-align: center;
	color: #222222;
	background: #dcdcdc;
	font-size: 28px;
	border-radius: 4px;
}
.modal-mask {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 360px;
	height: 415px;
	margin: auto;
	background: #ededed;
	z-index: 1000;
	border-radius: 10px;
	text-align: center;
	box-shadow:0 0 8px #585858; ;
}

.modal-content span {
	display: inline-block;
	margin: 20px 0 0 -10px;
	font-size: 14px;
	color: #979595;
}
#Apply_modle h2 {
	padding-top: 38px;
	line-height: 40px;
	font-size: 24px;
	font-weight: 400;
	color: #229bd6;
}
#Apply_modle p input {
	width: 286px;
	height: 44px;
	line-height: 44px;
	margin: 10px auto;
	padding-left: 14px;
	font-size: 16px;
	border-radius: 6px;
	border: 1px solid rgba(0,0,0,.2);
	
}
.inp{
    border-color: rgba(80,160,250,0.4);
}
#Apply_modle .phone_btn {
	padding: 14px 0 0 30px;
	font-size: 24px;
}
#Apply_modle .phone_btn a {
	display: block;
	width: 300px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	background: #018ed2;
	border-radius: 5px;
	color: #fff;
}
.modal-content .tabinputs {
	width: 280px;
	height: 40px;
	border-radius: 5px;
	padding-left: 6px;
	font-size: 16px;
}



/*订单*/
.rel{ position: relative; }
.abs{ position: absolute; }
#Order-form{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1000;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .3);
	display: none;
}
.order-modifiers{
	top: 50%;
	left: 50%;
	width: 900px;
	height: 700px;
	background: #fff;
	border-radius: 2px;
	color: #666;
	margin-left: -450px;
	margin-top: -350px;
	padding:0 0;
}
.fork_dd { top: 0; right: 1px; font-weight: 400; font-size: 24px; }
.fork_dd a{ display: block; width: 50px; height: 38px; line-height: 32px; text-align: center; }
.title{
	width:90%;
	line-height: 42px;
	background: #ddd;
	padding:0 5%;
}
.Details{
	width: 86%;
	padding:30px 63px 0;
}
.course{
	line-height: 24px;

}
.course span,.payment span{
	color:#fe3801;
	font-weight: bold;
}
.Userinfo{
	width:100%;
	height: 90px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	margin-top: 5px;
}
.Userinfo input{
	width:98%;
	height:42px;
	padding-left: 2%;
	border:none;
}
.Location{
	line-height: 56px;
}
.Location input{
	width:98%;
	height:36px;
	border:1px solid #ddd;
	padding-left: 2%;
}
.Equipment{
	line-height: 56px;
}

.Equipment .PLC{
	width:210px;
	height:210px;
	margin-right: 15px;
}
.Equipment .goods-list{
	width:536px;
	height:210px;
}

.payment{
	width: 100%;
	line-height: 100px;
	text-align: right;
}

.submit-order{
	line-height:40px;
	padding: 0 20px;
	background: #fe3801;
	color: #ffebe9;
	font-size: 18px;
	border-radius:5px;
	margin-right: 70px;
	margin-left: 20px;
}
.Checked_01{
	top:56px;
	left:0;
}
.checked{
	display: block;
	width: 34px;
	height:34px;
	top: 56px;
	left: 230px;
	background: url("../img/Checked.png")no-repeat 0 0;
}
.not-selected{
	display: block;
	width: 34px;
	height:34px;
	top: 56px;
	left: 230px;
	background: url("../img/not-selected.png")no-repeat 0 0;
}

/*登录*/
* {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	color: black;
}
.fork-dl:hover {
	cursor: hand;
}
li {
	list-style: none;
}
body {
	font-family: "微软雅黑";
	width: 100%;
	height: 100%;
	background: #fff;
}
.abs {
	position: absolute;
}
.rel {
	position: relative;
}
.clear:before {
	content: '';
	height: 0;
	display: block;
	clear: both;
}
.fork-dl {
	top: 0;
	right: 1px;
	font-weight: 400;
	font-size: 24px;
}
.fork-dl a {
	display: block;
	width: 50px;
	height: 38px;
	line-height: 32px;
	text-align: center;
}

#myModal-login {
	z-index: 1000;
	display: none;
}
.Login-Modal-Box  { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); z-index: 1000; }
#myModal-login .modal-content {
	top: 30%;
	left: 50%;
	margin-left: -447px;
	background: #fff;
	width: 385px;
	height: 390px;
	border-radius: 2px;
	text-align: center;
}
.Left{
	width:100%;
	height: 200px;
	padding-right: 10px;
}
.Left input{
	width: 80%;
	height: 42px;
	padding-left: 50px;
	border:1px solid #d7d7d7;
	margin:10px 0 5px 10px;
}

#inputLoginName{
	background: url(../img/name.png)no-repeat 10px 0;
}
#inputLoginPassword{
	background: url(../img/password.png)no-repeat 10px 0;
}
.wjmm{
	text-align: right;
	padding-right: 36px;
}
#register-login-btn{
	widht: 70%;
}
#register-login-btn a{
	display: block;
	width: 82%;
	height: 52px;
	line-height: 52px;
	border-radius: 2px;
	text-align: center;
	background: #00b7ee;
	color: #fff;
	margin: 10px 0 15px 40px;
}

.dl-title{
	line-height: 70px;
	color: #333;
	font-size: 20px;
	text-align: left;
	padding-left: 45px;
}
#login-link b { color: #0297d3; font-weight: 400; }


/*注册*/
.fork-zc:hover { cursor: hand; }
.fork-zc { top: 0; right: 1px; font-weight: 400; font-size: 24px; }
.fork-zc a { display: block; width: 50px; height: 38px; line-height: 32px; text-align: center; }
#myModal { z-index: 1000; display: block; }
.modal-dialog { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); z-index: 1000; }
#myModal .modal-content { top: 30%; left: 50%; margin-left: -447px; background: #fff; width: 360px; height: 350px; border-radius: 2px; text-align: center; padding: 25px 20px 50px; }
.Login { width: 100%; margin-right: 50px; }
.modal-header { width: 100%; height: 60px; border-radius: 5px; }
.modal-header h4 { width: 89%; height: 46px; line-height: 46px; padding: 7px 10px; font-size: 18px; font-weight: 400; color: #333; }
.modal-header .fork-zc { background: #f5f5f5; border-radius: 5px; }
.input-group { width: 100%; height: 50px; line-height: 50px; padding: 0 2%; margin: 5px 0; }
.input-group input { width: 82%; height: 40px; line-height: 40px; margin: 5px 0; padding: 0 0 0 40px; border-radius: 2px; border: 1px solid #d7d7d7; }
#inputMobile{ background: url(../img/sj.png)no-repeat 10px 0;}
#inputTruename{ background: url(../img/name.png)no-repeat 10px 0; }
#inputPassword{ background: url(../img/password.png)no-repeat 10px 0; }
.Security-code { width: 92%; height: 60px; padding: 0 4%; margin: 5px 0; }
.Security-code > div { float: left; }
.Security-code .input-group { width: 60%; }
#send-sms { width: 35%; margin: 11px 0 0 3px; }
#send-sms a { display: block; width: 80%; height: 40px; line-height: 40px; border: 1px solid #00b7ee; color: #00b7ee; }
#register1 { width: 100%; margin-top: 15px; }
#register1 a { display: block; width: 92%; height: 52px; line-height: 52px; border-radius: 5px; background: #00b7ee; color: #fff; margin-left: 22px; }