@charset "UTF-8"; body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd { margin: 0px; } input, button, ul, ol { margin: 0px; padding: 0px; } body, input, button, form { font-size: 14px; line-height: 28px; font-family: "microsoft yahei", "Arial"; color: #333333; } h1, h2, h3, h4, h5, h6, font { font-size: 14px; font-weight: normal; } ul, ol, li { list-style: none; } input { background: none; border: 0 none; } img, iframe { border: 0px; max-width:100%; } em, i { font-style: normal; } button, input, select, textarea { font-size: 100%; } table { border-collapse: collapse; border-spacing: 0; } .red { color: #ba292e; } .fl { float: left; } .fr { float: right; } .tac { text-align: center; } .tar { text-align: right; } .poa { position: absolute; } .por { position: relative; } .hidden { display: none; } .w1200 { width: 1200px; margin: 0 auto; } a { color: #000; text-decoration: none; } a:hover { color: #3fb150; text-decoration: none; } a:visited { text-decoration: none; } .ease, .ease * { -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .noease, .noease * { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } :-moz-placeholder { color: #aaa; } ::-moz-placeholder { color: #aaa; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #aaa; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #aaa; } /*濞撳懘娅庡ù顔煎З*/ .clearfix { *zoom: 1; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /*******************index css*********************/ .inews .section_con { position: absolute; height: 560px; left: 50%; top: 50%; margin: -290px 0 0 -600px; } .inews .inews-left { width: 550px; float: left; overflow: hidden; position: relative; } .inews .inews-left .list { width: 500%; } .inews .inews-left .prev, .inews .inews-left .next { width: 30px; height: 70px; display: block; cursor: pointer; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; position: absolute; border-radius: 3px; top: 140px; z-index: 10; background: url(../images/black50.png) repeat 0 0; } .inews .inews-left .prev s, .inews .inews-left .next s { width: 30px; height: 70px; display: block; background: url(../images/inews-ico.png) no-repeat 11px center; } .inews .inews-left .prev:hover, .inews .inews-left .next:hover { background: url(../images/red80.png) repeat 0 0; } .inews .inews-left .prev { left: 10px; } .inews .inews-left .next { right: 10px; } .inews .inews-left .next s { background-position: -41px center; } .inews .inews-left .item { width: 550px; float: left; } .inews .inews-left .item a { width: 100%; display: block; } .inews .inews-left .item .img { height: 350px; overflow: hidden; } .inews .inews-left .item img { width: 100%; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .inews .inews-left .item h3 { height: 55px; line-height: 55px; overflow: hidden; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; padding-top: 0; color: #333; font-size: 18px; } .inews .inews-left .item .time { width: 70px; float: left; border-right: 1px solid #979797; color: #333333; line-height: 16px; font-size: 16px; } .inews .inews-left .item .time .year { font-size: 24px; display: block; line-height: 24px; margin-bottom: 4px; } .inews .inews-left .item .txt { width: 462px; float: right; color: #979797; line-height: 30px; height: 60px; overflow: hidden; margin-top: -7px; } .inews .inews-left .item:hover img { filter: brightness(105%); } .inews .inews-left .item:hover h3 { color: #3fb150; padding-left: 5px; } .inews .inews-left img { width: 100%; display: block; } .inews .inews-right { width: 550px; float: right; } .inews .inews-right .item { width: 100%; padding: 28px 0; position: relative; border-bottom: 1px solid #e0e0e0; } .inews .inews-right .item:first-child { padding-top: 0; } .inews .inews-right .item a { display: block; width: 100%; *zoom: 1; } .inews .inews-right .item a:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .inews .inews-right .item img { width: 140px; height: 105px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; display: block; float: left; margin-right: 20px; } .inews .inews-right .item h3 { font-size: 16px; line-height: 20px; height: 20px; margin-bottom: 5px; overflow: hidden; color: #333; } .inews .inews-right .item .time { display: block; color: #333; } .inews .inews-right .item .more { width: 68px; height: 18px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; line-height: 18px; position: absolute; right: 0; bottom: 30px; text-align: center; color: #b6b6b6; display: block; float: right; border: 1px solid #e1e1e1; border-radius: 3px; font-family: arial; } .inews .inews-right .item a:hover .more { background: #ed4e43; border-color: #ed4e43; color: #fff; } .inews .inews-right .item a:hover img { filter: brightness(105%); } @media (max-width: 1600px) { .inews .indexTit { margin-bottom: 20px; } .inews .section_con { height: 540px; margin-top: -255px; } } @media (max-width: 1366px) { .inews .indexTit { margin-bottom: 10px; } .inews .section_con { height: 440px; margin-top: -200px; } .inews .inews-left .prev, .inews .inews-left .next { margin-top: -40px; } .inews .inews-left .item .img { height: 260px; } .inews .inews-left .item h3 { height: 40px; line-height: 40px; } .inews .inews-right .item { padding: 10px 0; } .inews .inews-right .item .more { bottom: 10px; } } /******ivedio******/ .indexTit { width: 100%; text-align: center; position: relative; margin-bottom: 46px; } .indexTit .en { color: #2f2f2f; font-size: 30px; line-height: 30px; margin-bottom: 6px; text-transform: uppercase; font-family: arial; display: block; } .indexTit .line-left, .indexTit .line-right { width: 90px; height: 1px; position: absolute; bottom: 12px; display: block; background: #c1c1c1; } .indexTit .line-left { left: 50%; margin-left: -158px; } .indexTit .line-right { right: 50%; margin-right: -158px; } .indexTit h2 { font-size: 24px; line-height: 30px; } @media (max-width: 1366px) { .indexTit .en { margin-bottom: 0; } } .gridlist { width: 100%; } .gridlist .item { width: 280px; margin: 0 27px 30px 0; float: left; position: relative; overflow: hidden; } .gridlist .item:first-child { margin-left: 0; } .gridlist .item img { width: 280px; height: 210px; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .gridlist .item .bg { width: 280px; height: 210px; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; background: url(../images/black50.png) repeat 0 0; position: absolute; left: -100%; top: 0; } .gridlist .item .plus { width: 280px; height: 210px; display: block; transition: all ease .4s; background: url(../images/ipro_hover.png) no-repeat center center; position: absolute; left: -100%; top: 0; } .gridlist .item h3 { color: #000; line-height: 22px; text-align: center; padding-top: 12px; overflow: hidden; font-family: "microsoft yahei"; } .gridlist .item .txt { font-size: 12px; color: #999999; margin-top: 10px; line-height: 20px; height: 40px; overflow: hidden; font-family: "microsoft yahei"; } .gridlist .item:hover .bg { left: 0; } .gridlist .item:hover .plus { left: 0; } .gridlist .item:hover img { -webkit-filter: brightness(110%); filters: brightness(110%); } .gridlist .item:hover h3 { color: #3fb150; } .gridlist.gridlist34 .item { width: 180px; margin: 0 0 30px 24px; } .gridlist.gridlist34 .item:first-child { margin-left: 0; } .gridlist.gridlist34 .item img, .gridlist.gridlist34 .item .bg, .gridlist.gridlist34 .item .plus { width: 180px; height: 240px; } /***********category css*************/ .nyIcon { background: url(../images/nyicon.png) no-repeat; display: inline-block; vertical-align: middle; } .shareNew { padding-bottom: 20px; } .wrapper { padding: 55px 0 55px; min-height: 300px; } .wrapper .indexTit .line-right { margin-right: -202px; } .wrapper .indexTit .line-left { margin-left: -202px; } .wrapper .noinfor { padding: 0 0 20px; text-align: left; color: red; } .wrapper .bcontact { width: 100%; margin-top: 50px; padding-bottom: 50px; border-bottom: 1px solid #e5e5e5; } .wrapper .bcontact li { width: 399px; float: left; padding: 20px 0; border-left: 1px solid #e5e5e5; text-align: center; } .wrapper .bcontact li s { width: 60px; height: 55px; display: block; margin: 0 auto; background: url(../images/contact-ico.png) no-repeat 0 center; } .wrapper .bcontact li h3 { font-size: 16px; padding: 6px 0 14px; } .wrapper .bcontact li.a1 { border-left: 0px; } .wrapper .bcontact li.baddress s { background-position: -70px center; } .wrapper .bcontact li.btel s { background-position: -144px center; } /*n-tit*/ .n-tit { margin-bottom: 30px; } .n-tit h3 { line-height: 35px; font-size: 24px; } .n-tit s { width: 4px; height: 22px; margin-right: 15px; background: #3fb150; display: inline-block; vertical-align: middle; } .n-tit .more { font-size: 16px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .n-project { width: 100%; padding: 45px 0 20px; } .n-project .con { overflow: hidden; position: relative; } .n-project .gridlist { width: 105%; *padding-bottom: 30px; } .n-project.n-yewu { padding-bottom: 30px; } .n-project .txtlistbox { } .n-project .txtlistbox li { width: 590px; float: left; } .n-project .txtlistbox li:nth-child(2n) { float: right; } .n-project.n-yewu .gridlist .item { margin-right: 26px; } .n-yewu .textlist .item { width: 280px; height: 338px; margin-right: 26px; } .n-yewu .textlist .item:nth-child(4n) { margin-right: 0; } .n-yewu .textlist .item .img { width: 280px; height: 185px; } .n-yewu .textlist .item .txt { padding: 20px; } .n-yewu .textlist .item .txt .desc { height: 40px; padding-top: 5px; margin-bottom: 15px; line-height: 22px; } .n-yewu .textlist .item span { padding-top: 5px; } /* loaction */ .location { width: 100%; height: 60px; line-height: 60px; background: #fff; position: relative; z-index: 99; border-bottom: 1px solid #eee; } .location .w1200 { position: relative; } .location.fixt { position: fixed; top: 95px; } .location .sitepath { color: #363636; width: 400px; white-space: nowrap; } .location .sitepath s { width: 22px; height: 20px; background-position: 0 0; margin-right: 6px; } .location .sitepath a { color: #363636; } .location .sitepath a:hover { color: #3fb150; } .location .menu { height: 60px; line-height: 60px; } .location .menu span { width: 1px; height: 16px; margin: 0 16px 0 14px; background-position: -206px -36px; } .location .menu li { padding: 0; height: 60px; line-height: 60px; margin-left: 35px; text-align: center; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; color: #363636; display: inline-block; *display: inline; *zoom: 1; } .location .menu li a { display: block; position: relative; } .location .menu li i { position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background-color: #3fb150; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .location .menu li:hover i, .location .menu li.hover i { width: 100%; margin-left: -50%; } .location .menu li .box { width: 100%; text-align: left; position: absolute; left: 0; top: 80px; display: none; } .location .menu li .box dl { position: relative; } .location .menu li .box dd { display: inline-block; height: 40px; line-height: 40px; vertical-align: top; margin-right: 14px; text-align: center; width: 158px; } .location .menu li .box dd .a1 { border: 1px solid #ddd; background: #f8f8f8; display: block; } .location .menu li .box dd s { width: 4px; height: 4px; border-radius: 100%; display: inline-block; vertical-align: middle; background: #999; margin-right: 5px; display: none; } .location .menu li .box dd.hover .a1 { background: #fff; border: 1px solid #3fb150; color: #3fb150; } .location .menu li .box dd a:hover { background: #fff; border: 1px solid #3fb150; color: #3fb150; } .location .menu li.hover a { color: #3fb150; } .location .menu li.hover .box { display: block; } .location.fixt .menu .box { display: none !important; } .projectPage .list { padding-top: 0; } /*nybanner*/ .nybanner { width: 100%; height: 300px; position: relative; overflow: hidden; background-position: center; background-repeat: no-repeat; background-image: url(../images/nybanner.jpg); } /*teamPage*/ .teamPage { overflow: hidden; } .teamPage .gridlist34 { width: 104%; text-align: left; } .teamPage .gridlist34 .item { width: 380px; margin: 0 24px 30px 0; text-align: center; } .teamPage .gridlist34 .item h3 { height: 44px; overflow: hidden; } .teamPage .gridlist34 .item:first-child { margin-left: 0; } .teamPage .gridlist34 .item img, .teamPage .gridlist34 .item .bg, .teamPage .gridlist34 .item .plus { width: 380px; height: 213px; } /*searchPage*/ .searchPage { overflow: hidden; } .searchPage .list { padding-bottom: 20px; width: 105%; } .searchPage .gridlist .itemk { width: 100%; height: 168px; margin-bottom: 26px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; background: #fbfbfb; } .searchPage .gridlist .itemk a { width: 100%; display: block; } .searchPage .gridlist .itemk img { width: 300px; height: 169px; display: block; margin-right: 30px; } .searchPage .gridlist .itemk h3 { font-size: 20px; padding: 35px 0 20px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; color: #000; } .searchPage .gridlist .itemk .txt { color: #666; line-height: 24px; height: 48px; padding-right: 130px; overflow: hidden; } .searchPage .gridlist .itemk .time { width: 150px; padding-top: 45px; font-family: arial; font-size: 20px; color: #999; } .searchPage .gridlist .itemk .time .day { font-size: 40px; line-height: 45px; display: block; } .searchPage .gridlist .itemk:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); } .searchPage .gridlist .itemk:hover h3 { color: #3fb150; text-indent: 5px; } .searchPage .gridlist .itemk:hover .time .day span { background: #6d6d6d; } .searchPage .gridlist .itemk:hover .time .day strong { background: #ff0000; color: #fff; } .contactPage { padding: 0 0 0; } .contactPage .bcontact { padding-top: 30px; } .contactPage .bcontact .a3 { height: 131px; } .contactPage .bcontact .a3 img { width: 130px; display: block; margin: 0 auto; } .contactPage .txtcon img { max-width: 100%; } .contactPage .t2 { padding: 58px 0 48px; text-align: center; } .contactPage .t2 .titb { font-size: 30px; margin-bottom: 16px; } .contactPage .t2 .txt { font-size: 14px; line-height: 24px; } .contactPage .t2 .txt span { font-weight: bold; color: #3fb150; } .contactPage .mapArea { width: 100%; height: 400px; margin-top: 40px; } .contactPage .mapArea #allmap { width: 100%; height: 400px; } .formData { padding-bottom: 20px; } .formData .item { float: left; color: #999; font-weight: normal; width: 560px; height: 50px; line-height: 50px; border: 1px solid #e5e5e5; margin-right: 76px; margin-bottom: 30px; position: relative; } .formData .item label { padding-left: 15px; position: absolute; left: 0; top: 0; z-index: 11; text-align: center; display: block; margin: 0; height: 50px; line-height: 50px; font-size: 18px; color: #cccccc; } .formData .item input { outline: none; line-height: 38px; height: 38px; font-size: 18px; } .formData .item .txt { width: 355px; height: 50px; line-height: 50px; display: block; background: none; padding-left: 70px; border: 0 none; color: #333; } .formData .item .red { position: absolute; right: 15px; top: 0; color: #ff0000; z-index: 11; } .formData .item.mr0 { margin-right: 0; } .formData .msg-box { position: absolute; left: 0; top: 0px; } .formData .liuyan { width: 1198px; height: 240px; border: 1px solid #e5e5e5; float: left; } .formData .liuyan label { text-align: right; display: block; } .formData .liuyan textarea { width: 1178px; height: 214px; line-height: 28px; padding: 12px 10px; text-indent: 100px; font-size: 18px; font-family: "microsoft yahei"; color: #333; border: 0 none; overflow: hidden; background: none; resize: none; display: block; outline: none; } .formData .bot { width: 100%; } .formData .sub { width: 232px; line-height: 46px; border: 2px solid #3fb150; margin-right: 2px; text-align: center; background: #3fb150; color: #FFF; cursor: pointer; font-size: 18px; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .formData .sub:hover { background: none; color: #3fb150; } .formData .yzm { width: 432px; } .formData .yzm .txt { padding-left: 80px; } .formData .yzm img { position: absolute; right: 3px; top: 3px; border: 0px; display: block; } .projectPage { overflow: hidden; } .projectPage .list { width: 105%; } /*newsPage*/ /*kuaiPage*/ .newsPage .list { padding-bottom: 30px; } .newsPage .item { height: 178px; transition: all .5s; border: 1px solid #f3f3f3; display: block; margin-bottom: 20px; } .newsPage .item a { padding: 26px; display: block; } .newsPage .item img { width: 168px; height: 126px; display: block; margin-right: 30px; } .newsPage .item h3 { font-size: 20px; padding: 25px 0 20px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; color: #000; } .newsPage .item .txt { color: #999; line-height: 24px; width: 640px; height: 48px; overflow: hidden; } .newsPage .item .time { width: 130px; padding: 20px 0 20px 45px; border-left: 1px solid #eee; font-family: arial; font-size: 18px; color: #999; text-align: center; } .newsPage .item .time .day { font-size: 30px; line-height: 45px; display: block; } .newsPage .item:hover { box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); margin-left: 15px; } .newsPage .item:hover h3 { color: #3fb150; } .newsPage .item:hover .time .day span { background: #6d6d6d; } .newsPage .item:hover .time .day strong { background: #ff0000; color: #fff; } .yewuPage .list { padding-bottom: 30px; } .yewuPage .item { width: 100%; height: 160px; padding: 26px 0; transition: all .5s; border-bottom: 1px solid #f3f3f3; } .yewuPage .item:first-child { padding-top: 0; } .yewuPage .item a { width: 100%; display: block; } .yewuPage .item img { width: 340px; height: 160px; display: block; margin-right: 30px; } .yewuPage .item h3 { font-size: 18px; padding: 30px 0 20px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; color: #000; } .yewuPage .item .txt { color: #999; line-height: 24px; height: 48px; padding-right: 50px; overflow: hidden; } .yewuPage .item .time { width: 130px; padding: 25px 0 25px 45px; margin-top: 20px; border-left: 1px solid #eee; font-family: arial; font-size: 18px; color: #999; } .yewuPage .item .time .day { font-size: 40px; line-height: 45px; display: block; } .yewuPage .item .time s { width: 14px; height: 18px; display: block; margin-top: 20px; background-position: -224px 0; } .yewuPage .item:hover { box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); margin-left: 15px; } .yewuPage .item:hover h3 { color: #3fb150; } .yewuPage .item:hover .time .day span { background: #6d6d6d; } .yewuPage .item:hover .time .day strong { background: #ff0000; color: #fff; } .yewuPage .item.items img { width: auto; max-width: 300px; } .fxitem { background: #fff; box-shadow: 0 0 1px #ddd; margin-bottom: 40px; } .fxitem .txtcon { width: 460px; padding: 68px; float: left; } .fxitem .txtcon .title { font-size: 28px; color: #3fb150; } .fxitem .txtcon .desc { margin: 20px 0 35px; line-height: 26px; height: 100px; overflow: hidden; color: #333; font-size: 16px; } .fxitem .txtcon .btn { height: 32px; line-height: 32px; border-radius: 20px; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; border: 1px solid #ddd; text-align: center; width: 130px; } .fxitem .txtcon:hover .btn { background: #3fb150; color: #fff; border: 1px solid #3fb150; } .fxitem .img { width: 600px; height: 350px; overflow: hidden; display: block; float: right; } .fxitem .img img { width: 100%; height: 100%; display: block; } .fxitem.it2 .txtcon { float: right; } .fxitem.it2 .img { float: left; } .jobPage { width: 1200px; margin: 0 auto; padding: 50px 0; } .jobPage .title { width: 100%; height: 16px; position: relative; border-top: 1px solid #ccc; } .jobPage .title span, .jobPage .title h3 { position: absolute; left: 0; top: -14px; line-height: 28px; background: #fff; display: block; padding-right: 14px; font-size: 18px; color: #000; } .jobPage .title span b { font-weight: normal; color: #3fb150; display: inline-block; padding: 0 10px; } .jobPage .title h3 { color: #3fb150; font-weight: normal; } .jobPage .cont { padding-top: 20px; } .jobPage .cont .item { border: 1px solid #dcdcdc; border-left: 4px solid #3fb150; padding: 10px 20px 0; margin-bottom: 20px; position: relative; } .jobPage .cont .item .top { height: 65px; cursor: pointer; } .jobPage .cont .item .top span { display: inline-block; } .jobPage .cont .item .top span.sarry { color: #3fb150; margin-right: 36px; } .jobPage .cont .item .top .time { color: #999; } .jobPage .cont .item .top h3 { font-size: 18px; font-weight: normal; color: #3fb150; } .jobPage .cont .item .top p { display: block; } .jobPage .cont .item .bottom { padding-top: 20px; border-top: 1px solid #dcdcdc; padding-bottom: 20px; } .jobPage .cont .item .btn { width: 162px; height: 58px; cursor: pointer; position: absolute; top: 18px; right: -18px; text-align: center; padding-right: 30px; line-height: 40px; color: #fff; background: url(../images/jobbtn.png) no-repeat 0 0; display: none; } .jobPage .cont .item.hover { background: #f9f9f9; } .jobPage .cont .item.hover .btn { display: block; } .jobPage .left { width: 800px; } .jobPage .right { width: 350px; } .jobPage .right .item { margin-bottom: 74px; } .jobPage .right .item .cont { line-height: 28px; } .jobPage .right .item .cont img { margin-left: 10px; } /*****showPro****/ .showPro { padding-bottom: 30px; } .showPro .showImg { padding-bottom: 50px; } .showPro .photo { width: 540px; } .showPro .photo .jqzoom { width: 540px; height: 405px; overflow: hidden; position: relative; padding: 0px; cursor: pointer; } .showPro .photo .zoomdiv { z-index: 999; position: absolute; top: 0px; left: 0px; background: #ffffff; border: 1px solid #ddd; display: none; text-align: center; overflow: hidden; } .showPro .photo .jqZoomPup { z-index: 999; visibility: hidden; position: absolute; top: 0px; left: 0px; border: 1px solid #eee; background: #fff; opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; filter: alpha(Opacity=50); } .showPro .photo .img { width: 540px; height: 405px; display: block; } .showPro .photo .photoimg { width: 540px; height: 71px; margin-top: 12px; position: relative; } .showPro .photo .photoimg .list { width: 505px; overflow: hidden; position: relative; margin: 0 auto; } .showPro .photo .photoimg .listcon { width: 300%; } .showPro .photo .photoimg .prev, .showPro .photo .photoimg .next { width: 12px; height: 30px; z-index: 10; position: absolute; top: 21px; cursor: pointer; background: url(../images/spro-btn-ico.png) no-repeat 0 center; } .showPro .photo .photoimg .prev { left: 0; } .showPro .photo .photoimg .next { right: 0; background-position: -90px center; } .showPro .photo .photoimg a { width: 95px; height: 71px; cursor: pointer; display: block; float: left; margin-right: 7px; } .showPro .photo .photoimg a img { width: 95px; height: 71px; display: block; } .showPro .photo .photoimg a.hover img { border: 3px solid #3fb150; width: 89px; height: 65px; } .showPro .imgtxtcon { width: 620px; height: 488px; float: right; position: relative; } .showPro .imgtxtcon .tit { font-size: 24px; color: #000; line-height: 30px; margin-bottom: 10px; } .showPro .imgtxtcon .mark { color: #888; } .showPro .imgtxtcon .line { width: 50px; height: 3px; display: block; background: #999999; margin: 20px 0; } .showPro .imgtxtcon .txtcon .title { font-size: 16px; margin-bottom: 10px; } .showPro .imgtxtcon .txt { line-height: 35px; height: 280px; overflow: hidden; } .showPro .imgtxtcon .btn { position: absolute; left: 0; bottom: 10px; font-size: 16px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; width: 135px; height: 38px; line-height: 38px; text-align: center; color: #fff; background: #3fb150; } .showPro .imgtxtcon .btn:hover { background: #444; } .showPro .showp_txt { padding: 0 0 50px 0; position: relative; } .showPro .showp_txt .tit { display: inline-block; padding-bottom: 7px; border-bottom: 2px solid #3fb150; font-size: 18px; margin-bottom: 20px; font-weight: bold; } .showPro .showp_txt .txtcon { font-size: 14px; color: #000000; min-height: 70px; line-height: 26px; } .showPro .showp_txt .txtcon img { max-width: 100%; display: block; } .showPro .showp_txt.one { border-top: 0px; padding-top: 25px; } .showPro .showp_txt.one .tit { top: 25px; } /*showNews*/ .showNews .title { font-size: 24px; color: #333333; text-align: center; margin: 10px 0 22px; font-weight: bold; } .showNews .mark { color: #999999; height: 38px; line-height: 38px; text-align: center; margin-bottom: 20px; border-top: 1px dashed #e5e5e5; border-bottom: 1px dashed #e5e5e5; } .showNews .showContxt { color: #666666; padding: 0 0 30px; line-height: 30px; } .showNews .showContxt img { max-width: 100%; } /* reLink */ .reLink { width: 100%; height: 25px; border-top: 1px solid #d7d6d6; padding: 15px 0 40px; } .reLink .nextLink, .reLink .prevLink { width: 50%; line-height: 25px; color: #666; } .reLink .nextLink a, .reLink .prevLink a { color: #666; } .reLink .nextLink { text-align: right; } .reLink a:hover { color: #3fb150; } span.bds_more, .bds_tools a { line-height: 14px !important; } /************** * Animations for content elements * **********/ /* 濠婄偛鎮 */ .delay100 { -webkit-animation-delay: 100ms; animation-delay: 100ms; } .delay200 { -webkit-animation-delay: 200ms; animation-delay: 200ms; } .delay300 { -webkit-animation-delay: 300ms; animation-delay: 300ms; } .delay400 { -webkit-animation-delay: 400ms; animation-delay: 400ms; } .delay500 { -webkit-animation-delay: 500ms; animation-delay: 500ms; } .delay600 { -webkit-animation-delay: 600ms; animation-delay: 600ms; } .delay700 { -webkit-animation-delay: 700ms; animation-delay: 700ms; } .delay800 { -webkit-animation-delay: 800ms; animation-delay: 800ms; } .delay900 { -webkit-animation-delay: 900ms; animation-delay: 900ms; } .delay1000 { -webkit-animation-delay: 1000ms; animation-delay: 1000ms; } .delay1100 { -webkit-animation-delay: 1100ms; animation-delay: 1100ms; } .delay1200 { -webkit-animation-delay: 1200ms; animation-delay: 1200ms; } .delay1300 { -webkit-animation-delay: 1300ms; animation-delay: 1300ms; } .delay1400 { -webkit-animation-delay: 1400ms; animation-delay: 1400ms; } .delay1500 { -webkit-animation-delay: 1500ms; animation-delay: 1500ms; } .delay1600 { -webkit-animation-delay: 1600ms; animation-delay: 1600ms; } .delay1700 { -webkit-animation-delay: 1700ms; animation-delay: 1700ms; } .delay1800 { -webkit-animation-delay: 1800ms; animation-delay: 1800ms; } .delay1900 { -webkit-animation-delay: 1900ms; animation-delay: 1900ms; } .delay2000 { -webkit-animation-delay: 2000ms; animation-delay: 2000ms; } .delay2100 { -webkit-animation-delay: 2100ms; animation-delay: 2100ms; } .delay2200 { -webkit-animation-delay: 2200ms; animation-delay: 2200ms; } .delay2300 { -webkit-animation-delay: 2300ms; animation-delay: 2300ms; } .delay2500 { -webkit-animation-delay: 2500ms; animation-delay: 2500ms; } .delay2700 { -webkit-animation-delay: 2700ms; animation-delay: 2700ms; } .delay2900 { -webkit-animation-delay: 2900ms; animation-delay: 2900ms; } .delay3000 { -webkit-animation-delay: 3000ms; animation-delay: 3000ms; } .delay4000 { -webkit-animation-delay: 4000ms; animation-delay: 4000ms; } .delay4500 { -webkit-animation-delay: 4500ms; animation-delay: 4500ms; } .delay5000 { -webkit-animation-delay: 5000ms; animation-delay: 5000ms; } .onactive .animated { -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .active .animated.fast { -webkit-animation-duration: .5s; animation-duration: .5s; } .onactive .flyInDown { -webkit-animation-name: flyInDown; animation-name: flyInDown; } @-webkit-keyframes flyInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes flyInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .onactive .flyInRight { -webkit-animation-name: flyInRight; animation-name: flyInRight; } @keyframes flyInRight { 0% { opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .onactive .flyInUp { -webkit-animation-name: flyInUp; animation-name: flyInUp; } @keyframes flyInUp { 0% { opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .onactive .flyInLeft { -webkit-animation-name: flyInLeft; animation-name: flyInLeft; } @-webkit-keyframes flyInLeft { 0% { opacity: 0; -webkit-transform: translateX(-200px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes flyInLeft { 0% { opacity: 0; -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .onactive .opacityI { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes opacityI { 0% { opacity: 0; } 50% { opacity: 1; } } @keyframes opacityI { 0% { opacity: 0; } 50% { opacity: 1; } } .onactive .shake { -webkit-animation-name: shake; animation-name: shake; -webkit-animation-delay: 6s; animation-delay: 6s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @keyframes shake { 0% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateY(-10px); } 20%, 40%, 60%, 80% { -transform: translateY(6px); } 100% { transform: translateY(0); } } @-webkit-keyframes shake { 0% { -webkit-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateY(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateY(6px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes shake { 0% { -moz-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -moz-transform: translateY(-10px); } 20%, 40%, 60%, 80% { -moz-transform: translateY(6px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes shake { 0% { -o-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -o-transform: translateY(-10px); } 20%, 40%, 60%, 80% { -o-transform: translateY(6px); } 100% { -o-transform: translateY(0); } } @-ms-keyframes shake { 0% { -ms-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -ms-transform: translateY(-10px); } 20%, 40%, 60%, 80% { -ms-transform: translateY(6px); } 100% { -ms-transform: translateY(0); } } .onactive .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @-webkit-keyframes scaleIn { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 1; -webkit-transform: scale(1.02); transform: scale(1.02); } } @keyframes scaleIn { 0% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { opacity: 1; -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } } /*# sourceMappingURL=style.css.map */ /*閳挾绮嶉崶鐐壉瀵繆鍟?/ .HS10, .HS15 { overflow: hidden; clear: both; } .HS10 { height: 10px; } .HS15 { height: 15px; } .Hidden { display: none; } .Clearer { display: block; clear: both; font-size: 1px; line-height: 1px; margin: 0; padding: 0; } .FlLeft { float: left; } .FlRight { float: right; } /*楠炶崵浼呴悧鍥у隘閸╃喕鍎楅弲锟?/ .MainBg { width: 1200px; margin: 0 auto; } /*婢堆冩禈鐏炴洜銇氶崠鍝勭厵*/ .OriginalPicBorder { padding: 0; } #OriginalPic { width: 1200px; overflow: hidden; position: relative; font-size: 12px; } #OriginalPic img { display: block; min-width: 100px; margin: 0 auto; } /*姒х姵鐖i幍瀣◢*/ .CursorL { position: absolute; z-index: 999; width: 50%; height: 600px; color: #FFF; left: 0; } .CursorR { position: absolute; z-index: 999; width: 50%; height: 600px; color: #FFF; right: 0; } /*鐏忓繐娴樻0鍕潔閸滃本绮﹂崝锟?/ .SliderPicBorder { width: 100%; overflow: hidden; } .ThumbPicBorder { width: 1200px; margin: 0 auto; background: #eeeeee; overflow: hidden; position: relative; } .ThumbPicBorder #btnPrev { width: 45px; height: 113px; cursor: pointer; position: absolute; left: 20px; top: 20px; } .ThumbPicBorder #btnNext { width: 45px; height: 113px; cursor: pointer; position: absolute; right: 20px; top: 20px; } .ThumbPicBorder .pic { width: 1025px; overflow: hidden; position: relative; margin: 20px auto; } #ThumbPic img { border: 3px solid #ddd; cursor: pointer; background-color: #ddd; margin: 0 10px; width: 145px; height: 108px; display: block; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } #ThumbPic img.active { border: 3px solid #3fb150; } /*閳垹绮嶉崶鐐壉瀵繆鍟?/