@charset "utf-8";
*{font-family:"microsoft yahei", Verdana, Arial, Helvetica, sans-serif;}
.pull-right{float:right;}
.show1 .nav_panel .active{color:#e81d1d;}
.bw-cont{display:inline-block;padding:0 10px;color:white;font-size:16px;background:#2f99d6;border-radius:5px;}
.bw-cont-big{width:1000px;background:rgba(31, 103, 190,0.5);padding:5px;border-radius:5px;color: white;font-size: 21px;letter-spacing: 5px;}
.bw-cont-big-sm{font-size: 16px;margin-top: 30px;display: inline-block;width: auto;padding: 5px 10px;letter-spacing: 4px;}
h3.title{font-size:38px;}
.icon{background:url(../images/ecplus/icon.png) no-repeat;}
.wrap{position:fixed;width:100%;overflow:inherit;}
.show1 .wrap{z-index:9999;}

/****场景1****/
.s1{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.s1-bg{position:absolute;top:0;bottom:0;left:0;right:0;background:url(../images/ecplus/bg2.jpg) no-repeat center;background-size:cover;}
.s1-cont{position: absolute;left: 50%;top: 50%;width: 750px;margin-left: -375px;margin-top: -100px;}
.s1-cont img{width:100%;}
.s1-img{position:absolute;bottom:0;width:100%;text-align:center;}
.s1-img img{width:800px;}
/*场景1动画*/
.show1 .s1-cont{-webkit-animation:decont 2s cubic-bezier(0.165,.84,.44,1);-moz-animation:decont 2s cubic-bezier(0.165,.84,.44,1);-o-animation:decont 2s cubic-bezier(0.165,.84,.44,1);-ms-animation:decont 2s cubic-bezier(0.165,.84,.44,1);animation:decont 2s cubic-bezier(0.165,.84,.44,1);}
.show1 .s1-img{-webkit-animation:deimg 2.5s cubic-bezier(0.165,.84,.44,1);-moz-animation:deimg 2.5s cubic-bezier(0.165,.84,.44,1);-o-animation:deimg 2.5s cubic-bezier(0.165,.84,.44,1);-ms-animation:deimg 2.5s cubic-bezier(0.165,.84,.44,1);animation:deimg 2.5s cubic-bezier(0.165,.84,.44,1);}
@keyframes decont {0% {-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);}100% {-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}
@-webkit-keyframes decont {0% {-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}100% {-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}
@-moz-keyframes decont {0% {-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}100% {-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}
@-o-keyframes decont {0% {-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}100% {-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}
@-ms-keyframes decont {0% {-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}100% {-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}
@keyframes deimg {0% {-webkit-transform:translate3d(0,200px,0);-moz-transform:translate3d(0,200px,0);-o-transform:translate3d(0,200px,0);-ms-transform:translate3d(0,200px,0);transform:translate3d(0,200px,0);}100% {-webkit-transform: none;-moz-transform: none;-o-transform: none;-ms-transform: none;transform: none;}}
@-webkit-keyframes deimg {0% {-webkit-transform:translate3d(0,200px,0);-moz-transform:translate3d(0,200px,0);-o-transform:translate3d(0,200px,0);-ms-transform:translate3d(0,200px,0);transform:translate3d(0,200px,0);}100% {-webkit-transform: none;-moz-transform: none;-o-transform: none;-ms-transform: none;transform: none;}}
@-moz-keyframes deimg {0% {-webkit-transform:translate3d(0,200px,0);-moz-transform:translate3d(0,200px,0);-o-transform:translate3d(0,200px,0);-ms-transform:translate3d(0,200px,0);transform:translate3d(0,200px,0);}100% {-webkit-transform: none;-moz-transform: none;-o-transform: none;-ms-transform: none;transform: none;}}
@-o-keyframes deimg {0% {-webkit-transform:translate3d(0,200px,0);-moz-transform:translate3d(0,200px,0);-o-transform:translate3d(0,200px,0);-ms-transform:translate3d(0,200px,0);transform:translate3d(0,200px,0);}100% {-webkit-transform: none;-moz-transform: none;-o-transform: none;-ms-transform: none;transform: none;}}
@-ms-keyframes deimg {0% {-webkit-transform:translate3d(0,200px,0);-moz-transform:translate3d(0,200px,0);-o-transform:translate3d(0,200px,0);-ms-transform:translate3d(0,200px,0);transform:translate3d(0,200px,0);}100% {-webkit-transform: none;-moz-transform: none;-o-transform: none;-ms-transform: none;transform: none;}}


/****场景2****/
.s2{background:url(../images/ecplus/bg1.jpg) no-repeat center;background-size:cover;}
.s2-cont{position:absolute;width:1000px;left:50%;top:50%;margin-left:-500px;margin-top:-150px;height:50%;}
.s2-word{position:relative;width:100%;height: auto;}
.s2-img{position:relative;width:100%;top: 20px;}
/*场景2默认动画*/
.show2 .s2-word{-webkit-animation:s1word 2s cubic-bezier(0.165,.84,.44,1);-moz-animation:s1word 2s cubic-bezier(0.165,.84,.44,1);-o-animation:s1word 2s cubic-bezier(0.165,.84,.44,1);-ms-animation:s1word 2s cubic-bezier(0.165,.84,.44,1);animation:s1word 2s cubic-bezier(0.165,.84,.44,1);}
.show2 .s2-img{-webkit-animation:skyset 2.5s cubic-bezier(0.165,.84,.44,1);-moz-animation:skyset 2.5s cubic-bezier(0.165,.84,.44,1);-o-animation:skyset 2.5s cubic-bezier(0.165,.84,.44,1);-ms-animation:skyset 2.5s cubic-bezier(0.165,.84,.44,1);animation:skyset 2.5s cubic-bezier(0.165,.84,.44,1);}
@keyframes skyset {0% { top:100px;opacity:0;}100% {top: 20px;opacity:1;}}
@-webkit-keyframes skyset {0% { top:100px;opacity:0;}100% {top: 20px;opacity:1;}}
@-moz-keyframes skyset {0% { top:100px;opacity:0;}100% {top: 20px;opacity:1;}}
@-o-keyframes skyset {0% { top:100px;opacity:0;}100% {top: 20px;opacity:1;}}
@-ms-keyframes skyset {0% { top:100px;opacity:0;}100% {top: 20px;opacity:1;}}
@keyframes s1word {0% {top:-100px;opacity:0.5;}100% {opacity:1;top:0;}}
@-webkit-keyframes s1word {0% {top:-100px;opacity:0.5;}100% {opacity:1;top:0;}}
@-moz-keyframes s1word {0% {top:-100px;opacity:0.5;}100% {opacity:1;top:0;}}
@-o-keyframes s1word {0% {top:-100px;opacity:0.5;}100% {opacity:1;top:0;}}
@-ms-keyframes s1word {0% {top:-100px;opacity:0.5;}100% {opacity:1;top:0;}}

/****场景3****/
.s3{background:url(../images/ecplus/bg3.jpg) no-repeat center;background-size:cover;text-align:center;}
.s3-cont{position:absolute;top:50%;left:50%;width:1000px;margin-left:-500px;margin-top: -120px;}
.s3-cont img{width:100%;vertical-align:middle;}
/*场景3动画*/
.s3-word{-webkit-transform:translate3d(-200px,0,0);-moz-transform:translate3d(-200px,0,0);-o-transform:translate3d(-200px,0,0);-ms-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0);transition: all 2s cubic-bezier(0.165,.84,.44,1);-webkit-transition: all 2s cubic-bezier(0.165,.84,.44,1);-moz-transition: all 2s cubic-bezier(0.165,.84,.44,1);-o-transition: all 2s cubic-bezier(0.165,.84,.44,1);-ms-transition: all 2s cubic-bezier(0.165,.84,.44,1);}
.s3-img{-webkit-transform:translate3d(200px,0,0);-moz-transform:translate3d(200px,0,0);-o-transform:translate3d(200px,0,0);-ms-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0);transition: all 2s cubic-bezier(0.165,.84,.44,1);-webkit-transition: all 2s cubic-bezier(0.165,.84,.44,1);-moz-transition: all 2s cubic-bezier(0.165,.84,.44,1);-o-transition: all 2s cubic-bezier(0.165,.84,.44,1);-ms-transition: all 2s cubic-bezier(0.165,.84,.44,1);}

/*场景4*/
.s4-bg{position:absolute;top:0;bottom:0;left:0;right:0;background:url(../images/ecplus/bg4.jpg) no-repeat center;background-size:cover;z-index:-1;transition: all 3s ease-out 0.5s;-webkit-transition: all 3s ease-out 0.5s;-moz-transition: all 3s ease-out 0.5s;-o-transition: all 3s ease-out 0.5s;-ms-transition: all 3s ease-out 0.5s;}
.show4 .s4-bg{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.s4-cont{width:1000px;margin:80px auto 0;}
.s4-word-1{color:white;font-size:20px;}
.s4-word-1 span{margin:0 40px;}
.s4-word-2{letter-spacing: 5px;}
.s4-word-3{font-size:30px;color:#0082cc;margin-top:30px;}
.s4-img{position:relative;width:620px;margin:10px 0 20px;}
.s4 .anim1{opacity: 0;transition: all 2s linear;-webkit-transition:all 2s linear;-moz-transition:all 2s linear;-o-transition:all 2s linear;-ms-transition: all 2s linear;}
.show4 .anim1{opacity:1;}
.s4 .s4-word-2{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;-webkit-transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;-moz-transition: all 2s cubic-bezier(0.165,.84,.44,1) .5s;-o-transition: all 2s cubic-bezier(0.165,.84,.44,1) .5s;-ms-transition: all 2s cubic-bezier(0.165,.84,.44,1) .5s;}
.s4 .s4-word-3{opacity:0;-webkit-transform:translate3d(-200px,0,0);-moz-transform:translate3d(-200px,0,0);-o-transform:translate3d(-200px,0,0);-ms-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0);transition: all 1s cubic-bezier(1.000, 0.575, 0.035, 1.415) 1s;-webkit-transition: all 1s cubic-bezier(1.000, 0.575, 0.035, 1.415) 1s;-moz-transition: all 1s cubic-bezier(1.000, 0.575, 0.035, 1.415) 1s;-o-transition: all 1s cubic-bezier(1.000, 0.575, 0.035, 1.415) 1s;-ms-transition: all 1s cubic-bezier(1.000, 0.575, 0.035, 1.415) 1s;}
.show4 .s4-word-3{opacity:1;}

/****场景5****/
.s5{background:url(../images/ecplus/bg5.jpg) no-repeat center;background-size:cover;text-align:center;}
.s5-cont{position:relative;top:50%;left:50%;width:1000px;margin:-300px 0 0 -500px;}
.s5-cont>h4{font-size: 30px;color: #333;letter-spacing: 5px;margin-bottom: 20px;}
.round{position:relative;width:400px;height:400px;margin:40px auto 0;text-align: center;}
.round>div{position:absolute;text-align:left;opacity:0;transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;-webkit-transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;-moz-transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;-o-transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;-ms-transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;}
.show5 .round>div{opacity:1;}
.round>div img{width:100%;vertical-align:middle;cursor:pointer;}
.round>div .detail{position:absolute;color:white;line-height:1.5;}
.round>div .detail p{position:relative;font-size:18px;}
.round1{width:240px;left:-6px;top:-16px;-webkit-transform:translate3d(-100px,100px,0);-moz-transform:translate3d(-100px,100px,0);-o-transform:translate3d(-100px,100px,0);-ms-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0);}
.round2{width:230px;right:-32px;top:10px;-webkit-transform:translate3d(-100px,-100px,0);-moz-transform:translate3d(-100px,-100px,0);-o-transform:translate3d(-100px,-100px,0);-ms-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0);}
.round3{width:167px;right:-30px;top:169px;-webkit-transform:translate3d(100px,-100px,0);-moz-transform:translate3d(100px,-100px,0);-o-transform:translate3d(100px,-100px,0);-ms-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0);}
.round4{width:245px;bottom:-56px;left:78px;-webkit-transform:translate3d(200px,50px,0);-moz-transform:translate3d(200px,50px,0);-o-transform:translate3d(200px,50px,0);-ms-transform:translate3d(200px,50px,0);transform:translate3d(200px,50px,0);}
.round5{width:170px;left:-42px;top:155px;-webkit-transform:translate3d(100px,200px,0);-moz-transform:translate3d(100px,200px,0);-o-transform:translate3d(100px,200px,0);-ms-transform:translate3d(100px,200px,0);transform:translate3d(100px,200px,0);}
.round1 .detail{top:38px;left:80px;font-size:16px;}
.round>div.round1 .detail p{top:25px;left: 65px;font-size:20px;}
.round2 .detail{top:40px;left:95px;}
.round2 .detail p{top:95px;left:3px;}
.round3 .detail{top:50px;left:60px;}
.round3 .detail p{top:95px;left: -25px;}
.round4 .detail{top:25px;left:108px;}
.round4 .detail p{top:25px;left:-76px;}
.round5 .detail{top:55px;left:55px;}
.round5 .detail p{top:0;left: 0;}
.s5-center-img{position: relative;top: 182px;width: 200px;margin-left: 15px;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;-webkit-transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;-moz-transition: all 2s cubic-bezier(0.165,.84,.44,1) .5s;-o-transition: all 2s cubic-bezier(0.165,.84,.44,1) .5s;-ms-transition: all 2s cubic-bezier(0.165,.84,.44,1) .5s;}
.s5-word{position:absolute;bottom:0;left:0;right:0;padding:10px;background:rgba(0,0,0,0.5);color:white;-webkit-transform:translate3d(0,50px,0);-moz-transform:translate3d(0,50px,0);-o-transform:translate3d(0,50px,0);-ms-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);transition: all 1s cubic-bezier(0.165,.84,.44,1) 2s;-webkit-transition: all 1s cubic-bezier(0.165,.84,.44,1) 2s;-moz-transition: all 1s cubic-bezier(0.165,.84,.44,1) 2s;-o-transition: all 1s cubic-bezier(0.165,.84,.44,1) 2s;-ms-transition: all 1s cubic-bezier(0.165,.84,.44,1) 2s;}
.bigImg-cont{position: absolute;width: 1000px;height: 430px;background: #B5A0A0;top: 50%;left: 50%;margin: -210px 0 0 -500px;display:none;border: 3px solid black;}
.bigImg-cont.on{display:block;}
.bigImg-cont>img{width:100%;}
.bigImg-cont>em{position:absolute;right:-30px;top:-25px;display:inline-block;width:60px;height:80px;background:url(../images/ecplus/tips.png) no-repeat center;background-size:cover;z-index:99;}
.close-bigImg{position: absolute;right: 0px;bottom: 0px;display: inline-block;width: 44px;height: 44px;background:url(../images/ecplus/ok.png) no-repeat center;background-size:cover;z-index:99;}

/****场景6****/
.s6{background:url(../images/ecplus/bg6.jpg) no-repeat center;background-size:cover;text-align:center;z-index:-9999;}
.s6-cont{width:1000px;margin:100px auto;}
.s6-cont .s6-img{width:100%;}
.slider.thumbs { width: 1000px; margin: auto;left:50%;margin-left:-590px;bottom:100px; } 
.slider.thumbs a { text-align: center; text-decoration: none; font-size: 12px;} 
.slider.thumbs span big { color: red; font-size: 14px; } 
.slider.thumbs img { width: 100%; height: 100%; display: block; border: 0; }
.screenCont{position:absolute;top:0;left:0;right:0;bottom:0;z-index:9999;display:none;}
.screenCloseBtn{position:absolute;right:10px;top:10px;width:44px;height:45px;background:url(../images/ecplus/shut.png) no-repeat center;background-size:cover;z-index:999;}

/****场景7****/
.s7{background:url(../images/ecplus/bg7.jpg) no-repeat center;background-size:cover;text-align:center;}
.s7-cont{position: relative;width: 1000px;color: #243036;top: 50%;left: 50%;margin: -260px 0 0 -500px;}
.s7-cont>p{font-size: 26px;letter-spacing: 6px;margin-top: 30px;}
.s7-cont>ul{overflow:hidden;padding-left: 10px;margin-top:80px;-webkit-transform:translate3d(50px,0,0);-moz-transform:translate3d(50px,0,0);-o-transform:translate3d(50px,0,0);-ms-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0);transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;-webkit-transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;-moz-transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;-o-transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;-ms-transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;}
.s7-cont>ul li{float:left;width:33.3333%;padding: 5px 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.s7-cont>ul li div{position:relative;background:rgba(255,255,255,0.5);border:1px solid #00a0e9;padding: 9px 10px 10px 60px;text-align: left;color:#00a0e9;font-size:15px;}
.s7-cont>ul li div i{position:absolute;left:-22px;top:-1px;width:48px;height:48px;border-radius:999px;}
.icon1{background-position:0 0;}
.icon2{background-position:0 -48px;}
.icon3{background-position:0 -96px;}
.icon4{background-position:0 -144px;}
.icon5{background-position:0 -192px;}
.icon6{background-position:0 -240px;}
.icon7{background-position:-48px 0;}
.icon8{background-position:-48px -48px;}
.icon9{background-position:-48px -96px;}
.icon10{background-position:-48px -144px;}
.icon11{background-position:-48px -192px;}
.icon12{background-position:-48px -240px;}
.icon13{background-position:-96px 0;}
.icon14{background-position:-96px -48px;}
.icon15{background-position:-96px -96px;}
.icon16{background-position:-96px -144px;}
.icon17{background-position:-96px -192px;}
.icon18{background-position:-96px -240px;}

/****场景8****/
.s8{background:url(../images/ecplus/bg8.jpg) no-repeat center;background-size:cover;text-align:center;}
.s8-cont{position: relative;width: 1000px;color: #243036;top: 50%;left: 50%;margin: -240px 0 0 -500px;}
.s8-word{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.7);color:white;padding:10px;letter-spacing: 2px;}
.s8-word span{margin:0 30px;}
.s8-list{overflow:hidden;width:840px;margin: 40px auto;-webkit-transform:translate3d(0,100px,0);-moz-transform:translate3d(0,100px,0);-o-transform:translate3d(0,100px,0);-ms-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0);transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;-webkit-transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;-moz-transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;-o-transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;-ms-transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;}
.s8-list li{float:left;width:210px;height:153px;color:white;padding: 20px 0 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.s8-list li.bg1{background:url(../images/ecplus/screen8-img-1.jpg) no-repeat center;background-size:cover;}
.s8-list li.bg2{background:url(../images/ecplus/screen8-img-2.jpg) no-repeat center;background-size:cover;}
.s8-list li.bg3{background:url(../images/ecplus/screen8-img-3.jpg) no-repeat center;background-size:cover;}
.s8-list li.bg4{background:url(../images/ecplus/screen8-img-4.jpg) no-repeat center;background-size:cover;}
.s8-list li.bg5{background:url(../images/ecplus/screen8-img-5.jpg) no-repeat center;background-size:cover;}
.s8-list li.bg6{background:url(../images/ecplus/screen8-img-6.jpg) no-repeat center;background-size:cover;}
.s8-list li.bg7{background:url(../images/ecplus/screen8-img-7.jpg) no-repeat center;background-size:cover;}
.s8-list li.bg8{background:url(../images/ecplus/screen8-img-8.jpg) no-repeat center;background-size:cover;}
.s8-list li>p{font-size:18px;margin-bottom:15px;font-weight:700;}
.s8-list li>.detail{font-size:13px;}

/****场景9****/
.s9{background:url(../images/ecplus/bg9.jpg) no-repeat center;background-size:cover;text-align:center;}
.s9-cont{position: relative;width: 1000px;color: #243036;top: 50%;left: 50%;margin: -260px 0 0 -500px;}
.s9-img{width:800px;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;-webkit-transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;-moz-transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;-o-transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;-ms-transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;}
.mediu-cont{margin-top: 40px;padding-left: 60px;}
.mediu-cont img{position:relative;opacity:0;transition: all 1.5s cubic-bezier(0.165,.84,.44,1);-webkit-transition: all 1.5s cubic-bezier(0.165,.84,.44,1);-moz-transition: all 1.5s cubic-bezier(0.165,.84,.44,1);-o-transition: all 1.5s cubic-bezier(0.165,.84,.44,1);-ms-transition: all 1.5s cubic-bezier(0.165,.84,.44,1);-webkit-transition-delay: 1s;-moz-transition-delay: 1s;-ms-transition-delay: 1s;-o-transition-delay: 1s;transition-delay: 1s;}
.mediu-cont .s9-mediu-1{z-index:2;top: 20px;-webkit-transform:translate3d(-50px,0,0);-moz-transform:translate3d(-50px,0,0);-o-transform:translate3d(-50px,0,0);-ms-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0);}
.mediu-cont .s9-mediu-2{z-index:1;top:0;margin-left: -45px;-webkit-transform:translate3d(0,-50px,0);-moz-transform:translate3d(0,-50px,0);-o-transform:translate3d(0,-50px,0);-ms-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0);}
.mediu-cont .s9-mediu-3{margin-left: -90px;z-index: 2;top: 70px;-webkit-transform:translate3d(50px,0,0);-moz-transform:translate3d(50px,0,0);-o-transform:translate3d(50px,0,0);-ms-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0);}
.mediu-cont .s9-mediu-4{margin-left: -110px;z-index: 3;top: 80px;-webkit-transform:translate3d(0,50px,0);-moz-transform:translate3d(0,50px,0);-o-transform:translate3d(0,50px,0);-ms-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);}
.show9 .mediu-cont img{opacity:1;}

/****场景10****/
.s10{background:url(../images/ecplus/bg10.jpg) no-repeat center;background-size:cover;text-align:center;}
.s10-cont{position: relative;width: 1000px;color: #243036;top: 50%;left: 50%;margin: -200px 0 0 -500px;}
.s10-cont>p{margin-top:30px;}
.s10-list{overflow:hidden;margin-top:60px;-webkit-transform:translate3d(-50px,0,0);-moz-transform:translate3d(-50px,0,0);-o-transform:translate3d(-50px,0,0);-ms-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0);transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;-webkit-transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;-moz-transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;-o-transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;-ms-transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;}
.s10-list li{float:left;width:16.6666%;}
.s10-list li img{width:150px;height:150px;}
.s10-list li>p{font-size:18px;}
.s10-list li>.detail{font-size: 13px;color: #515151;padding: 0 10px;line-height: 1.5;margin-top: 10px;text-align: left;}

/****场景11****/
.s11{background:url(../images/ecplus/bg11.jpg) no-repeat center;background-size:cover;text-align:center;}
.s11-cont{position: relative;width: 1000px;color: #243036;top: 50%;left: 50%;margin: -195px 0 0 -500px;}
.title-group{font-size:32px;font-weight:700;line-height: 1.6;}
.title-group>p{transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;-webkit-transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;-moz-transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;-o-transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;-ms-transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;}
.title-group .s11-word-1{text-align:left;-webkit-transform:translate3d(-50px,0,0);-moz-transform:translate3d(-50px,0,0);-o-transform:translate3d(-50px,0,0);-ms-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0);}
.title-group .s11-word-2{text-align:right;-webkit-transform:translate3d(50px,0,0);-moz-transform:translate3d(50px,0,0);-o-transform:translate3d(50px,0,0);-ms-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0);}
.s11-cont>p{margin-top:20px;}
.s11-list{overflow:hidden;margin-top:60px;}
.s11-list li{width:14.2857%;float:left;padding:2px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.s11-list li div{border:1px solid #218ce9;}
.s11-list li div i{display:inline-block;width:100%;height:138px;vertical-align:middle;}
.s11-list li div p{background:#218ce9;color:white;}
.icon-price1{background:url(../images/ecplus/screen11-img-1.png) no-repeat center;background-size:120px;}
.icon-price2{background:url(../images/ecplus/screen11-img-2.png) no-repeat center;background-size:120px;}
.icon-price3{background:url(../images/ecplus/screen11-img-3.png) no-repeat center;background-size:120px;}
.icon-price4{background:url(../images/ecplus/screen11-img-4.png) no-repeat center;background-size:120px;}
.icon-price5{background:url(../images/ecplus/screen11-img-5.png) no-repeat center;background-size:120px;}
.icon-price6{background:url(../images/ecplus/screen11-img-6.png) no-repeat center;background-size:120px;}
.icon-price7{background:url(../images/ecplus/screen11-img-7.png) no-repeat center;background-size:120px;}

/*横屏动画   swiper-slide-active*/
.screenSwiper,.roleSwiper,.swiper-wrapper,.swiper-slide{position:relative;width:100%;height:100%;}
.screenSwiper .cont,.screenSwiper .pic-img{position:absolute;width:1000px;left:50%;margin-left:-500px;opacity:0;}
.screenSwiper .cont{z-index: 9999;text-align:left;color:white;transition: all 1s linear .5s;-webkit-transition: all 1s linear .5s;-moz-transition: all 1s linear .5s;-o-transition: all 1s linear .5s;-ms-transition: all 1s linear .5s;}
.screenSwiper .cont1,.screenSwiper .cont2,.screenSwiper .cont3,.screenSwiper .cont4{bottom:100px;}
.screenSwiper .cont5,.screenSwiper .cont6,.screenSwiper .cont7{top:80px;}
.screenSwiper .cont h3{font-size:50px;line-height:1.8;font-weight:500;}
.screenSwiper .cont p{display:inline-block;padding:1px 20px;border-radius:5px;font-size:16px;}
.screenSwiper .cont1 p,.screenSwiper .cont3 p{background:rgba(19, 124, 210,0.7);width:750px;}
.screenSwiper .cont2 p,.screenSwiper .cont4 p{background:rgba(57, 38, 117,0.7);width:750px;}
.screenSwiper .cont5 p,.screenSwiper .cont6 p{background:rgba(255,255,255,.5);color:#1c2b6e;width:750px;}
.screenSwiper .cont5 p{width:400px;color:#006c94;}
.screenSwiper .cont7 p{background:rgba(197,45,25,.5);width:700px;}
.screenSwiper .pic-img{top:50%;margin-top:-183px;-webkit-transform:translate3d(0,50px,0);-moz-transform:translate3d(0,50px,0);-o-transform:translate3d(0,50px,0);-ms-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;-webkit-transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;-moz-transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;-o-transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;-ms-transition: all 2s cubic-bezier(0.165,.84,.44,1) 0.5s;}
.screenSwiper .swiper-slide-active .cont,.screenSwiper .swiper-slide-active .pic-img{opacity:1;}

/*横屏轮播分页*/
.pagination {position: absolute;z-index: 20;bottom: 10px;width: 100%;text-align: center;}
.swiper-pagination-switch {display: inline-block;width: 8px;height: 8px;border-radius: 8px;background: white;margin: 0 5px;opacity: 0.8;border: 1px solid #fff;cursor: pointer;}
.swiper-active-switch {background: #1c2b6e;}

/*公用动画*/
.s6-cont,.s7-cont,.s8-cont,.s10-cont,.s11-cont{opacity:0.5;transition: all 2s linear 1s;-webkit-transition: all 2s linear 0.5s;-moz-transition: all 2s linear 0.5s;-o-transition: all 2s linear 0.5s;-ms-transition: all 2s linear 0.5s;}
.show6 .s6-cont,.show7 .s7-cont,.show8 .s8-cont,.show10 .s10-cont,.show11 .s11-cont{opacity:1;}
.show3 .s3-word,.show3 .s3-img,.show4 .anim1,.show4 .s4-word-2,.show4 .s4-word-3,.show5 .round>div,.show5 .s5-word,.show5 .s5-center-img,.show7 .s7-cont>ul,.show8 .s8-list,.show9 .s9-img,.show9 .mediu-cont img,.show10 .s10-list,.show11 .title-group>p,.screenSwiper .swiper-slide-active .pic-img{
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
}

/*右侧导航*/
.nav_fixed a{display:block;}
.nav_fixed a p,.navList .bg7{position:relative;width: 40px;height: 40px;padding: 10px 20px 10px 10px;text-align: center;color: white;margin-bottom:2px;font-size: 16px;line-height: 1.3;}
.nav_fixed a p:hover,.navList .bg7:hover,.nav_fixed .cur p{right:10px;}
.nav_fixed .bg1{background:rgba(26, 107, 180,0.7);}
.nav_fixed .bg2{background:rgba(49, 116, 207,0.7);}
.nav_fixed .bg3{background:rgba(0, 117, 182,0.7);}
.nav_fixed .bg4{background:rgba(30, 83, 211,0.7);}
.nav_fixed .bg5{background:rgba(59, 90, 154,0.7);}
.nav_fixed .bg6{background:rgba(18, 138, 214,0.7);}
.navList .bg7{background:rgba(53, 102, 203,0.7);}
.navList .bg7 span{color:white;}

/*底部*/
.contact-us{background-color: #1883c2;width: 100%;}
.contact-us .top-bar{height: 120px;line-height: 120px;}
.contact-us .top-bar h1{color: #fff;font-size: 28px;font-weight: 100;_display: inline;float: left;}
.contact-us .top-bar a{display: inline-block;height: 40px;line-height: 40px;text-align: center;width: 140px;font-size: 14px;}
.contact-us .top-bar .btn1{background:#ff8f01;color:#fff;font-size:24px;border-radius:4px;height:55px;line-height:55px;width:165px;display:block;float:right;margin-right:100px;margin-top:35px;}
.contact-us .top-bar .btn2{background-color: #0bb70b;color: #fff;margin-left: 20px;}
.contact-us .form{border: 1px solid #ddd;margin-top: 15px;padding:10px 25px;}
.contact-us .form .ft label{font-size: 24px;color: #5e5e5e;margin-left: 20px;}
.contact-us .form .fc{margin-left: 100px;width: 500px;}
.contact-us .form .fc div{margin: 15px;text-align: center;}
.contact-us .form .fc label{color: #585858;font-size: 14px;width: 100px;display: inline-block;text-align: right;}
.contact-us .form .fc input{height: 34px;width: 200px;border: 1px solid #ddd;text-indent: .5em;}
.contact-us .form .fc a{display: inline-block;height: 34px;line-height: 34px;padding: 0 20px;color: #fff;border-radius: 8px;background-color: #107ab8;font-size: 14px}
.page-foot{background:#eaeaea;color:black;}
.pf .copyright {padding:50px 10px 50px 10px;}
.copyright{width:1200px;margin:auto;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.pf .copyright .let {width:430px;padding-left:0px;}
.pf .copyright .let .title {height:26px;line-height:26px;background: none;font-size: 14px;color: #000;padding: 0;text-indent: 0;}
.pf .copyright .let .title b {height:28px;background-color:#b7c2d4;border:#ccc solid 1px;padding:5px;}
.pf .copyright .let .title b a{color:#212c3d}
.pf .copyright .let h2 {line-height:30px;margin-top:1px;font-weight: 500;}
.pf .copyright .rit {padding: 0 20px;}
.pf .copyright .rit .menu {height:26px;line-height:15px;}
.pf .copyright .rit .menu ul {margin-left:-1px;margin-top:6px;}
.pf .copyright .rit .menu li {height:15px;padding:0 8px;border-left:#979797 solid 1px;}
.pf .copyright .rit .menu li.noline{border-left:0;}
.pf .copyright .rit .menu li a{color:#3F3F41;}
.pf .copyright .rit .menu li a:hover{color:#d00;}
.pf .copyright .rit .copy {height:50px;margin-top:20px;}
.pf .copyright .rit .copy li {width:60px;height:50px;margin-right:10px;_display:inline;}
.pf .copyright .rit .copy li a {background:url(../images/ecplus/copyright.png) 0 0 no-repeat;display: block;width: 100%;height: 100%;}
.pf .copyright .rit .copy .cp1 a {background-position: -70px 0;}
.pf .copyright .rit .copy .cp2 a {background-position: -70px -55px;}
.pf .copyright .rit .copy .cp3 a {background-position: -70px -110px;}
.pf .copyright .rit .copy .cp4 a {background-position: -70px -165px;}
.pf .copyright .rit .copy .cp1 a:hover {background-position: -70px 0;}
.pf .copyright .rit .copy .cp2 a:hover {background-position: -70px -55px;}
.pf .copyright .rit .copy .cp3 a:hover {background-position: -70px -110px;}
.pf .copyright .rit .copy .cp4 a:hover {background-position: -70px -165px;}
.pf .copyright .rit .copy .cp4 a:hover {background-position: -70px -165px;}

.f .copyright .rit{ color: #CDD6F3;}
.f .copyright .rit .copy li a{background:url(../images/ecplus/copyright.png) 0 0 no-repeat;background-size:100px;}
.f .copyright .rit .menu{text-align:center;}
.f .copyright .rit .menu ul{margin:0;display:inline-block;}
.f .copyright .rit .menu li:first-child{border-left:0;}
.f .copyright .rit .message{text-align:center;line-height:1.6;font-size:13px;}
.f .copyright .rit .copy{text-align:center;margin-top:15px;}
.f .copyright .rit .copy>.he{display:inline-block;}
.f .copyright .rit .copy li{width:48px;height:40px;}
.f .copyright .rit .copy .cp1 a{background-position:0 0;}
.f .copyright .rit .copy .cp1 a:hover,.f .copyright-default .rit .copy .cp1 a {background-position: -54px 0;}
.f .copyright .rit .copy .cp3 a {background-position: 0 -87px;}
.f .copyright .rit .copy .cp3 a:hover,.f .copyright-default .rit .copy .cp3 a{background-position: -54px -87px;}
.f .copyright .rit .copy .cp4 a{background-position: 0 -126px;}
.f .copyright .rit .copy .cp4 a:hover,.f .copyright-default .rit .copy .cp4 a{background-position: -54px -126px;}
.f .copyright .rit .ba{font-size:12px;text-align:center;}
.f .copyright .rit .ba i{display:inline-block;width:30px;height:25px;vertical-align:middle;margin:-2px 0 0 0;background:url(../images/ecplus/copyright.png) 0 -25px no-repeat;background-size:60px;cursor: pointer;}
.f .copyright .rit .ba i:hover,.f .copyright-default .rit .ba i{background-position:-32px -25px;}
.f,.f .copyright-default{ background-color: #eaeaea;}
.f .copyright-default .rit{ color: #333;}
.f .copyright-default .rit .rm .dis{ display: block;height: 100%;}