*{margin: 0;padding: 0;border: none;font-family:"微软雅黑";} a,a:hover{text-decoration: none;} body{background:#EFEFEF;} /*通用*/ .link-top { text-align: right; } .link-top a { font-size: 14px; color: #fff; vertical-align: middle; position: relative; top: 20px; right: 30px; } .link-top span { font-size: 16px; color: #fff; padding: 0 5px; vertical-align: middle; } .link-top a:hover { color: rgba(255, 255, 255, .8); } /*头部导航+BANNER*/ header{width:100%;position:relative;margin:0 auto;} header>nav{width:100%;height:150px;background:#0C529D; background: linear-gradient(to bottom, #284da5 ,#153087); } header>nav>div{width:1200px;height:100px;margin:0 auto;position:relative;} header>nav>div>ul.navul_2{display:inline-block;width: 100%; height:40px;position:absolute;right:0px;top: 102px; z-index:999;} header>nav>div>ul.navul_2>li{list-style-type:none;display:inline-block;padding:0px 21px;height:40px;line-height:40px;position:relative;} header>nav>div>ul.navul_2>li>a{font-size:16px;color:#FFF;} .tl_logo { ;} .tl_logo img { height: 80px; margin-top: -10px; } .inbanner{width:1200px;height:360px; margin:0 auto;} .title{width:1200px;height:360px;position:relative;} .title>div.bannernr{width:800px;margin:0 auto;margin-top:80px;position:absolute;left:50px;top:30px;z-index:1;} .title>div.bannernr{background:url(../images/in/up_bj5.jpg);width:750px;padding:20px; } .title:hover>div.bannernr{background:url(../images/in/up_bj6.jpg); } .title>div.bannernr>h1{font-size:22px;color:#FFF;margin:0px;padding:0px;opacity:0; } .title:hover>div.bannernr>h1{opacity:1; } .title>h2{font-size:18px;color:#FFF;margin:0px;padding:0px;opacity:0.8; position:absolute;bottom:30px;left:50px;display:inline-block;height:40px;background:url(../images/in/up_bj6.jpg);padding-left:20px;padding-right:20px;line-height:39px;} .title:hover>h2{opacity:0; } .title>div.bannernr>p{font-size:14px;color:#FFF;margin-top:10px;opacity:0; } .title:hover>div.bannernr>p{opacity:1; } .title>div.bannernr>a>p{width:140px;height:30px;text-align:center;line-height:28px;border:1px #FFF dashed;font-size:15px;color:#FFF;opacity:0; } .title:hover>div.bannernr>a>p{opacity:1;border:1px #FFF solid; background:#11406C;color:#FFF;} .title>div.bannernr>a>p>span{font-size:10px;color:#FFF;} section>div>hr.hr2{border-radius:50%;box-shadow: 0px 0px 10px 5px #000;width:260px;height:5px;background:#FFF;margin:0 auto;position:absolute;z-index:-10;bottom:1px;right:55px;} section.banner{width:1200px;height:100px;background:#999;margin:50px auto;margin-top:25px;} section.banner>a>img{width:1200px;height:100px;} @media screen and (max-width: 1000px){ header{ width:1200px;} footer{ width:1200px;} }