/*header*/ .header .top p{ float: right; color: white; font-size: 15px; padding-top: 10px; } .header{ position: relative; /*background-color: #333333;*/ } .header .head .logo { width: 42%; padding-top: 30px; } .header .head .logo .fr{ line-height: 100px; } .banner{ position: relative; } .header .header{ width: 1200px; position: absolute; margin-left: -600px; left: 50%; top: 0; z-index:10; } .banner .bd{ height: 500px; } .yinying{ background: url(../images/yytop.png) left -32px no-repeat; position: absolute; z-index: 1; height: 100px; width: 100%; } .rukou{ width: 11%; color: white; padding-top: 36px; box-sizing: border-box; } .rukou .a{ height: 80px; background: url(../images/rukou_01.png) center top no-repeat; padding-top: 30px; } .rukou .b{ height: 80px; background: url(../images/rukou_02.png) center top no-repeat; padding-top: 30px; } /* banner */ /* 本例子css */ .slideBox { width: 100%; height: 420px; overflow: hidden; position: relative; } .slideBox .hd { height: 15px; overflow: hidden; position: absolute; right: 46.5%; bottom: 5px; z-index: 1; } .slideBox .hd ul { overflow: hidden; zoom: 1; float: left; } .slideBox .hd ul li { float: left; margin-right: 2px; width: 30px; height: 5px; line-height: 14px; text-align: center; background: #fff; cursor: pointer; } .slideBox .hd ul li.on { background: #1b6698; color: #fff; } .slideBox .bd { position: relative; height: 100%; z-index: 0; } .slideBox .bd li { zoom: 1; vertical-align: middle; } .slideBox .bd img { width: 100%; height: 420px; display: block; } /* banner */ /*nav*/ /*nav*/ .nav { display: flex; justify-content: space-around; padding: 0px; height: 100px; line-height: 100px; position: relative; z-index: 1; } .nav-main { } .nav-main .container{ position: absolute; bottom: 0; margin-left: -600px; left: 50%; z-index: 15; } .nav a { color: #fff; } .nav .nLi { float: left; position: relative; display: inline; } .nav .nLi h3 { float: left; } .nav .nLi h3 a { display: block; font-size: 18px; } .nav .sub { display: none; width: 270px; left: 0; top: 70px; position: absolute; line-height: 26px; padding: 5px 0; } .nav .sub li { zoom: 1; text-align: center; height: 40px; font-size: 14px; line-height: 40px; } .nav .sub a { display: block; padding: 0 10px; color: #092765; background-color: white; } .nav .sub a:hover { color: #ffb606; background-color: #092765; } .nav .on h3 a { border-bottom: 2px solid #ffb606; height: 67px; } .yybottom{ background: url(../images/yybottom.png) repeat; position: absolute; bottom: 0; z-index: 11; height: 100px; width: 100%; } .box{ background-color: #f7f7f7; padding-top: 30px; padding-bottom: 30px; } .box a:hover{ color: #004f94; } .box .bt h1{ display: inline; font-weight: bold; } .box .bt span{ color: #004f94; border-left:1px solid #eeeeee; padding-left: 10px; margin-left: 20px; } .box .box1{ width: 45%; } .box .box1 .box01{ background: #FFFFFF; padding: 30px; margin-top: 30px; box-shadow: 4px 4px 6px 0px rgba(195,196,197,0.94); -webkit-box-shadow: 4px 4px 6px 0px rgba(195,196,197,0.94); -moz-box-shadow: 4px 4px 6px 0px rgba(195,196,197,0.94); } .box .box1 .box01 h5{ font-size: 16px; margin-bottom: 20px; line-height: 30px; } .box .box1 .box01 .fl{ } .box .box1 .box01 .fr{ width: 50%; line-height: 30px; height: 167px; position: relative; } .date{ background: url(../images/data.png)left center no-repeat; padding-left: 40px; position: absolute; bottom: 0; } .box .box2{ width: 50%; } .box .box2 .box01{ background-color: white; padding: 11px; margin-top: 30px; -webkit-box-shadow: 4px 4px 6px 0px rgba(195,196,197,0.94); } .box .box2 .box01 .fr{ width: 77%; line-height: 30px; } .box .box2 .box01 h5{ font-size: 16px; line-height: 30px; } .box .box2 .box02{ background-color: white; padding: 20px; margin-top: 25.5px; -webkit-box-shadow: 4px 4px 6px 0px rgba(195,196,197,0.94); } .box .box2 .box02 .fr{ width: 77%; line-height: 30px; } .box .box2 .box02 h5{ font-size: 16px; line-height: 30px; } /* tablist */ .tabtitle{width: 20%;margin:20px 0 100px 0;} .tabtitle h3{line-height: 55px;font-size: 20px;color: #fff;text-align: center;background: #004f94;} .tabtitle li{display: block;line-height: 55px;font-size: 18px;text-align: center;border: 1px solid #e5e5e5;cursor: pointer;} .tabtitle li a{color: #333333;} .tablist_fr{width: 80%;margin:20px 0 100px 0;border-top: 1px solid #bb9d7e;padding:0 20px;box-sizing: border-box;} .activestab a{color: #004f94!important;font-weight: bold;} .now-id{margin: 12px 0 12px 25px;font-size: 16px;} .now-id a{color: #8f775e;} .now-id a:hover{color:#004f94;} .mod ul li {height: 45px;position: relative;margin-left: 30px;border-bottom:1px solid #e5e5e5;width: 100%;background: url(../images/icon11.png) left no-repeat;} .mod ul li a {padding: 0 100px 0 16px;font-size: 16px;color: #666;line-height: 45px;} .mod ul li span {position: absolute;right: 0;top: 0px;line-height: 45px;font-size: 16px;} .mod ul li .arrows{left: 0;} .mod ul li a:hover{color:#004f94;} .mod ul li:hover{color:#004f94;} .z_t h1{line-height:70px;} /* details */ .content{padding:30px;box-sizing: border-box;} .content_title{font-size: 24px;font-weight: bold;line-height: 40px;text-align: center;} .content_time{font-size: 14px;line-height: 40px;text-align: center;} .content_text{font-size: 18px;margin: 10px 0;line-height: 34px;} .content_text a{text-decoration:underline!important;}