@charset "utf-8";
/* CSS Document */
.intro_wrap {margin:0 auto;position:relative;overflow:hidden;}
.del_wrap {margin:0 auto;position:relative;overflow:hidden;}
.head_basic {width:540px;margin: 0 auto;text-align:center;padding-bottom:55px;}
.head_basic h2 {font-size:31px; letter-spacing:-1px; font-weight:unset; color:#444; margin-bottom:20px;}
.head_basic .line { width:30px; height:3px; background:#2aa8e7; margin:0 auto;}
.head_basic p {margin-top:20px; color:#444; letter-spacing:-0.5px; font-size:16px; margin-left:20px;}

.footer_intro {margin:140px 0 90px 0;background:#f7f7f7; height:445px; }
.footer_intro .img_aside {width:1200px; margin:0 auto;}
.footer_intro img {margin-top:-53px;}


.head_intro {background:url(/image/sub/intro/01.jpg);height: 545px;margin-bottom: 25px;padding: 63px;box-sizing: border-box;}
.head_intro h2 {margin-top:90px;font-size: 23px;font-weight: 400;margin-bottom: 20px;}
.head_intro h3 {font-size:19px;border-bottom:1px solid #111;display:inline-block;margin-bottom:10px;}

.head_intro p {font-size:16px;line-height:25px;}
.head_intro p:nth-of-type(1) {margin-top:25px;}
.head_intro p:nth-of-type(4) {margin-top:20px;} 
.head_intro p:nth-of-type(6) {margin-top:50px;} 
.head_intro p:nth-of-type(6) span {font-size:25px;margin-left:10px;}
.yearUl {margin-bottom: 62px;}
.intro_wrap ul {overflow:hidden;display: flex;}
.intro_wrap li {/*float:left;*/width: 50%;text-align:center;height:50px;line-height:50px;font-size:15px;font-weight:bold;}
.del_wrap ul{overflow:hidden;display: flex;}
.del_wrap li{float:left;width: 50%;text-align:center;height:50px;line-height:50px;font-size:15px;font-weight:bold;}

.cf_content h3 {color: #555;margin-bottom: 40px;font-size: 21px;margin-top:80px;}
.cf_content h3 span {font-size:15px;color:#b7b7b7;margin-left:30px;}
.cf_content h3 span.bg {background:url(/image/sub/product/cf.jpg) no-repeat;width:22px;height: 21px;margin:0;display:inline-block;margin-right: 10px;}

.content>img {width:100%;}

.img03 {text-align:center;background: #f7f7f7;}


.logoUl{display:block;float:left;}
.logoUl li{width:373px;height:232px;float:left;margin-left: 37px;line-height:  232px;border: 1px solid #cccccc;margin-bottom:59px;opacity:  0;transition:  all 0.8s ease-out;}
.logoUl li:first-child,.logoUl li:nth-child(4),.logoUl li:nth-child(7){margin-left:0px;}

.logoUl li img{vertical-align:middle;}
.logoUl li:nth-child(1){ transition-delay:0.3s;}
.logoUl li:nth-child(2){ transition-delay:0.6s;}
.logoUl li:nth-child(3){ transition-delay:0.9s;}
.logoUl li:nth-child(4){ transition-delay:1.2s;}
.logoUl li:nth-child(5){ transition-delay:1.5s;}
.logoUl li:nth-child(6){ transition-delay:1.8s;}
.logoUl li:nth-child(7){ transition-delay:2.1s;}
.logoUl li:nth-child(8){ transition-delay:2.4s;}
.logoUl li:nth-child(9){ transition-delay:2.7s;}


.subTopTit{font-size: 54px;font-weight:bold;width: 649px;height: 477px;display:  inline-block;float: left;position:  relative;}
.subTopDiv .subTopTit img{position:absolute;bottom: -109px;z-index:  666;left: 0 !important;opacity:  0;transition:  all 0.8s ease-out;}
.subTopTit p{line-height: 62px;font-weight: 800;}
.subTopDiv{width:1200px;margin:0 auto;height: 437px;display:  block;}

.subTopCont h4{margin-top: 195px;font-size: 26px;font-weight: bold;opacity:  0;letter-spacing: -2px;margin-bottom: 68px;transition: all 1.0s ease-out;}
.subTopCont{display:inline-block;height: 300px;/* float:  right; */}
.subTopImg{
    margin-top:  20px;
    opacity:  0;
    transition: all 1.0s ease-out;
    z-index:  9;
}
.subTopCont p{line-height: 27px;font-size:16px;transition:  all 1.0s ease-out;opacity:0;letter-spacing: -1px;}
/*.subMdDiv{height: 8680px;display:  block;background:#1a2b57;position:  relative;}*/
.subMdDiv{height: 14920px;display:  block;background:#1a2b57;position:  relative;}

.year2018 img, .year2020 img {margin: 0px 0px 0px 170px;}

.subMdDiv1200{width:1200px;margin:0 auto;padding-top: 248px;/* height:  648px; */}
.eng1200 {padding-top: 33px;}
.eng1200 .subMdDiv1 h4{margin; margin-top: 20px;margin-bottom: 20px;}
.eng1200 .subMdDiv1 p{
    font-size: 14px;
    line-height:  20px;
}
.subTopTit div{background:#f06508;color:#fff;width:154px;height:124px;padding-top:30px;position: absolute;bottom: -74px;left: 40px;transition:  all 1.0s ease-out;opacity:  0;z-index:  99;}
.subTopTit h5{margin-left:26px;font-weight: 600;line-height:25px;letter-spacing: -1px;}
.subTopTit img{position:absolute;bottom:33px;left:25px;}
.subMdDiv1 h3{font-size: 40px;color: #ee6507;font-weight: 550;letter-spacing: -2px;/* margin-bottom: 28px; */margin-top: 63px;margin-bottom: 38px;text-align:  right;margin-right:  54px;line-height:  33px;opacity: 0;transition:  all 0.8s ease-out;}
.subMdDiv1 h4{font-size: 22px;margin-top: 34px;margin-bottom: 29px;color:#fff;font-weight:  550;opacity:  0;transition:  all 0.6s ease-out;/* letter-spacing:  -2px; */}
#jumpP{margin-top: 29px;}
.askBt{color:#fff;border:3px solid #fff;width:235px;height:50px;text-align:center;line-height:50px;margin-top: 33px;font-size:14px;font-weight:550;opacity:  0;transition:  all 0.6s ease-out;}
.subMdDiv1200 .subMdDiv1 .MdH3{
    margin-top: -20px;
    margin-bottom: 0px;
}
.MdP{padding-top: 60px;}
.subMdDiv1 p{color:#fff;line-height: 28px;opacity: 0;text-align: right;font-size:  15px;margin-right: 54px;letter-spacing:  -1px;transition:  all 0.8s ease-out;}
.subMdDiv1 {width: 100%;display:inline-block;float: left;position:  relative;}
.subMdDiv2{display:inline-block;margin-top: 0px;float: right;opacity:  0;transition:  all 0.8s ease-out;}
.subMdDiv2 p {color:#fff;text-align:center;margin-top:  23px;letter-spacing:  -1px;}
.subBtDiv {background-image:url("/image/sub/sub01_background.jpg");background-repeat:  no-repeat;height:  1124px;margin:  0 auto;text-align:  center;}
.subBtDiv h2{padding-top: 138px;margin-bottom: 28px;letter-spacing:  -1px;transition: all 0.8s ease-out;opacity:  0;}
.subBtDiv p{margin-bottom: 121px;letter-spacing:  -1px;opacity:  0;transition:  all 0.8s ease-out;}
.subBtDiv img{margin-bottom:81px;opacity:  0;transition:  all 0.8s ease-out;}
.aboutCircleDiv{position:relative;}

.yearUl li{/*float:left;*/color:#fff;width: 10%;font-size: 24px;}
.yearUl li.on{color:#ee6507;text-decoration-line: underline;}


.subMdDiv1_1{width: 100%;}
.delCircle{width:16px;height:16px;border-radius:16px;border:3px solid #ee6507;position:absolute;box-sizing:border-box;margin:0 auto;transform:translateX(-50%);top: -8px;right: -16px;z-index:  999;opacity:  0;background: #1a2b57;transition:  all 0.6s ease-out;}
.startCircle{
    width:9px;
    height:9px;
    border-radius:9px;
    box-sizing:border-box;
    position:absolute;
    transform:translateX(-50%);
    left:50%;
    top: 380px;
    background:#536082;
}
.endCircle{
    width:9px;
    height:9px;
    border-radius:9px;
    box-sizing:border-box;
    position:absolute;
    transform:translateX(-50%);
    left:50%;
    bottom: 65px;
    opacity:  0;
    background:#536082;
    transition:  all 0.8s ease-out;
}
.heightLine{
    width: 2px;
    height: 1.3%;
    position:  absolute;
    transform: translateX(-50%);
    left: 50%;
    top: 387px;
    transition:  all 0.8s ease-out;
    background:  #53617e;
}
.subMdDivIn2 p{text-align:left;margin-left:  54px;}
.subMdDivIn2{width:50%;display:inline-block;float:left;padding-top:  38px;}
.leftLine{height:2px;width: 0%;position:absolute;top: 0px;right: 0;background:#53617e;opacity:  0;transition: all 1.2s ease-out;}
.leftLine2{height:2px;width: 0%;position:absolute;top: 0px;left: 100%;background: #53617e;opacity:  0;transition:  all 1.2s ease-out;}
.subMdDivIn1{width:50%;padding-top:  38px;position:  relative;float: left;}
.subMdDivIn0 div{width: 49%;}
.subMdDivIn0_1{height: 133px;display: inline-block;}
.subMdDivIn0_2{
    height:  133px;
    display:  inline-block;
}
.subMdDivIn0_2 h3{text-align:left;margin-left:  54px;}
.subMdDivIn2 img{margin-top:-38px;margin-left:  54px;transition:  all 0.8s ease-out;opacity:  0;}
.subMdDivIn1 img{margin-top:-38px;margin-right:54px;transition:  all 0.8s ease-out;opacity:  0;}

.yearLi1 {
    text-align: left !important;
    width: 6% !important;
}
.yearLi2 {width: 10% !important;/*text-align:right !important;*/}
.btImg{position:relative;}
.btImg h2{position:absolute;color:#fff;left:50%; transform:translateX(-50%);top:131px;}
.iconBt{position:absolute;left:50%; transform:translateX(-50%);vertical-align:middle;top:194px;}

@media screen and (max-width: 1200px){
.subMdDiv{height: 13200px!important;}
.subMdDiv.en{height: 14800px!important;}
}