@charset "utf-8";
/* CSS Document */
.intro_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;}

.circleUl li:nth-child(1){transition-delay:0.6s;}
.circleUl li:nth-child(2){transition-delay:1s;}
.circleUl li:nth-child(3){transition-delay:1.4s;}
.circleUl li:nth-child(4){transition-delay:1.8s;}
.circleUl li{opacity:0;transition:all 0.8s ease-out;}


.intro_wrap ul {overflow:hidden;}
.intro_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;}



.aboutCircle{width: 1200px;position:relative;margin:0 auto;height: 488px;}
.aboutCircle ul li{opacity:0;transition:all 0.8s ease-out;}

.cirDiv{float:left;width: 265px;height: 265px;margin-left: -1px;z-index: 0;margin-left: 46px;}
.cirDiv:first-child{margin-left:0}

.cirTop{width: 265px;height: 132.5px;overflow:hidden;background: #f5f5f5;}
.cirTopInner{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);width: 262px;height: 265px;-webkit-transition:all .3s linear;transition:all .3s linear;}
.cirTopInner:after{content:"";display:block;border-radius: 300px 300px 0 0;width: 262px;height: 131.5px;border-top: 1px solid #c8c8c8;border-left: 1px solid #c8c8c8;border-right: 1px solid #c8c8c8;background: #f5f5f5;}

.cirBottom{width: 265px;height: 132.5px;overflow:hidden;background: #f5f5f5;}
.cirBottomInner{margin-top: -150px;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);padding-top: 150px;width: 265px;height: 132.5px;-webkit-transition:all .3s linear;transition:all .3s linear;}
.cirBottomInner:after{content:"";display:block;border-radius: 0 0 300px 300px;width: 262px;height: 129.5px;border-bottom: 1px solid #c8c8c8;border-left: 1px solid #c8c8c8;border-right: 1px solid #c8c8c8;background: #f5f5f5;}


.clear-both{display:block;clear:both}

.on #circle1{-webkit-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-delay:1.5s;transition-delay:1.5s}
.on #circle2{-webkit-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-delay:.6s;transition-delay:.6s}
.on #circle3{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg);-webkit-transition-delay:.9s;transition-delay:.9s}
.on #circle4{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg);-webkit-transition-delay:1.2s;transition-delay:1.2s}

.on #circle5{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg);-webkit-transition-delay:1.2s;transition-delay:1.2s}
.on #circle6{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg);-webkit-transition-delay:.9s;transition-delay:.9s}
.on #circle7{-webkit-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-delay:.6s;transition-delay:.6s}
.on #circle8{-webkit-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-delay:1.5s;transition-delay:1.5s}

.circleUl{background:transparent}
.circleUl::after{content:"";display:block;clear:both}
.circleLi{display:block;margin-left: 0px !important;/* margin-right: 38px; */float: left !important;width: 265px !important;height: 425px !important;margin-left: -11px;margin-left: 46px !important;}
.circleLi:first-child{margin-left: 0 !important;}

.circleLi img{margin-bottom:0px !important;}

.about-org-line-1{display:block;position:absolute;top: 132.5px;left: -100%;/* margin-left: -598.5px; */height:1px;width:0;opacity: 0;z-index: 0;background: #9c9c9c;-webkit-transition:all .6s ease-in-out;transition: all 1.8s ease-in-out;}
.about-org-line-2{/* display:block; */position:absolute;top: 132.5px;right: -18%;margin-right: -596.5px;height:1px;width:0;background: #000;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out;}
.on>.about-org-line-1{width:100%}
.on>.about-org-line-2{/* width:100% */}


.circleTit{width:265px;height:265px;border: 1px solid #d7d7d7;border-radius:265px;background: #fff;}
.circleTiteng{width:200px;line-height: 27px;margin-top: -173px;margin-left: 49px;/* height:200px; */}
.on .circleTit{opacity:1;letter-spacing:0;-webkit-transition:all 1s;transition:all 1s;-webkit-transition-delay:.3s;transition-delay:.3s}
.circleCont{/* opacity:0; */margin-left: 0px !important;-webkit-transform:translateY(-20px);transform:translateY(-20px);margin:40px 0 0 30px;color: #000000;font-weight: bold !important;line-height: 26px;font-weight:300;font-size: 15px;-webkit-transition:all 1s;transition:all 1s;-webkit-transition-delay:1.8s;transition-delay:1.8s;}
.on .circleCont{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}

.subTopTit{font-size: 54px;font-weight:bold;width: 425px;height: 500px;display:  inline-block;float: left;position:  relative;}
.subTopTit p{line-height: 62px;font-weight: 800;}
.subTopDiv{width:1200px;margin:0 auto;height: 450px;display:  block;position: relative;}

.subTopDiv2{height: 553px;background:#f5f5f5;}
.subTopDiv2 ul{width:1200px;margin:0 auto;opacity: 0;transition: all 0.8s ease-out;}
.subTopDiv2 ul li{float:left;width: 16.5%;height: 154px;border-left: 1px solid #d7d7d7;}
.subTopDiv2 ul li p{font-size:17px;}
.subTopDiv2 ul li img{margin-top:20px;}
.subTopDiv2 ul li:first-child{border-left:none;}

.Bline1{left: -1160px;position:absolute;top: 434px;opacity: 0;transition: all 1s ease-out;}
.Bline2{position:absolute;left: 600px;top: -740px;transition: all 1.0s ease-out;opacity: 0;}
.bsnum1{position:absolute;left:35px;top: -7px;transition:all 0.8s ease-out;opacity:0;}
.bsnum2{position:absolute;left:160px;top: -7px;transition:all 0.8s ease-out;opacity:0;}
.businessMid{position:absolute;left:440px;top: 265px;opacity: 0;transition: all 1.0s ease-out;}

.midArticle{height: 835px;position: relative;}
.midArticle ul li:nth-child(4){transition:all 0.8s ease-out;}
.midArticle ul li:nth-child(5){transition:all 0.8s ease-out;}
.midArticle ul li:nth-child(6){transition:all 0.8s ease-out;}
.midArticle ul li:nth-child(7){transition:all 0.8s ease-out;}

.midArticle ul li{height:362px;position:relative;box-sizing:border-box; opacity:0;}
.leftMid{padding-left:92px;}
.rightMid{padding-left:219px;}
.midArticle ul li span{
    margin-left: -15px;
    margin-right: 12px;
}
.midArticle ul li h3{text-align:left;height: 32px;opacity: 0;margin-top: -30px;transition: all 0.8s ease-out;}
.lastH3{margin-bottom: 76px;margin-top: 0px !important;}
.midArticle ul li p{height:17px;text-align: left;margin-bottom:13px;letter-spacing: -1px;text-indent: 15px;color:#989898;opacity: 0;transition: all 0.8s ease-out;}
.midArticle ul{width:1200px;margin:0 auto;padding-top: 122px;position: relative;}
.subTopDiv2 h3{padding-top: 203px;text-align:center;font-size:29px;font-weight:bold;margin-bottom: 50px;opacity: 0;transition: all 0.8s ease-out;}


.subTopCont h4{margin-top: 117px;font-size: 26px;font-weight: bold;opacity:  0;letter-spacing: -1px;margin-bottom: 68px;transition: all 1.0s ease-out;}
.subTopCont{display:inline-block;height: 350px;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:717px;display:  block;background:#1a2b57;}
.subMdDiv1200{width:1200px;margin:0 auto;padding-top: 287px;}
.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: 32px;color:#fff;font-weight:bold;letter-spacing:  -1px;margin-bottom: 98px;margin-top: 10px;opacity:  0;transition:  all 0.8s ease-out;}
.subMdDiv1 .engH3{width:60%;line-height: 40px;}
.subMdDiv1 p{color:#fff;line-height:30px;opacity:  0;letter-spacing:  -1px;transition:  all 0.8s ease-out;}
.subMdDiv1 {width: 746px;display:inline-block;float: left;}
.subMdDiv2{display:inline-block;margin-top:  30px;}
.subMdDiv2 p {color:#fff;text-align:center;margin-top:  23px;letter-spacing:  -1px;}
.subBtDiv {height: 972px;margin:  0 auto;background: #f5f5f5;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;}

.bsTopDiv{width:1200px;position:absolute;height:437px;bottom: -163px;opacity: 0;transition: all 0.4s ease-out;}
.bsTopDiv div{width:50%;display: inline-block;float: left;height: 437px;}
.bsTop_2{background:#1a2b57;color:#fff;padding-top:79px;height: 282px !important;}
.bsTop_2 h3{font-size:22px;margin-left:60px;line-height:35px;font-weight:bold;letter-spacing: -1px;}
.bsTop_2 p{margin-left:60px;line-height: 30px;letter-spacing: -1px;}
#bsFirstP{margin-top:30px;}
.subBtDiv h4{padding-top: 77px;font-size:33px;margin-bottom:17px;transition: all 0.8s ease-out;opacity: 0;}
.subBtDiv h3{font-size:33px;font-weight:550;margin-bottom:61px;opacity: 0;transition: all 0.8s ease-out;}
.subBtDiv h3 span{color:#f06307;}
.circleCont span{width:42px;height:42px;color:#fff;background:#222222;display:block;margin:0 auto;border-radius:42px;line-height:42px;font-size:19px;letter-spacing:1px;}
.bsMbottom{width: 1200px;height: 91px;border: 1px solid #bebebe;margin: 0 auto;color: #555555;padding-top: 37px;opacity: 0;transition: all 0.8s ease-out;}
.bsMbottom h5{line-height:26px;}
.bsMbottom h5 span{color:#fff; background:#f06508;padding:0px 5px;}

.bsBtDiv{height:466px;text-align:center;background:#1a2b57;color:#fff;}
.bsBtDiv h2{padding-top: 55px;font-size:28px;margin-bottom:50px;opacity: 0;transition: all 0.8s ease-out;}
.bsBtDiv h3{margin-bottom:32px;font-size:21px;font-weight: bold;transition: all 0.8s ease-out;opacity: 0;}
.bsBtDiv h4{margin-bottom:13px;font-size:16px;transition: all 0.8s ease-out;opacity: 0;}
.bsBtDiv h5{font-size:16px;margin-bottom:47px;transition: all 0.8s ease-out;opacity: 0;}
.bsBtDiv p{width: 320px;margin:0 auto;text-align:left;line-height:35px;font-size: 19px;opacity: 0;transition: all 0.8s ease-out;}
.bsBtDiv p img{margin-right:16px;vertical-align: middle;margin-bottom: 5px;}