@charset "utf-8"; .dh{ width: 100%; height: 111px; background: #FFFFFF; } .contr{ width: 1200px; margin: 0 auto; } .contrs{ width: 1580px; margin: 0 auto; } .dh .d_bg{ height: 111px; } .dh .d_bg .dhs{ margin-top: 38px; display: block; } .dh .d_bg .dhs a{ display: block; } .dh .d_bg .dhc{ margin: 30px 0px; margin-left: 90px; } .logo{ height: 100%; } .logo a img{ margin: 24px 0px; } .nav1 { margin-left: 40px; float: left; width: 650px; } .nv-ct { } .nav { position: relative; line-height: 50px; z-index: 1; } .nav a { color: #333333; font-size: 16px; } .nav .nLi { float: left; /* border-bottom: 2px solid #B92626; */ /* margin-right: 40px; */ position: relative; padding: 0 15px; display: inherit; } .nav .nLi:hover { border-bottom: 2px solid #B92626; } .nav .nLi.on { border-bottom: 2px solid #B92626; } .nav .nLi1 .sub { display: none; } .nav .nLi h3 { float: left; } .nav .nLi h3 a { display: block; /* width: 150px; */ text-align: center; font-size: 16px; color: #333333; font-weight: normal; } .nav .nLi h3 a i{ display: block; } .nav .sub { display: none; width: 100%; left: 0px; /* padding: 19px; */ top: 42px; position: absolute; /* opacity: 0.5; */ /* background-color: #0870C5; */ line-height: 50px; /* background-position-x: 50%; */ } .nav .sub i { text-align: center; width: 131px; height: 10px; display: block; background: url(../images/ss.png) 55px; } .nav .sub li { background: rgba(0,0,0,0.6); zoom: 1; line-height: 38px; /* background: #f2cf6c; */ /* opacity: 0.7; */ } .nav .sub a { font-size: 15px; display: block; text-align: center; /* width: 100%; */ /* padding: 12px 10px; */ color: #ffffff; } .nav .sub li a:hover { /* color: #333333; */ } .nav .on h3 a { font-size: 16px; display: block; color: #b92626; font-weight: bold; /* border-bottom: 2px solid #B92626; */ } .banner { width: 100%; height: 580px; overflow: hidden; } .slideBox { height: 100%; overflow: hidden; position: relative; } .slideBox .hd { height: 15px; overflow: hidden; position: absolute; right: 45%; bottom: 10px; z-index: 1; } .slideBox .hd ul { overflow: hidden; zoom: 1; float: left; } .slideBox .hd ul li { float: left; margin-right: 10px; width: 25px; height: 5px; line-height: 14px; text-align: center; cursor: pointer; border-radius: 50px; border: 1px solid #fff; transition: 1.5s; } .slideBox .hd ul li.on { background: #fff; color: #fff; width: 50px; transition: 1.5s; } .slideBox .bd { position: relative; height: 100%; z-index: 0; } .slideBox .bd li { zoom: 1; vertical-align: middle; background-color: #edf3f2; } .slideBox .bd img { width: 100%; height: 580px; display: block; transition: 1.5s; } .slideBox .prev, .slideBox .next { position: absolute; left: 3%; top: 50%; display: block; filter: alpha(opacity=50); } .slideBox .prev { background: url(../images/icon1_15.png) no-repeat; width: 32px; height: 33px; } .slideBox .next { left: auto; right: 5%; background-position: 8px 5px; background: url(../images/icon1_18.png) no-repeat; width: 32px; height: 33px; } .slideBox .prev:hover, .slideBox .next:hover { filter: alpha(opacity=100); opacity: 1; } .slideBox .prevStop { display: none; } .slideBox .nextStop { display: none; } .jj{ height: 445px; margin-bottom: 60px; } .jj .j_bg{ } .jj .j_bg .tit{ margin-top: 55px; text-align: center; } .jj .j_bg .lr{width: 100%;height: 460px;} .jj .j_bg .lr .lrr{ width: 480px; } .jj .j_bg .lr .lrr p{color: #333333;font-size: 13px;line-height: 30px;margin: 90px 0px 40px 0px;/* text-indent: 2rem; */} .jj .j_bg .lr .lrs {/* height: 600px; */margin-top: 40px;} .jj .j_bg .lr .lrs .fg {width: 628px;background: #f2cf6c;z-index: 3;} .jj .j_bg .lr .lrs .fg img {position: relative;z-index: 99;width: 628px;left: 30px;height: 353px;top: -20px;} .dt .dt_bg .tit { margin-top: 50px; text-align: center; } .dt{ display: block; width: 100%; height: 695px; background: url(../images/pbg_02.png) no-repeat; } .dt .dt_bg{ padding-top: 1px; clear: both; } .dt .dt_bg ul { margin-top: 50px; height: 452px; } .dt .dt_bg ul li{ float: left; width: 594px; height: 225px; } .dt .dt_bg ul li .tu{ width: 297px; height: 225px; overflow: hidden; } .dt .dt_bg ul li .tu a img { width: 297px; height: 225px; transition: all 0.6s; } .dt .dt_bg ul li .tu a img:hover { transform: scale(1.2); } .dt .dt_bg ul li .kl{ width: 297px; display: block; height: 225px; background: #FFFFFF; } .dt .dt_bg ul li .kl i{ top: 42%; left: -16px; position: relative; width: 16px; display: block; height: 37px; background: url(../images/sanj_03.png) no-repeat; z-index: 999; } .dt .dt_bg ul li .kl .s{ transform: rotate(180deg); } .dt .dt_bg ul li .tits{ height: 50px; font-weight: bold; margin-bottom: 25px; line-height: 25px; margin-right: 30px; margin-left: 30px; display: block; font-size: 15px; color: #333333; } .dt .dt_bg ul li .zy{ margin-right: 30px; margin-left: 30px; display: block; font-size: 13px; color: #999999; line-height: 25px; } .dt .dt_bg ul li .kl .ss{ top: 42%; left: 297px; position: relative; width: 16px; display: block; height: 37px; background: url(../images/sanj_03.png) no-repeat; z-index: 999; } .dt .dt_bg .more{ margin-top: 35px; text-align: center; } .kc .k_bg .tit{ margin-top: 55px; text-align: center; } .kc .k_bg .tits{margin-top: 20px;text-align: center;margin-bottom: 20px;} .kc .k_bg .top{ width: 1200px; height: 218px; display: block; background: url(../images/icon1_48.png); } .kc .k_bg .top ul{height: 218px;position: relative;line-height: 218px;} .kc .k_bg .top ul li{ width: 124.5px; float: left; margin-right: 29px; text-align: center; } .kc .k_bg .top ul li a{ font-size: 20px; font-weight: bold; color: #fff; text-align: center; } .kc .k_bg .top ul li a span{ display: inline-block; line-height: 22px; vertical-align: middle; padding: 0px 20px; font-size: 20px; font-weight: bold; color: #fff; text-align: center; } .kc .k_bg .bott{ } .kc .k_bg .bott ul{ } .kc .k_bg .bott ul li{ margin-top: 45px; margin-right: 28px; float: left; width:125px; height: 202px; } .kc .k_bg .bott ul li a{ } .kc .k_bg .bott li{ display: block; background: url(../images/dbg.png) no-repeat; } .kc .k_bg .bott ul li .icon1{ display: block; width: 125px; height: 3px; background: #42a4fa; } .kc .k_bg .bott ul li .i1{ width: 35px; margin: 40px 45px 25px 45px; height: 35px; display: block; background: url(../images/im/k1.png) no-repeat; } .kc .k_bg .bott ul li .icon2{ display: block; width: 125px; height: 3px; background: #f5721a; } .kc .k_bg .bott ul li .i2{ width: 35px; margin: 40px 45px 25px 45px; height: 35px; display: block; background: url(../images/im/k2.png) no-repeat; } .kc .k_bg .bott ul li .icon3{ display: block; width: 125px; height: 3px; background: #f54373; } .kc .k_bg .bott ul li .i3{ width: 35px; margin: 40px 45px 25px 45px; height: 35px; display: block; background: url(../images/im/k3.png) no-repeat; } .kc .k_bg .bott ul li .icon4{ display: block; width: 125px; height: 3px; background: #24d374; } .kc .k_bg .bott ul li .i4{ width: 35px; margin: 40px 45px 25px 45px; height: 35px; display: block; background: url(../images/im/k4.png) no-repeat; BACKGROUND-SIZE: 100% 100%; } .kc .k_bg .bott ul li .icon5{ display: block; width: 125px; height: 3px; background: #f8899a; } .kc .k_bg .bott ul li .i5{ width: 35px; margin: 40px 45px 25px 45px; height: 35px; display: block; background: url(../images/im/k5.png) no-repeat; } .kc .k_bg .bott ul li .icon6{ display: block; width: 125px; height: 3px; background: #e0bc10; } .kc .k_bg .bott ul li .i6{ width: 35px; margin: 40px 45px 25px 45px; height: 35px; display: block; background: url(../images/im/k6.png) no-repeat; BACKGROUND-SIZE: 100% 100%; } .kc .k_bg .bott ul li .icon7{ display: block; width: 125px; height: 3px; background: #35c5f4; } .kc .k_bg .bott ul li .i7{ width: 35px; margin: 40px 45px 25px 45px; height: 35px; display: block; background: url(../images/im/k7.png) no-repeat; } .kc .k_bg .bott ul li .icon8{ display: block; width: 125px; height: 3px; background: #d19cba; } .kc .k_bg .bott ul li .i8{ width: 35px; margin: 40px 45px 25px 45px; height: 35px; display: block; background: url(../images/im/k8.png) no-repeat; } .kc .k_bg .bott ul li a p{ padding: 0px 15px; display: block; font-size: 18px; color: #333333; text-align: center; } .kc .k_bg .bott li:hover{ display: block; background: url(../images/icon1_52.png) no-repeat; } .kc .k_bg .bott ul li:hover a p { color:#FFFFFF; } .kc .k_bg .bott ul li:hover .i1{ background: url(../images/im/k11.png) no-repeat; } .kc .k_bg .bott ul li:hover .i2{ background: url(../images/im/k22.png) no-repeat; } .kc .k_bg .bott ul li:hover .i3{ background: url(../images/im/k33.png) no-repeat; } .kc .k_bg .bott ul li:hover .i4{ background: url(../images/im/k44.png) no-repeat; BACKGROUND-SIZE: 100% 100%; } .kc .k_bg .bott ul li:hover .i5{ background: url(../images/im/k55.png) no-repeat; } .kc .k_bg .bott ul li:hover .i6{ background: url(../images/im/k77.png) no-repeat; BACKGROUND-SIZE: 100% 100%; } .kc .k_bg .bott ul li:hover .i7{ background: url(../images/im/k66.png) no-repeat; } .kc .k_bg .bott ul li:hover .i8{ background: url(../images/im/k88.png) no-repeat; } .teac{ width: 100%; margin-top: 50px; height: 535px; display: block; background: url(../images/tebg_02.png) no-repeat; } .teac .te_bg{ padding-top: 50px; } .teac .te_bg .tit { text-align: center; } .teac .te_bg .sides {margin-top: 35px;} .teac .te_bg .sides .bd{ width: 1200px; height: 325px; } .teac .te_bg .sides .bd .tempWrap{ width: 1200px !important; height: 325px; } .teac .te_bg .sides .bd ul{ } .teac .te_bg .sides .bd ul li{ margin-right: 45px; float: left; text-align: center; width: 368px; height: 325px; } .teac .te_bg .sides .bd ul li .zrl{ position: relative; text-align: center; width: 368px; top: -72px; height: 253px; background: #FFFFFF; } .teac .te_bg .sides .bd ul li a img{ width: 143px; height: 143px; border-radius: 50%; } .teac .te_bg .sides .bd ul li .zrl .name{ font-weight: bold; padding-top: 90px; text-align: center; display: block; font-size:18px; color: #444444; } .teac .te_bg .sides .bd ul li .zrl .zyname{ text-align: center; font-size:15px; line-height: 25px; color: #808080; padding: 0 40px; display: block; padding-top: 30px; } .teac .te_bg .sides .bd ul li .imgf{ display: block; position: relative; left: 0px; z-index: 99; } .teac .te_bg .sides .hd { /* text-align: center; */ height: 22px; margin-top: 40px; line-height: 22px; overflow: hidden; text-align: center; } .teac .te_bg .sides .hd ul { width: 150px; margin: 0 auto; } .teac .te_bg .sides .hd ul li { float: left; cursor: pointer; display: block; width: 12px; height: 12px; margin-right: 22px; display: inline; background: url(../images/tyy1.png) no-repeat 0 0; } .teac .te_bg .sides .hd ul li.on { display: block; width: 12px; height: 12px; background: url(../images/tyy2.png) no-repeat 0 0; } .dmt{ width: 100%; margin-top: 50px; height: 550px; display: block; } .dmt .dmt_bg{ padding-top: 15px; } .dmt .dmt_bg .tit { text-align: center; } .dmt .dmt_bg .dmtlr ul li a img{ width: 370px; height: 218px; } .dmt .dmt_bg .dmtlr ul li .imgw{ display: block; width: 370px; height: 218px; } .dmt .dmt_bg .dmtlr ul{ } .dmt .dmt_bg .dmtlr { margin-top:35px; } .dmt .dmt_bg .dmtlr ul li{ margin-right: 45px; width: 370px; float: left; } .dmt .dmt_bg .dmtlr ul li .lrb{ width: 100%; height: 178px; background: #f5f5f5; } .dmt .dmt_bg .dmtlr ul li .lrb .titles{ padding: 19px 15px; display: block; font-size:15px; font-weight: bold; color: #2b2b2b; } .dmt .dmt_bg .dmtlr ul li .lrb .zyt{ line-height: 25px; margin: 15px 15px; display: block; font-size:13px; color: #666666; height: 49px; } .dmt .dmt_bg .dmtlr ul li .lrb .time{ display: block; font-size:12px ; color: #808080; } .dmt .dmt_bg .dmtlr ul li .lrb .time em{ padding: 0 13px; float: left; display: block; width: 15px; height: 15px; background: url(../images/time.png) no-repeat center; } .dmt .dmt_bg .dmtlr ul li .lrb i{ margin: 0 15px; display: block; width: 337px; height: 6px; background: url(../images/dbx.png) no-repeat; } .footer{ width: 100%; height: 235px; background: #b12922; } .footer .blogo img{ width: 246px; height:65px; display: block; } .footer .bqw{ margin-top:50px; margin-bottom: 20px; margin-left:30px; } .footer .bqw p{ font-size: 14px; line-height: 30px; color: #FFFFFF; } .footer .er img{ width: 137px; height:137px; } .footer .f_b .blogo { margin: 84px 0px; } .footer .f_b .er span{ margin-top: 10px; display: block; font-size: 13px; color: #FFFFFF; } .footer .f_b .er { margin: 46px 0 20px 0px; text-align: center; }