﻿@charset "utf-8";
/* CSS Document */
/*common*/
em,i{ font-style:normal;}



/*banner*/
.banner{ height:490px; overflow:hidden; position:relative;}
.banner .bd div{ height:490px; overflow:hidden; }
.banner a{ background:url("Img/Index/banner.jpg") no-repeat center top; height:490px; display:block; overflow: hidden;}

.banner .hd{ height:15px; overflow:hidden; position:absolute; left:81.5%; bottom:50px; z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .hd ul li{ float:left; margin-right:10px;  width:15px; height:15px; background:#fff; cursor:pointer; border-radius: 20px; }
.banner .hd ul li.on{ background:#e62129; color:#fff; opacity: .6;}



/*搜索*/
.sea_key{
height: 63px;
line-height: 63px;
border-bottom: 1px solid #efefef;
overflow: hidden;
margin-bottom: 70px;
}
.search{ width:240px; height:30px; overflow:hidden; margin-top:18px;}
.search .inp01{
float:left;
width:185px;
height:26px;
line-height:26px;
background:url("Img/Index/searchbg1.jpg") no-repeat;
font-size:12px;
color:#666;
font-family:"microsoft yahei";
border:none;
padding-left: 20px;
}
.search .inp02{
width:33px;
height:26px;
background:url("Img/Index/searchbg2.jpg") no-repeat;
border:none;
float:left;
cursor:pointer;
}
.keywords{ width:620px; font-size:14px;color:#676767; font-family:"microsoft yahei"; height:60px; line-height:60px;}
.keywords b{
background: url("Img/Index/keywords_icon.jpg") no-repeat 0 center;
padding-left: 35px;
}
.keywords a{ color:#676767; display:inline-block; padding-right:12px;}  



/*店铺*/
.custom{ height: 686px; margin-bottom: 80px;}
.custom_hd{ height: 53px; margin-bottom: 66px; border-bottom: 1px solid #d8d8d8;}
.custom_hd li{ width: 33.333%; float: left; text-align: center; background: url("Img/Index/custom_icon1.jpg") no-repeat center 45px; padding-bottom: 18px; height:45px;font-size: 20px; color: #1c1c1c;}
.custom_hd li.none{ margin-right: 0;}
.custom_hd li.on{ background: url("Img/Index/custom_icon2.jpg") no-repeat center 45px;}

.custom_bd{ height: 558px; overflow: hidden;} 
.custom_bd dl{ height: 558px;}
.custom_bd dt{ float:left; background: url("Img/Index/custom_bg.png") no-repeat; padding: 88px 0 0 98px; width: 544px; height: 470px;}
.custom_bd dt img{ display: block; width: 100%;}
.custom_bd dd{ width: 473px; float: right;}
.custom_bd dd h3{ font-weight: normal; font-size: 40px; color: #da2b24; margin-top: 36px;}
.custom_bd dd h3 a{ color: #da2b24;}
.custom_bd dd h3 span{ display: block; color: #c0c0c0; text-transform: uppercase; font-size: 33px; }
.custom_bd dd i{ display: block; width: 102px; height: 5px; background: #666666; margin: 20px 0 40px;}
.custom_bd dd p{ font-size: 16px; color: #626262; line-height: 36px;height:185px;}
.custom_bd dd em{ color: #da2b24; display: block; font-size: 16px; margin-top: 5px;}
.custom_bd dd .btn{ display: block; margin-top: 58px;}
.custom_bd dd .btn a{ padding-left:72px; width: 105px; height: 54px; line-height: 54px; display: inline-block; color: #fff; font-size: 14px; font-weight: bold; background: url("Img/Index/detail_bg.png") no-repeat; margin-right: 20px;}
.custom_bd dd .btn .inquery{background: url("Img/Index/inquery_bg.png") no-repeat;}


/*pk*/
.pk{ height: 1036px; background: #f3f3f3; margin-bottom: 12px; overflow: hidden;}
.pk h2{ font-size:48px; color:#242424; background: url("Img/Index/three_title_bg.jpg") no-repeat center 73px; text-align: center; margin: 80px 0 45px; }
.pk h2 i{font-size: 36px; letter-spacing: 10px; display: block; font-weight: normal; }
.pk h2 span{ color: #da2b24;}
.pk_list{ height: 218px; margin-bottom: 27px; position: relative;}
.pk_list dl{ width: 586px; height: 218px; float: left;}
.pk_list dt{ width: 248px; height: 218px; float: right; position: relative;}
.pk_list dt span{ display: block; position: absolute; left: 0; bottom: 0; width:100%; height:32px; line-height:32px; background: url("Img/Index/pk_icon1.png") no-repeat; text-align: center; font-size: 16px; color: #fff;}
.pk_list dt img{ width: 100%;}
.pk_list dd{ width: 295px; float: left;}
.pk_list dd h3{ height:45px; margin:28px 0 15px; font-size: 24px; color: #da2b24; background: url("Img/Index/three_line.jpg") no-repeat 0 bottom;}
.pk_list dd p{ font-size: 16px; color: #656565; line-height: 28px;}
.pk_list dd p i{ color: #da2b24;}
.pk_list dl.other{ float: right;}
.pk_list dl.other dd{ float: right;}
.pk_list dl.other dt{ float: left;}
.pk_list dl.other dt span{ background: url("Img/Index/pk_icon2.png") no-repeat; }
.pk_list dl.other dd h3{ color: #242424;}
.pk_list em{ width: 106px; height: 80px; padding-top: 26px;position: absolute; left: 50%; top: 50%; margin: -53px 0 0 -53px; display: block; font-size: 18px; font-weight: bold; color: #fff; text-align: center; background: url("Img/Index/pk_icon3.png") no-repeat; }



/*实力体现*/
.strength{ height: 979px; background: url("Img/Index/strength_bg.jpg") no-repeat center 0; }
.strength h2{ font-size: 36px; color: #da2b24; text-align: center; margin-bottom: 60px;}
.strength h2 i{font-size: 30px; letter-spacing: 10px; display: block; font-weight: normal; color: #282828; }
.strength dl{ width: 31.6%; height:782px; margin-right: 2.5%; float: left; background: url("Img/Index/strength_bg1.png") no-repeat; background-size: 100%;}
.strength dl.last{ margin-right: 0;}
.strength dt{ width: 380px; height: 439px; margin: 30px 0 42px;}
.strength dt img{ display: block; width: 100%;}
.strength dd{ padding: 0 22px;}
.strength dd h3{ font-size: 24px; color: #242424; margin-bottom: 15px;}
.strength dd h3 span{ display: block; font-weight: normal; text-transform: uppercase; color: #c6c6c6; margin-top: 10px;}
.strength dd li{ font-size: 16px; line-height: 30px; color: #656565; background: url("Img/Index/strength_icon.png") no-repeat 0 6px; padding-left: 26px;}
.strength dl:hover{ background: url("Img/Index/strength_bg2.png") no-repeat;}
.strength dl:hover dd h3,.strength dl:hover dd li{ color: #fff;}
.strength dl:hover dd h3 span{ color: #aa2924;}
.strength dl:hover dd li{ background-position: 0 -24px;}


/*banner2*/
.banner2{
    height: 180px;
    background: url("Img/Index/banner2.jpg") no-repeat center 0;
    overflow: hidden;
    margin-bottom: 62px;
}
.banner2 p{
    display: block;
    font-size: 18px;
    color: #fff;
    margin: 77px 0 0 0;
    overflow: hidden;
}
.banner2 p b{ font-size: 30px; font-weight: normal; }
.banner2 a{ display: block; margin-top:10px; width: 158px; height: 33px; line-height: 33px; text-align: center; font-size: 14px; color: #fff; background: url("Img/Index/zx_btn.png") no-repeat;}


/*产品*/
.prod{height: 1075px; overflow: hidden;}
.prod h2{ font-size: 36px; color: #282828; text-align: center; font-weight: normal; margin-bottom: 44px;}
.prod h2 a{ color: #282828;}
.prod h2 span{ color: #da2b24;}
.prod h2 i{ display: block; width: 32px; height: 3px; background: #da2b24; margin: 10px auto 0;}


.prod li{ width: 22.8%; float: left; margin: 0 2.8% 43px 0; position: relative;}
.prod li.last{ margin-right: 0;}
.prod li > a > img{ width: 100%; border: 1px solid #e9e9e9; }
.prod li span{position:relative;height: 42px; line-height: 42px; border-bottom: 1px solid #e9e9e9; display: block; text-align: center; font-size: 14px;}
.prod li span:after{content:'';display:block;position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#da2b24;transition:width .3s ease;}
.prod li span a{ color: #474747;}
.prod li .onprod{ position: absolute; left: 1px; top: 1px; width:100%;height:100%;*zoom:1; animation:prod2animation .3s ease forwards;background: #000; opacity: .3; filter:alpha(opacity=30);}
.prod li .onprod_detail{display:none;position: absolute; left: 0; top: 0;  width: 100%;height: 339px;text-align: center;}
.prod li .onprod_detail em{ display: block; margin: 132px 0 15px; position: relative;}
.prod li .onprod_detail i{ font-size: 14px; color: #fff; position: relative;}
.prod li:hover .onprod_detail{ display: block;}
.prod li:hover .onprod_detail em{ animation:prodanimation .3s ease forwards;}
.prod li:hover span:after{width:100%;}



@keyframes prodanimation
{
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

@keyframes prod2animation
{
    from {background: #000; opacity: 0; filter:alpha(opacity=0); transform:scale(0);}
    to {background: #000; opacity: .5; filter:alpha(opacity=50); transform:scale(1)}
}


.prod .prod_more{ display: block; background: url("Img/Index/btn_bg.png") no-repeat center 0; width: 341px; height: 46px; line-height: 46px; text-align: center; font-size: 14px; color: #fff; margin: 10px auto 0;}



/*关于我们*/
.about{overflow: hidden; background: url("Img/Index/about_bg.jpg") no-repeat center 0; height: 653px; margin-bottom: 70px; text-align: center;}
.about h2{ font-size: 36px; text-align: center; margin: 76px 0 15px;}
.about h2 a{color: #282828;}
.about i{ display: block; width: 40px; height: 3px; background: #da2b24; margin: 20px auto 20px; }
.about .about_title1{font-size: 26px;color: #282828;}
.about .about_title2{font-size: 20px;color: #da2b24; margin: 5px 0 25px;}
.about .about_desc{ font-size: 14px;color: #656565; line-height: 24px; margin-bottom: 20px;}
.about span a{color: #da2b24;border-bottom: 1px solid #da2b24;}



/*新闻聚焦*/
.news{
    height: 470px;
    overflow: hidden;
}
.news-a{
    width: 517px;
    overflow: hidden;
    height: 480px;
    position: relative;
}
.news-a h2{ font-size: 24px; color:#da2b24; overflow: hidden;font-weight: normal; }
.news-a h2 span{ color: #000000;text-decoration: none; text-transform: uppercase; display: block;}
.news-a h2 i{ display: block; width: 334px; height: 2px; background: #333333; margin: 10px 0 20px 0; }
.news-a-hd{ height: 20px; position: absolute; top: 340px; right: 11px;z-index:22;}
.news-a-hd li{ width: 21px; height: 20px; background: #2e2f2d; text-align: center; line-height: 20px; margin-right: 6px; font-size: 14px; color: #fff; float: left;}
.news-a-hd li.on{ background: #da2b24;}
.news-a-bd dl{
    height: 278px;
    overflow: hidden;
}
.news-a-bd dd{
    height: 110px;
}
.news-a-bd dd h3{
    font-size: 16px;
    color: #333333;
    font-weight: normal;
    margin-bottom: 13px;
}
.news-a-bd dd h3 a{
    color: #333;
    text-decoration: none;
}
.news-a-bd dd p{
    font-size: 14px;
    line-height: 22px;
    color: #929292;
    height: 44px;
    overflow: hidden;
    text-overflow:ellipsis;
}    
.news-a-bd dt{
    width: 517px;
    height: 168px;
    overflow: hidden;
}
.news-a-bd dt img{
    display: block;
    width: 517px;
    height: 168px;
}



.news-b{
    width: 590px;
    height: 480px;
    float: right;
    overflow: hidden;
}
.news-b .more a{
    width: 62px;
    height: 16px;
    border: 1px solid #666;
    color: #000000;
    text-align: center;
    line-height: 16px;
    font-size: 14px;
    text-decoration: none;
}
.news-b li{
    float: left;
    font-size: 18px;
    color: #333333;
    margin-right: 30px;
    margin-bottom: 40px;
    overflow: hidden;
}
.news-b li a{
    color: #333;
    text-decoration: none;
}
.news-b ul:after{
    content: '';
    display: block;
    clear: both;
}
.news-b li.on a{
    font-weight: bold;
}
.news-b .news-b-hd{ width: 590px; height: 50px;overflow: hidden; margin-top: 38px;}
.news-b-list{ height: 350px; overflow: hidden;}
.news-b-list-bd{ height: 290px; overflow: hidden;}
.news-b-list-hd{ height: 30px; display: block; }
.news-b-list .prev5,.news-b-list .next5{ display: block; width: 30px; height: 30px; float: left; margin-right: 5px;}
.news-b dl{
    height: 85px;
    border-bottom:1px dotted #e3e3e3;
    margin-bottom: 20px;
    overflow: hidden;
    overflow: hidden;
}
.news-b dt{
    font-size: 12px;
    color: #b2b2b2;
    font-family: "Arial";
    overflow: hidden;
    margin-bottom: 5px;
}
.news-b dd{
    overflow: hidden;
}
.news-b dd h3{
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 5px;
    overflow: hidden;
}
.news-b dd h3 a{
    color: #333333;
    text-decoration: none;
}
.news-b dd p{
    font-size: 14px;
    line-height: 22px;
    color: #929292;
}


