.w{ width: 1200px; margin-left: auto; margin-right: auto; } .topopt{ background-color: #1c1c1c; text-align: right; font-size: 14px; line-height: 1.8; color: #fff; } .topopt a{ color: #fff; margin-left: 10px; } .top{ } .top .logo{ float: left; margin-top: 25px; margin-bottom: 25px; height: 100px; } .top .logo img{ display: block; height: 100%; } .top .search{ float: right; height: 23px; overflow: hidden; margin-top: 50px; border: 1px solid #ccc; border-radius: 5px; padding: 5px 10px; width:200px; } .top .search .text{ float: left; width: 175px; border: none; background: none; height: 23px; line-height: 23px; font-size: 14px; } .top .search .button{ float: right; height: 23px; } .nav{ border-bottom: 10px solid #e8e8e8; } .nav > ul{ } .nav > ul > li{ float: left; height: 50px; } .nav > ul > li.a{ height: 100%; padding-left: 20px; padding-right: 20px; position: relative; z-index: 99; } .nav > ul > li.b{ height: 15px; margin-top: 17.5px; width: 10px; background: url("/spcufejryjhcom/img/li.png") center center no-repeat; } .nav > ul > li.a > a{ display: block; height: 100%; color: #010101; font-size: 16px; line-height: 50px; text-align: center; } .nav > ul > li.a:hover > a, .nav > ul > li.a.on > a{ color: #0079ca; } .nav > ul > li.a ul{ position: absolute; z-index: 99; top: 100%; left: 0; right: 0; background-color: #e8e8e8; display: none; } .nav > ul > li.a:hover ul{ display: block; } .nav > ul > li.a ul li{ position: relative; } .nav > ul > li.a ul li > a{ display: block; padding: 7.5px 0; line-height: 20px; font-size: 14px; color: #606060; text-align: center; } .nav > ul > li.a ul li:hover > a, .nav > ul > li.a ul li.on > a{ background-color: #0079ca; color: #fff; } .nav > ul > li.a ul li .sub{ position: absolute; z-index: 11; top: 0; left: 100%; width: 100%; background-color: #e8e8e8; display: none; } .nav > ul > li.a ul li:hover .sub{ display: block; } .nav > ul > li.a ul li .sub a{ display: block; padding: 7.5px 0; line-height: 20px; font-size: 14px; color: #606060; text-align: center; } .nav > ul > li.a ul li .sub a:hover, .nav > ul > li.a ul li .sub a.on{ background-color: #0079ca; color: #fff; } .k-banner{height: 458px;overflow: hidden;} .k-banner .banner_i{ margin:0px auto;position:relative; width:100%; height:100%; overflow:hidden;} .k-banner .banner_i .k_banner_1{position:absolute;z-index:10;top:0px;left:0px; width:100%;height:100%;} .k-banner .banner_i .k_banner_1 li{ height:100%; width:100%; position:absolute; z-index:11; top:0px; left:0px; text-align:center;background-position: center center; background-repeat: no-repeat;background-size: auto 100%;} .k-banner .banner_i .k_banner_1 li a{display: block;height:100%; width:100%; } .k-banner .banner_i .k_banner_1 li img{display: block;height:100%; width:100%;} .k-banner .banner_i .k_banner_2{position:absolute;z-index:11;bottom:15px; left:0px; right:0px; width:100%; text-align:center;} .k-banner .banner_i .k_banner_2 li{ width:16px; height:16px; zoom:1; display:inline-block; *display:inline; background:blue; cursor:pointer; margin:0px 5px 0px 5px; overflow:hidden; border-radius:8px;} .k-banner .banner_i .k_banner_2 li.c_2hover{background:red;} .i_title{ font-size: 26px; color: #3c3d3d; line-height: 1.5; padding-bottom: 20px; text-align: center; position: relative; } .i_title span{ display: block; position: absolute; z-index: 22; left: 50%; margin-left: -27.5px; bottom: 0; width: 55px; height: 3px; overflow: hidden; background-color: #0079ca; } .i_title b{ display: block; position: absolute; z-index: 11; left: 50%; margin-left: -207.5px; bottom: 1px; width: 415px; height: 1px; overflow: hidden; background-color: #c3c3c3; } .i_dt{ margin-top: 10px; } .i_dt .neirong{ margin-top: 30px; } .i_dt .neirong_l{ float: left; width: 610px; height: 300px; overflow: hidden; position: relative; } .i_dt .neirong_l .item{ position: absolute; z-index: 11; overflow: hidden; } .i_dt .neirong_l .item-1{ left: 0; bottom: 0; top: 0; width: 300px; } .i_dt .neirong_l .item-2{ right: 0; top: 0; width: 305px; height: 145px; } .i_dt .neirong_l .item-3{ right: 155px; bottom: 0; width: 145px; height: 145px; } .i_dt .neirong_l .item-4{ right: 0; bottom: 0; width: 145px; height: 145px; } .i_dt .neirong_l .item img{ display: block; width: 100%; height: 100%; } .i_dt .neirong_r{ float: right; width: 580px; height: 300px; overflow: hidden; background-color: #f9fafc; } .i_dt .neirong_r ul{ padding: 10px; } .i_dt .neirong_r ul li{ font-size: 14px; color: #2d2d2d; line-height: 25px; padding-top: 5px; padding-bottom: 5px; height: 25px; overflow: hidden; } .i_dt .neirong_r ul li a{ color: #2d2d2d; } .i_dt .neirong_r ul li span{ margin-right: 10px; color: #cb6606; } .i_dt .anniu{ margin-top: 30px; overflow: hidden; } .i_dt .anniu a{ display: block; background-color: #d17f45; font-size: 18px; color: #fff; line-height: 35px; text-align: center; width: 150px; height: 35px; margin-left: auto; margin-right: auto; } .i_fw{ background-color: #f9fafc; margin-top: 30px; padding-top: 30px; padding-bottom: 30px; } .i_fw .neirong{ margin-top: 30px; overflow: hidden; } .i_fw .neirong ul{ overflow: hidden; margin-left: -10px; margin-right: -10px; } .i_fw .neirong ul li{ overflow: hidden; float: left; width: 25%; margin-top: 10px; } .i_fw .neirong ul li a{ display: block; margin-left: 10px; margin-right: 10px; height: 62.5px; padding-top: 12.5px; font-size: 18px; color: #fff; text-align: center; line-height: 25px; background: url("/spcufejryjhcom/img/fw/li.png") center center no-repeat; background-size: 100% 100%; } .i_fw .neirong ul li.d a{ } .i_fw .neirong ul li a:hover{ background: url("/spcufejryjhcom/img/fw/lis.png") center center no-repeat; background-size: 100% 100%; } .i_san{ margin-top: 20px; margin-bottom: 30px; overflow: hidden; } .i_san ul{ overflow: hidden; margin-left: -10px; margin-right: -10px; } .i_san ul li{ overflow: hidden; float: left; width: 33.0%; } .i_san ul li .li_box{ margin-left: 10px; margin-right: 10px; } .i_san .i_title b{ width: 100%; left: 0; right: 0; margin-left: 0; } .i_san .img{ margin-top: 15px; display: block; height: 155px; } .i_san .img img{ display: block; width: 100%; height: 100%; } .i_san .list{ margin-top: 5px; } .i_san .list a{ display: block; font-size: 14px; color: #2d2d2d; line-height: 25px; padding-top: 5px; padding-bottom: 5px; height: 25px; overflow: hidden; } .i_san .list a span{ margin-right: 10px; color: #cb6606; } .i_san .anniu{ margin-top: 20px; overflow: hidden; } .i_san .anniu a{ display: block; background-color: #d17f45; font-size: 18px; color: #fff; line-height: 35px; text-align: center; width: 150px; height: 35px; margin-left: auto; margin-right: auto; } .i_link{ margin-bottom: 10px; } .i_link .title{ position: relative; z-index: 11; width: 270px; height: 70px; margin-left: auto; margin-right: auto; border: 2px solid #e6e6e6; } .i_link .title div{ position: absolute; z-index: 22; top: 0; left: 0; right: 0; text-align: center; } .i_link .title div h1{ margin-top: 5px; font-size: 45px; color: #0079ca; line-height: 1; } .i_link .title div h2{ width: 150px; margin-left: auto; margin-right: auto; margin-top: 5px; font-size: 26px; color: #3c3d3d; line-height: 1; background-color: #fff; } .i_link .list{ margin-top: 25px; overflow: hidden; } .i_link .list ul{ overflow: hidden; margin-left: -10px; margin-right: -10px; } .i_link .list ul li{ float: left; width: 20%; margin-bottom: 20px; } .i_link .list ul li a{ display: block; margin-left: 10px; margin-right: 10px; height: 45px; border: 1px solid #ccc; font-size: 16px; color: #3c3d3d; line-height: 45px; text-align: center; } .foot{ background-color: #1c1c1c; border-top: 30px solid #333333; padding-top: 45px; padding-bottom: 45px; font-size: 14px; color: #fff; line-height: 1.8; text-align: center; } .p_main{ margin-top: 20px; margin-bottom: 20px; } .p_main_l{ float: left; width: 270px; } .p_main_l h1{ font-size: 18px; color: #fff; line-height: 1.5; background-color: #0f5475; padding-top: 10px; padding-bottom: 10px; text-align: center; border-radius: 5px; } .p_main_l ul{ margin-top: 10px; } .p_main_l ul li a{ display: block; background-color: #e6f5fc; font-size: 16px; color: #000; line-height: 1.8; padding-top: 5px; padding-bottom: 5px; text-align: center; border-radius: 5px; margin-bottom: 5px; } .p_main_l ul li .sub{ } .p_main_l ul li .sub a{ display: block; background-color: #f7fbfd; font-size: 14px; color: #000; line-height: 1.75; padding-top: 5px; padding-bottom: 5px; text-align: center; border-radius: 5px; margin-bottom: 5px; } .p_main_r{ float: right; width: 890px; min-height:300px; } .p_main_r .bt{ border-bottom: 1px solid #c0e5fa; line-height: 30px; } .p_main_r .bt h1{ float: left; height: 32px; background-color: #0f5475; font-size: 16px; color: #fff; padding-left: 10px; padding-right: 10px; } .p_main_r .bt h2{ float: right; font-size: 14px; color: #333; } .p_main_r .bt h2 a{ color: #333; } .p_main_r .bt h2 a:hover{ color: #0f5475; } .p_main_r .nr{ } .p_main_r .nr.list{ margin-top: 20px; } .p_main_r .nr.list ul{ } .p_main_r .nr.list ul li{ padding-top: 5px; padding-bottom: 5px; color: #2d2d2d; } .p_main_r .nr.list ul li a{ color: #2d2d2d; } .p_main_r .nr.list ul li span{ float: right; color: #cd8a0c; } .p_main_r .nr.content{ margin-top: 20px; } .p_main_r .nr.content .title{ font-size: 18px; line-height: 1.5; text-align: center; } .p_main_r .nr.content .date{ margin-top: 5px; font-size: 13px; color: #666; line-height: 1.5; text-align: center; } .p_main_r .nr.content .content{ margin-top: 20px; font-size: 14px; color: #000; line-height: 1.85; } .fw{ overflow: hidden; float: left; width: 24%; margin-top: 10px; } .fw a{ display: block; margin-left: 10px; margin-right: 10px; height: 62.5px; padding-top: 12.5px; font-size: 18px; color: #fff; text-align: center; line-height: 25px; background: url("/spcufejryjhcom/img/fw/li.png") center center no-repeat; background-size: 100% 100%; } .fw.d a{ } .fw a:hover{ background: url("/spcufejryjhcom/img/fw/lis.png") center center no-repeat; background-size: 100% 100%; }