@charset "utf-8"; /* CSS Document */ .sl{overflow:hidden; text-overflow:ellipsis;white-space: nowrap;} /*.nav{ background: url(../images/nav_bg.jpg)repeat-x; height: 45px; } .nav ul{ width: 1200px; margin: 0 auto; } .nav ul li{ float: left; width: 140px; line-height: 45px; text-align: center; position: relative; } .nav ul li a{ display: block; } .nav ul .on:after{ content: ""; position: absolute; width: 100%; top: 0; left: 0; height: 4px; background: #ab1515; } .nav ul .on{ background: #e5e9ec; } .nav ul li:hover{ background: #e5e9ec; }*/ .header_top{ padding: 20px 0; } .header_top .centent{ width: 1200px; margin: 0 auto; } .header_top .centent .logo{ float: left; } .header_top .centent .txt{ float: right; } .header_top .centent .txt .h1{ line-height: 30px; font-weight: bold; color: #706e6f; } .header_top .centent .txt .h2{ text-align: center; width:73px; margin: 0 auto; } .header_top .centent .txt .h2 span{ margin: 0 10px; float: left; } .header_top .centent .txt .h2 .top_search_bt{ position: relative; } .header_top .centent .txt .h2 .top_search_bt:hover .search{ display: block; } .header_top .centent .txt .h2 .search{ position: absolute; box-shadow: 0px 8px 7px 0px rgba(35, 24, 21, 0.35); z-index:999; width: 205px; height: 30px; left: -50px; bottom: -30px; display: none; } .header_top .centent .txt .h2 .search input{ float: left; } .header_top .centent .txt .h2 .search .txt{ height: 30px; } .header_top .centent .txt .h2 .search .submit{ background: #e60000; color: #fff; height: 33px; border: none; width: 50px; } /*banner*/ .banner_n .fullSlide{ width:100%; position:relative; height:500px; background:#000; } .banner_n .fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; } .banner_n .fullSlide .bd ul{ width:100% !important; } .banner_n .fullSlide .bd li{ width:100% !important; height:500px; overflow:hidden; text-align:center; } .banner_n .fullSlide .bd li a{ display:block; height:500px; position:relative; } .banner .fullSlide .bd li a .f_txt{ background:url(../images/touming.png) repeat; height:58px; padding-top:5px; text-align:left; width:100%; position:absolute; left:0px; bottom:0px; font-size:20px; color:#fff; line-height:30px; padding-left:15px;} .banner_n .fullSlide .bd li a .f_txt span{ font-size:12px; line-height:20px;} .banner_n .fullSlide .hd{ width:100%; position:absolute; z-index:1; bottom:0; left:0; height:42px; line-height:30px; text-align:center; background:url(../images/tm.png) repeat; _filter:alpha(opacity=60); } .banner_n .fullSlide .hd ul{ text-align:right; padding-top:16px; text-align:center; } /* .fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; overflow:hidden; margin-right:3px; width:20px; height:20px; line-height:20px; text-align:center; background:#3a3645; color:#FFFFFF; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }*/ .banner_n .fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:30px; height:6px; margin:0 5px; overflow:hidden; line-height:9999px; background:#fff; } .banner_n .fullSlide .hd ul .on{ background:#1f8ccf; } .banner_n .fullSlide .prev, .banner_n .fullSlide .next{ position:absolute; left:0px; top: 149px; display:block; width:30px; height:60px; overflow:hidden; cursor:pointer; background:url(../images/touming.png) repeat; } .banner_n .fullSlide .prev img, .banner_n .fullSlide .next img{ margin-left:0px; margin-top:0px;} .banner_n .fullSlide .next{ left:auto; right:0px;} /*瀵艰埅*/ .nav2{ background: #f0efef; padding: 20px 0; width: 100%; } .nav2 .centent{ width: 1200px; margin: 0 auto; text-align: center; } .nav2 .centent span{ font-size: 14px; margin:0 55px; position:relative; } .nav2 .centent .active:after{ position: absolute; content: ""; bottom:-19px; width: 100%; left: 0; height: 4px; background: #06547b; } /*浜у搧*/ .product{ width: 1200px; margin: 0 auto; } .product .ul li{ float: left; margin: 20px 8px; width:284px; } .product .ul li .p{ font-size: 16px; font-weight:bold; line-height: 40px; text-align:center; } .product .ul li .p span{ font-size: 14px; color: #999999; margin-left: 20px; display:none; } .product .ul li .txt2{ font-size: 14px; line-height: 25px; text-align:center; height:75px; overflow:hidden; } .product .h1{ font-size: 26px; line-height: 40px; } .product .h1 span{ margin-left: 30px; color: #4a4a4a; } .product .h1 .search{ float: right; display: inline; } .product .h1 .search .text{ background: #f0efef; height: 42px; width: 225px; border: none; padding-left: 10px; float: left } .product .h1 .submit{ float: left; height: 42px; border: none; width: 42px; background: #ab1515 url(../images/search.png)no-repeat center; cursor: pointer; } /*浜у搧璇︽儏*/ .product .product_img_b{ float: left; width: 41%; } .product .product_img_b img{ width: 100%; } .product .product_info{ width: 55%; float: right; } .product .product_info .product_title{ font-size: 26px; } .product .product_info .product_title span{ margin-left: 30px; } .product .product_info .product_p{ line-height: 25px; color: #920b07; min-height:75px; } .product .product_info .product_p *{ line-height: 25px; color: #920b07; } .product .product_info .product_p2{ border-top: 1px solid #999; padding: 20px 0; line-height:25px; color: #333; min-height:142px; } .product .product_info .product_p2 p,.product .product_info .product_p2 div{ line-height:25px; color: #333; } .product .product_info .ol li{ float: left; margin: 20px 5px; cursor: pointer; } .product .product_info .ol li p{ line-height: 30px; } .product .product_info .ol li img{ width: 140px; height: 140px; } /*搴旂敤鍥鹃泦*/ .show{ width: 1200px; margin: 0 auto; } .show .h1{ font-size: 26px; line-height: 40px; } .show .h1 span{ margin-left: 30px; color: #4a4a4a; } .show ul li{ float: left; margin: 5px 5px; } .show ul li img{ width: 290px; height: 290px; } /*鍏充簬鎴戜滑*/ .title_1{ padding: 44px 0; position:relative; } .title_1:after{ content: ""; position: absolute; bottom: 20px; left: 50%; margin-left: -25px; width: 50px; height: 4px; background: #752121; } .title_1 .h1{ color: #870000; text-transform: uppercase; font-size: 26px; line-height: 40px; text-align: center; } .title_1 .h2{ font-weight: bold; color: #333333; text-align: center; font-size: 26px; line-height: 50px; } .title_1 a.i_nav_more{ position:absolute; right:10px; top:90px; font-size:16px; color:#333333; border:#bfbfbf 1px solid; padding:5px 10px; border-radius:5px;} .company{ background: url(../images/company.jpg)center; height: 700px; } .company #content-1 { color: #fff; height:500px } .company .centent{ width: 1200px; margin: 0 auto; line-height: 40px; } .company .centent p{ font-size: 16px; line-height: 40px; } .peputation{ width: 1200px; margin: 0 auto; } .i_sztd_list_b{position: relative;} .i_sztd_list_b .tempWrap{margin: 0 auto;} .i_sztd_list li{ float:left; width:256px; margin:0 20px;} .i_sztd_list li img{ object-fit: contain;} .i_sztd_list li .txt{ padding:10px 0; font-size:16px; text-align:center; line-height:30px;} .i_sztd_list li .i_sztd_hr{ background:url(../images/i_sztd_ico.png) center no-repeat; height:6px; border-top:#9c9c9c 3px solid; margin-top:13px;} .i_sztd_list_b .icon .prev{float: left;cursor: pointer} .i_sztd_list_b .icon .next{float: right;cursor: pointer} .i_sztd_list_b .icon{width: 1300px;position: absolute;top: 60px;height: 0;left:50%;margin-left: -650px;} .honor_list li{ margin-top:20px;} /*浜烘墠鎷涜仒*/ .job_us{ background: url(../images/job_us_bg.jpg)no-repeat center; } .job_us .centent{ width: 1200px; margin: 0 auto; height: 450px; } .job_us .centent .p{ color: #fff; font-size: 16px; line-height: 36px; text-align: center; } .job_us .centent .p *{ line-height: 36px; } .job_us .centent .a{ width: 145px; height: 50px; margin: 0 auto; text-align: center; line-height: 50px; display: block; color: #fff; border: 1px solid #fff } /*闆嗗洟鎴樼暐*/ .jtzl_d1{ } .jtzl_d1 .centent{ width: 1200px; margin: 0 auto; word-break:break-all; } .jtzl_d1 .centent .p{ font-size: 16px; line-height: 36px; } .jtzl_d1 .centent .p *{ line-height: 36px; } .jtzl_d2{ } .jtzl_d2 .centent{ width: 1200px; margin: 0 auto; word-break:break-all; } .jtzl_d2 .centent .p{ color: #fff; font-size: 16px; line-height: 36px; } .jtzl_d2 .centent .p *{ line-height: 36px; } /*鑱旂郴鎴戜滑*/ .contact{ width: 1200px; margin: 0 auto; } .contact .left{ width: 40%; float: left; } .contact .left img{ width: 100%; } .contact .right{ width: 55%; float: right; } .contact .right .h1{ font-size: 26px; font-weight: bold; color: #a72126; line-height: 50px; } .contact .right .h2{ font-size: 16px; line-height: 30px; } .job_us_info{margin: 0 auto; width: 1200px;} .job-container .title{margin-bottom: 40px} .job-list{overflow: hidden;margin: 40px 0} .job-item{margin-bottom: 25px;width: 580px; float: left;} .job-item dt{font-size: 24px; font-weight: 700; line-height: 60px;} .job-item dd{} .job-item dd p{text-align: center} .job-item dd h4{font-size: 18px; line-height: 50px;} /*椤圭洰鍚堜綔*/ .ngineering{ background: #f0efef; padding-bottom: 30px; } .ngineering .centent{ width: 1200px; margin: 0 auto; } .ngineering .left{ width: 40%; float: left; } .ngineering .left img{ width: 100%; } .ngineering .right{ width: 55%; float: right; position: relative; } .ngineering .right .h1{ font-size: 14px; color: #680000; line-height: 30px; } .ngineering .right .h2{ font-size: 26px; line-height: 46px; color: #d52300; padding-left: 80px; background: url(../images/ngineering_img.png) no-repeat left } .ngineering .right .h3{ font-size: 26px; line-height: 46px; color: #d52300; padding-left: 80px; background: url(../images/ngineering_img2.png) no-repeat left } .ngineering .right .img{ position: absolute; right: 210px; top: 100px; width: 100px; height: 100px; } .encyclioedia{ width: 1200px; margin: 0 auto; background: url(../images/encyclioedia_img.jpg) no-repeat 800px 195px ; } .encyclioedia #content-1{ height: 300px; } .baike{ overflow: hidden; padding-left: 200px; margin-bottom: 40px;} .baike h4{font-size: 18px; color: #a72126; font-weight: 700; line-height: 32px;} .baike li{padding-bottom: 30px; font-weight: normal; } /*閿€鍞綉缁?/ .sales{ height: 640px; background: url(../images/sales_bg.jpg) center } .sales .centent{ margin: 0 auto; width: 1200px; color: #fff; } .sales .centent .p{ font-size: 16px; line-height: 30px; } .sales .centent *{ font-size: 16px; line-height: 30px; } /*鍞悗鏈嶅姟*/ .service{ width: 1200px; margin: 0 auto; } .service .h1 .h2{ font-size: 26px; line-height: 46px; color: #d52300; padding-left: 80px; background: url(../images/ngineering_img.png) no-repeat left; float: left; margin: 0 60px; } .service .h1 .h3{ font-size: 26px; line-height: 46px; color: #d52300; padding-left: 80px; background: url(../images/ngineering_img2.png) no-repeat left; float: left; margin: 0 60px; } .service .h1 .img{ float: left; width: 100px; height: 100px; margin: 0 60px; } /*鍏憡*/ .gg{ width: 1200px; margin: 0 auto; } .gg dl dt{ font-size: 26px;line-height: 40px; border-bottom: 2px solid #5f75a0 } .gg dl dt a{ text-align: right; color: #999; font-size: 14px; float: right; } .gg dl dd{ } .gg dl dd .h1{ float: left; width: 60%; line-height: 50px; } .gg dl dd .h2{ float: right; text-align: right; line-height: 50px; color: #969696; } .yb{ width: 1200px; margin: 0 auto; } .yb .gg{ float: left; width: 45%; margin-left: 10%; } /*鏂伴椈*/ .new{ width: 1200px; margin: 0 auto; } .new li{ margin-top: 16px; margin-bottom: 16px; border-bottom: 1px dashed #666; padding: 10px 0; } .new li .new_h1{ font-size: 16px; color: #666; font-weight: bold; } .new li .new_p{ font-size: 12px; color: #666; line-height: 20px; margin-top: 20px; } .new li img{ float: left; margin-right: 20px; } .new li .a{ float: right; background-color: #cc0000; color: white; display: block; font-size: 14px; margin-right: 5px; padding: 5px; } .new li span{ display: block; float: right; padding: 5px; background-color: #6C6C6C; color: white; font-size: 14px; } .new_conter{ width: 1200px; margin: 0 auto; } .new_conter .new_conter_h1{ font-size: 18px; color: #ab1515; margin-top: 20px; text-align: center; } .new_conter .new_conter_h2{ text-align: center; margin: 0 auto; padding: 22px 0 ; } .new_conter .new_conter_h2 .author{ margin-left: 50px; } .new_conter .new_conter_p{ min-height: 500px; } .new_conter .p{ float: left; } .new_conter .return{ float: right; } .tzz{ margin: 0 auto; width: 1200px; } .tzz .h1{ font-size: 26px; line-height: 60px; } .tzz table{ width: 100%; } .tzz table td{ height: 50px; padding-left: 20px; font-size: 20px; color: #333; } .tzz table .tr1{ background: #f2f8fc; font-weight: bold; } .tzz table .tr2 td{ color: #969596; } .tzz table .td1{ font-size: 40px; font-weight: bold; line-height: 60px; color: #333; } .tzz table .td2{ font-size: 18px; font-weight: bold; padding-left: 24px; background: url(../images/i_gp_txt3_ico1.png) no-repeat left center; color: #008000; line-height: 30px } .tzz table .td3{ position: relative; } .tzz table .td3 div{ position: absolute; left: 0; bottom: 0; width: 10px; height: 100%; background: #5f75a0; }