@charset "utf-8";
/* CSS Document */
.intro_wrap {margin:0 auto;position:relative;overflow:hidden;}
.tran_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;}

.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;}

.tran_wrap ul {overflow:hidden;}
.tran_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;}
.logoLi1,.logoLi4,.logoLi7, .logoLi10 {margin-left: 0px !important;}

.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;}
.logoUl li:nth-child(10){ transition-delay:3s;}
.logoUl li:nth-child(11){ transition-delay:3.3s;}
.logoUl li:nth-child(12){ transition-delay:3.6s;}


.subTopTit{font-size: 54px;font-weight:bold;width: 649px;height: 300px;display:  inline-block;float: left;position:  relative;}
.subTopTit p{line-height: 62px;font-weight: 800;}
.subTopDiv{width:1200px;margin:0 auto;height: 1205px;display:  block;}

.subTopCont h4{margin-top: 117px;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: 639px;display: block;background: #1a2b57;margin: 310px 0 0 0;}
.subMdDiv1200{width:1200px;margin:0 auto;padding-top: 69px;/* height:  648px; */}
.eng1200 {padding-top: 36px;}
.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: 32px;color:#fff;font-weight: 550;letter-spacing: -2px;/* margin-bottom: 28px; */margin-top: 10px;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;font-size:  15px;letter-spacing:  -1px;transition:  all 0.8s ease-out;}
.subMdDiv1 {width: 596px;display:inline-block;float: left;}
.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;}