/*联系我们*/
.margin_pub{margin: 60px 0 100px 0;}
.on_o .icon-xiaosanjiaodown{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.on_o .icon-jiantou-copy-copy{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
#map{width: 100%; height: 620px;}
.contact{position: relative;overflow: hidden;}
.mapbox{position: absolute; top:0; right: 0; z-index: 2; width: 390px; height: 100%; background:url(../image/map_bg.jpg) no-repeat;background-size: cover;}
.map_int{padding:30px 40px; padding-left: 50px;}
.map_int h1{margin-bottom:15px;font-family: SourceHanSansCN-Medium;}
.map_line{width: 58px;height: 2px;background: #141414;margin-bottom: 35px;}
.mapbox_text ul{display: none;line-height: 28px;}
.mapbox_text ul.on{display:block}
.mapbox_text ul li{margin-bottom: 20px;}
.mapbox_text ul li:last-child{margin-bottom: 0;}
.mapbox_text h2{font-family: SourceHanSansCN-Medium;}
.mapbox_text h2 span{color: #ff7575;font-weight: normal;font-size: 20px;margin-right: 15px;display: inline-block;line-height: 30px;float: left;}
.mapbox_text p{padding-left: 35px; color:#333; font-family: SourceHanSansCN-Regular;}

.map_park{margin-bottom:30px;}
.map_select { position: relative;  }
.map_select dt {background: #fff;font-family: SourceHanSansCN-Regular;cursor: pointer;height: 52px;line-height: 52px;color: #4c4c4e;padding: 0 20px;padding-right: 30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.map_select dt i{position: absolute;top:0;right:10px;height: 100%;font-size: 24px;font-weight: bold;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;color: #ff7575;}

.map_select dd {z-index: 99; position: absolute; width: 100%; max-height:150px; overflow-y: auto; overflow-x: hidden; background: #fff;  left: 0px; top: 52px; display: none;  border: 1px solid #cacaca; }
.map_select dd a { display: block; line-height: 36px; color: #a0a0a0; white-space: normal; padding: 0px 14px; }
.map_select dd a:hover { background: #eee; }

@media only screen and (max-width:1024px){
.margin_pub{margin: 40px 0;}
#map{ height: 300px;}
.mapbox{position: static; width: 100%;}
.map_int{padding: 30px 20px;}
.map_int h1,.map_park{margin-bottom: 20px;}
}

@media only screen and (max-width:767px){
#map{ height: 180px;}
.margin_pub{margin: 20px 0 40px 0;}
.mapbox_text ul,.mapbox_text h2 span{line-height: 24px;}
.map_select dt{padding: 0 10px;    padding-right: 20px;height: 40px;line-height: 40px;}
.map_select dt i{right: 4px;}
.map_select dd{top:40px;}
.map_int h1{margin-bottom: 10px;}
.map_line{margin-bottom: 20px;}
.mapbox_text h2 span{margin-right: 10px;}
.mapbox_text p{padding-left: 30px;}
}

/*校园招聘*/
.recruit_tab{margin-bottom: 60px;display: table;width: 100%;}
.recruit_tab ul{width: 860px;margin: auto;}
.recruit_tab li{float: left;width: 430px;}
.recruit_tab li a{border: 1px solid #e7e7e7;display: block;line-height: 48px;text-align: center;}
.recruit_tab li.on{background: #f7f7f7;box-shadow: 0 0 10px 0px rgba(0,0,0,0.2)}
.recruit_tab li.on a{color: #d00000}

.recruit_form{width: 100%;/*display: table;*/margin-bottom:40px;}
.recruit_form ul{width: calc(100% - 138px);float: left;}
.recruit_form li .form_w{margin-right: 8px;}
.recruit_form li{width: 50%;*margin-left: -1px;float: left;}
.recruit_form li input,.recruit_form li dt{width: 100%;height:50px;line-height: 50px;box-sizing:border-box;border: 1px solid #e7e7e7;padding: 0 20px;position: relative;}
.recruit_form .icon-jiantou-copy-copy{position: absolute;top:0;right:10px;height: 100%;line-height: 48px;color: #7b7b7b;font-size:20px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}

.recruit_form button,.recruit_form input{border: none;outline: none;background: none;}
.recruit_form button{width: 138px;height: 50px;line-height: 50px;text-align: center;background: #0869ac;color: #fff;font-size: 28px;float: right;}
.gray {color: #bdbdbd;}
.year_select{position: relative;}
.recruit_form li dt{cursor: pointer;}
.year_select dd{padding:10px 20px;box-sizing:border-box; border: 1px solid #e7e7e7;position: absolute;top:49px;left: 0;width: 100%;background: #fff;max-height: 220px;overflow: hidden;overflow: auto;display: none;z-index: 9;}
.year_select dd a{display: block;line-height:40px;cursor: pointer;}

.work_place{position: relative;}
.work_place dd{padding:10px 20px;box-sizing:border-box; border: 1px solid #e7e7e7;position: absolute;top:49px;left: 0;width: 100%;background: #fff;max-height: 220px;overflow: hidden;overflow: auto;display: none;z-index: 9;}
.work_place dt p{padding-right: 30px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; max-width:99%;}
.work_place.open dt .icon-jiantou-copy-copy{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.work_place dd a{display: block;line-height:40px;cursor: pointer;}
.work_place.open dd{ display: block;}
.work_place.open dd a{ overflow: hidden;}
.work_place.open dd span.chk{ display: block;position:relative; height: 40px; line-height: 40px; padding-left: 25px;}
.work_place.open dd span.chk em{ float: left; width:calc(100% - 30px);}
.work_place.open dd span.chk:before{content: ""; position: absolute;left:0; top:12px; width: 14px; height: 14px; border:1px solid #DFDFDF; }
.work_place.open dd span.chk.on:before{border:1px solid #CD0000;}
.work_place.open dd span.chk.on:after{ content: ""; position: absolute; width: 8px; height: 8px; left:4px; top:16px; background: #CD0000;}
.work_place.open dd span.chk input {position: absolute;left:0; top:0; opacity:0; z-index: 10; filter:alpha(opacity=0); height: 40px; line-height: 40px;}
.work_place.open dd span.chk.on em{color:#CD0000;}



.recruit_list ul{margin-bottom:50px;}
.recruit_list li{border-bottom: 1px solid #e7e7e7;}
.recruit_list dt{overflow: hidden;padding: 14px 0;line-height:32px;cursor: pointer;}
.recruit_list dt,.recruit_list h1{font-weight: bold;}
.recruit_list h1{width: 400px;margin-right: 20px;float: left;}
.recruit_list .recruit_yf{ display: none; width: 115px;margin-right: 10px;float: left;}
.recruit_list dt p{width: 300px;float: left;}
.recruit_list dt span.date{ float: left; width:100px; margin-left:10px;}
.recruit_list .recruit_btn{float: right;width: 31px;height: 31px;line-height: 31px;text-align: center; border: 1px solid #e8e8e8;margin-right: 50px;border-radius: 50%;}
.recruit_btn i{font-size: 14px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.recruit_list li.on{background: #f6f6f6;padding: 20px 35px;padding-bottom: 0;border: 0;}
.recruit_list li.on .recruit_btn{border: 1px solid #0869ac;}
.recruit_list li.on .recruit_btn i:before{content: "\e66b";color: #0869ac;}
.recruit_list li.on dt{font-weight:normal;}
.recruit_list li.on dt h1{font-size: 30px;}
.recruit_list li.on .recruit_btn{margin-right: 15px;}
.recruit_list li dd{padding-bottom: 60px;display: none;}
.recruit_list .p01{overflow: hidden;border-bottom: 1px solid #e7e7e7;margin-bottom: 40px;padding-bottom: 25px;}
.recruit_list .p01 span{float: left;margin-right: 55px;}
.recruit_box{overflow: hidden;}
.recruit_box .left,.recruit_box .right{width: 48%;float: left;}
.recruit_box .right{float: right;}
.recruit_box h3{font-weight: bold;line-height: 34px;margin-bottom: 20px;}
.recruit_box h3 img{margin-right: 14px;}
.recruit_box p{line-height: 24px;background: url(../image/cicle.png) no-repeat 0 10px;padding-left: 10px;margin-bottom: 8px;}
.recruit_email{padding-top: 50px;}
.recruit_email a{display: inline-block;width: 200px;height: 55px;line-height: 55px;background: #0869ac;color: #fff;text-align: center;}
.recruit_email span{display: inline-block;}
.recruit_email span i{margin-right: 8px; font-size: 20px;}
.recruit_list .recruit_btn{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.recruit_list li.on dt span.date{ display:none;}


@media only screen and (max-width:1280px){
.recruit_list li.on dt h1{font-size: 24px;}	
}
@media only screen and (max-width:1024px){
.recruit_list ul{margin-bottom:30px;}
.recruit_tab li{width: 50%;}
.recruit_tab ul{width: 100%;}
.recruit_tab{margin-bottom: 30px;}
.recruit_form{margin-bottom: 20px;}
.recruit_list li.on dt h1{font-size: 20px;}	
.recruit_list li.on,.recruit_list li{padding:0 20px;padding-bottom: 0;}

.recruit_list .recruit_btn{margin-right: 0px;}
.recruit_list li.on .recruit_btn{margin-right: 0;}
.recruit_list dt{padding: 20px 0;}
.recruit_list li.on dt{padding: 20px 0;}
.recruit_list h1{width: 200px}
.recruit_list dt p{width: calc(100% - 400px);}
.recruit_form button{width: 80px;}
.recruit_form ul{width: calc(100% - 80px)}
.recruit_email{padding-top: 20px;}
.recruit_list li dd{padding-bottom: 40px;}
.recruit_email a{height: 40px;line-height: 40px;width:140px;}
}
@media only screen and (max-width:767px){
.recruit_tab li a{line-height: 40px;}
.recruit_form li{width: 100%;float: none;margin-bottom: 10px;}
.recruit_form ul{width: 100%;float: none;}
.recruit_form button{float: none;margin: auto;display: block;width: 100%;height: 40px;line-height: 40px;}
.recruit_form li input, .recruit_form li dt{height: 40px;line-height: 40px;padding: 0 10px;}
.year_select dd{top:39px;}
.recruit_form li dt .icon-jiantou-copy-copy:before{position: relative;top:-4px;}
.recruit_box .left, .recruit_box .right{float: none;width: 100%;margin-bottom: 20px;}
.recruit_list .p01{padding-bottom: 20px;margin-bottom: 20px;}
.recruit_list li dt h1{font-weight: bold;}
.recruit_list li.on dt h1{font-size: 16px;}
.recruit_list dt{padding: 10px 0;padding-right: 30px;position: relative;}
.recruit_list .recruit_btn{position: absolute;top:20px;right: 10px;width: 20px;height: 20px;line-height: 20px;}
.recruit_list h1,.recruit_list .recruit_yf{float: none;margin: 0;width: 100%;}
.recruit_list dt p{ float: left; width: calc(100% - 120px);}
.recruit_list dt span.date{ float: right; width:80px; margin:0;}

.recruit_list li,.recruit_list li.on{padding: 0 10px;}
.recruit_list li.on dt{padding-bottom: 10px;}
.recruit_list .p01 span{float: none;margin: 0;display: block;}
.recruit_box h3{margin-bottom: 10px;}
.recruit_list dt{line-height: 26px;}
.recruit_email{padding-top: 0;}
.recruit_list li dd{padding-bottom: 20px;}
.recruit_list dt, .recruit_list h1{font-weight: normal;}
.recruit_list .page{margin-top: 20px;}

.recruit_email span{ display: block; margin:10px 0 0;}

.recruit_form li .form_w{margin-right: 0;}
.work_place dd{padding:10px;}
}



/*产品中心*/
.technology_table{color: #333;}
.technology_c .recruit_tab{margin-bottom: 40px;}
.recruit_tab_3 ul{width: 100%;}
.recruit_tab_3 li{width: 33.33%;font-family: SourceHanSansCN-Regular;}
.pub_tab{border-bottom: 1px solid #e7e7e7;height: 44px;text-align: center;margin-bottom: 60px;}
.pub_tab ul{display: inline-block;}
.pub_tab li{float: left;margin: 0 25px; position: relative;}
.pub_tab li a{display:inline-block;line-height: 42px;border-bottom: 2px solid transparent;padding: 0 20px;font-family: SourceHanSansCN-Regular; color:#333;}
.pub_tab li.on a{border-bottom: 2px solid #0869ac;}
.pub_tab li::after{position:absolute;left:25%;bottom:1px;width:50%;height:2px;opacity:0;background:#d20a2c;content:"";transition:.4s;}
.pub_tab li:hover::after{ left:0; width:100%; opacity: 1;}
.pub_tab li.on::after{ opacity: 0;}


.tech_table { width: 100%; text-align: center; margin-bottom:50px;}
.tech_table td { text-align: center; line-height: 20px; padding: 16px 0; border: 1px solid #e7e7e7; }
.tech_table thead td { background:#f9f9f9;border: 0;border-top:1px solid #7c7c7c;padding: 0;font-weight: bold; }
.tech_table thead .table_in{line-height: 60px;font-family: SourceHanSansCN-Regular;}
.tech_table .t1 { width:460px;border-left:0; }
.tech_table .t2 { width:345px; }
.tech_table .t3 {border-right:0; }
.table_in{font-family: SourceHanSansCN-Regular;}

.tech_table tr:hover{ background: #F9F9F9;}
.p_a01 a:hover{font-weight: bold;}
.p_a01 a:hover i{font-weight: normal;}

.table_in .year_select  p{display: inline-block;}
.table_in .year_select  dt span{margin-left: 16px;color: #808080;font-weight: normal;position: relative;}
.table_in .year_select  dt span{position: absolute;width: 16px;height: 100%;
	transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
}
.table_in .year_select dt{cursor: pointer;font-family: SourceHanSansCN-Medium;}
.table_in .year_select dd{width: 346px;left: 50%;margin-left: -173px; font-weight: normal;top:60px;max-height:550px;border: 0;box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);padding: 0;}
.table_in .year_select dd a{line-height: 50px;}
.table_in .year_select dd a:nth-child(2n){background:#f1f1f1;}

.a_view,.a_down{font-size: 14px;}
.a_collect.on .icon-shoucang2:before{content: "\e612";color: #d80b19;}
.p_a01 a i{margin-right:5px;font-size: 22px;    position: relative;top: 1px;}
.p_a01 a{margin: 0 25px;}

@media only screen and (max-width:1280px) {
.tech_table .t1 { width:auto; }
.tech_table .t2 { width:400px; }
.tech_table .t3 { width:340px; }
.p_a01 a{margin: 0 15px;}
}
@media only screen and (max-width:1250px) {
.table_in .year_select dd{width: 100%;left: 0;margin-left: 0;}
}
@media only screen and (max-width:1024px) {
.technology_c .recruit_tab,.pub_tab{margin-bottom: 30px}
.tech_table{margin-bottom:30px;}
.tech_table .t1 { width:auto; }
.tech_table .t2 { width:280px; }
.tech_table .t3 { width:270px; }
.p_a01 a{margin: 0 10px;}
.p_a01 a i{font-size: 18px;}
}
@media only screen and (max-width:767px) {
	.technology_c .recruit_tab{margin-bottom: 20px;}
    .tech_table ,
    .tech_table thead,
    .tech_table tbody,
    .tech_table th,
    .tech_table td,
    .tech_table tr { display: block; }
   /* .tech_table thead tr { position: absolute; top: -9999px; left: -9999px; }*/
   .tech_table thead tr .t2,.tech_table thead tr .t3{display: none;}
   .tech_table thead tr{border: 1px solid #eee;}
   .tech_table thead td{border: 0;}
   .table_in .year_select dt{padding: 0 10px;}
   .table_in .year_select dd a{padding: 0 10px;line-height: 40px;}
   .tech_table thead .table_in{line-height: 40px;}
   .table_in .year_select dd{top:40px;max-height: 160px;}

    .tech_table tr { border: 1px solid #eee; border-bottom:0; margin-bottom:20px; }
    .tech_table td { border: none; border-bottom: 1px solid #eee; position: relative; padding:10px 0;  padding-left: 4em; white-space: normal; text-align: left;  }
    .tech_table td:before { position: absolute; top: 0; left: 0; padding:10px 0; width: 4em; text-indent:10px;  white-space: nowrap; text-align: left; }
    .tech_table td:before { content: attr(data-title); }
    .tech_table td{width: 100% !important;min-height: 40px;}
    .p_a01 a{margin:0;margin-right: 20px;}
}


/*视频*/
.videolist_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;display:none;}
.videolist_appbox .video_t{ left:10%; top:15%; position:absolute; height:70%; width:80%; z-index:2; background:#000;}
.videolist_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.video_close{ position:absolute; top:12%; right:10%; cursor:pointer; z-index: 2;}
.video_list .tips{ text-align: center;}
.video_list ul>li{float: left;width: 33.33%;*margin-left: -1px;margin-bottom: 40px;}
.video_list ul{margin: 0 -20px 10px;overflow: hidden;}
.video_list ul .tips{ text-align: center; margin-bottom: 5%;}
.video_list dl{margin: 0 20px;}
.video_list dt a{display: block;position: relative;}
.video_list dt .blank_20{position: absolute;top:0;left: 0;width:100%;height: 100%;background: rgba(0,0,0,0.2);}
.video_icon i{font-size: 24px;color: #fff;}
.video_list dd{border: 1px solid #e7e7e7;border-top:0;padding:20px 30px;padding-top: 15px;}
.video_park ol li{overflow: hidden;line-height: 24px;margin-bottom: 10px;}
.video_park ol span{float: left;width: 60px;font-family: SourceHanSansCN-Medium;}
.video_park ol p{float: left;width: calc(100% - 60px);white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#363636; font-family: SourceHanSansCN-Regular;}
.video_list .p_a01 a{margin: 0;margin-right: 25px; color:#363636;font-family: SourceHanSansCN-Regular;}

.solution_video .video_park ol span{width: 75px;}
.solution_video .video_park ol p{width: calc(100% - 75px); color:#363636;font-family: SourceHanSansCN-Regular;}
@media only screen and (max-width:1280px){
.video_park ol li{margin-bottom: 10px;}
.video_list ul>li{margin-bottom: 20px;}
.video_list dd{padding: 20px;}
.video_list dl{margin: 0 10px;}
.video_list ul{margin: 0 -10px 30px;}
}
@media only screen and (max-width:1024px){
.video_list ul{margin:0 -10px 10px;}
.video_park ol li{margin-bottom: 5px;}
.video_list dd{padding: 15px 10px;}
}
@media only screen and (max-width:767px){
.video_list ul>li{width: 100%;}
.video_list ul{margin: 0 ;}
.video_list dl{margin: 0;}
}



/*服务中心*/
.service_box{height: 597px;overflow: hidden;background: #f6f6f6;}
.service_cont .left,.service_cont .right{float: left;width: 50%;*margin-left:-1px;height: 100%;}
.service_cont .left{position: relative;}
.blank_48{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.48);}
.service_cont .left .blank_48{ display: none;}
.customer_box{position: relative;z-index: 2;color:#fff;padding: 5% 21%;box-sizing:border-box;width: 100%;}
.customer_phone{font-family: "Arial";font-weight: bold;font-size: 60px;line-height: 60px;margin-bottom: 5px;}
.customer_phone a{color: #fff;}
.customer_box h1{line-height: 42px;margin-bottom: 20px;}
.customer_box h1 img{margin-right: 10px;width: 42px;}
.customer_box p{line-height: 30px;}

.service_park{padding: 12% 7.7%;font-family: SourceHanSansCN-Regular;}
.service_park h1{margin-bottom: 10px;}
.service_park .s_p01{margin-bottom: 30px;color:#363636;}
.service_park .s_p01 a{color: #0869ac;border-bottom: 1px solid #0869ac;}
.service_form ul{padding-bottom: 40px;}
.service_form li{overflow: hidden;margin-bottom: 20px;}
.service_form li textarea,.service_form li input{box-sizing:border-box;background: none;outline: none;border: none;background: #fff;}
.service_form li textarea{padding:10px 20px;height: 160px;width: 100%;font-family: SourceHanSansCN-Regular;}
.service_form li input{width: 156px;height: 40px;line-height: 40px;border: 1px solid #d3d3d3;float: left;padding: 0 10px;}
.service_form li .code{width: 120px;height: 40px;cursor: pointer;float: left;margin-left: 10px;}
.service_form li .code img{width: 100%;height: 100%;}
.service_form button{box-sizing:border-box;background: none;outline: none;border: none;width: 200px;height: 45px;line-height: 45px;text-align: center;color: #fff;background: #0869ac;}
.service_form button.unlogin{background: #A09B9B; cursor: default;}

@media only screen and (max-width:1440px){
.customer_box{padding: 5% 15%}
}
@media only screen and (max-width:1280px){
.service_box{height: 520px}
.service_park{padding: 7%}
.customer_phone{font-size: 44px;line-height: 44px;}
}
@media only screen and (max-width:1024px){
.customer_box h1 img{width: 32px;}
.customer_box h1{line-height: 32px;}
.service_box{height: 370px}
.service_park{padding: 5%}
.customer_phone{font-size: 40px;line-height: 40px;}
.service_form ul{padding-bottom: 10px;}
.service_park .s_p01{margin-bottom: 20px;}
.customer_box{padding: 7%;}
.service_form li textarea{height: 100px;}
}
@media only screen and (max-width:767px){
.service_box{height: auto;}
.service_cont .left,.service_cont .right{float: none;width: 100%;}
.customer_box{transform: translate(0,0%);
-webkit-transform: translate(0,0%);
-ms-transform: translate(0,0%);
position: static;}
.customer_phone{font-size: 28px;line-height: 28px;}
.customer_box{padding:50px 20px;}
.service_park{padding: 20px;}
.service_form li{margin-bottom: 10px;}
.service_form button{width: 120px;margin: auto;display: block;height: 40px;line-height: 40px;}
.service_form li .code{width: 100px;}
.service_form li input{width: calc(100% - 120px)}
}


/*下载记录*/
.down_table .t3{width: 275px;}
.down_table .t4{width: 195px;}
@media only screen and (max-width:1280px) {
.down_table .t3{width: 180px;}
.down_table .t4{width: 180px;}
}
@media only screen and (max-width:1024px) {
.down_table .t3{width: 120px;}
.down_table .t4{width: 100px;}
}
@media only screen and (max-width:767px) {
.down_table thead tr .t4{display: none;}
.down_table td:before{width: 5em;}
.down_table td{padding-left: 6em;}
}


/*个人中心personal_c*/
.personal_c{margin-top: -20px;color: #333;}
.personal_c li{overflow: hidden;padding: 36px 60px;line-height: 24px;border-bottom: 1px solid #f6f6f6;}
.personal_c li:nth-child(2n){background: #f6f6f6;}
.personal_c .m_p01{float: left;width: 325px;font-family: SourceHanSansCN-Medium;}
.personal_c .m_p02{float: left;width: calc(100% - 405px);position: relative;word-break: break-all;font-family: SourceHanSansCN-Regular;}
.personal_c .m_p03{float: right;width: 70px;font-family: SourceHanSansCN-Regular;}
.personal_c .m_p03 a{color: #d00000;}
.photo_img{width: 54px;height: 54px;overflow: hidden;border-radius: 50%;border: 3px solid #d4d4d4;position: absolute;top:-16px;}
.photo_img img{width: 100%;height: 100%;border-radius: 50%;}

.member_blank{position: fixed;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);z-index: 10001;display: none;}
.member_layer{width: 562px;height: 490px;background: #fff;position: fixed;z-index: 10002;display: none;}
.member_insert{padding: 60px 80px;}
.member_layer h1{text-align: center;margin-bottom: 50px;float: none;font-size: 20px;font-family: SourceHanSansCN-Regular;}
.member_layer li{border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 25px;}
.member_layer li input{width: 100%;height: 40px;line-height: 40px;border: none;outline: none;background:none;font-family: SourceHanSansCN-Regular;}
.member_code span{width: 110px;height: 40px; float: right;cursor: pointer;}
.member_code span img{width: 100%;height: 100%;}
.member_layer .member_code input{width: calc(100% - 120px)}
.member_btn,.member_btn02{padding-top: 50px;font-family: SourceHanSansCN-Regular;}
.member_btn button,.member_btn a{display: block; border: none;outline: none;background:#0869ac;width: 100%;line-height: 55px;color: #fff;text-align: center;}
.member_btn02{text-align: center;}
.member_btn02 a{display: inline-block;width: 100px;line-height: 30px;box-sizing:border-box;border: 1px solid #e7e7e7;margin: 0 5px;font-family: SourceHanSansCN-Regular;}
.member_btn02 a.m_determine{background: #0869ac;color: #fff;border: 1px solid #0869ac;}
.member_scccess{text-align: center;margin-bottom: 10px;}
.member_scccess span{font-size: 80px;color: #0869ac;display: block;line-height: 100px;margin-bottom: 25px;}
.member_insert{display:none;}
.member_insert.cur{display: block;}
.close_layer{cursor: pointer; position: absolute;top:15px;right: 20px;}
.close_layer i{font-size: 30px;}


.pub_layer{background:#fff;width: 500px;height: 262px;box-sizing:border-box;padding: 40px 130px;z-index: 10002;display: none;position: fixed;}
.pub_layer h1{text-align: center;margin-bottom: 30px;font-size: 24px;font-family: SourceHanSansCN-Regular;}
.layer_sex h1{margin-bottom: 40px;font-size: 30px;}
.sex_choice{overflow: hidden;}
.sex_choice a{float: left;margin-right: 35px; padding-left: 25px;line-height: 20px;background: url(../image/sex.png) no-repeat 0 center;font-family: SourceHanSansCN-Regular;}
.sex_choice a:last-child{margin-right: 0;}
.sex_choice a.on{background: url(../image/sex_on.png) no-repeat 0 center;}
.pub_layer .member_btn02{padding-top: 40px;}


/*.member_blank{display: block;}*/
.layer_photo{display: block;height: 280px;display: none;}
.layer_photo .upload-box { display:block; width:60px; height:60px;border-radius: 50%; margin: auto;  position:relative; background:url(../image/photoimg.jpg) right center no-repeat; background-size: cover!important; }
.layer_photo .upload-box.again-box { background:no-repeat; padding:1px; border:0;overflow: hidden; height: auto;width: 76px;border-radius: 0%; }
.layer_photo .upload-box.again-box a.view,.upload-box.again-box a.view img { display:inline-block;  width:60px; height:60px;border-radius: 50%;}
.layer_photo .upload-box iframe { position:relative; overflow:hidden; position:absolute; width:100%; height:100%; opacity:0; filter:alpha(opacity=0);}
.layer_photo .upload-box.again-box a.view{background: none;color:#0046b9;float: left;cursor: default;}
.layer_photo .upload-box.again-box a.again{}

/*.member_blank{display: block;}
*/.layer_email{display: none;}
.form_input input{border:none;outline: none;background: none;line-height: 40px;padding: 0 10px;width: 100%;box-sizing:border-box;font-family: SourceHanSansCN-Regular;border: 1px solid #e7e7e7;}


@media only screen and (max-width:1024px) {
.personal_c{margin-top: 0;}
.personal_c li{padding: 20px;}
.photo_img{top:-15px;}
.personal_c .m_p01{width: 200px;}
.personal_c .m_p02{width: calc(100% - 280px);}

.member_layer{width: 400px; height: 344px;}
.member_insert{padding: 40px;}
.member_layer h1{margin-bottom: 20px;}
.member_btn,.member_btn02{padding-top: 20px;}
.member_btn button, .member_btn a{line-height: 40px;}
.member_scccess span{font-size: 66px;line-height: 66px;}
.member_scccess{padding-top: 20px;}
.pub_layer.layer_sex{height: 194px}

.pub_layer h1{font-size: 20px;margin-bottom: 20px;}
.pub_layer{padding: 30px 20px;width: 290px;height: 220px;}
.pub_layer .member_btn02{padding-top: 20px;}
}
@media only screen and (max-width:767px) {
.personal_c{margin-top:-10px;}
.personal_c li{padding: 20px 10px;}
.personal_c .m_p01{width: 70px;}
.personal_c .m_p02{width: calc(100% - 135px);}
.personal_c .m_p03{width: 55px;}

.pub_layer.layer_sex{height: 184px}


.pub_layer h1{font-size: 18px;margin-bottom: 20px;}
.pub_layer .member_btn02{padding-top: 20px;}


.layer_photo{height: 220px;}
}


@media only screen and (min-width:1025px){
.recruit_form button,.service_form button,.member_btn button,.member_btn a{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.recruit_email a:hover{color: #fff !important;/*opacity: 0.8*/ box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.2);}
.recruit_form button:hover,.service_form button:hover,.member_btn button:hover,.member_btn a:hover,.member_btn02 a:hover{/*opacity: 0.8;*/box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.2);}
.tech_table tbody tr:hover,.tech_table tbody tr:hover .p_a01 a{color: #0869ac;}
.customer_phone a:hover,.member_btn a:hover,.member_btn02 a.m_determine{color: #fff !important;}
.customer_phone a{cursor: default;}
}