*{ margin: 0; padding: 0; } a{ text-decoration: none; } a:hover{ text-decoration: none; color: #333; } body{ font-family: "微软雅黑"; min-width: 1200px; line-height: 24px; color: #464646; } ul{ list-style: none; } .head_bj{ line-height: 45px; overflow: hidden; border-bottom: 1px solid #dfdfdf; } .header { width: 1200px; margin:0 auto; } .header .left_01{ float: left; } .header .right_01{ float: right; color: #464646; } .top_bg{ color: #fff; width: 100%; background: #f4f4f4; } .c{ clear:both; } .news_title{ font-size:18px; font-weight:bold; line-height:45px; } .bi_0ededdd{ margin: 0; height: 50px; line-height: 50px; border-bottom: 1px solid #ebebeb; margin-bottom: 15px; font-size: 24px; } .bi_0ededdd span { display: inline-block; height: 50px; border-bottom: 1px solid #003e71; font-weight: 600; color: #666; } .top{ color: #464646; width:1200px; margin: 0 auto; height: 40px; } .logo{ width: 100%; overflow: hidden; } .nav_bj{ background: #0051a3; } .nav { width:1200px; margin:0 auto; height: 55px; } .nav>ul { margin-bottom:0; font-size:0; } .nav>ul>li { display:inline-block; font-size:15px; position:relative; transition:all 0.3s; } .nav>ul>li>a { display:block; text-align:center; color:#fff; font-size:16px; overflow:hidden; width: 132px; height: 55px; line-height:55px; transition:all 0.3s; } .nav span { float:right; } .nav>ul>li:nth-child(1)>a { border-left:0; } .nav>ul>li:last-child>a { border-right:0; } .nav>ul>li:hover { background:#b70004; } .nav>ul>li:hover>a { color:#fff; } .clear { clear:both; } .more { position:absolute; left:0; top:55px; width:172px; z-index:999; background:#fff; display:none; } .more a { display:block; height:44px; overflow:hidden; line-height:44px; font-size:14px; color:#808080; margin:0px 10px; border-bottom: 1px solid #dfdfdf; margin-bottom:-1px; text-align:center; font-size:15px; transition:all 0.3s linear 0s; } .more a:last-child{ border-bottom: none; } .keyword_bj{ background: url(/uploads/image/image/index_07.jpg) center 0px no-repeat } .keyword_bj .keyword{ overflow: hidden; width: 1200px; margin:0 auto; } .sousright{ margin-top: 20px; width: 266px; overflow: hidden; background: url(/uploads/image/image/index_09.jpg) center 0px no-repeat; } .sousright input:nth-child(1){ width: 211px; height: 39px; display: block; float: left; overflow: hidden; outline: none; border: 0; padding-left: 10px; background: none; border-right: 0; } .sousright input:nth-child(2){ width: 55px; height: 45px; overflow: hidden; display: block; float: left; background: center 0 no-repeat; border: 0; text-align: center; outline: none; } .youshi_1{ overflow: hidden; width: 1200px; margin:50px auto; padding-top: 70px; height: 733px; background: center 0px no-repeat; } .youshi_1 .left_001{ width: 213px; float: left; margin-left: 160px; } .youshi_1 .list_01 .title{ font-weight: bold; font-size: 16px; } .youshi_1 .list_01 { margin-top: 60px; margin-bottom: 120px; } .youshi_1 .right_001{ width: 213px; margin-right: 150px; float: right; } .top_left{ float: left; font-size: 14px; color: #464646; line-height: 40px; } .toprights{ float: right; font-size: 14px; line-height: 40px; } .toprights a{ color: #464646; } .toprights a:hover{ color: #fff; } .logo{ width: 100%; padding:10px 0px; overflow: hidden; } .logo img{ margin: 0 auto; display: block; } .top_0001{ width: 100%; padding-top: 15px; overflow: hidden; background: center 0px no-repeat; } .top1{ width: 100%;height: 56px; border-top: 1px solid #dfdfdf; } .clear{ clear: both; } /*鏂伴椈鍔ㄦ€�*/ .new_bj{ padding-top: 50px; margin-top: 80px; background: #f1f1f1; } .new{ width: 1200px; margin:0 auto;} .new-l{float: left;width: 547px;} .new-l h2{text-align:left;} .new-l h2 a{color: #333;text-align: left;} .new-l h2:after{margin-left:0;} .new-lc{margin-top: 20px;position: relative;} .new-lc dt{width:547px;height: 274px;display: block;line-height: 0;overflow: hidden;} .new-lc dt img{width: 547px;height: 274px;display: block;} .new-lc dd{margin-top: 23px;} .new-lc dd > em{float: left;width: 102px;padding-top:20px;box-sizing: border-box;font-size: 28px;color: #333;font-weight: bold;text-align: right;padding-right: 20px;border-right: 1px solid #d6d6d6;letter-spacing: -1px;height: 195px;line-height: 80%;} .new-lc dd > em i{display: block;font-size: 12px;font-weight: normal;line-height: 80%;margin-top:5px;} .new-lc dd h4{float: right;width: 415px;font-weight: normal;} .new-lc dd h4 b a{display: block;font-size: 22px;color: #202428;line-height: 30px;font-weight: normal;letter-spacing: 1px;width: 95%;overflow: hidden;} .new-lc dd h4 b a:hover{color: #0f6381;} .new-lc dd h4 span{font-size: 14px;line-height: 22px;color: #666;margin-top: 28px;display: block;height: 88px;} .new-lc dd h4 em a{display: block;background: no-repeat left bottom;font-size: 14px;color: #666;} .new-lc dd h4 em a:hover{color: #0f6381;} .new-lc .tit{position: absolute;left: 28px;top:240px;line-height: 0;} .new-lc .tit li{width: 8px;height: 8px;background: #fff;border-radius: 50%;overflow:hidden;margin: 0 5px;display: inline-block;cursor: pointer;} .new-lc .tit li.cur{background: #4ea46f;} .new-r{float: right;width: 525px;} .new-rt{margin-left: 88px;height: 68px;} .new-rt li{width: 147px;float: left;line-height: 50px;height: 50px;background: #fff;font-size: 16px;text-align: center;font-weight: bold;} .new-rt li.cur{background: #0f6381;} .new-rt li.cur a{color: #fff;display: block;} .new-rc dl{border-bottom: 1px solid #d6d6d6;height: 163px;margin-bottom: 0px;} .new-rc dl:last-of-type{border-bottom: none;} .new-rc dt{float: left;width: 102px;height: 163px;border-right: 1px solid #d6d6d6;padding-right: 18px;box-sizing: border-box;text-align: right;padding-top: 50px;} .new-rc dt em{font-size: 28px;color: #333;font-weight: bold;line-height: 80%;} .new-rc dt em i{display: block;font-size: 12px;font-weight: normal;line-height: 80%;margin-top:5px;} .new-rc dd{float: right;width: 422px;padding-left: 25px;box-sizing: border-box;} .new-rc dd h4 a{display: block;font-size: 22px;font-weight: normal;padding-top: 29px;color: #464646;} .new-rc dd span{font-size: 14px;line-height: 14px;display: block;color: #666;margin-top: 10px;} .new-rc dd em a{display: block;font-size: 14px;line-height: 14px;margin-top: 30px;color: #464646} .new-rc dd em a:hover{color: #0f6381;} #in_01_l { width: 261px; float: left; overflow: hidden; } .chanp_s{ overflow: hidden; width: 1200px; margin:50px auto; } .chanp_s .chan_l{ width: 295px; float: left; } .left_title p { color: rgba(255, 255, 255, 0.3); text-transform: uppercase; line-height: 20px; text-align: center; padding-top: 27px; font-size: 12px; } .left_title p span { color: rgb(255, 255, 255); font-size: 24px; } .left_lis { margin: 0px auto; } .left_lis li { background: #f1f1f1; transition:0.4s; line-height: 38px; overflow: hidden; position: relative; } .left_lis li:last-child::after { background: none; } .left_lis li a { padding: 0px 15px; color: rgb(51, 51, 51); border-bottom:1px solid #fff; line-height: 40px; overflow: hidden; font-size: 16px; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; } .p14-left-nav-1-nav-one:last-child{ display:none; } .left_title a{ font-size:22px; margin-bottom:5px; background:#0051a3; display:block; line-height:70px; color:#fff; font-weight:bold; text-align:center; } .left_lis li:hover a { color: rgb(255, 255, 255); } .left_lis .fel_01{ color: #fff; line-height: 55px; } .left_lis .fel_01 a{ color: #464646; background: url(/uploads/image/image/jiahao.png) 267px center no-repeat #eeeeee; } .left_lis .fel_01 a:hover{ color: #fff; background: url(/uploads/image/image/jiahao1.png) 220px center no-repeat #0051a3; } .left_tel { background: no-repeat top rgb(0, 97, 177); margin: 0px auto; width: 100%; height: 188px; } .left_tel p { text-align: center; color: rgb(255, 255, 255); line-height: 35px; padding-top: 22px; padding-bottom: 10px; font-size: 21px; } .left_tel p span { font-size: 28px; font-weight: bold; } .left_tel a { background: #fd5d00; margin: 0px auto; transition:0.4s; width: 157px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 16px; display: block; } .left_tel a:hover { background: rgb(255, 168, 0); }#in_01_r .in_01_tit { background: #f8f8f8; overflow: hidden; margin-bottom: 15px; width: 100%; height: 45px; color: rgb(102, 102, 102); text-transform: uppercase; line-height: 20px; font-size: 22px; position: relative; font-weight: normal; float: left; line-height: 45px; } .pro_top{ text-transform: uppercase; text-align: center; font-size: 16px; color: #9f9f9f; margin-top:8px; font-family: arial; } .pro_m_bj{ padding:50px 0px; background: #f1f1f1; } .pro_m{ overflow: hidden; width: 1200px; margin: 0 auto; } .pro_left{ background: #fff; width: 286px; float: left; } .pro_right{ overflow: hidden; padding:0px; background: #fff; width: 900px; float: right; } .pro_right .bioat{ overflow: hidden; border-bottom: 1px solid #dfdfdf; margin-bottom: 20px; line-height: 50px } .pro_right .bioat .more{ float: right; } .pro_right .title{ width: 120px; text-align: center; color: #fff; font-weight: bold; float: left; background: #01479d; } .pro_right .pro_all{ padding:0px 55px 20px 55px; } .pro_left_top{ background: 20px center no-repeat #01479d; height: 85px; padding-left: 78px; font-size: 24px; color: #fff; } .pro_left_top span{ font-size: 16px; } .pro_fenlei{ background: #f8f8f8; border:1px solid #1475cf; padding-bottom: 10px; padding-top: 10px; } .fenlei_0{ display: block; height: 41px; margin: 0 auto; width: 243px; line-height: 41px; font-size: 14px; color: #fff; padding-left: 50px; margin:5px auto; background: 0 0px no-repeat; } .fenlei_0 span{ font-size: 19px; font-weight: bolder; padding-right: 10px; } .er_0111 .list_01{ width: 243px; margin: 0 auto; display: block; color: #464646; line-height: 30px; padding-left: 30px; background: 15px center no-repeat; } .pro_tel img{ margin: 0 auto; padding: 20px 0; } .fenlei_0:hover{ color: #fff; text-decoration: underline; } .pro_right_top{ width:914px; height: 42px; background: #f8f8f8; } .pro_r_left{ width:117px; height: 42px; background: #5c984e; line-height: 42px; color: #fff; font-size: 16px; float: left; } .pro_r_left img{ display: inline-block; padding-left: 10px; padding-right: 10px; } .pro_right_top a{ float: right; line-height: 42px; color: #666; padding-right:15px; } .pro_right_top a:hover{ color:#5c984e; } .pro_all .biaot_01{ overflow: hidden; margin-bottom: 20px; line-height: 55px; background: #f8f8f8; } .pro_all .biaot_01 .title{ float: left; font-size:18px; padding-left:20px; } .pro_all .biaot_01 .more{ float: right; } .pro_all .biaot_01 .more a{ color: #464646; padding-right: 20px; } .pro_allss{ overflow: hidden; } .pro_allss>div{ float: left; margin-left:12px; } .pro_allss .pro_one1 img{ width: 268px; height: 190px; border: 1px solid #e5e5e5; overflow: hidden; display: block; } .pro_allss .pro_one1{ background: #fff; display: block; margin-bottom: 15px; } .pro_allss .pro_mz{ width: 249px; background: #f7f7f7; text-align: center; line-height: 40px; height: 40px; color: #fff; border:1px solid #dfdfdf; } .pro_allss .pro_one1:hover .pro_mz{ background: #167532; color: #fff; transition: 0.2s; } .chanp_bj{ background: #f1f1f1; overflow: hidden; } .b_0001s .left_0034{ float: left; width: 222px; } .b_0001s .right_001{ float: right; width: 215px; } .b_0001s{ overflow: hidden; } .b_0001s .right_0034{ width: 293px; margin-top: 50px; float: right; } .b_0001s .right_0034 a{ display: block; width: 90px; text-align: center; float: left; margin-left: 5px; color: #464646; border:1px solid #dfdfdf; line-height: 35px; } .b_0001s .right_0034 a:hover{ background: #0676bd; } .x_chuan_bj{ height: 194px; background: center 0px no-repeat; } .s_00 .left_01_s{ height: 126px; color: #464646; padding-left: 150px; padding-top:60px; float: left; background: 0px 0px no-repeat; } .youshi_s_bj{ background: center 0px no-repeat; } .youshi_s_bj .youshi_s_1{ width: 1200px; margin:0 auto; font-size: 16px; } .youshi_s_bj .youshi_s_1 .list_001{ width: 450px; padding-left: 10px; } .youshi_s_bj .youshi_s_1 .list_001 p{ margin-bottom: 20px!important; padding-left: 20px; background: 0px center no-repeat; } .youshi_s_bj .youshi_s_1 .list_002{ margin-left: 749px; margin-top: 110px; } .xuanchuan_0001{ height: 295px; background: center 0px no-repeat; } .y_0001{ height: 400px; padding-top: 250px; overflow: hidden; width: 1199px; margin:0 auto; background: center 0px no-repeat; } .y_0001 .list_001{ width: 297px; text-align: center; float: left; padding:0px 30px; font-size: 16px; } .r_s{ width: 150px; color: #464646; line-height: 40px; text-align: center; } .y_0001{ margin-top: 50px; } .r_s a{ color: #464646; display: block; } .r_s a:hover{ background: #000; color: #fff; } .us_m .left_001{ width: 466px; margin-right: 2px; margin-top: 525px; float: right; } .us_m .left_001 a{ line-height: 58px; width: 100%; display: block; color: #fff; text-align: center; } .us_m .left_001 a:hover{ background: #fb3500; color: #fff; } .us_m .about_title{ height: 136px; padding-left:101px; line-height: 136px; background: 0px 0px no-repeat; font-size: 28px; color: #1475cf; font-weight: bold; } .us_m .left_001 img{ width: 588px; height: 355px; } .us_right{ margin-top: 40px; margin-left: 616px; color: #464646; line-height: 24px; } .us_right .t_001{ font-size: 28px; color: #141414; font-weight: bold; line-height: 45px; } .a_s01 a{ display: block; width: 168px; text-align: center; color: #fff; background: #20439d; line-height: 45px; border-radius: 40px; } .s_anniu{ margin-top: 50px; } .s_anniu .list_01{ float: left; font-size: 16px; display: table; vertical-align: middle; text-align: center; width: 119px; margin-right: 25px; } .us_right .r_s a{ width: 160px; height: 40px; line-height: 40px; text-align: center; color: #464646; display: block; border:1px solid #cccccc; } .us_about{ line-height: 28px; } .us_about .title_0001{ line-height: 60px; color: #003b7b; font-size: 24px; } .us_right a:hover{ color: #fff; background: #126c2d; } .us_right .gengduio a:hover{ background: #1475cf; color: #fff; background: #e99a01; } .pro_all1{ padding-bottom: 50px; width: 1200px; margin:0 auto; overflow: hidden; } .t_s{ font-size: 36px; font-weight: bold; font-weight: bold; } .t_s .y_1{ line-height: 55px; font-size: 35px; font-family: arial; color: #1a985b; } .s_f_b{ height: 655px; padding-bottom: 50px; background: #f1f1f1; overflow: hidden; } .s_f_1{ padding:50px 0px; width: 1200px; margin:0 auto; } .s_f_1 .list_01{ width: 231px; float: left; } .s_f_1 .list_01{ margin-right: 11px; } .s_f_1 .list_01:last-child{ margin-right: 0px; } .s_f_1 .list_01:nth-child(2n 1){ margin-top: 50px; } .s_f_1 .list_01 a{ width: 231px; display: block; position: relative; z-index: 1 } .s_f_1 .list_01 a:hover{ margin-top: 5px; } .s_f_1 .list_01 a .wrap{ position: absolute; width:373px; height: 106px; color: #fff; font-size: 16px; font-weight: bold; z-index: 22px; bottom: 0px; line-height: 156px; padding-left:55px; } .shanfg_1 .r_1{ width: 527px; float: right; } .shanfg_1 .l_1 img{ width:180px; } .news_nr .title_001 .totle_1 a{ display: block; color: #464646; font-size: 18px; } .news_m .right_0001{ width: 341px; float: right; background: #fff; border:1px solid #dfdfdf; } .news_m .right_0001 .biaot_1{ background: #0676bd; color: #fff; padding:0px 20px; line-height: 50px; height: 50px; } .s_b_0001{ padding-top:60px; text-align: center; } .s_b_0001 .v_1{ line-height: 55px; font-weight: bold; } .news_m .right_0001 .biaot_1 .biaot_2{ float: left; font-size: 18px; } .news_m .right_0001 .biaot_1 .more_1{ float: right; text-transform: uppercase; color: #fff; } .news_m .right_0001 .biaot_1 .more_1 a{ color: #fff; } .news_m .right_0001 .list_01{ margin-bottom:5px; padding-left:30px; border-bottom: 1px solid #d7d7d7; padding-bottom: 7px; padding-top: 12px; background: 0px center no-repeat; } .news_m .right_0001 .list_01 .title a{ color: #464646; } .news_center{ font-size: 22px; color:#0193de; } .news_center span{ font-size: 14px; color: #aaa; } .news_nr h4{ font-size: 16px; color:#464646; } p{ margin:0px!important; } .news_nr h4 img{ padding-right:5px; } .news_nr h4 a{ color:#464646; } .news_ms{ font-size: 14px; color: #666; line-height:24px; display: block; } .news_ms:hover{ color: #0193de; } .news_more{ float:right; width: 131px; height: 37px; text-align: center; line-height: 37px; border: #0193de 1px solid; color: #666; margin-top:28px; } .news_more:hover{ background: #0193de; color: #fff; border: 0; } .news_all{ width: 1200px; margin: 0 auto; margin-top: 26px; } .news_all .lan_0001{ overflow: hidden; background: #0055b3; } .news_all .lan_0001 .left_000{ width: 468px; height: 218px; float: left; } .news_all .lan_0001 .right_1{ width: 689px; height: 218px; float: left; padding-right:40px; color: #fff; margin-left:40px; } .news_all .lan_0001 .right_1 .newss_ms{ color: #fff; line-height: 45px; margin-top:20px; font-size: 16px; } .news_all .lan_0001 .right_1 .newss_ms:hover{ text-decoration: underline; } .news_all .lan_0001 .right_1 .top_001{ width: 100%; overflow: hidden; } .news_all .lan_0001 .right_1 .top_001 .time{ float: left; } .news_all .lan_0001 .right_1 .top_001 .jiant{ float: right; width: 38px; height: 9px; } .news_all .lan_0001 .right_1 .top_001 .jiant a{ display: block; width: 38px; } .news_all .lan_0001 .right_1 .top_001 .jiant a:hover{ margin-top: 1px; } .news_all_bj{ overflow: hidden; width: 100%; background-attachment: fixed; background-position: top center; background-attachment: fixed; } .wa_s_b{ overflow: hidden; width: 1200px; margin:50px auto 20px auto; text-align: center; } .wa_s_b .left_01{ float: left; } .wa_s_b .felei_1{ float: right; width: 580px; margin-top: 25px; } .wa_s_b .felei_1 a{ display: block; float: left; padding:0 15px; line-height: 35px; margin-left: 5px; background: #fff; border:1px solid #dfdfdf; color: #464646; } .wa_s_b .felei_1 a:hover{ background: #258c44; color: #fff; } .news_left{ width: 703px; float:right; } .news_one{ padding:20px 0px; width: 703px; border-bottom: 1px solid #dfdfdf; display: block; } .news_one .time{ color: #464646; } .newsa_lefta{ float: left; padding-left: 20px; } .news_jt{ padding-top: 20px; float: right; padding-right: 20px; } .news_bt{ color: #464646; font-size: 14px; font-weight: bolder; } .news_ms{ color: #7b7b7b; font-size: 14px; } .news_one:hover{ background: #1475cf; } .news_one:hover .time{ color: #fff; } .news_one:hover .news_bt{ color: #fff; } .news_one:hover .news_ms{ color: #fff; } .news_right{ width: 485px; float: left; } .xwzx{ float: left; font-size: 26px; line-height: 69px; background: #5c984e; color: #fff; width: 216px; text-align: center; } .news_right a{ width: 209px; float: left; background: #0051a3; height: 69px; text-align: center; line-height: 69px; color: #fff; font-size: 16px; } .news_right img{ width: 484px; height:446px; overflow: hidden; display: block; } .xuian_bj{ height: 229px; background: center 0px no-repeat; } .foot_nav{ background: center 0 no-repeat; height: 64px; overflow: hidden; width: 100%; margin-top: 40px; } .nav_a{ width: 1088px; margin: 0 auto; } .nav_a a{ line-height:84px; color:#464646; font-size: 16px; height:64px; float: left; width:136px; } .nav_a a:hover{ color: #5c984e; } .foot_bac{ background: #1d1d1d; height: 148px; overflow: hidden; } .foot_m{ width: 1200px; margin: 0 auto; } .foot_left{ float: left; line-height: 28px; font-size: 14px; color: #fff; margin-top: 20px; } .foot_right{ width: 118px; height: 117px; overflow: hidden; float: right; margin-top: 20px; } .foot_right img{ width: 100%; height: 117px; } .title_s_0001{ text-align: center; } .title_s_0001 .title_01{ font-weight: bold; line-height: 40px; font-size: 36px; } .title_s_0001 .yingwen{ line-height:20px; padding-top: 5px; text-transform: uppercase; color: #717171; } .title_s_0001 p{ font-size: 16px; } .title_s_0001 img{ line-height: 24px; } .pro_all{ width: 869px; float: right; } .pro_all .tempwrap{ width: 876px!important; margin-left:15px!important; } .pro_allss{ overflow: hidden; } .pro_allss>div{ float: left; margin-left:12px; } .pro_allss .pro_one1 img{ width: 268px; height: 190px; border: 1px solid #e5e5e5; overflow: hidden; display: block; } .pro_allss .pro_one1{ background: #fff; display: block; margin-bottom: 15px; } .pro_allss .pro_mz{ width: 268px; text-align: center; line-height: 40px; height:40px; color: #464646; } .pro_allss .pro_one1:hover .pro_mz{ background: #0e68cf; color: #fff; transition: 0.2s; } .s_bj_01{ background: #f1f1f1; padding:50px 0px; } .pro_all2{ overflow: hidden; margin:0 auto; width: 1200px; } .pro_allss2{ overflow: hidden; } .pro_allss2>div{ float: left; margin-left:12px; } .pro_allss2 .pro_one1 img{ width: 268px; height: 190px; border: 1px solid #e5e5e5; overflow: hidden; display: block; } .pro_allss2 .pro_one1{ width: 298px; display: block; margin-bottom: 15px; } .pro_allss2 .pro_mz{ width: 268px; text-align: center; line-height: 40px; height:40px; color: #fff; background: #0a92e1; } .pro_allss2 .pro_one1:hover .pro_mz{ background: #0e68cf; color: #fff; transition: 0.2s; } .about_01_bj{ padding-top: 50px; overflow: hidden; width: 1200px; margin:0 auto; } .about_01_bj .left_01{ width: 462px; float: left; } .about_01_bj .right_01{ width:680px; float: right; font-size: 16px; } .about_01_bj .anniy { margin-top: 20px; } .about_01_bj p{ line-height: 33px; } .about_01_bj .anniy a{ display: block; width: 142px; float: left; background: #ececec; color: #464646; line-height: 45px; text-align: center; margin-right: 10px; } .about_01_bj .anniy a:hover{ background: #0051a3; color: #fff; } .liucheng_01{ height: 668px; background: center 0px no-repeat; } .index_es{ width: 1200px; margin: 0 auto; overflow: hidden; margin-bottom: 89px; } .index_esleft{ float: left; overflow: hidden; width: 596px; height: 407px; position: relative; } .index_esleft img{ width: 100%; height: 100%; transition: all 0.3s; } .index_esleft a{ display: block; height: 137px; position: absolute; bottom: 0; background: rgba(0,0,0,0.6); width: 100%; color: #fff; padding: 0 29px; padding-top: 22px; } .index_esleft a div{ height: 36px; border-bottom: 1px solid #fff; font-size: 18px; } .index_esleft a p{ margin: 0; line-height: 26px; margin-top: 10px; } .index_esleft:hover img{ transform: scale(1.1); } .index_esright{ float: right; width: 584px; height: 407px; background: #fff; overflow: hidden; padding-top: 5px; } .index_esright a{ display: block; line-height: 64px; border-bottom: 1px solid #ccc; padding: 0 30px; color: #464646; transition: all 0.3s; } .index_esright a img{ margin-right: 16px; } .index_esright a span{ float: right; } .index_esright a:hover{ color: #2bc2ff; } /*.izl-rmenu{position:fixed;left:86%;bottom:10px;padding-bottom:73px;background: 0px bottom no-repeat;z-index:999;} .izl-rmenu .btn{display:block;width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;} .izl-rmenu .btn-qq{background: 0px 0px no-repeat;background-color:#6da9de;} .izl-rmenu .btn-qq:hover{background-color:#488bc7;} .izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background: 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;} .izl-rmenu .btn-wx{background: 0px 0px no-repeat;background-color:#78c340;} .izl-rmenu .btn-wx:hover{background-color:#58a81c;} .izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;} .izl-rmenu .btn-phone{background: 0px 0px no-repeat;background-color:#fbb01f;} .izl-rmenu .btn-phone:hover{background-color:#ff811b;} .izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#fff;font-size:18px;text-align:center;display:none;} .izl-rmenu .btn-top{background: 0px 0px no-repeat;background-color:#666666;display:none;} .izl-rmenu .btn-top:hover{background-color:#444;} */ /**/ .blk-main { width: 1200px; margin: 0 auto; overflow: hidden; } .p12-curmbs-1 { font-size: 14px; border-bottom: 1px dashed #dcdcdc; } .p12-curmbs-1 b { border-left: 10px solid #0051a3; font-weight: normal; padding-left: 8px; } .p12-curmbs-1 span { font-family: 宋体; height: 46px; line-height: 46px; padding: 0px 5px; } .p12-curmbs-1 i { font-style: normal; } .p12-curmbs-1 a{ color:#666; } .blk-xs { width: 240px; } .blk { margin-bottom: 20px; } .blk img{ max-width:100%; } .fl { float: left; } .p14-left-nav-1-tit { background: #0051a3; height: 75px; } .p14-left-nav-1-tit h3 { margin: 0; height: 75px; font-size: 24px; font-weight: normal; line-height: 75px; color: #fff; border-bottom: 1px solid #fff; text-align: center; } .p14-left-nav-1-nav-one h3 { height: 50px; line-height: 50px; background: no-repeat right center #eaeaea; margin: 0; margin-bottom: 2px; } .p14-left-nav-1-nav-one h3.sidenavcur, .p14-left-nav-1-nav-one h3:hover { background: no-repeat right center #0051a3; } .p14-left-nav-1-nav-one h3 a { display: block; font-size: 18px; font-weight: normal; margin-right: 40px; margin-left: 38px; color: #464646; } .p14-left-nav-1-nav a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .p14-left-nav-1-nav a:hover{ color:#fff; } .p14-left-nav-1-nav dl { padding: 2px 0 4px; margin-bottom: 0; } .p14-left-nav-1-nav dt { height: 50px; font-size: 16px; line-height: 50px; padding-left: 54px; padding-right: 40px; margin-bottom: 1px; background: #ececec; position: relative; } .p14-left-nav-1-nav a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; font-weight: 400; } .p14-left-nav-1-nav dt:after { content: ""; width: 8px; height: 8px; border: 2px solid #b8b8b8; border-style: solid solid none none; position: absolute; top: 50%; right: 32px; margin-top: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .p14-left-nav-1-nav dt.sidenavcur a, .p14-left-nav-1-nav dt:hover a { color: #0051a3; } .p14-left-nav-1-nav dt.sidenavcur:after, .p14-left-nav-1-nav dt:hover:after { border-color: #0051a3; } .p14-left-nav-1-nav-one>dl{ display: none; } .cbgg-01 { border: 1px solid #0051a3; text-align: center; color: #000; } .cbgg-01 .tit { color: #fff; font-size: 18px; background: #0051a3; height: 71px; padding-top: 18px; text-align: center; overflow: hidden; } .cbgg-01 .tit i { color: #fff; display: block; font: 12px arial; text-align: center; font-size: 14px; line-height: 18px; text-transform: uppercase; font-style: normal; } .leftlx { text-align: left; font-family: "microsoft yahei","微软雅黑"; font-size: 14px; padding: 10px; display: block; margin-bottom: 20px; } .leftlx p { padding-top: 10px; line-height: 25px; } .leftlx .dianh .dianhua span { font-size: 24px; } .leftlx a{ color: #666; } .blk-sm { width: 930px; } .fr { float: right; } .b { clear: both; } .leftnav-z1-tit { margin: 0; height: 50px; line-height: 50px; border-bottom: 1px solid #ebebeb; margin-bottom: 15px; font-size: 24px; } .leftnav-z1-tit span { display: inline-block; height: 50px; border-bottom: 1px solid #003e71; font-weight: 600; color: #666; } .leftnav-z1-list{ overflow: hidden; } .leftnav-z1-list dl { width: 30.9%; border: 1px solid #dedede; margin-bottom: 15px; background: #fff; float: left; margin-right: 2%; box-sizing: border-box; } .leftnav-z1-list dt{ position: relative; } .leftnav-z1-list dt img { width: 100%; display: block; height: 214px; } .leftnav-z1-list dt p{ position: absolute; width: 100%; height: 214px; top: 0; left: 0; background: rgba(0,0,0,0.3); padding: 20px; display: block; margin: 0; transform: scale(0); transition: 0.3s linear; } .leftnav-z1-list dt p label{ width: 56px; height: 56px; border-radius: 50%; background: #b5a40f; display: table; text-align: center; padding: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; } .leftnav-z1-list dt p label i{ color: #fff; display: block; border: 1px solid #ddd; border-radius: 50%; font-size: 20px; width: 100%; height: 100%; line-height: 33px; } .leftnav-z1-list dt a:hover p{ transform: scale(1); transition: 0.3s linear; } .leftnav-z1-list dd { padding: 6px 20px 6px 20px; } .leftnav-z1-list dd h4 { margin: 0; height: 45px; text-align: center; font-weight: normal; font-size: 18px; color: #154c64; line-height: 45px; } .leftnav-z1-list dd h4 a{ color: #666; } .leftnav-z1-list dl:hover { border-color: #0051a3; } /*详情*/ /* 垂直居中 */ .small-img{ display: flex; align-items:center; justify-content: center; } .clearfix:before, .clearfix:after{ display: table; line-height: 0; content: ""; } .magnifier{ width: 500px; position: relative; float: left; margin-bottom: 34px; } .magnifier-container{ width: 500px; height: 500px; overflow: hidden; position: relative; border: 1px solid #ddd; } .move-view{ width: 100px; height: 100px; position: absolute; background-image: ; } .images-cover{ height: 100%; width: 100%; position: relative; } .images-cover img{ position: absolute; } .magnifier-assembly{ height: 92px; overflow: hidden; position: relative; padding-left: 30px; padding-right: 30px; } .magnifier-btn{ position: absolute; font-family: "宋体"; width: 100%; top: 50%; left: 0; margin-top: -40px; } .magnifier-btn span{ line-height: 80px; height: 80px; width: 20px; background-color: #6e6e6e; color: #fff; display: block; z-index: 9998; text-align: center; font-size: 20px; cursor: pointer; border-radius: 3px; } .magnifier-btn .magnifier-btn-left{ float: left; } .magnifier-btn .magnifier-btn-right{ float: right; } .magnifier-line{ position: relative; overflow: hidden; height: 92px; } .magnifier-line ul{ display: block; font-size: 0; width: 10000%; position: absolute; left: 0; z-index: 9997; } .magnifier-line li{ float: left; width: 100px; cursor: pointer; } .magnifier-line ul > .active .small-img{ border-color: #bbb; } .small-img{ height: 78px; padding: 1px; margin: 5px; overflow: hidden; border: 1px solid #ddd; text-align: center; } .small-img img{ max-width: 100%; max-height: 100%; } .magnifier-view{ width: 100%; height: 100%; position: absolute; right: -105%; top: 0; z-index: 9999; background-color: #fff; display: none; overflow: hidden; } .magnifier-view img{ display: block; } .animation03{ transition: all 0.3s ease-in 0.1s; -ms-transition: all 0.3s ease-in 0.1s; -moz-transition: all 0.3s ease-in 0.1s; -webkit-transition: all 0.3s ease-in 0.1s; -o-transition: all 0.3s ease-in 0.1s; } .detail{ overflow: hidden; } .detailleft{ float: left; } .detailright{ margin-left: 14px; float: left; width: 33%; overflow: hidden; line-height: 29px; overflow: hidden; } .detailright>h1{ margin: 0; height: 50px; font-size: 20px; font-weight: normal; line-height: 50px; overflow: hidden; color: #333; border-bottom: 1px solid #eee; margin-bottom: 5px; } .p1-pro-showcase-1-txt-t1 { margin-bottom: 86px; overflow: hidden; } .p1-pro-showcase-1-txt-t1 i{ font-style: normal; } .p1-pro-showcase-1-txt-t1 b{ font-style: normal; } .p1-pro-showcase-1-txt-t1 strong{ font-style: normal; } .p1-pro-showcase-1-tle .p1-pho-1 { background: no-repeat 0 -3px; min-height: 50px; padding-left: 44px; font-size: 20px; line-height: 30px; margin-left: 30px; margin-right: 50px; color: #0051a3; } .fl { float: left; } .p1-pho-1 span { display: block; font-size: 14px; line-height: 14px; color: #666; } .p1-pho-1 i { font-style: normal; } .fl { float: left; } .p1-pho-2 em { display: block; width: 122px; height: 35px; background: #0051a3; font-size: 16px; font-style: normal; color: #ffffff; text-align: center; line-height: 35px; } .p14-prodcontent-1>h4{ margin: 40px 0 15px 0; background: no-repeat left center; font: 24px "microsoft yahei"; color: #333333; } .p14-prodcontent-1>h4>i{ font: 16px "arial"; color: #454545; font-style: normal; text-transform: uppercase; padding-left: 10px; } .zxlb-1n-ts-01-list dl { border: 1px solid #dedede; width: 100%; margin-bottom: 15px; padding: 22px 0 22px; background: #fff; display: inline-block; } .zxlb-1n-ts-01-list dt { width: 35%; float: left; margin-left: 22px; margin-right: 5.5%; } .zxlb-1n-ts-01-list dt img { width: 100%; margin: 0 auto; display: block; } .zxlb-1n-ts-01-list dd { width: 54%; float: left; } .zxlb-1n-ts-01-list dd h4 { height: 40px; font-weight: normal; font-size: 18px; color: #154c64; line-height: 40px; margin-bottom: 5px; } .zxlb-1n-ts-01-list h4 a { display: block; color: #4b4a4a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .zxlb-1n-ts-01-list-desc { max-height: 72px; font-size: 14px; line-height: 24px; color: #797979; margin-bottom: 28px; overflow: hidden; } .zxlb-1n-ts-01-list-deta { float: right; width: 134px; height: 40px; display: inline-block; border: 1px solid #aaa; font-size: 16px; line-height: 40px; text-align: center; } .zxlb-1n-ts-01-list-deta a{ color: #666; } .zxlb-1n-ts-01-list dl:hover .zxlb-1n-ts-01-list-deta { background: #0051a3; border-color: #0051a3; } .zxlb-1n-ts-01-list dl:hover .zxlb-1n-ts-01-list-deta a { color: #fff; } .zxlb-1n-ts-01-list dl:hover h4 a { color: #0051a3; } .zxlb-1n-ts-01-list dl:hover { border-color: #0051a3; } /**/ .tl-fdh-02 { height: 55px; background: #fff; margin-bottom: 20px; overflow: hidden; } .tl-fdh-02 li.sidenavcur, .tl-fdh-02 li:hover { background: no-repeat bottom center #0073cb; border-color: #0073cb; } .tl-fdh-02 li { width: 20%; height: 55px; font-size: 18px; line-height: 55px; text-align: center; float: left; border-right: 1px solid #d8d8d8; box-sizing: border-box; background: #f4f4f4; cursor: pointer; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .tl-fdh-02 li a { display: block; height: 55px; color: #333; } .tl-fdh-02 li.sidenavcur a, .tl-fdh-02 li:hover a { color: #fff; } .p12-aboutinfo-1 { display: inline-block; width: 100%; background: #fff; margin-bottom: 38px; } .p12-aboutinfo-1-nr { padding: 0 0 20px; } .endit-content { line-height: 28px; } .k12-gl-gslb-3nf1-1-01-left{ overflow: hidden; } .k12-gl-gslb-3nf1-1-01-left dl:nth-child(4n){ margin-right: 0; } .k12-gl-gslb-3nf1-1-01-left dl { width: 24%; float: left; margin-right: 16px; background: #f0f0f0; } .k12-gl-gslb-3nf1-1-01-left dt { border: 1px solid #e5e5e5; padding: 10px 9px; background: #fff; } .k12-gl-gslb-3nf1-1-01-left dt img { display: block; width: 100%; } .k12-gl-gslb-3nf1-1-01-left dd { height: 50px; font-size: 14px; line-height: 50px; text-align: center; padding: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #f0f0f0; } .k12-gl-gslb-3nf1-1-01-left dd a { color: #4b4a4a; } .xuanchuan_bj{ height: 569px; width: 100%; background: center 0px no-repeat; overflow: hidden; } .tou_0000{ padding-top:70px; text-align: center; color: #fff; } .tou_0000 .bioat{ font-size: 36px; line-height: 50px; } .xuanchuan_bj .content{ width: 1230px; padding:50px 0; margin:0 auto; overflow: hidden; } .xuanchuan_bj .content .list_001{ color: #fff; width:25%; text-align: center; float: left; padding:30px; } .xuanchuan_bj .content .list_001 .tu img{ transition: 2s ease all; } .xuanchuan_bj .content .list_001 .title{ font-weight: bold; font-size: 16px; } .xuanchuan_bj .content .list_001 .tu img:hover{ transform: rotate(360deg); } .foot_000{ text-align: center; color: #fff; background: #1475cf; line-height: 70px; } .home_a{ background: center 0 no-repeat; width: 100%; height: 1438px; overflow: hidden; } .home_atop{ text-align: center; overflow: hidden; margin-top: 10rem; margin-bottom: 6rem; } .home_atop span{ display: block; font-size: 95px; color: #e4e4e4; font-family: "arial bold"; text-transform: uppercase; font-weight: 700; line-height: 100%; } .home_atop div{ font-size: 30px; color: #141414; font-weight: 700; line-height: 100%; margin-top: -59px; } .home_atop img{ display: block; margin: auto; margin-top: 4rem; margin-bottom: 2rem; } .home_atop p{ margin: 0; color: #464646; } .wa_s_b{ text-align: center; } .wa_s_b .p_toyle{ font-size: 36px; text-align: center; font-weight: bold; line-height: 36px; } .wa_s_b .t_01 a{ color: #464646; } .wa_s_b .yingwen{ font-size: 18px; text-transform: uppercase; line-height: 45px; font-family: arial; } .footer_bj{ background: center 0px no-repeat #252525; padding:50px 0px; } .footer{ overflow: hidden; color: #fff; width: 1200px; margin:0 auto; } .footer .list_0001{ width: 490px; float: left; line-height:36px; padding-right: 20px; margin-right: 20px; } .footer .list_0002{ width: 557px; float: left; color: #fff; padding-left: 50px; } .footer .list_0003{ width: 362px; float: right; color: #c0c0c0; text-align: right; } .le_1111{ padding-top: 60px; padding-left:25px; float: left; width: 500px; } .le_1111 a{ display: block; float: left; width: 48%; } .copy{ background: #110e11; line-height: 60px; color: #fff; text-align: center; } .footer_bj .list_0001{ padding-top: 60px; } .c{ clear: :both; } .bottomsright textarea::-webkit-input-placeholder{ color:#777; } .bottomsright textarea::-moz-placeholder{ /* mozilla firefox 19 */ color:#777; } .bottomsright textarea:-moz-placeholder{ /* mozilla firefox 4 to 18 */ color:#777; } .bottomsright textarea:-ms-input-placeholder{ /* internet explorer 10-11 */ color:#777; } .le_1111{ width: 180px; float: left; } .le_1111 a{ display: block; color: #c9c7c7; line-height: 33px; } .bottomsright input::-webkit-input-placeholder{ color:#777; } .bottomsright input::-moz-placeholder{ /* mozilla firefox 19 */ color:#777; } .bottomsright input:-moz-placeholder{ /* mozilla firefox 4 to 18 */ color:#777; } .bottomsright input:-ms-input-placeholder{ /* internet explorer 10-11 */ color:#777; } .yanz{ float: left; width: 189px!important; } .yanz img{ float: left; width: 84px; } .yanz .zzzz{ float: left; width: 103px; } .case .list li a { display: block; width: 290px; height: 280px; } .case .bd .list li img { margin: 0 auto; display: block; height: 200px; width: 100%; } .case .bd .list li p { height: 70px; line-height: 70px; text-align: center; color: #666666; font-size: 16px; font-weight: bold; position: relative; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .case .bd .list li:hover p { color: #4e509c; } .case .hd { width: 100%; top: 0px; position: relative; padding-bottom: 80px; } .case .hd .prev { position: absolute; left: 490px; top: -0px; display: block; width: 72px; height: 32px; background-position: -0px -0px; cursor: pointer; } .case .hd .next { position: absolute; right: 490px; top: -0px; display: block; width: 72px; height: 32px; background-position: -80px -0px; cursor: pointer; } .case .hd .prev:hover { opacity: 0.8; background-position: -160px -0px; } .case .hd .next:hover { opacity: 0.8; background-position: -240px -0px; } .case .hd .amore { position: absolute; left: 595px; top: -0px; display: block; width: 61px; height: 32px; background-position: -0px -76px; cursor: pointer; } .case .hd .amore:hover { opacity: 0.8; background-position: -80px -76px; } .case .bd .list li a .more { margin-top: 32px; margin-left: 60px; overflow: hidden; opacity: 0; visibility: hidden; transition: all .6s ease 0s; transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); } .case .bd .list li:hover a .more { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } .case .bd .list li a .more i { background-position: -30px -300px; width: 12px; height: 7px; margin-top: -17px; margin-left: 100px; float: left; } .case .bd ul li a .bg { margin-top: -355px; width: 290px; height: 200px; opacity: 0; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .case .bd ul li:hover a .bg { display: block; z-index: 999; position: relative; opacity: 1; } .case .bd ul li a .txtico { position: absolute; top: 0px; left: 0px; display: block; width: 290px; height: 200px; z-index: 1000; } .case .bd ul li a .txtico s { width: 54px; height: 54px; background-position: 0px -270px; position: absolute; left: 130px; top: 75px; margin-left: -20px; opacity: 0; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .case .bd ul li:hover a .txtico s { opacity: 1; } .case .bd ul li:hover a .txtico { background: rgba(22, 91, 106, 0.7); } .case .bd ul li a .txtico .stit { padding-top: 220px; font-size: 18px; line-height: 18px; text-align: center; transition: all ease-in-out .2s; opacity: 0; filter: alpha(opacity=0); color: #fff; } .case .bd ul li:hover a .txtico .stit { padding-top: 160px; transition: all ease-in-out .2s; opacity: 1; filter: alpha(opacity=100); color: #fff; } .case .bd .list li p i { display: block; width: 19px; height: 19px; float: right; background-position: 0px -140px; position: absolute; top: 26px; right: 26px; } .case .bd .list li:hover p i { background-position: -40px -140px; } .case .bd .list li:hover p { box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); } #toolbar { position: fixed; z-index: 9999; right: 33px; top:10%; } #toolbar li { margin-bottom: 3px; font-size: 0; width: 57px; height: 57px; right: 0; position: relative; } #toolbar li a { display: block; position: absolute; z-index: 9; right: 0; top: 0; width: 57px; height: 57px; overflow: hidden; transition: all .5s ease; white-space: nowrap; font-size: 0; } #toolbar li .iconfont { display: inline-block; vertical-align: middle; width: 57px; height: 57px; background-color: #063783; vertical-align: middle; text-align: center; line-height: 57px; color: #fff; font-size: 12px; padding-top: 15px; } #toolbar li .wz { display: inline-block; line-height: 57px; font-size: 14px; color: #fff; vertical-align: middle; padding-left: 10px; } #toolbar li .ewm-box { position: absolute; z-index: 1; padding: 5px; width: 110px; right: 120%; bottom: 0; opacity: 0; visibility: hidden; transform: translatex(100%); transition: all .7s; } #toolbar li p { margin-bottom: 0; } #toolbar li img { max-width: 100%; } #toolbar li:after { content: ''; position: absolute; right: -5px; bottom: 20px; @include arrow(right, 5px, $themecolor); } #toolbar li .icon { background-position: -57px -180px; } #toolbar li:hover .ewm-box { opacity: 1; visibility: visible; transform: translatey(0); } #toolbar .backtop { cursor: pointer; background-color: #063783; } .iconfont { color: #fff; } #toolbar li:hover a { width: 200px; background-color: #063783; } #toolbar li:hover .iconfont { background-color: #063783 !important; } .icon-qq { background: center no-repeat; background-position-y: 5px; } .icon-iconfontphone { background: center no-repeat; background-position-y: 5px; } .icon-msnui-qr-code { background: center no-repeat; background-position-y: 5px; } .icon-wenjianxiazaiicon { background: center no-repeat; background-position-y: 5px; } .icon-arrowup { background: center no-repeat; background-color: #063783 !important; } #toolbar li:first-child:hover .icon-qq { background: center no-repeat; } #toolbar li:nth-child(2):hover .icon-iconfontphone { background: center no-repeat; } #toolbar li:nth-child(4):hover .icon-wenjianxiazaiicon { background: center no-repeat;