/* Write your styles */ a:focus { outline: none; } * { margin: 0; padding: 0; } .w1180 { width: 1180px; margin-left: auto; margin-right: auto; } .w100 { width: 100%; margin-left: auto; margin-right: auto; } .g-hd { height: 78px; z-index: 20 } .g-hd ul.f-cbli li, .g-hd ul.f-cbli li a { float: left; height: 78px; line-height: 78px; } .g-hd ul.f-cbli li { position: relative; /*z-index: 20;*/ background: url(../images/hd-r-ico.jpg) no-repeat right center; background-position-x: -104px; padding-left: 10px; } .g-hd ul.f-cbli li.fast-box div { display: block } .g-hd ul.f-cbli li.fast-box { cursor: pointer } .fast-box i { border: 1px solid #e7e7e7; border-bottom: none; height: 30px; position: absolute; top: 20px; left: 0; width: 106px; display: block; } .g-hd ul.f-cbli li div { position: absolute; z-index: 20; top: 50px; left: 0; padding: 5px 0 10px; border: 1px solid #e7e7e7; text-align: center; cursor: pointer; display: none; background: #ffffff; border-top: none; width: 106px; } .g-hd .fast-box img { width: 96px; height: 96px; border-top: 1px solid #e7e7e7; padding: 10px 5px 0; margin-bottom: 0; display: block } .g-hd .fast-box span { display: block; font-size: 14px; color: #000000; line-height: 32px; height: 20px; margin: 0; padding: 0; } .hd-r-ico { background: url(../images/hd-r-ico.jpg) no-repeat; } .hd-r-1 { background-position-x: 0; width: 65px; padding-left: 38px; } .hd-r-2 { background-position-x: -117px; width: 69px; padding-left: 28px; } .hd-r-3 { background-position-x: -227px; width: 66px; padding-left: 28px; } .hd-r-4 { background-position-x: -333px; width: 62px; padding-left: 28px; } .hd-r-5 { background-position-x: -441px; width: 66px; padding-left: 25px; } .hd-r-6 { background-position-x: -544px; width: 57px; padding-left: 28px; } .g-hd ul.f-cbli li div p a { background: url(../images/qq.jpg) no-repeat 0 0; font-size: 14px; color: #00607a; height: 28px; line-height: 28px; width: 67px; padding-left: 30px; } .g-hd ul.f-cbli li div p { padding: 10px 5px 0; display: block; height: 28px; line-height: 28px; } .nav { width: 100%; height: 55px; background: #f7f7f7; } .nav .nav-1-box>li { float: left; margin-right: 10px; position: relative; z-index: 1; border-bottom: 3px solid transparent; } .nav .nav-1-box>li>a { float: left; font-size: 16px; height: 40px; line-height: 40px; color: #1d242e; display: block; padding: 6px 12px; } .nav .nav-1-box>li.active, .nav .nav-1-box>li:hover { color: #e77817; border-bottom: 3px solid #e77817; text-decoration: none; } .nav .nav-1-box>li.active a, .nav .nav-1-box>li:hover a{ color: #e77817; text-decoration: none; } .nav .nav-1-box li .nav-2-box { position: absolute; left: 0; top: 55px; border-top: 1px solid #fff; width: 546px; background: #ffffff url(../images/nav-2-box-bg.jpg) repeat-y; display: none; } .nav .nav-1-box li .nav-2-box .f-fl { width: 160px; background: #f7f7f7; height: 100%; padding: 10px 0; } .nav .nav-1-box li .nav2>li { padding: 0; width: 130px; padding: 0 15px; text-align: center; position: relative; } .nav .nav-1-box li .nav2>li>a{ border-bottom: 1px solid #cccccc; display: block; } .nav .nav-1-box li .nav2>li:last-child a{ border-bottom: none; } .nav .nav-1-box li .nav2>li>a, .nav .nav-1-box li .nav2>li>a:hover { float: none; font-size: 14px; color: #6a6764; height: 30px; line-height: 30px; } .nav .nav-1-box li .nav2>li:hover>a { text-decoration: none; color: #e77817; } .nav .nav-1-box li .nav2>li> .nav-3-box{ position: absolute; left: 137px; top: -10px; width: 150px; display: none; } .nav .nav-1-box li .nav2>li> .nav-3-box .third-nav { float: right; width: 112px; padding: 10px 15px; background: #e8e8e8; } .nav .nav-1-box li .nav2>li> .nav-3-box .third-nav li a{ display: block; line-height: 30px; border-bottom: 1px solid #c3c3c3; color: #6a6764; } .nav .nav-1-box li .nav2>li> .nav-3-box .third-nav li a:hover{ color: #e77817; } .nav .nav-1-box li .nav2>li> .nav-3-box .third-nav li:last-child a{ border-bottom: none; } .nav .nav-1-box li .nav2>li .nav-3-box .arrow { float: left; width: 8px; height: 14px; margin-top: 16px; } .nav .nav-1-box li .nav-2-box .f-fr { padding: 15px 25px; background: #ffffff } .nav .nav-1-box li .nav-2-box .f-fr img { width: 336px; height: 172px; } .nav .nav-1-box li .nav-2-box .f-fr h4 { font-size: 12px; color: #6a6764; font-weight: bold; padding: 5px 0; } .nav .nav-1-box li .nav-2-box .f-fr p { font-size: 12px; color: #a7a7a7; width: 336px; line-height: 1.8 } .nav .search-form { padding-top: 8px; } .search-text { border: none; background: #ffffff; height: 36px; line-height: 36px; width: 185px; padding-left: 5px; float: left; } .search { border: none; background: url(../images/search-ico.jpg) no-repeat 0 0; height: 36px; width: 36px; margin: 0; padding: 0; float: left; cursor: pointer } /** *banner */ .banner { overflow-x: hidden } .slideBox { width: 100%; height: 545px; overflow: hidden; position: relative; } .slideBox .hd { height: 15px; overflow: hidden; position: absolute; left: 50%; right: auto; bottom: 15px; margin-left: -25px; z-index: 1; } .slideBox .hd ul { overflow: hidden; zoom: 1; float: left; } .slideBox .hd ul li { float: left; margin-right: 2px; width: 15px; height: 15px; line-height: 14px; text-align: center; background: url(../images/slideBox-ico.png) no-repeat -26px 0; cursor: pointer; } .slideBox .hd ul li.on { color: #fff; background-position-x: 0; } .slideBox .bd { position: relative; height: 100%; z-index: 0; } .slideBox .bd li { zoom: 1; vertical-align: middle; } .slideBox .bd img { width: 100%; height: 545px; display: block; } /* 涓嬮潰鏄墠/鍚庢寜閽唬鐮侊紝濡傛灉涓嶉渶瑕佸垹闄ゅ嵆鍙 */ .slideBox .prev, .slideBox .next { position: absolute; left: 50%; top: 50%; margin-left: -590px; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(../images/slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=50); opacity: 0.5; } .slideBox .next { left: auto; right: 50%; margin-right: -590px; background-position: 8px 5px; } .slideBox .prev:hover, .slideBox .next:hover { filter: alpha(opacity=100); opacity: 1; } .slideBox .prevStop { display: none; } .slideBox .nextStop { display: none; } /** *banner涓嬫粴鍔ㄦ柊闂 */ .index-news { margin-top: 15px; background: #f7f7f7; overflow: hidden; position: relative; border: 1px solid #ccc; } .index-news a.f-fl { background: url(../images/index-news.jpg) no-repeat 0 0; height: 80px; line-height: 80px; width: 140px; text-align: center; font-size: 24px; color: #343434; } .index-news ul.f-fl li { height: 30px; line-height: 30px; } .index-news ul.f-fl li a { float: left; color: #343434; font-size: 14px; width: 780px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .index-news ul.f-fl li i { color: #939393; font-size: 14px; padding-left: 15px; } .index-news div.f-fr { width: 50px; height: 80px; margin-right: 36px; } .index-news div.f-fr a.index-prev { float: left; width: 100%; height: 40px; background: url(../images/index-prev-next.jpg) no-repeat 0 0; } .index-news div.f-fr a.index-next { float: left; width: 100%; height: 40px; background: url(../images/index-prev-next.jpg) no-repeat 0 -40px; } .index-news .hd { overflow: hidden; } .index-news .hd .prev, .txtScroll-top .hd .next { display: block; width: 9px; height: 5px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; background: url("../images/arrow.png") 0 -100px no-repeat; } .index-news .hd .next { background-position: 0 -140px; } .index-news .hd .prevStop { background-position: -60px -100px; } .index-news .hd .nextStop { background-position: -60px -140px; } .index-news .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; } .index-news .hd ul li { float: left; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: url("../images/icoCircle.gif") 0 -9px no-repeat; } .index-news .hd ul li.on { background-position: 0 0; } .index-news .bd { padding: 10px; } .index-about { margin-top: 15px; } .index-about li { float: left; width: 380px; margin-right: 20px; } .index-about li p * { color: #414141; font-size: 14px; line-height: 30px; } .index-about li a { float: left; width: 380px; } .index-about li a .img-box { position: relative; width: 380px; height: 295px; overflow: hidden } .index-about li div.title { position: absolute; bottom: 0; height: 45px; width: 100%; line-height: 45px; background: rgba(0, 0, 0, .7); text-indent: 1em; font-size: 18px; color: #ffffff } .index-about li div.title span { padding-left: 10px; font-size: 16px; } .index-about li p { color: #414141; font-size: 14px; line-height: 30px; padding: 10px 0; } .index-about img { width: 380px; height: 295px; } .index-kske { margin-top: 15px; border: 1px solid #e7e7e7; padding: 2px; height: 490px; } .index-kske .f-fl { width: 898px; height: 490px; } .index-kske .f-fr .title { font-size: 18px; color: #ffffff; height: 50px; line-height: 50px; width: 260px; padding-left: 15px; background: #007dd4; } .index-kske .f-fr ul { width: 275px; } .index-kske .f-fr li { float: left; width: 245px; height: 53px; padding: 8px 15px; background: #f2f2f2; border-top: 3px solid #fff; border-bottom: 2px solid #fff; display: table; } .index-kske .f-fr li a { color: #000000; font-size: 14px; height: 52px; width: 245px; overflow: hidden } .index-kske .f-fr li.active, .index-kske .f-fr li.active a { background: #ffffff; color: #e77817; text-decoration: none; } .index-product { margin-top: 20px; } .index-product li { float: left; width: 285px; padding-right: 13px; } .index-product li img { width: 285px; height: 295px; } .index-product li p { color: #414141; font-size: 18px; padding: 15px 0 5px; text-decoration: none !important; } .index-product li .more { color: #007dd4; font-size: 16px; padding-bottom: 20px; display: block } .index-product li a:hover { text-decoration: none !important; } .index-product li a:hover span { text-decoration: underline; } /** *鍙嬫儏閾炬帴 */ .index-links { width: 100%; background: #f3f5f7; padding: 30px 0 40px; height: 90px; } .index-links .title { background: url(../images/links-title-ico.jpg) no-repeat 0 5px; padding-left: 25px; width: 180px; font-size: 20px; color: #6a6764; } .index-links .title span { padding-left: 10px; font-size: 16px; } .index-links ul li { float: left; padding-right: 5px; } .index-links ul img { width: 125px; height: 39px; border: 1px solid #c7c7c9; } .picMarquee-left { overflow: hidden; position: relative; } .picMarquee-left .hd { overflow: hidden; height: 19px; background: #f4f4f4; position: absolute; right: 0; top: 10px; } .picMarquee-left .hd .prev, .picMarquee-left .hd .next { display: block; width: 26px; height: 19px; float: right; overflow: hidden; cursor: pointer; background: url("../images/index-links-ico.jpg") no-repeat 0 0; } .picMarquee-left .hd .next { background-position-x: -26px; } .picMarquee-left .bd { padding: 25px 0 10px; } .picMarquee-left .bd ul { overflow: hidden; zoom: 1; } .picMarquee-left .bd ul li { margin: 0 8px; float: left; _display: inline; overflow: hidden; text-align: center; } .foot { width: 100%; background: #272727; } .foot .w1180 { padding-top: 55px; padding-bottom: 20px; } .foot .w1180 li { float: left; width: 117px; } .foot .w1180 * { color: #ffffff } .foot .w1180 h3 { font-size: 14px; font-weight: bold; padding-bottom: 15px; } .foot .w1180 li { float: left; font-size: 14px; } .foot .w1180 li a { float: left; height: 28px; line-height: 28px; } .foot .w1180 li ul li { height: 28px; line-height: 28px; width: 100% } .foot .w1180 li ul li.index-lxwm-ico { background: url(../images/index-lxwm-ico.jpg) no-repeat; height: 38px; line-height: 38px; padding-left: 25px; } .foot .w1180 li ul li.index-lxwm-ico1 { background-position-y: 9px } .foot .w1180 li ul li.index-lxwm-ico2 { background-position-y: -31px } .foot .w1180 li ul li.index-lxwm-ico3 { background-position-y: -74px } .foot .w1180 li ul li.index-lxwm-ico4 { background-position-y: -109px } .foot .w1180 li ul li.share span { float: left; } .foot .w1180 li ul li.share ul { float: left } .foot .w1180 li ul li.share ul li { float: left; width: 32px; height: 32px; margin-right: 10px; } .foot .w1180 li ul li.share ul li a { float: left; width: 32px; height: 32px; } .foot .w1180 li ul li.share ul li .share-ico { background: url(../images/share-ico.jpg) no-repeat 0 0; } .foot .w1180 li ul li.share ul li .share-ico-1 { background-position-x: 0; } .foot .w1180 li ul li.share ul li .share-ico-2 { background-position-x: -38px; } .foot .w1180 li ul li.share ul li .share-ico-3 { background-position-x: -77px; } .foot .w1180 li ul li.share ul li .share-ico-4 { background-position-x: -115px; } .footer { background: #000000; width: 100%; height: 150px; line-height: 60px; } .footer * { color: #ffffff; } .footer span { padding-right: 10px; } .footer ul { width: 510px; height: 100%; } .footer ul li { float: left; } .footer ul .footer-ico { float: left; background: url(../images/footer-ico.jpg) no-repeat; background-position-y: 3px; } .footer ul .footer-ico-1 { background-position-x: 0; width: 73px; padding-left: 35px; } .footer ul .footer-ico-2 { background-position-x: -116px; width: 74px; padding-left: 30px; } .footer ul .footer-ico-3 { background-position-x: -220px; width: 75px; padding-left: 30px; } .footer ul .footer-ico-4 { background-position-x: -330px; width: 78px; padding-left: 25px; } .footer ul .footer-ico-5 { background-position-x: -433px; padding-left: 30px; } .footer .fast-box-ul li div { position: absolute; z-index: 20; bottom: 50px; left: 0; padding: 5px 0 10px; border: 1px solid #e7e7e7; text-align: center; cursor: pointer; display: none; background: #ffffff; border-top: none; width: 106px; } .footer ul.f-cbli li { position: relative; background: url(../images/footer-ico.jpg) no-repeat right center; background-position-x: -104px; } .footer ul.f-cbli li.fast-box div { display: block } .footer ul.f-cbli li.fast-box { cursor: pointer } .footer ul.f-cbli li div { position: absolute; z-index: 30; bottom: 50px; left: 0; padding: 5px 0 10px; border: 1px solid #e7e7e7; text-align: center; cursor: pointer; display: none; background: #ffffff; border-top: none; width: 106px; } .fast-box img { width: 92px; height: 92px; padding: 10px 5px 0; margin-bottom: 0; display: block } .fast-box span { display: block; font-size: 14px; color: #000000; line-height: 32px; height: 20px; margin: 0; padding: 0; } .footer ul.f-cbli li div p a { float: left; background: url(../images/qq.jpg) no-repeat 0 0; font-size: 14px; color: #00607a; height: 28px; line-height: 28px; width: 67px; padding-left: 30px; } .footer ul.f-cbli li div p { padding: 10px 5px 0; display: block; height: 28px; line-height: 28px; } .main-ny { background: url(../images/main-bg.jpg) repeat-x 0 bottom; padding-top: 20px; } .main-ny .about { background: url(../images/about-bg.png) repeat-y 0 0; padding: 0 3px; } /*****************鍏充簬鏌仼-璧拌繘鏌仼**************************/ .ny-banner { overflow: hidden; } .ny-banner img { width: 100%; height: 100%; } .about-title-box li { float: left; width: 128px; height: 46px; line-height: 46px; text-align: center; margin-right: 3.5px; padding-bottom: 6px; } .about-title-box li a { float: left; display: block; background: #007dd4; width: 100%; height: 100%; } .about-title-box li.active { background: url(../images/b_arrow.png) center bottom no-repeat; } .about-title-box li.active a{ background: #f08200; } .submenu{ margin-left: 1px; } .submenu li{ float: left; margin-right: 5px; } .submenu li a{ display: block; background: #6a6764; padding: 10px 20px; color: #fff; text-decoration: none; } .submenu li a:hover,.submenu li.active a{ background: #f08200; } .about-title-box li a { color: #fff; font-size: 16px; } .about .title { background: url(../images/title-bg.jpg) repeat-x 0 0; height: 97px; width: 1180px; padding-top: 10px; } .about .title h2 { color: #007dd4; font-size: 42px; font-weight: normal; padding-left: 25px; height: 52px; } .about .title h2 span { color: #7a8d9d; } .about .title h4 { font-weight: normal; font-size: 18px; color: #525252; padding-left: 25px; } .about .title .f-fr { background: url(../images/home-ico.jpg) no-repeat 0 0; padding-left: 25px; padding-right: 30px; color: #949494; /* width: 285px*/ } .about .title .f-fr a { font-size: 14px; color: #949494 } .about .title .f-fr span { color: #f08200; font-size: 14px; } .about .cont { padding: 40px; background: #fff; } .about .cont p { font-size: 14px; line-height: 28px; color: #555555; } .about .cont .about-cont { padding: 30px 30px 25px; background: #f3f3f3; margin-top: 20px; position: relative; } .slideBox2 { width: 100%; min-height: 275px; } .slideBox2 .hd { height: 15px; overflow: hidden; position: absolute; left: 50%; right: auto; bottom: 10px; margin-left: -25px; z-index: 1; } .slideBox2 .hd ul { overflow: hidden; zoom: 1; float: left; } .slideBox2 .hd ul li { float: left; margin-right: 2px; width: 15px; height: 15px; line-height: 14px; text-align: center; background: url(../images/slideBox2-ico.png) no-repeat 0 0; cursor: pointer; } .slideBox2 .hd ul li.on { color: #fff; background-position-x: -87px; } .slideBox2 .bd { /*position:relative;*/ height: 100%; z-index: 0; } .slideBox2 .bd li { zoom: 1; vertical-align: middle; } .slideBox2 .bd img { width: 412px; height: 242px; position: absolute; left: 660px; top: 50%; margin-top: -121px; display: block; } .slideBox2 .prev, .slideBox2 .next { position: absolute; left: 50%; top: 50%; margin-left: -550px; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(../images/slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=100); opacity: 1; z-index: 9999 } .slideBox2 .next { left: auto; right: 50%; margin-left: auto; margin-right: -550px; background-position: 8px 5px; } .slideBox2 .prev:hover, .slideBox2 .next:hover { filter: alpha(opacity=100); opacity: 1; } /************璧拌繘绉戞仼- 鑽h獕璧勮川********************/ .about .cont .ryzz li img { width: 230px; height: 163px; } .about .cont .ryzz li { float: left; padding: 4px; background: #efefef; width: 230px; margin-right: 40px; margin-bottom: 40px; cursor: pointer; } .about .cont .ryzz li img.ly-photo { width: 222px; height: 157px; border: 4px solid #fff; } .about .cont ul.ryzz li p { width: 230px; color: #838383; font-size: 14px; font-weight: bold; text-align: center; line-height: 20px; height: 40px; vertical-align: middle; display: table-cell; margin: 0 auto; } /************璧拌繘绉戞仼- 鑱旂郴鎴戜滑- 鍦ㄧ嚎鎷涙爣********************/ .zhaobiao { width: 800px; margin: 0 auto; } .zhaobiao .input-gr { height: 24px; line-height: 24px; margin-bottom: 15px; } .zhaobiao .input-gr label { color: #666666; font-size: 14px; text-align: justify; display: inline-block; width: 70px; } .zhaobiao .input-gr input { vertical-align: middle; border: 1px solid #999999; width: 340px; padding-left: 10px; } .zhaobiao .input-gr select { padding-left: 10px; width: 350px; } .zhaobiao .textarea-gr { margin-bottom: 15px; height: 170px } .zhaobiao .textarea-gr textarea { height: 130px; vertical-align: middle; width: 580px; padding: 10px; } .zhaobiao button.tjbj { background: url(../images/tjbj.jpg) no-repeat 0 0; padding-left: 30px; width: 180px; height: 36px; border: none; font-size: 18px; color: #fff; } #wordNum { color: #ff0000; } .zhaobiao .input-gr input.radio { width: 20px; } .lxwm-ico { float: left; width: 115px; padding-left: 65px; height: 36px; line-height: 36px; font-size: 18px; color: #fff; margin-right: 25px; background: url(../images/lxwm-ico.jpg) no-repeat 0 0; } /****************************鍦ㄧ嚎鏈嶅姟鐣欒█************************/ .online { width: 800px; margin: 0 auto; } .online .input-gr { height: 24px; line-height: 24px; margin-bottom: 15px; } .online .input-gr label { color: #666666; font-size: 14px; text-align: right; display: inline-block; width: 85px; } .online .input-gr input { vertical-align: middle; border: 1px solid #999999; width: 340px; padding-left: 10px; } .online .input-gr select { padding-left: 10px; width: 350px; } .online .textarea-gr { margin-bottom: 15px; height: 170px } .online .textarea-gr label { color: #666666; font-size: 14px; text-align: right; display: inline-block; width: 85px; } .online .textarea-gr textarea { height: 130px; vertical-align: middle; width: 580px; padding: 10px; } .online button.tjbj { background: url(../images/tjbj.jpg) no-repeat 0 0; padding-left: 30px; width: 180px; height: 36px; border: none; font-size: 18px; color: #fff; } .online .input-gr input.radio { width: 20px; } /****************************濂嬫枟瓒宠抗***************************/ .zj-title { background: url(../images/zj-title.jpg) no-repeat right top; font-size: 14px; color: #a1a1a1; width: 915px; height: 63px; text-align: right; padding-right: 45px; padding-bottom: 35px; margin: 0 auto; line-height: 98px; } .history { width: 922px; margin: 0 auto; padding: 68px 19px 0; background: url(../images/history-bg.jpg) no-repeat -10px 0; } .history li { background: url('../images/history-li-bg.jpg') 80px center no-repeat; padding: 10px 0; position: relative; cursor: pointer } .history li i { position: absolute; top: 50%; margin-top: -27px; padding: 4.5px 20px; color: #666666; border-radius: 5px; font-family: 'Century Gothic'; font-size: 30px; } .history li.active i { color: #fff; background: #007dd4; } .history li .zuji2 { width: 680px; margin-left: 229px; display: inline-block; line-height: 25px; } .history li .zuji2 span { float: left; width: 575px; text-align: left; margin: 0; padding: 10px 15px 10px 90px; background: url(../images/history-span-bg.jpg) repeat-y 0 0; border-radius: 0 5px 5px 0; color: #666666; border-top: 1px solid #e6e5e5; border-bottom: 1px solid #e6e5e5; border-right: 1px solid #e6e5e5; } .history li .zuji2 span i { font-size: 18px; padding-right: 10px; position: inherit; font-family: '寰蒋闆呴粦' } .history li.active span p { color: #ffffff; font-size: 14px; font-weight: normal; } .history li.active span { background: #007dd4; color: #fff; font-size: 14px; font-weight: normal; border-top: 1px solid #007dd4; border-bottom: 1px solid #007dd4; } /*浼佷笟鏂囧寲*/ .wenhua-title { border-bottom: 2px solid #cdcdcd; text-align: center; line-height: 24px; height: 32px; margin-bottom: 40px; } .wenhua-title span { padding: 0 40px; background: #fff; color: #586064; font-size: 26px; display: inline-block } .wenhua-title span i { font-size: 18px; color: #989898; } /***********************鏂伴椈鍒楄〃**************************************/ .news-list li { float: left; width: 1100px; height: 108px; padding: 24px 0; border-bottom: 2px solid #ededed } .news-list li.active { background: #ededed; cursor: pointer } .news-list li .date { width: 75px; height: 88px; background: #ededed; padding: 10px 10px; } .news-list li .date .day { color: #007dd4; font-size: 32px; display: block } .news-list li .date .month { color: #474545; font-size: 14px; display: block } .news-list li .date .year { color: #474545; font-size: 14px; display: block } .news-list li h3 span { font-size: 18px; font-weight: bold; color: #474545; } .news-list li a:hover h3 span { text-decoration: underline; } .news-list li .intro { width: 984px; } .news-list li .intro .f-fl { width: 800px; } .news-list li .intro-pic img { width: 162px; height: 108px; } .news-list li .intro-time { line-height: 28px; } .news-list li .intro-time span { color: #a4a4a4; font-size: 12px; padding-right: 15px; } .news-list li .intro-cont { color: #858585; font-size: 14px; line-height: 18px; } /*鍒楄〃鍒嗛〉*/ .list-page { text-align: center; padding: 30px 0 15px; } .list-page span { padding-right: 10px; font-size: 14px; color: #989898; } .list-page span i { font-style: normal; color: #016bb7; padding: 0 5px; } .list-page a { padding-right: 10px; font-size: 14px; color: #016bb7; } /*******************鏂伴椈璇︽儏***************************/ .cont img { max-width: 1100px; } .detail .title-box h3 { color: #474545; font-size: 20px; font-weight: bold; text-align: center; } .detail .title-box .title-time { font-size: 14px; color: #999999; text-align: center; line-height: 46px; border-bottom: 2px solid #ededed; padding-bottom: 20px; } .detail .title-box .title-time .author { background: url(../images/title-time-ico.jpg) no-repeat 0 0; padding-left: 18px; margin-right: 15px; } .detail .title-box .title-time .time { background: url(../images/title-time-ico.jpg) no-repeat -179px 0; padding-left: 20px; margin-right: 15px; } .detail .title-box .title-time .view { background: url(../images/title-time-ico.jpg) no-repeat -417px 0; padding-left: 25px; } .about .cont .detail .content { padding: 35px 0; border-bottom: 2px solid #ededed; } .about .cont .detail .content img { max-width: 1100px; } .about .cont .detail .content p { line-height: 30px; color: #0c0c0c; } .about .prev-next-box { padding: 25px 0; } .about .prev-next { width: 1050px; float: left; } .about .prev-next .news-prev { margin-bottom: 10px; } .about .prev-next span { padding: 5px 10px; background: #ededed; font-weight: bold; font-size: 14px; color: #666666; } .about .prev-next a { width: 600px; margin-left: 5px; padding: 5px 10px; color: #666666; font-size: 14px; background: #f4f4f4 } .about .prev-next-box .back-list { width: 28px; height: 40px; background: #ededed; padding: 15px 11px; } .about .prev-next-box .back-list a { color: #666666; font-size: 14px; font-weight: bold; } /********************绀句細鍏虫€€ 鍒楄〃********************************/ .shgh-list li { width: 1100px; height: 185px; overflow: hidden; padding: 30px 0; border-bottom: 2px solid #ededed; } .shgh-list h3.titles { font-size: 20px; color: #000000; font-weight: normal; } .shgh-list a:hover h3.titles { text-decoration: underline; } .shgh-list .intro-cont { color: #525252; font-size: 14px; padding-top: 30px; line-height: 30px; } .shgh-list .intro-img img { width: 286px; height: 180px; } /**************************鏈€鏂版嫑鑱 鍒楄〃*****************************************/ .zxzp-list { width: 1100px; border-bottom: 2px solid #ededed } .zxzp-list thead tr { border-bottom: 2px dotted #ededed; } .zxzp-list thead th { color: #004f86; font-size: 14px; padding: 10px; } .zxzp-list tbody tr.active { background: #f7f9fb } .zxzp-list tbody td { padding: 15px 10px; } .zxzp-list tbody td span { color: #ff0000; } /**************************鍦ㄧ嚎鎷涜仒 璇︽儏****************************************/ .zxzp-zuixin { background: url(../images/zxzp-bg.jpg) no-repeat right bottom; } .zxzp-zuixin .layui-layer * { overflow: inherit; } .zxzp-zuixin h3.zuixin-title { color: #000000; font-size: 20px; font-weight: bold; padding-bottom: 10px; } .zxzp-zuixin h3.zuixin-title span { color: #f00000 } .zxzp-zuixin .num { color: #838383; font-size: 14px; border-bottom: 1px dotted #727272; line-height: 46px; } .zxzp-zuixin .num span { padding-right: 20px; } .zuixin-detail { padding: 20px 0; } .zxzp-zuixin .btns { padding-bottom: 40px; } .zxzp-zuixin .btns a { float: left; background: url(../images/zxzp-ico.jpg) no-repeat 0 0; width: 115px; height: 36px; line-height: 36px; padding-left: 65px; color: #ffffff; font-size: 18px; margin-right: 40px; } /*鐧诲綍寮瑰嚭绐楀彛*/ .layui-layer * { overflow: hidden; } .layui-layer-setwin { overflow: inherit !important; } .layui-layer-setwin .layui-layer-close2 { overflow: inherit !important; } #zuixin-layer { width: 380px; margin: 25px auto; } #zuixin-layer form button { background: url(../images/zxzp-ico.jpg) no-repeat 0 0; width: 180px; height: 36px; line-height: 36px; padding-left: 30px; color: #ffffff; font-size: 18px; border: none; margin-top: 20px; } /*鍙鏌仼*/ .ksken { border-bottom: 2px solid #ededed } .ksken li { float: left; margin-bottom: 25px; width: 340px; padding-right: 29px; } .ksken li .video { width: 340px; height: 238px; } .ksken li p { height: 34px; line-height: 34px; text-align: center; padding-top: 10px; font-size: 16px; font-weight: normal; color: #838383; } /*鏌仼椋庨噰*/ .kenfc { border-bottom: 2px solid #ededed } .kenfc li { float: left; padding-top: 15px; padding-bottom: 15px; margin-bottom: 20px; width: 235px; margin-right: 29px; text-align: center } .kenfc li.active { background: #f4f5f7; } .kenfc li .fengcai { width: 192px; height: 266px; padding: 2px 11px 12px; background: url(../images/fengcai-bg.png) no-repeat 0 0; } .kenfc li p { height: 30px; line-height: 30px; text-align: center; font-size: 16px; color: #525252; } .kenfc li .zxyd { padding: 10px 0; } .kenfc li .zxyd a { padding: 5px 30px; color: #FFFFFF; font-size: 18px; background: #f08200 } /*浜у搧璇︽儏*/ .product-detail { border-bottom: 2px solid #ededed; padding-bottom: 20px; } .product-detail .pic { padding: 5px; border: 1px solid #e6e5e5 } .product-detail h3.detail-title { border-bottom: 1px solid #e8e8e8; padding-bottom: 15px; } .product-detail h3.detail-title span { float: left; font-weight: bold; font-size: 17px; color: #3c3c3c; } .product-detail h3.detail-title a { float: right; background: #f08200; font-size: 14px; color: #fff; width: 128px; height: 30px; text-align: center; line-height: 30px; } /*浜у搧鍒楄〃*/ .product-list-class { height: 12px; border-bottom: 1px solid #cdcdcd; margin-bottom: 60px; } .product-list-class ul { margin: 0 auto; } .product-list-class li { float: left; background: #ffffff; } .product-list-class a { float: left; width: 104px; height: 24px; line-height: 24px; font-size: 14px; color: #fff; background: url(../images/product-list-class-pic.jpg) no-repeat -112px 0; text-align: center; margin: 0 10px; } a.active-a { background-position-x: 0; } .product-list { border-bottom: 2px solid #ededed; padding-bottom: 20px; } .product-list li { float: left; width: 230px; height: 311px; padding: 5px; border: 1px solid #d4d3d3; position: relative; margin-bottom: 30px; cursor: pointer; margin-right: 44px; } .product-list li img.pics { width: 230px; height: 311px; } .product-list li .hover { background: #f08200; opacity: .8; position: absolute; top: 5px; left: 5px; text-align: center; width: 230px; height: 311px; display: none; } .product-list li .hover h4 { color: #000000; font-size: 20px; text-align: center; position: absolute; top: 35%; width: 100%; font-weight: normal } .product-list li .hover a.btn { padding: 5px 15px; color: #fff; font-size: 14px; background: #211200; position: absolute; bottom: 100px; left: 22px; } .product-list li img { width: 230px; height: 311px; } /*鍥㈤槦椋庨噰*/ .team-pics { background: #ececec; position: relative; } /* 鐒︾偣鍥炬晥鏋 */ .team-pic { position: relative; padding: 10px; overflow: hidden; width: 1080px; } .team-pic .bigImg { float: left; width: 880px; height: 560px; position: relative; background: #ffffff; } .team-pic .bigImg li img { vertical-align: middle; width: 870px; height: 550px; border: 5px solid #ffffff; } .team-pic .smallScroll { float: right; width: 146px; height: 560px; margin-right: 10px; } .team-pic .sPrev, .team-pic .sNext { float: left; display: block; width: 146px; height: 12px; text-indent: -9999px; background: url(../images/team-prev.jpg) no-repeat center 0; margin: 10px 0; border-bottom: 1px solid #929292; padding-bottom: 12px; } .team-pic .sNext { background: url(../images/team-next.jpg) no-repeat center bottom; padding-top: 12px; padding-bottom: 0; border-bottom: none; border-top: 1px solid #929292; } .team-pic .smallImg { height: auto; text-align: center; width: 146px; overflow: hidden; padding: 20px 0 0; } .team-pic .smallImg ul { height: 430px; width: 146px; overflow: hidden; } .team-pic .smallImg li { width: 146px; height: 122px; cursor: pointer; margin-bottom: 28px; } .team-pic .smallImg img { width: 146px; height: 92px; display: block; } .team-pic .smallImg li h4 { font-weight: normal; font-size: 15px; color: #363636; height: 36px; line-height: 20px; padding: 5px 0; } .team-pic .smallImg li.on h4 { color: #f08200 } .team-pic .smallImg .on img { border-color: #1e50a2; } .team-pic .pageState { position: absolute; top: 235px; right: 5px; font-family: "Times New Roman", serif; letter-spacing: 1px; } .team-pic .pageState span { color: #f00; font-size: 16px; } /******************鏂囧寲鎺犲奖*****************************/ /*#layer-photos li ul{display: none;}*/ .photoss { display: none; padding: 10px; } .photoss .ad-image-wrapper img { width: 600px !important; height: 400px !important; } .ad-gallery { width: 600px; } .ad-gallery, .ad-gallery * { margin: 0; padding: 0; } .ad-gallery .ad-image-wrapper { width: 100%; height: 400px; margin-bottom: 10px; position: relative; overflow: hidden; } .ad-gallery .ad-image-wrapper .ad-loader { position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #CCC; } .ad-gallery .ad-image-wrapper .ad-next { position: absolute; right: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100; } .ad-gallery .ad-image-wrapper .ad-prev { position: absolute; left: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100; } .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next { /* Or else IE will hide it */ background: url(../images/non-existing.jpg)\9 } .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(../images/ad_prev.png); width: 30px; height: 30px; display: none; position: absolute; top: 47%; left: 0; z-index: 101; } .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(../images/ad_next.png); width: 30px; height: 30px; right: 0; left: auto; } .ad-gallery .ad-image-wrapper .ad-image { position: absolute; overflow: hidden; top: 0; left: 0; z-index: 9; } .ad-gallery .ad-image-wrapper .ad-image a img { border: 0; } .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { position: absolute; bottom: 0px; left: 0px; padding: 7px; height: 40px; line-height: 40px; text-align: left; width: 100%; z-index: 2; background: url(../images/opa75.png); color: #000; } * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='../images/opa75.png'); } .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title { display: block; } .ad-gallery .ad-controls { height: 50px; position: absolute; right: 20px; top: 360px; line-height: 50px; z-index: 333; } .about .cont ul.ryzz li .ad-gallery .ad-controls p { font-weight: normal; width: auto; line-height: 54px !important; line-height: 54px !important; } .ad-gallery .ad-info { float: left; } .ad-gallery .ad-slideshow-controls { float: right; display: none; } .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop { padding-left: 5px; cursor: pointer; } .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown { padding-left: 5px; font-size: 0.9em; } .ad-gallery .ad-slideshow-running .ad-slideshow-start { cursor: default; font-style: italic; } .ad-gallery .ad-nav { width: 100%; position: relative; } .ad-gallery .ad-forward, .ad-gallery .ad-back { position: absolute; top: 0; height: 100%; z-index: 10; } /* IE 6 doesn't like height: 100% */ * html .ad-gallery .ad-forward, .ad-gallery .ad-back { height: 74px; } .ad-gallery .ad-back { cursor: pointer; left: 0px; width: 13px; display: block; background: url(../images/ad_scroll_back.png) 0px 22px no-repeat; } .ad-gallery .ad-forward { cursor: pointer; display: block; right: 0; width: 13px; background: url(../images/ad_scroll_forward.png) 0px 22px no-repeat; } .ad-gallery .ad-nav .ad-thumbs { overflow: hidden; width: 560px; padding: 0 20px; } .ad-gallery .ad-thumbs .ad-thumb-list { float: left; width: 9000px; list-style: none; } .ad-gallery .ad-thumbs li { float: left; padding-right: 5px; width: 96px !important; height: 66px; margin-right: auto !important; ; margin-bottom: auto !important; } .ad-gallery .ad-thumbs li a { display: block; } .ad-gallery .ad-thumbs li a img { border: 3px solid #CCC; display: block; width: 90px !important; height: 60px !important; } .ad-gallery .ad-thumbs li a.ad-active img { border: 3px solid #007dd4; } /* Can't do display none, since Opera won't load the images then */ .ad-preloads { position: absolute; left: -9000px; top: -9000px; } /*鍥㈤槦椋庨噰20160411 淇敼*/ .ink_phoBok { width: 1080px; height: auto; margin: 0 auto; } .ink_phoBok #ifocus_pic { display: inline; position: relative; float: left; width: 880px; height: 560px; overflow: hidden; } .ink_phoBok #ifocus_piclist { position: absolute; } .ink_phoBok #ifocus_piclist li { width: 880px; height: 560px; overflow: hidden; } .ink_phoBok #ifocus_piclist li img { vertical-align: middle; width: 870px; height: 550px; border: 5px solid #ffffff; } .ink_phoBok #tFocusBtn { width: 150px; height: 560px; float: right; margin-right: 10px; position: relative; } .ink_phoBok .tFocus-prevBtn { display: block; width: 150px; height: 12px; text-indent: -9999px; background: url(../images/team-prev.jpg) no-repeat center 0; margin: 10px 0; border-bottom: 1px solid #929292; padding-bottom: 12px; cursor: pointer } .ink_phoBok .tFocus-nextBtn { background: url(../images/team-next.jpg) no-repeat center bottom; padding-top: 12px; padding-bottom: 0; border-bottom: none; border-top: 1px solid #929292; float: left; display: block; width: 146px; height: 12px; text-indent: -9999px; margin: 10px 0; position: absolute; bottom: 0; cursor: pointer } .ink_phoBok #ifocus_btn { width: 150px; height: 450px; position: absolute; overflow: hidden; top: 60px; right: 0; } .ink_phoBok #ifocus_btn ul { width: 150px; height: 10000px; position: absolute; left: 0; top: 0; } .ink_phoBok #ifocus_tx { position: absolute; left: 0; bottom: 0; height: 59px; color: #333333; width: 524px; } .ink_phoBok #ifocus_tx .normal { display: none; } .ifocus_t1 { height: 26px; padding-top: 3px; border-bottom: 1px dotted #BCBCBC; font-size: 14px; text-align: center; } .ifocus_t2 { line-height: 24px; text-align: center; } .ifocus_t2 img { position: relative; top: 3px; } .ink_phoBok #ifocus_btn li { width: 150px; height: auto; cursor: pointer; } .ink_phoBok #ifocus_btn li img { border: 2px solid #ececec; } .ink_phoBok #ifocus_btn li.current img { border: 2px solid #f08200; } .ink_phoBok #ifocus_btn li img { width: 146px; height: 92px; display: block; } .ink_phoBok #ifocus_btn li span { font-weight: normal; display: block; font-size: 15px; color: #363636; height: 36px; line-height: 20px; padding: 5px 0; text-align: center; padding-bottom: 13px; } /*20160520鏂板*/ .g-hd ul.f-cbli li div.zxxs, .footer ul.f-cbli li div.zxxs { position: absolute; z-index: 2000; top: 10px; left: 0; width: 108px; border: none; background: #fff; display: none; border-radius: 3px; padding-top: 0; } .footer ul.f-cbli li div.zxxs { bottom: 0; top: auto; height: auto; } .g-hd ul.f-cbli li div.zxxs span.title, .footer ul.f-cbli li div.zxxs span.title { background: #007dd4; height: 34px; line-height: 34px; color: #fff; text-align: left; text-indent: 1em; display: block; position: relative; border-radius: 3px 3px 0 0 } .g-hd ul.f-cbli li div.zxxs span.title i, .footer ul.f-cbli li div.zxxs span.title i { position: absolute; right: 5px; top: 0; height: 34px; line-height: 29px; font-size: 22px; color: #fff; width: auto; left: auto; border: none; text-align: left; font-family: '榛戜綋' } /* 鍗婇€忔槑鐨勯伄缃╁眰 */ #BgDiv, #BgDiv2 { background-color: #000; position: absolute; z-index: 199; left: 0; top: 0; display: none; width: 100%; height: 1000px; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; border: none; padding: 0; } /**琛ㄦ牸**************/ .xj-form { width: 95%; background: #eeeeee url(../images/xj-form.jpg) no-repeat left; height: 34px; line-height: 34px; margin: 20px auto; } .xj-form form { height: 34px; line-height: 34px; vertical-align: middle; } .xj-form span { margin-left: 10px; color: #ffffff; font-size: 18px } .xj-form .lab { margin-left: 30px; vertical-align: middle; } .xj-form .u-ipt { width: 130px; vertical-align: middle; margin-bottom: 5px; *margin-bottom: 0; } .xj-form .u-btn { width: 70px; margin-left: 15px; margin-top: -6px; *margin-top: 0; vertical-align: middle; } /* 绠€鏄撴暟鎹〃鏍?鏍艰竟妗 */ .m-table { table-layout: fixed; width: 95%; line-height: 1.5; margin: 0 auto; margin-bottom: 20px; } .m-table th { padding: 10px; border: 1px solid #d9e1e7; font-size: 16px } .m-table td { padding: 10px; border: 1px solid #d9e1e7; font-size: 14px } .m-table th { font-weight: bold; background: #eef2f5; padding: 5px; text-align: center } .m-table tbody tr:hover { background: #f0f0f0; } /*.m-table .cola{width:340px;} .m-table .colb{width:60px;}*/ /*****************************鐣欒█璇︽儏*************************************/ .m-table-detail { margin: 15px auto; width: 90%; } .m-table-detail td { padding: 7px; border: 1px solid #d9e1e7; color: #808080 } .m-table-detail .cola { background: #eef2f5; text-align: center; width: 80px; color: #333333 } .m-table-detail .colb { text-align: center; color: #333333; min-width: 90px; } .u-btn { display: inline-block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 190px; text-align: center; height: 28px; line-height: 28px; border: 1px solid #2d88bf; border-radius: 3px; font-size: 14px; letter-spacing: 1px; vertical-align: middle; cursor: pointer; word-wrap: normal; white-space: nowrap; background: #007dd4; }