@charset "utf-8";
.contact{ padding-top:0px;}
.contact .nadd{ width:100%; height:18px; padding-bottom:15px; text-align:left;}
.contact .nadd span{ line-height:14px; padding-right:25px; color:#696969; vertical-align:bottom; cursor:pointer;}
.contact .nadd span a{ color:#696969;}
.contact .nadd span.ok a{ font-size:18px; line-height:18px; color:#006eb9; vertical-align:bottom;}

.contact .cont_main{ width:100%;border-top:#d1d1d1 1px solid; position:relative;}

/*滚动图*/
.contact .bann_box{ border-top:none;}
.contact .bann_box a{ width:28px; height:58px; position:absolute; top:50%; margin-top:-29px;}
.contact .bann_box a.left{ left:-38px; background:url(../images/arr_left.png);}
.contact .bann_box a.right{ right:-38px; background:url(../images/arr_right.png);}

.contact .bann_box .bann_about{ width:100%; overflow:hidden;}

.contact .bann_box .bann_about > ul > li{ overflow:hidden; position:relative; float:left;}
.contact .bann_box .bann_about > ul > li img{ width:100%;}
.contact .bann_box .bann_about > ul > li img.sy_pic{ position:absolute; left:0; top:0;}

.contact .bann_box .bann_about > ul > li p{ font-size:20px; color:#fff; position:absolute; right:5%; bottom:40%;}
.contact .bann_box .bann_about > ul > li .text_box{ width:100%; height:146px; background:rgba(255,255,255,0.5); position:absolute; bottom:10%;}
.contact .bann_box .bann_about > ul > li .text_box ul{ width:40%; height:50%; position:absolute; top:25%; right:0}
.contact .bann_box .bann_about > ul > li .text_box ul li{ width:50%; padding-bottom:15px; color:#1a6185; list-style:disc; float:left;}

/*公司简介*/



/*投资者*/
.contact .inv ul{ width:90%; margin:0 auto;}
.contact .inv ul li{ width:33.33%; float:left; padding-bottom:30px;}
.contact .inv ul li div{ width:90%; margin:0 auto; overflow:hidden; position:relative;}
.contact .inv ul li img{ width:98%; margin:auto; border:1px solid #e3e3e3}
.contact .inv ul li img.sy_pic{}

/*关于我们*/
.contact .aboutus .nav{ text-align:center; padding-bottom:50px;}
.contact .aboutus .nav li{ height:16px; line-height:16px; padding:0 15px; font-size:16px; color:#333; display:inline-block; cursor:pointer;}
.contact .aboutus .nav li.ok{ color:#006eb9;}

.contact .aboutus .show_wall{ width:100%; display:none;}

.contact .aboutus .show_wall .teams{ width:70%; margin:0 auto;}
.contact .aboutus .show_wall .teams .pic{ width:100%; position:relative; overflow:hidden;}
.contact .aboutus .show_wall .teams .pic img{ width:100%;}
.contact .aboutus .show_wall .teams .pic img.sy_pic{ position:absolute; left:0; top:0;}
.contact .aboutus .show_wall .teams p{ width:100%; padding-top:30px; color:#696969; text-align:left; line-height:25px}

.contact .aboutus .show_wall .road li{ width:25%; height:400px; float:left; padding-bottom:40px;}
.contact .aboutus .show_wall .road li .main{ width:95%; margin:0 auto;}
.contact .aboutus .show_wall .road li .main .pic{ width:100%; overflow:hidden; position:relative; margin-bottom:15px;}
.contact .aboutus .show_wall .road li .main .pic img{ width:100%;}
.contact .aboutus .show_wall .road li .main .pic img.sy_pic{ position:absolute; left:0; top:0;}
.contact .aboutus .show_wall .road li .main span{ width:100%; height:25px; line-height:25px; font-size:16px; background:rgba(255,255,255,0.6); color:#000; position:absolute; bottom:0; display:block; z-index:10;}

.contact .aboutus .show_wall .road li .main h3{ color:#333; padding-bottom:10px; font-weight:400; height:45px; overflow:hidden}
.contact .aboutus .show_wall .road li .main p{ padding-bottom:10px; font-size:14px; color:#969696; line-height:20px}


.contact .aboutus .show_wall .show_pic li{ width:25%; height:400px; float:left; padding-bottom:40px;}
.contact .aboutus .show_wall .show_pic li .main{ width:95%; margin:0 auto;}
.contact .aboutus .show_wall .show_pic li .main .pic{ width:100%; overflow:hidden; position:relative; padding-bottom:15px;}
.contact .aboutus .show_wall .show_pic li .main .pic img{ width:100%;}
.contact .aboutus .show_wall .show_pic li .main .pic img.sy_pic{ position:absolute; left:0; top:0;}

.contact .aboutus .show_wall .show_pic li .main h3{ color:#333; padding-bottom:10px; font-weight:400; height:65px; overflow:hidden}
.contact .aboutus .show_wall .show_pic li .main p{ padding-bottom:10px;font-size:14px;line-height:20px; color:#969696;}
.contact .aboutus .show_wall .show_pic li .main span{ font-size:16px; color:#696969;}

.contact .aboutus .show_wall .culture .pic{ width:100%; overflow:hidden; position:relative; padding-bottom:15px;}
.contact .aboutus .show_wall .culture .pic img{ width:100%;}
.contact .aboutus .show_wall .culture .pic img.sy_pic{ position:absolute; left:0; top:0;}

/*联系我们*/
.cont{ width:85%; color:#696969; margin-top:40px}
.cont .line{ width:100%; height:1px; background:#d1d1d1; display:block;}
.cont .main{ width:100%; background:url(../images/cont_bg.jpg) center no-repeat;}
.cont .main h3{ padding-bottom:10px; font-weight:300}
.cont .main .pic{ width:100%; overflow:hidden; position:relative; padding-bottom:85px;}
.cont .main .pic img{ width:100%;}
.cont .main .pic img.sy_pic{ position:absolute; left:0; top:0;}
/* 
.cont .main .text{ width:40%; float:left;} */
.cont .main .text h4{ padding-bottom:10px; color:#474747;}
.cont .main .text p{ padding-bottom:20px;}
.cont .main .text p.contact_p1{padding-bottom:0px;}
.cont .main .text a{font-size:14px;}

.cont .main .map_box{ width:60%; float:left;}
.cont .main .map_box .map{ width:100%;}
.cont .main .map_box .map img{ width:100%;}
.cont .main .map_box span{ font-size:12px; color:#006eb9;}

/*加入我们*/
.join{ width:100%; border:#d1d1d1 1px solid; margin-top:50px; position:relative;}
.join .nav{ width:100%; position:absolute; top:-52px;text-align: center;}
.join .nav li{height:50px; border-radius:5px 5px 0 0; display:inline-block;cursor:pointer;}
.join .nav li p{ height:50px; line-height:50px; font-size:16px; text-align:center; color:#000;}
.join .nav li p span{ padding-right:10px;}
.join .nav li p i{ width:11px; height:6px; padding:22px 0 22px 11px; background:url(../images/text_arr_before.png) center no-repeat;}

.join .nav li.ok{ border:#d1d1d1 1px solid; border-bottom:#fff 1px solid;}
.join .nav li.ok p{ color:#006eb9;}
.join .nav li.ok p i{ background:url(../images/text_arr_after.png) center no-repeat;}

.join .main_box{ width:90%; padding:35px 0 40px 0; margin:0 auto; display:none;}
.join .main_box .joinus{ width:100%;}
.join .main_box .joinus .type{ width:100%; padding-bottom:0px;}
.join .main_box .joinus .type > .title{ width:100%; height:58px; margin-bottom:5px; border:#d1d1d1 1px solid; background:#f9f9f9;}
.join .main_box .joinus .type > .title > p{ padding-left:18px; line-height:58px; font-size:16px; color:#006eb9; cursor:pointer}

.join .main_box .joinus .type_class{ width:100%; margin-bottom:5px; display:none;}
.join .main_box .joinus .type_class .title{ width:100%; height:38px; border:#d1d1d1 1px solid; background:#f9f9f9; position:relative; cursor:pointer;}
.join .main_box .joinus .type_class .title p{ padding-left:12px; line-height:38px; color:#000;}
.join .main_box .joinus .type_class .title p i{ padding-right:26px; background:url(../images/jiahao.png) center left no-repeat;}
.join .main_box .joinus .type_class .title span{ width:10px; height:10px; margin-top:-2.5px; background:url(../images/main_arr_before.png) center no-repeat; position:absolute; right:12px; top:50%;}
.join .main_box .joinus .type_class .title span.ok{ background:url(../images/main_arr_after.png) center no-repeat;}

.join .main_box .joinus .type_class .detail{ width:100%; color:#333; display:none; padding-top:25px;}
.join .main_box .joinus .type_class .detail h3{ font-size:20px; font-weight:normal; padding-bottom:25px; text-align:center;}
.join .main_box .joinus .type_class .detail .add_cla{ padding-bottom:30px;}
.join .main_box .joinus .type_class .detail .add_cla span{ font-size:16px; padding-right:50px;}
.join .main_box .joinus .type_class .detail .shuoming{ padding-bottom:20px; font-size:16px; padding-top:20px}
.join .main_box .joinus .type_class .detail .shuoming_ol{ font-size:16px; padding-bottom:20px;}
.join .main_box .joinus .type_class .detail .shuoming_ol{margin:0;padding:0; border:0px;}
.join .main_box .joinus .type_class .detail .shuoming_ol li{list-style:none;}
.join .main_box .joinus .type_class .detail .btn{ width:109px; height:35px; background:url(../images/join_but.png) no-repeat; padding-bottom:25px; cursor:pointer; margin-top:40px; display:block}
.join .main_box .joinus .type_class .btn-ca{ width:109px; height:35px; background:url(../images/join_ca_btn.jpg) no-repeat; padding-bottom:25px; cursor:pointer; margin-top:40px; display:block}

.join .main_box .fuli{ width:100%;}
.join .main_box .fuli p{ padding:5px 0; font-size:14px; color:#696969; text-align:left; margin:auto; }
.join .main_box .fuli .pic{ width:86%; margin:0 auto; overflow:hidden; position:relative; margin-top:30px}
.join .main_box .fuli .pic img{ width:100%;}
.join .main_box .fuli .pic img.sy_pic{ position:absolute; left:0; top:0;}

.joint{margin-top:25px; padding-top:45px; border-top:1px solid #d1d1d1}
.joinico{ width:100%;}
.jionicoen{ width:60%; margin:auto}
.joinico li{ float:left; width:20%; text-align:center; margin-bottom:45px}
.jionicoen li{ float:left; width:33.33%; text-align:center; margin-bottom:45px}

.joinico li i{ display:block; width:84px; height:84px; border-radius:84px; border:1px solid #58bbff; background:url(../images/join-ico.png) no-repeat 0px 0px; margin:auto; margin-bottom:8px;}
.joinico li i.ico-2{ background-position:0px -84px;}
.joinico li i.ico-3{ background-position:0px -168px;}
.joinico li i.ico-4{ background-position:0px -252px;}
.joinico li i.ico-5{ background-position:0px -336px;}
.joinico li i.ico-6{ background-position:0px -420px;}
.joinico li i.ico-7{ background-position:0px -504px;}
.joinico li i.ico-8{ background-position:0px -588px;}
.joinico li i.ico-9{ background-position:0px -672px;}
.joinico li i.ico-10{ background-position:0px -756px;}

.join .main_box .fuli .joinico li p{ width:100%; text-align:center; color:#696969}


.join .main_box .imhere{ width:100%;}
.join .main_box .imhere .pic{ width:100%; overflow:hidden; position:relative;}
.join .main_box .imhere .pic img{ width:100%;}
.join .main_box .imhere .pic img.sy_pic{ position:absolute; left:0; top:0;}
.join .main_box .imhere .main{ width:86%; padding-top:65px; margin:0 auto;}
.join .main_box .imhere .main .title_box{ width:100%; margin-bottom:35px; border-bottom:#d1d1d1 1px solid;}
.join .main_box .imhere .main .title_box span{ width:30%; font-size:16px; margin:0 auto; background:#fff; color:#333; position:relative; bottom:-5px; display:block; text-align:center;}
.join .main_box .imhere .main ul li{ width:30%; float:left;}
.join .main_box .imhere .main ul li.middle{ margin:0 5%;}

.banner{ width:100%; position:relative; z-index:0}
.banner-d{ width:100%;}
.banner img,.banner-d img{ width:100%;}
.banner h2{font-size: 48px ; width:100%; left:0; text-align:center;
color: #FFF ;
text-shadow: 0px 2px 0px rgba(51, 51, 51, 0.3);
position: absolute;
top: 50%;
margin-top: -30px;
font-weight: 300;
}

.a-table td{ padding:8px}
.a_table{    font-size: 13px;}
selectTdClass{background-color:#edf5fa !important}
table.noBorderTable td,table.noBorderTable th,table.noBorderTable caption{border:1px dashed #ddd !important}
.a_table table{text-align: center;margin-bottom:10px;border-collapse:collapse;display:table; border-top: 2px solid #DDD;border-bottom: 2px solid #DDD;}
.a_table td,th{padding: 5px 10px;vertical-align: middle;}
.caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}
.a_table th{border-top:1px solid #BBB;background-color:#F7F7F7;}
.a_table table tr.firstRow th{border-top-width:2px;}
.a_table table tr{height:45px;}
.ue-table-interlace-color-single{ background-color: #f2f2f2; }
.ue-table-interlace-color-double{ background-color: #fff; }
.a_table td p{margin:0;padding:0;}
.a_table strong,.a_table p{color:#666666;}
.resume-delivery {position:relative;}
.resume-delivery a {text-decoration: underline;}
.resume-delivery .zhao-icon-box{position: absolute;width: 10%;top: 50%;transform: translate(0,-50%);right: 0;left:0;margin:auto;text-align: center;}
.resume-delivery .zhao-icon-box img{width:100%;border:1px solid #d5d5d5;}
.resume-delivery .zhao-icon-box span{display:inline-block;margin-top: 8px;}
.city_tb td{ padding: 8px; }
.city_tb table{margin-bottom:1px;border-collapse:collapse;display:table;}
.city_tb td,th{padding: 0 20px 0 0;border: 0px;}
.city_tb td.greyFirst {color: #999}

.join-ul ul,li{padding:0; margin:0;}

.jon_text{ width:100%; padding:30px 0px}
.jon_text .pimg{ width:30%; float:left}
.jon_text .pimg img{ width:100%;}
.jon_text .text{ position:relative;width:66%; float:right; line-height:24px}
.jon_text .text .zhao-icon-box{position: absolute;width: 20%;top: 50%;transform: translate(0,-50%);right: 0;text-align: center;}
.jon_text .text .zhao-icon-box img{width:100%;}
.jon_text .text b>a{text-decoration: underline;}
.jon_text .text>a.but-b{display:inline-block;margin-top:5px;}
.timesj{ width:100%; min-height:954px;height: auto; background:url(../images/time-1.png) center top no-repeat;background-size: 7px 100%;}
.timesj .xbox{ width:50%; padding:15px 0px; position:relative }
.timesj .xbox b{ font-weight:normal; display:inline-block; width:62%;float:left}
.timesj .xbox b span{ padding:0px 20px; display:block}
.timesj .xbox .xt{ border-bottom:1px solid #a8a8ac; display:inline-block; width:38%; position:relative; margin-top:10px; float:left}
.timesj .xbox .xt i{ display:inline-block; width:9px; height:9px; overflow:hidden; border-radius:9px; position:absolute; top:-4px; background:#4eb3f8}
.timesj .aR .icond { right:-85px;}
.timesj .aR .xt i {  left:0;}
.timesj .xbox .icond {width:106px; height:43px; line-height:43px; position:absolute; top:3px; }
.timesj .xbox .icond i{ width:48px; height:43px; display:block; background:url(../images/time-i.png) no-repeat 0px 0px; line-height:43px; float:left}

.timesj .aL{ margin-left:50%}
.timesj .aL  b{float:right}
.timesj .aL  .xt{float:right}
.timesj .aL .xt i{ right:0}
.timesj .aL .icond i{ width:48px; height:43px; display:block; background:url(../images/time-i.png) no-repeat 0px -43px; line-height:43px; float:right}
.timesj .aL .icond { left:-85px;}

@media screen and (max-width: 1920px){
 .jon_text .pimg-right { width: 250px; float:right;  text-align:center; margin-top: -250px}
 .jon_text .pimg-right img {padding-left:45px; width: 160px; height: 160px}
 .jon_text .pimg-right .qr-text { text-align: center;}

}

@media screen and (max-width: 1024px){
.resume-delivery .zhao-icon-box{width: 20%;left:auto;}
.contact .bann_box .bann_about > ul > li p{ bottom:50%;}
.contact .bann_box .bann_about > ul > li .text_box ul{ width:50%;}

.join .main_box .imhere .main .title_box span{ width:50%}
}

@media screen and (max-width: 980px){
.contact .bann_box a.left{ left:10px; z-index:100;}
.contact .bann_box a.right{ right:10px; z-index:100;}

.contact .jianjie .text{ width:100%; padding-bottom:20px;}
.contact .jianjie .video{ width:100%;}

.contact .aboutus .show_wall .show_pic li{ width:50%;}
.contact .aboutus .show_wall .road li{ width:50%;}

.contact .aboutus .show_wall .teams{ width:100%;}

.contact .bann_box .bann_about > ul > li p{ font-size:16px; bottom:60%;}
.contact .bann_box .bann_about > ul > li .text_box{ height:100px;}
.contact .bann_box .bann_about > ul > li .text_box ul{ width:100%; height:100%; top:0;}
.contact .bann_box .bann_about > ul > li .text_box ul li{ width:80%; margin-left:20%; padding-bottom:4px; clear:left;}

.cont .main .text{ width:100%;}
.cont .main .text h4{ clear:both; float:left;}
.cont .main .text p{ float:left;}
.cont .main .map_box{ width:100%;}
.cont{ width:85%; color:#696969; margin-top:0px}

.contact .inv ul{ width:80%; margin:0 auto;}

.join .main_box .imhere .main .title_box span{ width:100%}

.contact .jianjie .text{  padding:0; float:left; line-height:23px; margin-bottom:30px}

.contact .cont_main{ width:100%; border-top:#d1d1d1 1px solid; position:relative;}

.contact .inv ul li{ width:50%; float:left; padding-bottom:30px;}
.contact .inv ul li .pic{ width:90%; margin:0 auto; overflow:hidden; position:relative;}
.contact .inv ul li .pic img{ width:100%;}
.contact .inv ul li .pic img.sy_pic{ position:absolute; left:0; top:0;}
.cont_main.inv  ul{ width:90%; margin:0 auto;}


.join .main_box .imhere .main{ width:100%; padding-top:65px; margin:0 auto;}
.join .main_box .imhere .main .title_box{ width:100%; margin-bottom:35px; border-bottom:#d1d1d1 1px solid;}
.join .main_box .imhere .main .title_box span{ width:33.33%; font-size:16px; margin:0 auto; background:#fff; color:#333; position:relative; bottom:-5px; display:block; text-align:center;}
.join .main_box .imhere .main ul li{ width:33.33%; float:left;}
.join .main_box .imhere .main ul li.middle{ margin:0;}

.banner h2{font-size: 1.5em ; width:100%; left:0; text-align:center;
	color: #FFF ;
	text-shadow: 0px 2px 0px rgba(51, 51, 51, 0.3);
	position: absolute;
	top: 70%;
	margin-top: -70px;
	font-weight: 300;
}

.jon_text .pimg{ width:100%; float:none}
.jon_text .pimg img{ width:100%;}
.jon_text .text{ width:100%; float:none; line-height:normal; margin-top:30px}

 .jon_text .pimg-right {width:100%; margin-top: 0;   display:block;}
 .jon_text .pimg-right img {width:100%; width:160px; height: 160px; padding-left:0px;margin-left: -10px; }
 .jon_text .pimg-right p { text-align: left;}

.timesj .xbox b{ font-weight:normal; display:inline-block; width:80%;float:left}
.timesj .xbox b span{ padding:0px 10px; display:block}
.timesj .xbox .xt{ border-bottom:1px solid #a8a8ac; display:inline-block; width:20%; position:relative; margin-top:10px; float:left}
.timesj .xbox .xt i{ display:inline-block; width:9px; height:9px; overflow:hidden; border-radius:9px; position:absolute; top:-4px; background:#e7161a}

.timesj .aL{ margin-left:50%}
.timesj .aL  b{float:right}
.timesj .aL  .xt{float:right}
.timesj .aL .xt i{ right:0}
.timesj .aL .icond i{ width:48px; height:43px; display:block; background:url(../images/time-i.png) no-repeat 0px -43px; line-height:43px; float:right}
.timesj .aL .icond { left:-85px;}

.banner{ width:100%; overflow:hidden}
/* .banner img {
    width: 150%; margin-left:-25%;
} */
.contact .cont_main.cont{ padding:0}
.cont .main .pic{ padding-bottom:30px}
.map_box{ padding-top:20px}

.joinico{ width:100%;}
.joinico li{ float:left; width:50%; text-align:center; margin-bottom:30px}

.joint{margin-top:45px; padding-top:45px; border-top:1px solid #d1d1d1}

}
@media screen and (max-width: 680px){
  .resume-delivery .zhao-icon-box{width: 40%;position:relative;transform: translate(0,0);margin-top: 30px;}
  .jon_text .text .zhao-icon-box{width: 40%;position:relative;transform: translate(0,0);margin: 30px auto auto auto;}
}