@charset "utf-8";

@font-face {
font-family: Helvetica;
}
* {
margin: 0;
padding: 0;
list-style: none;
border-style: none;
text-decoration: none;
}
body {
font-family: Helvetica;
background: #fff;
min-width: 1263px;
}

h1 ,h2, h3, h4, h5, h6 {
font-weight: normal;
}
i {
font-style:normal;
}
a {
text-decoration: none;
}
.clearfix:after {
content: '.';
display: block;
clear: both;
height: 0;
visibility: hidden;
}

a:focus{
outline:none;
}
.w1200 {
width: 1200px;
margin: 0 auto;
}

/*头部*/
#header {
width: 100%;
height: 66px;
background: #1f1f1f;
position: fixed;
top: 0px;
z-index: 999;
}
.header .logo {
float: left;
width: 150px;
}
.header .logo a {display: block;width: 150px;padding-top: 12px;}
.header .nav {
float: left;
margin-left: 80px;
position: relative;
}
.header .nav ul li {
float: left;
height: 66px;
line-height: 66px;
}
.header .nav ul li a {
display: block;
color: #fff;
width: 106px;
font-size: 14px;
text-align: center;
}
.header .nav ul li .sub {
display: none;
width: 100%;
height: 100px;
overflow: hidden;
background: #fff;
position: absolute;
top: 66px;
left: 0px;
z-index: 99;
}
.header .nav ul li .sub .w640 {
width: 780px;
margin: 0 auto;
}
.header .nav ul li .sub .w640 li {
margin-right: 8px;
}
.header .nav ul li .sub .w640 li a {
display: inline-block;
width: 120px;
padding-top:40px;
}

.header .nav ul li .sub .w640 li.sli1 a {
background: url(../images/down_1.png) no-repeat center 10px;
}
.header .nav ul li .sub .w640 li.sli1:hover a {
background: url(../images/down_1.png) no-repeat center -94px;
}
.header .nav ul li .sub .w640 li.sli2 a {
background: url(../images/down_2.png) no-repeat center 10px;
}
.header .nav ul li .sub .w640 li.sli2:hover a {
background: url(../images/down_2.png) no-repeat center -94px;
}
.header .nav ul li .sub .w640 li.sli3 a {
background: url(../images/down_3.png) no-repeat center 10px;
}
.header .nav ul li .sub .w640 li.sli3:hover a {
background: url(../images/down_3.png) no-repeat center -94px;
}
.header .nav ul li .sub .w640 li.sli4 a {
background: url(../images/down_4.png) no-repeat center 10px;
}
.header .nav ul li .sub .w640 li.sli4:hover a {
background: url(../images/down_4.png) no-repeat center -94px;
}
.header .nav ul li .sub .w640 li.sli5 a {
background: url(../images/down_5.png) no-repeat center 10px;
}
.header .nav ul li .sub .w640 li.sli5:hover a {
background: url(../images/down_5.png) no-repeat center -94px;
}
.header .nav ul li .sub .w640 li.sli6 a {
background: url(../images/down_6.png) no-repeat center 10px;
}
.header .nav ul li .sub .w640 li.sli6:hover a {
background: url(../images/down_6.png) no-repeat center -94px;
}
.header .nav ul li .sub .w640 li a p {
color: #b6b6b6;
font-size: 12px;
}
.header .nav ul li .sub .w640 li:hover a p {
color: #da251c;
}
.header .nav .curBg {
background: #da251c;
height: 66px;
overflow: hidden;
position: absolute;
left: 0px;
top: 0px;
width: 106px;
z-index: -1;
}
.header .language {
float: right;
margin-top: 20px;
}
.header .language .mall {
float: left;
margin-right:20px;
}
.header .language .c,.header .language .e  {
float: left;
}

