/* CSS Document */
.cc-width{ max-width:1600px; margin:0 auto;}

.ibnav{}
.cc-banner{ width:100%; height:100vh; min-width:1600px; min-height:500px; background:url(../image/bannerCC.jpg) center no-repeat; background-size:cover;}
.cc-banner .cc-width{ position:relative; height:100vh; min-height:500px;}
.cc-ban{ position:absolute; bottom:0; left:0;}
.cc-banner-c{ color:#fff;}
.cc-banner-c h1{ font-size:44px; line-height:60px; padding-bottom:20px;}
.cc-banner-c h2{ font-size:30px; line-height:40px; font-weight:normal;}
.cc-banner-c p{ font-size:20px; line-height:40px; padding:8px 0;}
.cc-banner-v{ padding-top:20px; padding-bottom:80px; height:62px; width:100%; box-sizing:content-box;}
.cc-banner-v input{ font-size:26px; line-height:52px; min-width:210px; text-align:center; border:1px solid #fff; background:none; color:#fff; cursor:pointer;}
.cc-banner-v input:hover{ box-shadow:0 0 0 1px #fff;}
.cc-banner-v input:active{ box-shadow:none;}

.cc-video{ display:none;}

.cc-dh{ background:url(../image/cccbg.jpg); background-size:100% 100%; padding-top:10px;}
.cc-dh .breadcrumb li a,.cc-dh .breadcrumb:before,.cc-dh .breadcrumb>li+li:before{ color:#fff;}
.cc-a{ background:url(../image/cccbg.jpg); background-size:100% 100%; color:#fff; min-width:1600px; padding:80px 0;}
.cc-aa{ text-align:center;}
.cc-at{ font-size:28px; text-align:center; line-height:60px; padding:0 0 60px 0;}
.cc-ab{ display:inline-block; margin:0 4%; text-align:center;}
.cc-abc{ text-align:center; display:inline-block;}
.cc-ac{ text-align:center;}

.cc-aba{ text-align:left;}
.cc-ad{ font-size:22px; line-height:70px; margin-bottom:10px; text-align:center;}
.cc-ab p{ font-size:18px; line-height:40px;}


.cc-b{ background:#f5f5f5; padding:100px 0; min-width:1600px;}
.cc-bo{ position:relative; padding:80px 0;}
.cc-ba{ position:relative; z-index:9;}
.cc-bi{ float:left; position:relative; z-index:9; background:#f5f5f5;}
.cc-bc{ float:left; position:relative; z-index:9; background:#f5f5f5;}
.cc-bt{ font-size:28px; line-height:71px; padding-bottom:30px;}
.cc-bicon{ padding-left:110px; position:relative;}
.cc-bico{ width:98px; height:71px; background-image:url(../image/cca01.png); position:absolute; top:0; left:0;}
.cc-bicoa{ background-position:0 0;}
.cc-bicob{ background-position:0 -71px;}
.cc-bicoc{ background-position:0 -142px;}
.cc-bc p{ font-size:18px; line-height:40px;}

.cc-baa{ width:1600px; margin:0 auto;}
.cc-baa .cc-bi{ position:relative; padding-left:130px;}
.cc-baa .cc-bi img{ position:relative; z-index:9;}
.cc-baa .cc-bi span{ display:block; border:1px solid #000; border-left:none; width:220px; height:310px; position:absolute; z-index:5; top:35px; left:230px; background:#f5f5f5;}
.cc-baa .cc-bc{ float:right; margin-top:160px; width:540px;}
.cc-baa .cc-bt{}
.cc-baa .cc-bc p{ padding-left:110px;}
.cc-bax{ position:absolute; z-index:6; top:50%; left:0; width:100%; height:1px; background:#000;}

.cc-bab{ width:1600px; margin:0 auto;}
.cc-bab .cc-bi{ float:right;}
.cc-bab .cc-bt{ padding-left:110px;}
.cc-bab .cc-bc{ margin-top:150px;}
.cc-bab .cc-bc p{}
.cc-bbx{ position:absolute; z-index:6; top:50%; left:0; width:100%; height:1px; background:#000;}



.cc-c{ background:#f5f5f5; min-width:1600px; padding:100px 0; overflow:hidden;}
.cc-co{ position:relative; width:1600px; margin:0 auto;}
.cc-ci{ position:relative; background:url(../image/ccb00.png) top no-repeat; width:1046px; height:562px; z-index:9; float:left;}
.cc-cil{ position:absolute; left:14.4%; top:10.4%; width:742px; height:427px; overflow:hidden;}
.cc-cil img{ display:block;}
.cc-cil div{ display:none;}
.cc-cil .cc-cic{ display:block;}

.cc-cc{ position:relative; z-index:7; float:right; background:#f5f5f5; margin-top:66px;}
.cc-ca{ padding-left:120px; display:none;}
.cc-cac{ display:block;}
.cc-cac div{ animation:cac0 2s linear;}
.cc-cac p:nth-child(2){ animation:cac1 2s linear;}
.cc-cac p:nth-child(3){ animation:cac2 2s linear;}
.cc-cac p:nth-child(4){ animation:cac3 2s linear;}
.cc-cac p:nth-child(5){ animation:cac4 2s linear;}
.cc-cac p:nth-child(6){ animation:cac5 2s linear;}


@keyframes cac0{
0%{ opacity:0; display:none; transform:translate3d(100px,0,0);}
1%{ opacity:0; display:block; transform:translate3d(100px,0,0);}
30%{ opacity:1; display:block; transform:translate3d(0,0,0);}
100%{ opacity:1; display:block; transform:translate3d(0,0,0);}
}
@keyframes cac1{
0%{ opacity:0; display:none; transform:translate3d(100px,0,0);}
20%{ opacity:0; display:block; transform:translate3d(100px,0,0);}
50%{ opacity:1; display:block; transform:translate3d(0,0,0);}
100%{ opacity:1; display:block; transform:translate3d(0,0,0);}
}
@keyframes cac2{
0%{ opacity:0; display:none; transform:translate3d(100px,0,0);}
30%{ opacity:0; display:block; transform:translate3d(100px,0,0);}
60%{ opacity:1; display:block; transform:translate3d(0,0,0);}
100%{ opacity:1; display:block; transform:translate3d(0,0,0);}
}
@keyframes cac3{
0%{ opacity:0; display:none; transform:translate3d(100px,0,0);}
40%{ opacity:0; display:block; transform:translate3d(100px,0,0);}
70%{ opacity:1; display:block; transform:translate3d(0,0,0);}
100%{ opacity:1; display:block; transform:translate3d(0,0,0);}
}
@keyframes cac4{
0%{ opacity:0; display:none; transform:translate3d(100px,0,0);}
50%{ opacity:0; display:block; transform:translate3d(100px,0,0);}
80%{ opacity:1; display:block; transform:translate3d(0,0,0);}
100%{ opacity:1; display:block; transform:translate3d(0,0,0);}
}
@keyframes cac5{
0%{ opacity:0; display:none; transform:translate3d(100px,0,0);}
60%{ opacity:0; display:block; transform:translate3d(100px,0,0);}
90%{ opacity:1; display:block; transform:translate3d(0,0,0);}
100%{ opacity:1; display:block; transform:translate3d(0,0,0);}
}


.cc-cai{ display:block; width:47px; height:47px; background:url(../image/ccb99.jpg) center no-repeat; position:absolute; top:0; left:40px;}
.cc-ca div{ font-size:36px; line-height:60px; padding-bottom:20px;}
.cc-ca div font{ font-style:italic;}
.cc-ca p{ font-size:22px; line-height:40px; width:430px; margin-bottom:20px;}
.cc-ca p img{ display:block; max-width:100%;}
.cc-ca p font{ font-size:20px;}

.cc-cxian{ position:absolute; z-index:3; top:90px; left:20%; width:70%; height:1px; background:#000;}


.cc-d{ background:url(../image/cccbg.jpg); background-size:100% auto; min-width:1600px; position:relative; z-index:1;}
.cc-do{ width:1600px; margin:0 auto;}
.cc-dl{ position:relative; width:50%; float:left; padding-left:24px;}
.cc-dli{ position:relative; z-index:4;}
.cc-dli img{ display:block; max-width:100%;}
.cc-dlc{ display:flex; justify-content:left; align-items:center; min-height:756px; font-size:44px; color:#fff; position:absolute; top:0; left:0; width:100%; z-index:9;}
.cc-dlc p{ width:657px; text-align:center;}
.cc-dlc p img{ display:block; width:100%;}
.cc-dr{ width:50%; float:left; display:flex; justify-content:right; align-items:center; min-height:756px;}
.cc-dr img{ max-width:80%; margin-right:20px;}
.ifooter{ position:relative; z-index:2;}

.paccr{ position:fixed; bottom:20px; right:0; font-size:16px; line-height:18px; text-align:center; background:#d8271c; z-index:9;}
.paccr a{ color:#fff; padding:10px; display:inline-block;}

.footer{ min-width:1600px;}



/*效果*/
.ppt{ position:relative; height:6000px; background:#f5f5f5;}
.ppt-div{ position:sticky; top:120px; left:0; height:calc(100vh - 120px); min-height:660px; width:100%; min-width:1600px; overflow:hidden; display:flex; justify-content:center; align-items:center;}

.cc-ea{ width:1600px; height:660px; position:relative;}

.ppt-00{ width:1046px; height:562px; background:url(../image/ccb00.png); background-repeat:no-repeat; position:absolute; top:0; left:-90px; z-index:2;}

.ppt-01,.ppt-02,.ppt-03,.ppt-04,.ppt-05,.ppt-06{ position:absolute; left:60px; top:70px; display:none; overflow:hidden; width:735px; height:421px;}
.ppt-01{ z-index:14; display:block;}
.ppt-02{ z-index:24;}
.ppt-03{ z-index:34;}
.ppt-04{ z-index:44;}
.ppt-05{ z-index:54;}
.ppt-06{ z-index:64;}

.cc-eb{ position:absolute; right:0; top:100px; display:none; padding-left:120px; width:550px;}
.cc-eb:after{ content:""; width:300px; height:1px; background:#000; display:block; position:absolute; top:24px; right:100%;}
.cc-eb .cc-cat{ font-size:28px; line-height:47px; padding-bottom:30px;}
.cc-eb .cc-cat font{ font-style:italic;}
.cc-eai{ display:block; width:47px; height:47px; background:url(../image/ccb99.jpg) center no-repeat; position:absolute; top:0; left:40px;}
.cc-eb p{ font-size:18px; line-height:40px; margin-bottom:10px; white-space:nowrap;}
.cc-eb p img{ display:block; max-width:100%;}
.cc-eb p font{ font-size:20px;}

.ppt-ob{ width:0; overflow:hidden;}
.ppt-ob-show{ width:430px; transition:width 0.27s linear;}

.ppt-show{ display:block;}
.ppt-show span,.ppt-show .cc-cat div{ animation:pptdiv 0.27s linear;}
@keyframes pptdiv{
0%{ transform:translate3d(0,-100px,0); opacity:0;}
100%{ transform:translate3d(0,0,0); opacity:1;}
}

.cc-eb:after{ animation:after1 0.54s linear;}
@keyframes after1{
0%{ width:0;}
50%{ width:0;}
100%{ width:300px;}
}

/*图一*/
.ppt-12-show{ width:430px; animation:ppt12 1.08s linear;}
@keyframes ppt12{
0%{ width:0;}
50%{ width:0;}
75%{ width:430px;}
100%{ width:430px;}
}
.ppt-13-show{ width:430px; animation:ppt13 1.08s linear;}
@keyframes ppt13{
0%{ width:0;}
50%{ width:0;}
75%{ width:0;}
100%{ width:430px;}
}

/*图二*/
.ppt02{ display:block; animation:ppt02 0.27s linear;}
@keyframes ppt02{
0%{ opacity:0;}
100%{ opacity:1;}
}

.ppt-22-show{ width:430px; animation:ppt22 1.08s linear;}
@keyframes ppt22{
0%{ width:0;}
50%{ width:0;}
75%{ width:430px;}
100%{ width:430px;}
}
.ppt-23 span{ display:block; margin-right:5%; max-width:30%; float:left;}
.ppt-23 span:nth-child(3){ margin-right:0;}
.ppt-23-show{ width:430px; overflow:inherit;}
.ppt-23-show span:nth-child(1){ animation:ppt231 1.35s linear;}
.ppt-23-show span:nth-child(2){ animation:ppt232 1.08s linear;}
.ppt-23-show span:nth-child(3){}
@keyframes ppt231{
0%{ transform:translate3d(0,-100px,0); opacity:0;}
40%{ transform:translate3d(0,-100px,0); opacity:0;}
60%{ transform:translate3d(0,0,0); opacity:1;}
100%{ transform:translate3d(0,0,0); opacity:1;}
}
@keyframes ppt232{
0%{ transform:translate3d(0,-100px,0); opacity:0;}
60%{ transform:translate3d(0,-100px,0); opacity:0;}
80%{ transform:translate3d(0,0,0); opacity:1;}
100%{ transform:translate3d(0,0,0); opacity:1;}
}

.cc-eb .ppt-233{ opacity:0; animation:none;}
.cc-eb .ppt-233-show{ opacity:1; animation:ppt233 0.27s linear;}
@keyframes ppt233{
0%{ transform:translate3d(0,-100px,0); opacity:0;}
100%{ transform:translate3d(0,0,0); opacity:1;}
}

.ppt-03{ display:block; height:0;}
.ppt03{ height:421px; transition:height 0.27s linear;}

.ppt-svg-03{ position:absolute; z-index:75; left:316px; top:386px; display:none;}
.pptsvg03{ display:block;}
.ppt-svg-03 svg rect{ animation:svg03 4s linear;}
@keyframes svg03{
0%{ stroke-dashoffset:1000;}
100%{ stroke-dashoffset:0;}
}

.ppt-24-show{ width:430px; animation:ppt24 0.54s linear;}
@keyframes ppt24{
0%{ width:0;}
50%{ width:430px;}
100%{ width:430px;}
}
.ppt-25-show{ width:430px; animation:ppt25 0.54s linear;}
@keyframes ppt25{
0%{ transform:translate3d(0,-100px,0); opacity:0;}
50%{ transform:translate3d(0,-100px,0); opacity:0;}
100%{ transform:translate3d(0,0,0); opacity:1;}
}

.ppt-04{ display:block; height:0;}
.ppt04{ height:421px; transition:height 0.27s linear;}

.ppt-svg-01{ position:absolute; z-index:75; left:436px; top:386px; display:none;}
.pptsvg01{ display:block;}
.ppt-svg-01 svg rect{ animation:svg01 4s linear;}
@keyframes svg01{
0%{ stroke-dashoffset:1000;}
100%{ stroke-dashoffset:0;}
}

/*图三*/
.ppt05{ display:block; animation:ppt05 0.27s linear;}
@keyframes ppt05{
0%{ opacity:0;}
100%{ opacity:1;}
}

.ppt-32-show{ width:430px; animation:ppt32 0.81s linear;}
@keyframes ppt32{
0%{ width:0;}
66%{ width:0;}
100%{ width:430px;}
}

.ppt-33-show{ width:430px; animation:ppt32 1.08s linear;}
@keyframes ppt32{
0%{ width:0;}
75%{ width:0;}
100%{ width:430px;}
}

.ppt-34-show{ width:430px; animation:ppt34 1.35s linear;}
@keyframes ppt34{
0%{ width:0;}
80%{ width:0;}
100%{ width:430px;}
}

.ppt-35-show{ width:430px; animation:ppt35 1.62s linear;}
@keyframes ppt35{
0%{ width:0;}
83.33%{ width:0;}
100%{ width:430px;}
}

/*图四*/
.ppt06{ display:block; animation:ppt06 0.27s linear;}
@keyframes ppt06{
0%{ opacity:0;}
100%{ opacity:1;}
}

.ppt-42-show{ width:430px; animation:ppt42 0.81s linear;}
@keyframes ppt42{
0%{ width:0;}
66%{ width:0;}
100%{ width:430px;}
}

.ppt-43-show{ width:430px; animation:ppt43 1.08s linear;}
@keyframes ppt43{
0%{ width:0;}
75%{ width:0;}
100%{ width:430px;}
}

.ppt-svg-02{ position:absolute; z-index:75; left:420px; top:386px; display:none;}
.pptsvg02{ display:block;}
.ppt-svg-02 svg rect{ animation:svg02 4s linear;}
@keyframes svg02{
0%{ stroke-dashoffset:1000;}
100%{ stroke-dashoffset:0;}
}

.ppt-cz{ position:absolute; z-index:76; left:390px; bottom:280px; width:80px; overflow:hidden; height:0;}
.ppt-cz img{ display:block; width:100%; position:absolute; left:0; bottom:0; height:auto;}
.pptcz{ height:300px; animation:pptcz 1s linear;}
@keyframes pptcz{
0%{ height:0;}
50%{ height:0;}
100%{ height:300px;}
}


.ppt-xd{ position:absolute; z-index:77; left:420px; top:140px; height:0; overflow:hidden;}
.ppt-xd img{ height:167px;}
.pptxd{ height:167px; animation:pptxd 1s linear;}
@keyframes pptxd{
0%{ height:0;}
50%{ height:0;}
100%{ height:167px;}
}




.cc-c{ display:none;}
.cc-e{ display:block;}
.cc-f{ display:none;}
@media(max-width:1640px){
.cc-c{ display:none;}
.cc-e{ display:block;}
.cc-f{ display:none;}
}
@media(max-width:1040px){
.cc-c{ display:none;}
.cc-e{ display:none;}
.cc-f{ display:block;}
}


@media(max-width:1640px){
.cc-dh{ padding:0 10px;}
.cc-width{}
.cc-banner,.cc-a,.cc-b,.cc-c,.cc-d,.footer{ min-width:1400px; padding-left:20px; padding-right:20px;}
.cc-banner{ min-width:1400px;}
.cc-baa,.cc-bab,.cc-do,.cc-co{ width:1400px;}

.cc-ab{ margin:0 2%;}
.cc-ci{ width:732px; height:393px; background-size:contain;}
.cc-cil{ width:519px; height:297px;}
.cc-cil img{ width:100%;}
.cc-ca p{ width:380px;}
.cc-cc{ margin-top:46px;}
.cc-cxian{ top:70px;}

.ppt-div{ min-width:1400px; overflow:hidden; display:block;}
.cc-e .cc-ea{ transform:scale(0.87)}
}


@media(max-width:1440px){
.cc-banner,.cc-a,.cc-b,.cc-c,.cc-d,.footer{ min-width:1200px;}
.cc-banner{ min-width:1200px;}
.cc-baa,.cc-bab,.cc-do,.cc-co{ width:1200px;}


.cc-bab .cc-bi img{ display:block; width:600px;}
.cc-cac{ padding-left:70px;}
.cc-cai{ left:10px;}
.cc-dlc,.cc-dr{ min-height:580px;}

.cc-ab{ margin:0; width:24.1%; margin-right:1.2%; display:block; float:left;}
.cc-ab:nth-child(4){ margin-right:0;}


.ppt-div{ min-width:1200px; overflow:hidden;}
.cc-e .cc-ea{ transform:scale(0.75); margin-left:-150px;}

}


@media(max-width:1240px){
.cc-banner,.cc-a,.cc-b,.cc-c,.cc-d,.footer{ min-width:1000px;}
.cc-banner{ min-width:1000px;}
.cc-baa,.cc-bab,.cc-do,.cc-co{ width:1000px;}

.cc-baa .cc-bi{ padding-left:30px;}
.cc-baa .cc-bi span{ left:130px;}
.cc-bab .cc-bi img{ width:400px;}
.cc-bab .cc-bc{ margin-top:30px;}
.cc-bbx{ top:30%;}


.cc-ci{ width:523px; height:281px; background-size:contain;}
.cc-cil{ width:371px; height:213px;}
.cc-dlc,.cc-dr{ min-height:500px;}

.ppt-div{ min-width:1000px; overflow:hidden;}
.cc-e .cc-ea{ transform:scale(0.62); margin-left:-230px;}

}


@media(max-width:1040px){
.cc-width,.cc-banner,.cc-a,.cc-b,.cc-c,.cc-d,.footer{ min-width:100%;}
.cc-banner{ min-width:100%; padding-left:10px; padding-right:10px;}
.cc-baa,.cc-bab,.cc-do,.cc-co{ width:100%;}


.cc-ab{ float:none; margin:0; width:100%;}

.cc-baa .cc-bi span{ display:none;}

.cc-bax,.cc-bbx{ display:none;}
.cc-bab .cc-bi img{ display:inline-block; max-width:90%;}
.cc-baa .cc-bi,.cc-bab .cc-bi{ padding:0; width:100%; float:none; text-align:center;}
.cc-bc{ float:none;}

.cc-dl,.cc-dr{ float:none; width:100%;}
.cc-dlc, .cc-dr{ min-height:0;}
.cc-dr{justify-content:center;}

.cc-cc{ float:none; margin-top:0; padding-top:30px;}
.cc-ca{ display:block; float:none; padding:0 0 20px 0;}
.cc-ca div img{ display:block; max-width:100%; padding:0 10px; margin-bottom:10px;}


.cc-cat{ padding-left:110px; position:relative;}
.cc-ca p{ padding-left:110px; width:auto;}


.cc-banner-c h1{ font-size:30px; line-height:1.3em;}
.cc-banner-c h2{ font-size:20px; line-height:1.5em;}
.cc-banner-c p{ font-size:16px; line-height:1.5em;}

.cc-at{ font-size:20px; line-height:1.5em; padding-bottom:20px;}
.cc-ab{ margin-bottom:20px;}
.cc-ad{ font-size:20px; line-height:1.5em;}
.cc-ab p{ font-size:16px; line-height:1.5em;}

.cc-a{ padding:30px 0;}
.cc-bo{ padding:30px 0;}

.cc-b{ padding:0;}

.cc-baa .cc-bc{ width:auto; float:none; margin-top:30px;}
.cc-bicon,.cc-ca div{ font-size:24px; padding-bottom:0;}
.cc-cat,.cc-ca p,.cc-bab .cc-bt,.cc-bt,.cc-bc p,.cc-baa .cc-bc p{ padding-left:80px;}
.cc-baa .cc-bc p,.cc-ca p,.cc-bab .cc-bc p{ font-size:18px;}
.cc-baa .cc-bi img{ display:inline-block; height:160px;}
.cc-d{ padding-bottom:30px;}
.cc-dli{ position:relative; top:auto; left:auto; text-align:center; padding:0;}
.cc-dli img{ margin:0 auto;}
.cc-dlc{ position:absolute; top:0; left:0; width:100%; height:100%; justify-content:center;}
.cc-dr img{ margin:20px 0 0 0;}
.cc-bico{ transform:scale(0.6);}
.cc-banner-v input{ line-height:40px; font-size:20px; min-width:auto; padding:0 15px;}
.cc-cai{ left:20px; top:10px; transform:scale(0.6);}
}