锘緻charset "utf-8"; /* CSS Document */ *{ margin:0; padding:0;} body{ width:100%; min-width: 1300px; margin:0 auto; padding:0; font-size:12px; background:#fff;font-family:"寰蒋闆呴粦";} img{ border:0px;} .fl{float:left; } .fr{float:right;} .clearfixhead{ margin: 0 auto;width: 680px; position: absolute;z-index: 7;} .clearfixhead:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";} .clearfix{*zoom:1; font-weight:100; } .clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";} a{ text-decoration:none; } a:hover {color: #00cdff;text-decoration: underline; } li{ list-style:none;} a,li,dl{cursor: pointer;} input,select,area,textarea{outline: 0; -moz-outline: 0; vertical-align: middle;font-family: "寰蒋闆呴粦";} table{border-collapse:collapse;} .auto{ width: 1200px; margin: 0 auto;} samp{font-family: "寰蒋闆呴粦";} h1,h2,h3,h4,h5,h6,em,i{ font-weight: normal;} .font{font-size:0;line-height:0;} .blank{width: 100%; height: 50px; overflow: hidden; clear: both; display: block;} .div{width: 100%; overflow: hidden;} .ul{width: 110%;} .pr{position: relative;} .ov{overflow: hidden;} .ani{transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;} .toptitle { height: 30px; background-color: #e5e3e3; font-size: 14px;} .toptitle-center { width:1300px;margin:0 auto; } .toptitle-left { float: left; height: 30px; line-height: 30px; width: 800px;} .toptitle-right {float: right;height: 30px; line-height: 30px;} .toptitle-right img { vertical-align: middle;} .menu { float: left;position: relative; margin: 30px 0px 20px 0px} /*banner鐒︾偣鍥惧垏鎹?/ .flexslider{position:relative; width:100%; margin:0 auto;height:auto;overflow:hidden;} .slides{position:relative;z-index:1;font-size: 0;} .slides li{ width:100%;height:auto; position:relative; } .slides li a{ display:block;width:100%; height:100%;} .slides li a img{ width:100%; height:auto;} .flex-control-nav{ width: 100%; position:absolute;bottom:2%;z-index:2; right:0;text-align:center;} .flex-control-nav li{display:inline-block;width:9px;height:9px;margin:0 5px; *display:inline;zoom:1; } .flex-control-nav a{display:inline-block;width:9px;height:9px;line-height:40px;overflow:hidden;cursor:pointer;} .flex-control-nav .flex-active{} .flex-direction-nav{z-index:3; left:0;width:100%;} .flex-direction-nav li a{display:block;width:45px;height:45px;top:45%;overflow:hidden;cursor:pointer;position:absolute;z-index: 99;} .flex-prev{background: #aeaeae url("../images/20.png")/*tpa=http://www.bonnyhm.com/images/20.png*/ no-repeat center center;left: 3%;} .flex-next{background: #aeaeae url("../images/19.png")/*tpa=http://www.bonnyhm.com/images/19.png*/ no-repeat center center;right: 3%;} .flex-prev:hover{background: #d7000f url("../images/20.png")/*tpa=http://www.bonnyhm.com/images/20.png*/ no-repeat center center;transition-duration: 0.5s;} .flex-next:hover{background: #d7000f url("../images/19.png")/*tpa=http://www.bonnyhm.com/images/19.png*/ no-repeat center center;transition-duration: 0.5s;} .head{background: #005a63; overflow: hidden; width: 100%; height: 140px;} .headLine { width:1200px;margin:0 auto; margin-top: 20px; } .logo{width: 350px; margin: 0 auto; float:left} .logo img { width:300px; } .logo_img{font-size: 0;margin-top: 18px;} .mli{float: left;width: 105px; text-align: center;padding:18px 0;position: relative;} .ma{font-size: 14px;color: #fff; line-height: 1em;display: block;font-size: 16px;} .mli:hover{height: 17px;} .mli:hover .ma{color: #00cdff;text-decoration: underline;} .mli.hover{ color:#FFF;height: 17px;} .mli.hover .ma{color: #00cdff;text-decoration: underline;height: 17px;} .m_dd{width: 252px; height: 119px; overflow: hidden;} .xl_img{position: absolute; top: -7px; left:56px;z-index: 99;width: 15px; height: 7px;background: url("../images/16.png") no-repeat;} .top-content{ position:relative; height:80px; overflow:hidden; margin:0 auto;} .head-tel { position: absolute; top: 40px; right: 60px; z-index: 9; font-family: Arial; border-radius:17px;} .head-tel-wrap { width: 30px; height: 30px; border: 2px solid #fff; border-radius: 17px; overflow: hidden; position: relative; padding: 3px; -webkit-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; } .head-tel-wrap:hover { width: 150px; } .head-tel-wrap ul { width: 150px; position: absolute; right: 0; top:0; } .head-tel-wrap li {} .head-tel-pic img {vertical-align: top; } .head-tel-number { line-height: 30px; font-size: 16px; padding: 0 15px; color: #fff; font-weight: bold; } .head-tel a { line-height: 34px; margin: 0 10px; } .head-tel span, .head-tel a { display: inline-block; vertical-align: top; } .head-tel-wrap li.head-tel-pic{ position:absolute; width:20px; height:20px; right:10px; top:-3px;} .logo_right{margin-top: 20px; width: 160px;} .lo_ch{padding:5px; padding-right: 23px;color: #c6c4c3; line-height: 24px; border: 1px solid #efefef; background: url("../images/21.png") no-repeat 93% center;} .lo_ch img{vertical-align: middle; margin-right: 5px;} .lo_xl{padding: 10px 0; float: right; width: 100px; text-align: right;} .xl_span{display: block;padding:3px 5px;color: #89ADAE } .lo_xl a:hover {color:#fff; } .xl_span img{vertical-align: middle; margin-right: 5px;} .lo_ph{color: #d7000f;font-size: 16px; line-height: 30px;margin-top: 5px;} .foot{width: 100%;background: url("../images/dibuditu.jpg") no-repeat top center #133335;color: #fff;margin-top: 30px;} .foot_top{width: 1200px; margin: 0 auto;padding: 50px 0 5px 0;} .foot_top .it_h3{color: #FFFFFF;} .foot_top .it_bor{background: #FFFFFF;} .foot_top .it_ts{color:#e8e5e5;} .foot_bottom{width: 100%; color: #4c4c4e; background: #fff; height: 50px; line-height: 50px;} .foot_bottom a{color:#4c4c4e ;} .weixin img { width:180px; } .fb_a{display: block; height: 28px; float: left; line-height: 28px;border: 1px solid #2e2e30; padding: 0 8px 0 28px;margin-left: 15px;background: url("../images/33.png") no-repeat 5px center;} .footauto p{margin: 0px;} .index_title{text-align: left;padding: 20px 0;} .it_h3{font-size: 30px; color: #000;line-height: 1em;font-family: "榛戜綋", Verdana, Geneva, sans-serif;width: 80%; float: left;} .it_more {background: url("../images/yinzhiming_20.png") no-repeat right; float: right; width: 20%; height: 30px;} .it_pos{width: 1200px; height: 18px; position: relative; margin: 0 auto;border-bottom: 1px solid #d5d5d5; clear: both;} .it_bor{width: 50px; height: 2px;display: block;/*background: #757373; */ position: absolute;bottom: -1px;} .it_ts{font-size: 14px; color: #bababa; line-height: 22px;margin-top: 15px;} .right{position: fixed; top:30%; right:0px;z-index: 99;} .ra{display: block; width:56px;height:56px;background: #d7000f; margin-bottom: 2px; position: relative;} .tb{display: block; width: 56px; height: 56px;position: relative;} .ttb1{background:#bababa url("../images/53.png") no-repeat center center;} .ttb2{background: url("../images/54.png") no-repeat center center;} .ttb3{background: url("../images/55.png") no-repeat center center;} .ttb4{background: url("../images/56.png") no-repeat center center;} .ra_txt{display: inline-block; width: 110px; height: 56px;float: left; font-size: 14px;background: #d7000f; color:#FFFFFF;text-indent:0.5em; line-height: 56px; position: absolute;top: 0; left: 56px;} .wx_img{position: absolute; top: 0; left: 56px;z-index:-1;} .foot-mc{ min-height:170px; padding-left:15px} .foot-mc h3{margin:0 0 18px; font-size:16px; font-weight:bold; color:#fff} .foot-mc ul{list-style:none; margin:0; padding:0;font-size:14px} .foot-mc a{display:block; color:#eee} .foot-mc a:hover{color:#00cdff} .foot-mc ul li {height:28px;line-height:28px; overflow: hidden;} /***鍙嬫儏閾炬帴****/ .link { color:#000;margin-top: 30px; }