.tc{ text-align: center; }.tr{ text-align: right; } .mt-40{ margin-top: 40px; }.mb-40{ margin-bottom: 40px; } .mt-30{ margin-top: 30px; }.mb-30{ margin-bottom: 30px; } .mt-20{ margin-top: 20px; }.mb-20{ margin-bottom: 20px; } .pro-bt{ text-align: center; } .pro-fl{ text-align: center; } .pro-fl a{ display: inline-block; padding: 10px 30px; background-color: #f8f8f8; margin-right: 15px; font-size: 14px; color: #333; transition: all .6s; border-radius: 6px; } .pro-fl a:hover{ color: #fff; background-color: #ff5f12; } .mymore a{ display: inline-block; width: 160px; height: 45px; text-align: center; line-height: 45px; border-radius: 6px; background-color: #2653b0; color: #fff; font-size: 16px; } .mymore a:hover{ background-color: #ff5f12; } .about{ width: 100%; height: 569px; background: url(../myimage/aboutbg.jpg) center top no-repeat; }.about-img{ width: 583px; height: 392px; margin-top: 50px; } .about-cnt{ width: 580px; margin-top: 50px; height: 392px; overflow: hidden; } .about-cnt h3{ font-size: 32px; color: #333; font-weight: bold; } .about-cnt p{ line-height: 30px; font-size: 14px; color: #515151; } .about-cnt p.en{ font-family: arial; color: #999; font-family: 13px; height: 30px; line-height: 30px; text-transform: uppercase; border-bottom: 1px dashed #ddd; } .youshi .ys-cnt{ width: 1200px; height: 800px; background: url(../myimage/youshibg.jpg) center top no-repeat; position: relative; } .youshi .ys-item{ position: absolute; width: 510px; height: 145px; } .youshi .ys-item h3{ padding-top: 5px; font-size: 24px; font-weight: bold; color: #ff5f12; padding-bottom: 20px; } .youshi .ys-item p{ font-size: 14px; color: #515151; line-height: 26px; } .youshi .ys01{ left: 95px; top: 55px; } .youshi .ys02{ left: 95px; top:242px; } .youshi .ys03{ right: 0px; top:459px; } .youshi .ys04{ right: 0px; top:650px; } /* 棣栭〉骞垮憡鍥 */ .index-ad,.index-ad img{ width: 100%; height: auto; } .kehu{ background-color: #fafafa; padding-top: 40px; padding-bottom: 40px; width: 100%!important; } .kehu .kh-datu{ width: 596px; height: 510px; } .kehu .kh-datu a.pic{ position: relative; } .kh-datu .zhezhao{ display: none; transition: all .6s; } .kehu .kh-datu a.pic:hover .zhezhao{ display: block; width: 596px; height: 316px; background-color: rgba(0, 0, 0, .55); z-index: 99; position: absolute; padding-top: 195px; left: 0; top: 0; text-align: center; } .kehu .kh-datu a.pic img{ width: 596px; height: 510px; position: absolute; left: 0; top: 0; } .kehu .kh-datu a.pic .jia{ display: inline-block; width: 60px; height: 60px; background-color: #fff; border-radius: 30px; color: #ff5f12; text-align: center; line-height: 55px; font-size: 32px; } .kehu .kh-datu a.pic p{ color: #fff; font-size: 16px; height: 36px; line-height: 36px; } .kehu .kh-liebiao{ width: 604px; height: 510px; overflow: hidden; } .kehu .kh-liebiao li{ width: 302px; height: 255px; } .kehu .kh-liebiao a{ position: relative; width: 302px; height: 255px; overflow: hidden; } .kehu .kh-liebiao a img{ width: 302px; height: 255px; } .kehu .kh-liebiao li a p{ width: 100%; height: 40px; color: #fff; line-height:40px; text-align: center; font-size: 14px; position: absolute; left: 0; bottom: 0; background-color: rgba(0, 0, 0, .55); } .kehu .kh-liebiao li a:hover p{ background-color: #ff5f12; } /* 杞﹂棿鏍峰紡 */ .picScroll{ margin:15px auto; position:relative; width:1200px; background:#fff; overflow:hidden; } .picScroll .prev, .picScroll .next{ display:block; position:absolute; top:86px; left:5px; width:23px; height:23px; background:url(../images/btns.png) no-repeat; } .picScroll .next{ left:auto; right:5px; background-position:-25px 0; } .picScroll .prev:hover{ background-position:0 -30px; } .picScroll .next:hover{ background-position:-25px -30px; } .picScroll ul{ overflow:hidden; zoom:1; } .picScroll ul li{ width:295px; float:left; overflow:hidden; padding:0 10px; } .picScroll ul li img{ width:295px; height:249px; display:block; background:url(../images/loading.gif) center center no-repeat;} .picScroll li a p{ background-color: #f9f9f9; font-size: 16px; color: #333; height: 45px; line-height: 45px; text-align: center; } .picScroll li a p:hover,.picScroll li a:hover p{ background-color: #2653b0; color: #fff; } .picScroll li a { position: relative; } .picScroll li a .kuai{ display: none; width: 295px; height: 249px; background-color: rgba(0,0,0,.35); background-image: url(../myimage/fangdajing.png); background-repeat: no-repeat; background-position: center center; position: absolute; left:0px; top: 0; z-index: 9999; transition: all 0.6s; } .picScroll li a:hover .kuai{ display: block; }