@charset "utf-8"; .dh{ width: 100%; height: 111px; background: #fff; } .contr{ width: 1200px; margin: 0 auto; } .contrs{ width: 1200px; 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{width: 1200px;margin: 0 auto;} .logo{ width:700px;height: 100%;} .logo a img{margin: 24px 0px;} .icon_web{ margin: 44px 60px 44px 140px ; float: left; } .icon_pic{ margin: 41px 0px 41px 180px ; float: left; } .icon_video{ margin: 41px 40px 41px 0px ; float: left; } .nav_bg{float: left; height: 52px;width:100%; background: url(../images/nav_bg1.png) ;margin: 0 auto; } .nav222{width: 1200px;margin: 0 auto; } .pxfw{ margin: 0 auto; display: block; width: 100%; height:320px; } .nav1 { margin-left:auto; margin-right:auto; width: 1100px; } .nv-ct { } .nav { position: relative; line-height: 50px; z-index: 1; } .nav a { color: #333333; font-size: 16px; } .nav .nLi { float: left; position: relative; width: 100px; padding: 0 10px; display: inherit; } .nav .nLi:hover { color: #ffffff;background: #B92626;} .nav .nLi.on {color: #ffffff; background: #B92626;} .nav .nLi1 .sub { display: none; } .nav .nLi h3 { float: left; } .nav .nLi h3 a { display: block; width: 100px; 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: #fff; font-weight: bold; /* border-bottom: 2px solid #B92626; */ } .banner {width: 100%; height:480px; 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: 480px; 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:500px;} .jj .j_bg .lr .lrr p{color: #333333;font-size: 13px;line-height: 30px;margin:30px 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:#f4f5f5;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: 20px; text-align: center; } .dt{ display: block; width: 100%; height: 625px; background:#f4f5f5; } .dt .dt_bg{ padding-top: 1px; clear: both; } .dt .dt_bg ul { margin-top: 50px; height: 420px; } .dt .dt_bg ul li{ float: left; width: 594px; height:186px; } .dt .dt_bg ul li .tu{ width: 297px; height:186px; overflow: hidden; } .dt .dt_bg ul li .tu a img { width: 297px; height:186px; 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:186px; 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: 0px 0px 10px 0px; text-align: center; } .k_bg1{ width: 1200px;height: 600px;background: url(../images/index03_pxln.png) no-repeat; } .kc .k_bg .bott{ } .kc .k_bg .bott ul{ } .teac{ width: 100%; margin-top: 50px; height: 555px; display: block; background:#fff; } .teac .te_bg{ padding-top: 10px; } .teac .te_bg .tit { text-align: center; } .teac .te_bg .sides {margin-top: 35px;} .teac .te_bg .sides .bd{ width: 1200px; height: 365px; } .teac .te_bg .sides .bd .tempWrap{ width: 1200px !important; height: 365px; } .teac .te_bg .sides .bd ul{ height: 360px; } .teac .te_bg .sides .bd ul li{ margin: 0 21px; float: left; text-align: center; width: 360px; height:310px;} .teac .te_bg .sides .bd ul li .zrl{ position: relative; text-align: center; width: 360px; top: -72px; height: 243px; background: #FFFFFF; box-shadow: 0px 0px 16px 8px rgba(225,230,250,0.9); transform: scale(1); transition: box-shadow 0.6s, transform 0.5s;} .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:20px; 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: #232323; } .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; }