@charset "utf-8";
.main_all_fix { width:105%; height:2px; position:relative; z-index:20;}

.main_all_fix .menu { width:100%; height:60px; position:absolute; top:0; left:0;}
.main_all_fix .menu_fix { width:1206px; position:fixed; top:0; left:50%; margin-left:-600px;}
.main_all_fix .menu:before { width:1920px; height:59px; content:""; background:#fff; border-bottom:#ddd 1px solid; position:absolute; bottom:0; left:50%; margin-left:-960px;}
.main_all_fix .menu li { width:calc((1200px - 11px) / 7); height:100%; margin-right:2px; position:relative; z-index:30;}
.main_all_fix .menu li a { float:left; width:100%; height:100%; text-align:center; line-height:60px; font-size:16px; position:relative;}
.main_all_fix .menu li a:hover { background:rgba(66,184,241,0.8); color:#fff;}
.main_all_fix .menu li a.active { background:rgba(66,184,241,1); color:#fff;}
.main_all_fix .menu li i { height:100%; padding-left:34px; display:inline-block; position:relative;}
.main_all_fix .menu li i:before { width:24px; height:24px; content:""; background:url(../images/base.png) no-repeat -320px -40px; position:absolute; top:50%; left:0; margin-top:-12px;}
.main_all_fix .menu li:hover i:before,.main_all_fix .menu li a.active i:before { background-position:-320px -65px;}
.main_all_fix .menu li#profile i:before { background-position:-320px -40px;}
.main_all_fix .menu li#profile:hover i:before,.main_all_fix .menu li#profile a.active i:before { background-position:-320px -65px;}
.main_all_fix .menu li#culture i:before { background-position:-345px -40px;}
.main_all_fix .menu li#culture:hover i:before,.main_all_fix .menu li#culture a.active i:before { background-position:-345px -65px;}
.main_all_fix .menu li#history i:before { background-position:-370px -40px;}
.main_all_fix .menu li#history:hover i:before,.main_all_fix .menu li#history a.active i:before { background-position:-370px -65px;}
.main_all_fix .menu li#honor i:before { background-position:-395px -40px;}
.main_all_fix .menu li#honor:hover i:before,.main_all_fix .menu li#honor a.active i:before { background-position:-395px -65px;}
.main_all_fix .menu li#zhaopin i:before { background-position:-420px -40px;}
.main_all_fix .menu li#zhaopin:hover i:before,.main_all_fix .menu li#zhaopin a.active i:before { background-position:-420px -65px;}
.main_all_fix .menu li#message i:before { background-position:-445px -40px;}
.main_all_fix .menu li#message:hover i:before,.main_all_fix .menu li#message a.active i:before { background-position:-445px -65px;}
.main_all_fix .menu li#contact i:before { background-position:-470px -40px;}
.main_all_fix .menu li#contact:hover i:before,.main_all_fix .menu li#contact a.active i:before { background-position:-470px -65px;}

.about_title { width:100%; padding-top:40px; margin-bottom:20px; position:relative; z-index:30;}
.about_title h2 { width:100%; font-weight:bold; line-height:30px; text-align:center; font-size:30px; position:absolute; top:-2px; left:0;}
.about_title p { text-align:center; font-size:14px; text-transform:uppercase;}

.about_profile { width:calc(100% - 610px); min-height:530px; padding:105px 0 50px 610px; position:relative; z-index:10;}
.about_profile>.imgs { width:570px; height:530px; position:absolute; top:105px; left:0;}
.about_profile>.imgs img { width:auto; min-height:100%; position:absolute; top:0; right:0;}
.about_profile>.more { width:100%; height:40px; margin-top:40px;}
.about_profile>.more a { float:left; width:130px; height:100%; background:#42b8f1; border-radius:20px; text-align:center; line-height:38px; font-size:16px; color:#fff;}
.about_profile>.more a:hover { background:#f7ab00;}

.about_culture { width:100%; padding:110px 0 50px; margin-top:-60px; color:#fff; position:relative; z-index:10;}
.about_culture:before { width:1920px; height:calc(100% - 60px); content:""; background:#42b8f1 url(../images/about/bg_about_culture.jpg) no-repeat center 0; position:absolute; bottom:0; left:50%; margin-left:-960px; z-index:10;}

.about_history { width:100%; padding:110px 0 50px; margin-top:-60px; position:relative; z-index:10;}
.about_history:before { width:1920px; height:calc(100% - 60px); content:""; background:url(../images/about/bg_about_history.jpg) no-repeat center 0; position:absolute; bottom:0; left:50%; margin-left:-960px; z-index:10;}
.about_history .info { width:100%; height:240px; padding:140px 0 80px; line-height:24px; position:relative; z-index:20;}
.about_history .info p { position:absolute;}
.about_history .info p strong { line-height:30px; font-size:18px;}
.about_history .info .imgs { background:none !important; top:140px; left:0;}
.about_history .info .p101 { width:170px; bottom:330px; left:0;}
.about_history .info .p102 { width:340px; bottom:330px; left:205px;}
.about_history .info .p103 { width:210px; bottom:330px; left:585px;}
.about_history .info .p104 { width:280px; bottom:330px; left:830px;}
.about_history .info .p201 { width:270px; top:380px; left:70px;}
.about_history .info .p202 { width:190px; top:380px; left:430px;}
.about_history .info .p203 { width:240px; top:380px; left:685px;}
.about_history .info .p204 { width:235px; top:380px; left:965px;}

.about_honor { width:100%; height:400px; padding:110px 0 50px; margin-top:-60px; color:#fff; position:relative; z-index:10;}
.about_honor:before { width:1920px; height:calc(100% - 60px); content:""; background:#51bdf1 url(../images/about/bg_about_honor.jpg) no-repeat center 0; position:absolute; bottom:0; left:50%; margin-left:-960px; z-index:1;}


.about_honor .list { width:100%; height:310px; position:absolute; bottom:50px; left:0; z-index:30;}
.about_honor .list .scroll { width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0;}
.about_honor .list .auto_list { width:10000%; height:100%;}
.about_honor .list .auto_list li { width:230px; height:100%; margin-right:12px; position:relative;}
.about_honor .list .auto_list li a { width:100%; height:100%; position:absolute; top:0; left:0;}
.about_honor .list .auto_list li p { width:100%; overflow:hidden; position:absolute; left:0;}
.about_honor .list .auto_list li .img { height:100%;}
.about_honor .list .auto_list li .img img { transition:all 0.5s;}
.about_honor .list .auto_list li:hover .img img { transform:scale(1.08);}

.about_honor .list .button { width:30px; height:30px; border:#fff 1px solid; border-radius:100%; position:absolute; top:50%; margin-top:-16px; cursor:pointer;}
.about_honor .list .button:before { width:8px; height:15px; content:""; background:url(../images/base.png) no-repeat 100px 0; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.about_honor .list .button:hover { background:#f7ab00; border-color:#f7ab00;}
.about_honor .list .button.auto_list_prev { left:-46px;}
.about_honor .list .button.auto_list_prev:before { background-position:-450px 0; margin-left:10px;}
.about_honor .list .button.auto_list_next { right:-46px;}
.about_honor .list .button.auto_list_next:before { background-position:-460px 0; margin-right:10px;}



.about_honor1 .list { width:100%; height:310px; position:absolute; bottom:50px; left:0; z-index:30;}
.about_honor1 .list #auto_list1 { width:10000%; height:100%;}
.about_honor1 .list li { width:230px; height:100%; margin-right:12px; position:relative;}
.about_honor1 .list li p { width:100%; overflow:hidden; position:absolute; left:0;}
.about_honor1 .list li .img { height:100%;}
.about_honor1 .list li .img img { transition:all 0.8s;}
.about_honor1 .list li:hover .img img { transform:scale(1.05);}
.about_honor1 .button { width:100%; height:310px; position:absolute; bottom:50px; left:0; z-index:20;}
.about_honor1 .button li { width:30px; height:30px; border:#fff 1px solid; border-radius:100%; position:absolute; top:50%; margin-top:-16px; cursor:pointer;}
.about_honor1 .button li:before { width:8px; height:15px; content:""; background:url(../images/base.png) no-repeat 100px 0; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.about_honor1 .button li:hover { background:#f7ab00; border-color:#f7ab00;}
.about_honor1 .button .prev { left:-46px;}
.about_honor1 .button .prev:before { background-position:-450px 0; margin-left:10px;}
.about_honor1 .button .next { right:-46px;}
.about_honor1 .button .next:before { background-position:-460px 0; margin-right:10px;}

.about_zhaopin { width:100%; padding:110px 0 50px; margin-top:-60px; position:relative; z-index:10;}
.about_zhaopin .list { width:105%; margin-top:11px; position:relative; z-index:10;}
.about_zhaopin .list li { width:580px; height:88px; margin:-1px 40px 0 0; border:#b5b5b6 1px dotted; border-left:0; border-right:0; position:relative;}
.about_zhaopin .list li p { height:20px; overflow:hidden; position:absolute;}
.about_zhaopin .list li .name { width:440px; top:20px; text-overflow:ellipsis; white-space:nowrap; left:10px;}
.about_zhaopin .list li .date { width:200px; bottom:20px; left:10px;}
.about_zhaopin .list li .num { width:200px; bottom:20px; left:210px;}
.about_zhaopin .list li .view { width:90px; height:40px; line-height:40px; top:50%; right:10px; margin-top:-20px;}
.about_zhaopin .list li .view a { width:100%; height:100%; background:#ddd; border-radius:10px; text-align:center; display:block;}
.about_zhaopin .list li:hover { background:rgba(66,184,241,0.05);}
.about_zhaopin .list li:hover .view a { background:#42b8f1; color:#fff;}

.about_message { width:100%; height:420px; padding:110px 0 50px; margin-top:-60px; position:relative; z-index:10;}
.about_message:before { width:1920px; height:calc(100% - 60px); content:""; background:url(../images/bg_contact.jpg) no-repeat center 0; position:absolute; bottom:0; left:50%; margin-left:-960px; z-index:10;}
.about_message .info { width:400px; height:420px; background:#42b8f1; position:absolute; bottom:50px; left:0; z-index:20;}
.about_message .message { width:800px; height:420px; background:#fff; position:absolute; bottom:50px; right:0; z-index:20;}
.about_message .message li { width:360px; height:50px; line-height:50px; font-size:14px; position:absolute; left:30px; z-index:10;}
.about_message .message li span { height:100%; color:#898989; position:absolute; top:0; left:15px;}
.about_message .message li input { width:calc(100% - 2px); height:calc(100% - 2px); border:#ddd 1px solid; text-indent:85px; position:absolute; top:0; left:0; z-index:20;}
.about_message .message li input:focus { border-color:#42b8f1;}
.about_message .message .name { line-height:28px; font-size:30px; color:#42b8f1; top:40px;}
.about_message .message .xuqiu { width:740px; top:100px;}
.about_message .message .user { top:170px;}
.about_message .message .tel { top:170px; left:auto; right:30px;}
.about_message .message .qq { top:240px;}
.about_message .message .code { top:240px; left:auto; right:30px;}
.about_message .message .code img { height:26px; position:absolute; top:50%; right:7px; margin-top:-13px; z-index:30; cursor:pointer;}
.about_message .message .submit { width:740px; height:60px; background:#42b8f1; text-align:center; line-height:58px; font-size:18px; color:#fff; top:315px;}
.about_message .message .loading { width:100%; height:100%; background-color:rgba(0,0,0,0.1) !important; position:absolute; top:0; left:0; z-index:100; display:none;}

.about_contact { width:100%; padding:110px 0 60px; margin:-60px 0 -50px; color:#fff; position:relative; z-index:10;}
.about_contact:before { width:1920px; height:calc(100% - 60px); content:""; background:#42b8f1 url(../images/about/bg_about_contact.jpg) no-repeat center 0; position:absolute; bottom:0; left:50%; margin-left:-960px; z-index:10;}
.about_contact .about_title { margin-bottom:35px;}
.about_contact article { width:calc(100% - 830px); min-height:420px; line-height:34px; padding-left:830px;}
.about_contact article .map { width:830px; height:420px; overflow:hidden; position:absolute; top:-7px; left:0;}
.about_contact article .icon { position:relative;}
.about_contact article .icon:before { width:20px; height:20px; content:""; background:url(../images/base.png) no-repeat 100px 0; position:absolute; top:9px; left:0;}
.about_contact article .icon.tel:before { width:40px; height:23px; background-position:-320px -90px; top:0;}
.about_contact article .icon.addr:before { background-position:-360px -90px;}
.about_contact article .icon.mobile:before { background-position:-380px -90px;}
.about_contact article .icon.www:before { background-position:-400px -90px;}
.about_contact article .icon.copy:before { background-position:-420px -90px;}
.about_contact article .icon.zhanghao:before { background-position:-440px -90px;}
.about_contact article .icon.yinhang:before { background-position:-460px -90px;}