/* CSS Document */
html, body {
-webkit-text-size-adjust: none;
}
* {
margin: 0px;
padding: 0px;
}
ul, li {
list-style: none;
margin: 0px;
padding: 0px;
}
img {
border: 0 none;
vertical-align: middle;
display: block;
max-width: 100%;
}
a {
text-decoration: none;
color: #878787;
}
a:hover {
text-decoration: none;
}
input, textarea, select {
vertical-align: middle;
}
body {
margin: 0px auto;
font-family: dinpro-regularregular, 'Microsoft YaHei', 微软雅黑, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #949494;
background-color: #FFF;
}
.clear {
clear: both;
}
h2 {
font-size: 16px;
}
h3 {
}
h4 {
font-size: 12px;
}
.fl {
float: left;
}
.fr {
float: right;
}
.mr8 {
margin-right: 8px;
}
.pl8 {
padding-left: 8px;
}
.pl10 {
padding-left: 10px;
}
.pl4 {
padding-left: 4px;
}
.pl20 {
padding-left: 20px;
}
.dis {
display: block;
}
.blank6 {
height: 6px;
line-height: 6px;
clear: both;
visibility: hidden;
}
.blank20 {
height:20px;
line-height:20px;
clear: both;
visibility: hidden;
}
@media screen and (max-width: 1024px) {
.nav_box {
position: fixed;
top: 0px;
background: url(../images/nav_bgbg.png);
width: 100%;
height: 73px;
z-index: 99;
border-bottom: 1px solid #E9E9E9;
}
.logo {
float: left;
padding-top: 14px;
}
.right_nav {
float: right;
display: none;
}
.wxqq {
float: left;
padding-top: 12px;
padding-right: 16px;
}
.wxqq img {
float: left;
padding-right: 16px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.nav {
min-width: 520px;
line-height: 74px;
position: relative;
z-index: 9999;
}
.nav a {
}
.nav .nLi {
float: left;
position: relative;
display: inline;
}
.nav .nLi h3 {
float: left;
}
.nav .nLi h3 a {
display: block;
width: 116px;
font-size: 16px;
font-weight: 200;
text-align: center;
color: #000000;
}
.nav .nLi h3 a .n_c {
display: none;
letter-spacing: 3px;
}
.n_e {
font-family: Arial;
font-size: 14px;
font-weight: 600;
}
.nav .sub {
display: none;
width: 180px;
left: 0;
top: 73px;
position: absolute;
background: #000;
line-height: 26px;
padding: 20px 0;
}
.nav .sub li {
zoom: 1;
}
.nav .sub li a em {
font-style: normal;
padding: 0 8px 0 20px;
letter-spacing: 3px;
font-size: 14px;
font-weight: 200;
}
.nav .sub li a {
font-family: Arial;
font-size: 14px;
font-weight: 200;
}
.nav .sub a {
display: block;
line-height: 40px;
color: #FFF;
}
.nav .sub a:hover {
background: #161C29;
color: #fff;
}
.nav .on h3 a {
background: #000;
color: #FFF;
}
.nav .on h3 a .n_e {
display: none;
}
.nav .on h3 a .n_c {
display: block;
}
.nav h3 a:hover .n_e {
display: none;
}
.nav h3 a:hover .n_c {
display: block;
}
.demo, .lobo {
display: none;
}
.workList{}
.workList li {
float: left;
width: 368px;
height: 370px;
position: relative;
z-index:0;
margin-top: 12px;
}
.nav_img {
float: right;
padding-top: 14px;
}
.nav_u_down2 {
display: none;
overflow: hidden;
position: absolute;
top: 70px;
left: 0px;
z-index: 100;
width: 100%;
background: #313746;
text-align: center;
}
.nav_u_down2 li {
width: 170px;
line-height: 58px;
height: 58px;
text-align: left;
float: left;
}
.nav_u_down2 li a {
text-align: center;
display: block;
font-size: 18px;
font-weight: 400;
}
.foot_news{ margin-bottom:-1px;}
}
.nav_box {
position: fixed;
top: 0px;
background: url(../images/nav_bgbg.png);
width: 100%;
height: 73px;
z-index: 99;
border-bottom: 1px solid #E9E9E9;
}
/* 本例子css */
@media screen and (min-width:1025px){
.nav_u_down2 {
display: none;
}
.nav_img{
display: none;
}
}
.logo {
float: left;
padding-top: 14px;
z-index:99;
}
.right_nav {
float: right;
}
.wxqq {
float: left;
padding-top: 12px;
padding-right: 16px;
}
.wxqq img {
float: left;
padding-right: 16px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.nav {
min-width: 520px;
line-height: 74px;
position: relative;
z-index: 9999;
}
.nav a {
}
.nav .nLi {
float: left;
position: relative;
display: inline;
z-index:9999;
}
.nav .nLi h3 {
float: left;
}
.nav .nLi h3 a {
display: block;
width: 116px;
font-size: 16px;
font-weight: 200;
text-align: center;
color: #000000;
}
.nav .nLi h3 a .n_c {
display: none;
letter-spacing: 3px;
}
.n_e {
font-family: Arial;
font-size: 14px;
font-weight: 600;
}
.nav .sub {
display: none;
width: 180px;
left: 0;
top: 73px;
position: absolute;
background: #000;
line-height: 26px;
padding: 20px 0;
}
.nav .sub li {
zoom: 1;
}
.nav .sub li a em {
font-style: normal;
padding: 0 8px 0 20px;
letter-spacing: 3px;
font-size: 14px;
font-weight: 200;
}
.nav .sub li a {
font-family: Arial;
font-size: 14px;
font-weight: 200;
}
.nav .sub a {
display: block;
line-height: 40px;
color: #FFF;
}
.nav .sub a:hover {
background: #161C29;
color: #fff;
}
.nav .on h3 a {
background: #000;
color: #FFF;
}
.nav .on h3 a .n_e {
display: none;
}
.nav .on h3 a .n_c {
display: block;
}
.nav h3 a:hover .n_e {
display: none;
}
.nav h3 a:hover .n_c {
display: block;
}
.banner_Box {
width: 100%;
height: 640px;
overflow: hidden;
position: relative;
padding-top: 73px;
}
.banner_Box .hd {
height: 200px;
overflow: hidden;
position: absolute;
right: 25px;
top: 300px;
z-index: 1;
}
.banner_Box .hd ul {
overflow: hidden;
zoom: 1;
float: left;
}
.banner_Box .hd ul li{
margin-top: 4px;
width: 20px;
height:50px;
background:url(../images/b_b.png) #FFF;
text-align: center;
cursor: pointer;
}
.banner_Box .hd ul li.on{
background:url(../images/b_b.png) #000;
}
.banner_Box .bd {
position: relative;
height: 100%;
z-index: 0;
height: 640px;
}
.banner_Box .bd li {
zoom: 1;
vertical-align: middle;
height: 640px;
}
.banner_text {
width: 500px;
padding-top: 240px;
margin: 0 auto;
font-size: 42px;
color: #D6398E;
}
.banner_text span {
font-size: 38px;
ont-family: Helvetica, Arial;
}
/* 本例子css */
.slideTxtBox {
width: 100%;
color: #CDCDCD;
}
.slideTxtBox .hd {
height: 190px;
width: 100%;
background: #FFF;
margin: 0 auto;
position: relative;
z-index:9;
}
.demo {
width: 276px;
position: absolute;
right: 0px;
top: 106px;
z-index:999;
}
/* select */
.select {
position: relative;
float: left;
width: 138px;
}
.select dt {
height: 33px;
font-size: 12px;
font-weight: 200;
display: inline-block;
background: url(../images/sanjiao2.png) #BFBFBF no-repeat 110px center;
color: #FFF;
line-height: 33px;
padding-left: 10px;
cursor: pointer;
width: 116px;
padding-right: 10px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
position: relative;
z-index:9;
}
.select dt:hover, .select dt.cur {
background: url(../images/sanjiao2.png) #A6A6A6 no-repeat 110px center;
}
.select dd {
position: absolute;
left: 0;
top: 33px;
background: #fff;
display: none;
z-index:999;
}
.select dd ul {
padding: 4px;
max-height: 350px;
width: 126px;
overflow: auto;
}
.select dd ul li a {
line-height: 33px;
display: block;
padding: 0 8px;
border-bottom: 1px solid #D9D9D9;
color: #8C8C8C;
font-weight: 200;
}
.select dd ul li a:hover {
color:#000;
}
.hd_title {
font-size: 26px;
padding-top:100px;
position: absolute;
left: 0;
color:#6C6C6D;
font-weight:200;
}
.hd_title span {
font-size: 12px;
}
.lobo {
position: absolute;
top: 76px;
width: 274px;
right: 2px;
background: #F1F1F1;
}
.ind_gd {
height: 150px;
background: url(../images/xiangxia.png) center no-repeat;
}
.gs_text {
display: none;
}
.anli_box {
}
.anli_box ul {
width: 100%;
}
.foot_news {
width: 100%;
background: #26283C;
padding-top: 60px;
}
.workList li:hover{
filter:alpha(opacity=20); /*IE滤镜，透明度50%*/
-moz-opacity:0.2; /*Firefox私有，透明度50%*/
opacity:0.2;/*其他，透明度50%*/
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.workList li .mask {
cursor:pointer;
color: #f7f5f3;
background: url(../images/beij.png);
height: 267px;
padding-top:150px;
width: 100%;
position: absolute;
z-index: 999;
left: 0px;
top: 0px;
opacity: 0;
display: none;
}
.workList li .mask img{ margin:0 auto;}
.prd_name {
background: url(../images/pro_bbg.jpg) left top;
width: 336px;
padding-left: 32px;
height: 127px;
*height: 130px;
*margin-top:-3px;
}
.e_name {
font-size: 15PX;
font-family: Verdana;
font-weight: 600;
color: #6C6C6D;
display: block;
padding-top: 24px;
letter-spacing: -1px;
}
.cn_name {
font-size: 13px;
font-weight: 400;
color: #6C6C6D;
line-height: 24px;
}
.en_name {
font-size: 10px;
color: #B9B9B9;
font-weight: 200;
display: block;
padding-top: 18px;
}
.foot_box {
width: 100%;
margin: 0 auto;
background: #45C9C3;
}
.foot_fx {
background: #45C9C3;
height: 100px;
width: 100%;
}
.fx_left {
float: left;
padding-top: 36px;
}
.fx_left a {
display: block;
float: left;
width: 40px;
height: 40px;
margin-right: 18px;
}
.fx001 {
background: url(../images/fenxiang.png) 0 0 no-repeat;
}
.fx001:hover {
background: url(../images/fenxiang.png) 0px -50px no-repeat;
}
.fx002 {
background: url(../images/fenxiang.png) -54px 0 no-repeat;
}
.fx002:hover {
background: url(../images/fenxiang.png) -54px -50px no-repeat;
}
.fx003 {
background: url(../images/fenxiang.png) -110px 0 no-repeat;
}
.fx003:hover {
background: url(../images/fenxiang.png) -110px -50px no-repeat;
}
.fx004 {
background: url(../images/fenxiang.png) -165px 0 no-repeat;
}
.fx004:hover {
background: url(../images/fenxiang.png) -165px -50px no-repeat;
}
.fx005 {
background: url(../images/fenxiang.png) -221px 0 no-repeat;
}
.fx005:hover {
background: url(../images/fenxiang.png) -221px -50px no-repeat;
}
.fx_right {
float: right;
padding-top: 36px;
}
/*CENG*/
.mask {
background: url(../images/opacity70.png);
background: rgba(0,0,0,0.7);
position: fixed;
_position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
_height:expression(document.body.clientHeight+"px");
display: none;
}
.alert {
width: 100%;
position: fixed;
_position: absolute;
left: 0;
display: none;
border-radius: 5px 5px 0 0;
z-index: 99999;
height: 10000px;
}
.close {
width: 60px;
height: 60px;
position: absolute;
right: 0px;
top: 0px;
cursor: pointer
}
.line {
background: #050e15;
width: 944px;
height: 1px;
overflow: hidden;
}
.line-black {
background: #e9e9e9;
width: 999px;
height: 1px;
overflow: hidden;
}
#inner-title-div {
width: 100%;
height: 60px;
background: #45C9C3;
border-radius: 5px 5px 0 0;
}
#inner-title-div div {
width: 999px;
height: 60px;
line-height: 60px;
font-size: 18px;
color: #FFFFFF;
margin: 0 auto;
}
#inner-content-div {
position: relative;
-webkit-overflow-scrolling: touch;
padding: 0 20px 0 0;
line-height: 150%;
z-index: 9999;
height: 100%;
}
#inner-content-div img {
margin-left: 0px;
}
#inner-content-div p {
margin: 0 auto;
font: 14px/20px "dinpro-regular", "Microsoft YaHei", "微软雅黑", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
color: #5a5757;
width: 979px;
}
#inner-content-div span {
line-height: 150%;
}
.footMenu li .fHead {
height: 77px;
width: 100%;
color: #566373;
}
.footMenu li .fHead .txtCn {
font-size: 24px;
font-weight: 900;
color: #45BCB6;
line-height: 30px;
padding-top: 30px;
padding-bottom: 15px;
border-bottom: 1px solid #566373;
}
.footMenu li .fHead .txtEn {
font-size: 15px;
}
.footMenu li .fBody {
line-height: 24px;
padding-top: 15px;
padding-bottom: 10px;
color: #566373;
}
.footMenu li .fBody a {
color: #566373;
}
.footMenu li .fBody a:hover {
color: #45BCB6;
}
.footer li {
float: left;
width: 328px;
margin: 20px;
font-size: 14px;
}
.f_erv {
padding-top: 12px;
}
.foot_bottom_b {
height: 120px;
position: relative;
}
.fh_s {
display: block;
background: url(../images/fh_ba2.png) bottom center no-repeat;
width: 61px;
height: 51px;
bottom: 0px;
position: absolute;
right: 35px;
}
.fh_s:hover {
background: url(../images/fh_ba.png) bottom center no-repeat;
}
.foot_bb {
height: 182px;
background: #1F2134;
min-width: 1024px;
}
.foot_bbt{background: #1F2134;}
.qi_top {
padding-top: 30px;
background: url(../images/diandian.png) 0px 32px no-repeat;
padding-left: 18px;
height: 30px;
color: #777C80;
}
.qx_left {
float: left;
width: 710px;
padding-top: 8px;
}
.fa1 {
background: url(../images/foot_nav1.png) top left no-repeat;
width: 96px;
height: 30px;
display: block;
margin-right: 16px;
float: left;
}
.fa2 {
background: url(../images/foot_nav2.png) top left no-repeat;
width: 96px;
height: 30px;
display: block;
margin-right: 16px;
float: left;
}
.fa3 {
background: url(../images/foot_nav3.png) top left no-repeat;
width: 96px;
height: 30px;
display: block;
margin-right: 16px;
float: left;
}
.fa4 {
background: url(../images/foot_nav4.png) top left no-repeat;
width: 96px;
height: 30px;
display: block;
margin-right: 16px;
float: left;
}
.fa5 {
background: url(../images/foot_nav5.png) top left no-repeat;
width: 96px;
height: 30px;
display: block;
margin-right: 16px;
float: left;
}
.fa6 {
background: url(../images/foot_nav6.png) top left no-repeat;
width: 96px;
height: 30px;
display: block;
margin-right: 16px;
float: left;
}
.fa7 {
background: url(../images/foot_nav7.png) top left no-repeat;
width: 96px;
height: 30px;
display: block;
margin-right: 16px;
float: left;
}
.fa1:hover {
background: url(../images/foot_nav1.png) left -30px no-repeat;
width: 96px;
height: 30px;
display: block;
}
.fa2:hover {
background: url(../images/foot_nav2.png) left -30px no-repeat;
width: 96px;
height: 30px;
display: block;
}
.fa3:hover {
background: url(../images/foot_nav3.png) left -30px no-repeat;
width: 96px;
height: 30px;
display: block;
}
.fa4:hover {
background: url(../images/foot_nav4.png) left -30px no-repeat;
width: 96px;
height: 30px;
display: block;
}
.fa5:hover {
background: url(../images/foot_nav5.png) left -30px no-repeat;
width: 96px;
height: 30px;
display: block;
}
.fa6:hover {
background: url(../images/foot_nav6.png) left -30px no-repeat;
width: 96px;
height: 30px;
display: block;
}
.fa7:hover {
background: url(../images/foot_nav7.png) left -30px no-repeat;
width: 96px;
height: 30px;
display: block;
}
.qx_right {
float: right;
}
.r_logo {
display: block;
background: url(../images/foot_logo.png) right bottom no-repeat;
width: 234px;
height: 47px;
float: right;
}
.r_logo:hover {
display: block;
background: url(../images/foot_logo.png) right top no-repeat;
}
.r_logo_txt {
color: #404256;
line-height: 32px;
padding-top: 30px;
text-align: right;
*padding-top:18px;
}
.r_logo_txt a{color: #404256;}
/**** Isotope Filtering ****/
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.anli_gengduo{ padding:90px 0; width:100%;}
.anli_gengduo img{ margin:0 auto;}
.banner_nl{ height:480px; padding-top:73px; background-position:center 73px; background-repeat:no-repeat;}
.n_shijian{ text-align: right;
padding-top: 20px;
padding-right: 20px;}
#pages{ text-align:center; padding:80px 0;}
#pages a{background:#EAEAEA; border: 1px solid #b61111; border: 1px solid #666; color: #000; display: inline-block; height: 24px; line-height: 24px; padding: 0 12px; text-align: center;}
#pages a:hover {background:#1F2134; color: #45C9C3;text-decoration: none;}
#pages span { background:#1F2134; border: 1px solid #666; color: #45C9C3; display: inline-block; height: 24px; line-height: 24px; padding: 0 12px; text-align: center;}
.weixin_img{ display:none;}
.fx004:hover .weixin_img{ position:absolute; display:block; margin-left:-55px; margin-top:-186px;}
.foot_news{ margin-bottom:-1px;}
.main{width:700px;height:90px;position:fixed;bottom:20px;}
.main{position:absolute;top:expression(eval(document.documentElement.scrollTop));margin-top:320px;}
.main2{height:90px;position:relative;padding:10px;}
.main2 ul li{height:22px;line-height:22px;text-align:left; float:left; padding:0 6px;}
.main2 ul li a{color:#566373;text-decoration:none;}
.main2 ul li a:hover{text-decoration:underline;color:#45BCB6;}
.bar{width:25px;height:90px;position:absolute;right:-25px;top:-1px;background:url(../images/link2.png) -0px 12px no-repeat #1F2134;display:block;}