/*@font-face { font-family: 'PingFang'; src: url('../fonts/pingfangregular.ttf'); }*/ .width1004{ min-width:1200px;} .indexcontent{ margin:0 auto; width:1200px;} .sl{overflow:hidden; text-overflow:ellipsis;white-space: nowrap;} .sl2{overflow: hidden; text-overflow: ellipsis; display: box; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .sl3{overflow: hidden; text-overflow: ellipsis; display: box; display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .sl4{overflow: hidden; text-overflow: ellipsis; display: box; display: -webkit-box; line-clamp: 4; -webkit-line-clamp: 4; -webkit-box-orient: vertical;} a.bs:hover{ text-decoration:underline;} a.ys:hover{ color:rgba(15, 69, 107, 1);} .content{ font-size:16px; color:#646464; line-height:30px;} .content *{ line-height:30px;} .content p{ padding:10px 0;} .content img{ max-width:100%;} .content2{ font-size:16px; color:#646464; line-height:30px;} .content2 *{ line-height:30px;} .content2 p{ padding:10px 0;} .content2 img{ max-width:100%;} .fd{overflow: hidden;cursor: pointer} .fd img{transition:transform 0.3s;display: block;} .fd:hover img{transform: scale(1.05)} .top1{ height:114px; position:relative;} .top1 .top_logo{ position:absolute; left:16px; top:18px;} .top1 .top1_txt1{ position:absolute; left:275px; top:28px;} .top1 .top1_txt1 .txt1{ font-size:24px; color:#9c9c9c; line-height:30px;} .top1 .top1_txt1 .txt2{ font-size:24px; color:rgba(15, 69, 107, 1); font-weight:bold; line-height:35px;} .top1 .top1_dh{ position:absolute; right:0; top:28px; background:url(../images/top_dh_ico.png) left center no-repeat; padding-left:75px; height:60px; width:210px; font-size:24px; color:rgba(15, 69, 107, 1); line-height:30px; font-weight:bold;} .top2{ background:#404040;} .i_search{ background:#fafafa ;} .i_search .indexcontent{ padding:20px 0;} .i_search .i_search_txt1{ float:left; width:800px; font-size:14px; color:#757575; line-height:32px;} .i_search .i_search_txt1 a{ margin-right:10px;} .i_search .i_search_c{ float:right; width:330px; height:30px; margin-right:6px; background:#fff; border:#dcdcdc 1px solid; border-radius:15px;} .i_search .i_search_c .i_search_inp{ float:left; width:260px; margin-left:20px; border:0; height:30px; line-height:30px; outline: none; background-color: transparent;} .i_search .i_search_bt{ display: block; float: right; background: url(../images/search_bt.jpg) center no-repeat; width: 30px; height: 30px; border: 0; cursor: pointer; margin-right:10px;} .i_title1{ font-size:38px; color:#333333; font-weight:bold; line-height:65px; text-align:center;} .i_title1 span{ font-size:38px; color:rgba(15, 69, 107, 1);} .i_title2{ font-size:16px; color:#787878; line-height:35px; text-align:center;} .i_title2 *{ color:#787878; line-height:35px;} .i_title_img{ display:block; margin:0 auto; margin-top:5px;} .i_d1_l{ float:left; width:260px; border:#ebebeb 1px solid;} .i_d1_l .i_d1_l_title{ height:60px; line-height:60px; background:rgba(15, 69, 107, 1); padding-left:25px; font-size:24px; color:#ffffff; position:relative;} .i_d1_l .i_d1_l_title span{ position:absolute; left:155px; top:15px; font-family:Gabriola; line-height:40px;} .i_d1_l_nav{ padding:4px 20px;} .i_d1_l_nav li{ height:37px; background:#eaeaea; margin:6px 0;} .i_d1_l_nav li a{ display:block; height:37px; background:#eaeaea; font-size:16px; color:#757575; line-height:37px; padding-left:22px;} .i_d1_l_nav li.on a{ background: url(../images/i_d1_l_nav_on_ico.png) 176px center no-repeat; color:rgba(15, 69, 107, 1);} .i_d1_l_nav li a:hover{ background: url(../images/i_d1_l_nav_on_ico.png) 176px center no-repeat; color:rgba(15, 69, 107, 1);} .currentt{background: url(../images/i_d1_l_nav_on_ico.png) 176px center no-repeat !important; color:rgba(15, 69, 107, 1) !important;} .i_d1_l_nav li.title{ background: url(../images/i_d1_l_nav_title_bg.png) rgba(15, 69, 107, 1) 14px center no-repeat; font-size:18px; color:#ffffff; line-height:37px; padding-left:55px; margin:8px 0;} .i_p_list{ float:right; width:924px;} .i_p_list li{ float:left; width:276px; margin-left:32px; transition: all 0.3s;position: relative;top: 0;left: 0;} .i_p_list li img{ width:274px; height:221px; border:#dedede 1px solid;} .i_p_list li .txt{ font-size:16px; color:#575757; line-height:40px; text-align:center;} .i_p_list li:hover{top: -10px} .i_p_list li:hover img{ box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.1);} .i_p_list li:hover .txt{ color:rgba(15, 69, 107, 1);} .i_d_gg{ background:rgba(15, 69, 107, 1);} .p_l_zxcp{ width:220px; margin:20px 20px 10px 20px;} .p_l_zxcp li{ width:220px; transition: all 0.3s;position: relative;top: 0;left: 0;} .p_l_zxcp li img{ width:218px; height:178px; border:#dedede 1px solid;} .p_l_zxcp li .txt{ font-size:16px; color:#575757; line-height:40px; text-align:center; padding-bottom:10px;} .p_l_zxcp li:hover{/*top: -10px*/} .p_l_zxcp li:hover img{ box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.1);} .p_l_zxcp li:hover .txt{ color:rgba(15, 69, 107, 1);} .i_d2{ background: url(../images/i_d2_bg.jpg) center no-repeat; height:385px;} .i_d2_nav{ width:832px; margin:0 auto;} .i_d2_nav li{ float:left; background: url(../images/i_d2_nav_bg.png) center no-repeat; width:112px; height:129px; margin:0 25px;} .i_d2_nav li .txt1{ width:30px; height:30px; margin:24px auto 0 auto; background:#fff; border-radius:50%; text-align:center; line-height:30px; font-size:18px; color:#666666; font-weight:bold;} .i_d2_nav li .txt2{ width:100px; margin:10px auto 0 auto; text-align:center; line-height:18px; font-size:14px; color:#fff;} .i_d2_nav li.on{ float:left; background: url(../images/i_d2_nav_bg_on.png) center no-repeat;} .i_d2_nav li.on .txt1{ color:rgba(15, 69, 107, 1);} .i_d2_list_c{ position:relative; background: url(../images/i_d2_list_ico.png) center no-repeat;} .i_d2_list li{ width:535px; border:#c9c9c9 1px solid;} .i_d2_list li.l{ float:left;} .i_d2_list li.r{ float:right;} .i_d2_list li .txt{ background:#979797; line-height:44px; text-align:center; font-size:18px; color:#ffffff; font-weight:bold;} .i_d2_list li.on .txt{ background:rgba(15, 69, 107, 1);} .i_d3_img_c{ width:560px;} .i_d3_txt_c{ width:600px;} .i_d3_txt_c .no{ float:left; width:65px; height:86px; background:rgba(15, 69, 107, 1);} .i_d3_txt_c .no .txt{ width:44px; margin:15px auto 0 auto; line-height:45px; height:45px; border-bottom:#fff 1px solid; font-size:30px; color:#ffffff; font-weight:bold; text-align:center;} .i_d3_txt_c .i_d3_txt_r{ float:right; width:508px;} .i_d3_txt_c .i_d3_txt_r .title{ padding-left:5px; font-size:24px; color:#333333; font-weight:bold; line-height:43px; border-bottom:#bcbcbc 1px dashed;} .i_d3_txt_c .i_d3_txt_r .title span{ color:rgba(15, 69, 107, 1);} .i_d3_txt_c .i_d3_txt_r .txt1{ margin-top:25px; padding-left:12px; font-size:14px; color:#666666; line-height:30px;} .i_d4{ background:#f6f6f6;} .i_d4_2_1{ float:left; width:292px;} .i_d4_2_2{ float:left; width:606px; margin-left:5px;} .i_d4_2_3{ float:left; width:292px; margin-left:5px;} .i_d4_2_img{ position:relative; overflow: hidden; transition: all 0.3s;} .i_d4_2_img img{ height: auto!important; width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: perspective(1px) translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: perspective(1px) translate(-50%,-50%);} .i_d4_2_img .txt{ background: url(../images/tm.png) repeat; width: 100%; height:50px; position: absolute; left: 0px; bottom: -50px; font-size: 14px; color: #fff; line-height: 30px; padding: 10px 20px; text-align:center; box-sizing:border-box; transition: all 0.3s;} .i_d4_2_img:hover .txt{ bottom: 0px;} .i_d5_img1{ float:left;} .i_d5_txt{ float:right; width:645px; padding-top:25px; font-size:14px; color:#454545; line-height:25px;} .i_d6_title{ height:45px; line-height:45px; font-size:16px; color:#fff; background:#d8d8d8; position:relative;} .i_d6_title span{ display:block; width:130px; background: url(../images/i_d1_l_nav_title_bg.png) rgba(15, 69, 107, 1) 50px center no-repeat; padding-left:90px;} .i_d6_title a.more1{ position:absolute; right:10px; top:0px; color:rgba(15, 69, 107, 1);} .i_d6_list li{ float:left; width:284px; border-bottom:#e0e0e0 2px solid; margin:20px 8px;} .i_d6_list li img{ width:264px; height:183px; padding: 10px; background: #fff; box-shadow: 0px 0px 20px #ccc;} .i_d6_list li .txt{ line-height:45px; font-size:16px; text-align:center;} .i_d6_list li:hover{ border-bottom:rgba(15, 69, 107, 1) 2px solid;} .i_d6_list li:hover .txt{ color:rgba(15, 69, 107, 1);} .i_d7_c{ border:#ececec 1px solid;} .i_d7_list{ float:left; width:438px; margin-left:20px;} .i_d7_list li{ padding:9px 0; border-top:#f2f2f2 1px solid;} .i_d7_list li img{ float:left;} .i_d7_list li .txt{ float:right; width:265px;} .i_d7_list li .txt .txt1{ padding-top:25px; font-size:16px; color:#333333; line-height:25px;} .i_d7_list li .txt .txt2{ font-size:14px; color:#999999; line-height:25px;} .i_d7_list li .txt .txt1 a:hover{ color:rgba(15, 69, 107, 1);} .i_d8_list li{ float:left; width:387px; margin-left:19px;} .i_d8_list li:first-child{ margin-left:0;} .i_d8_list li .txt1{ margin-top:30px; font-size:18px; color:#000000; line-height:25px;} .i_d8_list li .txt1 a{ color:#000000;} .i_d8_list li .txt2{ font-size:12px; color:#bababa; line-height:20px;} .i_d8_list li .txt3{ margin-top:10px; font-size:14px; color:#666666; line-height:25px;} a.i_more{ display:block; margin:0 auto; width:150px; height:40px; line-height:40px; text-align:center; border-radius:20px; background:rgba(15, 69, 107, 1); font-size:16px; color:#fff;} .footer1{ background:#333333; border-bottom:#424242 1px solid;} .footer1 .footer1_nav li{ float:left; width:133.33px; height:72px; text-align:center; font-size:16px; color:#fff; line-height:72px;} .footer1 .footer1_nav li a{ color:#fff;} .footer1 .footer1_nav li a:hover{ color:rgba(15, 69, 107, 1);} .footer2{ background:#333333;} .footer2 .indexcontent{ position:relative;} .footer2 .footer2_txt{ padding-top:40px; padding-left:20px; font-size:14px; color:#adadad; line-height:30px;} .footer2 .footer2_txt a{ color:#adadad;} .footer2 .footer2_txt2{ padding-top:35px; padding-left:20px; padding-bottom:25px;} .footer2 .footer2_txt2 .link_ico{ margin-right:40px;} .footer2 .footer2_txt2 a.link_a{ color:#adadad; line-height:42px; margin-right:10px;} .footer2 .ewm{ position:absolute; top:22px; right:0;} .footer2 .ewm .ewm_li{ float:left; margin-right:18px;} .footer2 .ewm .ewm_li .txt{ font-size:14px; color:#adadad; line-height:35px; text-align:center;} /*关于我们*/ .n_banner{ height:450px;} .ab_d1{ background:#f8f8f8;} .n_weizhi{ padding:19px 0 15px 0;} .n_weizhi .txt{ height:21px; border-left:#cecece 10px solid; padding-left:14px; font-size:14px; color:#7b7b7b; line-height:21px;} .n_nav1{ background:#ffffff;} .n_nav1 li{ float:left; width:150px; height:60px; font-size:18px; color:#585858;} .n_nav1 li a{ display:block; height:60px; line-height:60px; text-align:center; font-size:18px; color:#585858;} .n_nav1 li.on{ background: url(../images/n_nav1_ico.png) rgba(15, 69, 107, 1) bottom center no-repeat;} .n_nav1 li.on a{ color:#fff;} .n_nav1 li:hover{background: url(../images/n_nav1_ico.png) rgba(15, 69, 107, 1) bottom center no-repeat;} .n_nav1 li:hover>a{ color:#fff !important;} .ab_d1_l{ float:left; width:620px;} .ab_d1_r{ float:right; padding-top:20px; width:535px; height:395px;} .ab_d2{ background: url(../images/ab_d2_bg.jpg) #f8f8f8 top center no-repeat;} .ab_d2 .ab_d2_c{ background:#fff;} .ab_d2_c{ padding:20px 0 10px 0;} .ab_d2_list{ width:1125px; margin:0 auto;} .ab_d2_list li{ float:left; width:225px;} .ab_d2_list li .txt1{ text-align:center; padding:15px 0;} .ab_d2_list li .txt2{ text-align:center; padding:10px 0; font-size:14px; color:#333333; line-height:30px;} .ab_d2_list li .txt2 span{ font-size:36px;} .ab_d2_list li .txt3{ text-align:center; padding:10px 0; font-size:14px; color:#333333; line-height:30px;} .ab_d2_txt{ padding:40px 0;} /*企业文化*/ .wh_d1_title{ font-size:30px; color:#444444; line-height:60px; text-align:center;} .wh_d1_txt{ width:900px; text-align:center; font-size:14px; color:#666666; line-height:25px; margin:0 auto;} .wh_d2_list{ width:1180px; margin:0 auto;} .wh_d2_list li{ float:left; padding-left:110px; width:410px; height:95px; margin:20px 35px;} .wh_d2_list li.ico1{ background: url(../images/wh_d2_ico1.png) left center no-repeat;} .wh_d2_list li.ico2{ background: url(../images/wh_d2_ico2.png) left center no-repeat;} .wh_d2_list li.ico3{ background: url(../images/wh_d2_ico3.png) left center no-repeat;} .wh_d2_list li.ico4{ background: url(../images/wh_d2_ico4.png) left center no-repeat;} .wh_d2_list li .txt1{ padding-top:10px; font-size:18px; color:#444444; line-height:35px;} .wh_d2_list li .txt2{ font-size:14px; color:#444444; line-height:25px;} /*荣誉证书*/ .ry_list{ width:921px; padding:0 139px; background: url(../images/ry_bg.png) top center repeat-y;} .ry_list li{ float:left; width:237px; margin:45px 35px;} .ry_list li img{ width:237; height:179px; padding:10px; background:#fff; box-shadow:0px 0px 20px #ccc;} .ry_list li .txt{ font-size:16px; color:#414141; line-height:43px; text-align:center;} .ry_list li:hover .txt{ color:rgba(15, 69, 107, 1);} /*产品列表页*/ .p_left{ float:left; width:262px;} .p_left .p_left_dh{ height:139px; background: url(../images/p_left_dh.jpg) center no-repeat; position:relative;} .p_left .p_left_dh .txt{ position:absolute; left:55px; top:40px;} .p_left .p_left_dh .txt .txt1{ font-size:24px; color:rgba(15, 69, 107, 1); line-height:35px; padding-left:30px; background: url(../images/p_left_dh_ico.png) left center no-repeat; font-weight:bold;} .p_left .p_left_dh .txt .txt2{ font-size:18px; color:rgba(15, 69, 107, 1); line-height:35px; font-weight:bold;} .p_right{ float:right; width:924px;} .p_news{ padding-left:32px;} .p_news_list{ padding:10px 0; border:#9a9a9a 1px solid; border-top:0;} .p_news_list li{ float:left; margin-left:10px; width:435px; line-height:30px;} .p_news_list li a{ color:#333;} /*产品详情*/ .p_i_right{ float:right; width:914px;} .p_i_l{ float:left; width:442px;} .p_i_l .p_i_img{ width:440px; height:355px; border:#e0e0e0 1px solid;} .p_i_txt{ float:left; margin-left:25px; width:432px;} .p_i_txt .p_i_txt_title{ font-size:24px; color:#575757; line-height:54px; padding-left:5px; border-bottom:#dddddd 1px dashed;} .p_i_txt .p_i_txt_c{ font-size:16px; padding-left:5px; padding-top:12px; height:305px; line-height:30px; font-size:14px; color:#575757; overflow:hidden;} .p_i_txt .p_i_txt_c *{ font-size:16px; line-height:30px;} .p_i_lx{ border-top:#e6e6e6 2px solid; padding:10px;} .p_i_lx .p_i_lx_dh{ float:left; background: url(../images/p_i_lx_ico.png) left center no-repeat; width:160px; padding-left:50px; font-size:16px; color:#454545; line-height:20px;} .p_i_lx a.p_i_lx_a{ float:right; display:block; width:113px; height:35px; line-height:35px; text-align:center; background:rgba(15, 69, 107, 1); font-size:16px; color:#ffffff; margin-top:3px;} .p_i_xq_title{ background: url(../images/p_i_xq_title_ico.png) 7px center no-repeat; padding-left:52px; line-height:48px; font-size:24px; color:rgba(15, 69, 107, 1);} .p_i_xq_title span{ font-size:18px; color:#797979; margin-left:22px;} .p_i_xq_hr{ height:4px; background:#d6d6d6;} .p_i_xq_hr span{ display:block; background:rgba(15, 69, 107, 1); width:151px; height:4px;} .p_i_tj{ background:#f5f5f5;} .p_i_tj .title{ padding:25px 0; line-height:35px; font-size:24px; color:rgba(15, 69, 107, 1); padding-left:12px;} .p_i_tj .title span{ font-family:Gabriola; color:#969696;} /*工程案例*/ .case_nav{ float:left; width:262px;} .case_nav li{ height:61px; background:#656565; margin-bottom:4px;} .case_nav li a{ display:block; line-height:61px; height:61px; padding-left:42px; font-size:18px; color:#ffffff;} .case_nav li.on{ background:rgba(15, 69, 107, 1);} .case_nav li:hover{background:rgba(15, 69, 107, 1);} .case_right{ float:right; width:920px;} .case_list li{ padding-bottom:25px; margin-bottom:25px; border-bottom:#d8d8d8 1px solid;} .case_list li .case_list_img{ float:left;} .case_list li .txt{ float:right; width:658px;} .case_list li .txt .txt1{ font-size:18px; color:rgba(15, 69, 107, 1); line-height:35px; padding-top:20px; position:relative;} .case_list li .txt .txt1 a{ display: inline-block; max-width: 595px;} .case_list li .txt .txt1 .rq{ position:absolute; right:0; top:20px; font-size:12px; color:#a6a6a6; line-height:35px;} .case_list li .txt .txt1 a:hover{ color:rgba(15, 69, 107, 1);} .case_list li .txt .txt2{ font-size:14px; color:#888888; line-height:25px; padding-top:10px;} /*工程案例详情*/ .c_i_l{ float:left; width:640px; position:relative;} .c_i_l .c_i_img{ width:640px; height:426px;} .c_i_l .c_i_bt{ width:50px; height:50px; text-align:center; line-height:50px; background:#f8f8f8; font-size:30px; color:#acacac; cursor:pointer;} .c_i_l .c_i_bt_l{ position:absolute; left:0; top:193px;} .c_i_l .c_i_bt_r{ position:absolute; right:0; top:193px;} .c_i_l .c_i_bt:hover{ background:rgba(15, 69, 107, 1); color:#fff;} .c_i_r{ float:right; width:476px; height:518px; background:#fafafa; padding-left:22px; padding-right:50px;} .c_i_r .title1{ font-size:24px; color:#333333; line-height:40px; padding-top:25px; padding-left:18px;} .c_i_r .title2{ font-size:14px; color:#858585; line-height:25px; padding-left:18px; padding-bottom:5px; border-bottom:#eeeeee 1px solid;} .c_i_r .txt{ border-bottom:#eeeeee 1px solid; padding:7px 0;} .c_i_r .txt .txt1{ float:left; width:88px; line-height:25px; font-size:14px; color:#333333; text-align:right;} .c_i_r .txt .txt2{ float:left; width:350px; line-height:25px; font-size:14px; color:#6c6c6c;} .p_i_lx{ border-top:#e6e6e6 2px solid; padding:10px;} .p_i_lx .p_i_lx_dh{ float:left; background: url(../images/p_i_lx_ico.png) left center no-repeat; width:160px; padding-left:50px; font-size:16px; color:#454545; line-height:20px;} .p_i_lx a.p_i_lx_a{ float:right; display:block; width:113px; height:35px; line-height:35px; text-align:center; background:rgba(15, 69, 107, 1); font-size:16px; color:#ffffff; margin-top:3px;} .case_jm_txt{ font-size:18px; color:#cd1212; line-height:40px; padding-top:30px;} a.news_i_ico_a{ display:block; width:385px; height:50px; line-height:50px; text-align:center; background:#f5f5f5; font-size:14px; color:#333333;} a.news_i_ico_a img.l{ margin-right:25px;} a.news_i_ico_a img.r{ margin-left:25px;} /*专业施工*/ .zysg_list li{ background:#fff; padding:30px 50px 30px 30px; margin-bottom:37px; transition: all 0.3s;position: relative;top: 0;left: 0;} .zysg_list li .zysg_img{ float:left; width:303px; height:190px;} .zysg_list li .zysg_date{ float:left; width:110px; height:118px; margin-left:17px; margin-top:44px; border-right:#cccccc 1px solid;} .zysg_list li .zysg_date .txt1{ font-size:48px; color:#616161; line-height:50px; padding-top:22px; text-align:center; transition: all 0.3s;} .zysg_list li .zysg_date .txt2{ font-size:14px; color:#616161; line-height:25px; text-align:center;} .zysg_list li .txt{ float:right; width:660px; padding-top:50px;} .zysg_list li .txt .txt1{ font-size:24px; color:#4b4b4b; line-height:45px;} .zysg_list li .txt .txt1 a{ color:#4b4b4b; transition: all 0.3s;} .zysg_list li .txt .txt2{ font-size:14px; color:#888888; line-height:25px; padding-top:5px;} .zysg_list li:hover .zysg_date .txt1{ color:rgba(15, 69, 107, 1);} .zysg_list li:hover .txt .txt1 a{ color:rgba(15, 69, 107, 1);} .zysg_list li:hover{ box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.1); /*top: -10px;*/} /*声学设计*/ .sxsj_txt{ height:180px; background:rgba(15, 69, 107, 1); position:relative;} .sxsj_txt .txt{ position:absolute; left:0; top:57px; width:100%; font-size:14px; color:#ffffff; line-height:30px; text-align:center; z-index:1;} .sxsj_txt .txt p{ font-size:14px; color:#ffffff; line-height:30px;} .sxsj_txt .sxsj_banner_ico{ position:absolute; left:496px; top:-117px; z-index:0;} .sxsj_list li{ margin-top:40px; width:535px; height:205px; background:#fff; padding:35px 25px 0 30px;} .sxsj_list li .sxsj_list_img{ float:left;} .sxsj_list li .txt{ float:right; width:252px;} .sxsj_list li .txt .txt1{ font-size:18px; color:#6e6e6e; line-height:25px;} .sxsj_list li .txt .txt1 a{ color:#6e6e6e;} .sxsj_list li .txt .txt2{ font-size:14px; color:#888888; line-height:20px; padding-top:25px; height:80px; overflow:hidden;} .sxsj_list li .txt .txt3{ background: url(../images/zysg_ico.png) left center no-repeat; width:37px; height:12px; margin-top:23px;} .sxsj_list li:hover{ box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.1);} .sxsj_list li:hover .txt .txt1 a{ color:rgba(15, 69, 107, 1);} .sxsj_list li:hover .txt .txt3{ background: url(../images/zysg_ico_on.png) left center no-repeat;} .sxsj_list li.l{ float:left;} .sxsj_list li.r{ float:right;} /*新闻详情页*/ .newsinfo {padding: 50px;background: #fff;} .newsinfo .h1{font-size: 18px;line-height: 30px;text-align: center;} .newsinfo .news_i_title2{ font-size:14px; color:#a6a6a6; line-height:35px; text-align:center; border-bottom:#d1d1d1 1px dashed; padding-bottom:5px;margin-bottom: 20px} /*联系方式*/ .lianxi_d1{ background:#fff; padding:35px;} .lianxi_d1 .lianxi_img{ float:left;} .lianxi_d1 .txt{ float:right; width:550px; font-size: 14px; color: #7b7b7b; line-height: 30px;} .lianxi_d1 .txt p{ float:right; width:550px; font-size: 14px; color: #7b7b7b; line-height: 30px;} .lianxi_d1 .txt .txt1{ font-size:18px; color:rgba(15, 69, 107, 1); line-height:30px; padding-top:5px;} .lianxi_list li{ float:left; width:530px; height:100px; background:#fff; padding:10px 30px 0 30px; margin-top:18px; transition: all 0.3s;position: relative;top: 0;left: 0;} .lianxi_list li.l{ float:left;} .lianxi_list li.r{ float:right;} .lianxi_list li .txt1{ font-size:18px; color:#808080; line-height:35px;} .lianxi_list li .txt2{ font-size:14px; color:#808080; line-height:25px;} .lianxi_list li:hover .txt1{ color:rgba(15, 69, 107, 1);} .lianxi_list li:hover{ box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.1); /*top: -10px;*/} /*联系我们*/ .message_d1{ background:#fff; padding:63px 50px 58px 45px;} .message_d1 .zs_ms{ float:left; width:514px; padding-top:28px;} .message_d1 .zs_ms .zs_ms_inp1{ width:492px; height:47px; border:#e1e1e1 1px solid; padding:0 10px; font-size:16px;} .message_d1 .zs_ms .zs_ms_txt1{ float:left; width:88px; height:47px; line-height:47px; font-size:14px; text-align:right; font-size:16px;} .message_d1 .zs_ms .xingbie{ float:left; width:70px; height:47px; line-height:47px; border:#e1e1e1 1px solid; text-align:center; font-size:16px; margin-left:10px; cursor:pointer} .message_d1 .zs_ms .on{ border:#e81a2f 1px solid;} .message_d1 .zs_ms .zs_ms_textarea{ width:492px; height:100px; border:#e1e1e1 1px solid; padding:0 10px; font-size:16px; line-height:25px;} .message_d1 .zs_ms .zs_ms_bt1{ width:514px; height:50px; border:rgba(15, 69, 107, 1) 1px solid; background:rgba(15, 69, 107, 1); padding:0 10px; font-size:16px; color:#fff;} .message_img{ float:right;} /*友情链接申请*/ /*表单*/ #linklist{ padding:15px 15px 25px;} #linklist .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc;} #linklist .inside{ padding:15px 0px 0px;} #linklist .metlist .img li{ list-style:none; display:inline; padding-right:5px;} #linklist .metlist .img img{ width:88px; height:31px;} #linklist .metlist .txt li{ list-style:none; float:left; width:88px; height:20px; line-height:20px; margin-right:5px; overflow:hidden;} #linksubmit{ padding:15px;} #linksubmit table{ margin:0px auto; display: table; border-collapse: separate; border-spacing: 2px; border-color: grey;} #memberbox{ padding:15px;} td.text{ width:20%; padding:6px 5px 6px 0px; text-align:right; font-size:14px; font-weight:bold;} td.input{ padding:6px 8px;} td.input input{ margin-right:8px;} td.input .info{ padding-left:15px; color:#f00;} td.input img{ position:relative; bottom:1px;} td.submint{ padding:10px;} .addlink_table td{ border-top:#ccc 1px solid;} /*人才招聘*/ .job_top{ background:#fff; padding:30px;} .job_top .txt{ float:right; width:690px;} .job_top .txt .txt1{ font-size:14px; color:#454545; line-height:30px;} .job_top .txt .txt1 p{ font-size:14px; color:#454545; line-height:30px;} .invite-page .list { border: 1px solid #e0e0e0; } .invite-page .invite-box { position: relative; border-bottom: 1px solid #e0e0e0 } .invite-page .invite-box:last-child { border-bottom: none } .invite-page .invite-box .hd { cursor: pointer; position: relative; background-color: #fff; overflow: hidden; height: 60px; line-height: 60px } .invite-page .invite-box .hd:hover .name { color: rgba(15, 69, 107, 1) } .invite-page .invite-box .hd:hover .site { color: rgba(15, 69, 107, 1) } .invite-page .invite-box .hd:hover .people { color: rgba(15, 69, 107, 1) } .invite-page .invite-box .hd:hover .icon { color: #fff; background-color: rgba(15, 69, 107, 1) } .invite-page .invite-box .hd:hover .name{ margin-left: 10px } .invite-page .invite-box .hd.active { background-color: rgba(15, 69, 107, 1); color: #fff } .invite-page .invite-box .hd.active .name { color: #fff } .invite-page .invite-box .hd.active .site { color: #fff } .invite-page .invite-box .hd.active .people { color: #fff } .invite-page .invite-box .hd.active .icon { background-color: #fff; color: rgba(15, 69, 107, 1) } .invite-page .invite-box .name { float: left; width: 32%; padding-left: 25px; color: #333; font-size: 18px; transition: all 0.3s } .invite-page .invite-box .site { float: left; width: 30%; font-size: 14px; color: #666 } .invite-page .invite-box .people { float: left; font-size: 14px; color: #666 } .invite-page .invite-box .icon { -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; position: absolute; top: 50%; right: 30px; width: 30px; height: 30px; margin-top: -15px; line-height: 30px; text-align: center; border-radius: 50%; font-size: 20px; color: #fff; font-style: normal; background-color: #c0c0c0 } .invite-page .invite-box .bd { display: none; background-image: url("../images/bg01.jpg"); background-repeat: no-repeat; background-position: right bottom; padding: 25px 25px 30px; background-color: #fff } .invite-page .invite-box .bd>div { margin-top: 25px } .invite-page .invite-box .bd h4 { margin-bottom: 12px; font-size: 16px; color: rgba(15, 69, 107, 1) } .invite-page .invite-box .bd .p { margin-bottom: 15px; font-size: 14px; color: #666 } .invite-page .invite-box .bd .throw { display: inline-block; width: 140px; height: 40px; margin-top: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #1767b1; border-radius: 4px } .invite-page .invite-box .bd .throw:hover { opacity: .9 } .dowload-page { padding-top: 100px; padding-bottom: 100px; background-color: #f5f5f5 } .dowload-page .list { margin-bottom: 70px; } .dowload-page .list li { border: 1px solid #eaeaea; margin-bottom: 30px; background: #fff } .dowload-page .list li:last-child { border-bottom: none } .dowload-page .list .box { -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; position: relative; display: block; font-size: 15px; color: #333; height: 75px; line-height: 75px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .dowload-page .list .box:hover { color: rgba(15, 69, 107, 1) } .dowload-page .list .box:hover .num { margin-left: 35px } .dowload-page .list .box:hover .icon { background-image: url("../images/icon19.png"); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg) } .dowload-page .list .num { -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; display: inline-block; margin-left: 25px; margin-right: 8px; width: 30px; height: 30px; vertical-align: -1px; font-size: 17px; line-height: 30px; text-align: center; color: #fff; background-color: #306492; border-radius: 50% } .dowload-page .list .icon { -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; position: absolute; top: 50%; right: 30px; width: 30px; height: 30px; margin-top: -15px; background-image: url("../images/icon02.png"); background-repeat: no-repeat } .fullSlide2{ width:100%; position:relative; height:548px; background:#000; } .fullSlide2 .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; } .fullSlide2 .bd ul{ width:100% !important; } .fullSlide2 .bd li{ width:100% !important; height:548px; overflow:hidden; text-align:center; } .fullSlide2 .bd li a{ display:block; height:548px; position:relative; } .fullSlide2 .bd li a .f_txt{ background:url(../images/tm.png) repeat; width:1050px; position:absolute; left:0px; bottom:0px; font-size:14px; color:#fff; line-height:30px; padding:20px 75px; text-align:left;} .fullSlide2 .bd li a .f_txt span{ font-size:12px; line-height:20px;} .fullSlide2 .hd{ position:absolute; z-index:1; bottom:0px; right:0; height:34px; line-height:30px; text-align:center; } .fullSlide2 .hd ul{ text-align:right; padding-top:10px; padding-right:15px; } .fullSlide2 .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px; border-radius:5px; margin:0 5px; overflow:hidden; line-height:9999px; background:#fff; } .fullSlide2 .hd ul .on{ background:#b62d00; } .fullSlide2 .prev, .fullSlide2 .next{ position:absolute; left:0px; top: 215px; display:block; width:50px; height:120px; overflow:hidden; cursor:pointer; background:url(../images/i_d4_banner_bt_bg.png) repeat; font-size:48px; text-align:center; line-height:120px; color:#fff;} .fullSlide2 .prev img, .fullSlide2 .next img{ margin-left:0px; margin-top:0px;} .fullSlide2 .next{ left:auto; right:0px; background:url(../images/i_d4_banner_bt_bg.png) repeat;} .fullSlide2 .prev:hover{ background:url(../images/i_d4_banner_bt_bg_on.png) repeat;} .fullSlide2 .next:hover{ background:url(../images/i_d4_banner_bt_bg_on.png) repeat;} .fullSlide3{ float:left; width:722px; position:relative; height:480px; background:#000; } .fullSlide3 .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; } .fullSlide3 .bd ul{ width:722px !important; } .fullSlide3 .bd li{ width:722px !important; height:480px; overflow:hidden; text-align:center; } .fullSlide3 .bd li a{ display:block; height:480px; position:relative; } .fullSlide3 .bd li a .f_txt{ background:url(../images/tm.png) repeat; width:1050px; position:absolute; left:0px; bottom:0px; font-size:14px; color:#fff; line-height:30px; padding:20px 75px; text-align:left;} .fullSlide3 .bd li a .f_txt span{ font-size:12px; line-height:20px;} .fullSlide3 .hd{ position:absolute; z-index:1; bottom:0px; right:0; width:100%; height:34px; line-height:30px; text-align:center; } .fullSlide3 .hd ul{ text-align:center; } .fullSlide3 .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; border-radius:6px; margin:0 5px; overflow:hidden; line-height:9999px; background:#fff; } .fullSlide3 .hd ul .on{ background:rgba(15, 69, 107, 1); } .fullSlide3 .prev, .fullSlide3 .next{ position:absolute; left:0px; top: 215px; display:block; width:50px; height:120px; overflow:hidden; cursor:pointer; background:url(../images/i_d4_banner_bt_bg.png) repeat; font-size:48px; text-align:center; line-height:120px; color:#fff;} .fullSlide3 .prev img, .fullSlide3 .next img{ margin-left:0px; margin-top:0px;} .fullSlide3 .next{ left:auto; right:0px; background:url(../images/i_d4_banner_bt_bg.png) repeat;} .fullSlide3 .prev:hover{ background:url(../images/i_d4_banner_bt_bg_on.png) repeat;} .fullSlide3 .next:hover{ background:url(../images/i_d4_banner_bt_bg_on.png) repeat;} /* 图片滚动 */ .picScroll_ry{ width: 417px; margin: 0 auto; position: relative; height: 73px; padding: 0px 0 0px 25px; /*background: #fff;*/ overflow: hidden; float: left; /* margin-top:52px; margin-left:13px;*/ } .picScroll_ry ul{ overflow:hidden; zoom:1; } .picScroll_ry ul li{ float:left; width:90px; height:73px; overflow:hidden; display:inline; padding:0 4px;} .picScroll_ry ul li img{ width:88px; height:71px; border:#ececec 1px solid; border:#e1e1e1 1px solid; cursor:pointer;} .picScroll_ry ul li.on img{ border:rgba(15, 69, 107, 1) 1px solid;} .picScroll_ry .prev, .picScroll_ry .next{ position:absolute; left:0px; top: 0; display:block; width:20px; height:73px; overflow:hidden; cursor:pointer; background:#efefef; text-align:center; line-height:73px; font-size:16px; color:#757575;} .picScroll_ry .next{ left:auto; right:0px;} .picScroll_ry .prev:hover{} .picScroll_ry .next:hover{} .picScroll_ry .prevStop{ } .picScroll_ry .nextStop{ } /* 图片滚动 */ .picScroll_case{ width: 660px; margin: 0 auto; position: relative; height: 84px; padding: 0px 0 0px 0px; /*background: #fff;*/ overflow: hidden; float: left; /* margin-top:52px; margin-left:13px;*/ } .picScroll_case ul{ overflow:hidden; zoom:1; } .picScroll_case ul li{ float:left; width:124px; height:84px; overflow:hidden; display:inline; padding-right:5px;} .picScroll_case ul li img{ width:122px; height:82px; border:#ececec 1px solid; border:#e1e1e1 1px solid; cursor:pointer;} .picScroll_case ul li.on img{ border:rgba(15, 69, 107, 1) 1px solid;} .picScroll_case .prev, .picScroll_case .next{ position:absolute; left:0px; top: 0; display:block; width:20px; height:73px; overflow:hidden; cursor:pointer; background:#efefef; text-align:center; line-height:73px; font-size:16px; color:#757575;} .picScroll_case .next{ left:auto; right:0px;} .picScroll_case .prev:hover{} .picScroll_case .next:hover{} .picScroll_case .prevStop{ } .picScroll_case .nextStop{ } #picScroll2{ width:100%; position:relative; height:322px; } .p_list2 li{ float:left; width:276px; margin:10px 12px 0 12px; transition: all 0.3s;position: relative;top: 0;left: 0;} .p_list2 li.no_ml{ margin-left:0;} .p_list2 li img{ width:274px; height:221px; border:#dedede 1px solid;} .p_list2 li .txt{ font-size:16px; color:#666666; padding:10px 0; line-height:35px; text-align:center;} .p_list2 li:hover{top: -10px} .p_list2 li:hover img{ box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.1);} .p_list2 li:hover .txt{ color:#da251c;} #picScroll2 .hd{ width:100%; position:absolute; z-index:1; bottom:15px; left:0; height:42px; line-height:30px; text-align:center;} #picScroll2 .hd ul{ text-align:right; padding-top:16px; text-align:center; } #picScroll2 .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px; margin:0 10px; overflow:hidden; line-height:9999px; background:#d8d8d7; border-radius:5px; } #picScroll2 .hd ul .on{ background:rgba(15, 69, 107, 1); } #picScroll2 .prev, #picScroll2 .next{ position:absolute; left:-95px; top: 60px; display:block; width:55px; height:115px; overflow:hidden; cursor:pointer; background:url(../images/touming.png) repeat; } #picScroll2 .prev img, #picScroll2 .next img{ margin-left:0px; margin-top:0px;} #picScroll2 .next{ left:auto; right:-95px;} #picScroll2 .prev:hover, #picScroll2 .next:hover{ background:#fff;} .fullSlide5{ width:100%; position:relative; height:395px; background:#000; } .fullSlide5 .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; } .fullSlide5 .bd ul{ width:100% !important; } .fullSlide5 .bd li{ width:100% !important; height:395px; overflow:hidden; text-align:center; } .fullSlide5 .bd li a{ display:block; height:395px; position:relative; } .fullSlide5 .bd li a .f_txt{ background:url(../images/tm.png) repeat; height:40px; text-align:left; width:331px; position:absolute; left:0px; bottom:0px; font-size:14px; color:#fff; line-height:40px; padding-left:8px; padding-right:95px} .fullSlide5 .bd li a .f_txt span{ font-size:12px; line-height:20px;} .fullSlide5 .hd{ position:absolute; z-index:1; bottom:0px; right:0; height:34px; line-height:30px; text-align:center; width: 100%;} .fullSlide5 .hd ul{ text-align:center; padding-top:0px; padding-right:15px; } .fullSlide5 .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px; border-radius:5px; margin:0 5px; overflow:hidden; line-height:9999px; background:#fff; } .fullSlide5 .hd ul .on{ background:rgba(15, 69, 107, 1); } .fullSlide5 .prev, .fullSlide5 .next{ position:absolute; left:100px; top: 355px; display:block; width:50px; height:99px; overflow:hidden; cursor:pointer; background:url(../images/banner_left.png) repeat; } .fullSlide5 .prev img, .fullSlide5 .next img{ margin-left:0px; margin-top:0px;} .fullSlide5 .next{ left:auto; right:100px; background:url(../images/banner_right.png) repeat;} .fullSlide5 .prev:hover{ background:url(../images/banner_left_on.png) repeat;} .fullSlide5 .next:hover{ background:url(../images/banner_right_on.png) repeat;} #maximg img{ max-width:100%; height:auto !important} .pagebar { padding:20px; overflow:hidden; clear:both} .pagebar .pagination { display: flex; justify-content: center; margin-top: 10px; } .pagination a { background: #fff; border: 1px solid #ccc; color: #333; font-size: 12px; padding: 8px 10px; margin: 0 2px; border-radius: 3px; line-height:100% } .pagination span { color: #333; font-size: 12px; padding: 7px 2px; margin: 0 2px; border-radius: 3px; } .pagination a:hover { color: #333; border: 1px solid #333; } .pagination a.page-num-current { color: #fff; background: #333; border: 1px solid #333; } .pagination .st{ font-family:宋体} .text-secondary{ text-align:center; padding:20px 0}