@charset "utf-8";
* {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
body {margin:0px auto; font-family:"微软雅黑";}
ul,li,a,span,h1,div,ol,h1,h2,h3,p,hr,input,label {margin:0px; padding:0px; text-decoration:none; list-style:none;}
body,td,th {font-family: 微软雅黑;}
body {margin-left: auto;margin-top: 0px;margin-right: auto;margin-bottom: 0px;}
a{color:#333;text-decoration:none;outline:none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none; color:#FF9900;}
a:active {text-decoration: none;}
border { border:0px;}
img {border:0px;}
i,em{
font-style: normal;
}
.clear{clear:both;}
.f-l{float:left;}
.f-r{float:right;}
.width1300{margin:0 auto; width:1300px; height:auto; overflow:hidden;}
/*------------公用样式结束----------*/
/*------------top----------*/
#top{width:100%;height:auto; background-color:#f5f7f7;padding-top:5px; padding-bottom:5px;}
#top .hy{width:849px; height:auto; text-align:left; font-family:"微软雅黑"; font-size:14px; color:#757575;}
#top .t-tel{width:200px; height:auto; float:right;}
#top .t-tel img{ width:20px; height:20px; float:left;}
#top .t-tel span{width:130px; height:auto; text-align:center;font-family:"微软雅黑"; font-size:14px; color:#757575; float:left;}
/*--导航--*/
.dh{width:100%; height:auto; background:url(img/topbj.jpg) center repeat;overflow:hidden;}
.dh .logo{width:409px; height:auto; padding-top:5px; padding-bottom:8px; text-align:left;}
.dh .logo h1{ font-family:"微软雅黑"; font-size:40px; color:#434343; font-weight:bold;}
.dh .logo p{ font-family:"微软雅黑"; font-size:18x ; color:#666; font-weight:bold;}
*{list-style:none;}
.width1200 {MARGIN: 0px auto; WIDTH:880px; float:left;}
.margintop10 {MARGIN-TOP: 0px}
.cl {CLEAR: both}
.nav1 {LINE-HEIGHT: 0px; HEIGHT:90px;}
.nav1 UL .pli {Z-INDEX: 2332; POSITION: relative; TEXT-ALIGN: center; LINE-HEIGHT:90px; WIDTH:100px; margin-right:10px; FLOAT: left; HEIGHT:90px; list-style:none; }
.nav1 UL .pli OL {POSITION: absolute; PADDING-BOTTOM: 0px; WIDTH: 110px; DISPLAY: none; HEIGHT: auto; LEFT: 13px;}
.nav1 UL .onpli { background-color:#54ceff;}
.nav1 UL .onpli OL {DISPLAY: block}
.nav1 UL .pli A {
DISPLAY: block;
FONT-FAMILY: "微软雅黑";
COLOR: #fff;
FONT-SIZE: 15px;
text-decoration: none;
}
.nav1 UL .pli A:hover {
COLOR: #fff;
}
.nav1 UL .onpli A {
COLOR: #fff;
list-style:none;
}
.nav1 UL .pli OL LI A:hover {DISPLAY: block; BACKGROUND: #57BC54; COLOR: #6bb90f; TEXT-DECORATION: none}
.nav1 UL .pli OL LI A {COLOR: #6bb90f; FONT-SIZE: 14px; FONT-WEIGHT: normal}
.nav1 UL .pclosepli OL {DISPLAY: none}
/*焦点图*/
.banner {position:absolute;width:100%;}
#banner li{position:absolute;width:100%;top:0;left:0;display:none;}
#banner li img{width:100%;}
#banner li:first-child{display:block;}
.bannerbg{position:relative;z-index:10;}
#leftBtn{left:0;background:url(img/leftbtn.png) no-repeat center center ;}
#rightBtn{right:0;background:url(img/rightbtn.png) no-repeat center center;}
#rightBtn ,#leftBtn{position:absolute;top:45%;width:40px;height:125px;display:block;opacity:0.5;filter:alpha(opacity=50);z-index:1000; cursor:pointer;}
/*lm*/
#sylm{margin:0 auto; width:1280px; height:auto;text-align:center; padding-top:40px; padding-bottom:30px;}
/*------------分类----------*/
.h-proc1 {
margin:0 auto;
width:1300px;
height: auto;
margin-bottom:20px;
text-align:center;
}
.h-proc1 a h3{
display: inline-block;
width:138px;
height:40px;
font-size: 16px;
font-weight:normal;
margin-right:3px;
margin-bottom:10px;
color: #fff;
text-align: center;
background-color:#1095FE;
line-height:40px;
transition: all 0.3s ease-in-out;
}
.h-proc1 a:hover h3 {
background-color: #54CEFF;
color: #fff;
}
.h-proc1-hover h3{
color: #fff !important;
background-color: #343434 !important;
}
.proc1-hover h3{
color: #fff !important;
background-color: #54CEFF !important;
}
/*产品展示*/
.anliroll {height:1000px;width: 90%;margin:0px auto; }
.anliroll li {float: left;width: 23%; border:1px solid #f2f2f2;background: #fff;margin: 2% 0 0 1.4%; }
.anliroll li a {display: block;overflow: hidden;font-size:18px;position: relative; }
.anliroll li a h4 {overflow: hidden; }
.anliroll li a img { margin:0 auto;width:80%;display: block;transition: all .5s; }
.anliroll li a ol {background: #efefef;color: #000;width: 100%;z-index: 555;transition: all .2s;text-align: center;font-size: 18px; line-height:20px;padding: 20px;box-sizing: border-box; }
.anliroll li a ol i {display: block;color: dimgray;font-size: 14px;margin-top: 10px; }
.anliroll li a ol a {color: #fff;font-size: 18px; }
.anliroll li a:hover img {transform: scaleX(0.8) scaleY(0.8); }
.anliroll li a:hover ol {background: #1095fe;color: #fff; }
.anliroll li a:hover ol i {color: #fff;}
/*------------简介---------*/
.about{width:100%; height:836px; background:url(img/aboutbj.jpg) center no-repeat; margin-top:30px;}
.about .a-zw{width:770px; height:auto; text-align:left; padding-top:40px;}
.about .a-zw strong{ font-family:"微软雅黑"; font-size:40px; color:#434343; line-height:50px; font-weight:bold;}
.about .a-zw span{ font-family:"微软雅黑"; font-size:20px; color:#2982E8; line-height:30px;}
.about .a-zw p{font-family:"微软雅黑"; font-size:14px; color:#666; line-height:30px; padding-top:30px;}
.about .a-zw .a-more{width:25%; height:30px; padding-top:5px; background-color:#434343;border-radius:15px; text-align:center; margin-top:30px;}
.about .a-zw .a-more a{font-family:"微软雅黑"; font-size:13px; color:#fff; line-height:26px;}
.about .a-sp{width:500px; height:auto; padding-top:70px; float:right;}
.about .a-tel{margin:0 auto; width:1000px; text-align:center; margin-top:200px; font-family:"微软雅黑"; font-size:40px; color:#fff; line-height:50px; font-weight:bold;}
.about .a-tel p{font-family:Impact; font-size:28px; color:#9D2E37; line-height:40px; padding-top:72px;}
/*案例*/
.anlirol2 {height:auto;width: 90%;margin:0px auto; margin-bottom:40px; overflow:hidden; }
.anlirol2 li {float: left;width: 23%; border:1px solid #f2f2f2;background: #fff;margin: 2% 0 0 1.4%; }
.anlirol2 li a {display: block;overflow: hidden;font-size: 18px;position: relative; }
.anlirol2 li a h4 {overflow: hidden; }
.anlirol2 li a img {width: 100%;display: block;transition: all .5s; }
.anlirol2 li a ol {background: #efefef;color: #000;width: 100%;z-index: 555;transition: all .2s;text-align: center;font-size: 18px; line-height:20px;padding: 20px;box-sizing: border-box; }
.anlirol2 li a ol i {display: block;color: dimgray;font-size: 14px;margin-top: 10px; }
.anlirol2 li a ol a {color: #fff;font-size: 18px; }
.anlirol2 li a:hover img {transform: scaleX(1.2) scaleY(1.2); }
.anlirol2 li a:hover ol {background: #1095fe;color: #fff; }
.anlirol2 li a:hover ol i {color: #fff;}
/*------------新闻----------*/
.newsbj{width:100%; height:678px; background:url(img/newsbj.jpg) center no-repeat; padding-top:40px;}
.n-left{width:600px; height:auto;margin-top:40px;}
.n-left .tu{width:600px; height:300px;}
.n-left ul{width:auto; height:auto; background-color:#EAEAEA; padding:15px;}
.n-left ul li{width:100%; height:auto; overflow:hidden;}
.n-left ul li h3{font-family:"微软雅黑"; font-size:16px; color:#333; line-height:30px; float:left;}
.n-left ul li span{font-family:"微软雅黑"; font-size:20px; color:#2982E8; line-height:30px; float:right;}
.n-left ul ol{font-family:"微软雅黑"; font-size:14px; color:#666; line-height:26px;text-align:left;}
.n-right{width:620px; height:auto;margin-top:40px; float:right;}
.n-right ul{width:auto; height:auto; border-bottom:3px solid #2982E8; padding-bottom:10px;}
.n-right ul li{width:100%; height:auto; margin-top:15px; margin-bottom:10px; overflow:hidden;}
.n-right ul li h3{font-family:"微软雅黑"; font-size:16px; color:#333; font-weight:bold; line-height:30px; float:left;}
.n-right ul li span{font-family:"微软雅黑"; font-size:20px; color:#2982E8; line-height:30px; float:right;}
.n-right ul ol{width:100%;height:auto; text-align:left; }
/*------------版权---------*/
#footer{width:100%; height:440px;background:url(img/footbj.jpg) center no-repeat; padding-top:60px;overflow:hidden;}
#footer .f-lm{width:220px; height:auto; text-align:left;}
#footer .f-lm li{width:160px; height:auto; text-align:left;}
#footer .f-lm li a{font-family:"微软雅黑"; font-size:14px; color:#fff; line-height:26px;}
#footer .f-lm li a:hover{ color:#fcd343;}
#footer .f-er{width:450px; height:auto; text-align:center;}
#footer .f-er ul{margin:0 auto; width:330px; height:auto; margin-top:30px;}
#footer .f-er ul li{width:140px; height:auto; background-color:#fff; text-align:center; margin-right:25px; padding-top:10px; padding-bottom:10px; float:left;}
#footer .f-tel{width:330px; height:auto; text-align:left; float:right;}
#footer .copyright{width:100%;height:auto; padding-top:30px; text-align:center;font-family:"微软雅黑"; font-size:16px; line-height:30px; color:#fff; border-top:1px solid #54b3fe; margin-top:40px;}
#footer .copyright a{font-family:"微软雅黑"; font-size:16px; line-height:30px; color:#fff;}
#footer .copyright a:hover{font-family:"微软雅黑"; font-size:16px; line-height:30px; color:#fff;}
/*------------内页banner---------*/
.nyzw{ margin:0 auto; width:1220px;padding:20px;height: auto;border:1px solid #DFDEDE; margin-top:30px; margin-bottom:30px; overflow:hidden;}
.nyzw .ny-r-t{margin:0 auto;width:100%; font-size: 15px;color: #333; padding-bottom:10px; line-height:20px; border-bottom:1px solid #DFDEDE;}
.nyzw .ny-cont{margin:0 auto; width:100%; height:auto; margin-bottom:20px;font-family:"微软雅黑"; font-size:15px; line-height:30px;}
/*内页新闻1*/
.ny-news01{
width:100%;
height: auto;
}
.ny-news01 li{
padding:20px 0px;
width: 100%;
border-bottom:1px dashed #dedddd;
overflow: hidden;
}
.ny-news01 li .tu1{
float: left;
width: 185px;
height: 130px;
overflow: hidden;
border:1px solid #efefef;
}
.ny-news01 li .tu1 img{
width: 185px;
height: 130px;
overflow: hidden;
transition: all 0.5s ease-out;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}
.ny-news01 li:hover .tu1 img{
transition: all 0.5s ease-out;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}
.ny-news01 li .l01{
float: right;
margin-left:15px;
width: 92px;
height: 100px;
border-right: 1px solid #efefef;
border-left: 1px solid #efefef;
}
.ny-news01 li .l01 .n-day{
width: 100%;
height: 57px;
font-size: 45px;
color: #333;
text-align: center;
line-height: 57px;
font-family: "Impact";
letter-spacing: 0px;
transition: all 0.4s ease-in-out;
}
.ny-news01 li:hover .l01 .n-day{
color: #1095FE;
}
.ny-news01 li .l01 .n-month{
width: 100%;
font-size: 15px;
color: #555;
text-align: center;
letter-spacing: 0px;
}
.ny-news01 li .r01{
float: left;
margin-left:50px;
width: 850px;
height: auto;
}
.ny-news01 li .r01 a h2{
display: block;
width: 100%;
height: 36px;
font-size: 16px;
color: #333;
letter-spacing: 0px;
transition: all 0.3s ease-in-out;
}
.ny-news01 li:hover .r01 a h2{
color:#1095FE;
}
.ny-news01 li .r01 p{
display: block;
width: 100%;
height: 36px;
font-size: 14px;
color: #555;
letter-spacing: 0px;
line-height: 130%;
overflow: hidden;
}
/*单页效果*/
.ny-cont{
padding:10px 0px 20px 0px;
margin:0 auto;
width: 1260px;
font-size: 15px;
color: #333;
line-height: 190%;
letter-spacing: 0px;
}
.ny-cont p, .ny-cont p a{
margin-top:15px;
font-size: 15px;
color: #333;
line-height: 190%;
}
.ny-cont a{
font-size: 15px;
color: #333;
line-height: 190%;
}
.ny-cont-h1{
display: block;
width: 100%;
font-size: 26px;
color: #333;
font-weight: bold;
text-align: center;
}
/*详情页样式*/
.mt-20 {
margin-top: 20px;
}
.ny-xq{
margin:30px auto;
width: 1200px;
height: auto;
}
.ny-xq-l{
float: left;
width: 145px;
height: 115px;
background-color:#f2f2f2;
border-right: 1px solid #d6d6d6;
}
.ny-xq-l .date1{
position: relative;
width: 110px;
height: 36px;
text-align: center;
}
.ny-xq-l .date1 .year1 {
position: relative;
font-size: 20px;
color: #000;
font-family:Impact;
text-align: center;
}
.ny-xq-l .date1 .year1 span{
position: absolute;
left:35%;
z-index:2;
display:block;
background: #fff;
padding: 0 5px;
font-size: 20px;
color: #303030;
font-family:Impact;
background-color: #fff;
letter-spacing: 0px;
}
.ny-xq-l .date1 .year1:before{
content: "";
display: block;
width: 100%;
height: 1px;
background: #e3e3e3;
position: absolute;
top: 12px;
left: 0;
z-index:1;
}
.ny-xq-l .date2{
margin-top: 32px;
text-align: center;
font-size: 34px;
line-height: 120%;
color: #FF9121;
font-family:Impact;
letter-spacing: 0px;
}
.ny-xq-l .read1{
margin-top: 5px;
font-size: 13px;
text-align: center;
color: #333333;
letter-spacing: 0px;
}
.ny-xq-l .read1 strong{
font-weight: bold;
}
.ny-xq-r{
float: right;
padding:18px 45px;
width: 960px;
height: 80px;
background-color: #e7e7e7;
overflow: hidden;
}
.ny-xq-r p{
display: block;
height: 70px;
font-size: 15px;
color: #333;
line-height: 170%;
letter-spacing: 0px;
overflow: hidden;
}
.ny-xq-r p p{
font-size: 15px;
color: #333;
line-height: 170%;
letter-spacing: 0px;
}
/*新闻详情页样式*/
.new-cont-h1{text-align:center; font-family:"微软雅黑"; font-size:20px;}
.new-xq{
margin:30px auto;
width: 1280px;
height: auto;
}
.new-xq-l{
float: left;
width: 160px;
height: 105px;
padding-top:10px;
background-color:#f2f2f2;
border-right: 1px solid #d6d6d6;
}
.new-xq-l .date1{
position: relative;
width: 150px;
height: 36px;
text-align: center;
}
.new-xq-l .date1 .year1 {
position: relative;
font-size: 20px;
color: #000;
font-family:Impact;
text-align: center;
}
.new-xq-l .date1 .year1 span{
position: absolute;
left:35%;
z-index:2;
display:block;
background: #fff;
padding: 0 5px;
font-size: 20px;
color: #303030;
font-family:Impact;
background-color: #fff;
letter-spacing: 0px;
}
.new-xq-l .date1 .year1:before{
content: "";
display: block;
width: 100%;
height: 1px;
background: #e3e3e3;
position: absolute;
top: 12px;
left: 0;
z-index:1;
}
.new-xq-l .date2{
margin-top: 32px;
text-align: center;
font-size: 34px;
line-height: 120%;
color: #1095FE;
font-family:Impact;
letter-spacing: 0px;
}
.new-xq-l .read1{
margin-top: 5px;
font-size: 13px;
text-align: center;
color: #333333;
letter-spacing: 0px;
}
.new-xq-l .read1 strong{
font-weight: bold;
}
.new-xq-r{
float:left;
padding:18px 45px;
width:935px;
height: 80px;
background-color: #e7e7e7;
overflow: hidden;
}
.new-xq-r p{
display: block;
height: 70px;
font-size: 15px;
color: #333;
line-height: 170%;
letter-spacing: 0px;
overflow: hidden;
}
.new-xq-r p p{
font-size: 15px;
color: #333;
line-height: 170%;
letter-spacing: 0px;
}
.a1 {
font-family: "微软雅黑";
font-size: 14px;
line-height: 26px;
font-weight: normal;
color: #E6E6E6;
}
.a1:hover {
color: #fcd343;
}
.a2 {
font-family: "微软雅黑";
font-size: 40px;
line-height: 50px;
font-weight: bold;
color: #434343;
text-decoration: none;
}
.a3 {
font-family: "微软雅黑";
font-size: 13px;
line-height: 20px;
font-weight: normal;
color: #FF9900;
}
.a4 {
font-family: "微软雅黑";
font-size: 20px;
line-height: 30px;
font-weight: normal;
color: #2982E8;
}
.a5 {
font-family: "微软雅黑";
font-size: 18px;
line-height: 35px;
font-weight: normal;
color: #666666;
text-decoration: none;
}
.a6 {
font-family: "微软雅黑";
font-size: 16px;
line-height: 30px;
font-weight: normal;
color: #FFFFFF;
}
.a7 {
font-family: "微软雅黑";
font-size: 24px;
line-height: 30px;
font-weight: bold;
color: #5a5a5a;
text-decoration: none;
}
.a8 {
font-family: "微软雅黑";
font-size: 40px;
line-height: 50px;
font-weight: bold;
color: #FFFFFF;
}
.a9 {
font-family: "微软雅黑";
font-size: 50px;
line-height: 60px;
font-weight: bold;
color: #323232;
text-decoration: none;
}
.a10 {
font-family: Impact;
font-size: 46px;
line-height: 50px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}
.a11 {
font-family: "微软雅黑";
font-size: 18px;
line-height: 20px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}
.a12 {
font-family: "微软雅黑";
font-size: 16px;
line-height: 28px;
font-weight: normal;
color: #323232;
text-decoration: none;
}
.a13{
font-family: "微软雅黑";
font-size: 24px;
line-height: 40px;
font-weight: bold;
color: #F5F5F5;
text-decoration: none;
}
.a14{
font-family: Impact;
font-size: 28px;
line-height: 30px;
font-weight: normal;
color: #9D2E37;
text-decoration: none;
}
.a15 {
font-family: "微软雅黑";
font-size: 14px;
line-height: 26px;
font-weight: normal;
color: #666666;
}
.a16 {
font-family: "微软雅黑";
font-size: 16px;
line-height: 30px;
font-weight: bold;
color: #333333;
text-decoration: none;
}
.a17 {
font-family: "微软雅黑";
font-size: 36px;
line-height: 40px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}
.a18{
font-family: Impact;
font-size: 40px;
line-height: 40px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
}
.a19 {
font-family: "微软雅黑";
font-size: 28px;
line-height: 30px;
font-weight: bold;
color: #2982E8;
text-decoration: none;
}
.a20 {
font-family: "微软雅黑";
font-size: 13px;
line-height: 20px;
font-weight: normal;
color: #757575;
}
.a21 {
font-family: "微软雅黑";
font-size: 28px;
line-height: 30px;
font-weight: bold;
color: #999;
text-decoration: none;
}