.header .language .mall a {
display: inline-block;
color: #fff;
font-size: 14px;
height: 30px;
line-height: 30px;
padding-left: 23px;
background: url(../images/icons.png) no-repeat -233px -29px;
}
.header .language .c a {
display:block;
width: 32px;
height: 20px;
margin-top: 5px;
background: #999 url(../images/icons.png) no-repeat -282px 1px;
}
.header .language .c a:hover {background: #da251e url(../images/icons.png) no-repeat -282px 1px;}
.header .language .e a {
display:block;
width: 32px;
height: 20px;
margin-top: 5px;
background: #da251e url(../images/icons.png) no-repeat -282px -32px;
}
.header .language .e a:hover {background: #da251e url(../images/icons.png) no-repeat -282px -32px;}

/*banner*/
#banner {
width: 100%;
height: 750px;
margin-top: -80px;
overflow: hidden;
position: relative;
}
.banner {
width: 1920px;
height: 750px;
position: absolute;
left: 50%;
margin-left: -960px;
}

.banner .hd {
position: absolute;
left: 48%;
bottom: 30px;
z-index: 3;
}

.banner .hd ul li {
float: left;
width: 12px;
height: 12px;
margin: 0 6px;
border-radius: 50%;
cursor: pointer;
text-indent: 999999em;
background: #ccc;
}
.banner .hd ul li.on {
background: #da251e;
}
.banner .bd ul li {
width: 1920px;
position: relative;
}
.banner .bd ul li .txt {
position: absolute;
left: 390px;
top: 280px;
z-index: 9;
}
.banner .bd ul li .txt .t {
color: #333;
font-size: 42px;
margin-bottom: 40px;
}
.banner .bd ul li .txt .t span {
display: inline-block;
color: #fff;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 5px;
margin-left: 30px;
background: #333;
}
.banner .bd ul li .txt p {
color: #333;
font-size: 24px;
line-height: 42px;
}
.banner .bd ul li .txt .more {
display: inline-block;
color: #da251e;
font-size: 16px;
width: 140px;
height: 36px;
line-height: 36px;
text-align: center;
margin-top: 40px;
border: 1px solid #da251e;
transition: all 0.5s ease 0s;
}
.banner .bd ul li .txt .more:hover {
color: #fff;
background: #da251e;
}
.banner .bd ul li .img {
position: absolute;
top: 180px;
right: 390px;
}

.banner:hover .arrows {
display: block;
}
.banner .arrows {
display: none;
}
.arrows .prev {
display: inline-block;
width: 31px;
height: 74px;
background: url(../images/arrows.png) no-repeat 0px 0px;
position: absolute;
left: 270px;
top: 400px;
z-index: 5;
}

.arrows .prev:hover {

background: url(../images/arrows.png) no-repeat -31px 0px;

}

.arrows .next {

display: inline-block;

width: 31px;

height: 74px;

background: url(../images/arrows.png) no-repeat -66px 0px;

position: absolute;

right: 270px;

top: 400px;

z-index: 5;

}

.arrows .next:hover {

background: url(../images/arrows.png) no-repeat -98px 0px;

}





/*产品*/

#products {

padding: 100px 0;

}

.products ul li {

float: left;

width: 175px;

margin-right: 30px;

font-size: 15px;

}

.products ul li.no {

margin-right: 0px;

}

.products ul li a .pic {

width: 87px;

height: 87px;

margin: 0 auto;

background: url(../images/icon_pro.png) no-repeat;

transition: all 0.5s ease 0s;

}

.products ul li.li1 a .pic {

background-position: 0px 0px;

}

.products ul li.li2 a .pic {

background-position: -88px 0px;

}

.products ul li.li3 a .pic {

background-position: -175px 0px;

}

.products ul li.li4 a .pic {

background-position: -263px 0px;

}

.products ul li.li5 a .pic {

background-position: -350px 0px;

}

.products ul li.li6 a .pic {

background-position: -438px 0px;

}

.products ul li.li1:hover a .pic {

background-position: 0px -128px;

}

.products ul li.li2:hover a .pic {

background-position: -88px -128px;

}

.products ul li.li3:hover a .pic {

background-position: -175px -128px;

}

.products ul li.li4:hover a .pic {

background-position: -263px -128px;

}

.products ul li.li5:hover a .pic {

background-position: -350px -128px;

}

.products ul li.li6:hover a .pic {

background-position: -438px -128px;

}



.products ul li a p {

color: #333;

margin-top: 40px;

text-align: center;

}

.products ul li:hover a p {

color: #da251e;

}



/*新闻*/

#news {padding-top: 50px;}

#news .title {

color: #da251e;

font-size: 42px;

margin: 0 0 20px 0;

}

.news .news-con {

float: left;

width: 380px;

margin-right: 30px;
margin-bottom: 30px;

}

.news .no {

margin-right: 0px;

}

.news .news-con .img {

width: 380px;

height: 212px;

overflow: hidden;

margin-bottom: 30px;

position: relative;

}

