@charset "utf-8";
/* CSS Document */
.intro_wrap {margin:0 auto;position:relative;overflow:hidden;height: 1080px;}

.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;}

.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:  800px;}

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

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

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


.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: 300px !important;height: 300px !important;margin-left: -11px;}
.circleLi:first-child{margin-left:0}

.about-org-line-1{display:block;position:absolute;top: 148px;left:-50%;margin-left: -598.5px;height:1px;width:0;background: #000;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out;}
.about-org-line-2{display:block;position:absolute;top: 148px;right:-50%;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{line-height: 1.5em;opacity:0;letter-spacing:5px;z-index:  5555;position:  absolute;text-align:center;margin-top: -300px;color:  #000;width: 300px;/* margin-left: 30px !important; */height: 300px;line-height: 300px;font-size:26px;vertical-align:middle;background:transparent;-webkit-transition:all 1s;transition:all 1s;-webkit-transition-delay:.3s;transition-delay:.3s;}
.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: #474747;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: 310px;display:  inline-block;float: left;position:  relative;}
.subTopTit p{line-height: 62px;font-weight: 800;}
.subTopDiv{width:1200px;margin:0 auto;height: 856px;display:  block;}

.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: 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: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 {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;}

.subTopDiv ul{width:1200px;/* height: 766px; *//* float: left; */margin: 0 auto;}
.subTopDiv ul li{width:30%;height: 311px;margin-left: 57px;border:1px solid #cccccc;margin-bottom: 40px;box-sizing: border-box;opacity:0;transition:all 0.8s ease-out;}
.subTopDiv ul li:first-child{margin-left:0px;}
.subTopDiv ul li:nth-child(1){transition-delay:0.6s;}
.subTopDiv ul li:nth-child(2){transition-delay:1.0s;}
.subTopDiv ul li:nth-child(3){transition-delay:1.4s;}
.subTopDiv ul li:nth-child(4){margin-left:0px;transition-delay:1.8s;}
.leftLiF{margin-left: 0px !important;}
.subTopDiv ul li:nth-child(5){transition-delay:2.2s;}
.subTopDiv ul li:nth-child(6){transition-delay:2.6s;}
.subTopDiv ul li div{background:#f3f3f3;height: 48px;}
.facDiv1{width: 358px;box-sizing: border-box;overflow: hidden;height: 261px !important;background: none !important;transform:scale(1);transition:all 0.8s ease-out;}
.facD{width:358px;height: 260px !important;overflow:hidden;position:relative;background:none !important;}
.facDiv1.on {transform:scale(1.1);}
/*
.facUl li:nth-child(1) .facDiv1{background: url(../image/sub/facility/01.png) center no-repeat !important;}
.facUl li:nth-child(2) .facDiv1{background:url(../image/sub/facility/02.png) center no-repeat !important;}
.facUl li:nth-child(3) .facDiv1{background:url(../image/sub/facility/03.png) center no-repeat !important;}
.facUl li:nth-child(4) .facDiv1{background:url(../image/sub/facility/04.png) center no-repeat !important;}
.facUl li:nth-child(5) .facDiv1{background:url(../image/sub/facility/05.png) center no-repeat !important;}
.facUl li:nth-child(6) .facDiv1{background:url(../image/sub/facility/06.png) center no-repeat !important;}
*/
@media screen and (max-width: 1200px){
.subTopDiv ul{/* width:90%; */padding-top: 210px;}
.subTopDiv ul li{margin-bottom: 160px;}
 .subTopDiv{/* width:90% !important; */}
 .intro_wrap{
    height: 1780px;
}

}