@charset "UTF-8";
.mw1324 { max-width: 1324px; margin: auto; }
.fc-white { color: #ffffff; }
.fc-red { color: #cc3b36; }

/**/
.story-page { font-family: 'Microsoft YaHei'; }

/**/
.story_01 { background: url(../images/story/story_01.jpg) no-repeat center center; height: 640px; position: relative; overflow: hidden; }
.story_01-line { padding-top: 60px; height: 5px; border-bottom: solid 5px #cc3b36; width: 100%; }
.story_01-h1 { font-size: 90px; font-weight: 600; margin-bottom: 26px; }
.story_01-h1>span { padding: 0 25px; letter-spacing: 5px; }
.story_01-desc { position: relative; }
.story_01-desc-txt { font-size: 40px; padding-left: 60px; padding-top: 15px; position: relative; z-index: 1; }
.story_01-desc-txt>p { margin: 0; line-height: 1.3; z-index: 1; }
.story_01-desc-bg { width: 1920px; height: 428px; background: rgba(0, 0, 0, 0.5); position: absolute; left: -18px; top: 0; }

/**/
.story_02-h1 { font-size: 90px; font-weight: 600; position: relative; z-index: 1; margin-top: 90px; margin-bottom: 0; }
.story_02 { background: #cc3b36; color: #fff; padding: 1px 0; }
.story_02-desc { font-size: 30px; width: 800px; margin: 20px auto; padding-top: 45px; line-height: 1.8; letter-spacing: 2px; }
.story_02-line { margin-top: 30px; margin-bottom: 60px; border-bottom: solid 1px #fff; width: 100%; }

/**/
.story_03 { background: url(../images/story/story_03.jpg) no-repeat center center; height: 747px; position: relative; overflow: hidden; }
.story_03-pos { width: 100%; position: absolute; left: 0; bottom: 110px; }
.story_03-h1 { text-align: right; padding-right: 50px; }
.story_03-h2 { font-size: 60px; color: #fff; text-align: right; padding-right: 50px; }

/**/
.story_04 { background: url(../images/story/story_04.jpg) no-repeat center center; height: 771px; overflow: hidden; }
.story_04-wrap { max-width: 1324px; margin: 110px auto 0; padding-top: 10px; color: #fff; position: relative; }
.story_04-tit { margin-top: 20px; margin-bottom: 60px; overflow: hidden; background: url(../images/story/story_04-03.png) no-repeat 57% 0; position: relative; z-index: 1 }
.story_04-tit .story_04-logo { padding-left: 5px; }
.story_04-tit .story_04-tit1 { background: url(../images/story/story_04-01.png) no-repeat; padding-left: 25px; padding-bottom: 40px; margin-top: 20px; margin-left: 40px; float: left; }
.story_04-tit .story_04-h1 { font-size: 55px; margin: 0; }
.story_04-tit .story_04-tit2 { float: left; width: 467px; padding-top: 60px; padding-left: 10px; margin: 0; font-size: 65px; font-weight: 600; }
.story_04-desc { font-size: 30px; width: 940px; margin: 20px auto; line-height: 1.6; letter-spacing: 2px; position: relative; z-index: 1 }
.story_04-wrap-bg { width: 1920px; height: 662px; background: rgba(0, 0, 0, 0.6); position: absolute; left: -18px; top: 0; }

/**/
.story_05 { background: #000000; }

/**/
.story_06 { }
.story_06-h { padding-top: 180px; padding-bottom: 150px; }
.story_06-h1 { font-size: 80px; color: #3b3b3b; }
.story_06-h2 { font-size: 35px; color: #5e5e5e; }
.story_06-con { max-width: 1324px; margin: 0 auto; }
.story_06-con-left { float: left; width: 50%; }
.story_06-con-left .con-img1 { position: relative; margin: 20px 0; padding: 10px 0 30px; }
.story_06-con-left .con-img2 { position: relative; margin: 20px 0; padding: 10px 0 30px; }
.story_06-con-left .con-imgbox { display: block; width: 1920px; height: 0; padding-bottom: 450px; position: absolute; right: 0; top: 0; box-shadow: 1px 4px 20px rgba(0, 0, 0, 0.1); }
.story_06-con-right { float: right; width: 50%; }
.story_06-con-right .con-h1 { font-size: 40px; text-align: center; margin-top: 110px; }
.story_06-con-right .con-h2 { font-size: 40px; font-weight: 600; text-align: center; }
.story_06-con-right .con-desc { font-size: 30px; margin-left: 26%; margin-top: 30px; }
.story_06-con-right .con-desc>p { margin-top: 0px; margin-bottom: 0px; line-height: 1.6; }

/**/
.story_07 { margin-top: 130px; }
.story_07-tit { font-size: 60px; padding: 10px 0; }
.story_07-video { background: #343434; }
.story_07-video .video-one{ width: 100%; vertical-align: top; }
.story_07-video .story_07-video_play{ position: absolute; left: 50%;top:40%; margin-left: -55px; }

/**/
.story_08 { background: url(../images/story/story_08.jpg) no-repeat center center; height: 624px; overflow: hidden; border-top: solid 7px #fff; border-bottom: solid 1px #fff; }
.story_08-wrap { padding-top: 70px; max-width: 1324px; margin: 100px auto 0; }
.story_08-01 { margin-left: 80px; margin-top: 20px; }
.story_08-vline { border-left: solid 2px #fff; height: 195px; margin: 0 25px 0 40px; }
.story_08-vline-r { margin-left: 0px; margin-right: 45px; }
.story_08-02 { position: relative; text-align: center; }
.story_08-02 .story_08-02_1 { margin-top: -10px; }
.story_08-02 .story_08-02_2 { margin-top: -35px; }
.story_08-03 { margin-top: 50px; }

/**/
.story_09 { background: url(../images/story/story_09.jpg) no-repeat center center #000000; height: 516px; overflow: hidden; }
.story_09-01 { margin-top: 55px; }
.story_09-02 { color: #fff; margin-top: 15%; margin-right: 15%; text-align: center; }
.story_09-02 h1 { font-size: 40px; font-weight: 600; margin: 0; }
.story_09-02 h2 { font-size: 40px; font-weight: normal; margin: 0; margin-top: 10px; }
.story_09-03 { position: absolute; right: 10%; top: -1px; }

/**/
.story_10 { background: url(../images/story/story_10.jpg) no-repeat center center #000000; height: 982px; overflow: hidden; }
.story_10-desc1 { margin-left: 50%; margin-top: 9%; color: #000; }
.story_10-desc1 .story_10-01 { margin-bottom: 40px; }
.story_10-desc1 .story_10-02 { margin-bottom: 16px; }
.story_10-desc1 h1 { margin: 0; margin-bottom: 5px; font-size: 40px; font-weight: 600 }
.story_10-desc1 h2 { margin: 0; margin-bottom: 10px; font-size: 40px; }
.story_10-desc1 h4 { margin: 0; font-size: 28px; color: #919191 }
.story_10-desc2 { margin-left: 50%; margin-top: 28%; width: 50%; }
.story_10-desc2>div { float: left; width: 50%; font-size: 28px; }
.story_10-desc2>div>b { font-weight: normal; font-size: 48px; }

/**/
.story_11 { background: url(../images/story/story_11.jpg) no-repeat center center #000000; height: 605px; overflow: hidden; }
.story_11-01 { margin-top: 95px; margin-bottom: 15px; margin-left: 20%; position: relative; z-index: 1 }
.story_11-02 { font-size: 36px; color: #fff; margin-bottom: 70px; margin-left: 20%; position: relative; z-index: 1 }
.story_11-02>p { margin-top: 0; margin-bottom: 1px; letter-spacing: 2px; }
.story_11-bg { width: 1920px; height: 605px; background: rgba(0, 0, 0, 0.6); position: absolute; left: -116px; top: 0; }

/**/
@media screen and (max-width:1125px) {
    .story_06-con-left .con-imgbox { height: 0; padding-bottom: 81%; }
}
@media screen and (min-width:1251px) and (max-width:1320px) {
    .story_08-01 { margin-left: 40px; }
    .story_08-vline { margin: 0 15px 0 30px; }
    .story_08-vline-r { margin-left: -10px; margin-right: 30px; }
}
@media screen and (max-width:1250px) {
    .story_08-vline-r, .story_08-03 { display: none; }
    .story_10-desc2 { margin-top: 24%; }
    .story_10-desc2>div { width: 100%; }
}
@media screen and (max-width:1024px) {
     .story_01{ height: auto; }
     .story_01-h1{ font-size: 55px; }
     .story_01-desc-txt{ font-size: 30px; }
     .story_02-h1{ font-size: 60px; }
     .story_02-desc{ width: auto; font-size: 20px; padding: 15px; margin:auto; }
     .story_02-line{ margin-top: 0; margin-bottom: 3%; }
     .story_04-tit{ background-size: auto 40%; background-position: 260px 0; }
     .story_04-tit .story_04-h1{ font-size: 25px; }
     .story_04-tit .story_04-logo img{ width: 180px; }
     .story_04-tit .story_04-tit1{ width: 230px; }
     .story_04-tit .story_04-tit2{ width: auto; font-size: 30px;padding-top: 40px; padding-left: 0.5%; }
     .story_04-desc{ width: auto; padding:15px; font-size: 20px; }
     .story_06-con-right .con-h1{ font-size: 30px; }
     .story_06-con-right .con-h2{ font-size: 30px; }
     .story_06-con-right .con-desc>p{ font-size: 20px; }
     .story_07-tit{ font-size: 40px; }
     .story_07-tit img{ max-width: 30%; }
     .story_08-wrap{ padding-top: 60px; }
     .story_08-01{ display: none; }
     .story_08-02{ float: none!important; width: 75%; margin: auto; }
     .story_08-vline{ display: none; }
     .story_08-02_1 img,.story_08-02_2 img{ width: 100%; }
     .story_09-01{ width: 50%; }
     .story_09-02{ width: 45%; margin-top: 30%; margin-right: 15px; }
     .story_09-02 h1{ font-size: 30px; }
     .story_09-02 h2{ font-size: 30px; }
     .story_10{ background-position: 35% center; }
     .story_11-01,.story_11-02{ margin-left: 10%; }
}