|
|
@@ -0,0 +1,124 @@
|
|
|
+html {font-family: "Microsoft Yahei",arial,helvetica,sans-serif; word-break : break-word;font-size: 62.5%}
|
|
|
+html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input { margin: 0; padding: 0; outline:0;}
|
|
|
+body{background-color: #f2f2f2;height: 100%;min-width:1200px;}
|
|
|
+.fr{float: right;}
|
|
|
+.clear{clear: both;}
|
|
|
+.header{
|
|
|
+ height: 92px;width: 100%;min-width:1200px;border-top: #0285f0 4px solid;background-color: #ffffff;
|
|
|
+}
|
|
|
+.header .center{width: 1180px;height: 100%;margin: 0 auto;position: relative;padding: 0 10px;}
|
|
|
+.logo{width: 387px;height: 42px;margin: 23px 0 23px 10px;}
|
|
|
+.header .menu{}
|
|
|
+.header ul{display: inline-block; margin-right: 20px; font-size: 16px; vertical-align: middle;}
|
|
|
+.header ul a{display: inline-block; float: left; padding: 35px 30px 36px 30px; color: #999999;font-size: 16px;text-decoration: none;}
|
|
|
+
|
|
|
+.banner{background: url(../images/banner.jpg) no-repeat top center;width: 100%;height: 502px;}
|
|
|
+[mobile="1"] .banner{background: url(../images/banner_wap.jpg) no-repeat top center;width: 100%;height: 920px;}
|
|
|
+.jobs{width: 1200px;margin: 0 auto;padding:74px 0 57px 0;}
|
|
|
+.jobs .content{height: 100%;border:1px #cccccc solid;position: relative;}
|
|
|
+.jobs .job{margin: 56px 0 58px 0; padding: 0 130px;display: inline-block;vertical-align: top;}
|
|
|
+.jobs .job1{width: 336px;}
|
|
|
+[dpr="3"] .jobs .job1{width: 346px;padding: 0 125px;}
|
|
|
+.jobs .job2{width: 376px;border-left:1px #cccccc solid;padding: 0 110px;}
|
|
|
+[dpr="3"] .jobs .job2,[dpr="1.5"] .jobs .job2{width: 374px;}
|
|
|
+.jobs .icon{margin: 0 auto;width: 80px;height: 80px;}
|
|
|
+.jobs p{text-align: center;color: #666666;}
|
|
|
+.jobs .job_name{font-size: 23px;line-height: 60px;margin-top: 10px;}
|
|
|
+.jobs .job_desc{font-size: 16px;line-height: 25px;}
|
|
|
+[mobile="1"] .jobs .job_name{font-size: 2.3rem;line-height: 6.0rem;margin-top: 1.0rem;}
|
|
|
+[mobile="1"] .jobs .job_desc{font-size: 1.6rem;line-height: 2.5rem;}
|
|
|
+[dpr="3"] .jobs .job_desc{line-height: 2.0rem;}
|
|
|
+.job1 .icon{background: url(../images/icon_m.png) no-repeat top left;}
|
|
|
+.job2 .icon{background: url(../images/icon_t.png) no-repeat top left;}
|
|
|
+.jobs .job_url{margin-top: 10px;}
|
|
|
+.jobs .job_url a{font-size: 18px;color: #54a4e9;}
|
|
|
+[mobile="1"] .jobs .job_url a{font-size: 1.8rem;}
|
|
|
+.jobs .btn_resume{width: 242px;height: 72px;position: absolute;background: url(../images/btn_resume.png) no-repeat top center;margin-top: -36px;margin-left: -121px;left: 50%;}
|
|
|
+
|
|
|
+
|
|
|
+/** detail **/
|
|
|
+.detail{width: 1200px;margin: 0 auto;padding:0 0 57px 0;}
|
|
|
+[mobile="1"] .detail{width: 1120px;padding:0 40 57px 40;}
|
|
|
+.detail .content{height: 100%;margin:0 auto;padding-top:60px;font-size: 0}
|
|
|
+.detail .icon{margin-bottom: 35px;width: 100%;height: 80px;line-height: 80px;padding-left: 100px;font-size: 24px;color: #666666;}
|
|
|
+[mobile="1"] .detail .icon{font-size: 2.4rem;}
|
|
|
+.detail .job{display: inline-block;font-size: 14px;line-height: 24px;padding-right: 68px;width: 532px;vertical-align: top;}
|
|
|
+[mobile="1"] .detail .job{font-size: 1.4rem;line-height: 2.4rem;}
|
|
|
+
|
|
|
+[dpr="3"] .detail .job,[dpr="1.5"] .detail .job{width: 485px;font-size: 2.0rem;line-height: 2.4rem}
|
|
|
+[dpr="2"] .detail .job{width: 465px;font-size: 1.8rem;}
|
|
|
+.detail .job1{}
|
|
|
+.detail .job2{}
|
|
|
+.detail .title{color: #3a94ef;line-height: 34px;}
|
|
|
+[mobile="1"] .detail .title{line-height: 3.4rem;}
|
|
|
+.detail .job_desc{color: #666666;background-color: #f2f2f2;width: 100%;}
|
|
|
+
|
|
|
+
|
|
|
+.border_title{font-size: 29px;color: #0082f3;border-left: 8px #0082f3 solid;margin-bottom: 38px;margin-top: 60px;padding-left: 32px;}
|
|
|
+[mobile="1"] .border_title{font-size: 2.9rem;border-left: 0.8rem #0082f3 solid;}
|
|
|
+[dpr="3"] .border_title{font-size: 1.5rem;}
|
|
|
+.faq{width: 1200px;margin: 0 auto;padding:1px 0 57px 0;}
|
|
|
+[mobile="1"] .faq{width: 1120px;padding:1px 40 57px 40;}
|
|
|
+.faq ul{list-style: none;}
|
|
|
+.last{border-bottom: #cccccc 1px dotted;}
|
|
|
+.faq ul .q,.faq ul .a{background-color: #f2f2f2;}
|
|
|
+.faq ul .q{font-size: 18px;color: #0082f3;padding-top: 40px;padding-bottom: 14px;border-top: #cccccc 1px dotted;width: 100%;}
|
|
|
+.faq ul .a{font-size: 14px;color: #666666;padding-bottom: 40px;padding-top: 14px;}
|
|
|
+[mobile="1"] .faq ul .q{font-size: 1.8rem;}
|
|
|
+[mobile="1"] .faq ul .a{font-size: 1.4rem;}
|
|
|
+[dpr="3"] .faq ul .q{font-size: 1.0rem;}
|
|
|
+[dpr="3"] .faq ul .a{font-size: 0.9rem;line-height: 1.2rem}
|
|
|
+[dpr="2"] .faq ul .q{font-size: 2.0rem;}
|
|
|
+[dpr="2"] .faq ul .a{font-size: 1.6rem;}
|
|
|
+[dpr="1.5"] .faq ul .q{font-size: 2.2rem;}
|
|
|
+[dpr="1.5"] .faq ul .a{font-size: 2.0rem;line-height: 2.2rem}
|
|
|
+[mobile="1"] .faq{padding:1px 40px 57px 40px;width: 1120px;}
|
|
|
+
|
|
|
+.about{width: 1200px;margin: 0 auto;padding:0 0 180px 0;color: #4e4e4e;}
|
|
|
+.about .desc1{font-size: 18px;line-height: 30px;background-color: #f2f2f2;width: 100%;}
|
|
|
+[mobile="1"] .about .desc1{font-size: 1.8rem;line-height: 3rem;}
|
|
|
+[mobile="1"] .about{padding:1px 40px 180px 40px;width: 1120px;}
|
|
|
+.about .desc2{font-size: 17px;background-color: #f2f2f2;width: 100%;}
|
|
|
+[mobile="1"] .about .desc2{font-size: 1.7rem;}
|
|
|
+[dpr="2"] .about .desc1{font-size: 1.4rem;}
|
|
|
+[dpr="2"] .about .desc2{font-size: 1.3rem;}
|
|
|
+[dpr="3"] .about .desc1{font-size: 1.7rem;line-height: 2.2rem;}
|
|
|
+[dpr="3"] .about .desc2{font-size: 1.6rem;}
|
|
|
+[dpr="3"] .about .desc2 span{font-size: 0.8rem;}
|
|
|
+.about .desc2 span{font-size: 15px;}
|
|
|
+[mobile="1"] .about .desc2 span{font-size: 1.5rem;}
|
|
|
+.about .bg{background: url(../images/about_bg.png) no-repeat top center;height: 555px;width: 100%;margin-top: -30px;}
|
|
|
+
|
|
|
+
|
|
|
+.flow{width: 1200px;margin: 0 auto;padding:0px 0 240px 0;color: #4e4e4e;}
|
|
|
+[mobile="1"] .flow{padding:0px 40px 240px 40px;width: 1120px;}
|
|
|
+.flow .icons{width: 80px;height: 80px;}
|
|
|
+.flow ul{list-style: none; margin: 0 auto; display: table; height: 80px}
|
|
|
+.flow ul li{float: left;}
|
|
|
+.flow .flow1{background: url(../images/flow1.png) no-repeat top center;}
|
|
|
+.flow .flow2{background: url(../images/flow2.png) no-repeat top center;}
|
|
|
+.flow .flow3{background: url(../images/flow3.png) no-repeat top center;}
|
|
|
+.flow .flow4{background: url(../images/flow4.png) no-repeat top center;}
|
|
|
+.flow .arrow{background: url(../images/arrow.png) no-repeat center center;width: 14px;height: 80px;padding-right:40px;}
|
|
|
+.flow ul .text{padding:22px 20px;font-size: 15px;color: #666666;}
|
|
|
+[mobile="1"] .flow ul .text{font-size: 1.5rem;}
|
|
|
+.flow .desc{font-size: 18px; line-height: 30px; margin: 10px 0;width:100%;background-color: #f2f2f2;}
|
|
|
+[mobile="1"] .flow .desc{font-size: 1.8rem; line-height: 3rem; margin: 1rem 0;}
|
|
|
+.flow table{width:100%;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;}
|
|
|
+.flow table th{font-weight: normal;background-color: #e7e7e7;}
|
|
|
+.flow table td,.flow table th{border-top:1px solid #cccccc;border-left:1px solid #cccccc; text-align: center;font-size: 16px;color: #4e4e4e;}
|
|
|
+[mobile="1"] .flow table td,.flow table th{font-size: 1.6rem;}
|
|
|
+[dpr="3"] .flow table td,[dpr="3"] .flow table th{font-size: 1.45rem;}
|
|
|
+[dpr="2"] .flow table td,[dpr="2"] .flow table th{font-size: 2rem;}
|
|
|
+[dpr="1.5"] .flow .notes{font-size: 1.5rem;}
|
|
|
+.flow .notes{font-size: 14px;color: #999999;line-height: 30px;background-color: #f2f2f2;}
|
|
|
+[mobile="1"] .flow .notes{font-size: 1.4rem;line-height: 3rem;}
|
|
|
+.flow .bg{background: url(../images/map.jpg) no-repeat top center;height: 919px;width: 100%;}
|
|
|
+.flow .position{margin: 0;color: #ffffff;background-color:#465663;width: 425px;height: 100%;filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
|
|
|
+[dpr="3"] .flow .position,[dpr="1.5"] .flow .position{width: 535px;}
|
|
|
+.flow .position li{width: 90%;padding-left: 10%}
|
|
|
+.flow .position .t{font-size: 18px;margin-top: 15px;width: 100%;background-color: #465663;}
|
|
|
+.flow .position .d{font-size: 14px;line-height:24px;width: 100%;background-color: #465663;}
|
|
|
+
|
|
|
+[mobile="1"] .flow .position .t{font-size: 1.8rem;margin-top: 1.5rem;}
|
|
|
+[mobile="1"] .flow .position .d{font-size: 1.4rem;line-height:2.4rem;}
|
