.w100{ position: relative; overflow: hidden; width: 100%; } .1200{ position: relative; width: 1200px; margin:0 auto; } *{ margin: 0; padding: 0 } .invest-backs{ background:url(../images/img-3.png) no-repeat center center; background-size: cover; padding-bottom: 55px; } .invest-backs table{ margin: 0 auto; } .invest-back{ background: #fafafa } .invest-top{ margin-top: 40px; margin-bottom: 29px; background: #fff } .invest-top-content{ padding:0 40px; margin-bottom: 40px; } .invest-top-content h2{ font-size: 20px; color: #07996c; line-height: 64px; padding-top: 10px; border-bottom: 1px solid #e5e5e5; } .content-top{ border-bottom: 1px solid #e5e5e5; padding:20px 0 27px; } .content-top h3{ color: #666666; font-size: 16px; line-height: 46px; } .content-top h3 span{ color: #07996c } .content-top p{ color: #666; font-size: 13px; line-height: 25px; } .content-bt{ padding: 40px 0 48px; } .content-bt img{ /*width: 100%;*/ max-width: 100%; } .invest-bt{ margin-top: 30px; background: #fff; margin-bottom: 64px; } .invest-bt-ul{ border-bottom: 1px solid #d6d6d6; /*border-top: 5px solid #d6d6d6;*/ } .invest-bt-ul li{ float: left; height: 69px; line-height: 69px; color: #666666; font-size: 14px; width: 199px; cursor: pointer; text-align: center; border-top: 5px solid #d6d6d6; border-right: 1px solid #e5e5e5; transition: all 0.3s; } .invest-bt-ul li:first-child{ border-left: 1px solid #e5e5e5; } .invest-bt-ul li.active, .invest-bt-ul li:hover{ color: #07996c; border-top: 5px solid #07996c; } .bt-ajax{ padding:40px 40px 45px 40px; border:1px solid #e5e5e5; border-top: none } .bt-ajax-ul li{ background: #fafafa; height: 60px; line-height: 60px; padding:0 60px 0 60px; margin-bottom: 22px; transition:all 0.3s; } .bt-ajax-ul a{ display: block; width: 100%; height: 100%; } .bt-ajax-ul li:hover{ background: #07996c; } .bt-ajax-ul li:hover p{ color: #fff; background: url(../img/ser07_h.png) no-repeat center right } .bt-ajax-ul li p{ /*float: left;*/ /*width: 80%;*/ color: #666666; font-size: 14px; padding-right:30px; background: url('../images/xia.png') no-repeat center right; transition:all 0.3s; } .notice{ margin-top: 50px; width: 104%; } .notice li{ float: left; width: 280px; background: #fff; padding: 35px 0 32px 0; position: relative; margin-right: 30px; margin-bottom: 29px; cursor: pointer; transition:background 0.3s; } .notice .pics{ padding-left: 30px; } .notice li a{ display: block; width: 100%; } .notice li h2{ font-size: 14px; color: #333333; line-height: 28px; min-height: 56px; transition:color 0.3s; } .notice li p{ font-size: 12px; color: #666666; line-height: 26px; transition:color 0.3s; } .notice-back{ height: 2px; background:#007d5a; position: absolute; bottom:0; left:50%; display: none; } .notice li:hover{ background:#007d5a; } .notice li:hover h2, .notice li:hover p{ color: #fff; } .notice-bt{ margin: 50px 0 67px 0 } .stock-top{ margin-top: 72px; } .stock-top h2{ color: #007d5a; } .stock-top p.en{ color: #666 } .table { border:1px solid #e5e5e5; margin: 0 auto; margin-top: 6px; } .table tbody{ /*background: #007d5a;*/ height: 60px; } .table td{ width: 260px; font-size: 14px; line-height: 60px; height: 60px; background: #fff; border-right:1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .stack-ct h2{ font-size: 38px; color: #fff; line-height: 50px; } .stack-ct h3{ font-size: 34px; color: #fff; line-height: 46px; padding-bottom: 40px; } .stack-ct h4{ font-size: 18px; color: #fff; font-weight: normal; line-height: 48px; } .trainings{ padding:110px 0 ; } .stack-ct p{ font-size: 14px; color: #fff; line-height: 28px; transition: color 0.3s; } .stack-ct a.link{ display: inline-block; width: 250px; height: 52px; line-height: 52px; color: #fff; font-size: 14px; margin-top: 54px; background: url(../images/img-4.png) no-repeat center center; } #tables { border:1px solid #e5e5e5; border-bottom: none; margin:0 auto; } #tables td{ width: 266px; height: 60px; text-align: center; } .p77{ padding-bottom: 77px; } .inter-top a{ display: inline-block; width: 145px; height: 42px; line-height: 42px; text-align: center; font-size: 14px; color: #fff; margin-top: 40px; background: url(../images/img-6.png) no-repeat center center; } .inter-top{ padding-bottom: 30px; /*margin-bottom: 30px;*/ } .modal{ /*background: rgba(0,0,0,0.4); _background: #000; filter: Alpha(opacity=40);*/ width: 100%; height: 100%; position: fixed; z-index: 99; top: 0; left: 0 ; display: none; } .modal .bg{ background: #000; opacity: 0.4; filter:alpha(opacity=40); width: 100%; height: 100%; position: absolute; top:0; left: 0; z-index: 999; } .modal .w1200{ position: relative; z-index: 9999; } .cont-box{ position: relative; padding-bottom: 80px; } .modal-work{ background: #fff; position: fixed; top: 50%; width: 1200px; left: 50%; margin-left: -600px; z-index: 9999; margin-top: -343px; } .cha{ right:50px; top: 27px; cursor: pointer; } #tijiao td{ width:560px; height: 70px; /*line-height: 80px;*/ } #tijiao input{ border:1px solid #e5e5e5; height: 48px; width: 513px; line-height: 48px; padding-left: 40px; } #textarea{ width: 1073px; height: 145px; border:1px solid #e5e5e5; padding-left:40px; margin-top:15px ; padding-top:7px; background:url(../images/img.png) no-repeat 10px 12px; } #tijiao { padding-bottom: 40px; } #tijiao .submits,#tijiao .reset{ width: 145px ; height: 42px; line-height: 42px; background: url('../images/img-7.png') no-repeat center center; border:none; text-align: center; padding:0; color: #fff; font-size: 14px; } #tijiao .de0{ width: 1073px; background: url(../images/img-8.png) no-repeat 10px center; } #tijiao .de1{ background: url(../images/img-9.png) no-repeat 10px center; } #tijiao .de2{ background: url(../images/img-10.png) no-repeat 10px center; } #tijiao .de3{ background: url(../images/img-11.png) no-repeat 10px center; } #tijiao .de4{ background: url(../images/img-12.png) no-repeat 10px center; } #tijiao .de5{ width: 260px; } .job-list { padding-bottom: 49px; /*height: 50px;*/ /*line-height: 50px;*/ } .job-title dl{ padding-left: 30px; } .job-list li{ width: 100%; float: left; transition:all 0.3s; /*height: 100%;*/ } .job-list li .job-title{ height: 50px; line-height: 50px; font-size: 14px; color: #4c4c4c; transition:all 0.3s; } .job-title dd{ float: left; cursor:pointer; } .job-info{ display: none; position: relative; background: #f9f9f9; padding-left: 30px; padding-bottom: 36px; } .job-list li .job-title span{ background: url(../images/img-13.png) no-repeat center center; width: 60px; line-height: 50px; height: 50px; transition:all 0.3s; } .job-list li.on .job-title span, .job-list li:hover .job-title span{ background: url(../images/img-14.png) no-repeat center center; } .job-list li.on .job-title, .job-list li:hover .job-title{ background: #07996c; color: #fff } .inter-job-top{ padding-left: 30px; font-size: 13px; line-height: 22px; padding: 29px 0 23px 30px; background: url(../images/img-15.png) no-repeat center left; } .inter-job-bt{ border-top: 1px solid #e0e0e0; padding-left: 30px; color: #07996c; font-size: 13px; padding-top: 18px; background: url(../images/img-16.png) no-repeat 0px 23px; } .inter-job-bt p{ color: #333; font-size: 13px; color: #07996c; line-height: 26px; } .fanye{ padding-bottom: 55px } .picScroll-left{ width: 1200px; overflow:hidden; position:relative; } .picScroll-left .hd{ overflow:hidden; text-align: center; padding-top: 20px; padding-bottom: 100px; } .picScroll-left .hd ul{ overflow:hidden; text-align: center; } .picScroll-left .hd ul li{ display: inline-block; zoom: 1; *display: inline; width:14px; height: 14px; text-align: center; background: url(../images/yuan.png) no-repeat top left; overflow: hidden; margin:0 7px; /* text-indent:-999px;*/ cursor:pointer; } .picScroll-left .hd ul li.on, .picScroll-left .hd ul li:hover{ background:url(../images/yuans.png) no-repeat top left; } .picScroll-left .bd ul{ overflow:hidden; zoom:1; } .picScroll-left .bd ul li{ width: 380px;margin-right: 31px; float:left; _display:inline; overflow:hidden; text-align:center; } .picScroll-left .bd ul li .pic{ text-align:center; overflow: hidden;} .picScroll-left .bd ul li .pic img{ display:block; } .picScroll-left .bd ul li .title{ color: #333; font-size: 16px; padding:33px 0; line-height:24px; } .investor-ul li{ margin-right: 13px; width: 290px; text-align: left; margin-bottom: 20px; } .investor-ul{ margin-top: 15px; /*width: 100%;*/ } .traininges{ padding:70px 0 91px 0; } .stack-cts>a{ margin-top: 44px; } .stack-ct-bt h2{ color: #007d5a; } .stack-ct-bt h3{ color: #666 } .carousel{ width: 100%; overflow:hidden; position:relative; padding-top: 23px; } .carousel .hd{ overflow:hidden; text-align: center; margin-top: 20px; height:60px; line-height: 60px; } .carousel .bd ul{ overflow:hidden; zoom:1; } .carousel .bd ul li{ width: 101%; float:left; _display:inline; overflow:hidden; } .investor-ct-dl dd{ margin-right: 13px; width: 290px; text-align: left; margin-bottom: 20px; float: left; background: #fff; position: relative; } .investor-ct-dl dd .investor-ct-dl-work{ padding:15px 0 30px 16px; } .investor-ct-dl dd .investor-ct-dl-work h2{ font-size: 18px; /*cursor: ;*/ color: #000; line-height: 46px; } .investor-ct-dl dd .investor-ct-dl-work p{ font-size: 13px; line-height:25px; color: #666; } .investor-ct-dl dd .investor-ct-dl-work span{ font-size: 12px; color: #666; line-height: 24px; } .investor-ct-dl dd:hover .investor-ct-dl-work h2{ color: #007d5a } .investor-ct-dl dd:hover .investor-ct-dl-work p{ color: #007d5a } .carousel .hd a{ background: url(../images/img-20.png) no-repeat center center; background-size: 100%; width: 60px; height: 60px; display: block; line-height: 60px; position: relative; cursor: pointer; text-align: center; } .carousel .hd a img{ position: relative; /*display: block;*/ } .carousel .hd .prev span{ display: block; width: 60px; height: 60px; position: relative; background: url(../images/left.png) no-repeat center center; } .carousel .hd .next span{ display: block; width: 60px; height: 60px; position: relative; background: url(../images/right.png) no-repeat center center; } .carousel .hd .center span{ display: block; width: 60px; height: 60px; background: url(../images/center.png) no-repeat center center; } .carousel .hd .prev{ float: left; } .carousel .hd .next{ float: right; } .carousel .hd .center{ float: left; display: block; text-align: center; left: 50%; margin-left: -93px; } .traininge-1{ padding:69px 0 103px 0; } .back_top li{ width: 296px; float: left; text-align: center; font-size: 16px; color:#333; cursor: pointer; position: relative; border-right: 5px solid #e5e5e5; border-bottom: 5px solid #e5e5e5; /*background: url(../images/img-21.png) no-repeat bottom right;*/ } .back_top li img{ position: absolute; right: -5px; bottom: -5px; } .back_top li img.one{ display: inline-block; } .back_top li img.two{ display: none; } .back_top li.cur img.two{ display: inline-block; } .back_top li.cur img.one{ display: none; } .imgList .prevs{ width: 9px; height: 20px; cursor: pointer; background: url(../images/left-1.png) no-repeat center center; display: block; float: left; position: absolute; top: 0; left: 0; z-index: 99 } .imgList .prevs:hover{ background:url(../images/left-2.png) no-repeat center center; } .imgList .nexts{ width: 9px; height: 20px; cursor: pointer; background: url(../images/right-1.png) no-repeat center center; display: block; float: right; position: absolute; top: 8%; right: 0; z-index: 99 } .imgList .nexts:hover{ background:url(../images/right-2.png) no-repeat center center; } .back_top li.cur{ border-bottom: 5px solid #009f72 } .dack_ajax{ margin-top: 53px; min-height: 423px; } .picScroll-left.pictures .hd{ overflow:hidden; text-align: center; padding-top: 20px; padding-bottom: 100px; position: relative; left:0; width: 100%; margin-left: 0; height: 41px; } .picScroll-left .hd .next{ background:url(../images/left-3.png) no-repeat center center; width: 34px; height: 34px; display: inline-block; cursor: pointer; margin-right: 12px; } .picScroll-left .hd .next:hover{ background: url(../images/left-4.png) no-repeat center center; } .picScroll-left .hd .prev{ background: url(../images/right-3.png) no-repeat center center; width: 34px; height: 34px; display: inline-block; cursor: pointer; } .picScroll-left .hd .prev:hover{ background: url(../images/right-4.png) no-repeat center center; }; .picScroll-left .hdtwo{ margin-top: 59px; } .touch-work{ width: 303px; height: 73px; top: 30%; left: 60%; } .touch-work ul{ padding:0 17px 24px 17px; background: #fff; } .touch-work h2{ font-size: 18px; color: #fff; line-height: 73px; height: 73px; background: #007d5a; padding-left: 24px } .touch-work ul li{ padding-left:40px; border-bottom: 1px solid #e5e5e5; height: 49px; line-height: 49px; color: #666; font-size: 13px; } .touch-work .dg0{ background: url(../images/ing-22.png) no-repeat 10px center; } .touch-work .dg1{ background: url(../images/img-23.png) no-repeat 10px center; } .touch-work .dg2{ background: url(../images/img-24.png) no-repeat 10px center; } .touch-work .dg3{ background: url(../images/img-25.png) no-repeat 10px center; } .touch-work .dg4{ background: url(../images/img-26.png) no-repeat 10px 15px; } .invertor .hd{ overflow:hidden; text-align: center; padding-top: 20px; /*padding-bottom: 100px;*/ /*position: relative; left: 50%; width: 100%; margin-left: -50px;*/ } .invertor .hd ul{ overflow:hidden; /*zoom:1; */ text-align: center; } .invertor .hd ul li{ /*float:left; */ display: inline-block; zoom: 1; *display: inline; width:14px; height: 14px; background: url(../images/yuan.png) no-repeat top left; margin:0 7px; /* text-indent:-999px;*/ cursor:pointer; } .invertor .hd ul li.on, .invertor .hd ul li:hover{ background:url(../images/yuans.png) no-repeat top left; } .job_info{ padding: 0.3rem 0.3rem; } .job_info .job-info-tit{ font-size: 0.24rem; line-height: 0.36rem; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-top: 10px; } .job_info .job-info-text{ font-size: 0.24rem; padding: 0.1rem 0; margin-bottom: 15px; } .job_info a{ display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #017d5b; margin-bottom: 10px; }