/*================ Partners ================*/.s_banner .main {max-width:1200px;width:100%;margin:0 auto;position:relative;} .s_banner .pc-pic {width:1920px;position:relative;left:50%;margin-left:-960px;z-index:-1;} .s_banner .m-pic {display:none;} .s_banner span {position:absolute;top:0;left:3%;padding:20px 0;} @media screen and (max-width:768px) {.s_banner img {width:100%;} .s_banner span {display:none;} .s_banner .pc-pic {display:none;} .s_banner .m-pic {display:block;} } /*===s_banner===*/.s_Channel .main {max-width:1200px;width:100%;margin:0 auto;position:relative;} .s_Channel {margin-bottom:35px;} .s_Channel .feature li a {color:#333;} .s_Channel .feature {text-align:center;padding-top:6%;padding-bottom:3.5%;} .s_Channel .product-licensing-list{margin-right:-3%;} .s_Channel .product-licensing-list li{height:152px;width:46.7%;margin-right:3%;border:1px solid #e0e0e0;} .s_Channel .product-licensing-right{height:152px;background:#fff;} .s_Channel .product-licensing-right p{left:10%;} .s_Channel .product-licensing-left{top:50%;margin-top:-6%;} @media screen and (max-width:768px){ .s_Channel .product-licensing-list{margin-right:0;} .s_Channel .product-licensing-list li{float:none;margin:3% auto;width:96%;height:130px;} .s_Channel .product-licensing-right p{top:30%;} .s_Channel .product-licensing-right{height:128px;} } /**修**/ .s_Channel .tit {font-size:32px;color:#303030;font-weight:normal;margin-bottom:32px;} /****/ .s_Channel .feature li {width:45%;padding:46px 20px;text-align:center;border:1px solid #ccc;margin-left:-1px;font-size:18px;color:#333;} .s_Channel .feature li img {margin-right:15%;} @media screen and (max-width:968px) {.s_Channel h3 {font-size:35px;} .s_Channel .feature li {float:none;width:85%;margin:2.5%;} .Channel .feature li a {width:100%;display:block} .s_Channel .feature li img {margin-right:9%;} } /*===s_Channel===*/.More_box.main {max-width:1200px;width:100%;margin:0 auto 60px;position:relative;} .More_box {margin-bottom:5%;} .More_box img {position:relative;width:1200px;left:50%;margin-left:-600px;z-index:-1} .More_box .mask {position:absolute;top:50%;left:50%;width:880px;height:238px;padding-top:40px;margin-top:-139px;margin-left:-440px;} .More_box .opacity_fff {position:absolute;top:50%;left:50%;width:880px;height:238px;padding-top:40px;margin-top:-139px;margin-left:-440px;background-color:#fff;opacity:0.9;filter:alpha(opacity=90);z-index:-1;} .More_box .z_index {z-index:0;} .More_box .feature {padding:0;} .More_box h3 {margin:0;} /**修**/ .More_box .text {font-size:18px;} /****/ .More_box .more {display:inline-block;height:46px;width:215px;line-height:46px;text-align:center;font-size:16px;color:#fff;border-radius:30px;-webkit-border-radius:30px;-o-border-radius:30px;-moz-border-radius:30px;background:#ec5735 url("../images/btn_bg.jpg") left top repeat-y;} @media screen and (max-width:768px) { .More_box .mask {width:98%;height:260px;margin-top:-150px;margin-left:0;left:0;} .More_box .opacity_fff {width:600px;height:260px;margin-top:-150px;margin-left:-300px;} .More_box .feature .text {display:block;font-size:14px;} .More_box.main{overflow:hidden;} } /*===More_box===*/.tools .main {max-width:1200px;width:100%;margin:0 auto;position:relative;} .tools {margin-bottom:80px;height:580px;background-image:url(../images/s_tools.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;} .tools .tit {color:#fff;} .tools .feature {padding-top:10%;} /**修**/ .tools .text {color:#fff;font-size:18px;letter-spacing:1px;} /****/ .tools .more {height:42px;line-height:42px;border:1px solid #fff;background:none;} @media screen and (max-width:768px) {.tools {height:405px;background-image:url(../images/s_tools_i.jpg);} .tools .text {display:block;} } /*===tools===*//*================ Products ================*/ .s_Products .banner-slider .bd ul li .cont{top:16%;} .s_Products {position:relative;} .s_Products .home {position:absolute;top:0;left:6%;z-index:2;color:#000;padding:20px 0;} .s_Products .home a {color:#000;} .s_Products .banner-slider .bd ul li .pic{width:100%;display:block;overflow:hidden;height:auto;} .s_Products .banner-slider .bd ul li .pic .pc-pic111{display:inline-block;position:relative;left:50%;width:1920px;margin-left:-960px;overflow: hidden;} .s_Products .banner-slider .bd ul li .pic .m-pic {display:none;} .s_Products .banner-slider .hd {bottom:20px;} .s_Products .banner-slider .bd ul li .cont .tit {color:#fff;margin-bottom:30px;font-size:42px;} .s_Products .banner-slider .bd ul li .cont .text {margin-bottom:10px;font-size:22px;color:#fff;} .s_Products .text_sub {color:#fff;font-size:16px;margin-bottom:20px;} .s_Products .banner-slider .bd ul li .cont .know-more {width:170px;line-height:40px;background:none;border:1px solid #fff;border-radius:56px;padding:0;} @media screen and (max-width:768px) {.s_Products .banner-slider .bd ul li .cont {width:70%;top:15%;} .s_Products .banner-slider .bd ul li .cont .tit {font-size:20px; margin-bottom: 12px;} .s_Products .banner-slider .bd ul li .cont .text {margin-bottom:5px;font-size:16px;} .s_Products .text_sub {font-size:14px;margin-bottom:10px;} .s_Products .banner-slider .bd ul li .pic .pc-pic {display:none;} .s_Products .banner-slider .bd ul li .pic .m-pic {display:block;width:100%;height:auto;} .s_Products .hd {display:none;} .s_Products .banner-slider .bd ul li .cont .know-more{width:110px;height:32px;line-height:32px;} } /*===s_Products===*/ .s_search .pro-search {width:100%;background:#f2f2f2;padding:20px 0;} .s_search .pro-search .search {overflow:hidden;width:50%;height:40px;margin:0 auto;position:relative;border-radius:4px;} .1s_search .search input[type="text"] {border:1px solid #e0e0e0;border-radius:4px 0 0 4px;outline:none;font-size:16px;color:#1a1a1a;line-height:40px;padding-left:1%;width:70%;height:38px;display:inline-block;} .1s_search .search input[type="button"] {color:#fff;background-color:#e10032;border-radius:0 4px 4px 0;outline:none;font-size:18px;height:42px;text-align:center;width:20%;display:inline-block;border:none;overflow:hidden;position:absolute;top:0;right:9%;} .s_search .search input[type="text"]{line-height:42px;outline:none;text-indent:10px;position:absolute;top:0;left:0;height:100%;width:80%;border:0;} .s_search .search input[type="button"]{color:#fff;background:#e10032;position:absolute;top:0;right:0;height:100%;width:20%;border:0;border-radius:0;} .s_search .products {padding-top:60px;} .s_search .products .hd {margin-bottom:40px;} .s_search .products .hd li {margin-right:64px;float:left;} .s_search .products .hd li.all {padding-left:0;} .s_search .products .hd li a {font-size:18px;color:#1a1a1a;display:block;padding:10px 0; border-bottom: 2px solid #fff;} .s_search .products .hd li.on a {color:#e10032;border-bottom:2px solid #db0030;} .s_search .products .bd .con {float:left;height:328px;margin-bottom:40px;margin-right:4%;} .s_search .products .bd .con li a {display:block;font-size:16px;color:#1a1a1a;line-height:32px;} .s_search .products .bd .con li a.on{color:#e10032;} .s_search .products .bd .con li.top a {font-size:22px;color:#e10032;vertical-align:middle;margin-bottom:10px;display:block;} .sa-p-hj-close{display:none;} @media screen and (max-width:768px) {.s_search .products {padding:0 15px;position:relative;} .s_search .products .hd li.all {display:none;} .s_search .products .hd li {width:100%;padding:0;border-bottom:1px solid #e5e5e5;background:none;} .s_search .products .hd li a {font-size:18px;text-align:left;line-height:45px;height:45px;color:#1a1a1a;background:url(../images/into.png) no-repeat right center;background-size: 3%;} .s_search .products .bd {overflow:hidden;display:none;padding:20px 0 20px 20px;box-sizing:border-box;position:absolute;right:-73%;top:0;height:auto;width:70%;background:#e0e0e0;z-index:2;} .s_search .pro-search .search {width:96%;} .s_search .search input[type="button"]{font-size:14px;} .s_search .products .bd .con{display:none;width:100%;height:auto;} .sa-p-hj-close{display:block;position:absolute;top:4px;right:4px;} .sa-p-hj-close img{width:24px;height:24px;} } .conbox .con>ul>li{padding:4px 0;border-bottom:1px solid #fff;} /*===s_search===*/ /*================ Service ================*/.Service_banner .main {position:relative;} .Service_banner .home {position:absolute;top:0;left:6%;color:#333;padding:20px 0;} .Service_banner .p_pic {position:relative;width:1920px;left:50%;margin-left:-960px;z-index:-1;} .Service_banner .m_pic {display:none;} @media screen and (max-width:768px) {.Service_banner .home {display:none;} .Service_banner .p_pic {display:none;} .Service_banner .m_pic {display:block;width:100%;} } /*===Service_banner===*/.pro-top.s_por {background:#fff;width:100%;} .s_por ul {width:100%;max-width:1200px;margin:0 auto;} .s_por ul li {float:left;width:33.2%;border-right:1px solid #f7f7f7;} .s_por ul li.s_por_list_last{border-right:none;} .s_por ul li a {display:block;width:40%;padding:25px 0;margin:0 auto;text-align:center;vertical-align:middle;font-size:22px;color:#666;} .s_por ul li img {float:left;} .s_por ul li p {float:right;text-align:left;} .s_por_one_p {margin-top:5px;} @media screen and (max-width:1280px) {.s_por ul li a {width:145px;} } @media screen and (max-width:768px) { .s_por ul li {float:none;width:100%;border-bottom:1px solid #eee;} .s_por ul li:nth-child(3) {border-bottom:none;} .s_por ul li a {width:160px;position:relative;} .s_por ul li p {position:absolute;top:20px;left:60px;text-align:left;} } /*===s_por===*/ .s_Technical {padding-top:60px;padding-bottom:60px;background:#f7f7f7;} .s_Technical h2 {font-size:28px;font-weight:normal;color:#333;text-align:center;} .s_Technical ul {width:90%;margin:40px auto 0;} .s_Technical ul li {float:left;width:32.333%;margin-bottom:1%;background:#fff;padding:4% 0;margin-right:1%;} .s_Technical ul li div {width:80%;margin:0 auto;font-size:20px;color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .s_Technical ul li img {margin-right:3%;height:50px;} @media screen and (max-width:1280px) { } @media screen and (max-width:768px) { .s_Technical ul{width:100%;} .s_Technical ul li {width:98%;margin:1% auto;float:none;} } /*===s_Technical===*/ .s_Service {margin-top:60px;} .s_Service h2 {font-size:28px;font-weight:normal;color:#333;text-align:center;} .s_Service ul {margin-top:40px;} .s_Service ul li {position:relative;width:49%;font-size:24px;color:#333;} .s_Service ul li .Service_bj {width:100%;} .s_Service ul li .p_pic {position:absolute;top:24%;left:13%;} .s_Service ul li .s_more {position:absolute;bottom:7%;right:3%;font-size:16px;color:#e10032;padding-right:18px;} .s_Service ul li .s_Service_des {position:absolute;top:38%;left:40%;} @media screen and (max-width:768px) { .s_Service{margin-top:40px;} .s_Service ul li{width:100%;margin-bottom:2%;} .s_Service ul li .p_pic{width:60px;top:26%;} .s_Service ul li .s_Service_des {font-size: 20px;} } /*===s_Tools===*/ .s_Tools {margin-top:60px;margin-bottom:80px;} .s_Tools h2 {font-size:28px;font-weight:normal;color:#333;text-align:center;} .s_Tools ul {margin-top:50px;} .s_Tools ul li img {float:left;margin-right:40px;margin-top:30px;} .s_Tools ul li .explain {float:right;width:410px;} .s_Tools ul li .explain .tit {font-size:24px;color:#333;margin-bottom:10px;} .s_Tools ul li .explain .text {font-size:18px;color:#b4b4b4;margin-bottom:10px;} .s_Tools ul li .explain span {font-size:16px;color:#e10032;padding-right:18px;} @media screen and (max-width:1280px) { .s_Tools ul {width:95%;margin:40px auto 0;} .s_Tools ul li {width:48%;} .s_Tools ul li img {margin-right:0%;margin-top:0%;} .s_Tools ul li .explain {width:80%;} } @media screen and (max-width:800px) { /*.s_Tools .s_Tools_p {display:none;} .s_Tools .s_Tools_m {display:block;}*/ .s_Tools ul li {float:none;width:100%;margin-bottom:80px;position:relative;} .s_Tools ul li img {float:none;position:absolute;top:1%;left:10%;} .s_Tools ul li .explain {margin:0 auto;float:none;width:100%;} .s_Tools ul li .explain .tit {float:none;width:63%;margin-bottom:0;margin-left:37%;font-size:20px;} .s_Tools ul li .text {text-align:center;width:100%;margin:30px auto 0;font-size:18px;color:#b4b4b4;} .s_Tools ul li a {display:block;width:110px;margin:15px auto;font-size:16px;color:#e10032;padding-right:18px;} .s_Tools {margin-bottom:0;} .s_Tools ul li .explain .text{font-size:16px;} } /**------------Trainings---------------**/ .sa-trainings .sa-trainings-img{width:100%;display:block;overflow:hidden;height:auto;} .sa-trainings .sa-trainings-img img.pc-pic{display:inline-block;position:relative;left:50%;width:1920px;margin-left:-960px;overflow: hidden;} .sa-trainings-img img.m-pic{display:none;width:100%;} .sa-eng-bread-wrap{position:relative;width:1170px;margin:0 auto;margin-top:70px;} .sa-eng-bread-wrap .sa-eng-bread{} .sa-eng-bread{padding:20px 0;position:relative;} .sa-eng-bread a{color:#333;text-decoration:underline;} .sa-eng-bread .on{color:#e10032;text-decoration:none;} .sa-trainings-content{padding:0 10px;margin:20px auto;} .sa-trainings-content .sa-title{font-size:28px;color:#333;font-weight:normal;text-align:center;margin-bottom:20px;} .sa-trainings-content .sa-text{color:#666;font-size:16px;line-height:1.7;} .sa-trainings-content .sa-img {margin:40px 0;position:relative;} /**修**/ .sa-trainings-content .sa-img .img-z{margin:0 auto;width:45%;} .sa-trainings-content .sa-img .img-z img{width:100%;display:block;} .sa-trainings-content .sa-img .img-l{position:absolute;top:13%;left:1%;width:41%;} .sa-trainings-content .sa-img .img-r{position:absolute;top:21%;right:1%;width:39%;} .sa-trainings-content .sa-img .img-l img{width:100%;display:block;} .sa-trainings-content .sa-img .img-r img{width:100%;display:block;} .sa-trainings-content .sa-img .sa-trainings-link{position:absolute;top:23%;left:6%;} .sa-trainings-content .sa-img .sa-trainings-link li{list-style-type: disc;color:#333;line-height:1.7;font-size: 18px;} .sa-trainings-content .sa-img .sa-trainings-link li a{color:#333;} .sa-trainings-content .sa-img .sa-trainings-link li a:hover{color:#e10032;} .sa-trainings-x-01{position:absolute;font-size: 20px;top:2%;left:1%;color:#333;width:25%;} .sa-trainings-x-02{position:absolute;font-size: 20px;top:4%;right:9%;color:#333;width:25%;} .sa-trainings-x-03{position:absolute;font-size: 16px;bottom:19%;left:5%;color:#333;width:20%;} .sa-trainings-x-04{position:absolute;font-size: 16px;bottom:50%;right:9%;color:#333;width:20%;} .sa-trainings-x-02 a{color:#333;} .sa-trainings-x-02 a:hover{color:#e10032;} /****/ .sa-trainings-middle{width:100%;position:relative;} .sa-trainings-middle-img .pc-pic{ position: relative;width: 1800px;left: 50%;margin-left: -900px;} .sa-trainings-middle-img img{width:100%;} .sa-trainings-middle-img .m-pic{display:none;} .sa-trainings-reg{position:absolute;top:0;left:0;width:100%;text-align:center;} .sa-trainings-reg h3{font-weight:normal;font-size:36px;color:#fff;padding:90px 0 30px;} .sa-trainings-reg p{font-size:20px;color:#fff;margin-bottom:30px;} .sa-trainings-reg a{ display: inline-block; padding: 10px 0; width: 200px; text-align: center; font-size: 1.285em; color: #fff; border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px; -moz-border-radius: 30px; background: #ec5735 url("../images/btn_bg.jpg") left top repeat-y; } .sa-trainings-last{margin-bottom:80px;} .sa-trainings-last-item{width:49%;margin:60px auto;position:relative;} .sa-trainings-last-item img{width:100%;} .sa-trainings-last-item>h2{color:#333;font-weight:normal;font-size:28px;margin:30px 0;} .sa-trainings-last-item ul{position:absolute;top:130px;left:40px;z-index:1;} .sa-trainings-last-item ul li{color:#666;font-size:20px;line-height:1.9;} @media screen and (max-width: 1200px){ .sa-eng-bread-wrap{width:94%;} .sa-trainings-x-01{width:32%;} .sa-trainings-x-02{width:32%;} } @media screen and (max-width: 1100px){ .sa-trainings-last-item ul {position: absolute;top: 110px;left: 20px;} .sa-trainings-last-item ul li{font-size:18px;line-height:1.7;} } @media screen and (max-width: 996px){ .sa-eng-bread-wrap{width:94%;} .sa-trainings-x-01{width:40%;} .sa-trainings-x-02{right:3%;width:37%;} .sa-trainings-x-03{width: 30%;bottom:0;left:3%;} .sa-trainings-x-04{bottom: 32%;right:2%;width:30%;} } @media screen and (max-width: 768px){ .sa-trainings-content .sa-title{font-size:24px;} .sa-trainings-img img.pc-pic{display:none;} .sa-eng-bread-wrap{display:none;} .sa-trainings-img img.m-pic{display:block;} .sa-trainings-middle-img .pc-pic{display:none;} .sa-trainings-middle-img .m-pic{display:block;} .sa-trainings-last-item{width:100%;margin:10px 0;} .sa-trainings-last-item>h2{text-align:center;font-size:24px;margin:20px 0;} .sa-trainings-reg{padding: 0 2%;width: 96%;top: 54px;} .sa-trainings-reg h3{padding-top:30px;padding-bottom:10px;font-size:30px;} .sa-trainings-reg p{font-size:16px;} .sa-trainings-reg a{font-size: 16px;width:190px;padding:8px 0;} /**修**/ .sa-trainings-content .sa-img>ul{} .sa-trainings-content .sa-img>ul li{line-height:1.7;font-size: 14px;font-weight: normal;} /****/ .sa-trainings-content .sa-img .img-z{width:80%;} .sa-trainings-content .sa-img .img-l{display:none;} .sa-trainings-content .sa-img .img-r{display:none;} .sa-trainings-content .sa-img .sa-trainings-link{position:static;width:94%;margin:12px auto;} .sa-trainings-content .sa-img .sa-trainings-link li{list-style:none;} .sa-trainings-content .sa-img .sa-trainings-link li a{color:#f39831;} .sa-trainings-x-01{position:static;width:94%;margin:0 auto;padding-left:20px;position:relative;} .sa-trainings-x-02{position:static;width:94%;margin:12px auto;padding-left:20px;position:relative;right:0;} .sa-trainings-x-03{position:static;width:94%;margin:0 auto;font-weight:normal;color:#666;} .sa-trainings-x-04{position:static;width:94%;margin:0 auto;font-weight:normal;color:#666;} .sa-trainings-x-01:after{content:'';display:block;width:8px;height:8px;background:#f39831;border-radius:50%;position:absolute;top:10px;left:0;} .sa-trainings-x-02:after{content:'';display:block;width:8px;height:8px;background:#36a0ea;border-radius:50%;position:absolute;top:10px;left:0;} .sa-trainings .sa-trainings-img img.pc-pic{display:none;} } @media screen and (max-width: 450px){ .sa-trainings-last-item ul {top: 86px;} .sa-trainings-last-item ul li{font-size:16px;line-height:1.6;} .sa-trainings-reg h3{padding:10px 0;font-size:22px;} .sa-trainings-reg p{font-size:14px;margin-bottom:10px;} .sa-trainings-reg a{font-size: 13px;width:140px;padding:6px 0;} } /**------------About---------------**/ /*inner-banner的样式*/ .inner-banner{width:100%;position: relative;} .inner-banner .bannerpic{display: block;*zoom:1;*display:inline;position: relative;left: 50%;margin-left: -960px;overflow: hidden;width: 1920px;height: auto;} .inner-banner .mbannerpic{display: none;} .inner-banner .context{position: absolute;width: 1200px;left: 50%;margin-left: -600px;top:30%;margin-top:-125px;} .inner-banner .context .tit{font-size: 42px;color: #1a1a1a;line-height: 60px;margin-bottom: 20px;} .inner-banner .context .text{font-size: 16px;line-height: 25px;color: #303030;width: 560px;} .inner-banner .context .linkbtn a{display: inline-block;*zoom:1;*display: inline;border-radius: 30px;background: none;width: 200px;padding: 15px 0;font-size: 1.285em;text-align: left;color: #e10032;margin-top: 20px;} /**修**/ .about-wrap .context .text{width:41%;} .about-slide-wrap .pc-swiper .swiper-slide{display:block;} /****/ @media screen and (max-width: 1440px){ .inner-banner .context{position: absolute;width: 1200px;left: 50%;margin-left: -600px;top:30%;margin-top:-98px;} .inner-banner .context .tit{font-size: 36px;color: #1a1a1a;line-height: 40px;margin-bottom: 20px;} .inner-banner .context .text{font-size: 14px;} .inner-banner .context .linkbtn a{display: inline-block;*zoom:1;*display: inline;border-radius: 30px;background:none;text-align:center;padding: 10px 0;font-size: 1.285em;text-align: left;color: #e10032;margin-top: 20px;} } @media screen and (max-width: 1280px){ .inner-banner .context{position: absolute;width: 900px;left: 5%;margin-left:0;top:30%;margin-top:-98px;} .inner-banner .context .tit{font-size: 30px;color: #1a1a1a;line-height: 40px;margin-bottom: 20px;} } @media screen and (max-width: 1024px){ .inner-banner{background: #f3f3f3} .inner-banner .context{position: relative;width: 90%;left: 0;top:0;margin:40px auto 0;} .inner-banner .context .tit{font-size: 28px;color: #1a1a1a;line-height: 30px;margin-bottom: 20px;text-align: center;} .inner-banner .context .text{font-size: 18px;line-height: 30px;color: #303030;width:100%;margin: 0 auto;} .inner-banner .context .linkbtn {text-align: center;} } @media screen and (max-width: 768px){ .inner-banner .bannerpic{display: none} .inner-banner .mbannerpic{display: block;width: 100%;height: auto;} .inner-banner .context{margin-bottom: 0px;} .inner-banner .context .linkbtn a{color:#e10032;display: inline-block;*zoom:1;*display: inline;border-radius: 30px;background: none;width: 49%;padding: 15px 0;font-size: 1.285em;text-align: center;margin:20px 0;} } .content{width:100%;} .con-creat-content{background: #f3f3f3;padding:0 0 20px;margin-bottom:20px;} .inner-main .breadnav{padding: 20px 0;} .inner-main .breadnav p a{display: inline-block;*zoom:1;*display: inline;font-size: 14px;color: #303030;} .inner-main .theme{font-size: 28px;color: #1a1a1a;padding: 60px 0 40px;text-align: center;font-weight: normal;} .inner-main .toptheme{margin-top: 0px;} .inner-main .con-develop{position: relative;padding-bottom: 80px} .inner-main .con-develop .devbox{float: left;width: 386px;margin-right: 21px;background: #fff;padding: 30px 0;height: 193px;} /**修**/ .inner-main .con-develop .last-devbox{margin-right: 0px;margin-bottom: 20px;} .inner-main .con-develop .devbox p{text-align: center;font-size: 22px;color: #000;height: 76px;} .inner-main .con-develop .devbox p span{display: block;font-size: 14px;color: #b2b2b2;margin: 10px 0;} .inner-main .con-develop .devbox p .t{font-size:20px;color:#333;min-height: 58px;} .inner-main .con-develop .devbox p span.rank{color: #e10032;font-size: 16px;font-weight:bold;} /****/ .inner-main .con-develop .devbox p span.sline{width: 20px;height: 2px;background: #c4c4c4;color: #c4c4c4;margin: 20px auto;} .dev-swiper{margin:30px 0 0;width: 100%;overflow: hidden;} .m-swiper{display: none;} .swiperbox{position: relative;} .ab-slide{display: block;float: left;cursor: pointer;} .ab-slide.m-on{display: block;float: left;width: 100%;margin-right: 0%;cursor: pointer;} .last-slide{margin-right: 0;} .ab-slide img{display: block;margin: 0 auto;width: 96%;height: auto;} .ab-slide .text{font-size: 16px;margin-top: 20px;color: #1a1a1a;text-align:left;width: 96%;} .about-slide-wrap{position:relative;} .con-develop .hd{display: block;text-align: center;margin: 30px 0;} .con-develop .swiper-button-prev{display:block;position: absolute;left: 30px;bottom:55%;margin-top: -42px;width: 24px;height: 42px;background: url(../images/sa_img_13.png) no-repeat center center;} .con-develop .swiper-button-next{display:block;position: absolute;right: 30px;bottom:55%;margin-top: -42px;width: 24px;height: 42px;background: url(../images/sa_img_14.png) no-repeat center center;} .con-develop .hd .swiper-pagination-switch{display: inline-block; *display: inline; *zoom: 1; font-size: 14px; width: 15px; height: 15px; *height: 20px; text-indent: -10em; overflow: hidden; margin: 0 10px; cursor: pointer; background: url("../images/pointer.png") center no-repeat;} .con-develop .hd .swiper-pagination-switch.swiper-active-switch {display: inline-block; background-image: url("../images/pointer_on.png"); } @media screen and (max-width: 1280px){ .inner-main .con-develop .devbox{float: left;width: 32%;margin-right: 2%;background: #fff;padding: 30px 0;} .inner-main .con-develop .last-devbox{margin-right:0;} .dev-swiper{margin-top: 30px;} .con-develop .swiper-button-prev{z-index:10;display:block;position: absolute;left: 20px;bottom:55%;margin-top: -42px;width: 24px;height: 42px;background: url(../images/sa_img_13.png) no-repeat center center;} .con-develop .swiper-button-next{z-index:10;display:block;position: absolute;right: 20px;bottom:55%;margin-top: -42px;width: 24px;height: 42px;background: url(../images/sa_img_14.png) no-repeat center center;} } @media screen and (max-width: 996px){ .inner-main .con-develop .devbox{width: 100%;margin-right: 0;} } @media screen and (max-width: 768px){ .ab-slide img{width: 100%;height: auto;} .con-develop{padding: 0 10px 40px !important;} .dev-swiper{margin-top: 0px;} .con-develop .swiper-button-prev,.con-develop .swiper-button-next{display: none;} .con-develop .m-hd{display: block;text-align: center;margin-top: 20px;} .con-develop .m-hd .swiper-pagination-switch{display: inline-block; *display: inline; *zoom: 1; font-size: 14px; width: 15px; height: 15px; *height: 20px; text-indent: -10em; overflow: hidden; margin: 0 10px; cursor: pointer; background: url("../images/pointer.png") center no-repeat;} .con-develop .m-hd .swiper-pagination-switch.swiper-active-switch {display: inline-block; background-image: url("../images/pointer_on.png"); } .inner-main .con-develop .devbox{position: relative;height: auto;margin-bottom: 1px;} .inner-main .con-develop .devbox p{text-align: left;padding-left: 90px;height:auto;} .inner-main .con-develop .devbox p.tp{position: absolute;top:50%;margin-top: -25px;left: 20px;padding-left: 0;} .inner-main .con-develop .devbox p.tp span{display: none;} .inner-main .con-develop .devbox p.text span{display: none;} .inner-main .con-develop .devbox p.text span.rank{display: block;} .inner-main .con-develop .devbox p.text span.t{display: block;min-height: auto;} } .inner-main .con-creat .creat-left{width: 100%;} .inner-main .con-creat .creat-left .about-creat{float: left;width: 31.333%;margin-right:2%;background: #fff;padding: 30px 0;height: 180px;margin-bottom: 21px;} .inner-main .con-creat .creat-left .t-creat{width:64.6%;} .inner-main .con-creat .creat-left .about-creat p{text-align: center;font-size: 16px;color: #1a1a1a;} .inner-main .con-creat .creat-left .about-creat p.text{text-align: left;} .inner-main .con-creat .creat-left .about-creat p.text span{display:block;} .inner-main .con-creat .creat-left .about-creat p span.sline{display:block;width: 20px;height: 2px;background: #c4c4c4;color: #c4c4c4;margin: 20px auto;} .inner-main .con-creat .creat-left .t-creat p span.sline{margin-top: 28px;} .inner-main .showpic img{display: block;width: 100%;height: auto;margin-bottom: 80px;} @media screen and (max-width: 1280px){ .inner-main .theme{font-size: 30px;margin: 0;} .inner-main .con-creat .creat-left .about-creat{width: 32%;margin-right: 2%;float: left;} .inner-main .con-creat .creat-left .side-creat{margin-right: 0%;} .inner-main .con-creat .creat-left .t-creat{width: 66%;margin-right: 0;} } @media screen and (max-width: 1200px){ .inner-main .con-develop .devbox p{font-size: 20px;} } @media screen and (max-width: 992px){ .inner-main .con-creat .creat-left .about-creat{width: 32%;margin-right: 2%;float: left;} .inner-main .con-creat .creat-left .side-creat{margin-right: 0%;} .inner-main .con-creat .creat-left .t-creat{width: 66%;margin-right: 0%;} } @media screen and (max-width: 768px){ .inner-main .theme{font-size: 24px;margin: 0;} .inner-main .con-creat{padding: 0 10px;} .inner-main .con-creat .creat-left .about-creat{width: 100%;margin-right: 0%;float: none;height: auto;position: relative;margin-bottom: 1px;} .inner-main .con-creat .creat-left .about-creat p {position: relative;} .inner-main .con-creat .creat-left .about-creat p span.sline{display: none;} .inner-main .con-creat .creat-left .about-creat p.tp{position: absolute;top:50%;margin-top: -22px;left: 20px;} .inner-main .con-creat .creat-left .about-creat p.text{padding: 0 30px 0 90px; } .inner-main .showpic{display: none;} } .con-news p.tit{font-size: 28px;color: #1a1a1a;padding: 0 30px;line-height: 30px;margin-bottom: 10px;} .con-news p.tit a{display:block;color: #e10032;font-size: 16px;padding-right:18px;line-height: 30px;position: absolute;top:30px;right: 30px;} .con-news .news-left{padding: 30px 0px;background: #fff;width: 49%;margin-right: 1%;float: left;position: relative;} .con-news .news-left ul li{padding: 0 30px 0 45px;background: url(../images/dot.png) no-repeat 30px 15px;line-height: 35px;font-size: 16px;} .con-news .news-left ul li p{float:left;width: 70%;height: 35px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .con-news .news-left ul li span{float: right;line-height: 35px;} .con-news .news-right{padding: 30px 0px;background: #fff;width: 49%;margin-left: 1%;float: left;height: 215px;position: relative;} .con-news .news-right .con{padding: 0 30px 0 20px;position: relative;} .con-news .news-right .con img{position: absolute;top:0;left:6%;width:100%;max-width:147px;height: auto;display:block;margin:0 auto;} .con-news .news-right .con dl{float: right;padding-left: 200px;} .con-news .news-right .con dl dt{font-size: 22px;color: #333;margin-bottom: 10px;} .con-news .news-right .con dl dd{font-size: 16px;color: #666;line-height: 28px;max-height: 140px;overflow: hidden;} @media screen and (max-width: 992px){ .inner-main .showpic img{margin-bottom: 60px;} .con-news .news-left{width: 100%;margin-right: 0;margin-bottom: 20px;} .con-news .news-right{width: 100%;margin-right: 0;} .con-news p.tit{font-size: 28px;color: #1a1a1a;padding: 0 30px;line-height: 30px;margin-bottom: 10px;} .con-news .news-right .con dl dd{font-size: 16px;line-height: 22px;} } @media screen and (max-width: 768px){ .con-news .news-left,.con-news .news-right{position: relative;padding-bottom: 50px;height:auto;margin: 0;overflow:hidden;} .con-news p.tit{font-size: 24px;color: #1a1a1a;padding:0;line-height: 30px;margin-bottom: 20px;text-align: center;} .con-news p.tit a{bottom: 20px;left: 50%;margin-left: -50px;top:auto;right:auto;} .con-news .news-left ul li{font-size: 16px;} .con-news .news-left ul li span{display: none;} .con-news .news-right .con dl{padding-left: 0;float:none;} .con-news .news-right .con dl dd{max-height: 110px;} .con-news .news-left ul li p{width:95%;} .con-news .news-left{border-bottom:12px solid #f2f2f2;float: none;} .con-news .news-right .con dl dt{font-size:18px;margin:10px 0;} .con-news .news-right .con{padding:0 10px;} .con-news .news-right .con img{position: static;} } .join-us {padding-bottom: 80px;} .join-us ul li{float:left;width:24%;padding:0 10% 0 15%;} .join-us-contact{border-left:1px solid #e5e5e5;} .join-us-img img{width:100%;} .join-us-img{width:34%;} .join-us-nane{font-size:24px;color:#333;padding-left:6%;margin-top: 10%;} @media screen and (max-width: 992px){ .join-us ul li{width:69%;float:none;margin:0 auto 20px;padding: 2% 10% 2% 15%;} } @media screen and (max-width: 768px){ .join-us{background:#f2f2f2;padding-bottom: 24px;overflow: hidden;} .join-us ul li{background:#fff;} } /**---------------solutions--------------**/ .solutions-wrap .banner-slider .bd ul li .cont .know-more{background:url(../images/btn_bg.jpg) repeat-y right center;border:0;font-size:16px;} .solutions-wrap .banner-slider .bd ul li .cont .know-more span{padding-right:18px;background:url(../images/sa-w-arr.png) no-repeat right center;} .solutions-title{font-size:28px;color:#333;text-align:center;padding:20px 0;font-weight:normal;} .solutions-content{} .solutions-wrap .banner-slider .bd ul li .cont{width:100%;text-align:center;top:20%;left:0;margin-left:0;} .solutions-wrap .banner-slider .bd ul li .cont .tit{margin-bottom:10px;font-size:36px;} .solutions-wrap .banner-slider .bd ul li .cont .text{margin-bottom:50px;} .solutions-content ul{margin-right:-2%;} .solutions-item{float:left;width:31%;margin-right:2%;margin-bottom:20px;border:1px solid #e5e5e5;padding-bottom:30px;} .solutions-item img{display:block;width:100%;} .solutions-item h4{font-weight:normal;font-size:18px;color:#333;padding:30px 12px 10px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .solutions-item p{line-height:1.7;padding:0 12px;height: 46px;overflow: hidden;} .solutions-item-more{font-size:16px;color:#e10032;float:right;margin-right:12px;padding-right:18px;} .solutions-all-more a{background:url(../images/btn_bg.jpg) repeat-y right center;border:0;text-align:center;font-size:16px;color:#fff;border-radius:30px;width:190px;height:44px;line-height:44px;display:block;margin:30px auto 80px;} @media screen and (max-width: 768px){ .solutions-wrap .banner-slider .bd ul li .cont {width: 100%;padding-left:0;top:10%;} .solutions-wrap .banner-slider .bd ul li .cont .text{width:100%;font-size:16px;margin-bottom:12px;} .solutions-item{width:96%;margin:10px auto;float:none;} .solutions-content ul{margin-right:0;} .solutions-wrap .banner-slider .bd ul li .cont .know-more{width:110px;line-height:32px;font-size:16px;} .solutions-wrap .banner-slider .bd ul li .cont .tit{font-size:24px;} .solutions-wrap .banner-slider .hd{display:block;bottom:0;} } /**-----------------产品详情页-----------------------------------**/ .my-container { padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; } @media (min-width:768px) { .my-container { width: 750px; } } @media (min-width:992px) { .my-container { width: 970px; } } @media (min-width:1200px) { .my-container { width: 1170px; } } .product-details{} .product-details .left-layout{width:58.33333333%;float:left;} .product-details .right-layout{width:406px;float:right;margin-bottom:20px;} .product-details .title{color:#333;font-size:28px;margin:12px 0 20px;font-weight:normal;} .product-details .text{line-height:1.7;color:#333;font-size:16px;margin-bottom:26px;padding:0 10px;max-height: 220px;overflow: hidden;} .product-details .product-open{display:none;} .product-details .product-open,.operator-open{color:#e10032;font-size:18px;cursor:pointer;} .product-details .server-list{text-align:center;margin:30px 0;} .product-details .server-list li{padding:0 3%;border-left:1px solid #e5e5e5;} .product-details .server-list li img{height:54px;} .product-details .server-list li:first-child{border-left:none;} .product-details .server-list h5{font-weight:normal;font-size:18px;color:#333;margin:4px 4px 0 4px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .product-details .right-layout .bd{text-align:center;width:300px;margin:0 auto;overflow:hidden;} .product-details .right-layout .hd li{width:90px;height:79px;float:left;border:1px solid #e5e5e5;margin:4px;} .product-details .right-layout .hd img{width:100%;height:100%;} .product-details-nav{width:100%;height:82px;background:#f7f7f7;line-height:80px;margin-top:30px;} .product-details-nav ul{max-width:1200px;margin:0 auto;} .m-nav{display:none;} .product-details-nav ul li{float:left;font-size:20px;color:#333;margin-right: 7%;cursor:pointer;} .product-details-nav ul li.on{color:#e10032;border-bottom:2px solid #ea496d;} .product-details-content{margin-top:20px;margin-bottom:80px;color:#333;display:none;} div.detail-active{display:block;} .product-details-content h4{font-size:20px;margin:20px 0;} .product-details-content dl dt{font-size:16px;font-weight:bold;margin:26px 0 12px;} .product-details-content dl dt span{padding-right:6px;} .product-details-content dl dd{font-size:16px;line-height:1.7;} .product-jscs{padding:20px;} .product-cptx{padding:20px;} .product-cptx ul,.product-dxyy ul{padding-left:20px;margin:12px 0;} .product-cptx li,.product-dxyy li{list-style-type:disc;} .product-details-content p{line-height:1.7;font-size:16px;margin:12px 0;} .product-details-content div{line-height:1.7;font-size:16px;margin:12px 0;} .product-details-content img{max-width:100%;} .product-jscs table thead{background:#f2f2f2;} .product-jscs table{margin:0 auto;border-collapse: collapse;border-top: windowtext 1pt solid;width:60%;} .product-jscs table th,td{padding: 5px;} .product-jscs table p{margin: 1.12em 0;padding: 0;} .product-dxyy{padding:20px;} .product-dxyy p{line-height:1.7;font-size:16px;color:#333;margin-bottom:12px;} .product-dxyy p img{max-width:100%;display:block;} .product-dgxx{padding:20px;} .product-dgxx table thead{background:#f2f2f2;} .product-dgxx table{margin:0 auto;border-collapse: collapse;border-top: windowtext 1pt solid;width:60%;} .product-dgxx table th,td{padding: 5px;} .product-dgxx table p{margin: 1.12em 0;padding: 0;} .product-azwh{padding:20px;} .product-azwh dl{margin-top: 20px;} .product-azwh dt{font-size: 16px;font-weight: bold;} .product-azwh li {font-size: 16px;height: 40px;line-height: 40px;border-bottom: 1px dotted #b4b4b4; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .product-azwh-more{float:right;color:#333;font-weight:normal;} .product-details-other{margin-bottom:80px;background: #f2f2f2;width: 100%;padding-bottom: 40px;} .product-details-other .p-title{margin-bottom:20px;color: #333;text-align: center;font-size: 32px;font-weight: normal;padding-top: 72px;} .product-details-other .picScroll-left{width: 1222px;position: relative;background: #f2f2f2;left: -22px;} .product-details-other .picScroll-left .hd{position: relative;} .product-details-other .picScroll-left .bd ul{overflow: hidden;zoom: 1;min-height:160px;} .product-details-other .picScroll-left .bd ul li{min-height:185px;width: 224px;margin: 0 11px;float: left;_display: inline;overflow: hidden;text-align: center;display:block;} .product-details-other .picScroll-left .bd ul li .pic{text-align: center;} .product-details-other .picScroll-left .bd ul li .pic img{width: 224px;height: 137px;display: block;padding: 2px;} .product-details-other .picScroll-left .bd ul li .title{line-height: 24px;font-size: 16px;text-align: center;padding: 10px 36px;} .product-details-other .picScroll-left .bd ul li .title a{color: #333;} .product-details-other .next-pic{position: absolute;left: -35px;top: -140px;cursor: pointer;z-index:99;} .product-details-other .prev-pic{position: absolute;right: -60px;top: -140px;cursor: pointer;z-index:99;} .hidden-996{display:none;} @media screen and (max-width: 1200px){ /*产品详情页*/ .product-details .left-layout{width:50%;} .product-details .server-list li{padding:0 1%;} .product-details .server-list h5{font-size:16px;} .product-details-nav ul li{margin-right:4%;} .product-details-other .prev-pic{right:-26px;} } @media screen and (max-width: 1024px){ .product-details-nav{display:none;} .m-nav{padding-left:12px;font-size:20px;height:90px;line-height:90px;background:#f7f7f7;border-bottom:1px solid #fff;display:block;cursor:pointer;} .m-nav span{float:right;margin-right:12px;} .product-details-content{display:none;} div.detail-active{display:none;} } @media screen and (max-width: 996px){ .product-details .left-layout{width:100%;float:none;} .product-details .right-layout{margin-top:10px;width:100%;float:none;} .product-details .right-layout .hd ul{width:404px;margin:0 auto;} .product-details .title{text-align:center;} .product-details .product-open{display:block;text-align:center;} .product-details .pic-focus .swiper-pagination-switch{display: inline-block;font-size: 14px;width: 15px;height: 15px;text-indent: -10em;overflow: hidden;margin: 0 10px;cursor: pointer;background: url(../images/pointer.png) center no-repeat;} .product-details .pic-focus .swiper-active-switch{background-image: url(../images/pointer_on.png);} .product-details .pic-focus .hd{text-align:center;} .product-details .server-list li{padding:0;width:24%;} .product-details-other .picScroll-left .swiper-pagination-switch{display: inline-block;font-size: 14px;width: 15px;height: 15px;text-indent: -10em;overflow: hidden;margin: 0 10px;cursor: pointer;background: url(../images/pointer.png) center no-repeat;} .product-details-other .picScroll-left .swiper-active-switch{background-image: url(../images/pointer_on.png);} .product-details-other .picScroll-left .hd{top:0;text-align:center;} .product-details-other .picScroll-left .bd{width:92%;overflow:hidden;margin:0 auto;} .product-details-other .picScroll-left .bd ul li .title{padding: 10px;} .product-details-other .picScroll-left{width:92%;margin:0 auto;left:0;} .product-details-other .picScroll-left .bd ul li{margin:0;} .product-details-other .picScroll-left .bd ul li .pic img{width:100%;height:auto;padding:10px;} .operator-open{display:block;color:#e10032 !important;text-align:center;cursor:pointer;} } @media screen and (max-width: 768px){ .product-details .pic-focus li{float:left;} .main{padding:0 6px;width:auto;} .product-details .title{font-size:22px;} .m-nav{height:60px;line-height:60px;} .product-details-other .p-title{font-size:18px;padding-top: 28px;} .product-azwh li span{display:none;} .product-jscs table,.product-dgxx table{width:100%;} .product-jscs{overflow-x: scroll;} } /****---------------------------------产品详情结束-------------------------------***/ /****---------------------------------产品列表开始-------------------------------***/ .product-list .title{text-align:center;} .product-list-a{padding:20px 10px;position:relative;} .product-list-a a{color:#0068f8;font-size: 16px;margin-right:10%;} .product-list-tj{border-bottom:1px solid #e5e5e5;padding-bottom:20px;} .product-list-tj h4{font-weight:normal;font-size:18px;color:#333;} .product-list-tj dl{margin:12px 0;} .product-list-tj dl dt{margin:0;width:5%;} .product-list-tj dl dd{width:95%;} .product-list-tj dl dd>span{display:inline-block;} .product-list-tj dl dd input{margin:0 10px;} .product-list-tj dl dd label{color:#333;font-size:16px;} .product-list-xx-img{width:30%;} .product-list-xx-img img{width:100%;display:block;} .product-list-xx-info{width:70%;} .product-list-xx-info h5{font-size:20px;font-weight:normal;margin:20px 0;} .product-list-xx-info p{font-size:16px;color:#333;line-height:1.7;} .product-list-xx-info a{color:#e10032;font-size:16px;margin:12px 0;display:block;} .product-list-xx li{border-bottom:1px solid #e5e5e5;padding:20px 0;} .product-list-arr{float:right;cursor:pointer;} .product-list-arr .m-pic{display:none;margin-top: 22px;margin-right: 5px;} .product-list-i{float:right;display:none;cursor:pointer;} .product-list-i img{width:16px;} .product-list .right-layout .bd {text-align: center;width: 100%;margin: 0 auto;overflow: hidden;} .product-list .right-layout .bd img{width:100%;} .product-list-focus li{float:left;} .product-list-focus .swiper-pagination-switch{display: inline-block;font-size: 14px;width: 15px;height: 15px;text-indent: -10em;overflow: hidden;margin: 0 10px;cursor: pointer;background: url(../images/pointer.png) center no-repeat;} .product-list-focus .swiper-active-switch{background-image: url(../images/pointer_on.png);} .product-list-focus .hd{text-align:center;} .product-list .right-layout{width:41%;} @media screen and (max-width: 996px){ .product-details-content{width:96% !important;} .product-list-tj h4{margin:0;} .product-list-tj dl{margin:0;} .product-list-tj h4{padding:0 2%;height:55px;line-height:55px;border-bottom: 1px solid #e5e5e5;} .product-list-tj{background:#f7f7f7;border:1px solid #e5e5e5;border-radius:4px;margin-top:20px;} .product-list-tj dl{display:none;} .product-list-tj dl dt{width: 96%;margin: 0 auto;float: none;border-bottom: 1px solid #e5e5e5;height:55px;line-height:55px;} .product-list-tj dl dd{display:none;} .product-list-arr .pc-pic{display:none;} .product-list-arr .m-pic{display:block;} .product-list-i{display:block;} .product-list .right-layout{width:100%;} .product-list-xx-info p{display:none;} } /****---------------------------------产品列表结束-------------------------------***/ /****---------------------------------案例研究页开始-------------------------------***/ /*home_nav*/ .s_CaseStudies .home_nav{ padding: 15px 0; } .s_CaseStudies .home_nav .this{ color: #e10032; } @media screen and (max-width: 1366px){ .s_CaseStudies .home_nav{ width: 92%; margin: 0 auto; } } @media screen and (max-width: 816px){ .s_CaseStudies .home_nav{ display: none; } } /*s_CaseStudies_nav*/ .s_CaseStudies_nav{ display: none; width: 92%; margin: 0 auto; } .s_CaseStudies_nav ul li{ float: left; width: 50%; margin: 5% 0; } .s_CaseStudies_nav ul li a{ font-size: 20px; color: #333; } .s_CaseStudies_nav ul li .on{ color: #e10032; } @media screen and (max-width: 768px){ .s_CaseStudies_nav{ display: block; } } /*s_CaseStudies_list*/ .s_CaseStudies_list li{ margin: 6% 0; } .s_CaseStudies_list .left{ position: relative; width: 25%; float: left; } .s_CaseStudies_list .left img{ width: 100%; } .s_CaseStudies_list .left .more{ display: inline-block; position: absolute; bottom: 0; right: -100px; font-size: 14px; color: #e10032; } .s_CaseStudies_list .left .more img{ width: auto; } .s_CaseStudies_list .right{ width: 70%; float: left; margin-left: 60px; } .s_CaseStudies_list .right .tit{ display: inline-block; font-size: 20px; color: #333; font-weight: normal; line-height: 20px; margin-bottom: 1%; } .s_CaseStudies_list .right .text{ font-size: 14px; color: #666; line-height: 24px; letter-spacing: 1px; } @media screen and (max-width: 1366px){ .s_CaseStudies_list{ width: 95%; margin: 0 auto; } .s_CaseStudies_list .right{ margin-left: 45px; } .s_CaseStudies_list .left .more{ right: -83px; } } @media screen and (max-width: 1024px){ .s_CaseStudies_list .right .text{ font-size: 12px; line-height: 20px; } } @media screen and (max-width: 965px){ .s_CaseStudies_list .right{ margin-left: 30px; } .s_CaseStudies_list .left .more{ right: -70px; } } @media screen and (max-width: 816px){ .s_CaseStudies_list .right .text{ display: none; } } @media screen and (max-width: 660px){ .s_CaseStudies_list .right{ margin-left: 20px; } .s_CaseStudies_list .left .more{ right: -60px; } } @media screen and (max-width: 600px){ .s_CaseStudies_list .right .tit{ font-size: 18px; } } @media screen and (max-width: 530px){ .s_CaseStudies_list .right .tit{ font-size: 16px; } } @media screen and (max-width: 450px){ .s_CaseStudies_list .right .tit{ font-size: 14px; } .s_CaseStudies_list .right{ margin-left: 15px; max-height: 40px; text-overflow:ellipsis; white-space:normal; overflow: hidden; } .s_CaseStudies_list .left .more{ right: -50px; font-size: 12px; } } /*more_list*/ .s_CaseStudies_list .more_list{ margin: 30px 0; } .s_CaseStudies_list .more_list a{ display: none; padding: 20px 45%; outline: none; } .s_CaseStudies_list .more_list img{ height: 29px; } @media screen and (max-width: 768px){ .s_CaseStudies_list .more_list a{ display: inline-block; } } /*s_CaseStudies_paging*/ .s_CaseStudies_paging{ width: 508px; margin: 50px auto; } .s_CaseStudies_paging ul li{ float: left; margin: 0 5px; border: 1px solid #ccc; } .s_CaseStudies_paging ul li a{ display: inline-block; font-size: 12px; color: #ccc; padding: 5px 10px; } .s_CaseStudies_paging ul li a:hover{ background-color: #e10032; color: #fff; } .s_CaseStudies_paging li .on{ color: #e10032; } .s_CaseStudies_paging li .tag{ padding: 5px 15px; } @media screen and (max-width: 768px){ .s_CaseStudies_paging{ display: none; } } /****---------------------------------案例研究页结束-------------------------------***/ /****---------------------------------方案页开始-------------------------------***/ /*s_programme_banner*/ .s_programme_banner{ position: relative; } .s_programme_banner .pic{ } .s_programme_banner .pic img{ width: 100%; } .s_programme_banner .pic .m_pic{ display: none; } .s_programme_banner .pic .p_pic{ display:block; width:1920px; position:relative; left:50%; margin-left:-960px; } .s_programme_banner .cont{ position: absolute; top: 26%; left: 50%; width: 1200px; margin-left: -575px; } .s_programme_banner .cont .tit{ width: 600px; font-size: 32px; color: #fff; line-height: 50px; font-weight: normal; margin-bottom: 4%; } .s_programme_banner .cont .know-more{ display: inline-block; padding: 14px 0; width: 200px; text-align: center; font-size: 16px; color: #fff; border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px; -moz-border-radius: 30px; background: #ec5735 url("../images/btn_bg.jpg") left top repeat-y; } .s_programme_banner .cont .know-more span{padding-right:18px;background:url(../images/sa-w-arr.png) no-repeat right center;} @media screen and (max-width: 1366px){ .s_programme_banner .nav{ width: auto; margin-left: 0; left: 5%; } .s_programme_banner .cont{ width: auto; margin-left: 0; left: 5%; } } @media screen and (max-width: 768px){ .s_programme_banner .pic .p_pic{ display: none; } .s_programme_banner .pic .m_pic{ display: block; } .s_programme_banner .nav{ display: none; } .s_programme_banner .cont{ width: 80%; top: 20%; } .s_programme_banner .cont .tit{ width: 100%; margin-bottom: 10% } .s_programme_banner .cont .tit{ font-size: 20px; line-height: 1.2; } .s_programme_banner .cont .know-more{ padding:8px 0; width:168px; } } /*s_programme_nav*/ .s_programme_nav{margin-bottom:80px;font-size:16px;} .s_programme_nav .home_nav{ padding: 20px 0; font-size:14px; } .s_programme_nav .home_nav a{text-decoration:underline;} .s_programme_nav .home_nav .this{ color: #e10032; text-decoration:none; } .s_programme_nav .programme_nav .pc_programme_nav{ margin-bottom: 30px; border-bottom:1px solid #e0e0e0; } .s_programme_nav .move_programme_nav_a{ display: none; width: 100%; padding: 20px 0; color: #333; font-size: 18px; outline: none; } .s_programme_nav .pc_programme_nav li{ float: left; margin: 0 2%; } .s_programme_nav .pc_programme_nav a{ display: inline-block; width: 100%; padding: 20px 0; color: #333; font-size: 18px; outline: none; } .s_programme_nav .nav_cont{ display: none; line-height: 1.7; padding-bottom: 50px; } .s_programme_nav .nav_cont.on{ display: block; } .s_programme_nav .nav_cont p{ color: #333; text-align: left; line-height: 1.7; margin: 0 0 30px; } .s_programme_nav .nav_cont img{ max-width: 100%; } .s_programme_nav .pc_programme_nav .on a{ color: #e10032; border-bottom: 2px solid #e10132; } .s_programme_ul_list{padding-bottom:30px;} .s_programme_ul_list li{ line-height:2.6; color:#333; font-size:16px; border-bottom:1px solid #e0e0e0; padding-left:16px; background:url(../images/dot.png) no-repeat left 17px; } .s_programme_ul_list li a{color:#333;} @media screen and (max-width: 1366px){ .s_programme_nav .nav_cont li{ width: 96%; margin: 0 auto; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .s_programme_nav .move_programme_nav_item{ margin:0 2%; } .s_programme_nav .home_nav{ margin: 0 2%; } } @media screen and (max-width: 820px){ .s_programme_nav .home_nav{ display: none; } .s_programme_nav .programme_nav .pc_programme_nav{ display: none; } .s_programme_nav .move_programme_nav_a{ display: block; border-bottom:1px solid #e0e0e0; } .s_programme_nav .move_programme_nav span{ float: right; display: block; } .s_programme_nav .nav_cont.on{ display: none; } } /****---------------------------------方案页结束-------------------------------***/ /****---------------------------------Product Licensing 开始-------------------------------***/ .product-licensing .sa-eng-bread .on{padding-right: 18px;} .product-licensing h2.title{color:#333;font-size:28px;font-weight:normal;margin-top:10px;padding-bottom:12px;border-bottom:1px solid #e0e0e0;} .product-licensing-list{margin-right:-2%;margin-top:50px;margin-bottom:80px;} .product-licensing-list li{margin-bottom:1%;float:left;width:47.7%;margin-right:2%;border:1px solid #f7f7f7;background:#f7f7f7;position:relative;} .product-licensing-left{position:absolute;top:25%;left:6%;width:12%;} .product-licensing-left img{width:100%;} .product-licensing-right{position:relative;width:75%;height:100%;} .product-licensing-right img{width:100%;display:block;} .product-licensing-right p{position:absolute;top:39%;left:16%;font-size:24px;color:#333;} .product-licensing-right p a{color:#333;} .product-licensing-right .product-licensing-dl{top:68%;font-size:16px;left:6%;} .product-licensing-right .product-licensing-dl a{color:#e10032;} .product-licensing-right .product-licensing-dl img{width:18px;display:inline;margin-left: 10px;} @media screen and (max-width: 768px){ .product-licensing-list{margin:50px 0;} .product-licensing-list li{float:none;width:96%;margin:3% auto;} .product-licensing-right p{font-size:18px;top:30%;} .product-licensing-right .product-licensing-dl{top:56%;} .product-licensing h2.title{font-size:24px;} } @media screen and (max-width: 400px){ .product-licensing-right .product-licensing-dl a span{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 80%;display: inline-block;} } /****---------------------------------Product Licensing结束-------------------------------***/ /****---------------------------------Product life cycle 开始-------------------------------***/ .product-life .sa-eng-bread .on{padding-right: 18px;} .product-life h2.title{color:#333;font-size:28px;font-weight:normal;margin-top:10px;padding-bottom:12px;border-bottom:1px solid #e0e0e0;} .product-life-desc{padding-bottom:30px;font-size:16px;} .product-life-desc h3{color:#333;font-size:24px;margin-top:40px;} .product-life-desc div{margin:16px 0;line-height:1.7;color:#666;} .product-life-desc .p-more{display:block;color:#e10032;font-size:18px;float:right;} .product-life-list{margin:20px 0;} .product-life-list>h3{color:#333;font-size:24px;margin-bottom:20px;} .product-life-title{background:#f7f7f7;} .product-life-title li{float:left;height:72px;line-height:72px;color:#333;font-size:18px;cursor:pointer;} .product-life-title li a{color:#333;border-right:1px solid #e0e0e0;padding:0 24px;} .product-life-title .title-last a{border-right:none;} .product-life-title .on a{color:#e10032;} .product-life-content{margin:12px 0;} .product-life-content li{color:#666;font-size:16px;padding:12px 0;border-bottom:1px solid #e0e0e0;} .product-life-content li p{float:left;width:80%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding-left:20px;background:url(../images/sa-red-dot.png) no-repeat left 6px;} .product-life-content li .p-time{float:right;color:#999;} .product-life-content .p-more{text-align:right;margin:12px 0;} .product-life-content .p-more a{color:#e10032;font-size:16px;padding-right:18px;} .product-life-title-m{display:none;border-bottom:1px solid #fff;background:#f7f7f7;height:72px;line-height:72px;color:#333;font-size:18px;font-weight:bold;margin:0 -10px;padding-left:20px;} .product-life-content .p-more-m{display:none;} @media screen and (max-width: 768px){ .product-life-title-m{display:block;font-weight:normal;} .product-life-title-m img{float:right;margin: 25px;} .product-life-title-m .on{color:#e94469;} .product-life-title{display:none;} .product-life-content li p{width:94%;float:none;} .product-life-content li .p-time{float:none;padding-left: 24px;} .product-life-content .p-more{text-align:center;} .product-life-content .p-more-m{display:block;text-align:center;margin:20px 0;font-size:18px;} .product-life-content .p-more-m a{color:#e10032;} .product-life h2.title{font-size:24px;} .product-life-desc h3{font-size:20px;} .product-life-list > h3{font-size:20px;} } /****---------------------------------Product Licensing结束-------------------------------***/ /****---------------------------------Training Video 培训视频页开始-------------------------------***/ .s-TrainingVideo{ padding-bottom:30px; } .s-TrainingVideo .TrainingVideo{ } .s-TrainingVideo .TrainingVideo .h3tit{ width: 1170px; margin:16px auto 0; padding-bottom:20px; color: #333; font-size: 28px; font-weight:normal; } .s-TrainingVideo .Recommend-box{ background-color: #16385d; padding-bottom: 70px; } .s-TrainingVideo .Recommend img{ width: 100%; } .s-TrainingVideo .Recommend{ width: 1170px; margin: 0 auto; } .s-TrainingVideo .Recommend .Recommend-l{ width: 73%; } .s-TrainingVideo .Recommend-l .h4tit{ padding: 20px 0; color: #fff; font-size: 20px; font-weight:normal; } .s-TrainingVideo .Recommend-l .RecommendVideo{ position: relative; } .s-TrainingVideo .Recommend-l .play{ position: absolute; top: 50%; left: 50%; margin-left: -8%; margin-top: -8%; width: 17%; cursor: pointer; } .s-TrainingVideo .Recommend-l .txt{ background-color: #fff; padding: 30px 20px; } .s-TrainingVideo .Recommend-l h5{ color: #333; font-size: 20px; margin-bottom: 15px; font-weight:normal; } .s-TrainingVideo .Recommend-l p{ color: #666; font-size: 16px; } .s-TrainingVideo .Recommend-l .know-more{ float: right; margin-top: -45px; display: inline-block; padding: 15px 0; width: 200px; text-align: center; font-size: 12px; color: #fff; border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px; -moz-border-radius: 30px; background: #ec5735 url("../images/btn_bg.jpg") left top repeat-y; } .s-TrainingVideo .Recommend .Recommend-r{ width: 24%; margin-top: 68px; } .s-TrainingVideo .Recommend-r li{ position: relative; margin-bottom: 14%; } .s-TrainingVideo .Recommend-r .RecommendVideo{ position: relative; } .s-TrainingVideo .Recommend-r .RecommendVideo .play{ position: absolute; top: 0; right: 0; width: 30px; height:20px; cursor: pointer; } .s-TrainingVideo .Recommend-r p{ position: absolute; bottom: 0; left: 0; width: 100%; background-color: #fff; padding: 5px 0; color: #333; font-size: 16px; text-indent: 8px; filter:alpha(opacity=80); opacity: 0.8; } @media screen and (max-width: 1200px){ .s-TrainingVideo .Recommend{ width: 95%; } .s-TrainingVideo .TrainingVideo .h3tit{ width: 95%; font-size:24px; padding-bottom: 0; } } @media screen and (max-width: 768px){ .s-TrainingVideo .Recommend-box{ background-color: #fff; padding-bottom: 0; } .s-TrainingVideo .Recommend-l .h4tit{ color: #333; width: 95%; margin: 0 auto; } .s-TrainingVideo .Recommend{ width: 100%; } .s-TrainingVideo .Recommend .Recommend-l{ float: none; width: 100%; } .s-TrainingVideo .Recommend .Recommend-r{ float: none; width: 95%; margin: 68px auto 0; } .s-TrainingVideo .Recommend-r li{ margin-bottom:5%; } } @media screen and (max-width: 530px){ .s-TrainingVideo .Recommend-l .txt{ padding: 3% 2%; } .s-TrainingVideo .Recommend-l h5{ font-size:18px; } .s-TrainingVideo .Recommend-l p{ font-size: 14px; } .s-TrainingVideo .Recommend-l .know-more{ width: 130px; padding: 10px 0; margin-top: -35px; } } /*s-TrainingVideo*/ .s-ProductCourses{margin-bottom:80px;} .s-ProductCourses .Courses .m-img{ display: none; } .s-ProductCourses .Courses{ width: 98%; margin: 0 auto; position:relative; } .s-ProductCourses .Courses ul{ border-bottom:1px solid #e0e0e0; } .s-ProductCourses .Courses li{ float: left; font-size: 18px; color:#333; padding: 10px 0; margin-right: 80px; cursor: pointer; } .s-ProductCourses .Courses .on{ color: #e10032; border-bottom: 2px solid #e00032; } .s-ProductCourses .Courses .more{ position:absolute; right:0; top:0; z-index:1; color: #e10032; font-size: 16px; line-height: 45px; padding-right:18px; } .s-ProductCourses .CoursesList{ display: none; margin-top: 40px; } .s-ProductCourses .nth-child{ display: block; } .s-ProductCourses .CoursesList .Product{ display: none; } .s-ProductCourses .CoursesList li{ float: left; width: 23%; margin: 0 1% 1%; } .s-ProductCourses .CoursesList .RecommendVideo{ position: relative; } .s-ProductCourses .CoursesList .RecommendVideo .play{ position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; width: 50px; height: 50px; cursor: pointer; } .s-ProductCourses .CoursesList img{ width: 100%; } .s-ProductCourses ul .more-m{ display: none; } .s-ProductCourses .CoursesList p{ font-size: 16px; color: #666; line-height: 22px; margin-top: 10px; } @media screen and (max-width: 768px){ .s-ProductCourses .Courses{ margin-bottom:20px; } .s-ProductCourses .CoursesList p{ height:44px; overflow:hidden; } .s-ProductCourses .Courses .m-img{ display:block; position: absolute; top: 13px; right: 17px; z-index:1; cursor:pointer; } .s-ProductCourses .CoursesList{ width: 100%; margin-top:0; } .s-ProductCourses .Courses .more{display:none;} .s-ProductCourses .Courses li{ float:none; margin-right:0; background:#f7f7f7; padding:10px; } .s-ProductCourses .Courses ul{ border-bottom:none; border:1px solid #e0e0e0; border-radius:4px; } .s-ProductCourses .Courses .on{ border-bottom:none; } .s-ProductCourses .Product img{ float: right; width: 20px; height: 12px; margin-top: 5px; } .s-ProductCourses .CoursesList .nth-child{ display: block; } .s-ProductCourses .CoursesList li{ width: 45%; margin: 0 2.5% 2.5%; } .s-ProductCourses .CoursesList ul{ position: relative; padding-bottom: 50px; } .s-ProductCourses ul .more-m{ display: block; position: absolute; bottom: -10px; left: 50%; margin-left: -30px; width: 60px; height: 30px; } } /****---------------------------------Training Video 培训视频页结束-------------------------------***/ /****---------------------------------CaseCenter 案例中心英文版开始-------------------------------***/ .s-CaseCenter{ width: 1130px; margin: 0 auto; } @media screen and (max-width: 1200px){ .s-CaseCenter{ width: 94%; padding: 0 3% } } .s-CaseCenter .breadnav .this{ color: #e10032; } .s-CaseCenter-search .search{ width: 50%; padding: 25px 0; position:relative; } .s-CaseCenter-search .search input[type="text"]{ width: 80%; height: 40px; text-indent: 6px; line-height: 31px; padding: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border:1px solid #999; display: block; } .s-CaseCenter-search .search input[type="button"]{ width: 15%; height: 42px; line-height: 33px; border: none; font-size: 16px; color: #fff; text-align: center; background-color: #e10032; position:absolute; top:25px; right:5%; border-top-right-radius: 4px; border-bottom-right-radius: 4px; display: block; } @media screen and (max-width: 768px){ .s-CaseCenter-search .search{ width: 95%; } .s-CaseCenter-search .search input[type="text"]{ font-size: 14px; width: 80%; } .s-CaseCenter-search .search input[type="button"]{ font-size: 14px; width: 20%; } } @media screen and (max-width: 475px){ .s-CaseCenter-search .search{ width: 100%; } .s-CaseCenter .banner-slider .bd ul li .cont .tit{ font-size: 16px; } .s-CaseCenter .banner-slider .bd ul li .cont .text{ font-size: 12px; } .s-CaseCenter .ban-zq{ margin-top:5px; } } /*s-CaseCenter-search*/ .s-CaseCenter-screen{ padding: 35px 0; } .s-CaseCenter-screen .Condition{ margin-bottom: 15px; font-size: 18px; color: #333; cursor: pointer; font-weight:normal; } .s-CaseCenter-screen .Condition-m,.s-CaseCenter-screen .m-screen{ display: none; } .s-CaseCenter-screen .ScreenCondition ul{ margin-bottom: 5px; } .s-CaseCenter-screen .ScreenCondition .h5tit{ float: left; width: auto; font-size: 16px; color: #000; margin-right:2%; } .s-CaseCenter-screen .ScreenCondition .h5tit strong{font-weight:normal;} .s-CaseCenter-screen .ScreenCondition .screen-input{ float: left; width: 87%; } .s-CaseCenter-screen .ScreenCondition input{ vertical-align:middle; margin-right: 10px; } .s-CaseCenter-screen .ScreenCondition li{ float: left; font-size: 16px; color: #666; margin-right: 28px; cursor: pointer; margin-bottom: 10px; } .s-CaseCenter-screen .ScreenCondition .on{ color: #e10032; } @media screen and (max-width: 1200px){ .s-CaseCenter-screen .ScreenCondition .screen-input{ width: 80%; } } @media screen and (max-width: 768px){ .s-CaseCenter-screen .Condition img{ float: right; margin-right: 13px; } .s-CaseCenter-screen .Condition-m{ display: block; font-size: 15px; color: #000; line-height: 25px; padding: 15px 20px; border: 1px solid #eee; border-radius: 3px; } .s-CaseCenter-screen .ScreenCondition img.m-screen{ width:16px; } .s-CaseCenter-screen .Condition-m img{ float: right; margin-top: 5px; } .s-CaseCenter-screen .screen{ padding: 0 0 0 20px; } .s-CaseCenter-screen .ScreenCondition .screen-input{ display: none; } .s-CaseCenter-screen .ScreenCondition .nth-child-1{ display: block; } .s-CaseCenter-screen .ScreenCondition .h5tit{ float: none; padding: 15px 0; margin-right: 22px; border-bottom: 1px solid #eee; } .s-CaseCenter-screen .m-screen{ display: block; float: right; } .s-CaseCenter-screen .ScreenCondition .screen-input{ float: none; } .s-CaseCenter-screen .ScreenCondition li{ width: 100%; margin: 15px 0 15px; float: none; } } /*CaseList*/ .s-CaseCenter-screen .CaseList li{ width: 100%; border-bottom:1px solid #e0e0e0; padding-bottom:40px; margin: 40px 0; } .s-CaseCenter-screen .CaseList .pic{ float: left; position: relative; width: 25%; } .s-CaseCenter-screen .pic img{ width: 100%; } .s-CaseCenter-screen .CaseList .Describe{ float: right; position: relative; width: 70%; line-height: 30px; } .s-CaseCenter-screen .Describe .tit a{ display: inline-block; font-size: 20px; color: #333; margin-bottom: 2%; font-weight:normal; } .s-CaseCenter-screen .Describe .more{ color: #e10032; font-size: 16px; padding-right:18px; } .s-CaseCenter-screen .Describe .text{ font-size: 16px; height: 116px; overflow: hidden; } .s-CaseCenter-screen .more_list{ display: none; } @media screen and (max-width: 1200px){ .s-CaseCenter-screen .Describe .txt{ font-size: 12px; line-height: 25px; height: 78px; } .s-CaseCenter-screen .pic .more{ right: -47%; } } @media screen and (max-width: 920px){ .s-CaseCenter-screen .CaseList .pic{ width: 30%; } .s-CaseCenter-screen .CaseList .Describe{ width: 65%; } } @media screen and (max-width: 768px){ .s-CaseCenter-screen .CaseList{ padding: 0 15px; } .s-CaseCenter-screen .Describe .tit a{ margin: 0; } .s-CaseCenter-screen .Describe .text{ display: none; } .s-CaseCenter-screen .CaseList li{ margin: 20px 0; padding: 20px 0; border-bottom: 1px solid #eee; } .s-CaseCenter-screen .more_list{ display: block; width: 57px; height: 29px; margin: 30px auto; cursor: pointer; } .s-CaseCenter-screent .more_list img{ height: 29px; } } @media screen and (max-width: 475px){ .s-CaseCenter-screen .CaseList .pic{ width: 35%; } .s-CaseCenter-screen .CaseList .Describe{ width: 60%; } .s-CaseCenter-screen .Describe .tit{ height: 58px; overflow: hidden; } .s-CaseCenter-screen .Describe .tit a{ font-size: 16px; } } /*s-CaseCenter-screen*/ /****---------------------------------案例中心结束-------------------------------***/ /****---------------------------------TechnicalDocuments 技术文件英文版页结束-------------------------------***/ .s-TechnicalDocuments{ width: 1170px; margin: 0 auto; } .s-TechnicalDocuments-b{background:#f3f3f3;} @media screen and (max-width: 1200px){ .s-TechnicalDocuments{ width: 94%; padding: 0 3%; } } .s-TechnicalDocuments .breadnav .this{ color: #e10032; } .s-TechnicalDocuments .TD-h2{ font-size: 28px; color: #333; margin-top:36px; padding-bottom:20px; font-weight:normal; } @media screen and (max-width: 768px){ .s-TechnicalDocuments .TD-h2{ text-align: center; font-size: 24px; } } .TechnicalDocuments-Cookbook h3 a{color:#333;} .TechnicalDocuments-Cookbook h3{ color: #303030; font-size: 20px; padding: 30px 0; } .TechnicalDocuments-Cookbook .Cookbook h4 a{color:#333;} .TechnicalDocuments-Cookbook .Cookbook h4{ font-size: 18px; color: #333; padding: 30px 0; border-top: 1px solid #e0e0e0; } .TechnicalDocuments-Cookbook .Cookbook h4 img{ display: none; } .TechnicalDocuments-Cookbook .Cookbook li a{color:#333;} .TechnicalDocuments-Cookbook .Cookbook li{ float: left; width: 20%; font-size: 16px; color: #4d4d4d; text-align: center; padding-bottom: 30px; } .TechnicalDocuments-Cookbook .Cookbook li img{ margin-right: 15px; } .TechnicalDocuments-Cookbook .Cookbook .on a{ color: #e10032; } @media screen and (max-width: 768px){ .TechnicalDocuments-Cookbook .Cookbook:nth-child(4) ul{ display: none; } .TechnicalDocuments-Cookbook .Cookbook h4{ border: none; } .TechnicalDocuments-Cookbook .Cookbook h4 img{ display: block; float: right; margin-top: 5px; } .TechnicalDocuments-Cookbook .Cookbook li{ float: none; zoom:1; width: 22%; height: 16px; padding: 30px 37.5%; border-top: 1px solid #e0e0e0; } .TechnicalDocuments-Cookbook .Cookbook li:nth-child(1){ border: none; } .TechnicalDocuments-Cookbook .Cookbook li img{ float: left; margin: 0; } .TechnicalDocuments-Cookbook .Cookbook li span{ float: right; width: 85px; text-align: left; } } @media screen and (max-width: 610px){ .TechnicalDocuments-Cookbook .Cookbook li{ width: 30%; padding: 30px 35%; } } @media screen and (max-width: 475px){ .TechnicalDocuments-Cookbook .Cookbook li{ width: 40%; padding: 30px 30%; } } @media screen and (max-width: 360px){ .TechnicalDocuments-Cookbook .Cookbook li{ width: 45%; padding: 30px 27.5%; } } .TechnicalDocuments-Search .sa-search-wrap{position:relative;height:100px;} .TechnicalDocuments-Search .search input[type="text"]{outline:none;text-indent:10px;position:absolute;top:0;left:0;height:100%;width:80%;border:0;} .TechnicalDocuments-Search .search input[type="button"]{color:#fff;background:#e10032;position:absolute;top:0;right:0;height:100%;width:20%;border:0;border-radius:0;} .TechnicalDocuments-Search .search{ position:absolute;left:35%;top:30px; overflow:hidden;width:50%;height:40px;position:relative;border-radius:4px;border:1px solid #e0e0e0; } .TechnicalDocuments-Search .search-label{ font-size: 18px; color: #e10032; position:absolute; top:38px; left:18%; } @media screen and (max-width: 1200px){ .TechnicalDocuments-Search .search-label{left:16%;} } @media screen and (max-width: 1020px){ .TechnicalDocuments-Search .search-label{left:6%;} .TechnicalDocuments-Search .search{width:40%;} } @media screen and (max-width: 768px){ .TechnicalDocuments-Search .search-label{display:none;} .TechnicalDocuments-Search .search{width:90%;left:5%;} .TechnicalDocuments-Search .sa-search-wrap{background:#e0e0e0;margin:0 -10px;margin-top:10px;} } .TechnicalDocuments-Search .Document{ width: 100%; margin-bottom:80px; } .TechnicalDocuments-Search .Document .Document-type{ float: left; width: 30%; margin-right: 2%; overflow: hidden; } .TechnicalDocuments-Search .Document ul{ position: relative; background-color: #f7f7f7; } .TechnicalDocuments-Search .Document h4{ font-size: 16px; color: #333; padding: 20px 0; position:relative; } .TechnicalDocuments-Search .Document li{ font-size: 16px; color: #4d4d4d; padding: 18px; cursor: pointer; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .TechnicalDocuments-Search .Document li:hover{ background: #e0e0e0 url(../images/s_technicaldocuments_right.png) no-repeat right center; } .TechnicalDocuments-Search .Document .m-pic{ display: none; } .TechnicalDocuments-Search .Document .on{ background: #e0e0e0 url(../images/s_technicaldocuments_right.png) no-repeat right center; } @media screen and (max-width: 768px){ .TechnicalDocuments-Search .Document li:hover{ background: #fff; color:#e10032; } .TechnicalDocuments-Cookbook .Cookbook{border-bottom:1px solid #fff;} .TechnicalDocuments-Cookbook .Cookbook ul{ background:#fff; margin:0 -3%; } .TechnicalDocuments-Search .Document .Document-type{ float: none; width: 100%; } .TechnicalDocuments-Search .Document ul{ border: 1px solid #e0e0e0; background:#fff; max-height:200px; overflow-y:auto; border-radius:4px; } .TechnicalDocuments-Search .Document li{ border-bottom: 1px solid #e0e0e0; } .TechnicalDocuments-Search .Document .on{ background: #fff; color:#e10032; } .TechnicalDocuments-Search .Document .m-pic{ display: block; position: absolute; top: 63px; right: 1px; border-radius:0 4px 4px 0; width: 58px; height: 58px; z-index:99; background:#f2f2f2; text-align:center; line-height:59px; } .TechnicalDocuments-Search .Document .m-pic img{ } .TechnicalDocuments-Search .Model li{ border-bottom: 1px solid #e0e0e0; } .TechnicalDocuments-Search .Model .on{ color: #e10032; } } /****---------------------------------TechnicalDocuments 技术文件英文版页结束-------------------------------***/ /****---------------------------------SupportResources 支持资源页开始-------------------------------***/ .s-SupportResources{ width: 1130px; margin: 0 auto; margin-bottom:14px; } @media screen and (max-width: 1200px){ .s-SupportResources{ width: 94%; padding: 3%; padding-top:0; } } .s-SupportResources .Prompt{ color: #999; font-size: 18px; padding: 20px 0 8px; } .s-SupportResources .Support h3{ font-size: 28px; color: #e10032; font-weight: normal; padding-bottom: 12px; } .s-SupportResources .Support dl{ padding: 34px 0; border-top: 1px solid #e0e0e0; } .s-SupportResources .Support dt{ color: #333; font-size: 20px; padding-bottom: 22px; } .s-SupportResources .Support dt img{ margin-right:4px; margin-top: -6px; } .s-SupportResources .Support dd{ color: #434343; font-size: 16px; line-height: 26px; margin-left: 51px; padding-left: 20px; background:url('../images/sa-red-dot.png') no-repeat left 8px; } @media screen and (max-width: 768px){ .s-SupportResources .Support h3{font-size:24px;} } /****---------------------------------SupportResources 支持资源页结束-------------------------------***/ /****---------------------------------Milestones 开始-------------------------------***/ .s-DevelopmentHistory{ width: 1200px; margin: 0 auto; margin-bottom:80px; } .sa-c-title{font-size:28px;font-weight:normal;color:#333;padding-bottom:20px;margin-top:12px;border-bottom:1px solid #e0e0e0;} @media screen and (max-width: 1200px){ .s-DevelopmentHistory{ width: 94%; padding: 0 3%; } } .DevelopmentHistory-more-a{font-size:16px;text-align:center;margin:20px 0;display:none;} .DevelopmentHistory-more-a a{color:#e10032;} .DevelopmentHistory .year{ position: relative; } .DevelopmentHistory .year h4,.DevelopmentHistory .year .m-more{ display: none; } .DevelopmentHistory .year ul{ padding: 40px 0; } .DevelopmentHistory .year li a{ color: #000; font-size: 16px; font-weight: 600; } .DevelopmentHistory .year li a:hover{ color: #e10032; } .DevelopmentHistory .year .on{ color: #e10032; } .DevelopmentHistory .hd a{ position: absolute; z-index: 10; } .DevelopmentHistory .hd .next-pic{ top: 39px; left: 0; } .DevelopmentHistory .hd .prev-pic{ top: 39px; right: 0; } @media screen and (max-width: 768px){ .DevelopmentHistory-more-a{display:block;} .DevelopmentHistory .hd{ display: none; } .DevelopmentHistory .year h4{ display: block; color: #666; font-size: 18px; font-weight:normal; margin-bottom:6px; } .DevelopmentHistory .year .m-more{ display: block; position: absolute; top: 45px; right: 4%; z-index: 10; } .DevelopmentHistory .year ul{ background: #f7f7f7; width: 91%; padding: 12px 4%; border: 1px solid #e0e0e0; border-radius: 3px; } .DevelopmentHistory .year li{ float: none; display:block; } .DevelopmentHistory .year li a{ font-size: 16px; } .s-DevelopmentHistory .sa-c-title{ text-align:center; } } .DevelopmentHistory .Event li{ padding: 30px 0; border-bottom:1px solid #e0e0e0; } .DevelopmentHistory .Event li:last-child{border-bottom:0;} .DevelopmentHistory .Event li img{ float: left; margin: 7px 10px 0 0; } .DevelopmentHistory .Event li span{ float: left; width: 98%; color: #4d4d4d; font-size: 16px; line-height: 24px; } @media screen and (max-width: 768px){ .DevelopmentHistory .Event li{ border-bottom: 1px solid #e0e0e0; } .DevelopmentHistory .Event li span{ width: 94%; } } /****---------------------------------Milestones 结束-------------------------------***/ /****---------------------------------Register 开始-------------------------------***/ .sa-register-ft{font-size:18px;margin-left:20px;} .sa-register-ft i{color:#e00032;padding:0 8px; font-style: normal;} .sa-register-ft .sa-register-m-h{color:#333;} .sa-register{margin-bottom:80px;} .sa-register-form dl{margin-top:30px;} .sa-register-form dt{height:50px;line-height:50px;font-size:20px;color:#333;float:left;width:26%;margin-right:2%;text-align:right;} .sa-register-form dd{float:left;font-size:16px;color:#333;width:60%;position:relative;} .sa-register-form .input-txt{text-indent:12px;width:90%;height:50px;line-height:50px;border:1px solid #e0e0e0;border-radius:4px;} .sa-register-form .input-select{width:90%;height:50px;line-height:50px;border:1px solid #e0e0e0;border-radius:4px;} .sa-register-form .input-textarea{width:90%;height:200px;line-height:1.7;border:1px solid #e0e0e0;border-radius:4px;} .sa-register-form .input-submit{font-size:20px;display:block;margin:20px auto; height: 44px; width: 210px; line-height: 44px; text-align: center; color: #fff; border:none; border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px; -moz-border-radius: 30px; background: #ec5735 url(../images/btn_bg.jpg) left top repeat-y;} .sa-register-form .sa-mandatory{color:#e10032;position:absolute;top:6px;right:7%;font-weight:bold;font-size:24px;} .sa-register-form .sa-mandatory-m{color:#e10032;font-weight:bold;font-size:24px;margin-left:2%;display:none;} @media screen and (max-width: 768px){ .sa-register .sa-c-title{text-align:center;} .sa-register-ft{display:block;text-align:left;margin-left: 0;} .sa-register-ft .sa-register-m-h{display:none;} .sa-register-form dt{float:none;width:96%;text-align:left;} .sa-register-form dd{float:none;width:96%;} .sa-register-form .input-txt{width:100%;} .sa-register-form .input-select{width:100%;} .sa-register-form .input-textarea{width:100%;} .sa-register-form dl{margin-top:10px;} .sa-register-form .sa-mandatory{display:none;} .sa-register-form .sa-mandatory-m{display:inline;} } /****---------------------------------Register 结束-------------------------------***/ /****---------------------------------Login 开始-------------------------------***/ .sa-login-form{margin:30px auto 80px;width:480px;font-size:18px;} .sa-login-name,.sa-login-password,.sa-login-code,.sa-login-sub{margin-top:30px;} .sa-login-name-t,.sa-login-password-t{float:left;width:400px;height:54px;line-height:54px;border:1px solid #e0e0e0;border-left:0;text-indent:12px;} .sa-login-name .sa-login-name-l{border:1px solid #e0e0e0;border-right:0;float:left;width:56px;height:56px;background:#f7f7f7 url(../images/sa_login_02.png) 2px 5px;} .sa-login-password .sa-login-name-l{border:1px solid #e0e0e0;border-right:0;float:left;width:56px;height:56px;background:#f7f7f7 url(../images/sa_login_02.png) 2px 58px;} .sa-login-code-t{height:55px;width:300px;text-indent:12px;border:1px solid #e0e0e0;margin-right:10px;} .sa-login-a-t{border:1px solid #e0e0e0;width:140px;display:inline-block;} .sa-login-a-t img{width:100%;max-height:58px;height: 100%;} .sa-login-code{position:relative;color:#999;} .sa-login-forgot-t{font-size:14px;position:absolute;top:-18px;right:18px;} .sa-login-register{float:left;color:#e10032;font-size:20px;} .sa-login-register a{color:#e10032;} .sa-login-sub{margin-top:40px;} .sa-login-submit{height: 44px;float:right; width: 210px; line-height: 44px; text-align: center; color: #fff; border:none; border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px; -moz-border-radius: 30px; background: #ec5735 url(../images/btn_bg.jpg) left top repeat-y;} @media screen and (max-width: 768px){ .sa-login .sa-c-title{text-align:center;font-size:24px;} .sa-login-register{float:none;width:100%;text-align:center;} .sa-login-submit{float:none;margin:20px auto;display:block;width:96%;} .sa-login-form{width:100%;} .sa-login-name-t,.sa-login-password-t{width:78%;} .sa-login-code{width:90%;} .sa-login-code-t{width:56%;float:left;margin-right:5%;} .sa-login-a-t{width:35%;height:58px;float:left;} .sa-login-sub{margin-top:20px;} } @media screen and (max-width: 534px){.sa-login-code{width:93%;}} @media screen and (max-width: 465px){.sa-login-code{width:95%;}} @media screen and (max-width: 375px){.sa-login-code{width:97%;}} /****---------------------------------Login 结束-------------------------------***/ /****---------------------------------join-us 开始-------------------------------***/ .sa-join-us-cont{margin-bottom:80px;position:relative;} .sa-join-us-title{font-size:24px;color:#333;padding:20px 0;} .sa-join-us-l{float:left;width:50%;} .sa-join-us-r{float:left;width:50%;} .sa-join-us-item{background:#f7f7f7;padding:12px;} .sa-join-us-item h4{font-size:18px;font-weight:normal;margin:10px 0;} .sa-join-us-item li{width:92%;color:#666;line-height:1.7;font-size:16px;padding-left:16px;background:url(../images/dot.png) no-repeat left 8px;} .sa-join-us-apply a{position:absolute;top:18px;right:0;width: 130px;height:38px; line-height: 38px; text-align: center; color: #fff; border:none; border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px; -moz-border-radius: 30px; background: #ec5735 url(../images/btn_bg_x.jpg) left top repeat-y;} .sa-join-us-arr{display:none;} @media screen and (max-width: 768px){ .sa-join-us .sa-c-title{text-align:center;} .sa-join-us-l{float:none;width:100%;} .sa-join-us-r{float:none;width:100%;} .sa-join-us-apply{text-align:center;margin:20px 0;} .sa-join-us-apply a{position:static;font-size:18px;background:none;color:#e10032;} .sa-join-us-title{font-size:20px;background:#f7f7f7;margin:0 -10px;padding:20px 12px;position:relative;} .sa-join-us-item{background:#fff;} .sa-join-us-arr{display:block;position:absolute;top:22px;right:8px;} .sa-join-us-cont{margin-bottom:2px;} } /****---------------------------------join-us 结束-------------------------------***/ /****---------------------------------contact-us 开始-------------------------------***/ .sa-contact-us-main{margin-bottom:40px;} .sa-contact-us-title{font-size:24px;color:#333;margin:30px 0 20px;} .sa-contact-us-dl{} .sa-contact-us-dl dt{font-size:20px;color:#333;font-weight:normal;} .sa-contact-us-dl dd{line-height:1.7;font-size:16px;color:#666;} .sa-contact-us-img{margin:30px 0;margin-right:-2%;} .sa-contact-us-item{float:left;margin-right:2%;width:48%;position:relative;} .sa-contact-us-item img{width:100%;display:block;} .sa-contact-us-desc{position:absolute;top:20%;left:4%;} .sa-contact-us-desc h5{font-size:20px;color:#333;padding-left:40px;margin-bottom:12px;} .sa-contact-us-desc p{font-size:16px;line-height:1.7;} .sa-contact-us-desc .sa-icon-1{background:url(../images/sa_contact_03.png) no-repeat;} .sa-contact-us-desc .sa-icon-2{background:url(../images/sa_contact_04.png) no-repeat;} .sa-contact-us-main .sa-sess{padding-bottom:20px;border-bottom:1px solid #e0e0e0;margin-bottom:20px;} .sa-contact-us-main .sa-sess:last-child{border-bottom:0;} @media screen and (max-width: 768px){ .sa-contact-us .sa-c-title{text-align:center;} .sa-contact-us-img{margin-right:0;} .sa-contact-us-item{float:none;margin-right:0;width:100%;margin-bottom:2%;} .sa-contact-us-desc{left:2%;} } @media screen and (max-width: 447px){ .sa-contact-us-desc h5{font-size:18px;margin-bottom: 8px;} .sa-contact-us-desc p{font-size:14px;line-height:1.4;} } /****---------------------------------contact-us 结束-------------------------------***/ /****---------------------------------sa-about-ruijie 开始-------------------------------***/ .sa-about-ruijie-txt{margin:30px 0 0;line-height:1.7;font-size:16px;color:#333;} .sa-about-ruijie-zt{font-weight:normal;font-size:28px;color:#333;margin-bottom:30px;} .sa-about-ruijie-tw{position:relative;height:1000px;margin-bottom:80px;} .sa-about-ruijie-wz{width:272px;background:#f7f7f7;padding:10px;line-height:1.7;font-size:16px;color:#333;margin-bottom:12px} .sa-about-ruijie-wz h5{font-size:18px;} .sa-about-ruijie-tp img{max-width:100%;} .sa-about-ruijie-1-p{position:absolute;top:24%;left:25%;} .sa-about-ruijie-2-p{position:absolute;top:15%;left:48%;} .sa-about-ruijie-3-p{position:absolute;top:24%;left:70%;} .sa-about-ruijie-4-p{position:absolute;top:58%;left:25%;} .sa-about-ruijie-5-p{position:absolute;top:64%;left:46%;} .sa-about-ruijie-6-p{position:absolute;top:58%;right:9%;} .sa-about-ruijie-7-p{position:absolute;top:38%;left:47%;} .sa-about-ruijie-1-t{position:absolute;top:4%;left:0;} .sa-about-ruijie-2-t{position:absolute;top:0;left:38%;} .sa-about-ruijie-3-t{position:absolute;top:4%;right:0;} .sa-about-ruijie-4-t{position:absolute;top:76%;left:4%;} .sa-about-ruijie-5-t{position:absolute;top:88%;left:43%;} .sa-about-ruijie-6-t{position:absolute;top:80%;right:0;} .as-about-ruijie-d-more{text-align:center;margin:10px 0 30px;display:none;} @media screen and (max-width: 1200px){ .sa-about-ruijie-6-p{right:0;} .sa-about-ruijie-6-t{width:22%;} } @media screen and (max-width: 992px){ .sa-about-ruijie-wz{width:26%;max-height:108px;overflow:hidden;} .sa-about-ruijie-tp{width:20%;} .sa-about-ruijie-6-t{top:72%;} .sa-about-ruijie-1-p{left:20%;} .sa-about-ruijie-4-p{left:20%;} } @media screen and (max-width: 768px){ .sa-about-ruijie-tw{margin-right:-2%;} .sa-about-ruijie-item{width:48%;margin-right:2%;float:left;} .sa-about-ruijie-7-p{display:none;} .sa-about-ruijie-tp{width:auto;height:210px;line-height:210px;text-align:center;position:static;} .as-about-ruijie-d-more{display:block;cursor:pointer;} .sa-about-ruijie-wz{height:190px;overflow:hidden;width:auto;position:static;} .sa-about-ruijie-tw{height:auto;margin-bottom:20px;} .sa-about-ruijie-txt{max-height:300px;overflow:hidden;} .sa-about-ruijie-zt{font-size:24px;} .sa-c-title{font-size:24px;} } /****---------------------------------sa-about-ruijie 结束-------------------------------***/ /*分页*/ .sa-page{text-align:center;margin:12px 0;position:relative;} .sa-page a{display:inline-block;color:#666;font-size:18px;border:1px solid #666;padding:4px 12px;margin:0 4px;} .sa-page a.on{color:#d90030;} .sa-page a.no{color:#999;border:1px solid #999;} .page>span>a{display:inline-block;color:#666;font-size:18px;border:1px solid #666;padding:4px 12px;margin:0 4px;} .page>span>a.on{color:#d90030;} .page>span>a.no{color:#999;border:1px solid #999;} @media screen and (max-width: 768px){ .sa-page a{display:none;} .sa-page a.on{display:inline-block;border:0;color:#333;overflow:hidden;} .sa-recruitment-more-a{display:block;text-align:center;} .sa-page a.page-prev{color:#fff;display:inline-block;border:0;width:54px;height:25px;overflow:hidden;text-indent:100px;position:relative;} .sa-page a.page-next{color:#fff;display:inline-block;border:0;width:54px;height:25px;overflow:hidden;text-indent:100px;position:relative;} .sa-page a.page-next:after{color:#e10032;content:'>';display:block;position:absolute;top:-6px;left:-74px;width:54px;font-family:'宋体';font-weight:bold;font-size:30px;} .sa-page a.page-prev:before{color:#e10032;content:'<';display:block;position:absolute;top:-6px;left:-70px;width:54px;font-family:'宋体';font-weight:bold;font-size:30px;} .sa-page-mark{width:80px;height:40px;z-index:1;position:absolute;top:-3px;left:50%;margin-left:-40px;} } /*分页end*/ /*下拉面包屑*/ .other-bread-more { border: 1px solid #fff; padding: 5px; padding-right: 15px; position: relative; z-index: 2; background: url(../images/img_31.jpg) no-repeat right center; } .bread-drop{margin:20px 0;} .bread-drop .bread-drop-item{float:left;color:#333;position:relative;} .bread-drop .bread-drop-item>a{color:#333;display:inline-block;padding:5px;text-decoration:underline;} .bread-drop .bread-drop-item.on>a{text-decoration:none;z-index:2;position:relative;color:#e10032;background: url(../images/img_31.jpg) no-repeat right center;border: 1px solid #fff;padding-right: 15px;} .bread-drop .bread-drop-item.on:hover>a{border:1px solid #e0e0e0;border-bottom:1px solid #fff;} .other-ind-bread-child{border:1px solid #e0e0e0;position:absolute;background:#fff;width:300px;top:30px;display:none;} .other-ind-bread-child ul{padding:0 12px;} .other-ind-bread-child li{line-height:1.7;padding:5px;} @media screen and (max-width: 768px){ .bread-drop{display:none;} } /****---------------------------------文章详情开始-------------------------------***/ .s-ArticleDetails-wrapper{ width: 1200px; margin: 0 auto; } .s-Article-product .swiper-slide{display:block;} .s-Article-product .swiper-slide a{display:block;} @media screen and (max-width: 1200px){ .s-ArticleDetails-wrapper{ width: 94%; padding: 0 3%; } } /*Articledetails-wrapper*/ .s-Article-content{ position: relative; } .s-Article-title{ font-size: 28px; font-weight: normal; color: #1a1a1a; text-align: center; margin-top:12px; } .Statistics-border{ width: 100%; text-align:center; margin:2% 0; font-size:16px; } .Statistics-border>span{color:#666;} .Statistics-border-djl{margin-left:3%;} .Statistics-border-xzl{margin-left:3%;} .Statistics-border-xz{color:#e10032;margin-left:1%;} .s-Article-content .Article-text{ font-size: 16px; color: #666; line-height:2; border-top:1px solid #e0e0e0; padding-top:2%; } .s-Article-content .Article-text ul{ padding-left:2em; } .s-Article-content .Article-text p{margin-bottom:12px;} .s-Article-content .Article-text div{margin-bottom:12px;} .s-Article-content .Article-text ul{margin-bottom:12px;} .s-Article-content .Article-text ol{margin-bottom:12px;} .s-Article-content .Article-text li{ list-style-type: disc; list-style-position: inside; } .s-Article-content .Article-text img{ max-width:100%; } .s-Article-content .Article-download{ padding-bottom: 45px; border-bottom: 1px solid #e0e0e0; } .s-Article-content .Article-download a{ font-size: 16px; color: #e10133; } .s-Article-content .Article-download .s_fenxiangwailian{ position: absolute; right: 0; top: 58px; } .s-Article-content .Article-download .s_fenxiangwailian li{float:left;} .s-Article-content .s_fenxiangwailian img{ width: 40px; margin-right: 5px; } .s-Article-content .ArticleWhether p{ color: #999; font-size: 16px; padding: 20px 0; } .s-Article-content .ArticleWhether p span{ display: inline-block; width:30px; height:30px; line-height:30px; text-align:center; margin: 0 5px; border: 1px solid #006afe; border-radius: 50%; color: #006afe; cursor:pointer; } .s-Article-content .ArticleWhether p span:nth-child(2){ margin-right: 15px; } .s-Article-content .Article-textarea{ font-size: 16px; color: #999; display:none; } .s-Article-content .Article-textarea .txt1{ float: left; width: 9%; } .s-Article-content .Article-textarea .txt2{ float: left; width: 82%; height: 200px; border: 2px solid #999; font-size: 16px; color: #999; text-indent: 5px; } .s-Article-content .Article-textarea .txt3 a{ float: right; width: 7%; margin-top: 190px; font-size: 14px; font-weight: 600; color: #006afe; } @media screen and (max-width: 1024px){ .s-Article-content .Article-download{ position: relative; } .s-Article-content .Article-download .s_fenxiangwailian{ top: -10px; } } @media screen and (max-width: 900px){ .s-Article-content .Statistics{ width: 65%; } } @media screen and (max-width: 875px){ .s-Article-content .Article-textarea .txt1{ width: 11%; } .s-Article-content .Article-textarea .txt2{ width: 77%; } .s-Article-content .Article-textarea .txt3 a{ width: 8%; } } @media screen and (max-width: 768px){ .Statistics-border>span{ padding-bottom:2%; } .Statistics-border-xz{display:inline-block;} .Statistics-border-m-l{display:block;} .Statistics-border-djl { margin-left: 0; } .Statistics-border-xzl { margin-left: 0; } .s-Article-content .Statistics{ width: 65%; } .s-Article-content .Statistics li{ width: 44%; font-size: 14px; } .s-Article-content .Article-img{ width: 65%; height: auto; } .s-Article-content .Article-img p{ margin: 5% 0; } .s-Article-content .Article-textarea .txt1{ float: none; width: auto; margin-bottom: 3%; } .s-Article-content .Article-textarea .txt2{ float: none; width: 97%; height: 127px; } .s-Article-content .Article-textarea .txt3 a{ width: auto; margin: 2% 2% 0 0; } } @media screen and (max-width: 610px){ .s-Article-title{ font-size: 20px; } .s-Article-content .Statistics{ width: 95%; } .s-Article-content .Article-img p{ letter-spacing: 0; font-size: 14px; } .s-Article-content .ArticleWhether p{ font-size: 14px; } .s-Article-content .Article-textarea .txt1{ font-size: 14px; } .s-Article-content .Article-textarea .txt2{ font-size: 14px; } } @media screen and (max-width: 414px){ .s-Article-content h2{ font-size: 18px; } .s-Article-content .Statistics{ width: 100%; } .s-Article-content .Statistics li{ font-size: 12px; } .s-Article-content .Article-img p{ letter-spacing: 0; font-size: 12px; } .s-Article-content .ArticleWhether p{ font-size: 12px; } .s-Article-content .Article-textarea .txt1{ font-size: 12px; } .s-Article-content .Article-textarea .txt2{ font-size: 12px; } .s-Article-Relevant h3{ font-size: 18px; } .s-Article-Relevant .txt{ font-size: 12px; } .s-Article-Relevant .time{ font-size: 12px; } } /*s-Article-content*/ .s-Article-Relevant{ position: relative; background-color: #f3f3f3; padding: 3%; margin:30px 0; } .s-Article-Relevant ul{ margin-top: 3%; } .s-Article-Relevant ul li{ float: none; margin: 1% 0; } .s-Article-Relevant h3{ font-size: 28px; color: #303030; font-weight: normal; } .s-Article-Relevant .txt{ float: left; font-size: 16px; color: #666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .s-Article-Relevant .txt img{ margin-right: 10px; margin-bottom: 5px; } .s-Article-Relevant .time{ float: right; font-size: 14px; color: #afafaf; } .s-Article-Relevant .more{ font-size: 16px; color: #de0031; padding-right:18px; } .s-Article-Relevant .more-box{ position: absolute; top: 40px; right: 3%; } @media screen and (max-width: 768px){ .s-Article-Relevant{ padding: 3% 0; } .s-Article-Relevant h3{ text-align: center; } .s-Article-Relevant p.txt{ float:none; margin: 1% 0; } .s-Article-Relevant p.time{ float: none; margin-left: 10px; } .s-Article-Relevant ul li{ margin: 2% 0; } .s-Article-Relevant .more-box{ position: static; text-align: center; } } @media screen and (max-width: 414px){ .s-Article-Relevant h3{ font-size: 18px; } .s-Article-Relevant p.time{ font-size: 14px; } } /*s-Article-Relevant*/ .s-Article-product{ position:relative; background: #f3f3f3; width: 94%; padding:3%; margin-bottom:80px; } .s-Article-product .p-title{ margin-bottom:20px; color: #333; text-align: left; font-size: 28px; font-weight: normal; } .s-Article-product .product{ position: relative; width: 94%; height:270px; padding: 0 3%; overflow: hidden; } .s-Article-product .product a img{ width: 95%; display: block; margin: 0 auto; max-height:160px; } .s-Article-product .product .title{ line-height: 24px; font-size: 16px; text-align: center; padding: 5%; } .s-Article-product .product .title a{ color: #333; } .s-Article-product .product .prev{ position: absolute; top:20%; left: 0; cursor: pointer; } .s-Article-product .product .next{ position: absolute; top: 20%; right: 0; cursor: pointer; } .s-Article-product .pagination{ display: none; } .s-Article-product .pagination .swiper-pagination-switch{ display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #fff; margin: 0 5px; opacity: 0.8; border: 1px solid #e10032; cursor: pointer; } .s-Article-product .pagination .swiper-active-switch{ background: #e10032; } @media screen and (max-width: 996px){ .s-Article-Relevant .more-box{ top:36px; } .s-Article-product .pagination{ display: block; position: absolute; z-index: 20; bottom: 10px; left: 50%; margin-left: -50%; width: 100%; text-align: center; } } @media screen and (max-width: 768px){ .s-Article-product .product .prev,.s-Article-product .product .next{ display: none; } .s-Article-product .product .title{ padding: 5% 10%; } .s-Article-product .product{ height:auto; min-height:260px; } } /*s-Article-product*/ /****---------------------------------文章详情结束-------------------------------***/ .no-banner-line{width:100%;height:2px;border-bottom:1px solid #e0e0e0;} .service-announcement-top-line{width:100%;height:2px;border-bottom:1px solid #e0e0e0;} /****---------------------------------信息列表页开始-------------------------------***/ .sa-xxlly{margin:30px 0;} .sa-xxlly .sa-xxlly-title{font-size:24px;font-weight:normal;color:#333;} .sa-xxlly-coll-head{line-height:80px;background:#f7f7f7;} .sa-xxlly-coll-head li{float:left;cursor:pointer;font-size:20px;color:#333;line-height:78px;margin:0 2%;border-bottom: 2px solid #f7f7f7;} .sa-xxlly-coll-head li.on{color:#e00032;border-bottom:2px solid;} .sa-xxlly-coll-body{margin:20px 0;} .sa-xxlly-coll-item{} .sa-xxlly-coll-item dl{} .sa-xxlly-coll-item dt{font-size:18px;color:#333;font-weight:bold;margin:40px 0 22px;} .sa-xxlly-coll-item dd{font-size:16px;line-height:2;padding-bottom:32px;border-bottom:1px solid #e6e6e6;} .sa-xxlly-coll-item dd:last-child{border-bottom:0;} .sa-xxlly-coll-item dd a{color:#333;} .sa-xxlly-coll-item dd .sa-txt{float:left;padding-left:16px;background:url(../images/dot.png) no-repeat left center;width:78%;text-overflow: ellipsis; overflow: hidden;white-space: nowrap;} .sa-xxlly-coll-item dd .sa-time{color:#666;float:right;} .sa-xxlb-3-item{border-bottom:1px solid #e6e6e6;padding-bottom:30px;font-size:16px;position:relative;} .sa-xxlb-3-item .sa-title{font-size:20px;color:#333;font-weight:normal;margin:20px 0;width:95%;} .sa-xxlb-3-item .sa-desc{font-size:16px;line-height:1.7;width:80%;color:#666;} .sa-xxlb-3-item .sa-more{color:#e00032;margin-top:12px;display:inline-block;padding-right:18px;} .sa-xxlb-3-item .sa-time{position:absolute;top:0;right:0;} .sa-xxlb-3-item:last-child{border-bottom:0;} .sa-xxlb-2-ul{margin:26px auto 62px;} .sa-xxlb-2-item{font-size:16px;line-height:2;} .sa-xxlb-2-item .sa-title{float:left;font-size:18px;padding-left:16px;background:url(../images/dot.png) no-repeat left center;width:80%;text-overflow: ellipsis; overflow: hidden;white-space: nowrap;} .sa-xxlb-2-item .sa-title a{color:#333;} .sa-xxlb-2-item .sa-time{float:right;color:#666;} .sa-xxlly-m-title{display:none;} @media screen and (max-width: 992px){ .sa-xxlb-3-item .sa-title{width:85%;} } @media screen and (max-width: 768px){ .sa-xxlly{margin: 20px 0 30px;} .sa-xxlly-coll-item dd .sa-txt{width:90%;float:none;} .sa-xxlly-coll-item dd .sa-time{float:none;padding-left:16px;} .sa-xxlly .sa-xxlly-title{font-size:22px;} .sa-xxlly-m-title{position:relative;display:block;font-size:22px;font-weight:normal;background:#f7f7f7;height:80px;line-height:80px;margin:0 -10px;text-indent:16px;} .sa-xxlly-coll-head{display:none;} .sa-xxlly-m-title img{position:absolute;top:28px;right:10px;} .sa-xxlb-3-item .sa-desc{width:100%;} .sa-xxlb-3-item .sa-time{position:static;margin-bottom:12px;} .sa-xxlb-2-item .sa-title{width:96s%;float:none;} .sa-xxlb-2-item .sa-time{float:none;padding-left:16px;} .sa-xxlb-2 .sa-c-title{font-size:22px;} .sa-xxlb-2-item{line-height:1.3;margin-bottom:12px;} } .sa-search{position:relative;height:42px;width:46%;margin:40px 0;border-radius:4px;border:1px solid #e0e0e0;overflow:hidden;} .sa-input{outline:none;text-indent:10px;position:absolute;top:0;left:0;height:100%;width:80%;border:0;} .sa-button{color:#fff;background:#e10032;position:absolute;top:0;right:0;height:100%;width:20%;border:0;border-radius:0;} /*.sa-search{width:46%;margin:40px 0;} .sa-input{border:1px solid #999;color:#333;height:36px;line-height:40px;float:left;width:80%;text-indent:10px;border-top-left-radius:4px;border-bottom-left-radius:4px;} .sa-button{border:none;background:#d90030;color:#fff;font-size:16px;height:40px;line-height:40px;float:left;width:18%;border-top-right-radius:4px;border-bottom-right-radius:4px;} */.sa-tplby-check{font-size:18px;color:#333;margin:40px 0;} .sa-tplby-check .sa-tplby-check-icon{display:none;} .sa-tplby-check dl{width:100%;} .sa-tplby-check dt{font-size:20px;width:14%;float:left;} .sa-tplby-check dd{width:86%;float:left;} .sa-tplby-check dd span{display:inline-block;margin-right:10px;margin-bottom:12px;} .sa-tplby-check dd span label{margin-left:8px;} @media screen and (max-width: 992px){ .sa-tplby-check dt{width:16%;} .sa-tplby-check dd{width:84%;} } @media screen and (max-width: 768px){ .sa-tplby-check dl{background:#f7f7f7;border:1px solid #e6e6e6;border-radius:4px;padding:4% 2%;width:96%; max-height: 200px;overflow: auto;} .sa-tplby-check dt{width:96%;float:none;font-size:18px;} .sa-tplby-check dd{width:96%;float:none;display:none;margin-top:12px;} .sa-tplby-check dd span{display:block;} .sa-tplby-check .sa-tplby-check-icon{display:block;float:right;} .sa-search{width:100%;} .sa-input{width:74%;} .sa-button{width:22%;} } /****---------------------------------信息列表页结束-------------------------------***/ /****---------------------------------图片列表页开始-------------------------------***/ .sa-tplby-check{font-size:16px;color:#333;margin:40px 0;} .sa-tplby-check .sa-tplby-check-icon{display:none;} .sa-tplby-check dl{width:100%;} .sa-tplby-check dt{font-size:18px;width:12%;float:left;} .sa-search-check dt{font-size:18px;width:20%;float:left;} .sa-tplby-check dd{width:88%;float:left;padding-top: 4px;} .sa-search-check dd{width:80%;float:left;padding-top: 4px;} .sa-tplby-check dd span{display:inline-block;margin-right:10px;margin-bottom:12px;} .sa-tplby-check dd span label{margin-left:8px;} @media screen and (max-width: 992px){ .sa-tplby-check dt{width:16%;} .sa-tplby-check dd{width:84%;} } .sa-tplby-list{width:100%;margin-right:2%;margin-bottom:60px;} .sa-tplby-item{padding-bottom:12px;float:left;width:31.33%;margin-right:2%;background:#f7f7f7;margin-bottom:2%;} .sa-tplby-img img{width:100%;display:block;} .sa-tplby-desc h3{font-weight:normal;font-size:20px;color:#333;padding:12px;height:46px;overflow:hidden;} .sa-tplby-desc h3 a{color:#333;} .sa-tplby-desc p{font-size:15px;line-height:1.7;padding:12px;height:92px;overflow:hidden;} @media screen and (max-width: 768px){ .sa-tplby .sa-c-title{text-align:center;margin-top: 20px;} .sa-tplby-check dl{background:#f7f7f7;border:1px solid #e6e6e6;border-radius:4px;padding:4% 2%;width:96%; max-height: 200px;overflow: auto;} .sa-tplby-check dt{width:96%;float:none;font-size:18px;} .sa-tplby-check dd{width:96%;float:none;display:none;margin-top:12px;} .sa-tplby-check dd span{display:block;} .sa-tplby-item{width:48%;} .sa-tplby-desc p{display:none;} .sa-tplby-desc h3{font-size:18px;height:36px;} .sa-tplby-check .sa-tplby-check-icon{display:block;float:right;} } @media screen and (max-width: 500px){ .sa-tplby-desc h3{font-size:16px;height:32px;} } /****---------------------------------图片列表页结束-------------------------------***/ /****---------------------------------视频详情页开始-------------------------------***/ .sa-video-xq .sa-c-title{border-bottom:0;} .sa-video-xq-player .sa-player{width:86%;margin:20px auto;position:relative;} .sa-video-xq-player .sa-player-v{position:absolute;top:0;left:0;width:100%;height:100%;} .sa-video-xq-player .sa-player img{width:98%;display:block;margin:0 auto;} .sa-video-related-t{font-size:24px;font-weight:normal;border-bottom:1px solid #e0e0e0;padding-bottom:16px;} .sa-player-tool{position:relative;width:86%;margin:0 auto 40px;font-size:16px;color:#666;line-height: 38px;} .sa-player-tool li{float:left;} .sa-video-share{position:absolute;top:0;left:50%;margin-left:-88px;} .sa-video-share li{margin:0 2px;cursor:pointer;} .sa-video-dz li{margin-right:22px;} .sa-video-z{cursor:pointer;margin-right:4px;} .sa-video-c{cursor:pointer;margin-right:4px;} .sa-video-p{cursor:pointer;} .sa-video-download ul{} .sa-video-download li{} .sa-video-download .sa-d-num{color:#e10032;} .sa-video-download .sa-d-d a{color:#e10032;} .sa-video-download .sa-d-d a img{padding-left:6px;} .sa-video-desc{font-size:16px;color:#666;margin-bottom:60px;} .sa-video-opinion{width:100%;height:162px;position:relative;} .sa-video-opinion-l{float:left;color:#666;font-size:18px;width:118px;} .sa-video-opinion-m{float:left;color:#666;font-size:16px;width:950px;height:148px;} .sa-video-opinion-r{position:absolute;right:0;bottom:0;color:#666;font-size:18px;width:100px;} .sa-video-opinion-r a{color:#0069fb;} .sa-video-opinion-m textarea{border:1px solid #e0e0e0;width:96%;height:148px;color:#666;padding:1%;max-height:138px;} .sa-video-opinion-totle{font-size:20px;color:#333;font-weight:normal;margin:20px 0;} .sa-video-opinion-liyan{min-height:150px;} .sa-video-opinion-page .sa-page{float:right;} .sa-video-opinion-page .sa-page a{font-size:14px;padding:4px 10px;} .sa-video-bottom{margin-bottom:80px;margin-top:-40px;} .sa-video-download-m{display:none;} .sa-video-opinion-liyan{} .sa-video-opinion-liyan li{padding:20px 0;border-bottom:1px solid #e0e0e0;} .sa-video-opinion-liyan .sa-v-p-name{font-size:14px;color:#2477fb;} .sa-video-opinion-liyan .sa-v-p-text{font-size:16px;color:#666;line-height:1.7;margin:10px 0;} .sa-video-opinion-liyan .sa-v-p-time{font-size:14px;color:#666;} .sa-vide0-more-m{display:none;} @media screen and (max-width:1200px){ .sa-video-opinion-m{width:750px;} } @media screen and (max-width:992px){ .sa-video-opinion{height:228px;} .sa-video-opinion-l{float:none;} .sa-video-opinion-m{float:none;margin:12px 0;width:100%;} .sa-video-opinion-r{position:static;float:right;} .sa-video-xq{width:90%;} .sa-video-xq-player .sa-player{width:100%;} .sa-player-tool{width:100%;margin: 0 auto 54px;} } @media screen and (max-width:768px){ .sa-video-opinion-page .sa-page a{font-size:18px;padding:4px 12px;} .sa-video-opinion-page .sa-page{float:none;} .sa-video-download-m{display:block;text-align:right;} .sa-video-download-m a{color:#e10032;font-size:16px;} .sa-video-download .sa-d-d{display:none;} .sa-video-related-t{margin-bottom:40px;} .sa-video-share{top:40px; left:-3px; margin-left: 0;} .sa-video-share img{width:36px;} .sa-video-xq .sa-c-title{font-size:20px;padding-bottom:0;} .sa-video-xq-list .CoursesList ul{margin-right:0;} .sa-video-xq-list .CoursesList ul li{width:100%;margin:0;float:none;} .sa-video-dz li{margin-right:0;} .sa-video-dz span img{width:30px;} .sa-video-xq-list .sa-vide0-more{display:none;} .sa-video-xq-list>h3{text-align:center;} .sa-vide0-more-m{display:block;text-align:center;} } /****---------------------------------视频详情页结束-------------------------------***/ /****---------------------------------Bulletins 开始-------------------------------***/ .sa-Bulletins{padding-bottom:80px;} .sa-Bulletins-title{border-bottom:1px solid #e0e0e0;padding:28px 0;} .sa-Bulletins .sa-title{float:left;font-weight:normal;font-size:24px;color:#333;} .sa-Bulletins .sa-time{font-size:16px;color:#666;float:right;margin-top:10px;} .sa-Bulletins-lisy{margin-top:32px;} .sa-Bulletins-lisy li{padding-bottom:12px;line-height:32px;color:#333;font-size:16px;padding-left:16px;background:url(../images/dot.png) no-repeat left 10px;} .sa-Bulletins-lisy li a{color:#333;} @media screen and (max-width:768px){ .sa-Bulletins .sa-time{display:none;} } /****---------------------------------Bulletins 结束-------------------------------***/ /****---------------------------------corporate culture 开始-------------------------------***/ .sa-culture{margin-top:20px;} .sa-culture-top{margin:26px 0:} .sa-culture-tw li{width:50%;} .sa-culture-t-img img{width:100%;} .sa-culture-tw li h3{font-weight:normal;font-size:36px;color:#333;margin-bottom:26px;margin-top:10%;} .sa-culture-tw li p{font-size:22px;color:#666;line-height:1.7;} .sa-culture-tw .sa-culture-t-desc-r{padding-left:6%;width:44%;overflow:hidden;} .sa-culture-tw .sa-culture-t-desc-l{padding-right:6%;width:44%;overflow:hidden;} .sa-culture-m-t h2{font-weight:normal;font-size:36px;text-align:center;color:#333;margin:60px 0;} .sa-culture-b{margin-bottom:80px;} .sa-culture-b-l{float:left;width:30%;} .sa-culture-b-m{float:left;width:40%;text-align:center;} .sa-culture-b-r{float:left;width:30%;} .sa-culture-b-m img{max-width:100%;} .sa-culture-b li{border-bottom:1px solid #e0e0e0;height:100px;line-height:100px;} .sa-culture-b li span{font-size:22px;color:#666;padding:0 24px;} .sa-culture-b-r li{text-align:right;} .sa-culture-b-r .sa-last-l{border-bottom:0;} .sa-culture-b-l .sa-last-l{border-bottom:0;} .sa-culture-mo{display:none;} @media screen and (max-width:992px){ .sa-culture-b li span{padding:0;font-size:18px;} .sa-culture-b li{height:66px;line-height:66px;} .sa-culture-tw li h3{margin-bottom:0;margin-top:2%;} .sa-culture-b-l{float:left;width:35%;} .sa-culture-b-m{float:left;width:30%;} .sa-culture-b-r{float:left;width:35%;} } @media screen and (max-width:768px){ .sa-culture-tw li h3{font-size:28px;margin-top:30px;} .sa-culture-tw li p{font-size:18px;} .sa-culture-tw li{width:100%;} .sa-culture-tw .sa-culture-t-desc-r{width:100%;padding-left:0;} .sa-culture-tw .sa-culture-t-desc-l{width:100%;padding-right:0;} .sa-culture-m-t{margin:0 -10px;} .sa-culture-m-t h2{background:#f7f7f7;text-align:left;text-indent:12px;margin:30px 0;padding:30px 0;} .sa-culture-b-l{float:none;width:100%;} .sa-culture-b-m{float:none;width:70%;margin:0 auto;} .sa-culture-b-r{float:none;width:100%;} .sa-culture-b-r li{text-align:left;} .sa-culture-mo{display:block;} .sa-culture-pc{display:none;} .sa-culture-b-l .sa-last-l{border-bottom:1px solid #e0e0e0;} .sa-culture-b-l img{margin-left:20%;margin-right:4%;} .sa-culture-b-r img{margin-left:21%;margin-right:4%;width:48px;} .sa-culture-m-t h2{font-size:28px;padding: 30px 0 14px;} } /****---------------------------------Bulletins 结束-------------------------------***/ /****---------------------------------Corporate Publication 开始-------------------------------***/ .sa-publications-item{} .sa-publications-item>h3{font-size:26px;margin:30px 0;color:#333;} .sa-publications-desc>h4{font-weight:normal;font-size:24px;color:#333;margin-bottom:16px;} .sa-publications-desc div{line-height:1.7;color:#666;font-size:16px;} .sa-publications-item-ul li{position:relative;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #e0e0e0;} .sa-publications-item-ul li:last-child{border-bottom:0;} .sa-publications-desc{float:left;width:990px;height:164px;overflow:hidden;} .sa-publications-img{float:left;width:138px;margin-right:40px;} .sa-publications-img img{width:100%;} .sa-publications-pd{position:absolute;top:4px;right:0;color:#666;font-size:16px;} .sa-publications-pd .sa-p-l{color:#e0e0e0;padding:0 12px;} .sa-publications-pd img{margin-right:6px;} @media screen and (max-width:1200px){ .sa-publications-desc{width:790px;} .sa-publications-desc>h4{width: 560px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} } @media screen and (max-width:992px){ .sa-publications-desc{width:570px;} .sa-publications-desc>h4{width: 340px;} } @media screen and (max-width:768px){ .sa-publications-desc{position:absolute;top:0;left:42%;width:58%;} .sa-publications-img{width:40%;} .sa-publications-desc>h4{width: 100%;} .sa-publications-pd{bottom:27px;right:initial;left:42%;top:initial;} .sa-publications-item > h3{font-size:24px;} } @media screen and (max-width:468px){ .sa-publications-desc{width:68%;left:32%;} .sa-publications-img{width:30%;} .sa-publications-pd{bottom:40px;left:32%;} .sa-publications-pd .sa-p-l{padding:0 4px;} .sa-publications-desc div{display:none;} .sa-publications-desc>h4{overflow:auto;white-space:initial;font-size:18px;} } /****---------------------------------Corporate Publication 结束-------------------------------***/ /****---------------------------------Excellent Quality 开始-------------------------------***/ .sa-quality-item{border-bottom:1px solid #e0e0e0;padding-bottom:26px;margin-top:26px;} .mark-top-line{width:100%;height:2px;background:#fff;position:relative;top:-1px;} .sa-quality-item h3{font-weight:normal;font-size:24px;color:#333;margin-bottom:24px;} .sa-quality-item div{font-size:16px;line-height:1.7;color:#666;} .sa-quality-item ul li{font-size:16px;color:#666;line-height:1.7;padding-left:16px;background:url(../images/dot.png) no-repeat left 10px;} .sa-quality-item .sa-quality-item-more{text-align:right;} .sa-quality-item .sa-quality-item-more a{color:#e10032;font-size:16px;padding-right:18px;} .sa-quality-b-m{position:absolute;bottom:5%;right:10%;} .sa-quality-b-m a{color:#e10032;font-size:16px;padding-right:18px;} /****---------------------------------Excellent Quality 结束-------------------------------***/ /****---------------------------------innovations 开始-------------------------------***/ .sa-innovations-one{} .sa-innovations-one>h3{font-weight:normal;font-size:24px;color:#333;margin:30px 0 20px;} .sa-innovations-one li{background:#f7f7f7;padding:16px 24px;margin-bottom:20px;position:relative;} .sa-innovations-one .sa-innovations-o-img{position:absolute;text-align:center;top:24%;left:4%;} .sa-innovations-one .sa-innovations-o-desc{font-size:16px;float:left;line-height:1.7;width:90%;margin-left:10%;} .sa-innovations-two{} .sa-innovations-two>h3{font-weight:normal;font-size:24px;color:#333;margin:30px 0 20px;} .sa-innovations-two ul{margin-right:-3%;} .sa-innovations-two li{float:left;width:47%;margin-right:3%;background:#f7f7f7;margin-bottom:3%;position:relative;height:270px;} .sa-innovations-t-img{position:absolute;top:30%;left:4%;} .sa-innovations-t-desc{margin-top:16%;margin-left:27%;line-height:1.7;color:#333;width:60%;font-size:16px;} .sa-innovations-three>h3{font-weight:normal;font-size:24px;color:#333;margin:30px 0 20px;} .sa-innovations-three li{background:#f7f7f7;padding:28px 24px;margin-bottom:20px;position:relative;} .sa-innovations-three .sa-innovations-o-img{position:absolute;text-align:center;top:24%;left:2%;} .sa-innovations-three .sa-innovations-o-desc{font-size:16px;float:left;line-height:1.7;width:90%;margin-left:10%;} .sa-innovations-four{margin-bottom:80px;} .sa-innovations-four>h3{font-weight:normal;font-size:24px;color:#333;margin:30px 0 20px;} .sa-innovations-four ul{margin-right:-3%;} .sa-innovations-four li{float:left;background:#f7f7f7;width:30.33%;margin-right:3%;height:310px;text-align:center;} .sa-innovations-f-img{margin-top:34px;} .sa-innovations-f-line{width:28px;height:2px;background:#e0e0e0;margin:26px auto;} .sa-innovations-f-title{color:#333;font-size:18px;line-height:1.7;height:60px;overflow:hidden;} .sa-innovations-f-num{color:#e10032;font-size:18px;margin:12px 0;} .sa-innovations-f-desc{color:#666;font-size:16px;} @media screen and (max-width:1200px){ .sa-innovations-t-desc{margin-left:30%;} } @media screen and (max-width:992px){ .sa-innovations-t-desc{margin-left:35%;} } @media screen and (max-width:768px){ .sa-innovations-one li{padding:16px 10px;overflow: hidden;} .sa-innovations-three li{padding:16px 10px;overflow: hidden;} .sa-innovations-one .sa-innovations-o-desc{width:80%;margin-left:20%;} .sa-innovations-three .sa-innovations-o-desc{width:80%;margin-left:20%;} .sa-innovations-two ul{margin-right:0;overflow: hidden;} .sa-innovations-two li{float:none;width:auto;height:auto;min-height:154px;padding:0 10px;margin:10px 0;} .sa-innovations-t-desc{margin:0;padding:8% 0 0 20%;width:80%;} .sa-innovations-t-img{width:43px;} .sa-innovations-t-img img{width:100%;} .sa-innovations-three .sa-innovations-o-img img{width:43px;} .sa-innovations-four ul{margin-right:0;} .sa-innovations-four li{float:none;width:100%;margin:5px 0;height:auto;text-align:left;position:relative;overflow: hidden;} .sa-innovations-f-line{position:absolute;top:35px;left:33px;} .sa-innovations-f-desc{display:none;} .sa-innovations-f-img{float:left;margin-right:16px;margin-top:18px;margin-left:26px;height:66px;} .sa-innovations-f-img img{width:42px;} .sa-innovations-f-num{margin-top:0;} .sa-quality-item h3{font-size:20px;margin-bottom:10px;} .sa-innovations-one > h3{font-size:20px;} .sa-innovations-two > h3{font-size:20px;} .sa-innovations-three > h3{font-size:20px;} } /****---------------------------------innovations 结束-------------------------------***/ /****---------------------------------Partner Locator 开始-------------------------------***/ .sa-locator{margin-bottom:80px;} .sa-locator-ul{margin-right:-3%;margin-top:40px;} .sa-locator-ul li{float:left;width:30.33%;margin-right:3%;margin-bottom:36px;} .sa-locator-ul li .sa-locator-img{border:1px solid #e0e0e0;background:#f7f7f7;} .sa-locator-ul li .sa-locator-img img{width:100%;} .sa-locator-ul li .sa-locator-txt{margin-top:28px;height:220px;} .sa-locator-ul .sa-locator-txt h3{font-weight:normal;font-size:22px;color:#333;margin-bottom:8px;} .sa-locator-ul .sa-locator-txt p{font-size:16px;color:#666;line-height:1.7;} .sa-locator-more{display:none;} @media screen and (max-width:1200px){ .sa-locator-ul li .sa-locator-txt{height:208px;} } @media screen and (max-width:992px){ .sa-locator-ul li .sa-locator-txt{height:260px;} } @media screen and (max-width:768px){ .sa-locator-ul{margin-right:0;} .sa-locator-ul li{float:none;width:100%;margin-right:0;} .sa-locator-ul li .sa-locator-txt{height:auto;} .sa-locator-more{display:block;text-align:center;margin:20px 0;} } /****---------------------------------Partner Locator 结束-------------------------------***/ /****---------------------------------Service Policy 开始-------------------------------***/ .sa-policy-main{margin-bottom:80px;} .sa-policy-main h3{font-size:24px;color:#333;margin:30px 0 20px;font-weight:normal;} .sa-policy-main-ul li{line-height:2;color:#333;font-size:16px;padding-left:18px;background:url(../images/dot.png) no-repeat left 10px;margin-bottom:12px;} .sa-policy-main-ul li a{color:#333;} /****---------------------------------Service Policy 结束-------------------------------***/ /****---------------------------------Ruijie Channel Partner Structure 开始-------------------------------***/ .sa-structure{margin:10px auto 80px;} .sa-structure-title{text-align:center;font-size:28px;font-weight:normal;} .sa-structure-tool{border-bottom:1px solid #e0e0e0;padding-bottom:16px;margin:20px 0;position:relative;text-align:center;color:#666;font-size:16px;} .sa-structure-rele{} .sa-structure-click{margin:0 38px;} .sa-structure-click em{color:#e10032;} .sa-structure-font a{margin-left:12px;} .sa-structure-font a.on{color:#e10032;} .sa-structure-print{position:absolute;top:-6px;right:0;} .sa-structure-tool em{font-style:normal;} .sa-structure-contant{font-size:16px;color:#333;line-height:1.7;} .sa-structure-contant p{margin-bottom:12px;} .sa-structure-contant div{margin-bottom:12px;} .sa-structure-contant ul{margin-bottom:12px;} .sa-structure-contant img{max-width:100%;} .sa-structure-contant table{border:1px solid #e0e0e0;} .sa-structure-contant table td{border:1px solid #e0e0e0;} .sa-structure-contant-img{width:70%;margin:20px auto;} @media screen and (max-width:768px){ .sa-structure-contant-img{width:100%;margin:20px auto;} .sa-structure-print{display:none;} .sa-structure-font{position:absolute;top:-26px;left:50%;margin-left:-80px;} .sa-structure-tool{margin-top:40px;font-size:14px;} .sa-structure-title{font-size:24px;} .sa-structure-click{display:none;} .sa-policy-main h3{font-size:20px;} } /****---------------------------------Ruijie Channel Partner Structure 结束-------------------------------***/ /*-----------营销资料 开始----------------------*/ .sa-yxzlyl{max-width:1200px;margin:auto;} .sa-yxzlyl-t-title{margin-bottom:20px;} .sa-yxzlyl-head{padding:12px 0;} .sa-yxzlyl-relative{position:relative;} .sa-yxzlyl-head .sa-title{font-weight:normal;font-size:28px;color:#333;margin:12px 0; width: 100%;text-indent: 0;text-align: left;} .sa-yxzlyl-head .sa-yxzlyl-tool{color:#333;font-size:18px;border-bottom:1px solid #e0e0e0;} .sa-yxzlyl-head .sa-yxzlyl-tool span{margin-right:16px;color:#666;display:inline-block;} .sa-yxzlyl-head .sa-yxzlyl-tool i{font-style:normal;color:#e10032;font-size:16px;} .sa-yxzlyl-head .sa-yxzlyl-dl{position:absolute;top:14px;right:0;} .sa-yxzlyl-head .sa-yxzlyl-dl a{font-size:20px;color:#e10032;} .sa-yxzlyl-dl a img{padding-left:10px;} .sa-yxzlyl-body {margin-bottom:80px;} .sa-yxzlyl-body .sa-yxzlyl-desc{margin:10px 0 40px;font-size:18px;color:#666;line-height:2;} .sa-yxzlyl-body .sa-yxzlyl-img{text-align:center;} .sa-yxzlyl-body .sa-yxzlyl-img img{max-width:100%;} .sa-yxzlyl-body .sa-yxzlyl-dl{width:100%;text-align:center;margin:20px 0;} .sa-yxzlyl-video{width:70%;margin:20px auto;position:relative;} .sa-yxzlyl-video .sa-player{position:absolute;top:0;left:0;bottom:0;right:0;} .sa-yxzlyl-video .sa-video-bg{width:98%;} .sa-yxzlyl-txt{position:relative;width:100%;min-height:300px;} .sa-yxzlyl-txt-nav{float:left;width:262px;position:relative;background: #fff;} .sa-yxzlyl-mm{display:none;} .sa-yxzlyl-txt-nav-ml{font-size:20px;padding:14px;color:#333;border-bottom:1px solid #e0e0e0;background:#f7f7f7;} .sa-yxzlyl-txt-nav li{/*list-style-type: decimal-leading-zero;list-style-position: inside;*/color:#333;font-size:16px;border-bottom:1px solid #e0e0e0;cursor:default;padding:17px 10px 17px 17px;} .sa-yxzlyl-txt-nav .menu-title{padding-right:24px;} .sa-yxzlyl-txt-nav li:last-child{border-bottom:0;} .sa-yxzlyl-txt-nav li a{color:#333;text-decoration: none;} .sa-yxzlyl-txt-nav li .on{color:#e10032;} .sa-yxzlyl-txt-nav li .on>a{color:#e10032;} .sa-yxzlyl-txt-nav li.on{color:#e10032;} .sa-yxzlyl-txt-nav li.on>.menu-title{color:#e10032;} .sa-yxzlyl-txt-nav li.on>.menu-title a{color:#e10032;} .has-child-menu{background: url(../images/sa_img_down_arr.png) no-repeat 96% 20px;} .sa-yxzlyl-txt-body{float:left;width:880px;margin-left:28px;} .sa-xiug-cont{padding:10px;} .sa-yxzlyl-txt-body{line-height:1.7;font-size:16px;color:#666;} .sa-yxzlyl-txt-body img{max-width:100%;} .sa-yxzlyl-txt-body .sa-hh-title{font-size:22px;color:#333;text-align:center;} .sa-yxzlyl-txt-body .sa-hh-z-title{font-size:16px;color:#000;font-weight:normal;margin-top:20px;} .sa-yxzlyl-txt-body .sa-hh-ul li{padding-left:12px;background:url(../images/dot.png) no-repeat left 8px;} .sa-yxzlyl-txt-body .sa-er-not{padding-left:30px;background:url(../images/saasas_03.png) no-repeat left 0;} .sa-yxzlyl-txt-n-m{display:none;} .sa-xiug-m-nav{display:none;} .sa-yxzlyl-txt-nav-m{display:none;cursor:pointer;height:60px;width:100%;background:#f7f7f7 url(../images/sa_yxzlyl_04.jpg) no-repeat center;} .sa-xiug-m-mb{display:none;} .s-read-item{} .s-read-item dl a{padding:5px;color: #807d7d;display:block;font-family:Arial,'微软雅黑', sans-serif;} .s-read-item dl{padding-left:24px;display:none;} .sa-yxzlyl-txt-body .pro-search .search{border:1px solid #e0e0e0;margin:0 40px;} .sa-yxzlyl-txt-body .pro-search{height: 42px;padding:7px 0;background:#f7f7f7;border-bottom:1px solid #e0e0e0;} .s-sa-yxzlyl-top-search{height:57px;position:relative;} .s-sa-yxzlyl-top-search .sa-yxzlyl-dl{position:absolute;top:15px;right:10px;width:auto;margin:0;color:#e10032;} .s-sa-yxzlyl-top-search .sa-yxzlyl-dl a{color:#e10032; font-family:Arial,'微软雅黑', sans-serif;} .sa-yxzlyl-txt-body-fixed{margin-left:290px;} .s-sa-yxzlyl-top-search-fixed{position:fixed;top:0;z-index:1002;width:100%;max-width:880px;} .sa-yxzlyl-txt-nav-fixed{position:fixed ;top:0;z-index:1014;} .sa-position-relative{position:static;} .s-downLoad{background:#fff;padding:40px;position:fixed;display:none;z-index:1016;top:50%;left:50%;width:600px;margin-left:-340px;} .s-downLoad-close{position:absolute;top:10px;right:10px;} .s-downLoad>h3{color:#333;font-size:24px;margin-bottom:10px;} .s-downLoad-list{margin-top:10px;} .s-downLoad-list a{color:#e10032;} .s-downLoad-list>li{padding-left:30px;position:relative;margin-bottom:10px;} .s-downLoad-icon{position:absolute;top:0;left:0;} @media (min-width: 768px){ .s-sa-yxzlyl-top-search-fixed{ width: 460px;} } @media (min-width: 992px){ .s-sa-yxzlyl-top-search-fixed{width: 680px;} } @media (min-width: 1200px){ .s-sa-yxzlyl-top-search-fixed{width: 880px;} } @media screen and (max-width:1200px){ .sa-yxzlyl-head .sa-title{width:85%;} .sa-yxzlyl-txt-body{width:680px;} } @media screen and (max-width:992px){ .sa-yxzlyl-txt-body{width:460px;} } @media screen and (max-width:768px){ .sa-yxzlyl-t-title .sa-c-title{text-align:center;font-size:28px;} .sa-yxzlyl-head .sa-yxzlyl-dl{position:static;text-align:center;} .sa-yxzlyl-head .sa-title{font-size:24px;text-align:center;width:100%;white-space: normal;} .sa-yxzlyl-head .sa-yxzlyl-tool{font-size:14px;} .sa-yxzlyl-video{width:90%;} .sa-yxzlyl-txt-nav{float:none;width:100%;margin:0;background:#fff;border-radius:4px;width:90px;z-index: 100;height: 1px;} .sa-yxzlyl-txt-nav li{} .sa-yxzlyl-txt-nav li.on{background:#f7f7f7;color:#e10032;} .sa-yxzlyl-txt-nav li.on a{color:#e10032;} .sa-yxzlyl-txt-nav .s-read-menu{background: #fff;display:none;height:59px;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden;width:96%;margin:0 auto;} .sa-yxzlyl-txt-body{float:none;width:96%;padding:2%;margin-left:0;} .sa-yxzlyl-body{padding:0;} .sa-yxzlyl-txt-body{background:#fff;padding:0;width:100%;} .sa-xiug-cont{padding:10px;height:365px;overflow:hidden;position:relative;} .sa-yxzlyl-txt-n-m{display:block;position:absolute;top:25px;right:12px;z-index:2;} .sa-yxzlyl-txt-nav-m{display:none;} .sa-yxzlyl-txt-nav-ml{border-bottom:none;} .sa-yxzlyl-txt-body .sa-xiug-m-nav{background:#f7f7f7 url(../images/sa_img_down_arr.png) no-repeat 96% center;position:relative;display:block;border-bottom:1px solid #fff;padding:14px;color:#333;font-size:18px;font-weight:normal;} .sa-yxzlyl-txt-body h3.on{color:#e10032;background:#f7f7f7 url(../images/sa_img_up_arr.png) no-repeat 96% center;} .sa-yxzlyl-body .sa-yxzlyl-desc{margin:18px 0;} .sa-xiug-m-mb{display:block;text-align:center;background:#fff;padding:20px 0;position:absolute;bottom:0;left:0;width:100%;} /*.sa-yxzlyl-mm{display:block;position:absolute;top:73px;right:16px;display:none;}*/ .sa-yxzlyl-mm{position:fixed;top:90px;left:0;z-index:2000;font-size:24px;color:#333;width:97%;padding-right:3%;background:#fff;text-align:right;} .sa-yxzlyl-txt-body .pro-search .search{width:54%;margin-left:30%;} .s-sa-yxzlyl-top-search .sa-yxzlyl-dl span{display:none;} .s-sa-yxzlyl-top-search-fixed{width:100%;} .s-sa-yxzlyl-top-search .s_search .search input[type="button"]{width:30%;} .sa-yxzlyl-txt-nav-fixed{z-index:1012;} .scroll-jq ul.s-read-menu-fixed{width:100%;position:fixed;height:400px;top:87px;z-index:1014;overflow-y:scroll;margin-top:30px;} .s-downLoad{width:84%;left:0;margin-left:0;padding:8%;} } /****---------------------------------营销资料 结束-------------------------------***/ /****---------------------------------产品列表 开始-------------------------------***/ .sa-cplb-g-t-left{float:left;width:48%;} .sa-cplb-g .sa-t-title{font-size:28px;font-weight:normal;color:#333;margin:20px 0;} .sa-cplb-g-t-left .sa-desc{font-size:16px;color:#333;line-height:1.7;height:;overflow:hidden;} .sa-cplb-g-t-right{float:right;width:50%;text-align:center;} .sa-cplb-g-t-left .sa-more{color:#e10032;font-size:18px;display:none;} .sa-cplb-g-t-left .sa-more span{cursor:pointer;} .sa-cplb-g-t-left .sa-more i{font-style:normal;font-size:32px;font-family:'宋体';font-weight:bold;position:relative;top:5px;} .sa-cplb-g-t-right img{width:80%;max-height:320px;} .sa-cplb-g-b{margin-top:24px;margin-bottom:80px;} .sa-cplb-g-b .sa-cplb-l-menu{float:left;width:30%;background:#f7f7f7;} .sa-cplb-g-b .sa-cplb-l-body{float:left;width:66%;margin-left:4%;} .sa-cplb-g-b .sa-cplb-l-menu>ul>li{height:73px;line-height:73px;border-bottom:1px solid #fff;font-size:20px;color:#333;padding-left:18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .sa-cplb-g-b .sa-cplb-l-menu>ul>li a{color:#333;} .sa-cplb-g-b .sa-cplb-l-menu>ul>li.on{border-bottom:2px solid #e10032;} .sa-cplb-g-b .sa-cplb-l-menu>ul>li.on>a{color:#e10032;} .sa-cplb-l-body .sa-cplb-body-check{} .sa-cplb-l-body .sa-cplb-body-check dl{margin-bottom:12px;} .sa-cplb-l-body .sa-cplb-body-check dt{font-size:16px;color:#333;float:left;width:15%;} .sa-cplb-l-body .sa-cplb-body-check dd{font-size:16px;color:#333;float:left;width:85%;} .sa-cplb-l-body .sa-cplb-body-check dd span{margin-left:12px;display:inline-block;margin-bottom:12px;} .sa-cplb-l-body .sa-cplb-body-check dd span label{margin-left:8px;} .sa-cplb-body-list{} .sa-cplb-body-list li{border-bottom:1px solid #e0e0e0;padding:20px 0;position:relative;} .sa-cplb-body-list li:last-child{border-bottom:0;} .sa-cplb-body-list li .sa-img{float:left;width:24%;} .sa-cplb-body-list li .sa-img img{width:100%;} .sa-cplb-body-list li .sa-content{float:left;width:74%;margin-left:2%;} .sa-cplb-body-list li .sa-content>h4{font-weight:normal;font-size:24px;color:#333;} .sa-cplb-body-list li .sa-content>h4 a{color:#333;} .sa-cplb-body-list li .sa-content .sa-desc{line-height:1.7;color:#666;font-size:16px;margin:10px 0;} .sa-cplb-body-list li .sa-content .sa-more a{color:#e10032;font-size:16px;padding-right:18px;} @media screen and (max-width:992px){ .sa-cplb-g-b .sa-cplb-l-menu>ul>li{font-size:16px;height:50px;line-height:50px;} .sa-cplb-body-list li .sa-content .sa-desc{height:50px;overflow:hidden;} .sa-cplb-l-body .sa-cplb-body-check dt{width:18%;} .sa-cplb-l-body .sa-cplb-body-check dd{width:82%;} } @media screen and (max-width:768px){ .sa-cplb-g-b{padding:0;} .sa-cplb-g .sa-t-title{font-size:24px;text-align:center;} .sa-cplb-g-t-left{float:none;width:100%;} .sa-cplb-g-t-right{float:none;width:100%;} .sa-cplb-g-t-left .sa-more{text-align:center;} .sa-cplb-g-b .sa-cplb-l-menu{float:none;width:100%;} .sa-cplb-g-b .sa-cplb-l-menu>ul>li.on {border-bottom:1px solid #fff;} .sa-cplb-g-b .sa-cplb-l-menu>ul>li>a {display:block;background:url(../images/sa_img_down_arr_1.png) no-repeat 97% center;} .sa-cplb-g-b .sa-cplb-l-menu>ul>li.on>a{background:url(../images/sa_img_up_arr_1.png) no-repeat 97% center;} .sa-cplb-l-menu .sa-cplb-body-check{background:#fff;margin-left: -18px;padding-top: 6px;} .sa-cplb-l-menu .sa-cplb-body-list{background:#fff;margin-left: -18px;} .sa-cplb-l-menu dl{width:94%;border-radius:4px;border:1px solid #e0e0e0;margin:0 auto;margin-top:12px;} .sa-cplb-l-menu dt{width:98%;padding-left:2%;background-color:#f7f7f7;background-image:url(../images/sa_img_down_arr_1.png); background-repeat:no-repeat;background-position-x:97%;background-position-y:center;} .sa-cplb-l-menu dd{width:100%;display:none;} .sa-cplb-l-menu dd span{display:block;padding-left:12px;} .sa-cplb-l-menu .sa-more{display:none;} .sa-cplb-l-menu .sa-desc{display:none;} .sa-cplb-l-menu li .sa-content>h4{font-size:16px;white-space: initial;line-height:24px;} } /****---------------------------------产品列表 结束-------------------------------***/ .link-blue{color:#6495ED !important;text-decoration:underline !important;} /****---------------------------------网站地图 开始-------------------------------***/ .sa-wang{} .sa-wang-wrap{float:left;width:31%;margin-right:2%;margin-bottom:20px;} .sa-wang-item{border:1px solid #e0e0e0;line-height:1.7;margin-bottom:20px;padding:1%;} .sa-wang-title{font-weight:normal;font-size:18px;color:#e10032;border-bottom:1px solid #e0e0e0;padding-bottom:10px;margin-bottom:12px;} .sa-wang-inner{font-size:18px;} .sa-wang-title a{color:#e10032;} .sa-wang-title-e{font-weight:normal;font-size:18px;color:#e10032;} .sa-wang-inner>li{margin-bottom: 10px;} .sa-wang-inner>li a{color:#333;} .sa-wang-inner div{padding-left:14px;font-size:16px;color:#999;margin-bottom: 10px;} .sa-wang-inner div a{color:#999;} @media screen and (max-width:768px){ .sa-wang-wrap{float:none;width:100%;margin-right:0;} } /****---------------------------------网站地图 结束-------------------------------***/ .s-mark{display:none;position:absolute;top:9px;left:-8px;z-index:1002;} .ydc-mark{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5; filter:alpha(opacity=50);z-index:1001;} .s-mark-t-1{color:#fff;font-size:24px;margin-bottom:20px;} .s-mark-t-2{color:#fff;font-size:16px;padding:2px 4px;border:1px solid #fff;border-radius:4px;cursor:pointer;margin-left:50px;} .s-mark-relative{position:relative;} .s-mark-arr{position:absolute;top:-40px;left:180px;} .s-mark-tt{position:absolute;top:-70px;left:280px;width:200px;} @media (max-width: 768px){ .s-mark{top:45px;} .s-mark-tt{top:-128px;left:120px;} .s-mark-arr{top:-43px;left:160px; transform: rotate(-21deg); -ms-transform: rotate(-21deg); /* IE 9 */ -webkit-transform: rotate(-21deg); /* Safari and Chrome */} } .chanpin-view-all{font-size:16px;margin-bottom:24px;position: relative;top: -16px;} .chanpin-view-all-btn{ cursor:pointer; display: inline-block; padding: 10px 0; width: 150px; text-align: center; font-size: 16px; color: #fff; border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -moz-border-radius: 4px; background: #ec5735 url(../images/btn_bg.jpg) left top repeat-y; margin-left: -10px;} .chanpin-view-all .dt-title{margin:6px 0;color:#000;font-size:18px;color:#e10032;} .chanpin-view-all .dt-title a{color:#e10032;} .chanpin-view-all .dt-title-child{font-size:16px;font-weight:bold;margin:4px 0;color: #666;} .chanpin-view-all .dd-item{float:left;line-height:28px;width:31.33%;padding-right:2%; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .chanpin-view-all .close{text-align:center;color:#e10032;cursor:pointer;padding:6px 0;} .chanpin-view-all .v-all{display:none;} .chanpin-view-all .dt-title-child:before, .chanpin-view-all .dt-title-child:after { content: " "; /* 1 */ display: table; /* 2 */ clear:both; } @media (max-width: 992px){ .chanpin-view-all .dd-item{width:48%;} } @media (max-width: 768px){ .chanpin-view-all .dd-item{width:98%;} .product-list-a{height:73px;position:relative;} .chanpin-view-all-btn{position: absolute;top: 50px;} } /*---------------------------2017年6月27日添加（产品详情页和文档中心搜索结果页，添加整册的显示列表）-----------------------------*/ /*产品详情页手册显示整册使用样式*/ .product-azwh ul { overflow: hidden; } .product-azwh li { font-size: 16px; padding-left: 16px; height: 40px; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: url(../images/dot.png) no-repeat left center; } .product-details-content dl dd h3 { font-size: 16px; float: left; } .product-details-content dl dt { margin: 26px 0 12px; overflow: hidden; } .product-details-content dl dt h2 { font-size: 20px; font-weight: bold; margin: 26px 0 12px; } .product-details-content dl dd img { margin-left: 10px; margin-bottom: 5px; } .product-details-content dl dd .list_line { border-bottom: 1px dotted #b4b4b4; } /*文档中心搜索结果页使用样式*/ .whole_ul { overflow: hidden; font-family: Arial,'微软雅黑', sans-serif; font-size: 16px; line-height: 2; color: #333; } .whole_ul img { margin-left: 10px; margin-bottom: 5px; cursor: pointer; } .more_open { color: red; cursor: pointer; font-size: 16px; padding: 15px 0 10px 0; border-bottom: 1px dashed #e6e6e6; } .whole_ul p { width: 78%; float: left; background: url(../images/dot.png) no-repeat left center; padding-left: 16px; } .whole_ul h3 { font-size: 16px; float: left; color: #333; font-weight: bold; } .div_slide { display: none; }