@charset "utf-8"; /* CSS Document */ body{ min-width: 1224px; } .w1624{ width: 85%; margin: 0 auto; } .header{ position: relative; z-index: 9; } .header .w1624{ height: 96px; } /* .logo{ padding-top: 26px; } */ .header input{ background: none; border:0; } .w-search{ width: 148px; height: 32px; padding-left: 12px; line-height: 32px; } .w-submit{ width: 36px; height: 32px; text-indent: -99999px; } .form{ margin-top: 36px; background: url(../img/spirit.png) no-repeat 0px 0px; } .header ul{ float: right; margin-top: 37px; } .header ul li{ margin-right: 46px; position: relative; } .header ul li a{ display: block; line-height: 32px; font-size: 14px; color: #555555; } .header ul li a:hover{ border-bottom: 2px solid #ffd200; } .header ul .actity a{ border-bottom: 2px solid #ffd200; } .header ul .actity dl dd a{ border:0; } .header ul li dl{ min-width: 135px; position: absolute; left: -7px; top: 34px; display: none; background: #fff; z-index: 10; } .header ul li dl dd{ border-bottom: 1px solid #dddddd; width: 135px; } .header ul li dl dd a{ display: block; width: 128px; height: 35px; line-height: 35px; padding-left: 7px; color: #888888; } .header ul li dl dd a:hover{ border: 0; color: #ffd200; } /* 底部 */ .copyright{ line-height: 49px; font-size: 14px; color: #555555; } .copyright span{ padding-left: 30px; color: red; font-weight: bold; } .footer p{ float: right; line-height: 49px; font-size: 14px; } .footer p a{ color: #555555; } /* 首页 */ .banner{ overflow: hidden; min-width: 1400px; position: relative; min-height: 600px; width: 100%; } .banner ul{ position: absolute; left: 0; top: 0; } .banner ul li{ width: 100%; } .banner-info{ position: absolute; top: 374px; left: 50%; margin-left: -444px; } .w-left a{ display: block; width: 35px; height: 62px; background: url(../img/spirit.png) no-repeat -38px -36px; } .w-left a:hover{ background: url(../img/spirit.png) no-repeat -0px -36px; } .w-left{ position: absolute; top: 377px; left: 50%; margin-left: -564px; } .w-right a{ display: block; width: 35px; height: 62px; background: url(../img/spirit.png) no-repeat -114px -36px; } .w-right a:hover{ background: url(../img/spirit.png) no-repeat -75px -36px; } .w-right{ position: absolute; top: 377px; left: 50%; margin-left: 562px; } /* 公司简介 */ .ab-con{ position: relative; } .ab-l{ width: 50%; *width: 49.9%; overflow-x:hidden;display:inline } .abp1{ width: 66%; padding-bottom: 10px; } .abp23{ width: 33%; } .abp23 img{ padding-bottom: 10px; } .abp4{ width: 33%; } .abp5{ width: 66%; } .leader{ width: 50%; background: #fafafa; height: 820px; overflow-x:hidden;display:inline } .leader-con{ padding: 51px 0 68px 45px; } .leader-con h2{ font-size: 20px; line-height: 40px; border-bottom: #555555 1px solid; width: 560px; } .leader-con h2 strong{ padding-right: 16px; color: #040404; font-weight: normal; background: url(../img/spirit.png) no-repeat right -117px; } .leader-pic{ margin-top: 29px; } .leader-con .ab-p{ font-size: 14px; line-height: 24px; color: #555555; width: 565px; text-indent: 2em; margin-top: 24px; } .leader-name { margin-left: 401px; margin-top: 39px; } .ab-next{ margin-top: 39px; position: relative; } .ab-next span{ font-size: 20px; line-height: 20px; padding-right: 22px; background: url(../img/spirit.png) no-repeat right -153px; } .ab-next span a{ color: #000; } .ab-next .heng{ width: 50px; height: 1px; background: #000; position: absolute; left: 0; top: -10px; } /* 权威认证 */ .aa-con{ padding: 51px 0 0px 87px; } .aa-con h2 { border-bottom: #555555 1px solid; width: 560px; font-weight: normal; color: #000; } .aa-con h2 strong{ font-size: 18px; line-height: 40px; font-weight: normal; } .aa-con h2 span{ font-size: 14px; line-height: 40px; padding-left: 14px; } .aa-title{ font-size: 16px; color: #393939; line-height: 43px; height: 43px; padding-left: 50px; margin-top: 20px; background: url(../img/spirit.png) no-repeat 0 -197px; } .aa-con ul { margin-top: 50px; } .aa-con ul li{ float: none; margin-bottom: 7px; position: relative; } .aa-con ul li a{ display: block; width: 560px; height: 25px; padding-left: 20px; color: #555555; z-index: 1; position: relative; } .aa-con ul li a:hover{ color: #fff; } .aa-con ul li em{ width: 4px; height: 25px; display: block; background: #fea500; position: absolute; left: 0; top: 0; z-index: 0; transition: width 0.5s; -moz-transition: width 0.5s; /* Firefox 4 */ -webkit-transition: width 0.5s; /* Safari 和 Chrome */ -o-transition: width 0.5s } .aa-con ul li:hover em{ width: 100%; } .b-mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; filter:Alpha(opacity=90); opacity: 0.9; z-index: 10; display: none; } .aa-box{ width: 568px; position: absolute; top: 66px; left: 50%; margin-left: -284px; z-index: 11; padding-top: 34px; display: none; } .aa-box-f ul li{ position: absolute; left: 0; top:0; } .aa-box-f{ width: 384px; height: 545px; margin: 0 auto; position: relative; } .aa-box-info{ font-size: 20px; line-height: 20px; color: #000000; margin-top: 37px; text-align: center; } .aa-close a{ display: block; width: 30px; height: 30px; background: url(../img/spirit.png) no-repeat 0 -107px; } .aa-close{ position: absolute; top: 0; right: 59px; } .aa-left a{ display: block; width: 23px; height: 41px; background: url(../img/spirit.png) no-repeat -5px -149px; } .aa-left{ position: absolute; left: 0; top: 266px; } .aa-right a{ display: block; width: 23px; height: 41px; background: url(../img/spirit.png) no-repeat -46px -149px; } .aa-right{ position: absolute; right: 0; top: 266px; } #ag-box{ width: 694px; margin-left: -347px; } #ag-box-f{ width: 537px; height: 351px; } #ag-box .aa-left,#ag-box .aa-right{ top: 189px; } /* 企业荣誉 */ #agc-con ul li { float: none; font-size: 14px; line-height: 35px; color: #555555; background: none; } #agc-con ul li span{ float: left; width: 93px; } #agc-con h4{ font-size: 16px; color: #fea500; margin-top: 26px; } #agc-con ul{ margin-top: 12px; padding-bottom: 65px; float: none; } #agc-con ul li strong{ float: left; font-weight: normal; } /* 产品中心 */ .pr-con{ height: 820px; /* overflow: hidden; */ position: relative; background: url(../img/productbg.jpg) no-repeat center; } .pr-info{ position: absolute; width: 387px; top: 130px; left: 50%; margin-left: -387px; } .pr-info h2{ font-weight: normal; font-size: 14px; line-height: 14px; color: #fff; } .pr-info h3{ font-weight: normal; font-size: 24px; line-height: 42px; color: #fff; margin-top: 20px; width: 220px; } .pr-info .pr-p{ font-size: 12px; line-height: 12px; color: #cccccc; margin-top: 20px; } .pr-info .heng{ width: 27px; height: 1px; background: #a2a198; position: absolute; left: 0; top: 125px; } .pr-box{ position: absolute; top: 130px; left: 50%; margin-left: 120px; } .pr-list-ul ul li { width: 274px; height: 274px; background: url(../img/spirit.png) no-repeat -1px -391px; } .pr-pic{ width: 251px; padding-top:25px; margin: 0 auto ; } .pr-list-ul ul{ width: 616px; } .pr-list-ul ul li{ margin-right: 34px; margin-bottom: 21px; } .pr-list-ul ul li span{ display: block; text-align: center; margin-top: 30px; width: 100%; font-size: 14px; line-height: 14px; color: #777777; } .pr-list-ul ul li span a{ color: #777777; } .pr-list-ul{ width: 3000px; position: absolute; left: 0; top: 0; } .pr-list{ overflow: hidden; position: relative; width: 582px; height: 569px; } .pr-box{ height: 599px; width: 582px; } .pr-btn{ position: absolute; bottom: 0; left: 50%; margin-left: -30px; } .pr-btn ul li a{ display: block; width: 10px; height: 10px; background: url(../img/spirit.png) no-repeat -12px -673px; } .pr-btn ul li { margin-right: 10px; } .pr-btn ul .actity a{ background: url(../img/spirit.png) no-repeat 0px -673px; } #eq-con{ height: 823px; background: url(../img/equipmentbg.jpg) no-repeat center; } /* 产品中心详情页 */ .pri-con{ height: 819px; overflow: hidden; position: relative; background: url(../img/pribg.jpg) no-repeat center; } .pri-box{ position: absolute; width: 580px; left: 50%; margin-left: 100px; top: 180px; } .pri-box h2{ font-size: 30px; line-height: 30px; color: #fff; text-align: center; font-weight: normal; margin-bottom: 68px; } .pri-p{ font-size: 16px; line-height: 28px; color: #fff; text-align: center; } .pri-prve a,.pri-next a,.pri-back a{ display: block; width: 156px; height: 36px; color: #cbd5e5; text-align: center; line-height: 36px; font-size: 16px; background: url(../img/spirit.png) no-repeat 0px -690px; } .pri-prve,.pri-next,.pri-back{ width: 156px; height: 36px; margin-top: 30px; margin-left: 28px; float: left; } .pri-box .heng{ position: absolute; width: 38px; height: 1px; background: #7599c4; top: 62px; left: 50%; margin-left: -19px; } /* 新闻中心 */ .news-con{ position: relative; height: 820px; background: url(../img/newsbg.jpg) no-repeat center; } .news-box{ width: 509px; position: absolute; left: 50%; margin-left: 55px; top: 62px; } .news-box h2{ font-size: 18px; line-height: 18px; color: #000; font-weight: normal; } .news-box dl{ margin-top: 42px; } .n-time{ width: 65px; background: #e7463c; color: #f5f4f4; padding: 14px 0 15px 0; } .n-time .n-d{ text-align: center; font-size: 16px; line-height: 20px; } .n-time .n-y{ text-align: center; font-size: 12px; line-height: 16px; } .n-boxcon{ position: relative; background: #f2f2f2; padding: 14px 0 14px 15px; width: 429px; } .n-boxcon a{ display: block; } .box-t{ font-size: 14px; line-height: 14px; color: #e21616; } .box-i{ font-size: 12px; line-height: 12px; color: #7f7f7f; margin-top: 11px; } .news-box dl dd span{ float: left; width: 65px; color: #6a6a6a; line-height: 22px; text-align: center; font-size: 14px; background: #f2f2f2; } .news-box dl dd a{ width: 429px; padding-left: 15px; font-size: 14px; line-height: 22px; color: #6a6a6a; float: right; z-index: 3; position: relative; } .news-box dl dd{ margin-top: 15px; position: relative; } .news-box dl dd em{ width: 0px; height: 22px; display: block; background: #e7463c; position: absolute; left: 65px; top: 0; z-index: 1; transition: width 0.5s; -moz-transition: width 0.5s; /* Firefox 4 */ -webkit-transition: width 0.5s; /* Safari 和 Chrome */ -o-transition: width 0.5s; } .news-box dl dd:hover em{ width: 444px; } .news-box dl dd:hover a{ color: #fff; } .n-page { margin-top: 29px; } .news-con .n-page ul li { display: inline-block; margin-right: 25px; width: auto; padding: 0; } .n-page ul li a{ color: #6a6a6a; } .n-page ul li a:hover{ color: #e7463c; } .n-page ul .actity a{ color: #e7463c; } .newsl-box{ position: absolute; top: 100px; left: 50%; margin-left: -507px; width: 1013px; height: 666px; z-index: 12; display: none; } .newsl-box h2{ font-size: 16px; line-height: 16px; color: #000; font-weight: normal; text-align: center; } .newsl-box h3{ font-size: 12px; line-height: 12px; color: #666666; font-weight: normal; text-align: center; margin-top: 16px; } .news-p{ font-size: 15px; line-height: 43px; color: #666666; text-indent: 2em; } .news-info{ width: 924px; height: 538px; position: relative; margin: 34px auto 0; overflow: hidden; } .news-pic{ width: 500px; height: 336px; margin: 15px auto 33px; } .news-info-f{ position: absolute; left: 0; top: 0; width: 884px; } .news-info-f p{ color: #000; } .news-bar{ position: absolute; width: 4px; height: 580px; background: #abaaaa; top: 0; right: 0; } .news-btn{ position: absolute; width: 4px; height: 290px; background: #787878; top: 0; right: 0; } /* 人才招聘 */ .hr-con ul{ margin-top: 42px; width: 500px; } .hr-con ul li a{ line-height: 32px; float: left; color: #7f7f7f; font-size: 14px; } .hr-con ul li{ padding-left: 20px; position: relative; width: 100%; } .hr-down a{ width: 9px; height: 9px; background: url(../img/spirit.png) no-repeat 0px -757px; } .hr-down{ position: absolute; top: 12px; right: 15px; } .hr-info{ clear: both; padding: 9px 0 17px 20px; display: none; } .hr-info h3{ font-size: 14px; line-height: 14px; padding-bottom: 15px; font-weight: normal; color: #7f7f7f; } .hr-p{ width: 445px; font-size: 12px; line-height: 23px; color: #a2a2a2; margin-top: 8px; } .hr-app{ float: right; margin-top: 14px; padding-right: 27px; } .hr-con ul li .hr-app a{ color: #e21616; font-size: 12px; line-height: 12px; } /* 色卡查询 */ .s-banner{ height: 316px; background: url(../img/searchbg.jpg) no-repeat center; } .sea-con{ padding: 61px 0 142px 0; position: relative; } .w1075{ width: 1075px; margin: 0 auto; position: relative; } .s-search{ position: absolute; top: 20px; left: 358px; background: url(../img/search.jpg) no-repeat; } .s-search input{ background: none; border: 0; } .s-text{ width: 287px; height: 39px; padding-left: 10px; line-height: 39px; } .s-submit{ width: 62px; height: 39px; text-indent: -99999px; } .sea-con h2{ font-size: 24px; line-height: 24px; font-weight: normal; color: #444444; } .sea-con h3{ font-size: 14px; line-height: 14px; font-weight: normal; color: #cccccc; margin-top: 21px; margin-bottom: 33px; } .sea-con table { width: 100%; } .sea-con table thead td{ text-align: center; font-size: 18px; line-height: 48px; } .sea-con table tbody td{ text-align: center; font-size: 18px; line-height: 67px; } .sea-con table thead td{ color: #fff; } .sea-con table tbody tr{ background: #f3f3f3; } .sea-con table tbody td{ border:1px solid #d2d0d0; } .sea-box{ width: 743px; height: 499px; position: fixed; top: 222px; left: 50%; margin-left: -371px; display: none; } .sea-box-t{ font-size: 20px; line-height: 48px; height: 48px; background: #89bf6b; text-align: center; color: #fff; } .sea-box-con{ width: 741px; height: 450px; border:1px solid #d2d0d1; border-top: none; background: #f3f3f3; } .sea-box-con li{ border:1px solid #d2d0d1; margin-bottom: 12px; float: none; } .box-r{ width: 427px; padding-top: 45px; margin: 0 auto; } .box-r span{ display: block; text-align: center; font-size: 18px; line-height: 18px; color: #9a9a9a; margin-top: 8px; } .sea-close a{ display: block; width: 18px; height: 18px; background: url(../img/spirit.png) no-repeat 0px -781px; } .sea-close { position: absolute; top: 20px; right: 45px; } .s-page{ margin-top: 40px; text-align: center; } .sea-con .s-page a { display: inline-block; margin-right: 25px; color: #6a6a6a; font-size: 16px; } .sea-con .s-page a:hover{ color: #e7463c; } .sea-con .s-page .actity { color: #e7463c; } /* 联系我们 */ .c-banner{ height: 438px; background: url(../img/c_banner.jpg) no-repeat center; } .c-con{ background: #1d5eab; } .w980{ width: 980px; margin: 0 auto; padding: 69px 0 35px 0; } .c-con h2{ font-size: 20px; color:#fff; line-height: 20px; margin-bottom: 35px; } .contact ul{ float: none; width: 245px; } .contact ul li { width: 245px; font-size: 14px; line-height: 28px; } .contact ul li span{ float: left; padding-right: 12px; color: #fff; } .contact ul li em{ float: left; color: #fff; width: 191px; margin-bottom: 14px; } .c-mes{ width: 376px; } .c-mes input{ width: 368px; height: 34px; background: #fff; line-height: 34px; border:0; padding-left: 8px; font-size: 14px; color: #a0b3d4; margin-bottom: 17px; } .c-mes textarea{ width: 368px; height: 68px; padding-left: 8px; font-size: 14px; color: #a0b3d4; padding-top: 10px; } .c-mes .c-submit{ padding: 0; margin-bottom: 0; float: right; width: 138px; height: 30px; color: #fff; margin-top: 13px; background: #feac00; line-height: 30px; } /* 招聘详情页 */ .ha-con{ height: 670px; padding-top: 150px; background: url(../img/habg.jpg) no-repeat center center; } .ha-box{ background: #fafafa; border: 3px solid #1665c2; width: 720px; margin: 0 auto; padding: 20px; } .ha-box td{ border: 1px solid #fff; } .ha-box input{ width: 140px; height: 25px; padding-left: 10px; background: #fff; line-height: 25px; border: 1px solid #ffad00; } .ha-box input[type=submit]{ background: #ffad00; color: #fff; padding: 0; height: 50px; font-size: 18px; line-height: 18px; } .ha-box textarea{ padding: 10px 0 0 10px; border: 1px solid #ffad00; } .ha-box .ww,.ha-box .wf{ text-align: left; } .pri-pic{ width: 251px; height: 177px; margin: 0 auto; }