/*index首页样式*/
.banner_wrap{width:100%;height:516px;background-color: #fff;}
.banner{width: 100%;height:516px;margin: 0 auto;position:relative;background:#fff;}
.banner_txt{width:400px;height:300px;position: absolute;top: 132px;left: 230px;color: #70121a;z-index: 1;}
.banner_txt h1{font-size: 44px;font-weight: 900;padding-bottom: 12px;position: absolute;animation:moveH1 1s ease-out;-webkit-animation:moveH1 1s ease-out; }
@keyframes moveH1{
    from {top: 240px;opacity: 0;}
    to {top: 0;opacity: 1;}
}

@-moz-keyframes moveH1 /* Firefox */{
    from {top: 240px;opacity: 0;}
    to {top: 0;opacity: 1;}
}

@-webkit-keyframes moveH1 /* Safari 和 Chrome */{
    from {top: 240px;opacity: 0;}
    to {top: 0;opacity: 1;}
}
.banner_txt p{font-size: 20px;font-style: italic;line-height: 34px;top:63px;position: absolute;animation:moveP 1.6s ;-webkit-animation:moveP 1.6s ;}
@keyframes moveP{
    0%{top: 90px;opacity: 0;}
    87.5%{top: 90px;opacity: 0;}
    100%{top: 63px;opacity: 1;}
}

@-moz-keyframes moveP /* Firefox */{
    0%{top: 90px;opacity: 0;}
    87.5%{top: 90px;opacity: 0;}
    100%{top: 63px;opacity: 1;}
}

@-webkit-keyframes moveP /* Safari 和 Chrome */{
    0%{top: 90px;opacity: 0;}
    87.5%{top: 90px;opacity: 0;}
    100%{top: 63px;opacity: 1;}
}
.banner .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.banner .bd ul{width:100% !important;}
.banner .bd ul li{width:100% !important;height:516px;overflow:hidden;text-align:center;position: absolute;left: 0; top: 0; display: none;}
.banner .bd ul li img{width: auto;height: 100%;position: absolute;top:0;left:50%;margin-left:-960px;}
.banner .bd ul li:last-of-type{display: list-item;}
.banner .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.banner .hd ul{text-align:center;}
.banner .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:10px;height:10px;margin:3px;overflow:hidden;background:#fff;filter:alpha(opacity=100);opacity:1;line-height:999px;border-radius: 5px;}
.banner .hd ul .on{width:50px;}
.banner .prev,.banner .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=100);opacity:1;display:none;}
.banner .next{left:auto;right:5%;background-position:-6px -137px;}
.animation_radius01{width: 50px;height: 50px;border-radius: 100%;background-color: rgba(240,242,249,0.3);position: absolute;top:600px;left: 20%;z-index: 1;animation:animation_radius01 3s infinite;-webkit-animation:animation_radius01 3s infinite;}
.animation_radius02{width: 70px;height: 70px;border-radius: 100%;background-color: rgba(240,242,249,0.3);position: absolute;top:620px;left: 50%;z-index: 1;animation:animation_radius01 2.8s 2s infinite;-webkit-animation:animation_radius01 2.8s 2s infinite;}
.animation_radius03{width: 100px;height: 100px;border-radius: 100%;background-color: rgba(240,242,249,0.3);position: absolute;top:640px;left: 80%;z-index: 1;animation:animation_radius01 3s  2s infinite;-webkit-animation:animation_radius01 3s 2s infinite;}
@keyframes animation_radius01{
    0%{top: 600px;opacity: 0;}
    50%{opacity: 1;}
    100%{top: 250px;opacity: 0;}
}
@keyframes animation_radius02{
    0%{top: 620px;opacity: 0;}
    50%{opacity: 1;}
    100%{top: 350px;opacity: 0;}
}
@keyframes animation_radius03{
    0%{top: 640px;opacity: 0;}
    50%{opacity: 1;}
    100%{top: 450px;opacity: 0;}
}

.product{width: 1110px;margin: 0 auto;}
.title_bar{width:100%;height: 60px;line-height: 60px;border-bottom: 1px solid #70121a;}
.title_bar h2{height: 57px;width:25%;line-height: 66px;border-bottom: 3px solid #70121a;}
.title_bar a:hover{color: #88210c;}
.product_ul{width:100%;height: 243px;margin-top: 22px;}
.product_ul li{width:33.333%;height: 100%;float: left;color: #fff;}


.product_ul .shujukaifa_li{background: url("../images/chanpin_bg01.jpg") no-repeat center;background-size: 100% 100%;}
/*.product_ul .yunpingtai_li{background: url("../images/chanpin_bg02.jpg") no-repeat center;background-size: 100% 100%;}*/
.product_ul .baoxian_li{background: url("../images/chanpin_bg02.jpg") no-repeat center;background-size: 100% 100%;}
.product_ul .ruanjiandingzhi_li{background: url("../images/chanpin_bg03.jpg") no-repeat center;background-size: 100% 100%;*margin-left:-3px;}
.product_ul li div{width: 100%;height: 188px;}
.product_ul li div{width: 58px;height: 58px;padding-top: 62px;margin: 0 auto 12px;}
.product_ul li h3{width: 70%;margin:0 auto 14px;line-height: 20px;font-size:18px;text-align: center;}
.product_ul .shujukaifa_li h3{width: 90%;}
.product_ul li p{width: 90%;margin:0 auto;line-height: 20px;font-size:12px;text-align: left;opacity:0;}
.product_ul li a{width: 40%;height:24px;margin:20px 30% 0;line-height: 24px;font-size:12px;opacity:0;text-align: center;border-radius: 8px;color: #fff;border: 1px solid #ffffff;display: inline-block;}

.main_wrap{width: 1110px;height: 574px;margin: 0 auto;}
.main_wrap .title_bar h2{height: 60px;width:25%;line-height: 66px;border: none;}
.main_wrap .title_bar a{height: 57px;line-height: 84px;font-size: 12px;}
.dynamic,.relation{width: 548px;}
.dynamic ul li{height:128px;padding: 20px 0;border-bottom: 1px solid #f1f1f1;display: block;}
.dynamic ul li:last-of-type{padding-bottom:0;border: none;}
.dynamic .dynamic_pic{width: 192px;height: 128px;}
.dynamic .dynamic_pic img{width: 192px;height:128px;}
.dynamic .dynamic_content{width: 328px;height:118px;padding: 0 12px 10px 14px;}
.dynamic .dynamic_content h4{font-size: 18px;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.dynamic .dynamic_content span{font-size: 12px;line-height: 24px;color: #9d9d9d;}
.dynamic .dynamic_content p{font-size: 12px;line-height: 20px;color: #6f6f6f}

.relation ul li{height:56px;padding: 20px 0 6px;display: block;}
.relation .relation_date{width: 56px;height: 54px;}
.relation .relation_date .relation_date_top{width: 56px;height: 36px;line-height:36px;background-color: #e9e8e8;font-size: 25px;font-weight: bold;color: #666;text-align: center;}
.relation .relation_date .relation_date_bot{width: 56px;height: 18px;line-height:18px;background-color: #adadad;font-size: 14px;font-weight: bold;color: #e6e6e6;text-align: center;}
.relation .relation_content{width: 454px;height:54px;padding-right: 24px;    border-bottom: 1px solid #f3efef;}
.relation .relation_content h5{font-size: 18px;line-height: 44px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.relation .relation_content span{font-size: 12px;line-height: 24px;}

.corporation{width: 1110px;margin: 0 auto;}
.corporation .title_bar h2{height: 57px;width:25%;line-height: 66px;border-bottom: 3px solid #70121a;}
.corporation .title_bar a{height: 57px;line-height: 84px;font-size: 12px;}
.corporation .corporation_ul{width:100%;font-size: 0;padding: 18px 0 26px;display:flex;}
.corporation .corporation_ul li{display: inline-block;float: left;position: relative;}
.corporation .corporation_ul .last_corporation_li{*margin-left:-3px;}
.corporation .corporation_ul li a{width:100%;height:100%;display: inline-block;}
.corporation .corporation_ul li a img{width:366px;height:auto;display: inline-block; margin-right: 20px;}
.corporation .corporation_ul li a img:hover{border-bottom: 5px solid #70121a;-webkit-box-shadow: 0 0 20px 3px #ccc ;-moz-box-shadow: 0 0 20px 3px #ccc ;box-shadow: 0 0 20px 3px #ccc ;}