.news .news-con .img img {

transition: all 0.8s ease 0s;

}

.news .news-con .img:hover img {

transform: scale(1.2, 1.2);

}

.news .news-con .img .text {

width: 100%;

height: 0px;

position: absolute;

bottom: 0px;

left: 0px;

z-index: 9;

background: url(../images/tmbg.png);

}

.news .news-con .img .text h3 {
margin-top: 170px;
text-align: center;
}
.news .news-con .img .text h3 a {color: #da251e;font-size: 16px;margin: 0 auto;display: block;width: 140px;height: 32px;line-height: 32px;border: 1px solid #da251c;}
.news .news-con .img .text h3 a:hover {color: #fff;border: 1px solid #da251c;background: #da251c;}
.news .news-con dl dt a {

color: #222;

font-size: 16px;

}

.news .news-con dl dt a:hover {

color: #da251e;

}

.news .news-con dl dt span {

color: #666;

font-size: 14px;

float: right;

}

.news .news-con dl dd {

margin-top: 10px;

color: #333;

font-size: 13px;

line-height: 21px;

}



/*关于我们*/

#about {padding-top: 20px;}

.about .left {

float: left;

width: 460px;

}

.about .left .title {

color: #da251e;

font-size: 42px;

margin: 20px 0;

}

.about .left p {

color: #333;

font-size: 14px;

line-height: 24px;

}

.about .left .more {

display: block;

color: #da251e;

font-size: 16px;

width: 140px;

height: 36px;

line-height: 36px;

text-align: center;

margin-top: 30px;

border: 1px solid #da251e;

transition: all 0.5s ease 0s;

}

.about .left .more:hover {

color: #fff;

background: #da251e;

}

.about .right {

float: right;

}



/*底部*/

#footer {

padding: 50px 0 20px;

}

.footer dl {

float: left;

margin-right: 96px;

}

.footer dl.no {

margin-right: 0px;

}

.footer dl a {

color: #222;

}

.footer dl dt {

font-size: 16px;

line-height: 38px;

}

.footer dl dd {

font-size: 14px;

line-height: 26px;

}

.footer dl dd a:hover {

color: #da251e;

}

.copy {

margin-top: 30px;

height: 30px;
line-height: 30px;

}

.copy p {

float: left;

color: #666;

font-size: 14px;

}

.copy .bshare-custom {

float: right;
margin-top: 5px;

}

.copy .bshare-custom a {

display: block;

float: left;

margin: 0 !important;

padding: 0 !important;

width: 23px;

height: 21px;

margin-left: 10px !important;

}

.copy .bshare-custom a.bshare-weixin {

background: url(../images/icons.png) no-repeat -182px 0;

}

.copy .bshare-custom a.bshare-weixin:hover {

background: url(../images/icons.png) no-repeat -182px -31px;

}

.copy .bshare-custom a.bshare-linkedin {

background: url(../images/icons.png) no-repeat 5px 0;

}

.copy .bshare-custom a.bshare-linkedin:hover {

background: url(../images/icons.png) no-repeat 5px -30px;

}

.copy .bshare-custom a.bshare-gplus {

background: url(../images/icons.png) no-repeat -31px 0;

}

.copy .bshare-custom a.bshare-gplus:hover {

background: url(../images/icons.png) no-repeat -31px -30px;

}

.copy .bshare-custom a.bshare-facebook {

background: url(../images/icons.png) no-repeat -69px 2px;

}

.copy .bshare-custom a.bshare-facebook:hover {

background: url(../images/icons.png) no-repeat -69px -28px;

}

.copy .bshare-custom a.bshare-twitter {

background: url(../images/icons.png) no-repeat -140px 1px;

}

.copy .bshare-custom a.bshare-twitter:hover {

background: url(../images/icons.png) no-repeat -140px -29px;

}
.suspension {position: fixed;right: 5px;bottom: 60px;z-index: 9;}
.suspension a {border:1px solid #da251e;border-radius: 4px;width: 30px;height: 30px;margin-top: 5px;position: relative;}
.suspension a:hover {background: #da251e;}
#toTop {background-image: url(../images/side_icons.png);background-position: 0px 0px;background-repeat: no-repeat;cursor: pointer;}
.suspension #toTop:hover {background-position: 0px -30px;background-repeat: no-repeat;}

.copy .szcert a img{display: block;width: 20px;height: 28px;}