@charset "utf-8";
/* CSS Document */

/*scroll*/
.scroll{ max-width: 1170px; min-width: 840px; height: 70px; background: #727171; position: absolute; left: 50%; top: 692px; margin-left: -210px; z-index: 3;}

.scroll-wrap{ height: 70px; overflow: hidden;}
.scroll-head{ float: left; color: #f0f0f0; width: 148px; height: 34px; border-right: 1px solid #b5b1b1; line-height: 34px; margin: 18px 0;}
.scroll-head h2{ font-size: 20px; padding-left: 39px;}

.scroll .bd{ width: 450px; height: 39px; margin: 15px 195px 16px 29px; overflow: hidden; float: left;}
.scroll .bd ul{ height: 39px; position: relative; width: 450px; overflow: hidden;}
.scroll .bd ul li{ height: 27px; width: 450px; padding: 6px 0;}
.scroll .bd a{ font-size: 18px; color: #fff;}

.scroll .hd{ overflow:hidden; float: left; width: 14px; height: 36px; padding: 17px 0;}
.scroll .hd .next{ overflow:hidden; background: #ababab; display: block; width: 14px; height: 14px;}
.scroll .hd .next:after{
    content: ""; 
    position: absolute;
    display: block;
    top: 5px;
    left: 3px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #fff;
    width: 0;
    height: 0;
}
.scroll .hd .prev{ overflow:hidden; background: #c7c7c7; display: block; width: 14px; height: 14px; margin-bottom: 8px;}
.scroll .hd .prev:after{
    content: ""; 
    position: absolute;
    display: block;
    top: 5px;
    left: 3px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #fff;
    width: 0;
    height: 0;
}
/*middle*/
.mid{ height: 880px; width: 100%; background: #f0f0f0;}
.mid>.common-width{ padding: 50px 0 30px;}
.mid-left{ width: 480px; margin-right: 20px;}
.mid-left-top{ height: 500px; background: #fff; margin-bottom: 20px;}
.mid-left-bottom{ height: 280px; background: #fff;}

.time-box{ width: 48px; height: 48px; text-align: center; border: 1px solid #dedede; float: left; margin: 16px 12px 0 0;}
.time-box-day{ font-size: 18px; color: #737373; line-height: 1; padding: 8px 0;}
.time-box-year{ font-size: 10px; color: #737373; line-height: 1; }
.time-box-year span{ -webkit-transform: scale(0.83); -o-transform: scale(1); display: inline-block;}

.mid-left-top-head{ border-width: 1px; border-color: #dddddd; border-style:none none solid none; width: 444px; margin: 0 auto 5px; height: 78px;}
.mid-left-top-head-h{ font-size: 30px; color: #d70d19; line-height: 78px; float: left;}
.mid-left-top-head-more{ font-size: 18px; color: #666; float: right; padding-top: 33px;}

.mid-left-top-news{ height: 80px; width: 444px; margin: 0 auto; border-width: 1px; border-color: #dddddd; border-style:none none dashed none;}
.mid-left-top-news>a>p{ font-size: 17px; padding-top: 21px; line-height: 24px;}


.mid-left-bottom-logo{ margin: 0 auto; padding-top: 60px; width: 297px;}
.mid-left-bottom-head{ font-size: 30px; margin: 55px auto 0; width: 120px;}
.mid-left-bottom-text{ font-size: 15px; margin: 0 auto; width: 408px; line-height: 22px;}

.mid-mid{ margin-right: 20px;}
.midbox{ width: 370px; height: 390px; position: relative; overflow: hidden;}

.mid-mid-top, .mid-right-top{ margin-bottom: 20px;}
.midred{ padding: 17px 15px 0 25px; position: absolute; bottom: 0; background: #d70d19; height: 113px; width: 330px; color: #fff;}
.midred:after{
    content: ""; 
    position: absolute;
    display: block;
    bottom: 130px;
    left: 30px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #d70d19;
    width: 0;
    height: 0;
}
.midred h2{ font-size: 30px; padding-bottom: 3px; text-align: center; line-height: 100px;}
.midred p{ font-size: 15px;}

.midbox img:hover{ 
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.midbox img{
    width: 370px; height: 390px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 1000ms;
    transition: transform 1000ms;
}
/*silbar*/
.silbar{ height: 160px; width: 100%; background: #841b20;}
.silbar-bg{ height: 160px; background-image: url(../images/index_silbar.png); position: relative;}
.silbar-bg .txt{ position: absolute; top: 95px; font-size: 18px; color: #fff;}
.silbar-bg .txt .t1{ margin-left: 53px;}
.silbar-bg .txt .t2{ margin-left: 98px;}
.silbar-bg .txt .t3{ margin-left: 114px;}
.silbar-button{ background: #fff; width: 370px; height: 64px; position: absolute; left: 840px; top: 48px;}
.silbar-button-text{ color: #d70d19; font-size: 30px; text-align: center; line-height: 64px;}

/*core*/
.core{ height: 540px; width: 100%; position: relative; overflow: hidden;}
.core .bd{ position: relative; z-index: 0;}
.core .bd ul{ width: 100% !important;}
.core .bd ul li{ width: 100% !important; height: 540px;}
.core .bd .txt{ color: #fff; position: absolute; left: 50%; margin-left: -594px; top: 60px; font-size: 18px;}
.core .bd .txt .t1{ font-size: 60px; margin-bottom: 15px;}
.core .bd .txt .t2{ margin-right: 108px;}

.core .hd{ width: 1260px; position: absolute; z-index: 1; bottom: 190px; left: 50%; margin-left: -60px;}
.core .hd ul { height: 15px;}
.core .hd ul .on{ background: url(../images/cut.png) no-repeat -50px 0;}
.core .hd ul li{ line-height:9999px; margin-right: 20px; display: inline-block; *display:inline; cursor: pointer; width: 15px; height: 15px; background: url(../images/cut.png) no-repeat -75px 0; overflow: hidden;}

/*soft*/
.soft{ height: 560px; width: 100%; position: relative; overflow: hidden;}
.soft .bd{ position: relative; z-index: 0;}
.soft .bd ul{ width: 100% !important;}
.soft .bd ul li{ width: 100% !important; height: 560px;}

.soft .hd{ width: 1260px; position: absolute; z-index: 1; bottom: 30px; left: 50%; margin-left: -60px;}
.soft .hd ul { height: 15px;}
.soft .hd ul .on{ background: url(../images/cut.png) no-repeat 0 0;}
.soft .hd ul li{ line-height:9999px; margin-right: 20px; display: inline-block; *display:inline; cursor: pointer; background: url(../images/cut.png) no-repeat -25px 0; width: 15px; height: 15px; overflow: hidden;}

.soft .bd ul li .txt{ position: absolute; left: 50%; margin-left: -580px; top: 83px; color: #d70d19; width: 500px;}
.soft .bd ul li .txt .t1{ font-size: 48px;}
.soft .bd ul li .txt .t2{ font-size: 24px; margin: 37px 0 26px;}
.soft .bd ul li .txt .t3{ display: block; font-size: 24px; color: #d70d19; border: 1px solid #d70d19; width: 212px; height: 46px; text-align: center; line-height: 46px;}

/*banner*/
.index-banner{ height: 620px; position: relative; overflow: hidden;}
.index-banner .bd{ position: relative; z-index: 0;}
.index-banner .bd ul{ width: 100% !important;}
.index-banner .bd ul li{ width: 100% !important; height: 620px;}

.index-banner .hd{ width: 1260px; position: absolute; z-index: 1; bottom: 30px; left: 50%; margin-left: -590px;}
.index-banner .hd ul { height: 15px;}
.index-banner .hd ul .on{ background: url(../images/cut.png) no-repeat 0 0;}
.index-banner .hd ul li{ line-height:9999px; margin-right: 20px; display: inline-block; *display:inline; 
	cursor: pointer; width: 15px; height: 15px; background: url(../images/cut.png) no-repeat -75px 0; overflow: hidden;}

.index-banner .bd ul li .txt{ color: #d70d19; position: absolute; left: 50%; margin-left: -548px; top: 86px; line-height: 1;}
.index-banner .bd ul li .txt .t1{ font-size: 54px; margin-bottom: 16px;}
.index-banner .bd ul li .txt .t2{ font-size: 46px; margin-bottom: 56px;}
.index-banner .bd ul li .txt .t3{ font-size: 24px; margin-bottom: 32px;}
.index-banner .bd ul li .txt .t4{ font-size: 24px; color: #d70d19; border: 1px solid #d70d19; width: 212px; height: 46px; text-align: center; line-height: 46px; position: absolute;}

/*20170302*/
.index-banner .bd ul li,
.soft .bd ul li{background-repeat: no-repeat; background-position: center; background-size: cover;}
.core .bd ul li{background-repeat: no-repeat; background-position: center;}
.core .bd ul li .img,
.soft .bd ul li .img{width: 1260px; height: 100%; position: absolute; top: 0; left: 50%; margin-left: -630px; z-index: 1; background-repeat: no-repeat; background-position: center;}
.core .bd ul li .txt,
.soft .bd ul li .txt{z-index: 2; top: 20%;}
.silbar{position: absolute; bottom: 0; left: 0;}
.soft .hd ul li,
.core .hd ul li,
.index-banner .hd ul li{height: 16px; width: 16px;}


/*20170609banner了解更多按钮*/
.index-banner .bd ul li a{
    display: block;
    font-size: 24px;
    color: #d70d19;
    border: 1px solid #d70d19;
    width: 212px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    position: absolute;
    color: #fff;
    background-color: #d70d19;

}
/*.index-banner .bd ul li a:hover{
    color: #fff;
    background-color: #d70d19;
}*/