@charset "utf-8";
.third_title h3{ font-size:24px; color:#333; text-align:center; margin-bottom:10px; font-weight:bold; padding-bottom:15px; background: url(../images/leaderlan.png) no-repeat center bottom; margin-bottom:50px;}
.third_title p{ font-size:14px; color:#666; text-align:center; margin-bottom:60px; line-height:20px;}
.advantage{ padding-top:50px;}
.joins{ border:1px solid #eee; padding:30px 20px; min-height:200px; box-sizing:border-box; margin-bottom:30px;}
.joins h3{font-size:24px; color:#333;line-height:40px; font-style: italic; font-weight:bold; position:relative; margin-bottom:12px;}
.joins h3 strong{font-size:36px; }
.joins h3:after{content:''; display:block; position:absolute; right:0; top:30px; width:64%; height:1px; background-color:#eee;}
.joins p{font-size:14px; color:#666;line-height:24px; color:#666;}
.joins:hover{ border-color:#0084d8;}
.joins:hover h3,.joins:hover strong{ color:#0084d8;}
@media screen and (max-width:1250px) {
.joins h3:after{ width:55%; }
.joins{ min-height:240px; }
}
@media screen and (max-width:768px) {
.joins h3{font-size:20px; }
.joins h3 strong{font-size:26px; }
.joins{ min-height:auto;  padding:20px 15px; }
.third_title h3{ font-size:20px; margin-bottom:30px;}
}


.corpter{ background:url(../images/cor.jpg) no-repeat center; background-size:cover; padding:70px 0; margin-top:40px;}
.partner{width:100%; margin:0px auto; }
.partner .tab_menu{ max-width:70%;  margin:0 auto; box-sizing: border-box;font-size:16px; color:#fff; line-height:34px;}
.partner .tab_menu p{ font-size:16px; color:#fff; line-height:34px;}
.partner .tab_menu li{ width:50%; float:left; text-align:center;cursor:pointer;  line-height:34px; background:url(../images/shu.png) no-repeat right center; position:relative;}
.partner .tab_menu li.current:after{ content:''; display:block; position:absolute; left:50%; bottom:-45px;width: 0;height: 0;border-width: 0 8px 8px;border-style: solid;border-color: transparent transparent rgba(255,255,255,0.5) ;}
.partner .tab_menu li span{ display:inline-block; width:36px;  line-height:34px; margin-right:10px;}
.partner .tab_menu li:nth-child(1) span{ background:url(../images/cor2.png) no-repeat center ;}
.partner .tab_menu li:nth-child(2) span{ background:url(../images/cor1.png) no-repeat center ;}
.partner .tab_menu li:nth-child(2){ background:none;}
.partner .tab_menu li p{font-size:16px; color:#666; line-height:24px; text-align:center;}
.partner .tab_box{padding:0; }
.parcotent{ background:rgba(255,255,255,0.2); padding:50px 150px; margin-top:45px;}
.parcotent p,.parcotent a{font-size:14px; color:#fff; line-height:30px;}

.stepdd{ margin-right: -15px;margin-left:-15px; margin-bottom:50px;}
.stepdd li{ cursor:pointer; float:left; box-sizing:border-box; }
.stepdd li:nth-child(n){ width:14%;}
.stepdd li:nth-child(2n){ width:7%;}
.xu{ width:100%; border:1px #ccc dashed; background-color:#f9f9f9; border-radius:5px; text-align:center; padding:30px 0;} 
.xu h3{font-size:18px; color:#666; line-height:26px; padding-top:55px;}
.stepdd li:nth-child(1) h3{ background:url(../images/j1.png) no-repeat center top;}
.stepdd li:nth-child(3) h3{ background:url(../images/j2.png) no-repeat center top;}
.stepdd li:nth-child(5) h3{ background:url(../images/j3.png) no-repeat center top;}
.stepdd li:nth-child(7) h3{ background:url(../images/j4.png) no-repeat center top;}
.stepdd li:nth-child(9) h3{ background:url(../images/j5.png) no-repeat center top;}
.stepdd li:nth-child(1):hover h3{ background:url(../images/y1.png) no-repeat center top;}
.stepdd li:nth-child(3):hover h3{ background:url(../images/y2.png) no-repeat center top;}
.stepdd li:nth-child(5):hover h3{ background:url(../images/y3.png) no-repeat center top;}
.stepdd li:nth-child(7):hover h3{ background:url(../images/y4.png) no-repeat center top;}
.stepdd li:nth-child(9):hover h3{ background:url(../images/y5.png) no-repeat center top;}
.stepdd li img{ display:block; margin:60% auto 0;  }
.stepdd li:hover .xu{ background:#0084d8; border-color:#0057b0;}
.stepdd li:hover .xu h3{ color:#fff;}
.grey{ background-color:#eeeeee; padding:50px 0;}
.train p{ font-size:16px; color:#666; line-height:24px; text-align:center;}
.win{ background:url(../images/blue.jpg) no-repeat center bottom;}
.future{ padding-top:90px;}
.future h3{font-size:18px; color:#fff; line-height:32px;font-weight:bold; margin-bottom:10px;}
.future p{font-size:16px; color:#fff; line-height:24px; font-weight:bold;}
.win img{ display:block; margin:0 auto;}
@media screen and (max-width:1200px) {
.corpter{ padding:30px 0; margin-top:20px;}
.stepdd li{ width:25%; }
.processd{  padding:60px 0; }
.partner .tab_menu{ max-width:100%; font-size:15px; }
.parcotent{  padding:30px 20px; margin-top:25px;}
.partner .tab_menu li.current:after{ bottom:-25px;}
}
@media screen and (max-width:768px) {
.processd h4{font-size:14px; line-height:20px; }
.stepdd{ margin-bottom:20px;}
.stepdd li:nth-child(n){ width:50%; padding:15px;}
.stepdd li:nth-child(2n){ display:none;}
}
.clear{ clear:both;}
.profile{ padding-top:50px; margin-bottom:30px;}
.bgblue{ background-color:#b8d3eb;}
.profile h2{font-size:18px; color:#333; line-height:20px; font-weight:bold; text-align:center; margin-bottom:20px;}
.excal{ width:100%; overflow-x:auto;}
.messages form input{ width:100%; margin-bottom:30px; line-height:50px; border:1px solid #eee; background-color:#fff; box-sizing:border-box; padding:0 10px;}
.messages form select{ width:100%; margin-bottom:30px; line-height:50px; height:50px; border:1px solid #eee; background-color:#fff; box-sizing:border-box; padding:0 10px;}
.messages form textarea{ width:100%; line-height:31px; border:1px solid #fff; height:133px; background-color:#fff; box-sizing:border-box; padding:10px;}
.messages button{ display:block; line-height:40px; background-color:#0084d8; color:#fff; font-size:16px; cursor:pointer; padding:0; width:140px; border-radius:0; margin:10px auto; border-bottom:3px solid #0084d8; transition:all 0.5s;}
.messages button:hover{ border-bottom:3px solid #0b67a2; color:#fff;} 
@media screen and (max-width:992px) {
.future{ padding:30px 15px; word-break:break-all; }
.future p{font-size:15px; }
}
.employ{ margin-top:50px;}
.courage{ display:block; overflow:hidden; margin-bottom:30px;}
.courage img{ width:100%; margin-bottom:20px; transition:all 0.5s;}
.courage p{ font-size:13px; color:#a2a2a2; line-height:20px;}
.courage h3{ font-size:18px; color:#333; line-height:34px; font-weight:bold;}
.courage:hover img{ transform:scale(1.05);}
/*文章详情*/
.cover { padding-top:40px;}
.article{ font-size:16px; color:#666; line-height:26px; margin:20px 0 80px;}
.article p{ font-size:16px; color:#666; line-height:30px; margin-bottom:15px;}
.article img{ display:block; margin:20px auto; max-width:100% !important; height:auto !important;}
.article_title{font-size:36px; color:#0084d8; line-height:40px; font-weight:bold; margin:50px 0 30px; }
.article_time{font-size:14px; color:#a2a2a2; line-height:50px; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.returns{ margin:30px 0; display:block; background-color:#006fc4; text-align:center; color:#fff; line-height:42px; }
.returns:hover{ background-color:#ccc; color:#006fc4; }
.recommend{ margin-top:40px; margin-bottom:50px;}
.recommend h2{font-size:20px; color:#00407d; line-height:36px; font-weight:bold; margin-bottom:15px; margin-top:5px;}
.recommend ul li{background-color:#eeeeee;  display:block; padding:20px 15px;  margin-bottom:15px;}
.recommend ul li h3{font-size:15px; color:#666; line-height:30px; height:30px; overflow:hidden; font-weight: normal; white-space:nowrap; text-overflow:ellipsis;}
.recommend ul li p{font-size:18px; color:#333; line-height:36px;  font-weight:bold; }
.recommend ul li:last-child a{border-bottom:none;}
.recommend ul li:hover h3 a{ color:#006fc4;}
@media (max-width:768px) {
.article_title{font-size:20px; line-height:30px; margin:30px 0 10px;}
.bottom_link a{width: 46px;margin:0 5px;height:46px;line-height:46px;}
.article , .bottom_link{ margin-bottom:30px;}
.recommend{ margin-bottom:30px;}
.article_time{ line-height:40px; }
}

.idea{ background:url(../images/ren.jpg) no-repeat center; background-size:cover; padding:100px 0; margin-bottom:60px;}
.idea p{font-size:15px; color:#fff; line-height:30px; text-align:center;}
.idea strong{font-size:16px; color:#fff; line-height:30px; text-align:center; font-weight:bold;}
.zhaopin{ margin-bottom:30px;}
.zhaoxian { background:#f2f5f8; padding:40px 30px;  margin-bottom:30px;-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;}
.zhaoxian .z_tit{ padding-bottom:14px;}
.zhaoxian .z_tit span{ color:#a2a2a2; font-size:13px; display:block; padding-bottom:7px;}
.zhaoxian .z_tit h3{ color:#333; font-size:24px;display:block; font-weight:normal; line-height:30px; height:30px; overflow:hidden; max-width:100%; white-space:nowrap; text-overflow:ellipsis;}
.zhaoxian .shixi h5{ font-size:14px; color:#333; line-height:24px;}
.zhaoxian .shixi p{ font-size:14px; color:#666; line-height:24px;}
.zhaoxian .shixi{ margin-top:23px; height:120px; overflow:hidden;}
.zhaoxian a{width:110px; height:35px; background:#fff; display:block; text-align:center; font-size:14px; color:#333; line-height:35px; margin-top:50px;}
.zhaoxian:hover{ background:#0084d8;}
.zhaoxian:hover .z_tit span{ color:#fff;}
.zhaoxian:hover .z_tit h3{ color:#fff;}
.zhaoxian:hover .shixi h5{ color:#fff;}
.zhaoxian:hover .shixi p{ color:#fff;}
@media (max-width:768px) {
.idea{ padding:50px 0; margin-bottom:30px;}
.zhaoxian {padding:30px 15px; }
}
/*招聘详情*/
.talent{ margin-top:50px;}
.talented h2{ font-size:24px; color:#333; font-weight:bold; line-height:36px; margin-bottom:20px;}
.talented ul li{ font-size:15px; color:#666;  line-height:30px; width:50%; float:left;}
.talented h3{ font-size:16px; color:#222; line-height:36px; font-weight:bold; margin-top:10px;}
.talented p{ font-size:16px; color:#666; line-height:28px; }
.btn_apply a{ display:inline-block; padding:0 16px; border-radius:2px; line-height:40px; font-size:15px; color:#0084d8; background-color:#efefef; margin:30px 10px 50px 0; transition:all 0.3s; box-sizing:border-box;  border-bottom:3px solid #efefef; }
.btn_apply a:first-child{ background-color:#0084d8; color:#fff;  border-bottom:3px solid #0084d8;}
.btn_apply a:hover{ background-color:#0084d8; color:#fff; border-bottom:3px solid #037bad;}
.hot{ background-color:#f6f7f5; padding:30px 20px; margin-bottom:30px;}
.hot h2{ font-size:20px; color:#333; font-weight:bold; line-height:26px; margin-bottom:15px;}
.hot ul li a{ display:inline-block;font-size:15px; color:#666; line-height:34px; transition:all 0.3s;}
.hot ul li a:hover{ color:#0084d8;}
.hot h2 i{color:#0084d8;}
@media (max-width:768px) {
.talent{ margin-top:30px;}
.talented h2{ font-size:18px; line-height:20px; margin-bottom:10px;}
.talented ul li{ width:100%; float:none;}
.contents{ padding-top:30px;}
.btn_apply a{ padding:0 12px; line-height:34px; font-size:14px; margin:20px 10px 30px 0; }
}

/*联系我们*/
.section { padding-left:45px; margin:15px 0;}
.section p{ font-size:16px; color:#333; line-height:40px; }
.p1{ background:url(../images/phones.png) no-repeat 0 center;}
.p2{ background:url(../images/email.png) no-repeat 0 center;}
.p3{ background:url(../images/location.png) no-repeat 0 center;}
.p4{ background:url(../images/you.png) no-repeat 0 center;}
.contact{ padding-bottom:30px;}
.contact h2{ color:#0054a7; font-size:24px; line-height:40px; margin-top:50px;}
.contact h4{ color:#a2a2a2; font-size:16px; line-height:20px; background:url(../images/gline.png) no-repeat 0 bottom; padding-bottom:25px; margin-bottom:20px;}
.patr{ padding-top:7px;}
.weimg{ text-align:right;}
.link { position:relative;}
.link a{ display:inline-block; width:40px; height:40px; border-radius:50%; border:1px solid #0274c7; font-size:18px; text-align:center; line-height:36px; margin-top:30px; margin-left:15px; transition:all 0.3s;}
.weimg p{ font-size:14px; color:#666; line-height:20px; margin-top:10px;}
.hideimg{ transition:all 0.3s; position:absolute; right:50px; display:none; top:0px;}
.link a:hover{ background-color:#0274c7; color:#fff;}
.map{ width:100%; margin-top:42px; margin-bottom:30px;}
.container img{ max-width:100%;}
@media only screen and (max-width:768px) {
.contact { padding-bottom:20px;}
.contact h2{ color:#0054a7; font-size:24px; line-height:40px; margin-top:20px;}
.section p{ font-size:14px; line-height:40px; }
.patr{ padding-top:0px;}
.contact h4{ font-size:14px; line-height:20px; padding-bottom:15px; margin-bottom:15px;}
.weimg{ text-align:left;}
.map{ margin-top:20px; margin-bottom:30px;}
}
@media only screen and (max-width:767px) {
.map { display:none;}
}
/*大宗采购*/
.purchase{ background:url(../images/cai.jpg) no-repeat center bottom; background-size:cover; padding:40px 0;}
.ment{ padding:60px 30px 40px; color:#fff; text-align:center; border-radius:3px; margin-bottom:50px; height:416px;}
.circle{ width:76px; height:76px; border-radius:50%; transition:all 0.5s; background-color:#0084d8; margin:20% auto 0; box-sizing:border-box; padding-top:18px; }
.process li{ padding:0 15px; box-sizing:border-box; width:25%; float:left;}
.process li:nth-child(1) .ment{ background:url(../images/c1.jpg) no-repeat center; background-size:cover;}
.process li:nth-child(2) .ment{ background:url(../images/c2.jpg) no-repeat center; background-size:cover;}
.process li:nth-child(3) .ment{ background:url(../images/c3.jpg) no-repeat center; background-size:cover;}
.process li:nth-child(4) .ment{ background:url(../images/c4.jpg) no-repeat center; background-size:cover;}

.mprocess li{ padding:0 15px; box-sizing:border-box; width:20%; float:left;}
.mprocess li:nth-child(1) .ment{ background:url(../images/b1.jpg) no-repeat center; background-size:cover;}
.mprocess li:nth-child(2) .ment{ background:url(../images/b2.jpg) no-repeat center; background-size:cover;}
.mprocess li:nth-child(3) .ment{ background:url(../images/b3.jpg) no-repeat center; background-size:cover;}
.mprocess li:nth-child(4) .ment{ background:url(../images/b4.jpg) no-repeat center; background-size:cover;}
.mprocess li:nth-child(5) .ment{ background:url(../images/b5.jpg) no-repeat center; background-size:cover;}


.ment h3{ font-size:18px; line-height:40px; font-weight:bold; transition:all 0.4s; background:none; padding-bottom:10px;}
.ment p{ font-size:14px; line-height:24px; transition:all 0.4s; transform:scale(0); visibility:hidden;}
.process li .ment:hover .circle{ transform:translateY(-30px); margin:5% auto 0;}
.process li .ment:hover h3{ transform:translateY(-35px); background:url(../images/white.png) no-repeat center bottom;}
.process li .ment:hover p{ transform:translateY(-50px); visibility:visible;transform:scale(1);}
.process li .ment:hover{ background:#0084d8 none;}

.mprocess li .ment:hover .circle{ transform:translateY(-30px); margin:5% auto 0;}
.mprocess li .ment:hover h3{ transform:translateY(-35px); background:url(../images/white.png) no-repeat center bottom;}
.mprocess li .ment:hover p{ transform:translateY(-50px); visibility:visible;transform:scale(1);}
.mprocess li .ment:hover{ background:#0084d8 none;}


.third_title h2{ font-size:24px; color:#333; text-align:center; margin-bottom:10px; font-weight:bold; margin-top:50px;}
.third_title p{ font-size:14px; color:#666; text-align:center; margin-bottom:60px; line-height:20px; padding-bottom:15px;background:url(../images/leaderlan.png) no-repeat center bottom;}
.buyer{background-color:#f5f5f5; padding-bottom:50px; margin-bottom:50px;}
.infor{ display:block; border:1px solid #ccc; padding:18px; margin-bottom:30px;}
.inforleft{ width:70%; float:left;}
.inforright{ width:70px; height:70px; background-color:#a0a0a0; float:right; color:#fff; text-align:center; padding-top:10px; box-sizing:border-box;}
.inforleft h3{ font-size:18px; color:#333; line-height:30px; font-weight:normal;overflow:hidden; max-width:100%; white-space:nowrap; text-overflow:ellipsis;}
.inforleft p{ font-size:14px; color:#999; line-height:24px; margin-top:10px;}
.inforright strong{ font-size:16px; line-height:18px;}
.infor:hover .inforleft h3{ color:#0084d8; font-weight:bold;}
.infor:hover .inforright{ background-color:#0084d8; }
.checkmore{ text-align:center; display:block; line-height:40px; background-color:#0084d8; color:#fff; font-size:16px; cursor:pointer; padding:0; width:160px; border-radius:0; margin:10px auto 50px; border-bottom:3px solid #0084d8; transition:all 0.5s;}
.checkmore:hover{ border-bottom:3px solid #0b67a2; color:#fff;} 
@media only screen and (max-width:1250px) {
.ment{ padding:40px 20px 30px;  height:400px;}
}
@media only screen and (max-width:992px) {
.process li{ width:50%; }

.mprocess li{ width:50%; }

.ment{ padding:30px 20px 20px; height:360px;}
}
@media only screen and (max-width:500px) {
.process li{ width:100%; float:none;}
.ment{ padding:30px 10px 40px; height:auto;  box-sizing:border-box; }
.purchase{ background:url(../images/caii.jpg) no-repeat;background-size:cover; }
.circle{ margin:0px auto 0; box-sizing:border-box; padding-top:18px; }
.process li .ment:hover .circle{ transform:translateY(0px); margin:0px auto 0;}
.process li .ment:hover h3{ transform:translateY(0px); background:url(../images/white.png) no-repeat center bottom;}
.process li .ment p{ transform:translateY(0px); visibility:visible;transform:scale(1); margin-top:10px;}
.process li .ment:hover p{ transform:translateY(0px); visibility:visible;transform:scale(1);}
.process li .ment{ background:#0084d8 none;}

.mprocess li .ment:hover .circle{ transform:translateY(0px); margin:0px auto 0;}
.mprocess li .ment:hover h3{ transform:translateY(0px); background:url(../images/white.png) no-repeat center bottom;}
.mprocess li .ment p{ transform:translateY(0px); visibility:visible;transform:scale(1); margin-top:10px;}
.mprocess li .ment:hover p{ transform:translateY(0px); visibility:visible;transform:scale(1);}
.mprocess li .ment{ background:#0084d8 none;}

.infor{ padding:15px; margin-bottom:30px;}
.inforleft h3{ font-size:16px;  }
.third_title p{ margin-bottom:30px;}
}
.part{ height:360px; background-size:cover; box-sizing:border-box; padding-top:7%;}
.part h2{ font-size:30px; color:#fff; line-height:40px; font-weight:bold; text-align:center; padding-bottom:10px; background:url(../images/white.png) no-repeat center bottom;}
.series{ margin-top:55px; margin-bottom:55px;}
.sename{font-size:24px; color:#333; line-height:50px; padding-left:50px; background:url(../images/slogo.png) no-repeat 0 center; margin-bottom:20px;}
.sedis{font-size:16px; color:#666; line-height:30px; }
.dismore { text-align:center; display:block; line-height:40px; background-color:#0084d8; color:#fff; font-size:16px; cursor:pointer; padding:0; width:160px; border-radius:0; margin:30px 0; border-bottom:3px solid #0084d8; transition:all 0.5s;}
.dismore:hover{ border-bottom:3px solid #0b67a2; color:#fff;} 
.catena{ min-height:335px; border-left:1px solid #ddd; padding-left:25px;}
.chan{font-size:24px; color:#333; line-height:50px; padding-bottom:15px; background:url(../images/leaderlan.png) no-repeat 0 bottom; }
.catenas{ min-height:335px; border-right:1px solid #ddd;}
@media only screen and (max-width:1100px) {
.chan{font-size:20px; }
}
@media only screen and (max-width:992px) {
.part{ height:200px;  padding-top:10%;}
.series{ margin-top:30px; margin-bottom:30px;}
.series img{ width:100%;}
}
@media only screen and (max-width:600px) {
.part{ height:120px;  padding-top:10%;}
.part h2{ font-size:24px; }
.sename{font-size:20px; margin:10px 0;}
 }





/* CSS Document */