@charset "utf-8"; html { background: #F5F5F5; overflow: auto; } body { min-width: 1200px; font-size: 14px; line-height: 26px; font-family: "Microsoft YaHei"; color: #333; -webkit-font-smoothing: antialiased; } li { list-style-type: none; transition: all 0.4s linear 0s; } a { color: #333; text-decoration: none; cursor: pointer; outline: 0 none; transition: all 0.4s linear 0s; } a:hover { text-decoration: none; color: #0361AB; } a:focus { -moz-outline-style: none; border: 0px; blr:expression(this.onFocus=this.blur()); } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, p, blockquote, th, td { margin: 0; padding: 0; } header, footer, article, aside, section, nav, menu, hgroup, details, dialog, figure, figcaption { display: block } ol, li, ul, dl, dt, dd { list-style: none; } fieldset, img { border: 0 } button, submit, input, select { vertical-align: middle; } button, submit { cursor: pointer; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: lighter; } table { border-collapse: collapse; border-spacing: 0; } sup { vertical-align: text-top; } sub { vertical-align: text-bottom; } select, button { font-family: inherit; font-size: inherit; font-weight: inherit; outline-style: none; outline-width: 0pt; padding: 0; margin: 0; } b, em, i { display: inline-block; font-weight: normal; font-style: normal; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { zoom: 1; } .container { width: 1200px; position: relative; margin: 0 auto; } .fl { float: left; } .fr { float: right; } /* banner */ .banner { height: 703px; position: relative; } .banner .ban_c img { position: absolute; width: 1920px; left: 50%; margin-left: -960px; top: 0; } .banner .ban_nav { display: none; } .bann_ext { position: relative; } .frontCover li { float: left; width: 200px; height: 109px; overflow: hidden; margin-right: 81px; cursor: pointer; border: 2px solid #FFF; } .frontCover .img { position: relative; height: 109px; overflow: hidden; } .frontCover img { position: absolute; width: 200px; height: 109px; left: 0px; } .frontCover .open { border: 2px solid #02B7D6; } #wrap { width: 100%; height: 155px; background: url("../img/warp_bg.png") repeat-x; position: absolute; z-index: 999; bottom: 0; } .wrap { width: 795px; margin: 0 auto; position: relative; height: 109px; padding-top: 23px; } .wrap ul { width: 110%; } .banner .Left { width: 38px; height: 76px; background: url("../img/leftbn.png") no-repeat; position: absolute; left: 50%; margin-left: -600px; top: 585px; z-index: 99999; } .banner .Right { width: 38px; height: 76px; background: url("../img/rightbn.png") no-repeat; position: absolute; right: 50%; margin-right: -600px; top: 585px; z-index: 99999; } /*幻灯片(组件)*/ .slide { position: relative; width: 100%; } .ban_c { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .ban_c img { width: 100%; height: 100%; } .ban_t { position: absolute; left: 0; bottom: 0; width: 100%; padding: 4px 0; text-indent: 10px; white-space: nowrap; overflow: hidden; color: #fff; background: rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000, endcolorstr=#88000000); z-index: 3; } .ban_nav .on { background: #f90; color: #fff; } .Left, .Right { cursor: pointer; } /*top*/ #top { width: 100%; height: 100px; position: absolute; top: 20px; } .top { width: 1200px; margin: 0 auto; } .nav { width: 795px; height: 40px; float: right; overflow: hidden; padding-top: 20px; } .nav li { width: auto; height: 40px; float: left; position: relative; margin-left: 49px; } .nav li a { width: auto; height: 40px; display: block; float: left; color: #fff; font-family: 'Microsoft Yahei'; font-size: 16px; font-weight: bold; text-decoration: none; } .nav li a:hover { color: #fff; text-decoration: none; } .nav li span { display: block; position: absolute; width: 0px; height: 0px; background: #fff; top: 30px; left: 50%; } #topIn { width: 100%; height: 100px; background: #fff; padding-top: 20px; } .navIn { width: 795px; height: 40px; float: right; overflow: hidden; padding-top: 20px; } .navIn li { width: auto; height: 40px; float: left; position: relative; margin-left: 49px; } .navIn li a { width: auto; height: 40px; display: block; float: left; color: #000; font-family: 'Microsoft Yahei'; font-size: 16px; font-weight: bold; text-decoration: none; } .navIn li a:hover { color: #000; text-decoration: none; } .navIn li span { display: block; position: absolute; width: 0px; height: 0px; background: #000; top: 30px; left: 50%; } /*index*/ #cont1 { width: 100%; height: auto; overflow: hidden; padding-top: 65px; padding-bottom: 50px; background: url("../img/news_tit.jpg") repeat-x 0 130px #FFF; } .cont1 { width: 1200px; margin: 0 auto; } /* TAB选项 */ .tempWrap { width: 1050px; } .slideTxtBox2 { width: 1050px; height: auto; margin: 0 auto; } .slideTxtBox2 .hd { height: 72px; width: 100%; margin: 0 auto; } .slideTxtBox2 .hd ul { float: left; width: 110%; height: 72px; padding-left: 78px; } .slideTxtBox2 .hd ul li { float: left; width: 120px; height: 72px; display: block; margin-right: 130px; } .slideTxtBox2 .hd ul li a { width: 120px; height: 72px; display: block; float: left; font-size: 24px; font-family: Microsoft YaHei; color: #6b6b6b; font-weight: bold; text-align: center; transition: none; line-height: 27px; } .slideTxtBox2 .hd ul li a:hover { background: url("../img/tabon.png") no-repeat bottom center; } .slideTxtBox2 .hd ul li.on a { background: url("../img/tabon.png") no-repeat bottom center; color: #0261ab; } .slideTxtBox2 .bd { width: 100%; height: 270px; margin: 0 auto; overflow: hidden; padding-top: 35px; } .slideTxtBox2 .bd .hceg { width: 326px; height: 270px; float: left; margin-right: 35px; } .slideTxtBox2 .bd .bdr li img { width: 326px; height: 177px; display: block; } .slideTxtBox2 .bd .bdr li h5 { font-size: 16px; color: #3b3b3b; padding-top: 8px; font-weight: bold; } .slideTxtBox2 .bd .bdr li h6 { font-size: 14px; color: #6a6a6a; } .slideTxtBox2 .bd .bdr li h5:hover { color: #0261AB; } #cont2 { width: 100%; height: 381px; background: url("../img/cont2_bg.jpg") no-repeat center top #FFF; padding-top: 144px; } .cont2 { width: 1200px; margin: 0 auto; height: 338px; background: #0261AB; position: relative; } .video { width: 557px; float: left; margin-top: -78px; margin-left: 35px; position: relative; } .company { width: 540px; float: right; padding-right: 37px; padding-top: 30px; } .company h1 { width: 100%; font-size: 26px; color: #FFF; font-weight: bold; background: url("../img/companytit.png") no-repeat 115px center; } .company span { width: 37px; height: 2px; background: #FFFFFF; display: block; margin-top: 20px; margin-bottom: 20px; } .company p { font-size: 14px; color: #FFF; line-height: 26px; } .company a { width: 38px; height: 38px; display: block; position: absolute; right: 0; bottom: 0; background: url("../img/company_a.jpg") no-repeat; } .company a:hover { opacity: 0.6; } #cont3 { width: 100%; height: auto; overflow: hidden; background: #ECECEC; padding-top: 55px; padding-bottom: 46px; } .cont3 { width: 1200px; margin: 0 auto; } .case_title { width: 100%; height: 100px; text-align: center; background: url("../img/title.png") no-repeat center top; } .case_title h5 { font-size: 24px; color: #444444; font-weight: bold; padding-top: 20px; } .case_title h6 { font-size: 24px; color: #a7a7a7; font-family: Arial; padding-top: 10px; padding-bottom: 18px; } .case_title span { width: 56px; height: 2px; background: #ECA047; display: block; margin: 0 auto; } .case_con { width: 100%; padding-top: 20px; } /*开始*/ .mr_frbox2 { height: 400px; position: relative; } .mr_frBtnL2 { cursor: pointer; width: 58px; height: 52px; background: url(../img/left.jpg) no-repeat; position: absolute; left: 473px; top: 342px; z-index: 9999; } .mr_frBtnR2 { cursor: pointer; width: 58px; height: 52px; background: url(../img/right.jpg) no-repeat; position: absolute; right: 473px; top: 342px; } .mr_frBtnL2:hover { background: url(../img/left_hv.jpg) no-repeat; } .mr_frBtnR2:hover { background: url(../img/right_hv.jpg) no-repeat; } .mr_frUl2 { width: 100%; height: 400px; margin: 0 auto; } .mr_frUl2 ul li { width: 393px; height: 287px; text-align: center; float: left; margin-bottom: 10px; margin-right: 10px; background: #E7E7E7; } .mr_frUl2 ul li img { display: block; } .mr_frUl2 ul li h6 { line-height: 40px; font-size: 16px; color: #606060; } .edu_btn { width: 100%; height: 52px; position: absolute; top: 342px; background: url("../img/centerico.jpg") no-repeat center; } .mr_frUl2 ul li:hover { border-bottom: 2px solid #0261AB; } .mr_frUl2 ul li:hover h6 { color: #0261AB; } #cont4 { width: 100%; height: auto; overflow: hidden; background: #FFF; padding-top: 54px; padding-bottom: 45px; } .cont4 { width: 1200px; margin: 0 auto; } .cont4_con { width: 1199px; height: auto; overflow: hidden; margin-top: 15px; border-top: 1px solid #EAEAEA; border-right: 1px solid #EAEAEA; } .cont4_con ul { width: 110%; } .cont4_con ul li { width: 240px; float: left; border-bottom: 1px solid #EAEAEA; height: 179px; } .cont4_con ul li img { border-left: 1px solid #EAEAEA; } #cont5 { width: 100%; height: auto; overflow: hidden; background: #EAEAEA; padding-top: 55px; padding-bottom: 77px; } .cont5 { width: 1200px; margin: 0 auto; } .cont5_con { width: 100%; padding-top: 30px; } /*开始*/ .mr_frbox { height: 325px; position: relative; } .mr_frBtnL { cursor: pointer; width: 27px; height: 72px; background: url(../img/mfrl.png) no-repeat; position: absolute; left: 0px; top: 110px; } .mr_frBtnR { cursor: pointer; width: 27px; height: 72px; background: url(../img/mfrr.png) no-repeat; position: absolute; right: 0px; top: 110px; } .mr_frBtnL:hover { background: url(../img/mfrl_hover.png) no-repeat; } .mr_frBtnR:hover { background: url(../img/mfrr_hover.png) no-repeat; } .mr_frUl { width: 1078px; height: 321px; margin: 0 auto; } .mr_frUl ul li { width: 264px; height: 321px; text-align: center; float: left; margin-right: 7px; } .mr_frUl ul li img { display: block; } /*left*/ #allleft { width: 100%; height: 116px; background: #FFF; overflow: hidden; } .allleft { width: 1200px; margin: 0 auto; } .prolist_con a:hover, .prolist_con li a.current { } div.jogger { overflow: hidden; width: 100%; } /*end*/ #end { width: 100%; height: auto; overflow: hidden; background: #1E1E1E; padding-top: 60px; padding-bottom: 40px; } #end a:hover { color: #FFF; } .end { width: 1200px; margin: 0 auto; } .nrl { width: 885px; float: left; } .nrr { width: 240px; float: right; } .footLink { width: 100%; } .footLink ul { width: 124px; height: 170px; float: left; border-right: 1px dashed #343434; padding-left: 64px; } .footLink ul:nth-child(1) { padding-left: 0; } .footLink ul h1 { padding-bottom: 20px; } .footLink ul h1 a { font-size: 14px; color: #CDCDCD; } .footLink ul li a { font-size: 12px; color: #5C5C5C; line-height: 30px; } .footLink ul:last-child { border: none; }/*最后一个li*/ .footland { width: 94%; padding-top: 45px; overflow: hidden; } .footland h5 { float: left; font-size: 14px; color: #646464; } .footland h6 { float: right; color: #646464; font-size: 14px; } .footland a { color: #646464; } .nrr h3 { font-size: 16px; color: #DFDFDF; } .nrr h4 { font-size: 28px; color: #2F96DF; font-weight: bold; line-height: 42px; } .nrr h5 { font-size: 12px; color: #8B8B8B; line-height: 35px; } .nrr span { width: 100%; height: 1px; background: #404040; display: block; } .nrr ul { width: 100%; padding-top: 15px; } .nrr ul li { width: 55px; height: 55px; float: left; margin-right: 10px; } .nrr ul li a { width: 55px; height: 55px; display: block; } .nrr ul li:nth-child(1) a { background: url("../img/endico1.png") no-repeat; } .nrr ul li:nth-child(2) a { background: url("../img/endico2.png") no-repeat; } .nrr ul li:nth-child(3) a { background: url("../img/endico3.png") no-repeat; } .nrr ul li:nth-child(1) a:hover { background: url("../img/endico1_hv.png") no-repeat; } .nrr ul li:nth-child(2) a:hover { background: url("../img/endico2_hv.png") no-repeat; } .nrr ul li:nth-child(3) a:hover { background: url("../img/endico3_hv.png") no-repeat; } /*public*/ #companyBn { width: 100%; height: 350px; position: relative; } #concompanylogo { width: 100%; height: 70px; background: rgba(0,0,0,0.6); position: absolute; bottom: 0; } .concompanylogo { width: 1200px; margin: 0 auto; height: 70px; line-height: 70px; } .honorlogo1 { float: left; font-size: 22px; font-family: "微软雅黑"; color: #fff; font-weight: bold; } .honorlogo2 { float: right; padding-right: 10px; color: #fff; } .honorlogo2 a { color: #fff; } .main { width: 100%; height: auto; margin: 0 auto; position: relative; z-index: 99; overflow: hidden; } .allcon { width: 1200px; height: 100%; overflow: hidden; margin: 0 auto; } .concompany { width: 100%; height: 100%; overflow: hidden; } .concompanycon { width: 100%; height: 100%; padding-top: 15px; overflow: hidden; margin: 0 auto; padding-bottom: 50px; } /*NEWS*/ .mynews { width: 100%; height: auto; overflow: hidden; } .mynews ul li { width: 84%; height: 160px; background: #F9F9F9; margin-bottom: 15px; padding: 25px 110px 0 30px; position: relative; } .mynews ul li span { width: 45px; height: 185px; display: block; position: absolute; right: 0; top: 0; background: #CBCBCB; text-align: center; color: #FFF; font-size: 15px; line-height: 185px; } .mynews ul li h4 { font-size: 16px; line-height: 40px; color: #3C3C3C; font-weight: 600; } .mynews ul li h5 { font-size: 12px; color: #A2A2A2; } .mynews ul li h6 { font-size: 14px; color: #9C9C9C; } .mynews ul li:hover { background: #61A7E2; } .mynews ul li:hover span { background: #4E86B7; } .mynews ul li:hover h4, .mynews ul li:hover h5, .mynews ul li:hover h6 { color: #FFF; } /*case*/ /* section */ .section { width: 100%; margin: 10px auto 0 auto; overflow: hidden; } .section ul { width: 110%; } .section ul li { float: left; margin-right: 6px; margin-bottom: 10px; display: inline; width: 395px; height: 248px; overflow: hidden; position: relative; } .section ul li .photo { width: 395px; height: 248px; overflow: hidden; } .section .rsp { width: 395px; height: 248px; overflow: hidden; position: absolute; background: #000; top: 0px; left: 0px; } .section .text { position: absolute; width: 395px; height: 248px; left: -395px; top: 0px; overflow: hidden; } .section .text h3 { width: 395px; margin-top: 100px; height: 50px; line-height: 50px; text-align: center; color: #FFFFFF; font-size: 20px; } .section .text a { text-decoration: none } .section .text div { text-align: center; color: #FFFFFF; font-size: 18px; } .section2 { width: 100%; margin: 10px auto 0 auto; overflow: hidden; } .section2 ul { width: 110%; } .section2 ul li { float: left; margin-right: 6px; margin-bottom: 10px; display: inline; width: 395px; height: 535px; overflow: hidden; position: relative; } .section2 ul li .photo2 { width: 395px; height: 535px; overflow: hidden; } .section2 .rsp2 { width: 395px; height: 535px; overflow: hidden; position: absolute; background: #000; top: 0px; left: 0px; } .section2 .text2 { position: absolute; width: 395px; height: 535px; left: -395px; top: 0px; overflow: hidden; } .section2 .text2 h3 { width: 395px; margin-top: 100px; height: 50px; line-height: 50px; text-align: center; color: #FFFFFF; font-size: 20px; } .section2 .text2 a { text-decoration: none } .section2 .text2 div { text-align: center; color: #FFFFFF; font-size: 18px; } .rnewys { width: 100%; height: 120px; border-bottom: #d9d9d9 solid 1px; padding-top: 10px; } .newconleft { width: 75px; height: 120px; float: left; color: #676767; } .newsconright { width: 85%; height: 120px; float: right; } .newsconright a { width: 100%; height: 120px; display: block; color: #676767; } .newsconright a:hover { color: #2b8b03; text-decoration: none; } .newsconright1 { color: #333; font-weight: bold; padding-bottom: 10px; } /*news_info*/ .news_tit_u { text-align: center; font-size: 18px; color: #656565; line-height: 1.84; font-weight: 700; } .news_t_d { width: 100%; text-align: center; line-height: 40px; border-bottom: 1px dashed #CCCCCC; position: relative; } .news_t_d span { display: inline-block; vertical-align: middle; color: #999; line-height: 1.8; text-indent: 25px; margin-right: 10px; } .news_user { background: url("../img/news_u.png") no-repeat left; } .show_t { background: url("../img/time.png") no-repeat left; } .to_look { background: url("../img/look.png") no-repeat left; } .back { float: right; background: url("../img/back.png") no-repeat left; color: #999; line-height: 1.8; text-indent: 25px; margin-top: 11px; } /*jobs new*/ /*人才招聘详情页*/ .job_top, .job_wrap { width: 1200px; margin: 0 auto; } .job_txt { width: 50%; float: right; background: #333333; height: 329px; } .job_txt p { width: 95%; margin: 60px auto 0 auto; font-size: 14px; text-align: center; color: #f5f5f5; line-height: 30px; background: url("../img/job_i.png") no-repeat center top; padding-top: 150px; } /*jobs_con*/ .jobs_con { padding-top: 80px; background: #f5f5f5; margin-top: 65px; border-top: 1px solid #e5e5e5; } .job_title h2 { font-size: 36px; color: #2a2a2a; text-align: center; font-weight: 300; } .job_title span { font-size: 18px; color: #999898; text-align: center; padding-top: 10px; display: block; } /*job_list*/ .job_all { overflow: hidden; width: 105%; margin-top: 60px; } .job_list { width: 328px; height: 225px; background: #fff; padding: 40px 25px 30px 25px; border-radius: 10px; position: relative; overflow: hidden; transition: all 500ms; -webkit-transition: all 500ms; float: left; margin: 0 30px 30px 0; } .job_list em { display: block; width: 310px; height: 310px; border-radius: 50%; background: #f9cc87; position: absolute; z-index: 2; transition: all 800ms; -webkit-transition: all 800ms } .job_list em.bg_1 { top: -80px; left: 10px; opacity: 0.4; transform: scale(0); } .job_list em.bg_2 { top: 127px; left: 108px; opacity: 0.3; transform: scale(0); } .job_list em.bg_3 { top: -118px; left: 210px; opacity: 0.2; transform: scale(0); } .job_list:before { display: block; content: ''; height: 6px; width: 100%; position: absolute; bottom: 0; left: 0; border-radius: 0 0 10px 10px; background: #f9cc87; transition: all 250ms; -webkit-transition: all 250ms } .job_list a { display: block; position: relative; z-index: 100; color: #a1a1a1; transition: all 500ms; -webkit-transition: all 500ms } .job_list h4 { font-size: 24px; color: #606060; font-weight: 400; transition: all 500ms; -webkit-transition: all 500ms } .job_list p { margin: 15px 0; } .job_list p small { font-size: 14px; display: inline-block; margin-right: 30px; background: url("../img/jib_i2.png") no-repeat left center; padding-left: 25px; } .job_list span>p { font-size: 12px; line-height: 26px; margin: 0; } .job_list strong { font-size: 18px; display: block; width: 52px; height: 30px; text-align: center; line-height: 30px; border: 1px solid #a1a1a1; border-radius: 4px; margin-top: 30px; font-weight: 300; } .job_list:hover { background: #f4990f; } .job_list:hover a { color: #fff; } .job_list:hover a h4 { color: #fff; } .job_list:hover a strong { border: 1px solid #fff; } .job_list:hover em { transform: scale(1); } .job_list:hover:before { background: #ee7904; } /************常州贷款*****************/ .newsdivys { width: 100%; height: 190px; border-bottom: #353535 double 5px; padding-top: 10px; } .newsdivysimg { width: 245px; height: 175px; float: left; border: 1px solid #8CCE2E; padding: 3px; } .newsdivyscon { width: 665px; height: 120px; float: right; font-size: 14px; } .newsdivyscon a { width: 100%; height: 190px; display: block; color: #999999; } .newsdivyscon a:hover { text-decoration: none; color: #E61403; } .newsdivyscon1 { font-family: Microsoft YaHei, SimSun; font-size: 18px; color: #333; line-height: 30px; width: 75px; border-bottom: 5px solid #8CCE2E; } .newsdivyscon2 { padding-top: 6px; } .news_nei li { width: 100%; height: 39px; border-bottom: 1px dashed #2C6793; line-height: 39px; background: url(../img/newslibg.jpg) no-repeat left center; font-family: "微软雅黑"; font-size: 17px; color: #333; } .news_nei li a { color: #333; } .news_nei li a:hover { color: #79B0CD; } .a_left { width: 100px; height: 300px; position: absolute; margin-left: 10px; z-index: 9999; margin-top: 40px; } .a_right { width: 100px; height: 300px; position: absolute; margin-left: 600px; z-index: 9999; margin-top: 40px; } .a_left a { width: 100px; height: 300px; float: left; display: block; position: relative; z-index: 999; background: url('../img/btn-prev.png') no-repeat left center; } .a_right a { width: 100px; height: 300px; float: right; display: block; position: relative; z-index: 999; background: url('../img/btn-next.png') no-repeat right center; } .a_left a:hover { width: 100px; height: 300px; float: left; background: url('../img/btn-prev-cur.png') no-repeat left center; } .a_right a:hover { width: 100px; height: 300px; float: right; z-index: 999; background: url('../img/btn-next-cur.png') no-repeat right center; } #indexNews { padding-bottom: 15px; } #indexNews li { width: 658px; height: 30px; line-height: 30px; border-bottom: #7f7f7f dashed 1px; padding-left: 22px; background: url(../img/newsli.gif) no-repeat left; } #indexNews li a { float: left; } #topnews { height: 125px; overflow: hidden } #topnews li { border-bottom: 1px dashed #dedede; height: 120px; } #topnews li a { font-weight: 800; font-size: 14px; font-family: Microsoft YaHei, SimSun; } .introImg { float: left; margin-right: 10px; } .info_date { float: right; padding-right: 5px; } #indexPro { width: 745px; height: 430px; overflow: hidden; margin: 0 auto; float: right } #indexPro li, .produc li { float: left; margin: 0 9px 13px 9px; _margin: 0 7px 10px 7px; width: 238px; height: 206px; _height: 203px; text-align: center; } .food_info_main { } .info_img { width: 100%; height: auto; padding-bottom: 10px; } .info_img li { width: 215px; height: 208px; text-align: center; } .info_img li a { width: 215px; height: 208px; display: block; background-color: #f2f2f2; border: #e8e8e8 solid 1px; line-height: 45px; } .info_img li a:hover { background-color: #0691d2; text-decoration: none; color: #FFF; } .info_img li img { width: 197px; height: 140px; padding-top: 8px; } @keyframes aniBlink120 { from { margin-left:-60px } to { margin-left: 230px } } @-webkit-keyframes aniBlink120 { from { margin-left:-60px } to { margin-left: 230px } } .mod_imgLight { position: relative; width: 215px; height: 208px; overflow: hidden; margin: 0 auto; border-radius: 10px; box-shadow: 0 0 10px #3C90DF; } .mod_imgLight a { display: inline-block } .mod_imgLight a:before { content: ''; position: absolute; width: 60px; height: 208px; margin-top: 0px; margin-left: -120px; overflow: hidden; z-index: 6; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,0.4)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg) } .mod_imgLight:hover a:before { -webkit-animation: aniBlink120 .3s ease-out forwards; -moz-animation: aniBlink120 .3s ease-out forwards; -o-animation: aniBlink120 .3s ease-out forwards; animation: aniBlink120 .3s ease-out forwards } .food_info_tit_bg { margin: 30px 0 0 0px; width: 100%; height: 30px; background: #ececec; float: left; } .food_info_tit { display: inline-block; padding-left: 10px; padding-right: 10px; height: 100%; border-right: 1px solid #fff; background: #656565; color: #fff; line-height: 30px; font-family: Microsoft YaHei; font-size: 14px; } /************新闻*****************/ .news_tit_d { text-align: center; padding: 5px 0px; font-size: 12px; font-weight: 100; background: #f7f7f7; border: 1px solid #e8e8e8; color: #303030; width: 98%; margin: 10px auto; height: 20px; line-height: 20px; } .news_tit_img { width: 60%; margin: 9px auto; text-align: center } .news_main { padding-top: 15px; font-size: 16px; line-height: 32px; color: #656565; } #prev_next { width: 100%; margin: 20px 0; overflow: hidden; border-top: 1px solid #CCCCCC; } #prev_next li span { float: right; color: #656565; padding-right: 10px; } #prev_next li { width: 100%; border-bottom: 1px solid #CCCCCC; line-height: 40px; text-indent: 23px; } #prev_next li a { color: #656565; } #prev_next li:first-child { background: url("../img/up.png") no-repeat left center; }/*第一个li*/ #prev_next li:last-child { background: url("../img/down.png") no-repeat left center; }/*第一个li*/ /************产品*****************/ .produc { width: 100%; margin: 0 auto; overflow: hidden; padding-top: 15px; } .info_img_detail { text-align: center; } .info_img_detail img { padding: 3px; border: #CCC solid 1px; } .food_name { text-align: center; line-height: 40px; } /************留言*****************/ /* === Remove input autofocus webkit === */ *:focus { outline: none; } .contact_form h2, .contact_form label { font-family: Georgia, Times, "Times New Roman", serif; } .form_hint, .required_notification { font-size: 11px; } .contact_form ul { list-style-type: none; list-style-position: outside; margin: 0px; padding: 0px; } .contact_form li { padding: 12px; border-bottom: 1px solid #eee; position: relative; } .contact_form li:first-child, .contact_form li:last-child { border-bottom: 1px solid #777; } .contact_form h2 { margin: 0; display: inline; } .required_notification { color: #d45252; margin: 5px 0 0 0; display: inline; float: right; } .contact_form label { width: 150px; margin-top: 3px; display: inline-block; float: left; padding: 3px; } .contact_form input { height: 20px; width: 220px; padding: 5px 8px; } .contact_form textarea { padding: 8px; width: 300px; } .contact_form button { margin-left: 156px; } .contact_form input, .contact_form textarea { border: 1px solid #aaa; box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset; border-radius: 2px; padding-right: 30px; -moz-transition: padding .25s; -webkit-transition: padding .25s; -o-transition: padding .25s; transition: padding .25s; } .contact_form input:focus, .contact_form textarea:focus { background: #fff; border: 1px solid #555; box-shadow: 0 0 3px #aaa; padding-right: 70px; } .contact_form input:required, .contact_form textarea:required { background: #fff url(../img/red_asterisk.png) no-repeat 98% center; } .contact_form input:required:valid, .contact_form textarea:required:valid { background: #fff url(../img/valid.png) no-repeat 98% center; box-shadow: 0 0 5px #5cd053; border-color: #28921f; } .contact_form input:focus:invalid, .contact_form textarea:focus:invalid { background: #fff url(../img/invalid.png) no-repeat 98% center; box-shadow: 0 0 5px #d45252; border-color: #b03535 } .form_hint { background: #d45252; border-radius: 3px 3px 3px 3px; color: white; margin-left: 8px; padding: 1px 6px; z-index: 999; /* hints stay above all other elements */ position: absolute; /* allows proper formatting if hint is two lines */ display: none; } .form_hint::before { content: "\25C0"; color: #d45252; position: absolute; top: 1px; left: -6px; } .contact_form input:focus + .form_hint { display: inline; } .contact_form input:required:valid + .form_hint { background: #28921f; } .contact_form input:required:valid + .form_hint::before { color:#28921f; } button.submit { background-color: #68b12f; background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e)); background: -webkit-linear-gradient(top, #68b12f, #50911e); background: -moz-linear-gradient(top, #68b12f, #50911e); background: -ms-linear-gradient(top, #68b12f, #50911e); background: -o-linear-gradient(top, #68b12f, #50911e); background: linear-gradient(top, #68b12f, #50911e); border: 1px solid #509111; border-bottom: 1px solid #5b992b; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; box-shadow: inset 0 1px 0 0 #9fd574; -webkit-box-shadow: 0 1px 0 0 #9fd574 inset; -moz-box-shadow: 0 1px 0 0 #9fd574 inset; -ms-box-shadow: 0 1px 0 0 #9fd574 inset; -o-box-shadow: 0 1px 0 0 #9fd574 inset; color: white; font-weight: bold; padding: 6px 20px; text-align: center; text-shadow: 0 -1px 0 #396715; } button.submit:hover { opacity: .85; cursor: pointer; } button.submit:active { border: 1px solid #20911e; box-shadow: 0 0 10px 5px #356b0b inset; -webkit-box-shadow: 0 0 10px 5px #356b0b inset; -moz-box-shadow: 0 0 10px 5px #356b0b inset; -ms-box-shadow: 0 0 10px 5px #356b0b inset; -o-box-shadow: 0 0 10px 5px #356b0b inset; } .concompanycon table { margin-left: 2px; } .concompanycon table th { color: #444444; font-weight: normal; font-size: 14px; font-family: 'Microsoft YaHei', arial; text-align: right; vertical-align: top; padding-top: 9px; } .concompanycon table td select { font-family: 'Microsoft YaHei', arial; font-size: 14px; width: 278px; height: 32px; text-indent: 8px; border: 1px solid #d2d4d6; margin: 5px auto 6px 5px; background: #FFF; /*margin-left:-3px;*/ } .concompanycon table td ul { list-style: none; position: absolute; } .concompanycon table td ul li { font-family: 'Microsoft YaHei', arial; font-size: 14px; height: 28px; line-height: 28px; text-indent: 8px; width: 276px; height: 28px; border-left: 1px solid #d2d4d6; border-right: 1px solid #d2d4d6; background: #FFF; } .concompanycon table td ul li a { display: block; text-decoration: none; color: #444444; } .concompanycon table td ul li a:hover { color: #fe7d0c; } .concompanycon table td ul li:last-child { border-bottom: 1px solid #d2d4d6; } .concompanycon table td input { font-size: 14px; width: 276px; height: 28px; border: 1px solid #d2d4d6; margin: 5px auto 5px 5px; } .concompanycon table td .yanzheng { width: 101px; } .concompanycon table td textarea { resize: none; width: 545px; height: 178px; border: 1px solid #d2d4d6; margin: 5px auto 5px 5px; } .concompanycon table td img { vertical-align: middle; margin-left: 5px; margin-bottom: 4px; /**+margin-bottom:14px;*/ } .concompanycon table td .but { width: 74px; height: 31px; line-height: 27px; background: #149939; border-radius: 2px; border: none; text-align: center; margin-top: 14px; margin-left: 5px; font-size: 14px; font-family: 'Microsoft YaHei', SimHei, sans-serif; color: #FFF; } /************招聘*****************/ .jobs li { overflow: hidden; margin: 23px 18px 28px 28px; padding-bottom: 27px; border-bottom: 1px dotted #cdcdcd; } .jobs a { position: relative; top: -90px; background: url(../img/button.jpg) no-repeat top left; float: right; width: 71px; height: 34px; color: #fff; text-align: center; line-height: 34px; } .jobs strong { color: #da020d; } .jobs p {/*margin:6px 0 -134px 156px;*/ line-height: 35px; } /***************jobs***************/ .pro_info .rel_center { margin: 23px 0 6px; margin-left: -145px; padding: 3px; width: 290px; height: 216px; border: 1px solid #dcdcdc; } .pro_name { display: block; color: #da020d; text-align: left; } .info_title { margin: 30px 0 0 0px; width: 760px; height: 30px; background: #ececec; float: left; } .info_title b { display: inline-block; padding-left: 10px; height: 100%; border-right: 1px solid #fff; background: #656565; color: #fff; line-height: 30px; } .info_title a { margin: 8px; width: 15px; height: 15px; background-position: 0 -426px; } /********goods_info&jobs_info*******/ .order { margin: 40px 0 120px 46px; line-height: 40px; } .order img { vertical-align: -5px; cursor: pointer; } #submit { width: 90px; height: 34px; border: none; background-position: 0px -366px; color: #fff; cursor: pointer; border-radius: 5px; background: #F00; }