Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Warning: Cannot modify header information - headers already sent by (output started at /www/wwwroot/www.85520057.com/func.php:230) in /www/wwwroot/www.85520057.com/css.php on line 6
/*banner*/
body, div, ul, li {
margin: 0;
padding: 0;
}
div,ul,li,dt,dl,dd,h1,h2,h3,h4,h5,h6,h7,img,p,span{ margin:0; padding:0; list-style-type:none; }
body{ background:#f0f2f1;}
img {
border: 0
}
.clear{ clear:both;}
a{ text-decoration:none;}
ul {
list-style: none;
}
.izl-rmenu {
width: 285px;
margin: 0 auto;
padding: 15px 0 30px;
text-align: center;
background: #000;
}
.izl-rmenu .consult {
background-image: url(../images/consult_icon.gif);
background-repeat: no-repeat;
background-position: center -77px;
display: block;
height: 60px;
width: 60px;
text-align: center;
float: left;
}
.izl-rmenu .consult .phone {
background-color: rgb(247,247,255);
position: absolute;
width: 160px;
left: -160px;
top: 0px;
line-height: 73px;
color: #000;
font-size: 18px;
text-align: center;
display: none;
box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.consult:hover .phone {
display: inline !important;
}
.izl-rmenu .cart {
background-image: url(../images/consult_icon.gif);
background-repeat: no-repeat;
background-position: center bottom;
display: block;
height: 16px;
width: 16px;
font-size: 12px;
line-height: 16px;
color: #45BDFF;
text-align: center;
}
.izl-rmenu a.cart:hover .pic {
display: block;
}
.izl-rmenu .btn_top {
background-image: url(../images/float_top.gif);
background-repeat: no-repeat;
background-position: center top;
display: block;
height: 39px;
width: 82px;
-webkit-transition: all 0s ease-in-out;
-moz-transition: all 0s ease-in-out;
-o-transition: all 0s ease-in-out;
transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
background-image: url(../images/float_top.gif);
background-repeat: no-repeat;
background-position: center bottom;
}
.izl-rmenu .cart .pic {
display: none;
position: absolute;
left: 70px;
top: 80px;
width: 133px;
height: 133px;
background: url(../images/wei.jpg);
}
#udesk-feedback-tab {
position: fixed;
right: 2px;
top: 65%;
margin-top: -76px;
-webkit-box-shadow: #DDD 0px -1px 5px;
-moz-box-shadow: #DDD 0px -1px 5px;
box-shadow: #DDD 0px -1px 5px;
z-index: 10000;
cursor: pointer;
background-image: url(../images/consult_icon.gif);
background-repeat: no-repeat;
background-position: center top;
display: block;
height: 76px;
width: 82px;
background-color: #FFF!important;
z-index: 999;
}
/* focusBar */
.shang {
width: 100%;
height: 1000px;
position: relative;
overflow: hidden;
}
.shang1 {
width: 100%;
position: relative;
overflow: hidden;
}
/*导航*/
.dao {
width: 100%;
background:#2b2a2a;
padding: 20px 0 0;
height: 86px;
}
.dao_er {
width: 100%;
background: rgba(255,255,255,1);
padding: 10px 0 0;
position: fixed;
top: 0;
left: 0;
z-index: 99999;
}
.banner1 {
width: 100%;
margin-top: 110px;
}
.banner1 img {
width: 100%;
height: auto;
}
.banner {
max-width: 1920px;
margin-right: auto;
margin-left: auto;
overflow: hidden;
}
/*banner*/
#full-screen-slider {
width: 100%;
height: 550px;
float: left;
position: relative;
}
#slides {
display: block;
width: 100%;
height: 550px;
list-style: none;
padding: 0;
margin: 0;
position: relative
}
#slides li {
display: block;
width: 100%;
height: 100%;
list-style: none;
padding: 0;
margin: 0;
position: absolute
}
#slides li a {
display: block;
width: 100%;
height: 100%;
text-indent: -9999px
}
#pagination {
display: block;
list-style: none;
position: absolute;
left: 28%;
top: 530px;
z-index: 9900;
padding: 5px 15px 5px 0;
margin: 0
}
#pagination li {
display: block;
list-style: none;
width: 50px;
height: 3px;
float: left;
margin-left: 5px;
background: #3c323d;
}
#pagination li a {
display: block;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
text-indent: -9999px;
}
#pagination li.current {
background: #cb9340;
}
#full-screen-slider1 {
width: 100%;
height: 788px;
float: left;
position: relative;
}
#slides1 {
display: block;
width: 100%;
height: 788px;
list-style: none;
padding: 0;
margin: 0;
position: relative
}
#slides1 li {
display: block;
width: 100%;
height: 100%;
list-style: none;
padding: 0;
margin: 0;
position: absolute
}
#slides1 li a {
display: block;
width: 100%;
height: 100%;
text-indent: -9999px
}
#pagination1 {
display: block;
list-style: none;
position: absolute;
left: 26%;
top: 610px;
z-index: 9900;
padding: 5px 15px 5px 0;
margin: 0
}
#pagination1 li {
display: block;
list-style: none;
width: 15px;
height: 15px;
float: left;
margin-left: 20px;
border-radius: 15px;
background: #fff;
}
#pagination1 li a {
display: block;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
text-indent: -9999px;
}
#pagination1 li.current {
background: #7d7d7d;
}
.dao_left {
width: 300px;
float: left;
}
.con {
width: 1200px;
margin: 0 auto;
}
.con1 {
width: 1220px;
margin: 0 auto;
}
.con2 {
width: 1200px;
margin: 0 auto;
}
.con3 {
width: 1420px;
margin: 0 auto 50px;
}
.navs {
}
.navs * {
text-decoration: none;
font-size: 9pt;
}
.navs * a:hover {
text-decoration: none;/* 鼠标经过时的红色背景,可自定义 */
}
.dao_right {
width: 805px;
float: right;
padding-top:10px;
position: relative;
}
.navs {
list-style: none;
}
.navs li {
float: left;
text-align: center;
position: relative;
height:50px; line-height:50px;
}
.navs li:nth-child(7) {
float: left;
text-align: center;
position: relative;
background: none;
}
.navs li a {
color: #ffffff;
font-family: "微软雅黑";
font-size: 15px;
padding: 0px 10px;
margin:0 10px;
blr:expression(this.onFocus=this.close());
blr:expression(this.onFocus=this.blur());
display: inline-block;
border-bottom:#2b2a2a solid 2px;
}
.sou {
position: absolute;
right: 0px;
top: 10px;
background: #fff;
border: #f00 solid 1px;
border-radius: 30px;
width: 245px;
height: 40px;
font-family: "微软雅黑";
font-size: 24px;
color: #00428e;
padding: 0 0 0 20px;
}
.sou0 {
width: 205px;
text-align: left;
float: left;
padding-top: 0px;
}
.navs li a:hover {
color: #ffffff;
border-bottom:#ffffff solid 2px;
}
.navs li a:focus {
-moz-outline-style: none;
}
.navs li .sub-nav {
position: absolute;
top: 62px;
left: -10px;
list-style: none;
background: rgba(51,51,51,0.4);
display: none;
z-index: 99999;
}
.navs li .sub-nav li {
text-align: center;
clear: left;
width: 120px;
position: relative;
padding: 10px 0;
}
.navs li .sub-nav li a {
height: 20px;
line-height: 20px;
width: 120px;
padding: 0;
color: #000;
font-size: 14px;
}
.navs li .sub-nav li a:hover {
color: #a40000;
}
.first {
width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.first1 {
width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.f1 {
width: 605px;
float: left;
height:110px; line-height:110px;
color:#000000; font-size:36px; font-weight:bold;
font-family:"微软雅黑";
}
.f1 span {
vertical-align: middle;
font-weight:normal;
text-align: center;
color: #717171;
font-family: "微软雅黑";
font-size: 24px;
padding-left:20px;
}
.f2 {
width:200px;
overflow: hidden;
float: right;
height: 110px;
color: #2d2d2d;
font-size: 16px;
font-family: "微软雅黑";
}
.f2 a{
border:#bcbcbc solid 1px;
margin-top:40px;
width:120px;
overflow: hidden;
float: right;
height: 32px;
line-height:32px;
display:block;
color: #323232;
font-size: 14px;
font-family: "微软雅黑";
border-radius:5px;
text-align:center;
}
.f3 {
width: 390px;
float: left;
height:807px;
line-height:35px;
color: #2d2d2d;
font-size: 16px;
font-family: "微软雅黑";
padding: 0px;
}
.f3 span {
color: #000;
font-size: 24px;
font-family: "微软雅黑";
padding: 0px 0px 30px 0px;
display: block;
background: url(../images/dian.jpg) no-repeat left bottom;
margin-bottom:30px;
}
.f3 a{ display:block;
text-align:center; padding-top:0px; }
.f3 a:hover{ background:#fffc00;}
.f4{ float:right; width:795px; overflow:hidden;}
.f4 img {
width: 100%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1);
transform: scale(1);
}
.f4:hover img {
opacity: 1.0;
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
.cpa{ float:right; width:795px; height:807px; overflow:hidden;}
.f4_{ float:right; width:795px; overflow:hidden; margin-top:5px;}
.f4_ .f4_1 {
width: 49.5%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1);
transform: scale(1);
float:left;
}
.f4_1 img {
width: 100%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1);
transform: scale(1);
}
.f4_1:hover img {
opacity: 1.0;
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
.f4_ .f4_2 {
width: 49.5%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1);
transform: scale(1);
float:right;
}
.f4_2 img {
width: 100%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1);
transform: scale(1);
}
.f4_2:hover img {
opacity: 1.0;
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
.f5 {
line-height:35px;
color: #2d2d2d;
font-size: 16px;
font-family: "微软雅黑";
padding:30px 0;
}
.sec{overflow:hidden; width:1200px; margin:10px auto; height:400px;}
.sec1{ width:591px; float:left; height:400px; overflow:hidden;}
.sec1 img {
width: 100%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1);
transform: scale(1);
}
.sec1:hover img {
opacity: 1.0;
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
.sec2 {
width:591px; float:right; height:400px; overflow:hidden;
}
.sec2 img {
width: 100%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1);
transform: scale(1);
}
.sec2:hover img {
opacity: 1.0;
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
.contant{ width:1200px; margin:30px auto;}
.case{ overflow:hidden; padding:40px 0;color: #878787; width:1200px; margin:0 auto;
font-size: 16px;
font-family: "微软雅黑"; text-align:center;}
.case span{ overflow:hidden; padding:0;color: #323232;
font-size:30px; font-weight:bold;
font-family: "微软雅黑"; display:block;}
.case p{ overflow:hidden;color: #323232;font-size:16px;font-family: "微软雅黑";display:block; background:url(../images/case.png); background-repeat:no-repeat; background-position:center center;}
.sec_1{overflow:hidden; width:1360px; margin:30px auto; height:546px; background:#2f2f2f;}
.sec3 {
width: 373px;
float: left;
line-height:35px;
color: #fff;
font-size: 16px;
font-family: "微软雅黑";
padding:100px 50px 30px 50px;
}
.sec3 span {
color: #fff;
font-size: 24px;
font-family: "微软雅黑";
padding: 0px 0px 30px 0px;
display: block;
background: url(../images/dian1.jpg) no-repeat left bottom;
margin-bottom:30px;
}
.sec3 a{ display:block; width:40px; height:40px; border-radius:50px; border:#aeaeae solid 1px;
text-align:center; padding-top:0px; margin-top:50px;}
.sec3 a:hover{ background:#585858;}
#wrap{
width: 1360px;
margin: 20px auto;
}
#wrap ul li .a1 img{
width: 443px;
height: 450px;
}
#wrap ul li{
border: #e7e7e7 solid 1px;
margin-right: 12px;
margin-bottom: 30px;
float: left;
width: 443px;
height: 450px;
list-style: none;
position: relative;
overflow: hidden;
}
#wrap ul li:nth-child(3) { margin-right:0;}
#wrap ul li:nth-child(6) { margin-right:0;}
#wrap ul li:nth-child(9) { margin-right:0;}
#wrap ul li .a1 .divA{
position: absolute;
bottom: 0;
left: 0;
width: 443px;
height:100px;
padding: 10px 0px;
background: #fff;
z-index:99;
}
#wrap ul li .a1 .divA>.p1{
border-bottom: #d2d2d2 solid 1px;
margin: 10px 20px;
line-height: 30px;
font-size: 18px;
color: #000;
padding:0 0 20px
}
#wrap ul li .a1 .divA>.p2{
line-height: 30px;
font-size: 16px;
color: #a3a3a3;
background: url(../images/arrow1.jpg) no-repeat right center;
display: block;
margin: 5px 20px;
}
#wrap ul li .a1 .divA>.p3{
position: absolute;
right: 0;
bottom: 12px;
width: 108px;
height: 28px;
color: #f60;
}
#wrap ul li .a1 .divA>.p3>span{
font-size: 24px;
font-weight:800;
}
/*遮罩*/
#wrap ul li .a2{
position: absolute;
top: 0;
left:-443PX;
width: 443px;
height: 450px;
text-align: center;
color: white;
background: rgba(0,0,0,0.6);
transition: all 0.2s;
}
#wrap ul li .a2 .p4{
width: 443px;
text-align: center;
position: absolute;
top: 120px;
left: -474px;
color: #ffe605;
font-size: 24px;
font-weight: bold;
transition: all 0.2s 0.1s ease-out ;
}
#wrap ul li .a2 .p5{
width: 370px;
text-align: center;
line-height:20px ;
position: absolute;
top: 170px;
left:20px;
margin: 30px 30px 10px;
line-height:35px;
font-size: 16px;
color: white;
transition: all 0.2s 0.2s ease-out ;
}
#wrap ul li .a2 .p7{
position: absolute;
bottom:20px;
left: 145px;
width: 160px;
height: 38px;
line-height: 38px;
border-radius: 20px;
margin: 10px auto;
border: 1px solid;
transition: all 0.2s 0.5s ;
}
#wrap2{
width: 1200px;
margin: 20px auto;
}
#wrap2 ul li .a1 img{
width: 390px;
height: 293px;
}
#wrap2 ul li{
border: #e7e7e7 solid 1px;
margin-right: 12px;
margin-bottom: 30px;
float: left;
width: 390px;
height: 396px;
list-style: none;
position: relative;
overflow: hidden;
}
#wrap2 ul li:nth-child(3) { margin-right:0;}
#wrap2 ul li:nth-child(6) { margin-right:0;}
#wrap2 ul li:nth-child(9) { margin-right:0;}
#wrap2 ul li .a1 .divA{
position: absolute;
bottom: 0;
left: 0;
width: 390px;
height:100px;
padding: 10px 0px;
background: #fff;
z-index:99;
}
#wrap2 ul li .a1 .divA>.p1{
border-bottom: #d2d2d2 solid 1px;
margin: 10px 20px;
line-height: 30px;
font-size: 18px;
color: #000;
padding:0 0 20px
}
#wrap2 ul li .a1 .divA>.p2{
line-height: 30px;
font-size: 16px;
color: #a3a3a3;
background: url(../images/arrow1.jpg) no-repeat right center;
display: block;
margin: 5px 20px;
}
#wrap2 ul li .a1 .divA>.p3{
position: absolute;
right: 0;
bottom: 12px;
width: 108px;
height: 28px;
color: #f60;
}
#wrap2 ul li .a1 .divA>.p3>span{
font-size: 24px;
font-weight:800;
}
/*遮罩*/
#wrap2 ul li .a2{
position: absolute;
top: 0;
left:-390PX;
width: 390px;
height: 396px;
text-align: center;
color: white;
background: rgba(0,0,0,0.6);
transition: all 0.2s;
}
#wrap2 ul li .a2 .p4{
width: 390px;
text-align: center;
position: absolute;
top: 80px;
left: -474px;
color: #ffe605;
font-size: 24px;
font-weight: bold;
transition: all 0.2s 0.1s ease-out ;
}
#wrap2 ul li .a2 .p5{
width: 340px;
text-align: center;
line-height:20px ;
position: absolute;
top: 120px;
left:20px;
margin: 30px 30px 10px;
line-height:35px;
font-size: 16px;
color: white;
transition: all 0.2s 0.2s ease-out ;
}
#wrap2 ul li .a2 .p7{
position: absolute;
bottom:20px;
left: 113px;
width: 160px;
height: 38px;
line-height: 38px;
border-radius: 20px;
margin: 10px auto;
border: 1px solid;
transition: all 0.2s 0.5s ;
}
#wrap1{
width: 1360px;
margin: 0px auto;
}
#wrap1 ul li .a1 img{
width: 668px;
height: 590px;
}
#wrap1 ul li{
border-bottom: #e7e7e7 solid 1px;
margin-right: 24px;
margin-bottom: 30px;
float: left;
width: 668px;
height: 590px;
list-style: none;
position: relative;
overflow: hidden;
}
#wrap1 ul li:nth-child(2) { margin-right:0;}
#wrap1 ul li .a1 .divA{
position: absolute;
bottom: 0;
left: 0;
width: 668px;
height:100px;
padding: 10px 0px;
background: #fff;
z-index:99;
}
#wrap1 ul li .a1 .divA>.p1{
margin: 10px 0px;
line-height: 30px;
font-size: 24px;
color: #000;
padding:0 0 10px
}
#wrap1 ul li .a1 .divA>.p2{
line-height: 30px;
font-size: 16px;
color: #a3a3a3;
background: url(../images/arrow1.jpg) no-repeat right center;
display: block;
margin: 5px 0px;
}
#wrap1 ul li .a1 .divA>.p3{
position: absolute;
right: 0;
bottom: 12px;
width: 108px;
height: 28px;
color: #f60;
}
#wrap1 ul li .a1 .divA>.p3>span{
font-size: 24px;
font-weight:800;
}
/*遮罩*/
#wrap1 ul li .a2{
position: absolute;
top: 0;
left:-668PX;
width: 668px;
height: 590px;
text-align: center;
color: white;
background: rgba(0,0,0,0.6);
transition: all 0.2s;
}
#wrap1 ul li .a2 .p4{
width: 668px;
text-align: center;
position: absolute;
top: 120px;
left: -474px;
color: #ffe605;
font-size: 24px;
font-weight: bold;
transition: all 0.2s 0.1s ease-out ;
}
#wrap1 ul li .a2 .p5{
width: 600px;
text-align: center;
line-height:20px ;
position: absolute;
top: 170px;
left:20px;
margin: 30px 30px 10px;
line-height:35px;
font-size: 16px;
color: white;
transition: all 0.2s 0.2s ease-out ;
}
#wrap1 ul li .a2 .p7{
position: absolute;
bottom:20px;
left: 250px;
width: 160px;
height: 38px;
line-height: 38px;
border-radius: 20px;
margin: 10px auto;
border: 1px solid;
transition: all 0.2s 0.5s ;
}
.product {
overflow: hidden;
margin:15px auto;
width:1200px;
}
.product ul li img {
width: 370px;
height: 240px;
}
.product ul li {
margin-right:45px;
margin-bottom: 30px;
float: left;
width:370px;
overflow:hidden;
}
.product ul li:nth-child(1) { margin-right:45px;}
.product ul li:nth-child(2) { margin-right:45px;}
.product ul li:nth-child(3) { margin-right:0;}
.product ul li:nth-child(3) { margin-right:0;}
.product ul li:nth-child(6) { margin-right:0;}
.product ul li:nth-child(9) { margin-right:0;}
.product ul li div.k {
margin: 15px 0;
line-height: 30px;
font-size: 18px;
color: #000000;
font-weight:bold;
}
.product ul li div.k span {
font-size: 16px;
margin-top:10px;
font-weight:normal;
color: #828282;
display: block;
}
.product ul li div.k span a{
font-size: 16px;
font-weight:normal;
color: #a7292a;
}
.product ul li div.m {
width:370px; height:240px; overflow:hidden;
}
.product2 {
overflow: hidden;
margin:60px 0;
}
.product2 ul li {
overflow:hidden;
border-bottom: #d2d2d2 solid 1px;
}
.k1 {
margin:0;
line-height: 30px;
font-size: 18px;
color:#666;
padding:20px;
}
.k1 span {
font-size: 15px;
color: #a9a9a9;
display: block;
}
.k1:hover{ background:#f2f2f2}
.cha2 {
line-height: 30px;
font-size: 20px;
color: #000;
background: url(../images/arrow.jpg) no-repeat right center;
display: block;
margin: 5px 0;
}
.cha {
line-height: 30px;
font-size: 12px;
color: #000;
background: url(../images/arrow1.jpg) no-repeat right center;
display: block;
margin: 5px 20px;
}
.product ul li img {
width: 100%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1);
transform: scale(1);
}
.product ul li:hover img {
opacity: 1.0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.tuan1 {
border: #d9d9d9 solid 1px;
background: #fff;
overflow: hidden;
margin-bottom: 45px;
width: 270px;
height: 145px;
box-shadow: 2px 5px 5px #efefef;
font-family: "微软雅黑";
font-size: 16px;
color: #333;
padding: 20px;
float: left;
margin-left: 65px;
line-height: 30px;
}
.tuan1 div img {
width: 43px;
height: 43px;
}
.tuan1 div {
padding: 0 10px;
line-height: 40px;
font-family: "微软雅黑";
font-size: 18px;
color: #333;
text-align: center;
}
.product1 {
overflow: hidden;
margin:15px 0;
}
.product1 ul li img {
width: 434px;
height: 255px;
}
.product1 ul li {
margin-right: 27px;
overflow:hidden;
border-bottom: #d2d2d2 solid 1px;
padding:35px 0;
}
.product1 ul li div.k {
margin: 15px 20px;
line-height: 30px;
font-size: 18px;
color: #414141;
float:left;
width:680px;
}
.product1 ul li div.k span {
font-size: 16px;
color: #a9a9a9;
display: block;
}
.product1 ul li div.m {
width:434px; height:250px; overflow:hidden; float:left;
}
.cha1 {
line-height: 30px;
font-size: 20px;
color: #000;
background: url(../images/arrow1.jpg) no-repeat right center;
display: block;
margin: 5px 0;
}
.product1 ul li img {
width: 100%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1);
transform: scale(1);
}
.product1 ul li:hover img {
opacity: 1.0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.fenlei{
text-align:center;
margin:30px 0;
}
.set_1_btn {
color: #333;
cursor: pointer;
display:inline-block;
font-size: 16px;
font-weight: 400;
line-height: 45px;
margin-right: 2em;
text-align: center;
max-width: 160px;
position: relative;
text-decoration: none;
text-transform: uppercase;
vertical-align: middle;
width: 100%;
}
.set_1_btn:hover {
text-decoration: none;
}
.Vbtn-3 {
background:transparent;
text-align: center;
}
.Vbtn-3 svg {
height: 45px;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.Vbtn-3 rect {
fill: none;
stroke: #222222;
stroke-width: 3;
stroke-dasharray: 422, 0;
transition: all 450ms linear 0s;
}
.Vbtn-3:hover {
background: rgba(225, 51, 45, 0);
font-weight: 900;
letter-spacing: 1px;
transition: all 150ms linear 0s;
}
.Vbtn-3:hover rect {
stroke-width: 5;
stroke-dasharray: 15, 310;
stroke-dashoffset: 48;
-webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}
.Vbtn-3.active{
color:#fff;
background:#222222;
font-weight:900;}
.hei {
width: 100%;
}
.hei img {
width: 100%;
}
.ban_zi {
position: absolute;
top: 0px;
left: 0;
z-index: 999;
width: 100%;
text-align: center;
padding-top: 150px;
}
/*第二部分*/
.wenhua {
width: 490px;
float: left;
padding-top: 190px;
}
.wenhua1 {
width: 710px;
float: right;
padding-top: 122px;
}
.wenhua2 {
background: url(../images/wen.jpg) no-repeat left top;
font-size: 18px;
color: #169198;
line-height: 30px;
font-family: "微软雅黑";
padding: 18px 20px;
margin-bottom: 30px;
}
.wenhua3 {
background: url(../images/wen1.jpg) no-repeat left top;
font-size: 16px;
color: #548008;
line-height: 20px;
font-family: "微软雅黑";
padding: 18px 20px;
margin-bottom: 30px;
}
.wenhua4 {
background: url(../images/wen2.jpg) no-repeat left top;
font-size: 18px;
color: #b58e1c;
line-height: 30px;
font-family: "微软雅黑";
padding: 18px 20px;
margin-bottom: 30px;
}
.sed_banner {
width: 100%;
padding: 50px 0;
background: url(../images/about-bg.jpg) no-repeat;
height: 690px;
overflow: hidden;
}
.chanpin {
width: 100%;
padding: 50px 0;
background: url(../images/about-bg1.jpg) no-repeat;
height: 852px;
overflow: hidden;
}
/* #marquee1 */
#marquee1 {
width: 1350px;
height: 217px;
overflow: hidden;
margin-left: -95px;
margin-top: 20px;
}
#marquee1 ul li {
float: left;
width: 450px;
height: 217px;
}
#marquee1 ul li a {
width: 430px;
padding: 30px 20px;
height: 217px;
display: block;
background: url(../images/hui.jpg) no-repeat left center;
font-family: "微软雅黑";
color: #8d8d8d;
font-size: 14px;
line-height: 24px;
}
#marquee1 ul li a:hover {
background: url(../images/lv.jpg) no-repeat left center;
text-decoration: none;
}
#marquee1 ul li a span {
color: #343434;
font-size: 20px;
display: block;
margin: 10px 0;
}
#marquee1 ul li a b {
font-weight: 300;
display: block;
background: url(../images/arrow.jpg) no-repeat center center;
margin-top: 10px;
}
#marquee1 ul li a:hover b {
color: #00b369;
background: url(../images/arrow1.jpg) no-repeat center center;
}
#marquee1 ul li img {
float: left;
margin-right: 20px;
}
.fen {
width: 25%;
float: left;
position: relative;
overflow: hidden;
}
.ming {
position: absolute;
top: 70%;
left: 25%;
background: rgba(0,0,0,0.5);
border-radius: 30px;
padding: 5px 0px;
text-align: center;
width: 50%;
font-family: "微软雅黑";
font-size: 20px;
color: #fff;
}
.fen img {
width: 100%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1);
transform: scale(1);
}
.fen:hover img {
opacity: 1.0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.new {
border: #e4e4e4 solid 1px;
float: left;
margin-right: 20px;
width: 408px;
overflow: hidden;
}
.new01 {
padding: 20px;
overflow: hidden;
font-size: 14px;
color: #999999;
line-height: 26px;
font-family: "微软雅黑";
}
.new01 span {
display: block;
font-size: 18px;
color: #000;
font-family: "微软雅黑";
text-align: center;
}
.new01 a {
font-size: 12px;
margin: 20px 0 0 85px;
display: block;
width: 200px;
text-align: center;
border: #cd964d solid 1px;
padding: 10px 0px;
color: #402e17;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
.new img {
width: 100%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1);
transform: scale(1);
}
.new:hover img {
opacity: 1.0;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.new02 {
width: 1300px;
margin: 0 0 40px -60px;
overflow: hidden;
}
.bottom {
background: #000000;
width: 100%;
padding: 10px 0;
font-size: 14px;
color: #ffffff;
font-family: "微软雅黑";
}
.bottom img{ vertical-align:middle;}
.bottom a {
font-size: 14px;
color: #ffffff;
font-family: "微软雅黑";
text-decoration:none;
}
.bottom01 {
border-bottom:#3a3a3a solid 1px;
width: 1240px;
padding: 0px 0 20px;
margin:0 auto;
}
.bottom01 span {
float:right;
}
.bottom02 {
width: 1200 px;
font-size: 14px;
text-align:center;
color: #ffffff;
font-family: "微软雅黑";
line-height: 30px;
margin:0 auto;
}
/*大事记*/
.jj {
width: 1030px;
margin: 100px auto;
}
.jj01 {
width: 360px;
float: left;
background: url(../images/jj_bg.jpg) no-repeat left top;
padding: 23px 0;
}
.jj01 span {
color: #000;
font-family: "微软雅黑";
font-size: 20px;
float: right;
padding: 130px 30px 0 0;
}
.jj02 {
color: #3f3f3f;
font-family: "微软雅黑";
font-size: 14px;
line-height: 30px;
width: 460px;
float: left;
padding: 30px;
}
.jj03 {
float: left;
padding-top: 30px;
}
.new_b {
width: 100%;
height: 617px;
overflow: hidden;
margin: 50px auto;
background: url(../images/new.jpg) no-repeat center top;
}
.new_n {
width: 1000px;
margin: 50px auto;
}
/*-----------------自定义按钮样式,移动端不需要,PC端根据实际情况选择----------------*/
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 925px;
padding: 0;
margin: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 925px;
left: 0;
top: 0;
}
.rslides li div {
background: #55dc5c;
width: 265px;
height: 305px;
position: absolute;
right: 0;
top: 50px;
z-index: 99;
padding: 30px;
font-family: "微软雅黑";
font-size: 16px;
color: #062e08;
line-height: 25px;
}
.rslides li div span {
font-family: "微软雅黑";
font-size: 24px;
color: #062e08;
display: block;
width: 220px;
margin: 30px auto;
text-align: center;
line-height: 30px;
}
.rslides li div a {
font-family: "微软雅黑";
font-size: 14px;
color: #062e08;
display: block;
float: right;
text-transform: uppercase;
margin-top: 45px;
margin-right: 10px;
}
/*.rslides li:first-child {
position: relative;
display: block;
float: left;
}*/
.rslides img {
display: block;
float: left;
width: 696px;
height: 466px;
border: 0;
}
#wrapper {
padding: 20px;
margin-left: 30px;
}
.rslides {
margin: 0 auto 40px;
}
/*#slider2, #slider3 {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
margin: 0 auto;
}*/
.rslides_tabs {
list-style: none;
padding: 0;
background: rgba(0,0,0,.25);
box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
-moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
font-size: 18px;
list-style: none;
margin: 0 auto 50px;
max-width: 540px;
padding: 10px 0;
text-align: center;
width: 100%;
}
.rslides_tabs li {
display: inline;
float: none;
margin-right: 1px;
}
.rslides_tabs a {
width: auto;
line-height: 20px;
padding: 9px 20px;
height: auto;
background: transparent;
display: inline;
}
.rslides_tabs li:first-child {
margin-left: 0;
}
.rslides_tabs .rslides_here a {
background: rgba(255,255,255,.1);
color: #fff;
font-weight: bold;
}
/* Callback example */
.events {
list-style: none;
}
.callbacks_container {
margin-bottom: 50px;
position: relative;
float: left;
width: 100%;
}
.callbacks {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.callbacks li {
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.callbacks img {
display: block;
position: relative;
z-index: 1;
height: 466px;
width: 696px;
border: 0;
}
.callbacks .caption {
display: block;
position: absolute;
z-index: 2;
font-size: 20px;
text-shadow: none;
color: #fff;
background: #000;
background: rgba(0,0,0, .8);
left: 0;
right: 0;
bottom: 0;
padding: 10px 20px;
margin: 0;
max-width: none;
}
.callbacks_nav {
position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0);
top: 52%;
left: -65px;
z-index: 3;
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
height: 61px;
width: 65px;
background: transparent url("../images/jian.jpg") no-repeat left top;
margin-top: -45px;
}
.callbacks_nav:active {
opacity: 1.0;
}
.callbacks_nav.next {
left: 0px;
background-position: right top;
}
@media screen and (max-width: 600px) {
.callbacks_nav {
top: 47%;
}
}
.dibu {
text-align: center;
padding: 0px 0 70px;
color: #343434;
font-family: "微软雅黑";
font-size: 14px;
line-height: 30px;
}
.dibu span {
color: #343434;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
display: block;
}
.dibu a {
padding: 20px;
overflow: hidden;
margin-right: 20px;
}
.dibu a.d {
background: url(../images/d.png) no-repeat center center;
}
.dibu a:hover.d {
background: url(../images/d_v.png) no-repeat center center;
}
.dibu a.d1 {
background: url(../images/d1.png) no-repeat center center;
}
.dibu a:hover.d1 {
background: url(../images/d1_v.png) no-repeat center center;
}
.dibu a.d2 {
background: url(../images/d2.png) no-repeat center center;
}
.dibu a:hover.d2 {
background: url(../images/d2_v.png) no-repeat center center;
}
.dibu a.d3 {
background: url(../images/d3.png) no-repeat center center;
}
.dibu a:hover.d3 {
background: url(../images/d3_v.png) no-repeat center center;
}
.wei {
position: absolute;
bottom: 0px;
right: 10%;
}
.dibu1 {
text-align: center;
padding: 30px 0 70px;
margin-top: 50px;
color: #343434;
font-family: "微软雅黑";
font-size: 14px;
line-height: 30px;
background: #f2f2f2;
}
.dibu1 span {
color: #343434;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
display: block;
}
.dibu1 a {
padding: 20px;
overflow: hidden;
margin-right: 20px;
}
.dibu1 a.d {
background: url(../images/d.png) no-repeat center center;
}
.dibu1 a:hover.d {
background: url(../images/d_v.png) no-repeat center center;
}
.dibu1 a.d1 {
background: url(../images/d1.png) no-repeat center center;
}
.dibu1 a:hover.d1 {
background: url(../images/d1_v.png) no-repeat center center;
}
.dibu1 a.d2 {
background: url(../images/d2.png) no-repeat center center;
}
.dibu1 a:hover.d2 {
background: url(../images/d2_v.png) no-repeat center center;
}
.dibu1 a.d3 {
background: url(../images/d3.png) no-repeat center center;
}
.dibu1 a:hover.d3 {
background: url(../images/d3_v.png) no-repeat center center;
}
/*----------------------------为保证最佳效果,建议设置如下样式------------------------*/
.slider {
display: none
}
.ziyuan_w {
color: #343434;
font-family: "微软雅黑";
font-size: 15px;
line-height: 25px;
padding: 10px 0;
width: 90%;
margin-right: 10%;
}
.zi_zhuan {
width: 392px;
height: 379px;
float: left;
position: relative;
overflow: hidden;
}
.zi_zhuan span {
color: #343434;
font-family: "微软雅黑";
font-size: 30px;
background: rgba(255,255,255,0.5);
position: absolute;
left: 0;
top: 50px;
padding: 10px 20px;
}
.zi_zhuan span a {
color: #343434;
font-family: "微软雅黑";
font-size: 30px;
}
.zi_zhuan img {
width: 100%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1);
transform: scale(1);
}
.zi_zhuan:hover img {
opacity: 1.0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.zi_shu {
width: 305px;
height: 379px;
float: left;
position: relative;
overflow: hidden;
}
.zi_shu span {
color: #343434;
font-family: "微软雅黑";
font-size: 30px;
background: rgba(6,46,8,0.3);
position: absolute;
right: 0;
bottom: 50px;
padding: 10px 20px;
}
.zi_shu span a {
color: #343434;
font-family: "微软雅黑";
font-size: 30px;
}
.zi_shu img {
width: 100%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1);
transform: scale(1);
}
.zi_shu:hover img {
opacity: 1.0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.zi_more {
width: 290px;
height: 462px;
float: left;
position: relative;
overflow: hidden;
}
.zi_more img {
width: 100%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1);
transform: scale(1);
}
.zi_more:hover img {
opacity: 1.0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.top {
margin-top: 60px;
}
.top img {
width: 100%;
margin-top: -10px;
}
.content {
padding: 50px 0;
min-height: 720px;
width: 100%;
}
.content .light {
position: absolute;
left: 55px;
top: -50px;
width: 152px;
height: 191px;
background: url("../images/light-top.png") no-repeat top center;
}
.content .light i {
position: absolute;
width: 100%;
height: 100%;
top: 0;
background: url("../images/light.png") no-repeat top center;
}
.content .line-left {
position: absolute;
left: 0;
top: 15px;
width: 70px;
}
.content .line-right {
position: absolute;
right: 0;
top: 15px;
width: 460px;
}
.content .main {
background: url("../images/line-bg.png") repeat-y 249px 0;
}
.content .main .title {
position: absolute;
line-height: 40px;
padding-left: 67px;
left: 230px;
top: 0;
color: #000;
font-size: 24px;
font-family: "微软雅黑";
background: url("../images/clock.png") no-repeat left top;
}
.content .main .year {
position: relative;
z-index: 100;
}
.content .main .year h2 {
height: 40px;
width: 170px;
padding-right: 30px;
font-size: 24px;
line-height: 40px;
text-align: right;
}
.content .main .year h2 a {
color: #000;
font-family: "微软雅黑";
}
.content .main .year h2 i {
display: block;
position: relative;
height: 0;
width: 0;
left: 190px;
top: -20px;
border-width: 6px;
border-style: solid;
border-color: #2fd035 transparent transparent transparent;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
-webkit-transform-origin: 6px 3px;
-moz-transform-origin: 6px 3px;
-ms-transform-origin: 6px 3px;
-o-transform-origin: 6px 3px;
transform-origin: 6px 3px
}
.content .main .year .list {
margin: 10px 0;
position: relative;
overflow: hidden;
-webkit-transition: height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s;
-moz-transition: height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s;
-ms-transition: height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s;
-o-transition: height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s;
transition: height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s
}
.content .main .year .list ul {
bottom: 0;
}
.content .main .year .list ul li {
background: url("../images/circle.png") no-repeat 235px 31px;
padding: 30px 0;
color: #a1a4b8;
}
.content .main .year .list ul li.highlight {
background-image: url(http://p4.qhimg.com/d/inn/05a63fc5/circle-h.png);
}
.cls {
zoom: 1;
}
.cls:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.content .main .year .list ul li.highlight .date, .content .main .year .list ul li.highlight .intro {
color: #000;
}
.content .main .year .list ul li .date, .content .main .year .list ul li .version {
float: left;
display: block;
clear: left;
width: 200px;
line-height: 24px;
text-align: right
}
.content .main .year .list ul li .date {
font-size: 18px;
line-height: 32px;
color: #000
}
.content .main .year .list ul li .intro, .content .main .year .list ul li .more {
float: left;
display: block;
width: 900px;
margin-left: 100px;
line-height: 24px;
}
.content .more {
float: left;
display: block;
width: 900px;
margin-left: 100px;
line-height: 24px;
padding: 20px 0;
background: url(../images/xian.jpg) no-repeat left bottom;
}
.content .main .year .list ul li .intro {
font-size: 16px;
line-height: 32px;
color: #000;
font-family: "微软雅黑";
}
.ie7 .content .main .year h2 i {
left: 40px
}
.qie1 {
width: 100%;
border-bottom: #c3c3c3 solid 1px;
overflow: hidden;
text-align: center;
padding: 30px 0 0;
}
.qie {
width: 400px;
margin: 0 auto;
text-align: center;
}
.qie a {
padding: 15px;
font-family: "微软雅黑";
font-size: 18px;
color: #000;
overflow: hidden;
display: block;
width: 150px;
float: left;
}
.qie a:hover {
border-bottom: #00ae67 solid 2px;
}
.qie2 {
width: 800px;
margin: 0 auto;
text-align: center;
}
.qie2 a {
padding: 15px;
font-family: "微软雅黑";
font-size: 18px;
color: #000;
overflow: hidden;
display: block;
width: 150px;
float: left;
}
.qie2 a:hover {
border-bottom: #00ae67 solid 2px;
}
.sed {
border-bottom: #00ae67 solid 2px;
}
.biaoti {
width: 600px;
margin: 0 auto;
text-align: center;
font-family: "微软雅黑";
font-size: 20px;
color: #000;
padding: 20px 0 20px;
}
.biaoti img{
text-align:center; margin:0 auto; display:block; max-width:600px;
}
.neirong {
width: 1200px;
margin: 0 auto;
color: #0a0a0a;
font-family: "微软雅黑";
font-size: 16px;
line-height: 45px;
padding: 40px 0;
}
.bg_line {
width: 100%;
overflow: hidden;
background: url(../images/bg_line.jpg) repeat-x left bottom;
padding: 60px 0 3px;
}
.bg_left {
width: 40%;
float: left;
padding-top: 100px;
z-index: 999;
position: relative;
}
.bg_right {
width: 60%;
float: right;
z-index: 9
}
.bg_left1 {
width: 40%;
float: right;
padding-top: 100px;
}
.bg_right1 {
width: 60%;
float: left;
}
.bg_right1 img {
width: 100%;
}
.bg_left2 {
width: 40%;
float: left;
padding-top: 100px;
z-index: 999;
position: relative;
}
.bg_right2 {
width: 60%;
float: right;
text-align: right;
}
.bg_right2 img {
width: 95%;
}
.ren {
width: 560px;
float: left;
overflow: hidden;
margin: 0px 0 40px 0px;
}
.ren img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1);
transform: scale(1);
}
.ren:hover img {
opacity: 1.0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.ren1 {
width: 600px;
float: left;
overflow: hidden;
margin: 0 0 40px 40px;
overflow: hidden;
font-family: "微软雅黑";
font-size: 16px;
color: #414146;
line-height: 35px;
}
.ren1 span {
width: 130px;
display: block;
text-align: center;
border-bottom: #414146 solid 1px;
padding: 0 0 10px;
margin-bottom: 10px;
font-family: "微软雅黑";
font-size: 24px;
color: #414146;
}
/*加入惠康*/
.list_dt {
color: #4e4e4e;
padding: 10px 5px 10px;
line-height: 34px;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-family: "微软雅黑";
font-size: 16px;
position: relative;
border-bottom: 1px dashed #b6b6b6;
}
.list_dt:hover {
}
.list_dt:hover ._after {
display: block;
width: 3px;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
#open {
}
#open ._after {
display: block;
width: 3px;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #4285F4;
}
.list_dt_icon {
position: absolute;
right: 10px;
top: 9px;
display: block;
width: 16px;
height: 16px;
background: url("../images/off.png") no-repeat;
}
#open .list_dt_icon {
background: url("../images/open.png") no-repeat;
}
.list_dd {
display: none;
padding: 15px;
font-family: "微软雅黑";
font-size: 16px;
color: #333;
line-height: 34px;
background: #f5f5f5;
border-bottom: 1px dashed #b6b6b6;
}
.list_li {
background: #4e4e4e;
list-style-type: none;
color: white;
width: 120px;
padding: 0 30px;
height: 34px;
line-height: 34px;
cursor: pointer;
border-bottom: 1px solid #6b6b6b;
}
.list_li:hover {
background: #4285F4;
}
/*实力展示*/
.sliderbox {
background: url(../images/index-bottom.jpg) no-repeat 0 -1px;
width: 1220px;
height: 300px;
overflow: hidden;
padding: 0px 0 0 0;
margin: 0px auto;
}
.arrow-btn {
margin: 75px 0 0 0;
display: inline;
background: url(../images/arrow-btn.png) no-repeat;
width: 37px;
height: 124px;
overflow: hidden;
cursor: pointer;
}
#btn-left {
float: left;
margin-left: 12px;
background-position: 0 0;
}
#btn-left.dasabled {
background-position: 0 -124px;
}
#btn-right {
float: right;
margin-right: 6px;
cursor: pointer;
background-position: -37px 0;
}
#btn-right.dasabled {
background-position: -37px -124px;
}
.slider {
width: 1100px;
overflow: hidden;
position: relative;
height: 300px;
float: left;
}
.slider ul {
position: absolute;
left: 0px;
top: 0px;
width: 2500px;
height: 300px;
list-style: none;
overflow: hidden;
}
.slider li {
float: left;
width: 280px;
height: 230px;
text-align: center;
}
.slider a {
display: block;
text-decoration: none;
color: #414146;
font-size: 18px;
font-family: "微软雅黑";
text-align: center;
margin-top: 24px;
}
.slider img {
width: 240px;
display: inline-block!important;
}
.tou {
width: 691px;
float: left;
overflow: hidden;
color: #414146;
font-size: 16px;
font-family: "微软雅黑";
padding: 50px 0;
line-height: 30px;
}
.tou div {
padding: 20px;
}
.tou1 {
width: 509px;
float: left;
overflow: hidden;
color: #414146;
font-size: 16px;
font-family: "微软雅黑";
padding: 50px 0;
line-height: 30px;
}
.tou1 div {
padding: 30px;
height: 435px;
}
.tou1 span {
width: 130px;
display: block;
text-align: center;
border-bottom: #414146 solid 1px;
padding: 0 0 10px;
margin-bottom: 10px;
font-family: "微软雅黑";
font-size: 24px;
color: #414146;
}
.tou2 {
width: 500px;
float: left;
margin-bottom: 60px;
}
.tou3 {
width: 700px;
float: left;
color: #414146;
font-size: 16px;
font-family: "微软雅黑";
line-height: 30px;
margin-bottom: 20px;
}
.tou3 span {
width: 150px;
display: block;
text-align: center;
border-bottom: #414146 solid 1px;
padding: 0 0 10px;
margin-top: 30px;
font-family: "微软雅黑";
font-size: 24px;
color: #414146;
}
/*新闻*/
.new03 {
background: url(../images/xian02.jpg) no-repeat right bottom;
font-family: "微软雅黑";
font-size: 20px;
color: #00a400;
margin: 30px 0;
}
.new03 span {
display: block;
font-family: "微软雅黑";
font-size: 14px;
color: #00a400;
}
.lubo {
width: 769px;
min-width: 769px;
clear: both;
position: relative;
height: 513px;
float: left;
}
.lubo_box {
position: relative;
width: 769px;
height: 513px;
}
.lubo_box li {
float: left;
position: absolute;
top: 0;
left: 0;
width: 769px;
height: 513px;
opacity: 0;
filter: alpha(opacity=0);
}
.lubo_box li a {
display: block;
width: 769px;
height: 100%;
}
.lubo_box li img {
width: 769px;
height: 513px;
}
/*圆点*/
.cir_box {
overflow: hidden;
position: absolute;
z-index: 100;
}
.cir_box li {
float: right;
width: 15px;
height: 15px;
border-radius: 20px;
margin: 0 5px;
cursor: pointer;
background: #fff;
opacity: 1;
filter: alpha(opacity=100);
}
.cir_on {
background: #00ae67 !important;
}
/*按钮*/
.lubo_btn {
position: absolute;
width: 769px;
top: 140px;
}
.left_btn, .right_btn {
width: 30px;
height: 80px;
background: #000;
opacity: 0;
filter: alpha(opacity=0);
cursor: pointer;
color: #fff;
line-height: 80px;
font-size: 30px;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.left_btn {
float: left;
}
.right_btn {
float: right;
}
.new04 {
width: 570px;
float: left;
margin-left: 20px;
overflow: hidden;
}
.new04 ul li {
background: url(../images/xian.jpg) no-repeat center 23px;
border-bottom: #dcdcdc solid 1px;
padding: 10px 0;
margin-bottom: 10px;
color: #646464;
font-family: "微软雅黑";
font-size: 16px;
line-height: 30px;
}
.new04 ul li a {
color: #454545;
font-family: "微软雅黑";
font-size: 18px;
background: #fff;
padding-right: 15px;
}
.new04 ul li span {
color: #454545;
font-family: "微软雅黑";
font-size: 14px;
background: #fff;
float: right;
padding-left: 15px;
}
.new05 {
background: #00a400;
border-radius: 20px;
padding: 5px 15px;
float: right;
text-align: center;
}
.new05 a {
color: #fff;
font-family: "微软雅黑";
font-size: 14px;
}
.new06 {
overflow: hidden;
margin: 40px 0;
}
.new06 ul li {
background: url(../images/xian.jpg) no-repeat right 23px;
padding: 10px 0 20px;
color: #646464;
font-family: "微软雅黑";
font-size: 16px;
line-height: 30px;
clear: both;
overflow: hidden;
}
.new06 ul li a {
color: #454545;
font-family: "微软雅黑";
font-size: 18px;
background: #fff;
padding-right: 15px;
}
.new06 ul li span {
color: #454545;
font-family: "微软雅黑";
font-size: 14px;
background: #fff;
float: right;
padding-left: 15px;
}
.new06 ul li img {
width: 248px;
height: 158px;
float: left;
margin-right: 30px;
overflow: hidden;
}
.page {
overflow: hidden;
padding: 50px 0;
text-align: center;
}
.page a {
border: #e9e9e9 solid 1px;
padding: 5px 10px;
color: #000;
font-family: "微软雅黑";
font-size: 14px;
margin-right:5px;
}
.page a:hover {
color: #f08519;
}
.page a:nth-of-type(1){background: #909090;border: #909090 solid 1px; color:#fff;}
.page a:nth-of-type(2){background: #909090;border: #909090 solid 1px; color:#fff;}
.page a:nth-last-of-type(1){background: #909090;border: #909090 solid 1px; color:#fff;}
.page a:nth-last-of-type(2){background: #909090;border: #909090 solid 1px; color:#fff;}
.page a:nth-last-of-type(3){background: #909090;border: #909090 solid 1px; color:#fff;}
.map {
width: 100%;
overflow: hidden;
background: url(../images/map.jpg) no-repeat center top;
height: 500px;
margin: 50px auto 0;
}
.lianxi {
width: 600px;
background: #fff;
padding: 21px 40px;
overflow: hidden;
margin: 80px auto;
}
.lianxi01 {
background: url(../images/heixian.jpg) no-repeat left bottom;
padding: 0px 0 10px;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 36px;
font-weight: bold;
}
.lianxi01 span {
color: #00ae67;
font-family: Arial, Helvetica, sans-serif;
font-size: 46px;
font-weight: bold;
display: block;
}
.lianxi02 {
background: url(../images/dizhi.jpg) no-repeat left 16px;
padding: 15px 0 20px 25px;
color: #000;
font-family: "微软雅黑";
font-size: 14px;
line-height: 24px;
}
.lianxi02 span {
display: block;
margin-bottom: 5px;
font-weight: bold;
color: #000;
font-family: "微软雅黑";
font-size: 18px;
}
.liu {
color: #00ae67;
font-family: "微软雅黑";
font-size: 20px;
padding: 10px 0;
}
.pad {
padding: 0 0 10px 0;
}
.cp {
overflow: hidden;
padding: 0 0 3px 0;
}
.cp ul li {
float: left;
margin-right: 3px;
overflow: hidden;
}
.cp1 {
overflow: hidden;
padding: 0 0 0px 0;
}
.cp1 ul li {
float: left;
margin-right: 3px;
margin-bottom: 3px;
overflow: hidden;
}
.cp2 {
overflow: hidden;
padding: 0 0 0px 0;
}
.cp2 ul li {
float: left;
margin-right: 4px;
margin-bottom: 3px;
overflow: hidden;
}
.cp ul li img {
width: 100%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1);
transform: scale(1);
}
.cp ul li:hover img {
opacity: 1.0;
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
.cp1 ul li img {
width: 100%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1);
transform: scale(1);
}
.cp1 ul li:hover img {
opacity: 1.0;
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
.cp2 ul li img {
width: 100%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1);
transform: scale(1);
}
.cp2 ul li:hover img {
opacity: 1.0;
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
.fan {
overflow: hidden;
padding: 20px 0;
font-family: "微软雅黑";
font-size: 16px;
color: #000;
width: 1200px;
margin: 0 auto 30px;
}
.fan a {
font-family: "微软雅黑";
font-size: 16px;
color: #666;
margin-left: 5px;
margin-right: 30px;
}
.fan span {
float: right;
width: 150px;
text-align: center;
padding: 5px 0;
background: #2c2c2c;
border-radius: 20px;
}
.fan span a {
font-family: "微软雅黑";
font-size: 16px;
color: #fff;
margin:0;
}
.shebei ul li:nth-child(2n) {
float: right;
}
.zzsc {
overflow: hidden;
margin-bottom: 30px;
width: 1200px;
margin: 50px auto;
}
.zzsc ul li {
width: 560px;
height: 450px;
overflow: hidden;
float: left;
margin-bottom: 20px;
position: relative;
}
.zzsc ul li img {
width: 560px;
height: 400px;
position: absolute;
left: 0;
top: 0;
z-index: 10;
background: url(http://www.zzsc.com/demo/images/loading.gif) no-repeat center center;
}
.zzsc ul li .mark {
background: url(../images/jia.png) no-repeat center 160px #000;
opacity: 0.5;
display: none;
width: 560px;
height: 400px;
position: absolute;
left: 0;
top: 0;
z-index: 15;
text-indent: -3000px;
overflow: hidden;
filter: alpha(opacity=0.7);
}
.zzsc ul li .mark2 {
width: 560px;
height: 100px;
line-height: 25px;
text-align: center;
position: absolute;
left: 0;
top: 420px;
color: #000;
font-size: 18px;
z-index: 20;
}
.zzsc ul li .mark2 a {
font-family: "微软雅黑";
font-size: 18px;
color: #000;
text-decoration: none;
}
.zzsc ul li:nth-child(2n) {
float: right;
}
.sywm{ background:url(../images/sywm.jpg); background-repeat:no-repeat; background-position:left top; height:385px}
.sywm1{ width:660px; float:left; text-align:left;}
.sywm1 img{ width:552px; float:right; height:384px;}
.sywm2{ width:528px; float:right;}
.sywm3{ color:#343434; font-size:14px; font-family:"微软雅黑"; height:50px; line-height:50px; margin-top:30px;}
.sywm4{ color:#343434; font-size:28px; font-family:"微软雅黑"; height:50px; line-height:50px; padding-top:20px; padding-left:5px;}
.sywm4 span{ color:#ffffff;}
.sywm5{ color:#323232; font-size:16px; font-family:"微软雅黑"; line-height:28px; margin-top:30px; padding-left:85px; line-height:28px; height:140px; overflow:hidden;}
.sywm6{ width:100%; text-align:right; margin:0 auto;}
.sywm6 a{border: #bcbcbc solid 1px;margin-top:20px;width: 120px;overflow: hidden;float: right;height: 32px;line-height: 32px;display: block;color: #323232;font-size: 14px;font-family: "微软雅黑";border-radius: 5px; text-align: center;}
.sywm7{ width:100%; text-align:right; margin:0 auto; padding:0 0 40px 0;}
.sywm7 a{border: #bcbcbc solid 1px; margin:0 auto;width: 120px;overflow: hidden;height: 32px;line-height: 32px;display: block;color: #323232;font-size: 14px;font-family: "微软雅黑";border-radius: 5px; text-align: center;}
#wrap8{
width: 1200px;
margin: 40px auto;
background:#f0f2f1;
}
#wrap8 ul li .a1 img{
width: 380px;
}
#wrap8 ul li{
border: #e7e7e7 solid 1px;
margin-right: 12px;
margin-bottom: 30px;
float: left;
width: 380px;
height: 280px;
list-style: none;
position: relative;
overflow: hidden;
}
#wrap8 ul li:nth-child(3) { margin-right:0;}
#wrap8 ul li:nth-child(6) { margin-right:0;}
#wrap8 ul li:nth-child(9) { margin-right:0;}
#wrap8 ul li .a1 .divA{
position: absolute;
bottom: 0;
left: 0;
width: 380px;
height:100px;
padding: 10px 0px;
background: #fff;
z-index:99;
}
#wrap8 ul li .a1 .divA>.p1{
border-bottom: #d2d2d2 solid 1px;
margin: 10px 20px;
line-height: 30px;
font-size: 18px;
color: #000;
padding:0 0 20px
}
#wrap8 ul li .a1 .divA>.p2{
line-height: 30px;
font-size: 16px;
color: #a3a3a3;
background: url(../images/arrow1.jpg) no-repeat right center;
display: block;
margin: 5px 20px;
}
#wrap8 ul li .a1 .divA>.p3{
position: absolute;
right: 0;
bottom: 12px;
width: 108px;
height: 28px;
color: #f60;
}
#wrap8 ul li .a1 .divA>.p3>span{
font-size: 24px;
font-weight:800;
}
/*遮罩*/
#wrap8 ul li .a2{
position: absolute;
top: 0;
left:-380PX;
width: 380px;
height: 280px;
text-align: center;
color: white;
background: rgba(0,0,0,0.6);
transition: all 0.2s;
}
#wrap8 ul li .a2 .p4{
width: 380px;
text-align: center;
position: absolute;
top: 50px;
left: -474px;
color: #ffe605;
font-size: 24px;
font-weight: bold;
transition: all 0.2s 0.1s ease-out ;
}
#wrap8 ul li .a2 .p5{
width: 380px;
text-align: center;
line-height:20px ;
position: absolute;
top: 100px;
left:20px;
height:40px;
overflow:hidden;
font-size: 16px;
color: white;
transition: all 0.2s 0.2s ease-out ;
}
#wrap8 ul li .a2 .p8{
position: absolute;
bottom:20px;
left: 110px;
width: 160px;
height: 38px;
line-height: 38px;
border-radius: 20px;
margin: 10px auto;
border: 1px solid;
transition: all 0.2s 0.5s ;
}
.xwzx1{ width:100%; background:#ffffff;}
#wrap9{
width: 1200px;
margin: 20px auto;
background:#f0f2f1;
}
#wrap9 ul li .a1 img{
width: 380px;
}
#wrap9 ul li{
margin-right: 12px;
margin-bottom: 30px;
float: left;
width: 380px;
height: 320px;
list-style: none;
position: relative;
overflow: hidden;
}
#wrap9 ul li:nth-child(3) { margin-right:0;}
#wrap9 ul li:nth-child(6) { margin-right:0;}
#wrap9 ul li:nth-child(9) { margin-right:0;}
#wrap9 ul li .a1 .divA{
position: absolute;
bottom: 0;
left: 0;
width: 380px;
height:100px;
padding: 10px 0px;
background: #fff;
z-index:99;
}
#wrap9 ul li .a1 .divA>.p1{
border-bottom: #d2d2d2 solid 1px;
margin: 10px 20px;
line-height: 30px;
font-size: 18px;
color: #000;
padding:0 0 20px
}
#wrap9 ul li .a1 .divA>.p2{
line-height: 30px;
font-size: 16px;
color: #a3a3a3;
background: url(../images/arrow1.jpg) no-repeat right center;
display: block;
margin: 5px 20px;
}
#wrap9 ul li .a1 .divA>.p3{
position: absolute;
right: 0;
bottom: 12px;
width: 108px;
height: 28px;
color: #f60;
}
#wrap9 ul li .a1 .divA>.p3>span{
font-size: 24px;
font-weight:800;
}
/*遮罩*/
#wrap9 ul li .a2{
position: absolute;
top: 0;
left:-380PX;
width: 380px;
height: 320px;
text-align: center;
color: white;
background: rgba(0,0,0,0.6);
transition: all 0.2s;
}
#wrap9 ul li .a2 .p4{
width: 380px;
text-align: center;
position: absolute;
top: 50px;
left: -474px;
color: #ffe605;
font-size: 24px;
font-weight: bold;
transition: all 0.2s 0.1s ease-out ;
}
#wrap9 ul li .a2 .p5{
width: 380px;
text-align: center;
line-height:20px ;
position: absolute;
top: 100px;
left:20px;
height:40px;
overflow:hidden;
font-size: 16px;
color: white;
transition: all 0.2s 0.2s ease-out ;
}
#wrap9 ul li .a2 .p8{
position: absolute;
bottom:20px;
left: 110px;
width: 160px;
height: 38px;
line-height: 38px;
border-radius: 20px;
margin: 10px auto;
border: 1px solid;
transition: all 0.2s 0.5s ;
}
.bott{ width:100%; background:#2b2b2b; padding:20px 0;}
.bott1{ width:1200px; margin:0 auto;}
.bott2{ width:620px; float:left;}
.bot1{ width:620px; margin:0 auto;color:#ffffff; font-size:24px;font-family:"微软雅黑"; background:url(../images/bott3.png); background-repeat:no-repeat; background-position:left center; height:60px; line-height:60px; padding-left:40px;}
.bot2{ width:620px;float:left; color:#fef6f8; font-size:16px;font-family:"微软雅黑"; line-height:35px; padding-top:10px;}
.bot2 a{ color:#fef6f8; font-size:14px; font-family:"微软雅黑";}
.zxly{ width:240px;}
.zxly li{ background:#202020; margin-bottom:10px; width:230px; height:44px; line-height:44px;}
.zxly li label{ color:#ffffff; font-size:14px; font-family:"宋体"; width:80px; display:inline-block; text-align:center; float:left;}
.zxly li input{ background:none; width:100px; border:0px;color:#ffffff; font-size:14px; outline:none; float:left; height:40px; line-height:40px;}
.zxly1{ padding-left:10px; width:330px;}
.zxly1 textarea{ background:#202020; height:149px; border:0; width:100%;color:#ffffff; font-size:14px;}
.zxly2{ padding-left:20px; vertical-align:top; text-align:left;}
.zxly2 input{ background:#2c2c2e; height:149px; border:0; width:40px;}
.bott4{ width:540px; float:right;}
.bott5{ width:540px; margin:0 auto;color:#ffffff; font-size:24px;font-family:"微软雅黑"; height:60px; line-height:60px;}
.bott6{ width:100%; margin:0 auto; color:#ffffff; font-size:16px; line-height:28px;}
.p1{ width:100%; margin:0 auto;line-height: 30px;
font-size: 16px;
color: #000;
text-align:center;
}
.gg{ width:100%; margin:3% auto 0 auto;}
.gg img{ width:100%; margin:0 auto;}