* { margin: 0px; padding: 0px; font-size: 16px; font-family: "Arial"; } a { text-decoration: none; color: inherit; } ul { list-style-type: none; } .middle { width: 1320px; margin: 0 auto; } h1 { text-indent: -9999px; } .title { color: #1BA494; text-align: center; } h2 { font-family: "杩蜂綘绠€鑿卞績"; font-size: 30px; } hr { border: 0; border-top: 2px #1BA494 solid; width: 140px; margin: 5px auto; } .title p { font-family: Colonna MT; font-size: 26px; } .main:after { width: 0px; height: 0px; content: ''; display: block; visibility: hidden; clear: both; } /*head*/ .head-logo { height: 80px; width: 100%; background-color: #ffffff; } .logo { height: 80px; background: url(../images/logo.png) no-repeat; background-position: left center; } .head-nav { background-color: #1ba494; width: 100%; height: 60px; } .head-nav .main-nav { width: 1320px; } .main-nav>li { float: left; line-height: 59px; width: 220px; text-align: center; position: relative; } .head-nav li a { color: #FFFFFF; display: inline-block; width: 100%; height: 100%; } .head-nav li:hover .nav-nav { display: block; } .nav-nav { width: 100%; background-color: #1BA494; border-radius: 0 0 15px 15px; text-align: center; display: none; position: absolute; } .nav-nav li { width: 90%; height: 40px; line-height: 40px; margin: 0 auto; } .nav-nav li:hover { background: #ffffff; } .nav-nav li:hover a { color: #1BA494; } .nav-nav li + li { border-top: 1px #cccccc dashed; } .nav-nav li a { display: inline-block; width: 100%; line-height: 40px; height: 40px; font-size: 14px; } .banner { width: 100%; height: auto; margin:0; padding:0; } /*head finish*/ /*foot*/ footer { background: #1BA494; width: 100%; padding: 60px 0; color: #FFFFFF; } footer:after { width: 0px; height: 0px; content: ''; display: block; visibility: hidden; clear: both; } ul.foot-about { width: 222px; float: left; padding: 0 10px; } ul.foot-connect { width: 330px; float: left; padding: 0 10px; } .foot-title { font-weight: 600; font-size: 16px; display: inline-block; margin: 20px 0; } footer ul li { line-height: 30px; font-size: 14px; } footer ul li a { font-size: 14px; } .foot-type>li>ul>li { float: left; margin-right: 15px; } .foot-type>li>ul:after { width: 0px; height: 0px; content: ''; display: block; visibility: hidden; clear: both; } /*foot finish*/ /*side*/ .side { width: 220px; float: left; border: 1px #efefef solid; text-align: center; margin-right: 50px; padding-bottom: 10px; } #side-head { width: 100%; height: 40px; border-radius: 0px 0px; background-color: #1BA494; background-image: none; line-height: 40px; list-style-type: none; text-align: center; font-size: 16px; color: #FFFFFF; } /*.side li{ color: #777777; width: 180px; line-height: 40px; background-image: linear-gradient(to bottom,#f8f8f8,#dddddd); border-radius: 25px 25px; }*/ .side >li > a { font-size: 14px; color: #777777; display: inline-block; width: 180px; line-height: 40px; background-image: linear-gradient(to bottom, #f8f8f8, #dddddd); border-radius: 25px 25px; } .side > li:hover > a { background: #1BA494; color: #FFFFFF; cursor: pointer; } .side li+li { margin: 8px auto 0px; } ul#nav > li { position: relative; } ul#nav > li >ul >li { margin: 0 auto; border-bottom: 1px solid #fff; width: 150px; line-height: 34px; } .pages > ul { display: inline-block; } .pages > ul > li { float: left; } ul.nav2> li > a { font-size: 12px; color: #000; display:inline-block; line-height:16px; } ul.nav2> li > a:hover { font-size: 15px; } .nav2 { display: none; margin-top: 1px; } .side>li:hover .nav2 { display: block; } .middle > a { display: block; width: 80%; float: left; } .middle >p { float: right; line-height: 80px; margin-right: 80px; color: #1ba494; } .c_top { float: right; text-align: center; margin-right: 82px;} .c_top > a > p { color: #494949; font-size: 14px; line-height: 80px; } .c_top > a >p:hover { color: #1ba494; } .about { width: 100%; padding: 40px 0; } footer ul li > p { font-size: 14px; float: left; } ul.foot-connect > li:after{ content:""; display:block; clear:both;} footer ul li > p > span { display: block; font-size: 14px; } .c_erweima > img { width: 100%; height: 100%; } .c_erweima { width: 140px; height: 140px; position: fixed; right: 0; top: 40%; z-index:999; } header { position: relative; } .slideBox .hd ul{ position: absolute; bottom: 3%; right: 3%;} .slideBox .hd ul li{ float:left; margin-right:2px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; font-size:14px; } .slideBox .hd ul li.on{ background:#f00; color:#fff; } .slideBox .bd img { width:100%; display:block;}