.icons{background:url(../images/icons.png) no-repeat}
.fz40{font-size:34px}
.fz18{font-size:16px}
.sdw-banner-wrap{height:100%;position:relative;}
.sdw-banner-box{width:100%;height:100%;position:relative;/*top:90px;*/overflow:hidden;}
.sdw-banner-cont{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1}
.sdw-banner-box .bg-banner{width:100%;height:100%;position:absolute;left:0;top:30px;z-index:1;background-repeat:no-repeat;background-position:center top;background-size:cover}
/*
.sdw-banner-cont img{width:auto;min-width:1200px;height:100%;position:absolute;left:50%;top:0;margin-left:-50%}
*/
.sdw-banner-box .banner-infos{color:#fff;top:55%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:9}
.sdw-banner-box .banner-infos h2{font-size:50px;font-weight:400;padding-bottom:15px}
.sdw-banner-box .left-txts p{font-size:24px}
.sdw-banner-box .left-txts a,a.circle-jt{display:block;width:62px;height:62px;border:solid 1px #e6e6e6;border-radius:50%;text-indent:-9999px;margin-top:130px}
.sdw-banner-box .left-txts a:after,a.circle-jt:after{content:'';display:block;width:21px;height:8px;background:url(../images/icons.png) no-repeat -5px -5px;margin:27px auto 0}
.sdw-banner-box .left-txts a:hover:after,a.circle-jt:hover:after{-webkit-animation:enterMove .6s ease-out infinite;-moz-animation:enterMove .6s ease-out infinite;animation:enterMove .6s ease-out infinite}
.sdw-banner-box .right-txts{font-size:14px;text-align:right;position:relative}
.sdw-banner-box .right-txts:after{content:'';width:32px;height:8px;background-color:#f30000;position:absolute;bottom:-30px;right:0;z-index:1}
@-webkit-keyframes enterMove{0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(6px);transform:translateX(6px)}
}
@-moz-keyframes enterMove{0%{-moz-transform:translateX(0);transform:translateX(0)}
100%{-moz-transform:translateX(6px);transform:translateX(6px)}
}
@keyframes enterMove{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(6px);-moz-transform:translateX(6px);transform:translateX(6px)}
}

/*2019-11-14 新增*/
.sdw-banner-box .left-txts h3 { font-size: 32px; font-weight: 400; margin-bottom: 60px; }
.sdw-banner-box .left-txts .en { display: block; margin-bottom: 45px; }
.sdw-banner-box .left-txts .en em { display: block; font-size: 12px; color: #fff; }
.sdw-banner-box .left-txts { padding-bottom: 80px; position: relative; }
.sdw-banner-box .left-txts:after { content: ''; display: block; width: 32px; height: 7px; background-color: #f30000; position: absolute; left: 0; bottom: 0; z-index: 5; }
.sdw-banner-box .left-txts03:after { display: none; }
.sdw-banner-box .case-move-box {/* width: 860px; position: relative;*/ }
.sdw-banner-box .case-move-box .pc-cont { width: 833px; height: 461px; background: url(../images/../images/banner_pc_bg.png) no-repeat; position: absolute; top: -80px; right: 15px; padding: 20px 0 0 100px; box-sizing: border-box;}
.sdw-banner-box .case-move-box .m-cont { width: 191px; height: 377px; background: url(../images/../images/banner_mobile_bg.png) no-repeat; position: absolute; top: 40px; right: 0; z-index: 9; padding: 5px 0 0 7px; box-sizing: border-box;}

.sdw-banner-box .case-move-box .pc-case-imgs { width: 630px; height: 400px; overflow: hidden; position: relative;}
.sdw-banner-box .case-move-box .pc-case-imgs span,
.sdw-banner-box .case-move-box .m-case-imgs span { display: block; width: 100%; height: auto; position: absolute; left: 0; top: 0; z-index: 2;}
.sdw-banner-box .case-move-box img { display: block; width: 100%; height: auto }
.sdw-banner-box .case-move-box .m-case-imgs { width: 177px; height: 368px; border-radius: 20px; overflow: hidden; position: relative; }
.sdw-banner-box .case-move-box .m-case-imgs img { border-radius: 20px; }

@media screen and (max-width: 1600px){
	.sdw-banner-box .left-txts01 { width: 400px; }
}
@media screen and (max-width: 1400px){
	.sdw-banner-box .case-move-box { -webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8); }
	.sdw-banner-box .case-move-box .pc-cont { top: -20px; }
}

.sdw-banner-nav{height:80px;position:absolute;bottom:0;left:50%;margin-left:-600px;z-index:9}
.sdw-banner-nav>div{width:700px;height:80px;background:url(../images/switch_bg.jpg) no-repeat;position:absolute;bottom:0;left:0;z-index:9}
.sdw-banner-nav .jindu{width:300px;height:40px;line-height:40px;padding:0 75px;margin-top:20px;border-right:solid 1px #ccc}
.sdw-banner-nav .jindu em{display:block;float:left;font-size:14px}
.sdw-banner-nav .jindu em.first{color:#1d1d1d}
.sdw-banner-nav .jindu em.last{color:#999}
.sdw-banner-nav .jindu span{float:left;display:block;width:222px;height:1px;background-color:#e2e2e2;margin:0 15px;position:relative;top:20px}
.sdw-banner-nav .jindu span i{display:block;width:20%;height:100%;background-color:#1d1d1d;position:absolute;left:0;top:0;z-index:2;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out}
.sdw-banner-nav .switch-btn{width:100px;position:absolute;right:70px;top:32px}
.sdw-banner-nav .switch-btn span{display:block;width:29px;height:16px;cursor:pointer}
.sdw-banner-nav .switch-btn span i{display:block;width:29px;height:8px;margin-top:4px}
.sdw-banner-nav .switch-btn span.left i{background-position:-5px -18px}
.sdw-banner-nav .switch-btn span.right i{background-position:-136px -5px}
.sdw-banner-nav .switch-btn span.left:hover i{background-position:-136px -18px}
.sdw-banner-nav .switch-btn span.right:hover i{background-position:-5px -30px}
.sdw-banner-nav .icon-mouse{display:block;width:13px;height:22px;background-position:-5px -42px;position:absolute;right:0;top:0;z-index:9;cursor:pointer}
.sdw-about{width:100%;height:500px;background:url(../images/page02_line.png) no-repeat center top;position:relative}
.p2-mask{width:50%;height:100%;background-color:rgba(200,200,200,.1);position:absolute;right:0;top:0;z-index:1}
.sdw-about .sdw-about-cont{height:100%;z-index:9}
.sdw-about .sdw-about-cont>div{width:50%}
.sdw-business{color:#1d1d1d;position:relative;top:105px}
.sdw-business>span{display:block;font-size:18px;padding:15px 0 80px}
.en-txts{font-size:16px;color:#999}
.en-txts:after{content:'';display:block;width:32px;height:7px;background-color:#f30000;margin-top:20px}
.sdw-intro{color:#333;padding:110px 0 0 5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.sdw-intro a { font-size: 18px; }
.sdw-intro p{line-height:30px}
.sdw-intro span{display:block;width:125px;height:125px;border:solid 1px #282828;border-radius:50%;margin-top:50px;cursor:pointer;position:relative}
.sdw-intro span i{display:block;width:22px;height:35px;background-position:-40px -5px;position:relative;left:52px;top:45px;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.sdw-intro span em{display:block;width:150px;padding:10px 0;background-color:#fafafa;position:absolute;top:43px;left:103px;z-index:9}
.sdw-intro span:hover i{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.video-box{width:100%;height:100%;position:fixed;left:0;top:0;z-index:999;background-color:rgba(0,0,0,.5)}
.video-cont{width:860px;margin:0 auto;position:relative;top:20%}
.video-cont i{display:block;width:21px;height:21px;background-position:-5px -5px;position:absolute;right:-25px;top:0;z-index:9;cursor:pointer}
.video-cont .shipin{width:100%;height:520px;margin:0 auto}
.sdw-todo-wrap{width:100%;height:920px;background:url(../images/p3_bg.jpg) no-repeat center top;position:relative;overflow:hidden}
.sdw-todo-wrap>div{height:100%}
.sdw-todo-wrap .color-blocks{width:100%;height:100%;position:relative}
.sdw-todo-wrap .color-blocks span{display:block;position:absolute;z-index:1;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-transition:all .5s linear;-o-transition:all .5s linear;-moz-transition:all .5s linear;transition:all .5s linear}
.sdw-todo-wrap .color-blocks span.block1{width:105px;height:81px;background-image:url(../images/../images/p2_cblock01.png);top:237px;left:-160px}
.sdw-todo-wrap .color-blocks span.block2{width:104px;height:101px;background-image:url(../images/../images/p2_cblock02.png);top:45px;left:333px}
.sdw-todo-wrap .color-blocks span.block3{width:267px;height:141px;background-image:url(../images/../images/p2_cblock03.png);top:242px;left:544px}
.sdw-todo-wrap .color-blocks span.block5{width:110px;height:76px;background-image:url(../images/../images/p2_cblock04.png);top:510px;left:510px}
.sdw-todo-wrap .color-blocks span.block4{width:159px;height:233px;background-image:url(../images/../images/p2_cblock05.png);top:385px;left:705px}
.sdw-todo-wrap .color-blocks span.block6{width:158px;height:213px;background-image:url(../images/../images/p2_cblock06.png);top:170px;right:-100px}
.sdw-todo-wrap .color-blocks span.block7{width:110px;height:76px;background-image:url(../images/../images/p2_cblock07.png);top:268px;right:-288px}
.sdw-todo-wrap .color-blocks span.block8{width:105px;height:181px;background-image:url(../images/../images/p2_cblock08.png);top:400px;right:-286px}
.sdw-todo-wrap .color-blocks.active span:nth-child(odd){-webkit-animation:blockmove 1s ease-out both 1;-moz-animation:blockmove 1s ease-out both 1;animation:blockmove 1s ease-out both 1 ; transition: all .5s;}
.sdw-todo-wrap .color-blocks.active span:nth-child(even){-webkit-animation:blockmove 1.2s ease-out both 1;-moz-animation:blockmove 1.2s ease-out both 1;animation:blockmove 1.2s ease-out both 1;}
@-webkit-keyframes blockmove{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
50%{-webkit-transform:scale(.2);transform:scale(.2);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
@-moz-keyframes blockmove{0%{-moz-transform:scale(1);transform:scale(1);opacity:1}
50%{-moz-transform:scale(.2);transform:scale(.2);opacity:1}
100%{-moz-transform:scale(1);transform:scale(1);opacity:1}
}
@keyframes blockmove{0%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);opacity:1}
50%{-webkit-transform:scale(.2);-moz-transform:scale(.2);transform:scale(.2);opacity:1}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);opacity:1}
}
.sdw-banner-nav .icon-mouse { animation:mousemove 1s ease-in both infinite; }
@keyframes mousemove {
	0%{
		transform: translateY(0);
	}
	100%{
		transform: translateY(10px);
	}
}
.sdw-todo-box{width:100%;height:630px;position:absolute;left:0;top:0;z-index:3}
.sdw-todo-box .sdw-todo-cont{width:100%;height:100%;position:absolute;left:0;top:0;z-index:9}
.sdw-todo-box .left-cont{color:#f2f2f2;position:relative;top:337px; width: 640px;}
.sdw-todo-box .left-cont .en-txt{display:block;font-size:15px;padding-bottom:12px; line-height: 30px;}
.sdw-todo-box .left-cont .en-txt em{display:block}
.sdw-todo-box .left-cont a.circle-jt{margin-top:50px}
.sdw-todo-box .right-cont{width:584px;height:557px;position:relative;top:58px;right:-25px}

/*2019-11-14 新增*/
.sdw-todo-box .right-cont {width:850px;height:642px; background: url(../images/p3_computer_bg.png) no-repeat; position:relative;top:58px;right:-25px}
.sdw-todo-box .right-cont span { display: block; background-repeat: no-repeat; position: absolute;}
.sdw-todo-box .right-cont .img01 { width: 443px; height: 367px; background-image: url(../images/p3_partimg01.png); top: 47px; left: 194px; z-index: 9;}
.sdw-todo-box .right-cont .img02 { width: 402px; height: 234px; background-image: url(../images/p3_partimg02.png); top: 84px; left: 24px; z-index: 8;}
.sdw-todo-box .right-cont .img03 { width: 169px; height: 220px; background-image: url(../images/p3_partimg03.png); top: 255px; right: 68px; z-index: 8;}
.sdw-todo-box .right-cont .img04 { width: 131px; height: 82px; background-image: url(../images/p3_partimg04.png); top: 436px; right: 212px; z-index: 7;}
.sdw-todo-box .right-cont .img05 { width: 420px; height: 262px; background-image: url(../images/p3_partimg05.png); top: 272px; right: 212px; z-index: 6;}
.sdw-todo-box .right-cont .img06 { width: 169px; height: 350px; background-image: url(../images/p3_partimg06.png); top: 0; left: 169px; z-index: 5;}
.sdw-todo-box .right-cont .img07 { width: 138px; height: 144px; background-image: url(../images/p3_partimg07.png); top: 62px; left: 90px; z-index: 4;}

.sdw-todo-wrap .right-cont span {
	opacity: 0;
}
.sdw-todo-wrap .right-cont .img01 { -webkit-transform: translateX(-60px); -moz-transform: translateX(-60px); -ms-transform: translateX(-60px); transform: translateX(-60px); }
.sdw-todo-wrap .right-cont .img02 { -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); }
.sdw-todo-wrap .right-cont .img04 { -webkit-transform: translateX(-80px); -moz-transform: translateX(-80px); -ms-transform: translateX(-80px); transform: translateX(-80px); }
.sdw-todo-wrap .right-cont .img05 { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); }
.sdw-todo-wrap .right-cont .img03 { -webkit-transform:translate(40px,40px); -moz-transform:translate(40px,40px); -ms-transform:translate(40px,40px); transform:translate(40px,40px); }
.sdw-todo-wrap .right-cont .img06,
.sdw-todo-wrap .right-cont .img07 { -webkit-transform:translate(-40px,-40px); -moz-transform:translate(-40px,-40px); -ms-transform:translate(-40px,-40px); transform:translate(-40px,-40px); }
.sdw-todo-wrap.active .right-cont .img01,
.sdw-todo-wrap.active .right-cont .img02,
.sdw-todo-wrap.active .right-cont .img04,
.sdw-todo-wrap.active .right-cont .img05 { 
	opacity: 1; 
	-webkit-transform: translateX(0); 
	-moz-transform: translateX(0); 
	-ms-transform: translateX(0); 
	transform: translateX(0); 
	-webkit-transition:all .8s ease-out 1.2s;
	-moz-transition:all .8s ease-out 1.2s;
	transition:all .8s ease-out 1.2s;
}
.sdw-todo-wrap.active .right-cont .img03,
.sdw-todo-wrap.active .right-cont .img06,
.sdw-todo-wrap.active .right-cont .img07 { 
	opacity: 1; 
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-ms-transform:translate(0,0);
	transform:translate(0,0);
	-webkit-transition:all .8s linear .5s;
	-moz-transition:all .8s linear .5s;
	transition:all .8s linear .5s;
}



.sdw-todo-nav{width:100%;height:200px;position:absolute;bottom:90px;left:0;z-index:99}
.sdw-todo-nav .option{width:32.6666%;height:200px;background-color:#fff}
.sdw-todo-nav .option2{margin:0 1%}
.sdw-todo-nav .option h3{font-weight:400;font-size:18px;height:80px;line-height:80px;text-align:center;color:#1d1d1d;border-bottom:solid 1px #f0f0f0;position:relative}
.sdw-todo-nav .option h3:after{content:'';display:block;width:40px;height:2px;background-color:#f30000;position:absolute;left:50%;margin-left:-20px;bottom:0;z-index:3}
.sdw-todo-nav .option h3 i{display:inline-block;margin-right:16px;position: relative;z-index: 2;}
.sdw-todo-nav .option1 h3 i{width:18px;height:15px;background-position:-66px -22px}
.sdw-todo-nav .option2 h3 i{width:20px;height:15px;background-position:-88px -22px}
.sdw-todo-nav .option3 h3 i{width:20px;height:20px;background-position:-112px -28px;position:relative;top:3px}
.sdw-todo-nav .option a{display:block;color:#1d1d1d;font-size:16px;padding-left:12%}
.sdw-todo-nav .option .list{padding-top:33px;height:97px;position:relative}
.sdw-todo-nav .option .list span{display: block;
    float: left;
    width: 100%;
    color: #666;
    font-size: 15px;
    text-align: center;
    height: 24px;
    line-height: 24px;
    margin-bottom: 15px;position:relative;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out}
.sdw-todo-nav .list span:hover{-webkit-transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);transform:translateX(5px)}
.sdw-todo-nav .list span em{display:block;width:20px;height:20px;border:solid 1px #e2e2e2;border-radius:50%;position:absolute;right:12%;top:2px;z-index:1}
.sdw-todo-nav .list span em:before{content:'';display:block;width:4px;height:7px;background:url(../images/icons.png) no-repeat -22px -52px;position:relative;left:8px;top:6px}
/*.sdw-todo-nav .list:before{content:'';display:block;width:1px;height:56px;border-left:dashed 1px #ccc;position:absolute;left:50%;top:38px;z-index:9}*/
.sdw-todo-box .title span.subtitle:before{content:'';display:block;width:54px;height:5px;border-bottom:5px solid #e80000;position:absolute;left:0%;top:160px;z-index:9}
.sdw-todo-nav .option.cur h3,.sdw-todo-nav .option:hover h3{color:#fff}
.sdw-todo-nav .option .hover-animation em {-webkit-transition-duration:.5s; -o-transition-duration:.5s; -moz-transition-duration:.5s; transition-duration:.5s; }
.sdw-todo-nav .option:hover h3 em, .sdw-todo-nav .option.cur h3 em { width: 100%;}
.sdw-todo-nav .option.cur h3:before,.sdw-todo-nav .option:hover h3:before{content:'';display:block;width:0;height:0;border-left:solid 4px transparent;border-right:solid 4px transparent;border-top:solid 4px #1d1d1d;position:absolute;left:50%;margin-left:-4px;top:0;z-index:9}
.sdw-todo-nav .option1.cur h3 i,.sdw-todo-nav .option1:hover h3 i{background-position:-66px -5px}
.sdw-todo-nav .option2.cur h3 i,.sdw-todo-nav .option2:hover h3 i{background-position:-88px -5px}
.sdw-todo-nav .option3.cur h3 i,.sdw-todo-nav .option3:hover h3 i{background-position:-112px -5px}
.sdw-todo-box .title{position:absolute;left:0;top:80px;z-index:99;color:#fff}
.sdw-todo-box .title h2{font-weight:400}
.sdw-todo-box .title span.subtitle{display:block;font-size:18px;margin:20px 0 110px}
/*
.sdw-todo-box .sdw-todo-cont .left-cont{-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px);-webkit-transition:all .8s ease-out;-o-transition:all .8s ease-out;-moz-transition:all .8s ease-out;transition:all .8s ease-out}
.sdw-todo-box .sdw-todo-cont .right-cont{-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px);-webkit-transition:all 1s linear;-o-transition:all 1s linear;-moz-transition:all 1s linear;transition:all 1s linear}
.sdw-todo-box .sdw-todo-cont.active .left-cont,.sdw-todo-box .sdw-todo-cont.active .right-cont{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
*/
.good-website-wrap{width:100%;height:629px;background:url(../images/p4_bg.jpg) no-repeat center top}
.good-website-wrap>div{height:100%}
.good-website-wrap .good-left-cont{width:25%;color:#222;padding-top:88px}
.good-website-wrap .good-left-cont span{display:block;margin:20px 0 220px}
.good-website-wrap .good-cen-cont{width:80%;height:629px;position:absolute;bottom:0;right:0;z-index:9}
.good-website-wrap .good-cen-cont .man{width:100%;height:100%;position:absolute;bottom:0;left:0;z-index:2}
.good-website-wrap .good-cen-cont .man>div{width:100%;height:100%;position:absolute;left:0;bottom:0;z-index:2}
.good-website-wrap .good-cen-cont .man img{width:60%;position:absolute;bottom:0;left:-3%}
.good-website-wrap .good-cen-cont .man>div:first-child img{left:0}
.good-website-wrap .good-right-cont{width:40%;height:389px;position:absolute;right:0;top:230px}
.good-website-wrap .good-right-cont h3{font-size:30px;font-weight:400;height:40px;color:#1d1d1d;position:relative;padding-bottom:30px}
.good-website-wrap .good-right-cont h3:before{content:'';display:block;width:23px;height:3px;background-color:#0d0d0d;position:absolute;left:-45px;top:18px;z-index:2}
.good-website-wrap .good-right-cont p{color:#666;font-size:18px;padding-bottom:6px}
.good-website-wrap .r-nav{width:40%;font-size:20px;position:absolute;bottom:80px;right:0;z-index:9}
.good-website-wrap .r-nav span{display:inline-block;width:24px;margin-right:15px;cursor:pointer;position:relative;color:#b9b9b9;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out}
.good-website-wrap .r-nav i{display:block;width:85%;height:1px;background-color:#d8d8d8;position:absolute;right:-5%;top:50%;z-index:2;opacity:0}
.good-website-wrap .r-nav span.cur{width:45%;color:#1d1d1d}
.good-website-wrap .r-nav span.cur i{opacity:1}
.good-case-wrap .case-title{width:100%;padding:80px 0 50px;text-align:center;color:#222}
.good-case-wrap .case-title h2{font-weight:400;padding-bottom:10px}
.good-case-wrap .case-links{width:100%;text-align:center;margin-top:45px}
.good-case-wrap .case-links a{display:inline-block;font-size:16px;color:#666;padding:0 30px;position:relative;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.good-case-wrap .case-links a:before{content:'';display:block;width:1px;height:21px;background-color:#ccc;position:absolute;left:0;top:0;z-index:2;-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);transform:rotate(20deg)}
.good-case-wrap .case-links a:first-child:before{display:none}
.good-case-wrap .case-links a:hover{color:#222; font-weight: bold; text-decoration:underline; -webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);}
.good-case-wrap .case-links a.last em{display:block;width:11px;height:11px;background-color:#1d1d1d;position:absolute;right:0;top:5px;z-index:2}
.good-case-wrap .case-links a.last em:after,.good-case-wrap .case-links a.last em:before{content:'';display:block;background-color:#fff}
.good-case-wrap .case-links a.last em:before{width:3px;height:100%;margin:0 auto}
.good-case-wrap .case-links a.last em:after{width:100%;height:3px;position:absolute;left:0;top:4px;z-index:2}
.good-case-wrap .case-cont{width:100%;height:auto;position:relative}
.good-case-wrap .big-img-box{width:50%;padding-top:34.89583%;color:#fff;position:absolute;left:0;top:0;z-index:2}
.good-case-wrap .big-img-box .case-img-bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; overflow: hidden;}
.good-case-wrap .big-img-box .case-img-bg span { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.good-case-wrap .big-img-box .case-img-bg span:not(:first-child) { display: none; }
.good-case-wrap .big-img-box .txts-box { width: 100%; height: 55px; position: absolute; left: 0; top: 10%; z-index: 3; }
.good-case-wrap .big-img-box .txts{position:absolute;left:7.2%;top:10%;z-index:2}
.good-case-wrap .big-img-box .txts p{font-size:24px;padding-bottom:5px}
.good-case-wrap .big-img-box .txts em{font-size:14px}
.good-case-wrap .big-img-box .img-move-box{width:100%;height:100%;position:absolute;left:0;top:0;z-index:2}
.good-case-wrap .big-img-box .pc{width:70.3125%;height:56.4179%;background:url(../images/pc_img.png) no-repeat;background-size:100% 100%;position:absolute;left:11%;top:29%;z-index:2;padding:1.3541% 15.2083% 12.3958% 14.4791%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.good-case-wrap .big-img-box .mobile>div,.good-case-wrap .big-img-box .pc>div{width:100%;height:100%;overflow:hidden}
.good-case-wrap .big-img-box .mobile>div{border-radius:10px}
.good-case-wrap .big-img-box .innerBox{position:relative}
.good-case-wrap .big-img-box .mobile{width:26.0416%;height:51.4925%;background:url(../images/mobile_img.png) no-repeat;background-size:100% 100%;position:absolute;right:17%;top:36.567%;z-index:3;padding:.4166% 6.25% 5.4166% 5.2%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.good-case-wrap .big-img-box .mobile img{border-radius:8px}
.good-case-wrap .big-img-box .img-nav{font-size:12px;width:85%;position:absolute;left:7.2%;bottom:9%;z-index:9}
.good-case-wrap .img-nav span{display:inline-block;width:15px;margin-right:3%;position:relative;cursor:pointer;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out}
.good-case-wrap .img-nav span i{display:none;width:93%;height:1px;background-color:#355c8a;position:absolute;right:0;top:50%;z-index:2}
.good-case-wrap .img-nav span.cur{width:80%}
.good-case-wrap .img-nav span.cur i{display:block}
.good-case-wrap .big-img-box .txts-box a{display:block;width:42px;height:42px;position:absolute;right:5%;top:15%;z-index:99}
.good-case-wrap .big-img-box .txts-box a i{display:block;width:21px;height:8px;background-position:-5px -5px;position:absolute;right:10px;top:17px;z-index:2}
.good-case-wrap .big-img-box .txts-box a:hover i{-webkit-animation:enterMove .6s ease-out both infinite;-moz-animation:enterMove .6s ease-out both infinite;animation:enterMove .6s ease-out both infinite}
.good-case-wrap .small-img-box{width:100%;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}
.good-case-wrap .small-img-box a{display:block;width:25%;height:355px;position:absolute;overflow:hidden}
.good-case-wrap .small-img-box a em{display:block;width:100%;height:19.7183%; padding: 4% 13% 0 8%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position:absolute;bottom:0;left:0;z-index:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.good-case-wrap .small-img-box a em:after{content:'';display:block;width:12px;height:1px;background-color:#1d1d1d;position:absolute;right:8%;top:50%;z-index:2}
.good-case-wrap .small-img-box a.img01{left:50%;top:0}
.good-case-wrap .small-img-box a.img02{right:0;top:0}
.good-case-wrap .small-img-box a.img03{left:0;bottom:0}
.good-case-wrap .small-img-box a.img04{left:25%;bottom:0}
.good-case-wrap .small-img-box a.img05{left:50%;bottom:0}
.good-case-wrap .small-img-box a.img06{right:0;bottom:0}
.good-case-wrap .small-img-box p.img-box{width:100%;height:80.2817%;overflow:hidden}
/*.good-case-wrap .small-img-box img{-webkit-transition:all 1s cubic-bezier(0.12, 0.4, 0.57, 1.01);-o-transition:all 1s cubic-bezier(0.12, 0.4, 0.57, 1.01);-moz-transition:all 1s cubic-bezier(0.12, 0.4, 0.57, 1.01);transition:all 1s cubic-bezier(0.12, 0.4, 0.57, 1.01);}
.good-case-wrap .small-img-box a:hover img{-webkit-transform: translateY(-230px);-moz-transform:translateY(-230px);-ms-transform:translateY(-230px);transform:translateY(-230px)}*/
.total-case-info{width:50%;height:auto;background:url(../images/p5_about_bg.jpg) no-repeat center top;background-size:100% 100%;position:absolute;right:0;top:0}
.total-case-info .txts{color:#fff;font-size:16px;position:absolute;left:8%;top:18%}
.total-case-info .txts p:nth-child(2){color:#999;padding-top:5px}
.total-case-info .txts span{display:block;font-size:12px;color:#292929;margin-top:13%}
.total-case-info .years-infos{width:24%;height:100%;position:absolute;right:8%;top:0;z-index:9}
.total-case-info .years-infos .year{width:100%;height:20px;position:absolute;left:0;top:50%;margin-top:-10px;z-index:9}
.total-case-info .years-infos .year:before{content:'';display:block;width:56%;height:1px;background-color:#313131;position:absolute;left:22%;top:50%;z-index:1}
.total-case-info .circles-cont{width:60%;position:relative;left:20%;top:6%}
.total-case-info .years-infos .top{width:100%;height:auto}
.total-case-info .circles-cont .btm{position:relative}
.total-case-info .circles-cont .inner-img{width:80%;position:absolute;left:10%;top:10%;z-index:9}
.total-case-info .circles-cont .btm .outer-img{-webkit-animation:circle-rotate 8s linear both infinite;-moz-animation:circle-rotate 8s linear both infinite;animation:circle-rotate 8s linear both infinite}
.total-case-info .circles-cont .btm .inner-img{-webkit-animation:circle-rotate1 6s linear both infinite;-moz-animation:circle-rotate1 6s linear both infinite;animation:circle-rotate1 6s linear both infinite}
@-webkit-keyframes circle-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-moz-keyframes circle-rotate{0%{-moz-transform:rotate(0);transform:rotate(0)}
100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes circle-rotate{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes circle-rotate1{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}
}
@-moz-keyframes circle-rotate1{0%{-moz-transform:rotate(0);transform:rotate(0)}
100%{-moz-transform:rotate(-360deg);transform:rotate(-360deg)}
}
@keyframes circle-rotate1{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg)}
}
.total-case-info .years-infos .top{-webkit-animation:left-right-move 2s ease-out both infinite;-moz-animation:left-right-move 2s ease-out both infinite;animation:left-right-move 2s ease-out both infinite}
.total-case-info .years-infos .top img{-webkit-animation:circle-rotate 2s linear infinite;-moz-animation:circle-rotate 2s linear infinite;animation:circle-rotate 2s linear infinite}
@-webkit-keyframes left-right-move{0%,100%,50%{-webkit-transform:translateX(0);transform:translateX(0)}
25%{-webkit-transform:translateX(-10%);transform:translateX(-10%)}
75%{-webkit-transform:translateX(10%);transform:translateX(10%)}
}
@-moz-keyframes left-right-move{0%,100%,50%{-moz-transform:translateX(0);transform:translateX(0)}
25%{-moz-transform:translateX(-10%);transform:translateX(-10%)}
75%{-moz-transform:translateX(10%);transform:translateX(10%)}
}
@keyframes left-right-move{0%,100%,50%{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}
25%{-webkit-transform:translateX(-10%);-moz-transform:translateX(-10%);transform:translateX(-10%)}
75%{-webkit-transform:translateX(10%);-moz-transform:translateX(10%);transform:translateX(10%)}
}
.sdw-news-wrap{width:100%;padding:80px 0 40px;background-color:#f8f8f8}
.sdw-news-wrap .news-nav{width:100%;text-align: center;}
.sdw-news-wrap .news-nav a{display:inline-block; padding: 0 30px; color:#999;font-size:20px;position:relative}
.sdw-news-wrap .news-nav a:before{content:'';display:block;width:1px;height:26px;background-color:#a5a5a5;position:absolute;left:0;top:0;z-index:2;-webkit-transform:rotate(15deg);-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}
.sdw-news-wrap .news-nav a:first-child:before{display:none}
.sdw-news-wrap .news-nav a.cur,.sdw-news-wrap .news-nav a:hover{color:#2b2b2b}
.sdw-news-wrap .news-nav a.cur:after,.sdw-news-wrap .news-nav a:hover:after{content:'';display:block;width:62%;height:2px;background-color:#2b2b2b;position:absolute;bottom:-8px;left:50%;margin-left:-31%}
.sdw-news-wrap .news-box{margin-top:50px;height:400px;position:relative}
.sdw-news-wrap .news-box .news-cont{width:100%;position:absolute;left:0;top:0;z-index:2}
.sdw-news-wrap .news-box .first-news{width:28%}
.sdw-news-wrap .news-box .news-list{width:70%}
.sdw-news-wrap .img-box{margin-bottom:25px;height:176px;overflow: hidden;position:relative}
.sdw-news-wrap .img-box>a{display:block;width:100%;height:100%;overflow:hidden}
.sdw-news-wrap .first-news .img-link{width:90%;background-color:rgba(0,0,0,.5);position:absolute;left:5%;top:20%;z-index:9}
.sdw-news-wrap .first-news .img-link>img{width:38%}
.sdw-news-wrap .first-news .img-bg img{-webkit-transition:all .8s linear;-o-transition:all .8s linear;-moz-transition:all .8s linear;transition:all .8s linear}
.sdw-news-wrap .first-news:hover .img-bg img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.sdw-news-wrap .first-news .img-link .txts{width:62%;position:absolute;left:45%;top:12%;color:#fff}
.sdw-news-wrap .first-news .txts p{font-size:18px;padding-bottom:3px}
.sdw-news-wrap .first-news .txts i{display:block;width:26px;height:26px;border:solid 1px #fff;border-radius:50%;margin-top:6%}
.sdw-news-wrap .first-news .txts i:before{content:'';display:block;width:0;height:0;border-top:solid 6px transparent;border-bottom:solid 6px transparent;border-left:solid 6px #fff;position:relative;left:10px;top:7px;z-index:2}
.sdw-news-wrap .news-cont h4{font-weight:400;font-size:18px;color:#2b2b2b;padding:0 0 15px}
.sdw-news-wrap .news-cont h4 a{color:#2b2b2b}
.sdw-news-wrap .news-cont p.js{font-size:14px;height:66px;color:#666;line-height:22px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.sdw-news-wrap .news-cont span.time{display:block;padding-top:20px;margin-top:16px;border-top:solid 1px #e2e2e2}
.sdw-news-wrap .news-cont span.time a{display:inline-block;color:#2b2b2b;font-size:14px;padding-right:16px;margin-right:20px;position:relative}
.sdw-news-wrap .news-cont span.time a:after{content:'';display:block;width:0;height:0;border-top:solid 5px transparent;border-bottom:solid 5px transparent;border-left:solid 5px #2b2b2b;position:absolute;right:0;top:5px}
.sdw-news-wrap .news-cont span.time em{font-size:12px;padding-left:15px;border-left:solid 1px #e2e2e2;color:silver}
.sdw-news-wrap .news-infos{width:45%;margin-left:5%;margin-bottom:39px;-webkit-transition:all .5s linear;-o-transition:all .5s linear;-moz-transition:all .5s linear;transition:all .5s linear}
.sdw-news-wrap .news-infos:hover{-webkit-transform:translateX(-5px);-moz-transform:translateX(-5px);-ms-transform:translateX(-5px);transform:translateX(-5px)}
.sdw-data-wrap{width:100%;height:220px}
.sdw-data-wrap .option{width:25%;text-align:center;padding-top:60px;position:relative}
.sdw-data-wrap .option h4{font-size:20px;color:#1d1d1d;padding-bottom:20px}
.sdw-data-wrap .option p{color:#666;font-size:14px;padding-bottom:6px}
.sdw-data-wrap .option:before{content:'';display:block;width:1px;height:100px;background-color:#efefef;position:absolute;left:0;top:60px;z-index:9}
.sdw-data-wrap .option:first-child:before{display:none}
.right-liuyan-box{width:75px;height:75px;position:fixed;right:2%;bottom:6%;z-index:9998}
.right-liuyan-box>span{display:block;width:100%;height:100%;background-color:#f30000;border-radius:50%}
.right-liuyan-box .hide-status{display:block;width:29px;height:28px;background-position:-30px -5px;position:relative;left:23px;top:22px;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out}
.right-liuyan-box>span:hover i{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
.right-liuyan-box .hide-status.hide-icon{width:21px;height:21px;left:27px;top:27px;background-position:-5px -5px}
.right-liuyan-box .show-status{width:270px;border-radius:6px;position:absolute;bottom:100px;right:0;z-index:9;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:90% 108%;-moz-transform-origin:90% 108%;-ms-transform-origin:90% 108%;transform-origin:90% 108%;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out}
.right-liuyan-box .show-status.active{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.right-liuyan-box .show-status .liuyan-txts{padding:25px 20px 35px;color:#fff;background-color:#f30000;font-size:16px;border-radius:6px}
.right-liuyan-box .liuyan-txts p{font-size:20px;padding-bottom:10px}
.right-liuyan-box .liuyan-form{padding:18px 18px 26px;background-color:#fff;border-radius:6px;margin-top:-15px}
.right-liuyan-box .liuyan-form:after{content:'';display:block;width:100%;height:33px;background:url(../images/ly_icon.png) no-repeat;position:absolute;bottom:-28px;left:0;z-index:9}
.right-liuyan-box .liuyan-form>div{width:100%;height:50px;background-color:#f8f8f8;margin-bottom:15px}
.right-liuyan-box .liuyan-form input{width:100%;height:50px;padding:0 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.right-liuyan-box .liuyan-form a{display:block;width:100%;height:50px;line-height:50px;text-align:center;color:#fff;font-size:16px;background-color:#1d1d1d;border-radius:4px}
.good-left-cont,.sdw-business{-webkit-transform:translateX(30px);-moz-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px);opacity:0}
.good-cen-cont,.sdw-intro{-webkit-transform:translateX(-30px);-moz-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px);opacity:0}
.sdw-todo-wrap .sdw-todo-box{-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0}
.sdw-todo-wrap .sdw-todo-nav{-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);opacity:0}
.case-title,.news-nav{-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0}
.case-cont,.news-box{-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);opacity:0}
.good-website-wrap.active .good-cen-cont,.good-website-wrap.active .good-left-cont,.sdw-about.active .sdw-business,.sdw-about.active .sdw-intro{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:all .8s ease-out;-o-transition:all .8s ease-out;-moz-transition:all .8s ease-out;transition:all .8s ease-out;opacity:1}
.good-case-wrap.active .case-cont,.good-case-wrap.active .case-title,.sdw-news-wrap.active .news-box,.sdw-news-wrap.active .news-nav,.sdw-todo-wrap.active .sdw-todo-box,.sdw-todo-wrap.active .sdw-todo-nav{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:all .8s ease-out;-o-transition:all .8s ease-out;-moz-transition:all .8s ease-out;transition:all .8s ease-out;opacity:1}




.fl {
    float: left;
}
.cf {
    zoom: 1;
}
@media only screen and (min-width: 1680px)
.width1200 {
    width: 1680px;
}
.width1200 {
    width: 1680px;
    margin: 0 auto;
    position: relative;
}.fr {
    float: right;
}

/*hover动画*/
.hover-animation, .hover-animation em { -webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out; position: relative; }
.hover-animation em { display: block; width: 0; height: 100%; background-color: #f30000; position: absolute; left: 0; top: 0; z-index: 1; }
.hover-animation span { position: relative; z-index: 2; font-size: 16px; }
.hover-animation:hover em { width: 100%; }






/*底部样式*/@media screen and (max-width: 1600px) {	.sdw-todo-nav .option .list span{ width: 90%;    margin: 0 auto; float: none;}    .sdw-todo-nav .option .list{ padding-top: 20px;}		}