@charset "utf-8";
/* CSS Document */
*{ margin:0; padding: 0px;}
body{ position:relative; font-family:Arial,"微软雅黑"; color:#666; font-size:1.2rem;}
input,textarea{border:none; outline:none;}
textarea{ resize:none; overflow:auto;}
a{text-decoration:none;}
a, input {-webkit-tap-highlight-color: rgba(255,0,0,0);}
ul{list-style:none;}
img{ border:none; vertical-align:top;}


.personal_title{height: 90px;background: #f5f5f5;line-height: 90px;box-shadow: 0 0 2px #aeaeae;font-size: 34px;text-align: center;position: relative;}
.personal_title a{width: 80px;height: 80px;background: #000;display: inline-block;position: absolute;right: 0px;top:0px;background: url(../img/home.jpg) no-repeat center;}

.personal_data{height: 100px;background: #f5f5f5;margin-top: 20px;box-shadow: 0 0 2px #aeaeae;}
.personal_data dl{ padding-top: 15px;}
.personal_data dt{ float: left; margin: 0px 0px 0px 35px;}
.personal_data dt img{border-radius: 5px;border:1px solid #ccc;}
.personal_data dd span{background: url(../img/edit.jpg) no-repeat 0px 0px;background-size: 100%;display: inline-block;width: 30px;height: 35px;position: absolute;margin-left: 10px;}
.personal_data dd{ float: left; width: 70%; padding-left: 20px; position: relative; margin-bottom: 5px;}

.personal_conter{background: #f5f5f5;margin: 20px 0 20px 0;box-shadow: 0 0 2px #aeaeae;}
.personal_conter ul{width: 90%;margin: 0px auto;}
.personal_conter ul li{height: 80px;line-height: 80px;border-bottom: 1px solid #e9e9e9;background: url(../img/arrow.jpg) no-repeat center right;}
.personal_conter ul li i{width: 80px;height: 80px;float: left;}
.bj_img1{background: url(../img/ico_01.jpg) no-repeat center;}
.bj_img2{background: url(../img/ico_02.jpg) no-repeat center;}
.bj_img3{background: url(../img/ico_03.jpg) no-repeat center;}
.bj_img4{background: url(../img/ico_04.jpg) no-repeat center;}
.personal_conter ul li h3{font-weight: normal;float: left;}
.personal_conter ul li span{ float: right; margin-right: 5%; position: relative; font-size: 34px;}
.personal_conter ul li span em{ width: 8px; height: 8px; background: red; border-radius: 100%; position: absolute; top:20%; right: 20px;}
.submit {height: 90px; line-height: 90px; background: #f5f5f5; text-align: center; font-size: 30px; color: #333; width: 100%;}



.job ul{ width: 90%; margin: 0px auto;}
.job ul li{ height: 130px; border-bottom: 1px solid #ccc; }
.job ul li > b{ width: 70%; float: left; font-weight: normal;}
.job ul li > b h3{ font-size: 32px; color: #759fe9; font-weight: normal; margin: 15px 0px 5px 0px;}
.job ul li > span{ float: right;line-height: 130px;}



.menu{ background:#0e1428 url(../img/menu_bj.jpg) no-repeat bottom; background-size: 100%; height: 100%;}
.column{ height: 100px; line-height: 100px; font-size: 36px; color: #fff; font-weight: bold; text-align: center;}
.banner{ height: 45%; background:#0d1122; width: 93%; margin: 0px auto;}
.nav{ width: 95%; margin: 0px auto;overflow: hidden;}
.nav ul { width: 100%;}
.nav ul li{ float: left; width: 30.8%; background: url(../img/menu_nav.png) repeat-x; height: 155px; margin: 20px 7px 0px 8px; text-align: center; padding-top: 30px;}
.nav ul li a{ font-size: 30px; color: #fff; text-align: center;}
.nav ul li a span{width: 100%; text-align: center; display: inline-block;}
.menu_jt{text-align: center; /*background: #2a2125;*/ height: 80px; width: 100%;/* margin-top: 40px;*/}


.about{background:#2e70aa url(../img/about_bj.jpg) no-repeat; height: 100%;}
.about_titlt{ height: 100px; line-height: 100px; font-size: 36px; color: #fff; font-weight: bold; text-align: center;}
.about_conter{ height: 565px;width: 96%;margin: 0 2%;position: absolute;bottom: 1em;}
.about_c_left{ width: 445px; height:570px; float: left;}
.about_c_l_top{ width: 445px; height: 396px;}
.about_c_l_t_l{ width: 182px; height: 100%; float: left; background: #9b677b;background-color:rgba(155,103,123,0.8);}
.about_c_l_t_l h3{ height: 60px; line-height: 60px; text-align: center; color: #fff; margin: 20px 0px 0px 0px;}
.about_c_l_t_l p{ padding: 0px 10px; color: #fff; line-height: 40px;}
.about_c_l_t_r{width: 258px; float: right;}
.uiDessin{height: 220px; position: relative; background: #65a8f5;}
.uiDessin em{ width: 10px; height: 10px; background: #fff; display: block; border-radius: 100%; position: absolute; left: 40px; top: 30px;}
.uiDessin span{ line-height: 40px; color: #fff; padding:20px 0 0px 62px; display:block;}
.uiDessin h3{ text-align: center; font-size: 32px; color: #fff; width: 100%; display: block; margin-top: 10px;}
.jos{ height: 170px; margin: 5px 0 0 0; background-color:rgba(134,141,159,0.7);}
.jos span{background:url(../img/jos_sx.png) no-repeat bottom; width: 100%; height: 60%; display: inline-block;}
.jos h3{text-align: center; font-size: 32px; color: #fff; width: 100%;}

.about_c_l_bot{ height: 120px; margin: 5px 0 0 0; padding:20px 20px 20px 50px; line-height: 40px; color:#fff; background-color:rgba(0, 0, 0, 0.5)}


.about_c_right{ width: 164px; float: right; margin-left: 5px;}
	.post{ height: 220px;position: relative; background-color:rgba(138, 128, 238, 0.8)}
	.post span{background:url(../img/post_ico.png) no-repeat bottom; width: 100%; height: 60%; display: inline-block;}
	.post span em{width: 30px; height: 30px; background: #fff; display: inline-block; border-radius: 100%; position: absolute; left:95px; top:100px; color: #8d82ed; text-align: center;font-style:normal;}
	.post h3{text-align: center; font-size: 32px; color: #fff; width: 100%; margin-top: 10px;}
	.login{ height: 336px; margin-top: 5px; background: #ff7379;}
	.login span{  width: 100%;  text-align: center; display: block; padding-top: 50%;}
	.login span img{width: 90px; height: 90px; border-radius: 100%; border: 5px solid #ffa7aa; }
	.login h3{text-align: center; font-size: 32px;  width: 100%; margin-top: 10px;color: #fff;}
	.login h3 a{color: #fff;}

.logged{ background: #eeeced; height: 100%;}
/*.header{ height: 90px; line-height: 90px; background: #168ddd;}*/
.header{ height: 2.75rem; background: #168ddd; line-height: 2.75rem; font-size: 1.125rem; text-align: center; position: relative; color: #fff;}
.header a{width: 80px;height: 2.75rem;background: #000;display: inline-block;position: absolute;left: 0px;top:0px;background: url(../../../../images/web/mobile/style1/return.png) no-repeat center;}
.register{ height: 4rem;line-height: 4rem; text-indent: 1rem;}
.register a{ color: #168ddd;}
.logged_com{text-align: center;}
.number{height: 15.1rem; background: #fff;}
.number ul{width: 90%; margin: 0px auto;}
.number li{ height: 50%; border-bottom: 1px solid #dcdcdc; line-height: 5rem;}
.number li input{ height: 5rem; width: 78%; font-size: 1.2rem; text-indent: 1rem; line-height: 5rem;}
#button{ width:90%; height: 3rem; line-height: 3rem; background: #168ddd; margin: 1.5rem auto; font-size: 1.5rem; color: #fff; border-radius: 5px; text-align: center;}
.button-blue { background: #168ddd; border-radius: 5px; height: 2.3rem; line-height: 2.3rem; color: #ffffff; text-align: center; font-size: 1rem; }
.button-blue-login{ width:90%; height: 3rem; line-height: 3rem; background: #168ddd; margin: 1.5rem auto; font-size: 1.5rem; color: #fff; border-radius: 5px; text-align: center;}