@charset "utf-8"; /* css document */ ul, li, form, dl, dt, dd, div { padding: 0px; margin: 0px; } ul, ul li { list-style: none; } em { font-style: normal; } h1, h2, h3, h4, h5, h6, p { padding: 0px; margin: 0px; } select, input, textarea { border-radius: 0; -webkit-border-radius: 0; color: #414446; } input:focus { outline: none; } input, button, select, textarea { outline: none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ } textarea { resize: none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ } textarea, input, select { background: none; border: none; margin: 0; padding: 0; } article, aside, footer, header, hgroup, nav, section, figure, figcaption { display: block; } /*html5设置*/ figure, figcaption { margin: 0px; padding: 0px; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } img { border: none; border: 0; vertical-align: top; } img:hover, .curr_dl dt img:hover { } .kecheng_dl dt img:hover { filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; } i { font-style: normal; } a { color: #414141; text-decoration: none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0); } a:focus { outline: none; -moz-outline: none; } a:hover { color: #008e61; text-decoration: none; } .fl { float: left; } .fr { float: right; } .clear { clear: both; } .w1200 { width: 1200px; margin: 0px auto; overflow: hidden; } .w1065 { width: 1065px; margin: 0px auto; } .w1000 { width: 1100px; margin: 0px auto; } .w475 { width: 455px; margin: 0px auto; } /*头部开始*/ .nav { position: fixed; z-index: 999; top: 0; margin: 0 auto; overflow: hidden; display: block; width: 100%; height: 60px; color: #fff; background: #464847; filter: alpha(opacity=90); opacity: 0.9; -moz-opacity: 0.9; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3); } .nav ul { overflow: hidden; display: block; margin: 0 auto; padding-left: 248px; width: 860px; height: 60px; } .nav ul li, .nav .ul2 li { overflow: hidden; display: block; float: left; padding-top: 0px; height: 60px; position: relative; } .nav ul li a span, .nav ul li a i { display: block; font-size: 16px; line-height: 60px; color: #fff; text-align: center; width: 130px; } .nav .ul2 li a span, .nav .ul2 li a i { display: block; font-size: 16px; line-height: 60px; color: #222; text-align: center; width: 130px; } .nav ul li a, .nav .ul2 li a { height: 60px; } .nav span.logo { position: absolute; left: 260px; top: 12px; display: block; width: 61px; height: 37px; } /*头部结束*/ /*banner*/ .banner { position: relative; } .banner_zm { position: absolute; z-index: 2; top: 160px; text-align: center; } .banner_zm h3 { font-size: 48px; color: #fff; line-height: 60px; font-weight: lighter; } .banner_zm h4 { font-size: 36px; color: #fff; line-height: 60px; margin-top: 25px; font-weight: lighter; } .banner_zm h5 { font-size: 34px; color: #fff; line-height: 60px; margin-top: 25px; } .site_h3 { -webkit-animation: flipinx 3s; animation: flipinx 3s } .banner_btn { margin-top: 40px; } .banner_btn div a img, .banner_btn div a { display: block; } .banner_left { animation: fadeinleft 3s; -webkit-animation: fadeinleft 3s; } .banner_right a { display: inline-block; width: 193px; height: 50px; background: url(/uploads/image/thdpimage/sj_03.png) no-repeat; } .banner_right a:hover { background: url(/uploads/image/thdpimage/sj_a.png) no-repeat; } .banner_left a { display: inline-block; width: 193px; height: 50px; background: url(/uploads/image/thdpimage/en_03.png) no-repeat; } .banner_left a:hover { background: url(/uploads/image/thdpimage/en_a.png) no-repeat; } .banner_right { animation: fadeinright 3s; -webkit-animation: fadeinright 3s; } /*banner结束*/ /*设计*/ .title, .title11, .title13 { margin: 40px 0px; width: 100%; text-align: center; } .title h2 { font-size: 42px; color: #c8c8c8; font-family: arial, helvetica, sans-serif "微软雅黑"; line-height: 70px; display: none; } .title13 h2 { font-size: 42px; color: #c8c8c8; font-family: arial, helvetica, sans-serif "微软雅黑"; line-height: 70px; display: none; } .title11 h2 { font-size: 42px; color: #c8c8c8; font-family: arial, helvetica, sans-serif "微软雅黑"; font-weight: lighter; line-height: 70px; animation: fadeindown 2s; -webkit-animation: fadeindown 2s; -moz-animation: fadeindown 2s; } .title span { background: #4cb090; height: 2px; width: 120px; display: none; margin: 0px auto; } .title13 span { background: #4cb090; height: 2px; width: 120px; display: none; margin: 0px auto; } .title11 span { background: #4cb090; height: 2px; width: 150px; display: block; margin: 10px auto 0px auto; animation: zoomin 2s; -webkit-animation: zoomin 2s; -moz-animation: zoomin 2s; } .title b { color: #444; font-size: 30px; line-height: 60px; font-weight: lighter; display: none; } .title13 b { color: #fff; font-size: 30px; line-height: 60px; font-weight: lighter; display: none; } .title1 { margin: 30px 0px; width: 100%; text-align: center; } .title1 h2 { font-size: 42px; color: #fff; font-family: arial, helvetica, sans-serif; line-height: 70px; display: none; } .title1 span { background: #4cb090; height: 2px; width: 120px; display: none; margin: 0px auto; } .title1 b { color: #fff; font-size: 30px; line-height: 60px; font-weight: lighter; display: none; } .anima h2 { visibility: visible; animation: fadeinleft 2s; -webkit-animation: fadeinleft 2s; -moz-animation::fadeinleft 2s; display: block; } .anima span { visibility: visible; animation: zoomin 2s; -webkit-animation: zoomin 2s; -moz-animation: zoomin 2s; display: block; } .anima b { animation: fadeinright 2s; -webkit-animation: fadeinright 2s; -moz-animation: fadeinright 2s; display: block; } .design_ul li { width: 300px; } .design_dl dd { width: 300px; height: 95px; background: #818080; text-align: center; padding-top: 5px; display: block; } .design_dl dd h3 { font-size: 18px; color: #fff; line-height: 44px; font-weight: lighter; } .design_dl dd span { height: 2px; background: #fff; width: 60px; margin: 0px auto; display: block; } .design_dl dd h4 { font-family: arial, helvetica, sans-serif; color: #fff; line-height: 32px; text-transform: uppercase; font-size: 16px; font-weight: lighter; } .design_dl dt { width: 300px; height: 343px; overflow: hidden; } .design_dl .des_dd:hover { background: #008e61; } .design_dl .des_dd:hover h3, .design_dl, .des_dd:hover span, .design_dl .des_dd:hover h4 { animation: fadein 2s; -webkit-animation: fadein 2s; -moz-animation: fadein 2s; } .design_dl dt:hover img { } .design_dl dt img { height: 343px; width: 300px; overflow-x: hidden; overflow-y: hidden; position: relative; z-index: 1; transition-delay: 0s; transition-duration: 1s; transition-property: all; transition-timing-function: ease; /* firefox 4 */ -moz-transition-delay: 0s; -moz-transition-duration: 1s; -moz-transition-property: all; -moz-transition-timing-function: ease; /* safari 和 chrome */ -webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; /* opera */ -o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease; } .design_dl dt .show { background: rgba(0, 0, 0, 0.4); height: 273px; padding-top: 70px; left: 0; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; transition-delay: 0s; transition-duration: 0.3s; transition-property: opacity; transition-timing-function: ease-in; /* firefox 4 */ -moz-transition-delay: 0s; -moz-transition-duration: 0.3s; -moz-transition-property: opacity; -moz-transition-timing-function: ease-in; /* safari 和 chrome */ -webkit-transition-delay: 0s; -webkit-transition-duration: 0.3s; -webkit-transition-property: opacity; -webkit-transition-timing-function: ease-in; /* opera */ -o-transition-delay: 0s; -o-transition-duration: 0.3s; -o-transition-property: opacity; -o-transition-timing-function: ease-in; width: 300px; z-index: 200; } .design_dl dt .show .imgarea { left: 50%; bottom: 0; margin: -15px 0px 0px -40px; opacity: 0; position: absolute; transition-delay: 0s; transition-duration: 0.4s; transition-property: all; transition-timing-function: ease; /* firefox 4 */ -moz-transition-delay: 0s; -moz-transition-duration: 0.4s; -moz-transition-property: all; -moz-transition-timing-function: ease; /* safari 和 chrome */ -webkit-transition-delay: 0s; -webkit-transition-duration: 0.4s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; /* opera */ -o-transition-delay: 0s; -o-transition-duration: 0.4s; -o-transition-property: all; -o-transition-timing-function: ease; } .design_dl dt .show .imgarea a { color: rgba(255,255,255, 0.8); display: block; padding: 3px 10px; border: rgba(255,255,255, 0.6) 1px solid; border-radius: 100px; font-size: 14px; } .design_dl dt .show .imgarea a:hover { background: rgba(255,255,255, 0.8); color: rgba(0,0,0, 0.6); } .design_dl dt:hover .show { opacity: 1; filter: alpha(opacity=100); } .design_dl dt:hover .show .imgarea { opacity: 1; filter: alpha(opacity=100); bottom: 40%; } .design_dl dt:hover img { transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); /* ie 9 */ -moz-transform: scale(1.2, 1.2); /* firefox */ -webkit-transform: scale(1.2, 1.2); /* safari 和 chrome */ -o-transform: scale(1.2, 1.2); /* opera */ } .fadeup { animation: zoomin 2s; -webkit-animation: zoomin 2s; -moz-animation: zoomin 2s; display: block; } .zoomin { animation: zoomin 3s; -webkit-animation: zoomin 3s; -moz-animation: zoomin 3s; } /*设计结束*/ /*工程*/ #tab { height: 702px; overflow: hidden; } #tab .nav_menu { position: relative; z-index: 2; width: 1065px; margin: 0px auto; top: -92px; overflow: hidden; height: 184px; } #tab .nav_menu ul { width: 1200px; } #tab .nav_menu li a { display: block; float: left; height: 144px; width: 184px; padding-top: 40px; margin-right: 108px; text-align: center; color: #fff; background: url(/uploads/image/thdpimage/a_bg_07.png) no-repeat; } #tab .nav_menu li h3 { font-family: arial, helvetica, sans-serif; color: #fff; font-size: 24px; line-height: 34px; } #tab .nav_menu li h5 { color: #fff; font-size: 20px; line-height: 34px; } #tab .nav_menu li a:hover { background: url(/uploads/image/thdpimage/a_hov_07.png)) no-repeat; } #tab .nav_menu li .active { background: url(/uploads/image/thdpimage/a_hov_07.png) no-repeat; } #tab .more { font-family: "宋体"; position: absolute; top: 16px; right: 20px; color: #999; text-decoration: none; } #tab .more:hover { text-decoration: underline; font-weight: bold; right: 18px; } #tab .content { position: relative; z-index: 2; overflow: hidden; margin-left: 1px; } #tab .box { height: 610px; overflow: hidden; display: none; } #tab .box img { width: 1920; margin-left: -960px; position: absolute; left: 50%; top: 0; z-index: 8; height: 610px; } #tab .pic { padding: 7px 0 0 7px; width: 189px; height: 115px; background: url(/uploads/image/thdpimage/pic_bg.jpg) no-repeat; float: left; } #tab .pic_list { float: right; width: 232px; padding-left: 16px; display: inline-block; } #tab .pic_list li { width: 232px; float: left; font-family: arial; line-height: 18px; margin-bottom: 4px; } #tab .pic_list h2 { width: 232px; font-size: 12px; height: 18px; background: url(/uploads/image/thdpimage/line.gif) repeat-x 0 8px; } #tab .pic_list h2 a { height: 18px; text-decoration: none; color: #333; font-weight: bold; background: #fff; padding-right: 5px; float: left; } #tab .pic_list h2 a:hover { text-decoration: underline; color: #d31a05; } #tab .pic_list h2 span { height: 18px; color: #999; float: right; background: #fff; padding-left: 5px; } #tab .pic_list p { color: #999; word-spacing: 10px; } /*工程结束*/ /*工程结束*/ .cont_about { text-align: left; margin: 35px 0px; height: 90px; overflow: hidden; } .cont_about p { font-size: 14px; line-height: 30px; color: #444; text-indent: 2em; } .cont_about p a { color: #008e61; } /*工程结束*/ /*团队*/ .staff_div { background: #f2f2f2; padding: 40px 0px; } .picscroll-left { width: 1200px; overflow: hidden; position: relative; } .picscroll-left .hd { overflow: hidden; height: 40px; padding: 0 10px; text-align: center; width: 180px; margin: 0px auto; } .picscroll-left .hd .prev, .picscroll-left .hd .next { display: block; width: 26px; height: 26px; float: right; margin: 10px; overflow: hidden; cursor: pointer; background: url(/uploads/image/thdpimage/left.png)no-repeat; } .picscroll-left .hd .next { background: url(/uploads/image/thdpimage/right.png) no-repeat; } .picscroll-left .hd .prevstop { background-position: -60px 0; } .picscroll-left .hd .nextstop { background-position: -60px -50px; } .picscroll-left .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 15px; zoom: 1; } .picscroll-left .hd ul li { float: left; width: 12px; height: 12px; display: inline-block; overflow: hidden; margin: 2px 4px; text-indent: -999px; cursor: pointer; background: #999; border-radius: 50%; } .picscroll-left .hd ul li.on { background: #51c29e; } .picscroll-left .bd { padding: 10px; } .picscroll-left .bd ul { overflow: hidden; zoom: 1; } .picscroll-left .bd ul li { margin: 0 74px 0px 0px; float: left; _display: inline; overflow: hidden; width: 240px; height: 240px; border-radius: 50%; text-align: center; } .picscroll-left .bd ul li .pic { text-align: center; } .picscroll-left .bd ul li .pic img { border-radius: 50%; display: block; } .picscroll-left .bd ul li .pic a:hover img { } .picscroll-left .bd ul li .title { line-height: 24px; } .picscroll-left .piclist li a { width: 240px; height: 240px; margin: 0 0px 0px 0; border-radius: 50%; position: relative; overflow: hidden; cursor: pointer; } .picscroll-left .piclist li a img { behavior: url(/uploads/image/thdpcss/ie-css3.htc); } .picscroll-left .piclist li a .txt11 { display: none; z-index: 9; width: 219px; height: 0px; border-radius: 50%; position: absolute; left: 0px; bottom: 0; background: #008e61; color: #fff; font-family: "微软雅黑"; padding: 0px 10px; } .picscroll-left .piclist li a .txt11 h3 { font-size: 24px; color: #fff; font-weight: lighter; height: 40px; line-height: 40px; overflow: hidden; margin-top: 55px; } .picscroll-left .piclist li a.txt11 span { font-size: 12px; color: #cccbcc; line-height: 24px; } .picscroll-left .piclist li a .txt11 p { font-size: 14px; line-height: 24px; color: #fff; height: 72px; overflow: hidden; } /*推荐*/ .recommend_ul li { width: 298px; height: 249px; margin: 5px 0px; } .recommend_ul li a { display: block; padding: 8px; transition: 0.5s; -webkit-transition: 0.5s; } .recommend_ul li a img { width: 280px; height: 200px; } .recommend_ul li a:hover { transform: translate(0, -10px); -webkit-transform: translate(0, -10px); box-shadow: 0px 7px 14px #d1d1d1; behavior: url(/uploads/image/thdpcss/ie-css3.htc); /* 通知ie浏览器调用脚本作用于'box'类 */ } .recommend_ul li h4 { font-size: 16px; color: #666; line-height: 24px; display: block; padding: 5px 0px 0px 0px; font-weight: lighter; text-align: center; } /*企业优势*/ .advantage { background: #f2f2f2; padding: 40px 0px 40px 0px; } .advantage_ul li { width: 25%; float: left; text-align: center; } .advantage_ul li h3 { font-size: 20px; line-height: 30px; color: #818080; margin-top: 15px; margin-bottom: 8px; } .advantage_ul li img { transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; / } .advantage_ul li p { font-size: 14px; color: #666; line-height: 24px; padding: 0px 30px; text-align: left; } .envior_img { width: 601px; } .envior_img img { width: 601px; height: 336px; } .envior_ul { width: 584px; } .envior_ul li { float: left; width: 280px; margin: 0px 0px 10px 10px; } .news_img { width: 280px; height: 163px; margin: 0 0px 0px 0; position: relative; overflow: hidden; cursor: pointer; } .news_img img { width: 280px; height: 163px; } .news_img .txt { width: 260px; height: 40px; position: absolute; left: 0px; bottom: 0; background: url(/uploads/image/thdpimage/float-bg.png); color: #fff; font-family: "微软雅黑"; padding: 0px 10px; text-align: center; } .news_img .txt h3 { font-size: 16px; color: #fff; font-weight: lighter; height: 40px; line-height: 40px; overflow: hidden; margin-top: 0px; } .news_img .txt span { font-size: 12px; color: #cccbcc; line-height: 24px; } .news_img .txt p { font-size: 14px; line-height: 24px; color: #fff; } .news { background: #f2f2f2; padding: 40px 0px; } .div_news { width: 496px; } .div_news img { width: 496px; height: 356px; margin-bottom: 10px; } .div_news h4 { font-size: 16px; line-height: 32px; color: #444; } .div_news p { font-size: 14px; line-height: 24px; color: #777; } .div_news p a { font-size: 14px; color: #008e61; } .news_ul { width: 690px; margin-left: 14px; } .news_ul li { margin-bottom: 13px; background: #fff; color: #444; } .news_dl dt { width: 97px; padding: 10px 0px; background: #008e61; height: 81px; border-right: solid 1px #ddd; text-align: center; float: left; display: block; } .news_dl dt i { font-size: 48px; font-family: arial, helvetica, sans-serif; color: #fff; } .news_dl dt span { font-size: 14px; color: #fff; } .news_dl dd { width: 571px; height: 81px; float: left; padding: 10px; } .news_dl dd h4 { font-size: 16px; line-height: 24px; margin-bottom: 8px; height: 24px; overflow: hidden; } .news_dl dd p { font-size: 14px; color: #666; line-height: 24px; height: 48px; overflow: hidden; } .news_ul li a:hover .news_dl { background: #008e61; color: #fff; display: block; } .news_ul li a:hover .news_dl dd p { color: #fff; } .fadeinleft { animation: fadeinleftbig 3s; -webkit-animation: fadeinleftbig 3s; -moz-animation: fadeinleftbig 3s; } .fadeinright { animation: fadeinrightbig 3s; -webkit-animation: fadeinrightbig 3s; -moz-animation: fadeinrightbig 3s; } /* 本例子css */ .picscroll-left3 { overflow: hidden; position: relative; width: 1200px; background: #fff; } .picscroll-left3 .hd { overflow: hidden; padding: 0 0px; } .picscroll-left3 .hd .prev, .picscroll-left3 .hd .next { display: block; color: #fff; text-align: center; line-height: 25px; font-family: "宋体"; font-weight: bold; width: 23px; height: 25px; background: #444; position: absolute; z-index: 999; } .picscroll-left3 .hd .next { float: left; margin-top: 109px; } .picscroll-left3 .hd .prev { margin-left: 1177px; margin-top: 109px; } .picscroll-left3 .hd .prevstop { background-position: -60px 0; } .picscroll-left3 .hd .nextstop { background-position: -60px -50px; } .picscroll-left3 .bd { padding: 0px 23px; overflow: hidden; width: 1132px; } .picscroll-left3 .bd ul { overflow: hidden; zoom: 1; } .picscroll-left3 .bd ul li { margin: 0; float: left; _display: inline; overflow: hidden; text-align: center; } .picscroll-left3 .bd ul li .pic { text-align: center; } .picscroll-left3 .bd ul li .pic a { width: 238px; height: 118px; } .picscroll-left3 .bd ul li .pic a img { border-radius: 0%; width: 238px; height: 118px; display: block; padding: 0px; width: 289px; height: 208px; margin: 23px 15px; } .picscroll-left3 .bd ul li .pic a:hover img { border-color: #999; filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; } .picscroll-left3 .bd ul li .title { line-height: 24px; } .footer { background: #444; padding: 0px 0px 30px 0px; margin-top: 30px; } .footer_m { border: solid 1px #737373; width: 1198px; overflow: hidden; } .footer_ul { width: 1204px; } .footer_ul li { width: 299px; float: left; border-right: solid 1px #737373; padding: 20px 0px; } .footer_dl dd:hover { color: #c4c2c2; } .footer_dl { padding-left: 60px; color: #737373; } .footer_dl dd { margin-left: 10px; display: inline-block; } .ewm { text-align: center; margin-top: 30px; line-height: 40px; color: #999; } .ewm { text-align: left; margin-top: 30px; line-height: 26px; color: #999; } .ewm h3 { font-size: 18px; font-weight: lighter; line-height: 26px; } .ewm h4 { font-size: 16px; font-weight: lighter; } .ewm p, .ewm p a { font-size: 14px; line-height: 28px; } .ewm p a { color: #999; } .copyright_ewm { width: 500px; } /*list*/ .fadeinup { animation: fadeinup 2s; -webkit-animation: fadeinup 2s; -moz-animation: fadeinup 2s; } .content { position: relative; z-index: 1; } .content_header { padding-top: 40px; padding-bottom: 20px; text-align: center; } .content_title { font-family: "微软雅黑"; font-size: 30px; } .content_subtitle { color: #adadad; font-size: 14px; line-height: 30px; } #category { text-align: center; padding-bottom: 20px; animation: fadeinup 2s; -webkit-animation: fadeinup 2s; -moz-animation: fadeinup 2s; } #category li { display: inline-block; } #category a { line-height: 16px; height: 16px; padding: 8px 40px; color: #898989; border: 1px solid #fff; margin-right: auto; display: inline-block; border-radius: 20px; transition: all 0.3s ease-out 0s; } #category a.active, #category a:hover { background: #008e61; border-color: #fff; color: #fff; } .recommend_ul1 { width: 100%; } .recommend_ul1 li { width: 25%; margin: 5px 0px 10px 0px; } .recommend_ul1 li a { display: block; padding: 8px; transition: 0.5s; -webkit-transition: 0.5s; } .recommend_ul1 li a img { width: 100%; margin: 0px auto; } .recommend_ul1 li a:hover { transform: translate(0, -10px); -webkit-transform: translate(0, -10px); box-shadow: 0px 4px 14px #d1d1d1; } .recommend_ul1 li h4 { font-size: 16px; color: #666; line-height: 24px; display: block; padding: 5px 0px 0px 0px; font-weight: lighter; text-align: center; } .cont_news_ul li { height: 238px; margin: 0px 0px 50px 0px; } .cont_img { width: 335px; float: left; } .cont_img img { width: 335px; height: 238px; } .cont_nr { float: right; width: 820px; } .cont_nr h4 a, .cont_nr h4 { font-size: 24px; line-height: 40px; color: #444; font-weight: lighter; height: 36px; overflow: hidden; } .cont_time { font-size: 14px; color: #444; line-height: 34px; } .cont_p { height: 120px; font-size: 14px; overflow: hidden; color: #7d7d7d; line-height: 24px; margin: 5px 0px; } .more { font-size: 14px; color: #008e61; line-height: 32px; display: inline-block; padding: 0px 15px; margin-top: 5px; } .more:hover { background: #008e61; color: #fff; border-radius: 20px; } .team_ul1 { width: 1230px; } .team_ul1 li { margin: 15px 30px 15px 0px; } .news_img2 { width: 277px; height: 260px; margin: 0 0px 0px 0; position: relative; overflow: hidden; cursor: pointer; } .news_img2 img { width: 277px; height: 277px; } .news_img2 .txt { width: 256px; height: 40px; position: absolute; left: 0px; bottom: 0; text-align: center; background: #008e61; color: #fff; font-family: "微软雅黑"; padding: 0px 10px; opacity: 0.95; } .news_img2 .txt h3 { font-size: 18px; color: #fff; font-weight: lighter; height: 40px; line-height: 40px; overflow: hidden; margin-top: 0px; } .news_img2 .txt span { font-size: 12px; color: #cccbcc; line-height: 24px; } .news_img2 .txt p { font-size: 14px; line-height: 24px; color: #fff; height: 72px; overflow: hidden; } .team_btn { display: block; width: 40px; height: 40px; margin: 0px auto; border-radius: 50%; font-size: 24px; color: #008e61; text-align: center; background: #fff; margin-top: 30px; } .article_h { text-align: center; font-size: 14px; line-height: 30px; margin-bottom: 30px; border-bottom: solid 1px #ddd; } .article_h h4 { font-size: 30px; color: #444; margin-bottom: 30px; font-weight: lighter; } .article_h p { font-size: 14px; color: #666; margin-bottom: 10px; font-weight: lighter; } .neirong { font-size: 14px; line-height: 28px; width: 98%; margin: 0px auto; } .neirong p { text-indent: 2em; padding-bottom: 20px; } .neirong p img { margin-left: -2em; max-width: 1000px; } .page_choose { margin-top: 10px; padding-top: 15px; border-top: 1px dotted #cdcdcd; } .page_choose p { font-size: 14px; } .page_choose p a { color: #008e61; } .postbody { line-height: 24px; font-size: 13px; color: #6a6a6a; } .news_video_ul { width: 1213px; } .news_video_ul li { margin: 10px 13px 10px 0px; width: 290px; float: left; _display: inline; overflow: hidden; text-align: center; } .news_video_ul li .pic { text-align: center; } .news_video_ul li .pic img { width: 290px; height: 163px; display: block; padding: 0px; border: 1px solid #ccc; } .news_video_ul li .title2 { font-size: 14px; color: #444; line-height: 30px; text-align: center; margin: 5px 0px; } .main_img1 { float: left; height: 163px; width: 290px; margin: 0px; overflow: hidden; position: relative; } .main_img1 img { height: 163px; width: 290px; overflow-x: hidden; overflow-y: hidden; position: relative; z-index: 1; transition-delay: 0s; transition-duration: 1s; transition-property: all; transition-timing-function: ease; /* firefox 4 */ -moz-transition-delay: 0s; -moz-transition-duration: 1s; -moz-transition-property: all; -moz-transition-timing-function: ease; /* safari 和 chrome */ -webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; /* opera */ -o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease; } .main_img1 .show { background: rgba(0, 0, 0, 0.4); height: 192px; padding-top: 70px; left: 0; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; transition-delay: 0s; transition-duration: 0.3s; transition-property: opacity; transition-timing-function: ease-in; /* firefox 4 */ -moz-transition-delay: 0s; -moz-transition-duration: 0.3s; -moz-transition-property: opacity; -moz-transition-timing-function: ease-in; /* safari 和 chrome */ -webkit-transition-delay: 0s; -webkit-transition-duration: 0.3s; -webkit-transition-property: opacity; -webkit-transition-timing-function: ease-in; /* opera */ -o-transition-delay: 0s; -o-transition-duration: 0.3s; -o-transition-property: opacity; -o-transition-timing-function: ease-in; width: 275px; z-index: 200; } .main_img1 .show .imgarea { left: 50%; bottom: 0; margin: -15px 0px 0px -40px; opacity: 0; position: absolute; transition-delay: 0s; transition-duration: 0.4s; transition-property: all; transition-timing-function: ease; /* firefox 4 */ -moz-transition-delay: 0s; -moz-transition-duration: 0.4s; -moz-transition-property: all; -moz-transition-timing-function: ease; /* safari 和 chrome */ -webkit-transition-delay: 0s; -webkit-transition-duration: 0.4s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; /* opera */ -o-transition-delay: 0s; -o-transition-duration: 0.4s; -o-transition-property: all; -o-transition-timing-function: ease; } .main_img1 .show .imgarea a { color: rgba(255,255,255, 0.8); display: block; padding: 3px 10px; border: rgba(255,255,255, 0.6) 1px solid; border-radius: 100px; font-size: 14px; } .main_img1 .show .imgarea a:hover { background: rgba(255,255,255, 0.8); color: rgba(0,0,0, 0.6); } .main_img1:hover .show { opacity: 1; filter: alpha(opacity=100); } .main_img1:hover .show .imgarea { opacity: 1; filter: alpha(opacity=100); bottom: 40%; } .main_img1:hover img { transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); /* ie 9 */ -moz-transform: scale(1.2, 1.2); /* firefox */ -webkit-transform: scale(1.2, 1.2); /* safari 和 chrome */ -o-transform: scale(1.2, 1.2); /* opera */ } /*招聘*/ .t_1050 { margin: 0px 0px 0px 0px; } .t_552 { width: 552px; height: 322px; overflow: hidden; } .t_498 { background: url(/uploads/image/thdpimage/zp_cont_03.jpg) no-repeat top right #008e61; width: 648px; height: 322px; } .t_498_cont { padding: 40px; } .t_498_1 { font-size: 20px; color: #fff; line-height: 30px; white-space: normal; } .t_498_2, .t_498_2 p { font-size: 14px; color: #fff; line-height: 26px; } /* 本例子css */ .sidemen { width: 1200px; margin-top: 40px; } .sidemen h3 { height: 42px; line-height: 42px; padding-left: 20px; background: #e6e6e6; font: normal 16px/42px "microsoft yahei"; margin-top: 15px; } .sidemen h3 em { float: right; display: block; margin-right: 20px; width: 30px; height: 42px; background: url(/uploads/image/thdpimage/join_img9.png) no-repeat center; cursor: pointer; } .sidemen h3.on em { background: url(/uploads/image/thdpimage/join_img10.png) no-repeat center; width: 30px; height: 42px; } .sidemen ul { padding: 10px 20px; color: #666; font-size: 14px; line-height: 24px; } .sidemen ul p { color: #666; font-size: 14px; line-height: 24px; } .sidemen h3.on { background: #008e61; color: #fff; } .desin_ul li { display: none; } .picscroll-left1 { width: 1200px; overflow: hidden; position: relative; } .picscroll-left1 .hd { overflow: hidden; height: 40px; width: 1200px; padding: 0 10px; text-align: center; margin: 0px auto; } .picscroll-left1 .hd .prev, .picscroll-left1 .hd .next { display: block; text-align: center; line-height: 25px; font-family: "宋体"; font-weight: bold; width: 23px; height: 50px; font-size: 50px; color: #008e61; position: absolute; z-index: 999; } .picscroll-left1 .hd .next { float: left; margin-top: 120px; } .picscroll-left1 .hd .prev { margin-left: 1167px; margin-top: 120px; } .picscroll-left1 .hd .prevstop { } .picscroll-left1 .hd .nextstop { background-position: -60px -50px; } .picscroll-left1 .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; zoom: 1; } .picscroll-left1 .hd ul li { float: left; width: 260px; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: 0 -9px no-repeat; } .picscroll-left1 .hd ul li.on { background-position: 0 0; } .picscroll-left1 .bd { padding: 0px 45px; } .picscroll-left1 .bd ul { overflow: hidden; zoom: 1; } .picscroll-left1 .bd ul li { margin: 0 10px 0px 10px; float: left; _display: inline; overflow: hidden; text-align: center; } .picscroll-left1 .bd ul li .pic { text-align: center; } .picscroll-left1 .bd ul li img { width: 260px; height: 193px; display: block; } .picscroll-left1 .bd ul li .pic a:hover img { border-color: #999; } .picscroll-left1 .bd ul li .title { line-height: 24px; } .picscroll-left2 { width: 1200px; overflow: hidden; position: relative; } .picscroll-left2 .hd { overflow: hidden; height: 40px; background: #ddd; padding: 0 10px; } .picscroll-left2 .hd h4 { font-size: 18px; line-height: 40px; font-weight: lighter; float: left; color: #008e61; } .picscroll-left2 .hd .prev, .picscroll-left2 .hd .next { display: block; width: 5px; height: 9px; float: right; margin-right: 5px; margin-top: 15px; overflow: hidden; cursor: pointer; background: url(/uploads/image/thdpimage/left_i1.png) no-repeat; } .picscroll-left2 .hd .next { background: url(/uploads/image/thdpimage/right_i1.png) no-repeat; } .picscroll-left2 .hd span { display: inline-block; } .picscroll-left2 .hd .prevstop { background-position: -60px 0; } .picscroll-left2 .hd .nextstop { background-position: -60px -50px; } .picscroll-left2 .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 15px; zoom: 1; } .picscroll-left2 .hd ul li { float: left; width: 8px; height: 8px; border-radius: 50%; background: #999; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; } .picscroll-left2 .hd ul li.on { background: #008e61; } .picscroll-left2 .bd { padding: 10px 0px 0px 0px; } .picscroll-left2 .bd ul { overflow: hidden; zoom: 1; } .picscroll-left2 .bd ul li { width: 25%; margin: 5px 0px 10px 0px; } .picscroll-left2 .bd ul a { display: block; padding: 8px; transition: 0.5s; -webkit-transition: 0.5s; } .picscroll-left2 .bd ul a img { width: 100%; margin: 0px auto; } .picscroll-left2 .bd ul a:hover { transform: translate(0, -10px); -webkit-transform: translate(0, -10px); box-shadow: 0px 4px 14px #d1d1d1; } .picscroll-left2 .bd ul h4 { font-size: 16px; color: #666; line-height: 24px; display: block; padding: 5px 0px 0px 0px; font-weight: lighter; text-align: center; } /*新闻详情*/ .news1 { margin-top: 10px; } .news1 h3, .dingzhi h3 { height: 35px; line-height: 35px; padding-left: 15px; font-size: 14px; color: #fff; background: #008e61; font-weight: normal; } .news1 ul { padding: 10px 0px; overflow: hidden; } .news1 ul li { height: 26px; padding-top: 10px; overflow: hidden; } .news1 ul li span { display: block; width: 20px; height: 20px; font-size: 12px; line-height: 20px; margin-top: 4px; border-radius: 2px; background: #cdcdcd; font-family: arial; text-align: center; float: left; color: #fff; } .news1 ul li a { display: block; line-height: 26px; font-size: 14px; float: right; height: 26px; width: 290px; overflow: hidden; } .news1 ul li.ne1 span, .insidebar .news1 ul li.ne2 span, .insidebar .news1 ul li.ne3 span { background: #ff9600; } .contact1 { margin-top: 10px; overflow: hidden; font-size: 14px; } .contact1 p { height: 30px; line-height: 30px; padding-left: 35px; color: #fff; margin-top: 5px; } .contact1 p a, .insidebar .contact p a:hover { color: #fff; } .contact1 .p1 { background: url(/uploads/image/thdpimage/px1.jpg) no-repeat 10px center #ff9600; } .contact1 .p2 { background: url(/uploads/image/thdpimage/px2.jpg) no-repeat 10px center #21cbff; } .contact1 .p3 { background: url(/uploads/image/thdpimage/px3.jpg) no-repeat 10px center #a9b829; } .contact1 .p4 { background: url(/uploads/image/thdpimage/px4.jpg) no-repeat 10px 13px #40aa30; padding: 10px 15px 10px 35px; line-height: 18px; height: 36px; } .s_h3 { background: url(/uploads/image/thdpimage/h3_bg.jpg) no-repeat; height: 40px; line-height: 40px; margin-bottom: 1px; font-weight: lighter; font-size: 18px; color: #fff; text-align: center; } .sidebar li { font-size: 15px; margin-bottom: 1px; } .sidebar li a { line-height: 40px; height: 40px; display: block; padding-left: 25px; background: url(/uploads/image/thdpimage/si.png) no-repeat 215px center #d7d5d5; color: #444; } .sidebar li a:hover { border-left: solid 3px #008e61; } .about_img { background: url(/uploads/image/thdpimage/1439919844304.png) no-repeat; width: 430px; height: 380px; } .about_nr { width: 740px; } .about_nr p { text-indent: 2em; } .a_img { margin: 17px 0px 0px 27px; } .a_img img { width: 376px; height: 206px; } #focus_box { position: relative; width: 1130px; height: 420px; margin: 20px auto; } #focus_box ul { position: relative; width: 1130px; height: 420px } #focus_box li { z-index: 0; position: absolute; width: 0px; background: #787878; height: 0px; top: 146px; cursor: pointer; left: 377px; border-radius: 4px; box-shadow: 1px 1px 12px rgba(200, 200, 200, 1) } #focus_box li img { width: 100%; background: url(/uploads/image/thdpimage/loading.gif) no-repeat center 50%; height: 100%; vertical-align: top } #focus_box li p { position: absolute; left: 0; bottom: 0px; width: 100%; height: 40px; line-height: 40px; background: url(/uploads/image/thdpimage/float-bg.png) repeat; text-indent: 8px; color: #fff; } #focus_box li p span { display: inline-block; width: 100%; height: 40px; overflow: hidden; text-align: center; } #focus_box .prev, #focus_box .next { display: block; z-index: 100; overflow: hidden; cursor: pointer; position: absolute; width: 52px; height: 52px; top: 171px; } #focus_box .prev { background: url(/uploads/image/thdpimage/btn.png) left bottom no-repeat; left: 0px } #focus_box .next { background: url(/uploads/image/thdpimage/btn.png) right bottom no-repeat; right: 0px } #focus_box .prev:hover { background-position: left top; } #focus_box .next:hover { background-position: right top; } #focus_box a.imgs-scroll-btn { display: block; position: absolute; z-index: 110; top: 7px; right: 15px; width: 51px; height: 23px; overflow: hidden; background: url(/uploads/image/thdpimage/share-btn.png) no-repeat; text-indent: -999px; } /* 新闻列表 */ .newslist { width: 1200px; overflow: hidden; } .newslist ul { width: 1230px; } .newslist ul li { width: 375px; padding: 0px 0px 0px 0px; background: #fff; margin-right: 32px; border: solid 1px #e5e5e5; float: left; position: relative; margin-bottom: 30px; border-bottom: 2px solid #e8e8e8; } .newslist ul li div { display: block; width: 355px; height: 255px; overflow: hidden; margin: 10px 10px; } .newslist ul li div img { width: 355px; height: 255px; transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; } .newslist ul li div img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .newslist ul li h3 { line-height: 34px; font-weight: normal; font-size: 16px; color: #000; height: 34px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .newslist ul li a:hover h3, .newslist ul li p span { color: #008e61; } .newslist ul li h4 { font-weight: normal; font-family: arial; line-height: 16px; color: #999; } .newslist ul li p { height: 56px; overflow: hidden; color: #999; padding-top: 0px; font-size: 14px; line-height: 28px; } .newslist ul li:after, .newslist ul li:before, .honorlist ul li:after, .honorlist ul li:before, .settinglist ul li:after, .settinglist ul li:before, .videolist ul li:after, .videolist ul li:before, .productlist ul li:after, .productlist ul li:before { content: ''; position: absolute; bottom: -2px; width: 0; height: 2px; background: #008e61; -webkit-transition: 0.4s; transition: 0.4s; } .newslist ul li:before, .honorlist ul li:before, .settinglist ul li:before, .videolist ul li:before, .productlist ul li:before { left: 0; } .newslist ul li:after, .honorlist ul li:after, .settinglist ul li:after, .videolist ul li:after, .productlist ul li:after { right: 0; } .newslist ul li:hover:after, .newslist ul li:hover:before, .honorlist ul li:hover:after, .honorlist ul li:hover:before, .settinglist ul li:hover:after, .settinglist ul li:hover:before, .videolist ul li:hover:after, .videolist ul li:hover:before, .productlist ul li:hover:after, .productlist ul li:hover:before { width: 50%; } .cont_lx_dl dt { width: 450px; } .cont_lx_dl dt p { line-height: 26px; } .cont_lx_dl dd { width: 730px; } .morelistpicbg { background: #008e61; position: absolute; width: 240px; height: 240px; border-radius: 50%; z-index: 8; top: 0px; left: 0px; display: none; } /*翻页*/ .pageturn { text-align: center; } .pageturn a { display: inline-block; height: 22px; line-height: 22px; background: #666; color: #fff; padding: 0 8px; font-size: 14px; margin-left: 6px; } .pageturn a:hover { background: #4cb090 } .pageturn a.cur { background: #4cb090 } .pageturn .current { display: inline-block; height: 22px; line-height: 22px; background: #4cb090; color: #fff; padding: 0 8px; font-size: 14px; margin-left: 6px; } /*百度分享样式*/ .fenxiang { display: block; height: 16px; float: left; cursor: pointer; font-size: 14px; } .bdsharebuttonbox { /*right: -100px;*/ float: left; position: relative; top: 9px; } .news_box_bg { background: #f1f0f0; padding: 10px 10px; display: block; } /*优势*/ .sup { overflow: hidden; margin-top: 50px; height: 762px; background: url(/uploads/image/thdpimage/youshi.jpg) no-repeat center top; } .sup dl { position: relative; overflow: hidden; margin-top: 35px; height: 762px; } .sup dl dd { position: absolute; left: 30px; top: 27px; display: block; float: left; padding-left: 45px; width: 356px; height: 393px; background: url(/uploads/image/thdpimage/sup_pbg.jpg) no-repeat left top; } .sup dl dd h5 { display: block; margin-top: 45px; height: 42px; font-size: 26px; font-weight: normal; overflow: hidden; } .sup dl dd h5 a { color: #162d24; height: 42px; overflow: hidden; } .sup dl dd h5 a:hover, .sup dl dt a:hover, .sup h2 a:hover { text-decoration: none; cursor: default; } .sup dl dd h5 em { display: block; margin-top: 5px; font-size: 12px; font-family: "arial"; text-transform: uppercase; } .sup dl.dl3 dd h5 { height: 84px; } .sup dl.dl4 dd h5 { height: 84px; } .sup dl.dl4 dd span { height: 26px; } .sup dl dd .sup_div { overflow: hidden; display: block; padding-left: 10px; width: 315px; height: 52px; font-size: 18px; color: #595757; background: url(/uploads/image/thdpimage/sup_hbg.jpg) no-repeat left top; } .sup dl dd p { overflow: hidden; dispaly: block; margin-top: 25px; width: 316px; height: 138px; line-height: 28px; font-size: 14px; color: #595757; font-family: "宋体"; } .sup dl dt { position: relative; display: block; float: right; width: 824px; height: 447px; } .sup dl dt img { display: block; width: 824px; height: 447px; } .sup .btnl, .sup .btnr { z-index: 10; position: absolute; top: 386px; display: block; width: 52px; height: 45px; } .sup .btnl { left: 1115px; } .sup .btnr { left: 1167px; } .sup .btnl a, .sup .btnr a { display: block; width: 52px; height: 45px; } .sup .btnl a { background: url(/uploads/image/thdpimage/sup_btnl.jpg) no-repeat left top; } .sup .btnr a { background: url(/uploads/image/thdpimage/sup_btnr.jpg) no-repeat left top; } .sup dt .nums { position: absolute; top: 179px; left: 665px; overflow: hidden; display: block; padding-left: 8px; width: 66px; height: 45px; background: #ffffff; } .sup dt .nums span { display: block; float: left; width: 20px; height: 45px; line-height: 45px; text-align: center; font-size: 18px; color: #008e61; }