@charset "utf-8";

.SSS_0{height:380px;}
.SSS_0 .tab{width:550px;left:240px;top:120px;position: absolute;}
.SSS_0 .tab .t0{height:40px;line-height: 40px;font-size: 18px;padding:0 0 19px 0;}
.SSS_0 .tab .t0 span{color:#0e0e0f;}
.SSS_0 .tab li{padding:0 0 20px 0 ;}
.SSS_0 .tab .i0{width:172px;height:34px;border:1px solid #a0a0a0;margin:0 10px  0 0;padding:2px 6px;background:#fff url(/skin/img/icon_29.jpg) 95% center no-repeat;}
.SSS_0 .tab .i1{width:250px;height:32px;border:1px solid #a0a0a0;margin:0 10px  0 0;padding:2px 6px;}
.SSS_0 .tab .i2{width:250px;height:32px;border:1px solid #a0a0a0;margin:0 10px  0 0;padding:2px 6px;}
.SSS_0 .tab .i3{margin-top: 10px; background:#0a6657;color:#fefefe;border:0;width:210px;height:40px;border-radius: 2px; box-shadow:2px 2px 5px #9b9b9b;}
.SSS_0 .design_list{background:#fcfcfc;box-shadow:0 0 8px #ddd;position: absolute;right:0;top:10px;width:350px;height:363px;}
.SSS_0 .design_list h5{text-align: center;height:50px;line-height: 50px;font-size:15px;font-weight: normal;width:82%;margin:0 auto;border-bottom:1px dashed #bababa;}
.SSS_0 .design_list h5 span{color:#0e0e0f;padding:0 5px;}
.SSS_0 .design_list .li{width:85%;margin:0 auto;height:60px;position:relative;font-size:13px;}
.SSS_0 .design_list .li b{color:#0e0e0f;font-size:20px;width:20px;height:60px;line-height: 45px;display: inline-block;}
.SSS_0 .design_list .li .time{color:#444;display: inline-block;width:45%;position: absolute;left:15px;top:15px;}
.SSS_0 .design_list .li .isok{color:#999;display: inline-block;width:45%;position: absolute;left:15px;top:35px;}
.SSS_0 .design_list .li .name{color:#222;display: inline-block;position: absolute;right:0;top:25px;}
.SSS_0 .design_list #S_SCR{width:310px;height:270px;overflow: hidden;margin:25px auto 0 auto;}
.SSS_0 .line{background:#a0a0a0;height:1px;width:780px;bottom:0;left:0;}
.SSS_0 .p0{position: absolute;left:0;top:52px;}
@media screen and (max-width:600px)
{
    .SSS_0{height:auto;}
    .SSS_0 .tab{width:92%;left:inherit;top:inherit;position: inherit;margin:0 auto;padding:6% 0;}
    .SSS_0 .tab .t0{height:40px;line-height: 50px;font-size: 18px;padding:0 0 19px 0;text-align: center;}
    .SSS_0 .tab .t0 span{color:#0e0e0f;}
    .SSS_0 .tab li{padding:0 0 2% 0 ;}
    .SSS_0 .tab .i0{width:31%;height:34px;border:1px solid #a0a0a0;margin:0 2% 0 0;padding:2px 2%;background:#fff url(/skin/img/icon_29.jpg) 95% center no-repeat;}
    .SSS_0 .tab .i1{width:95%;height:32px;border:1px solid #a0a0a0;margin:0 0 2% 0;padding:2px 2%;}
    .SSS_0 .tab .i2{width:95%;height:32px;border:1px solid #a0a0a0;margin:0 10px  0 0;padding:2px 2%;}
    .SSS_0 .tab .i3{color:#fefefe;border:0;height:40px;}
    .SSS_0 .design_list{background:#fcfcfc;padding:12px 0;box-shadow:0 0 8px #ddd;position: inherit;right:inherit;top:inherit;width:100%;height:363px;}
    .SSS_0 .design_list h5{text-align: center;height:50px;line-height: 50px;font-size:15px;font-weight: normal;width:82%;margin:0 auto;border-bottom:1px dashed #bababa;}
    .SSS_0 .design_list h5 span{color:#0e0e0f;padding:0 5px;}
    .SSS_0 .design_list .li{width:85%;margin:0 auto;height:60px;position:relative;font-size:13px;}
    .SSS_0 .design_list .li b{color:#0e0e0f;font-size:20px;width:20px;height:60px;line-height: 45px;display: inline-block;}
    .SSS_0 .design_list .li .time{color:#444;display: inline-block;width:45%;position: absolute;left:15px;top:15px;}
    .SSS_0 .design_list .li .isok{color:#999;display: inline-block;width:45%;position: absolute;left:15px;top:35px;}
    .SSS_0 .design_list .li .name{color:#222;display: inline-block;position: absolute;right:0;top:25px;}
    .SSS_0 .design_list #S_SCR{width:310px;height:270px;overflow: hidden;margin:25px auto 0 auto;}
    .SSS_0 .line{background:#a0a0a0;height:1px;width:100%;bottom:0;left:0;}
    .SSS_0 .p0{position: absolute;left:0;top:52px;display: none;}
}

.SSS_1{background:url(/skin/img/service_bg0.jpg) center no-repeat;height:418px;margin:50px 0;}
@media screen and (max-width:600px)
{
    .SSS_1{background:#fafafa;background-size:contain;height:inherit;margin:0 auto;padding:20px 0;text-align: center;}
    .SSS_1 img{width:95%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:25px 0;}
}

.SSS_2{background:url(/skin/img/service_bg1.jpg) center no-repeat;height:740px;}
.SSS_2 h2{text-align: center;position: relative;top:60px;}
.SSS_2 h2 .cn{display: block;font-size:26px;font-weight: normal;height:35px;line-height: 35px;color:#fefefe;}
.SSS_2 h2 .en{display: inline-block;padding:0 15px;height:30px;line-height: 30px;font-size:14px;font-weight: normal;letter-spacing: 1px;position: relative;z-index: 1;color:#fafafa;}
.SSS_2 h2 .lll{width:12%;position: absolute;left:30%;top:50px;height:1px;background:#f4f4f4;}
.SSS_2 h2 .rrr{width:12%;position: absolute;right:30%;top:50px;height:1px;background:#f4f4f4;}
.SSS_2 form{width:1200px;margin:0 auto;background:#fff;position: relative;top:90px;height:462px;}
.SSS_2 form h3{width:800px;font-size:27px;margin:0 auto;padding:62px  5% 7px 5%;color:#444;}
.SSS_2 form h4{width:800px;font-size:12px;margin:0 auto;padding:0  66px 15px 66px;border-bottom:1px dashed #a0a0a0;color:#aaa;}
.SSS_2 form .sign{position: absolute;left:180px;top:178px;}
.SSS_2 form .sign .l0{width:278px;border:1px solid #bcbcbc;height:40px;overflow: hidden;margin:0 0 21px 0;}
.SSS_2 form .sign .l0 span{background: url(/skin/img/icon_24.gif) center no-repeat;height:40px;width:41px;display: inline-block;float:left;border-right: 1px solid #bcbcbc;}
.SSS_2 form .sign .l0 input{width:220px;border:0;height:40px;padding:0;padding:0 0 0 10px;}
.SSS_2 form .sign .l1{width:278px;border:1px solid #bcbcbc;height:40px;overflow: hidden;margin:0 0 21px 0;}
.SSS_2 form .sign .l1 span{background: url(/skin/img/icon_25.gif) center no-repeat;height:40px;width:41px;display: inline-block;float:left;border-right: 1px solid #bcbcbc;}
.SSS_2 form .sign .l1 input{width:220px;border:0;height:40px;padding:0;padding:0 0 0 10px;}
.SSS_2 form .sign .l2{width:278px;border:1px solid #bcbcbc;height:40px;overflow: hidden;margin:0 0 21px 0;position: relative;}
.SSS_2 form .sign .l2 span{background: url(/skin/img/icon_26.gif) center no-repeat;height:40px;width:41px;display: inline-block;float:left;border-right: 1px solid #bcbcbc;}
.SSS_2 form .sign .l2 input{width:220px;border:0;height:40px;padding:0;padding:0 0 0 10px;}
.SSS_2 form .sign .l2 .yzm{position: absolute;right:2px;top:2px;}
.SSS_2 form .sign .l3 input{width:120px;border:0;height:40px;padding:0;background:#0e0e0f;color:#fefefe;font-size:15px;letter-spacing: 2px;}
.SSS_2 form .p0{position: absolute;left:550px;top:178px;}
.SSS_2 form .downloadlist ul{width:920px;margin:40px auto;}
.SSS_2 form .downloadlist ul a{display: inline-block;height:34px;line-height: 34px;width:30%;font-size:14px;margin:0 3% 19px 0;background:url(/skin/img/icon_53.png) 97% center no-repeat / 8%;}
.SSS_2 form .downloadlist ul a:hover{outline:1px solid #ddd;}
.SSS_2 .exit{position: absolute;right:40px;top:40px;font-size:14px;}
@media screen and (max-width:600px)
{
    .SSS_2{background:url(/skin/img/service_bg1.jpg) center no-repeat;height:740px;}
    .SSS_2 h2{text-align: center;position: relative;top:60px;}
    .SSS_2 h2 .cn{display: block;font-size:24px;font-weight: normal;height:35px;line-height: 35px;color:#fefefe;}
    .SSS_2 h2 .en{display: inline-block;padding:0 15px;height:30px;line-height: 30px;font-size:14px;font-weight: normal;letter-spacing: 1px;position: relative;z-index: 1;color:#fafafa;}
    .SSS_2 h2 .lll{width:15%;position: absolute;left:10%;top:50px;height:1px;background:#f4f4f4;}
    .SSS_2 h2 .rrr{width:15%;position: absolute;right:10%;top:50px;height:1px;background:#f4f4f4;}
    .SSS_2 form{width:100%;margin:0 auto;background:#fff;position: relative;top:93px;height:auto;padding:0 0 50px 0;}
    .SSS_2 form h3{width:100%;font-size:27px;margin:0 auto;padding:32px  5% 7px 5%;color:#444;}
    .SSS_2 form h4{width:100%;font-size:12px;margin:0 auto;padding:0  5% 15px 5%;border-bottom:1px dashed #a0a0a0;color:#aaa;}
    .SSS_2 form .sign{position: relative;left:inherit;top:15px;width:90%;margin:0 auto;}
    .SSS_2 form .sign .l0{width:100%;border:1px solid #bcbcbc;height:40px;overflow: hidden;margin:0 0 11px 0;}
    .SSS_2 form .sign .l0 span{background: url(/skin/img/icon_24.gif) center no-repeat;height:40px;width:41px;display: inline-block;float:left;border-right: 1px solid #bcbcbc;}
    .SSS_2 form .sign .l0 input{width:220px;border:0;height:40px;padding:0;padding:0 0 0 10px;}
    .SSS_2 form .sign .l1{width:100%;border:1px solid #bcbcbc;height:40px;overflow: hidden;margin:0 0 11px 0;}
    .SSS_2 form .sign .l1 span{background: url(/skin/img/icon_25.gif) center no-repeat;height:40px;width:41px;display: inline-block;float:left;border-right: 1px solid #bcbcbc;}
    .SSS_2 form .sign .l1 input{width:220px;border:0;height:40px;padding:0;padding:0 0 0 10px;}
    .SSS_2 form .sign .l2{width:100%;border:1px solid #bcbcbc;height:40px;overflow: hidden;margin:0 0 11px 0;position: relative;}
    .SSS_2 form .sign .l2 span{background: url(/skin/img/icon_26.gif) center no-repeat;height:40px;width:41px;display: inline-block;float:left;border-right: 1px solid #bcbcbc;}
    .SSS_2 form .sign .l2 input{width:220px;border:0;height:40px;padding:0;padding:0 0 0 10px;}
    .SSS_2 form .sign .l2 .yzm{position: absolute;right:2px;top:2px;}
    .SSS_2 form .sign .l3 input{width:120px;border:0;height:40px;padding:0;background: #0a6657;margin-top: 10px;border-radius: 5px;box-shadow: 2px 2px 5px #bbbbbb;color:#fefefe;font-size:15px;letter-spacing: 2px;}
    .SSS_2 form .p0{position: absolute;left:550px;top:178px;}
    .SSS_2 form .downloadlist ul{width:920px;margin:40px auto;}
    .SSS_2 form .downloadlist ul a{display: inline-block;height:34px;line-height: 34px;width:30%;font-size:14px;margin:0 3% 19px 0;background:url(/skin/img/icon_53.png) 97% center no-repeat / 8%;}
    .SSS_2 form .downloadlist ul a:hover{outline:1px solid #ddd;}
    .SSS_2 .exit{position: absolute;right:40px;top:40px;font-size:14px;}
}

.SSS_3 {padding:80px 0 0 0;}
.SSS_3 .ww0{height:210px;position: relative;}
.SSS_3 .ww0 .line{left:50%;width:1px;height:160px;top:10px;background:#ddd;position: absolute;}
.SSS_3 .ww0 li.l{width:44%;display: block;float:left;}
.SSS_3 .ww0 li.r{width:44%;display: block;float:right;}
.SSS_3 .ww0 li .i{height:50px;}
.SSS_3 .ww0 li .i img{float:left;}
.SSS_3 .ww0 li .i .cn{float:left;display: block;width:78%;padding:0 0 0 3%;font-size:16px;}
.SSS_3 .ww0 li .i .en{float:left;display: block;width:78%;padding:0 0 0 3%;font-size:13px;letter-spacing: 1px;}
.SSS_3 .ww0 li .c{width:100%;line-height: 31px;font-size:15px;color:#666;}
.SSS_3 .ww1{padding:22px 0;height:180px;}
.SSS_3 .ww1 li{display: inline-block;width:290px;overflow: hidden;float:left;margin:0 13.3px 0 0;}
.SSS_3 .ww1 li p{height:33px;line-height: 33px;text-align: center;font-size:15px;color:#555;}
.SSS_3 .ww1 li.nomargin{margin:0 0 0 0;}
.SSS_3 .list{margin:50px auto 50px auto;border:1px dotted  #ddd;}
.SSS_3 .list .box_t{background:#eee;height:50px;}
.SSS_3 .list .box_t span{margin:0;display: inline-block;height:auto;width:20%;float: left;text-align: center;line-height: 50px;outline: 1px solid #eee;color:#555;font-size:15px;}
.SSS_3 .list .box span{margin:0 0 1px 0;;height:auto;width:20%;text-align: center;;line-height: 50px;color:#555;font-size:15px;display:table-cell;float: left;vertical-align: text-top;}
.SSS_3 .list .box span.b4 a{display: inline-block;width:70px;height:30px;line-height: 30px;border-radius: 4px;background:#0a6657;color:#eee;}
.SSS_3 .list .box span.b4 a .send_{position: absolute;left:0;top:0;width:0%;height:100%;line-height: 50px;background:#0a6657;font-size: 13px;overflow: hidden;}
.SSS_3 .list .box span.b4:hover .send_{width: 100%;}
.SSS_3 .list .box {border-bottom:1px dotted #ddd; display: block;overflow: auto;}
.SSS_3 .list span.b0{width:18%;}
.SSS_3 .list .box span.b1{width:55%;text-align: left;line-height: 30px;padding:1%}
.SSS_3 .list .box_t span.b1{width:55%;padding:0 1%}
.SSS_3 .list span.b2{width:15%}
.SSS_3 .list span.b4{width:25%;}

@media screen and (max-width:600px)
{
    .SSS_3 {padding:30px 0 0 0;background:#fff;}
    .SSS_3 .ww0{height:auto;position: relative;width:92%;margin:0 auto;}
    .SSS_3 .ww0 .line{left:50%;width:1px;height:160px;top:inherit;background:#ddd;position: inherit;display: none;}
    .SSS_3 .ww0 li.l{width:100%;display: block;float:none;}
    .SSS_3 .ww0 li.r{width:100%;display: block;float:none;}
    .SSS_3 .ww0 li .i{height:30px;}
    .SSS_3 .ww0 li .i img{float:left;height:20px;width:auto;}
    .SSS_3 .ww0 li .i .cn{float:left;display: block;width:78%;padding:0 0 0 3%;font-size:16px;}
    .SSS_3 .ww0 li .i .en{float:left;display: block;width:78%;padding:0 0 0 3%;font-size:13px;letter-spacing: 1px;display: none;}
    .SSS_3 .ww0 li .c{width:100%;line-height: 28px;font-size:13px;color:#666;margin: 0 0 25px 0;}
    .SSS_3 .ww1{padding:12px 0;height:auto;}
    .SSS_3 .ww1 li{display: inline-block;width:50%;overflow: hidden;float:left;margin:0 0 0 0;}
    .SSS_3 .ww1 li p{height:43px;line-height: 33px;text-align: center;font-size:15px;color:#555;}
    .SSS_3 .ww1 li.nomargin{margin:0 0 0 0;}
    .SSS_3 .list{margin:20px auto 50px auto;border:1px dotted  #ddd;}
    .SSS_3 .list .box_t{background:#eee;height:50px;font-weight: 800;}
    .SSS_3 .list .box_t span{margin:0;display: inline-block;height:auto;width:20%;float: left;text-align: center;line-height: 50px;outline: 1px solid #eee;color:#555;font-size:15px;}
    .SSS_3 .list .box span{margin:0 0 1px 0;;height:auto;width:20%;text-align: center;;line-height: 50px;color:#555;font-size:13px;display:table-cell;float: left;vertical-align: text-top;}
    .SSS_3 .list .box span.b4 a{display: inline-block;width:70px;line-height: 30px;border-radius: 4px;background:#0a6657;color:#eee;}
    .SSS_3 .list .box span.b4 a .send_{position: absolute;left:0;top:0;width:0%;height:150px;line-height: 50px;background:#0a6657;font-size: 13px;overflow: hidden;}
    .SSS_3 .list .box span.b4:hover .send_{width: 100%;}
    .SSS_3 .list .box {border-bottom:1px dotted #ddd;1}
    .SSS_3 .list span.b0{width:18%;    font-weight: 800;}
    .SSS_3 .list .box span.b1{width:55%;text-align: left;line-height: 30px;padding:1%}
    .SSS_3 .list .box_t span.b1{width:55%;padding:0 1%}
    .SSS_3 .list span.b2{width:15%}
    .SSS_3 .list span.b4{width:25%;}

}
li {
    list-style: none;
}











