/*--公共--*/ div,form,img,ul,ol,li,dl,dt,dd,p,tr,td,body,strong,span,pre,input{margin:0; padding:0; border:0; background-repeat:no-repeat; outline:none;} h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; font-weight:normal;font-family:"微软雅黑","微軟正黑體";} body{font-family:"微软雅黑","微軟正黑體";font-size:12px;margin:0px;padding:0px;color:#333333;line-height:24px;height:auto;clear:both;} img{border:0px;} ul,li{ list-style:none;} em,i{ font-style:normal;} a{ text-decoration:none !important; color:#333333; outline:none; cursor:pointer;} a:hover{ background-repeat:no-repeat;text-decoration: none; color:#c80000;} .clearfl:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} .clearfl{*zoom:1;} *{-webkit-appearance:none;} /*--头部--*/ body{transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear; left:0px; position:relative;} .navbox{ position:absolute; left:0px; top:0px; width:100%; z-index:9999; height:68px;} .logo{ display:block; float:left; padding-top:15px; position:relative; z-index:9999;} .logo img.imglogo{ display:block;} .logo img.imglogo1{ display:none;} .nav{ float:right; padding-top:25px;} .nav ul li{ float:left; position:relative; height:41px; margin-left:40px;} .nav ul li span a{ font-size:14px; color:#fff; font-weight:700;} .nav ul li i{ position:absolute; transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear; top:25px; left:0px; width:0px; height:1px; background:#c80000;} .nav ul li:hover i{width:50%;} .nav ul li.cur i{ width:50%; background:#fff;} .navtwo{ position:absolute; left:0px; top:41px; width:100%; background:#fff;display:none;border-top:2px solid #c80000;} .navproduct{width:1210px; margin:0px auto; padding-left:160px; padding-top:25px; padding-bottom:25px;} .navproduct dl dd{ float:left; width:160px; margin-left:50px;} .navproduct dl dd h3{ font-size:14px; font-weight:bold; border-bottom:1px solid #dee0e8; padding-bottom:8px;} .navproduct dl dd h3 img{ margin-right:15px;} .navproduct dl dd p{ padding-top:10px;} .navproduct dl dd p a{ display:block; font-size:14px; line-height:24px;} .navabout{width:1210px; margin:0px auto; padding-left:450px; padding-top:25px; padding-bottom:25px;} .navabout dd{ float:left;margin-left:100px;} .navabout dd h3{ font-size:14px; font-weight:bold; border-bottom:1px solid #dee0e8; padding-bottom:8px;} .navabout dd h3 img{ margin-right:8px;} .navabout dd p{ padding-top:10px;} .navabout dd p a{ display:block; font-size:14px; line-height:24px;} .navCooperation{width:860px; margin:0px auto;} .navCooperation dd{ float:right; padding:15px 0px;} .navCooperation dd a{ display:inline-block; font-size:14px; font-weight:bold; margin-left:20px; line-height:24px;} .navCooperation dd a img{ display:block; margin:0px auto; padding-bottom:5px;} .navservice{width:700px; margin:0px auto;} .navservice dd{ float:right; padding:15px 0px;} .navservice dd a{ display:inline-block; font-size:14px; font-weight:bold; margin-left:60px; line-height:24px;} .navservice dd a img{ display:block; margin:0px auto; padding-bottom:5px;} .navindustry{width:1210px; margin:0px auto; padding-left:350px; padding-top:25px; padding-bottom:25px;} .navindustry dd{ float:right; padding:15px 0px;} .navindustry dd a{ display:inline-block; font-size:14px; text-align:center; font-weight:bold; margin-left:100px; line-height:24px;} .navindustry dd a img{ display:block; margin:0px auto; padding-bottom:5px;} .navsolution{width:1210px; margin:0px auto; padding-left:315px; padding-top:25px; padding-bottom:25px;} .navsolution dd{ padding:15px 0px; text-align:center;} .navsolution dd a{ display:inline-block; font-size:14px; text-align:center; font-weight:bold; margin-left:70px; line-height:24px;} .navsolution dd a img{ display:block; margin:0px auto; padding-bottom:5px;} .Language{ float:right;padding-top:25px; color:#d7d7d7; padding-left:40px;} .Language a{ display:inline-block; margin-left:25px; height:21px; width:21px; vertical-align:middle; color:#d7d7d7; font-size:14px; line-height:21px;} .Language a.searchicon{ background:url(../images/img02.png) no-repeat} .Language a.Loginicon{ background:url(../images/img03.png) no-repeat} .popupbg{ position:fixed; width:100%; height:100%; top:0px; left:0px; z-index:999999; background:url(../images/img40.png) repeat; display:none;} .searchpopup{ position:fixed; width:240px; left:50%; margin-left:-140px; top:30%;z-index:9999999;display:none;} .searchpopup label{ background:#ededed; display:block; padding:10px 50px 8px 20px; margin:0px;} .searchpopup label input{ width:100%; background:none; outline:none; font-size:16px; float:left;} .searchbtn{ position:absolute; right:0px;top:0px; background:url(../images/img39.png) no-repeat center; width:61px; height:42px;} .searchclose{ position:absolute; right:-42px; width:42px; height:42px; cursor:pointer; background:url(../images/img41.png) no-repeat center #fff; top:0px} .Mnavbtn{ position:relative; float:right; width:25px;cursor:pointer; padding-top:20px;} .Mnavbtn span{ height:3px; display:block; margin-top:5px;background:#c80000} .banner{ width:100%; /*height:500px;*/ overflow:hidden; position:relative;} .banner ul li{ background-size:cover; background-position:center;} .banner img{ display:block; width:100%} .bannerdot{ width:100%; position:absolute; z-index:99; bottom:20px; text-align:center; cursor:pointer;} .bannerdot span{ background:url(../images/img31.png) no-repeat; opacity:1; width:10px; height:10px; display:inline-block; margin:0px 5px; cursor:pointer;} .bannerdot span.swiper-active-switch{background:url(../images/img32.png) no-repeat;} .PCsearch{ width:100%; position:absolute; left:0px; right:0px; top:0px; bottom:2px; background:#fff; z-index:9; display:none;} .PCsearch p{ width:300px; left:50%; margin-left:-150px; top:50%; margin-top:-12px; position:absolute;} .PCsearch p input.PCsearchbtn{ background:url(../images/img137.png) no-repeat; width:17px; position:absolute; height:21px; cursor:pointer; border:none; left:0px; top:0px;} .PCsearch p label{ display:block; padding-left:25px; margin:0px;} .PCsearch p label input{ float:left; width:100%; font-size:14px; color:#666666;} .PCsearch dl{ width:1242px; position:absolute; left:50%; margin-left:-621px; top:0px; bottom:0px;} .PCsearch dl span{ background:url(../images/img41.png) no-repeat; width:20px; height:20px; top:50%; margin-top:-10px; right:30px; display:block; position:absolute; cursor:pointer;} /*--手机导航--*/ .bodyleft{left:-66%;position:relative; overflow:hidden; width:100%; height:100%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .mnav{ position:fixed; right:-100%; width:66%; bottom:0px; top:0px; background:#fff;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear; overflow-y:auto; overflow-x:hidden;} .mnav h3{ font-size:16px; padding:0px 8%; border-bottom:1px solid #dadadc; color:#999; position:relative;} .mnav h3 em{ position:absolute; width:18px; height:18px; right:8%; background:url(../images/img42.png) no-repeat center; top:50%; margin-top:-9px; cursor:pointer;} .mnav h3 span{padding:15px 0px; display:block; width:60%;} .mnav ul li h3 a{ display:block; background:url(../images/img33.png) no-repeat right center; background-size:18px; padding:15px 0px;} .mnav ul li p{padding:8px 8%; background:#eee; display:none;} .mnav ul li p a{ display:block; padding:5px 0px; font-size:14px;} .mnav ul li.cur h3 a{background:url(../images/img033.png) no-repeat right center; background-size:18px;} .mnavright{ right:0px;} /*--鼠标移入--*/ .hovernavbg{ background:#fff;border-bottom:2px solid #c80000;} .hovernavbg .nav ul li span a{ font-size:14px; color:#333333;} .hovernavbg .nav ul li i{ background:#c80000;} .hovernavbg .Language{color:#999;} .hovernavbg .Language a{ color:#999;} .hovernavbg .Language a:hover{ color:#c80000} .hovernavbg .Language a.searchicon{ background:url(../images/img002.png) no-repeat} .hovernavbg .Language a.Loginicon{ background:url(../images/img003.png) no-repeat} .hovernavbg .Language a.searchicon:hover{ background:url(../images/img0002.png) no-repeat} .hovernavbg .Language a.Loginicon:hover{ background:url(../images/img0003.png) no-repeat} .hovernavbg .logo img.imglogo{ display:none;} .hovernavbg .logo img.imglogo1{ display:block;} .clicknavbg{ background:#fff;border-bottom:2px solid #c80000;} .clicknavbg .nav ul li span a{ font-size:14px; color:#333333;} .clicknavbg .nav ul li i{ background:#c80000;} .clicknavbg .Language{color:#999;} .clicknavbg .Language a{ color:#999;} .clicknavbg .Language a:hover{ color:#c80000} .clicknavbg .Language a.searchicon{ background:url(../images/img002.png) no-repeat} .clicknavbg .Language a.Loginicon{ background:url(../images/img003.png) no-repeat} .clicknavbg .Language a.searchicon:hover{ background:url(../images/img0002.png) no-repeat} .clicknavbg .Language a.Loginicon:hover{ background:url(../images/img0003.png) no-repeat} .clicknavbg .logo img.imglogo{ display:none;} .clicknavbg .logo img.imglogo1{ display:block;} /*--公共--*/ .commontitle{ padding-top:50px; text-align:center; padding-left:15px; padding-right:15px;} .commontitle h3{ font-size:24px; color:#333; line-height:30px; padding-bottom:10px;font-family:Arial, Helvetica, sans-serif; position:relative; font-weight:bold;} .commontitle h3 i{ position:absolute; bottom:0px; height:2px; background:#c80000; width:46px; left:50%; margin-left:-23px;} .commontitle h4{ font-size:20px;color:#333; font-weight:bold; padding-top:12px; line-height:30px; padding-bottom:4px;} .commontitle p{ font-size:14px; color:#333;} .commontitle p.color666{ color:#666;} .Solutions{ padding-top:30px; padding-bottom:10px;} .Solutionsbox{ position:relative; background:#f7f7f7; text-align:center; padding-top:45px; padding-bottom:45px; margin-top:20px;} .Solutionsbox h3{font-size:18px; color:#000; padding-top:25px; padding-bottom:20px;} .Solutionsbox p{ font-size:14px; color:#8c8c8c; padding-bottom:4px;} .Solutionsbox img{ display:block; max-width:100%; border-bottom:1px solid #c6c6c6; margin:0px auto;} .Solutionsbox img.show{display:block;} .Solutionsbox img.hide{display:none;} .Solutionsbox span{ position:absolute;background:#c80000;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;} .Solutionsbox span.top{ height:3px;width:0%; top:0px; left:0px;} .Solutionsbox span.left{ height:0%;width:3px; left:0px; bottom:0px;} .Solutionsbox span.right{ height:0%;width:3px; right:0px; top:0px;} .Solutionsbox span.bottom{ height:3px;width:0%; bottom:0px; right:0px;} .Solutionsbox:hover{ background:none;} .Solutionsbox:hover h3{color:#c80000;} .Solutionsbox:hover span.top{ height:3px;width:100%; top:0px; left:0px;} .Solutionsbox:hover span.left{ height:100%;width:3px; left:0px; bottom:0px;} .Solutionsbox:hover span.right{ height:100%;width:3px; right:0px; top:0px;} .Solutionsbox:hover span.bottom{ height:3px;width:100%; bottom:0px; right:0px;} .Solutionsbox:hover img.show{display:none !important;} .Solutionsbox:hover img.hide{display:block !important;} .indexmore{ text-align:center; padding-top:30px;} .indexmore a{ border-top:1px solid #666666; border-bottom:1px solid #666666; color:#666; font-size:14px; display:inline-block;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear; position:relative; padding:0px 5px;} .indexmore a span{position:relative; z-index:99; display:block;background:url(../images/img09.png) no-repeat right center; padding:8px 30px 8px 0px;} .indexmore a i{display:block; position:absolute; left:0px; bottom:0px; top:0px; width:0px;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;} .indexmore a:hover{border-top:1px solid #c80000; border-bottom:1px solid #c80000; color:#fff;} .indexmore a:hover span{ background:url(../images/img009.png) no-repeat right center;} .indexmore a:hover i{ width:100%; background:#c80000;} .indexProducts{ background:#f8f8f8; margin-top:80px; padding-bottom:60px;} .indexProducts ul{ padding-top:60px; padding-left:1px;} .indexProducts ul li{ padding:0px; border:1px solid #eeeeee; background:#fff; margin-left:-1px; min-height:320px; text-align:center; position:relative; margin-top:-1px;} .indexProducts ul li a{ display:block; position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:99; background:#fff; padding-top:60px;} .indexProducts ul li a h4{transition:all .2s linear 0.2s;-moz-transition:all .2s linear 0.2s;-webkit-transition:all .2s linear 0.2s;-o-transition:all .2s linear 0.2s;-ms-transition:all .2s linear 0.2s;font-size:16px; color:#333; padding-top:45px; position:relative;} .indexProducts ul li a h4 i{ display:block; width:30px; height:2px; background:#c6c6c6; position:absolute; left:50%; margin-left:-15px; top:20px;} .indexProducts ul li a p{transition:all .2s linear 0.2s;-moz-transition:all .2s linear 0.2s;-webkit-transition:all .2s linear 0.2s;-o-transition:all .2s linear 0.2s;-ms-transition:all .2s linear 0.2s;font-size:12px; color:#666; padding-top:15px;} .indexProducts ul li a img{ display:block; margin:0px auto; max-width:80%;} .indexProducts ul li a img.show{display:block;} .indexProducts ul li a img.hide{display:none;} .indexProducts ul li img.more{ position:absolute; top:50%; left:50%; margin-left:-24px; margin-top:-6px;} .indexProducts ul li span{ display:block; position:absolute; top:0px; height:0px; left:0px; right:0px;transition:all .2s linear 0.2s;-moz-transition:all .2s linear 0.2s;-webkit-transition:all .2s linear 0.2s;-o-transition:all .2s linear 0.2s;-ms-transition:all .2s linear 0.2s;} .indexProducts ul li:hover{z-index:9;} .indexProducts ul li:hover a{ background:none;} .indexProducts ul li:hover a h4{ color:#fff;} .indexProducts ul li:hover a p{color:#fff;} .indexProducts ul li:hover span{ background:#c80000; height:100%;} .indexProducts ul li:hover a img.show{display:none !important;} .indexProducts ul li:hover a img.hide{display:block !important;} .indexProducts ul li em{ position:absolute;background:#c80000;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;} .indexProducts ul li em.top{ height:1px;width:0%; top:0px; left:0px;} .indexProducts ul li em.left{ height:0%;width:1px; left:0px; bottom:0px;} .indexProducts ul li em.right{ height:0%;width:1px; right:0px; top:0px;} .indexProducts ul li em.bottom{ height:1px;width:0%; bottom:0px; right:0px;} .indexProducts ul li:hover em.top{ height:1px;width:100%; top:0px; left:0px;} .indexProducts ul li:hover em.left{ height:100%;width:1px; left:0px; bottom:0px;} .indexProducts ul li:hover em.right{ height:100%;width:1px; right:0px; top:0px;} .indexProducts ul li:hover em.bottom{ height:1px;width:100%; bottom:0px; right:0px;} .indexclass{padding-top:50px;} .indexclass dl dt h3{ font-size:20px; line-height:28px; font-weight:bold; color:#333;} .indexclass dl dt p{ font-size:14px; padding-top:5px;} .indexclass dl dd{ padding-top:25px;overflow:hidden; height:51px;} .indexclass dl dd div{ white-space:nowrap; overflow-x:auto; overflow-y:hidden; width:100%; height:51px;} .indexclass dl dd a{ display:inline-block; font-size:16px; padding-bottom:3px; margin-right:15px; vertical-align:middle; border-bottom:1px solid transparent;} .indexclass dl dd a:hover{ border-bottom:1px solid #c80000; color:#c80000} .indexclass dl dd a.more{ font-size:12px; background:url(../images/img14.png) no-repeat left center; line-height:25px; margin-left:20px; padding-left:20px; border:none; height:25px;} .indexclass ul{padding:40px 0px 60px;} .indexclass ul li{margin-top:20px;} .indexclass ul li a{ display:block; border:1px solid #ebebeb; text-align:center; padding-bottom:20px;} .indexclass ul li a img{ display:block; width:100%; transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .indexclass ul li a h4{ font-size:18px; padding-bottom:10px; padding-top:30px;} .indexclass ul li a p.desc{ font-size:14px; min-height:48px;} .indexclass ul li a p.bigimg{ max-height:254px; overflow:hidden;} .indexclass ul li:hover a img{ transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);-webkit-transform:scale(1.1);} .indexabout{ background:#f8f8f8; position:relative; padding-bottom:50px;} .indexabout dl{ padding-top:45px;} .indexabout dl dt i{ display:none; height:1px; background:#c80000; width:40px; position:absolute; top:33px; right:-20px;} .indexabout dl dt img{ display:block; width:100%; border:5px solid #fff;} .indexabout dl dd div.aboutJs{ padding-top:25px; padding-left:20px;} .indexabout dl dd div.aboutJs h5{ font-weight:bold; font-size:18px; line-height:28px; padding-bottom:20px;} .indexabout dl dd div.aboutJs p{ font-size:14px; color:#666; line-height:22px; padding-bottom:5px;background:url(../images/img19.png) no-repeat left 8px; padding-left:10px;} .indexabout dl dd div.aboutJs p.more{ background:none; padding-left:0px; padding-top:15px;} .indexabout ul li{ padding:15px 0px} .indexabout ul li h5{ font-size:24px; font-weight:bold; color:#fff; background:#c80000; font-family:"微软雅黑"; text-align:center; line-height:70px;} .indexabout ul li p{ text-align:right; font-size:14px; min-height:76px; border-bottom:1px solid #dddddd; line-height:18px; padding-top:6px; padding-bottom:15px;} .indexAdvantages{ margin-bottom:50px;} .indexAdvantages li{ padding:90px 0px; text-align:center; position:relative;border:1px solid #eeeeee; box-shadow:0px 1px 24px rgba(224,224,224,0.75);margin-top:80px;} .indexAdvantages li img{ vertical-align:middle; margin-right:25px; max-width:50%} .indexAdvantages li span{vertical-align:middle; padding-left:25px; padding-top:5px; padding-bottom:5px; border-left:1px solid #ebebeb; font-size:18px; color:#333; line-height:24px; display:inline-block;} .indexAdvantages li em{ display:block; width:164px; height:84px; position:absolute; top:-42px; left:50%; margin-left:-82px; background:url(../images/img20.png) no-repeat;} .indexAdvantages li:hover em{ background:url(../images/img21.png) no-repeat} .indexAdvantages li.cur em{ background:url(../images/img21.png) no-repeat} .indexAdvantages li.border{ border-right:1px solid #eeeeee;} .indexmap{ background:#f8f8f8; margin-top:85px; padding:50px 0px;} .indexmap dl dt{ padding:0px;} .indexmap dl dt{ position:relative;} .indexmap dl dt img{ display:block; width:100%} .indexmap dl dd h3{ font-size:24px; font-weight:bold; padding-bottom:8px;} .indexmap dl dd p{ font-size:14px; color:#777777} .indexmap dl dd p.indexmapcommon{ width:190px;} .indexmap dl dd p.indexmapcommon em{ float:left; display:block; padding-left:15px; padding-right:10px; background:url(../images/img26.png) no-repeat left center; width:85px;} .indexmap dl dd p.Headquarters{ padding-top:10px;} .indexmap dl dd p.Headquarters em{ background:url(../images/img25.png) no-repeat left center;} .indexnewsbox{ padding:40px 0px;} .indexnews{ border:1px solid #f2f2f2; padding-bottom:20px;} .indexnews h3{ font-size:18px; background:#f8f8f8; padding:15px 25px; line-height:24px; font-weight:bold;} .indexnews h3 a{ float:right; font-size:14px; color:#666; font-weight:normal;} .indexnews h3 a:hover{ color:#c80000;} .indexnews dl{ padding-top:20px;} .indexnews dl dt{ padding:0px; color:#929292; text-align:center;} .indexnews dl dt span{ display:block; font-size:38px; line-height:45px; color:#333;} .indexnews dl dd{ padding:0px;} .indexnews dl dd div{ border-left:1px solid #f4f4f4; padding-left:20px; padding-top:2px; padding-bottom:2px;} .indexnews dl dd div h4{ font-size:16px; padding-bottom:5px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:bold;} .indexnews dl dd div p{ font-size:13px; color:#666666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; height:36px;} .indexnews dl a:hover p{ color:#c80000} .indexSigned{ width:100%; border:1px solid #dcdcdc; background:#f8f8f8; min-height:322px; margin-top:20px;} .indexSigned img{ display:block; width:100%;} .indexSigned a{ display:block;} .indexSigned a h3{ font-size:18px; padding:15px 20px 10px} .indexSigned a h3 em{ float:right; font-size:12px; color:#666666} .footbg{ background:#e5e3e4; padding-top:15px;} .footleft ul li{ padding-top:15px;} .footleft ul li h3{font-size:16px; padding-bottom:10px; font-weight:bold; background:url(../images/img33.png) no-repeat right top; background-size:17px;} .footleft ul li p{ display:none; background:#fff; padding:10px;} .footleft ul li p a{ display:block; font-size:14px; color:#666666; line-height:24px;} .footleft ul li p a:hover{color:#c80000} .footleft ul li.cur h3{background:url(../images/img033.png) no-repeat right top;background-size:17px;} .footright{ padding-top:30px; position:relative;} .footright ul{ padding:0px;} .footright ul li img{ display:block; max-width:100%; margin:0px auto;} .footright ul li p{ font-size:14px; color:#666666; text-align:center; padding-top:10px;} .footright i{ position:absolute; left:15px; top:30px; bottom:0px; width:2px; border-right:1px solid #eaeaea; background:#d9d9d9;} .footright dl{ padding-top:15px; display:none;} .footright dl dt{ background:url(../images/img30.png) no-repeat left center; padding-left:40px; color:#010101; float:left;} .footright dl dt h3{ font-size:18px;} .footright dl dt p{ font-size:14px;} .footright dl dd{ float:left; padding-left:15px; padding-top:5px} .footright dl dd a{ display:block; border-radius:20px; background:#c80000; font-size:14px; padding:7px 20px; font-family:"微软雅黑"; color:#fff; line-height:18px;} /*.footright ul li:nth-child(1){ display:none;}*/ .footPopular{ margin-top:30px;} .footPopular i{ display:block; width:100%; height:2px; border-bottom:1px solid #eaeaea; background:#d9d9d9;} .footPopular dl{padding:20px 0px 15px; display:none;} .footPopular dl dt{ font-size:14px; padding:0px;} .footPopular dl dd{padding:0px; line-height:20px;} .footPopular dl dd a{ color:#666666; padding-right:4.5%; display:inline-block;} .footPopular dl dd a:hover{ color:#c80000} .footPopular i:nth-child(1){ display:none;} .foot{ padding:15px 0px; position:relative;} .foot dt{ font-size:14px; color:#848484; line-height:24px; display:none;} .foot dt span{color:#333;} .foot dd{ line-height:24px; color:#848484; font-size:13px; text-align:center;} .foot dd span{ padding:0px 10px;} .foot dd p:nth-child(1){ display:none;} .indexmap dl dd div{padding-top:10%;} .aboutline{display:none;} /*--内页公共--*/ .commonbanner{ width:100%; position:relative;} .commonbanner img{ display:block; width:100%;} .commonbanner dl{width:100%; padding:20px 0px; display:none;} .commonbanner dl dd{ color:#333} .commonbanner dl dd p.line{ width:45px; height:2px; background:#c80000} .commonbanner dl dd p.linewhite{ width:45px; height:2px; background:#fff} .commonbanner dl dd h3{ font-size:24px; font-weight:bold; line-height:26px; padding-top:13px;} .commonbanner dl dd h4{ font-size:24px; font-weight:bold;line-height:26px; font-family:Arial, Helvetica, sans-serif; padding-top:5px;} .commonbanner dl dd p.content{ font-size:18px; padding-top:10px;} .commonbanner dl dd p.more { padding-top:30px;} .commonbanner dl dd p.more a{ display:inline-block; border:1px solid #333; padding:5px 30px; border-radius:3px; color:#333; font-size:16px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .commonbanner dl dd p.bannerproduct a:hover{ background:#c80000;border:1px solid #c80000;} .CommonClassbox{ min-height:66px; position:relative;} .CommonClass{border-bottom:1px solid #e5e5e5; background:#fff; position:relative; z-index:999;white-space: nowrap;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch; left:0px; right:0px; top:0px;} .CommonClass .container{ position:relative;} .CommonClass ul li{ display:inline-block;} .CommonClass ul li a{ display:inline-block; font-weight:700; position:relative; padding:20px 0px; font-size:16px; color:#666; margin-right:15px; border-bottom:1px solid transparent; margin-bottom:-1px;} .CommonClass ul li a i{ display:block; position:absolute; bottom:0px; height:1px; background:#c80000; width:0px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .CommonClass ul li a:hover{ color:#c80000;} .CommonClass ul li a.cur{ color:#c80000;} .CommonClass ul li a:hover i{ width:100%;} .CommonClass ul li a.cur i{ width:100%;} .CommontitleClass dl{ position:relative; top:0; color:#fff; margin:0px -15px; background:url(../images/img44.png) no-repeat #c80000 28px 78px; padding:20px 28px 45px 28px;} .CommontitleClass dl h3{ font-size:28px; font-weight:bold; line-height:30px;} .CommontitleClass dl p{ font-size:14px;} .newsdetatitle{ padding-top:60px; border-bottom:1px dotted #dadada; text-align:center; padding-bottom:20px;} .newsdetatitle h1{ text-align:center; line-height:30px; font-size:24px; font-weight:700;} .newsdetatitle p{ font-size:14px; color:#999999; padding-top:15px;} .newsdetacontent{ font-size:16px; padding-top:30px; padding-bottom:15px; line-height:30px;border-bottom:1px dotted #dadada;} .newsdetacontent img{ max-width:100%; display:block; margin:0px auto;} .newsdetacontent table td { border: 1px solid #dcdcdc; text-align: center; font-size: 15px; font-weight: normal; padding: 6px 0px; } .newsdetafoot{ padding-top:20px; padding-bottom:60px;} .newsdetafoot ul li{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;height:24px; font-size:14px;} .newsdetafoot p{ text-align:center; padding-top:30px;} .newsdetafoot p a{ display:inline-block; border:1px solid #c80000;color:#c80000; font-size:14px; padding:5px 50px; border-radius:20px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .newsdetafoot p a:hover{ background:#c80000;color:#fff;} .newslist{ padding-top:60px; padding-bottom:60px;} .newslist dl dd a{ display:block; border:1px solid #ececec; padding-bottom:20px; overflow:hidden; position:relative;} .newslist dl dd img{ display:block; width:100%;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .newslist dl dd h3{ padding-top:15px; font-size:16px; margin:0px 20px; font-weight:bold;} .newslist dl dd p.desc{margin:0px 20px;padding-top:10px; color:#666; line-height:23px; font-size:13px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;height:56px;} .newslist dl dd p.time{ font-size:13px; color:#999;margin:0px 20px; border-top:1px solid #ececec; margin-top:10px; padding-top:15px; background:url(../images/img49.png) no-repeat right 19px;} .newslist dl dd a:hover p.time{background:url(../images/img049.png) no-repeat right 19px;} .newslist dl dd a:hover img{transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);-webkit-transform:scale(1.05);} .newslist ul{ padding-top:20px;} .newslist ul li a{ display:block; border-bottom:1px solid #dbdbdb; padding:30px 0px; position:relative;} .newslist ul li a h3{ font-size:16px;font-weight:bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;height:24px; line-height:24px;} .newslist ul li a p{ font-size:13px;} .newslist ul li a p.time{ color:#999; background:url(../images/img50.png) no-repeat left 4px; padding-left:20px; margin-top:8px;} .newslist ul li a p.desc{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;height:50px; color:#666; margin-top:5px;} .newslist ul li a i{ display:block; position:absolute; bottom:-1px; height:1px; background:#c80000; width:0px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .newslist ul li a:hover i{width:100%;} .searchlist{ padding-bottom:60px;} .searchlist ul{ padding-top:20px;} .searchlist ul li a{ display:block; border-bottom:1px solid #dbdbdb; padding:30px 0px; position:relative;} .searchlist ul li a h3{ font-size:16px;font-weight:bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;height:24px; line-height:24px;} .searchlist ul li a p{ font-size:13px;} .searchlist ul li a p.time{ color:#999; background:url(../images/img50.png) no-repeat left 4px; padding-left:20px; margin-top:8px;} .searchlist ul li a p.desc{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;height:50px; color:#666; margin-top:5px;} .searchlist ul li a i{ display:block; position:absolute; bottom:-1px; height:1px; background:#c80000; width:0px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .searchlist ul li a:hover i{width:100%;} .Paging{ text-align:center; padding-top:60px} .Paging a{ display:inline-block; border:1px solid #dddddd; padding:2px 10px; margin:0px 5px; font-size:14px; color:#999} .Paging a:hover{ color:#fff; background:#c80000;border:1px solid #c80000;} .Paging a.cur{ color:#fff; background:#c80000;border:1px solid #c80000;} .industry{ padding-top:20px; padding-bottom:60px;} .industry dl a{ display:block; border-bottom:1px dotted #c8c8c8; padding:20px 0px;} .industry dl a dt{ max-height:168px; overflow:hidden;} .industry dl a dt p{ display:block; overflow:hidden;} .industry dl a dt img{ display:block;width:100%;transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .industry dl a dd{ padding-top:15px;} .industry dl a dd h3{ font-size:18px; font-weight:700;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;height:20px; line-height:20px;} .industry dl a dd p.desc{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;height:40px; color:#666; font-size:14px; margin-top:10px;} .industry dl a dd p.time{ color:#d8d8d8;font-family:Arial, Helvetica, sans-serif; padding-top:10px;} .industry dl a dd p.time span{ font-size:15px;} .industry dl a:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);} .industrydetatitle{ padding-top:60px; text-align:center; padding-bottom:20px;} .industrydetatitle h1{ text-align:center; line-height:30px; font-size:24px;} .industrydetatitle p{ font-size:18px; padding-top:15px;} .industrydetacontent{ font-size:14px; padding-top:30px; padding-bottom:15px; line-height:30px;border-bottom:1px dotted #dadada;} .industrydetacontent img{ max-width:100%; display:block; margin:0px auto;} .InfoCoreBenefits{} .InfoCoreBenefits dl{ padding-top:40px;} .InfoCoreBenefits dl dt img{ display:block; width:100%;} .InfoCoreBenefits dl dd{ padding-top:30px;} .InfoCoreBenefits dl dd h3{ font-size:18px; padding-bottom:10px;} .InfoCoreBenefits dl dd p{ color:#666; font-size:14px; line-height:24px;} .JobOffers{ background:#f8f8f8; margin-top:80px; padding-bottom:55px;} .JobOffersclass{text-align:center; padding-top:35px; padding-bottom:20px;} .JobOffersclass a{ display:inline-block; border-radius:3px; border:1px solid #bcbcbc; margin:0px 5px; font-size:16px; color:#333; padding:6px 25px;} .JobOffersclass a:hover{ background:#c80000; border:1px solid #c80000; color:#fff;} .JobOffersclass a.cur{ background:#c80000; border:1px solid #c80000; color:#fff;} .JobOffers ul li div.JobOffersbox{ cursor:pointer; display:block; border-top:6px solid #c80000; padding:25px; min-height:270px; background:#fff; border-radius:0px 0px 50px 0px; box-shadow:0px 0px 9px rgba(237,237,237,0.75); font-size:14px; color:#666; margin-top:25px;} .JobOffers ul li div.JobOffersbox h3.jobstitle{ color:#333; font-size:18px; background:url(../images/img55.png) no-repeat right 0px; font-weight:bold; line-height:28px; margin-bottom:5px;} .JobOffers ul li div.JobOffersbox:hover h3.jobstitle{background:url(../images/img055.png) no-repeat right 0px;} .JobOfferslist{ display:none;} .JobOfferslist ul li:nth-child(3n+1){ clear:left;} .Jobsmore{ text-align:center; padding-top:45px;} .Jobsmore a{ padding:5px 35px; font-size:14px; display:inline-block; border-radius:20px; border:1px solid #333333;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .Jobsmore a:hover{border:1px solid #c80000; background:#c80000; color:#fff;} .InfocoreStyle{ padding-bottom:55px;} .InfocoreStyle ul{ display:none;} .InfocoreStyle ul li{ margin-top:30px;} .InfocoreStyle ul li img{ display:block; width:100%;} .CompanyProfile{ padding-top:40px; font-size:14px; color:#666666; line-height:25px;} .CompanyProfile h3{ font-size:18px; font-weight:bold; color:#333; padding-bottom:15px;} .CompanyProfile dl dd{ float:left; padding-right:40px; padding-top:40px;} .CompanyProfile dl dd span{ display:block; font-size:36px; color:#c80000; line-height:40px;} .CompanyFootprintbg{background:#fafafa; margin-top:45px;} .CompanyFootprintbox{ background:#fff; margin-top:45px; position:relative;} .CompanyFootprintimgbox{ padding:0px;} .CompanyFootprintimg{ padding:0px; width:100%; overflow:hidden;} .CompanyFootprintimg ul{ width:9999px; position:relative;} .CompanyFootprintimg ul li{ float:left;} .CompanyFootprintimg ul li div{ display:none;} .CompanyFootprintimg img{ display:block; width:100%;} .CompanyFootprintarrow{ position:absolute; right:0px; width:100%; z-index:99; bottom:0px;} .CompanyFootprintarrow p{ padding:20px 0px 20px; margin:0px 15px; border-top:1px solid #e8e8e8; text-align:right;} .CompanyFootprintarrow p span{ display:inline-block; cursor:pointer; width:27px; height:27px; background-repeat:no-repeat; background-color:#777777; background-position:center; margin-left:15px;} .CompanyFootprintarrow p span.Cleft{ background-image:url(../images/img64.png);} .CompanyFootprintarrow p span.Cright{ background-image:url(../images/img65.png);} .CompanyFootprintarrow p span:hover{background-color:#c80000;} .CompanyFootprintcontent{ padding:50px 0px 80px; font-size:14px; color:#666; line-height:25px; overflow:hidden;} .CompanyFootprintcontent h3{ position:relative; opacity:1; left:0px; font-size:18px; padding-bottom:15px; position:relative;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .CompanyFootprintcontent h3 i{position:absolute;bottom:5px;height:1px;background:#c80000;width:25px;left:0;} .CompanyFootprintcontent p{opacity:1; left:0px; position:relative;transition:all .3s linear .1s;-moz-transition:all .3s linear .1s;-webkit-transition:all .3s linear .1s;-o-transition:all .3s linear .1s;-ms-transition:all .3s linear .1s;} .effect h3{ opacity:0; left:100px;} .effect p{ opacity:0; left:100px;} .CompanyFootprinttime{ background:url(../images/img62.png) no-repeat center top; padding-top:18px; margin-top:50px; padding-bottom:40px;} .CompanyFootprinttime i{ display:block;height:1px;background:#c80000;} .CompanyFootprinttimelist{ padding-top:15px; max-width:1100px; margin:0px auto;overflow:hidden; position:relative;} .CompanyFootprinttimelist ul{ position:relative; width:99999px;} .CompanyFootprinttimelist ul li{ float:left; width:80px; font-size:14px; text-align:center;} .CompanyFootprinttimelist ul li.cur{ font-size:18px; color:#c80000;} .CompanyHonor{ position:relative; margin-top:30px; padding-bottom:60px;} .CompanyHonor span{ display:block; position:absolute; top:50%; margin-top:-60px; background-repeat:no-repeat; cursor:pointer; background-size:cover; width:26px; height:26px;} .CompanyHonor span.Hleft{ left:10px; background-image:url(../images/img69.png);} .CompanyHonor span.Hright{ right:10px; background-image:url(../images/img70.png);} .CompanyHonor span.Hleft:hover{background-image:url(../images/img069.png);} .CompanyHonor span.Hright:hover{background-image:url(../images/img070.png);} .CompanyHonorlist{ margin:0px 50px; overflow:hidden;} .CompanyHonorlist ul{ width:9999px; position:relative;} .CompanyHonorlist ul li{ float:left; width:338px; margin-right:10px;} .CompanyHonorlist ul li img{ border:1px solid #dcdcdc; display:block; width:100%;} .CompanyHonorlist ul li p{ font-size:16px; text-align:center; padding-top:15px;} .contact{ padding:0px; text-align:center; padding:50px 0px 80px; position:relative;} .contact h3{ font-size:24px; font-weight:700;} .contact p{color:#d5d5d5; padding-top:5px; font-size:14px;} .contact ul{ padding-top:35px;} .contact ul li{ position:relative;} .contact ul li p{ color:#666;} .contact ul li i{ position:absolute; height:100%; width:1px; right:15px; background:#e5e5e5; top:0px;} .clickmap{ position:absolute; border-radius:40px; background:#c80000; padding:12px 50px; left:50%; margin-left:-116px; bottom:-24px;} .clickmap span{ color:#fff; padding-left:20px; background:url(../images/img71.png) no-repeat left center; line-height:24px; font-size:14px;} .contactlistbg{ background:#f8f8f8; padding:85px 0px; overflow:hidden;} .contactlistbox{ margin:0px -1%; position:relative;} .contactlistbox li{ float:left; width:98%; margin-left:1%; margin-right:1%; margin-bottom:20px;} .contactlistbox li div{border:1px solid #dcdcdc; background:#ffffff; padding:15px; line-height:24px; border-radius:3px;} .contactlistbox li div h3{ font-size:18px; border-bottom:1px solid #dcdcdc; padding-bottom:10px; margin-bottom:20px; font-weight:700;} .contactlistbox li div p{ font-size:14px; color:#666;} .contactlistbox li div p strong{ color:#333;} .solution{background:#f8f8f8; font-size:14px; padding:60px 0px;} .solution h3{ font-size:24px; font-weight:bold;} .solution h4{ font-size:18px;font-weight:bold; padding-top:8px; padding-bottom:20px;} .solution p{font-size:14px;} .solution dl{position:relative;} .solution dl.yqy img{ display:block; position:relative; max-width:100%; margin:0px auto; padding-top:30px; bottom:0px; right:0px;} .solution2{background:#f8f8f8; font-size:14px; padding:60px 0px;} .solution2 h3{ font-size:20px; font-weight:bold; padding-top:20px; padding-bottom:8px;} .solution2 h4,.solution2 b{ font-size:16px;font-weight:bold; padding-top:20px; padding-bottom:8px;} .solution2 p{font-size:14px;} .solutionCA{ padding-top:45px; padding-bottom:50px;} .solutionCA h3{ font-size:24px; font-weight:bold; padding-bottom:10px;} .solutionCA ul li{ margin-top:20px;} .solutionCA ul li div{ border:1px solid #eeeeee; box-shadow:0px 0px 16px rgba(228,228,228,0.75); min-height:190px; padding:25px;} .solutionCA ul li div h4{ font-size:18px; background:url(../images/img73.png) no-repeat left bottom; padding-bottom:25px; font-weight:700;} .solutionCA ul li div p{ font-size:14px; padding-top:10px; color:#666; line-height:20px;} .solutionThreebg{ background:url(../images/img74.jpg) no-repeat center; background-size:cover; padding:35px 0px;} .solutionThreebg h3{ font-size:24px; font-weight:bold; padding-bottom:20px;} .solutionThreebg ul{ border-bottom:1px solid #e8e8e8;} .solutionThreebg ul li{ float:left; font-size:16px; border-bottom:1px solid transparent; cursor:pointer; margin-bottom:-1px; margin-right:30px; padding-bottom:10px;} .solutionThreebg ul li.cur{border-bottom:1px solid #c80000; color:#c80000;} .solutionThreebg dl{ padding-top:40px; display:none;} .solutionThreebg dl dt{ color:#666666;} .solutionThreebg dl dt h4{ font-size:18px; font-weight:bold; color:#333; padding-bottom:25px;} .solutionThreebg dl dt p{ font-size:16px; line-height:25px;} .solutionThreebg dl dd { text-align:right;} .solutionThreebg dl dd img{ display:inline-block; max-width:100%; border:1px solid #dcdcdc;} .Illustration{ padding-top:45px; padding-bottom:45px;} .Illustration h3{ font-size:24px; font-weight:bold; padding-bottom:20px;} .Illustration dl dt { padding-bottom:20px;} .Illustration dl dt h4{ font-size:18px; font-weight:bold; padding-bottom:10px;} .Illustration dl dt p{ font-size:16px; color:#666;} .Illustration dl dd img{ width:100%; display:block;} .jobspopupbg{ position:fixed; z-index:99999; background:url(../images/img77.png) repeat; width:100%; height:100%; top:0px; left:0px; display:none;} .jobspopup{ position:fixed;z-index:999999; left:5%; right:15%; bottom:5%; top:5%; background:#fff; border-radius:5px; padding:20px; display:none;} .jobinfofoot{ font-size:14px; padding:15px 0px 30px; position:absolute; bottom:0px; left:20px; right:20px; border-top:1px solid #e2e2e2;} .jobinfo{ overflow-y:auto; overflow-x:hidden; position:absolute; top:20px; left:20px; right:20px;} .jobinfo h3{ border-bottom:1px solid #e2e2e2; font-size:24px; font-weight:bold; padding-bottom:15px;} .jobinfo p{ font-size:14px; color:#666; padding-top:20px;} .jobclose{ right:-45px; position:absolute; top:35px; width:37px; height:35px; background:url(../images/img78.png) no-repeat; cursor:pointer;} .Fast{ position:fixed; top:50%; z-index:9999; right:0px; width:50px; margin-top:-126px;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;} .Fast ul li{ border-bottom:1px solid #fff;} .Fast ul li.commona a{ display:block; height:50px; position:relative;} .Fast ul li.commona a span{background:#c80000; display:block; position:absolute; font-size:14px; height:50px; line-height:50px; color:#fff; padding-left:25px; width:220px;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;} .Fast ul li.commona a em{ background-color:#c80000; background-repeat:no-repeat; background-position:center; display:block; width:50px; height:50px; position:absolute; z-index:9; top:0px; right:0px;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;} .Fast ul li.commona a em.icon1{ background-image:url(../images/icon1.png);} .Fast ul li.commona a em.icon2{ background-image:url(../images/icon2.png);} .Fast ul li.commona a em.icon3{ background-image:url(../images/icon3.png);} .Fast ul li.commona a em.icon4{ background-image:url(../images/icon4.png);} .Fast ul li.commona a em.icon5{ background-image:url(../images/icon5.png);} .Fast ul li.commona a:hover span{ color:#c80000; background:#fff;} .Fast ul li.commona a:hover em{ background-color:#fff;} .Fast ul li.commona a:hover em.icon1{ background-image:url(../images/icon01.png);} .Fast ul li.commona a:hover em.icon2{ background-image:url(../images/icon02.png);} .Fast ul li.commona a:hover em.icon3{ background-image:url(../images/icon03.png);} .Fast ul li.commona a:hover em.icon4{ background-image:url(../images/icon04.png);} .Fast ul li.commona a:hover em.icon5{ background-image:url(../images/icon05.png);} .Fast dl{ display:block; height:50px; position:relative;} .Fast dl dd{ width:50px; height:50px; position:absolute; z-index:9; top:0px; right:0px; background:url(../images/icon6.png) no-repeat center #c80000;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;} .Fast dl dt{background:#c80000; width:220px; height:50px;} .Fast dl dt a{ display:block; float:left; width:50px; height:50px; margin:0px; padding:0px; background-position:center; background-repeat:no-repeat;} .Fast dl dt a.wb{ background-image:url(../images/share_wb.png);} .Fast dl dt a.wx{ background-image:url(../images/share_wx.png);} .Fast dl dt a.txwb{ background-image:url(../images/share_txwb.png);} .Fast dl dt a.more{ background-image:url(../images/share_more.png);} .Fast dl dt a:hover{ background-color:rgba(255,255,255,0.5)} .Fast:hover{ width:250px;} @-webkit-keyframes amplify { 0% {opacity: 0;transform: scale(.1);-webkit-transform: scale(.1);-moz-transform: scale(.1);-ms-moz-transform: scale(.1);-o-moz-transform: scale(.1);} 5% {opacity: 1} to {opacity: 0;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);} } @-moz-keyframes amplify { 0% {opacity: 0;transform: scale(.1);-webkit-transform: scale(.1);-moz-transform: scale(.1);-ms-moz-transform: scale(.1);-o-moz-transform: scale(.1);} 5% {opacity: 1} to {opacity: 0;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);} } @-o-keyframes amplify { 0% {opacity: 0;transform: scale(.1);-webkit-transform: scale(.1);-moz-transform: scale(.1);-ms-moz-transform: scale(.1);-o-moz-transform: scale(.1);} 5% {opacity: 1} to {opacity: 0;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);} } @-ms-keyframes amplify { 0% {opacity: 0;transform: scale(.1);-webkit-transform: scale(.1);-moz-transform: scale(.1);-ms-moz-transform: scale(.1);-o-moz-transform: scale(.1);} 5% {opacity: 1} to {opacity: 0;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);} } @keyframes amplify { 0% {opacity: 0;transform: scale(.1);-webkit-transform: scale(.1);-moz-transform: scale(.1);-ms-moz-transform: scale(.1);-o-moz-transform: scale(.1);} 5% {opacity: 1} to {opacity: 0;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);} } .Headquartersmap{ position:absolute;right:89px;top:368px; width:40px; height:40px;} .Headquartersmap a{ display:block; width:10px; height:10px; border-radius:100%; position:absolute; top:50%; margin-left:-5px; margin-top:-5px; background:#c80000; left:50%;} .Headquartersmap span{ display:block; position:absolute; top:0px; left:0px; right:0px; bottom:0px; opacity:0; border-radius:100%; z-index:9; border:1px solid #c80000;} .Headquartersmap span.Animation{-webkit-animation: amplify 4.5s ease-out 225ms infinite;animation: amplify 4.5s ease-out 225ms infinite;} .Headquartersmap span.Animation1{-webkit-animation: amplify 4.5s ease-out .9s infinite;animation: amplify 4.5s ease-out .9s infinite;} .Headquartersmap span.Animation2{-webkit-animation: amplify 4.5s ease-out 1.8s infinite;animation: amplify 4.5s ease-out 1.8s infinite;} /*--注册登录--*/ .regloginbg{ background:#f5f5f5;} .reglogin{ max-width:400px; padding:10% 15px; margin:0px auto;} .reglogin img.regloginlogo{ display:block; margin:0px auto;} .reglogin h3{ text-align:center; padding:25px 0px 0px;} .reglogin h3 a{ display:inline-block; padding:0px 15px 15px; color:#b7b9bd; border-bottom:1px solid transparent; margin:0px 20px; font-size:18px; font-family:"微软雅黑"} .reglogin h3 a.cur{ border-bottom:1px solid #c80000; color:#c80000;} .reglogin h3 a:hover{ border-bottom:1px solid #c80000;color:#c80000;} .reglogin ul li{ padding-top:25px; position:relative;} .reglogin ul li label{ display:block; border:1px solid #ced0d5; padding:8px 15px;border-radius:4px; overflow:hidden; background:#fff; margin:0px;} .reglogin ul li label input{ float:left; width:100%; font-size:13px; line-height:24px; height:24px; color:#b7b9bd; font-family:"微软雅黑"; font-weight:normal;} .reglogin ul li.pdr150{ padding-right:150px;} .reglogin ul li a.sms{ position:absolute; right:0px; text-align:center; top:25px;color:#979797;font-family:"微软雅黑"; background:#e9e9e9; font-size:14px; width:140px; height:42px; line-height:42px;} .reglogin ul li a.change{ position:absolute; right:0px; top:35px; color:#b7b9bd; font-size:14px;font-family:"微软雅黑";} .reglogin ul li a.change:hover{ color:#000;} .reglogin ul li img{ display:block; cursor:pointer; position:absolute; right:57px; width:82px; height:40px; border:1px solid #ced0d5; top:25px;} .reglogin ul li label.select{ padding:8px 15px 8px 0px;} .reglogin ul li label.select select{background:#fff;width:120%;font-size:13px; border:none; float:left; font-weight:normal; padding-left:15px; color:#b7b9bd;font-family:"微软雅黑"; outline:none;} .reglogin ul li label.gender{ display:inline-block; font-size:14px; padding:0px; border:none; position:relative; background:none; margin-right:15px;} .reglogin ul li label.gender input{ width:15px; height:15px; vertical-align:sub; margin-right:8px; float:none;} .reglogin ul li label.gender i{ display:block; position:absolute; left:0px; top:4px; width:15px; height:15px; border:1px solid #ced0d5; border-radius:100%; background:#fff;} .reglogin ul li label.gender input:checked + i:after{ content:" "; display:block; position:absolute; left:3px; top:3px; width:7px; height:7px; background:#979797; border-radius:100%;} .reglogin dl dt{padding-top:22px;} .reglogin dl dt a{ float:right;color:#b7b9bd;} .reglogin dl dt span{ color:#b7b9bd; display:inline-block; position:relative;} .reglogin dl dt span label input{width:15px; height:15px; opacity:0;filter:alpha(opacity=0); vertical-align:sub; margin-right:8px;} .reglogin dl dt span label i{ display:block; position:absolute;border:1px solid #ced0d5; outline:none; background:#fff; top:4px; width:15px; height:15px; border-radius:3px; vertical-align:sub; margin-right:10px;} .reglogin dl dt span label input:checked + i:after{ content:"√"; display:block; color:#000; left:2px; position:absolute; top:0px;} .reglogin dl dd{ padding-top:20px;} .reglogin dl dd input{ width:100%; background:#c80000; border-radius:4px; font-size:18px; color:#fff; font-family:"微软雅黑"; padding:8px 0px;} .reglogin dl p{ text-align:center; font-size:14px; padding-top:15px;} .regloginbox{ display:none;} /*--个人中心--*/ .Personalcenterbg{ background:#666666;} .Personalcenter{ background:#fff url(../images/img80.png) repeat-x; margin:100px 0px 60px; border:1px solid #e5e5e5; padding-bottom:45px;} .Personalcenter h3{ height:51px; line-height:51px; padding-left:25px; font-size:18px; font-weight:bold; margin-bottom:35px;} .Personalcenter dl{ padding-top:20px;} .Personalcenter dl dt img{ display:block; max-width:100%; margin:0px auto;} .Personalcenter dl dt p{ font-size:18px; font-family:Arial, Helvetica, sans-serif; text-align:center; padding-top:10px;} .Personalcenter dl dd{ font-size:14px; line-height:26px;} .Personalcenter dl dd input{ width:100%; height:30px; line-height:30px;} .Personalcenter dl dd p.Personalcenterbtn{ padding-top:10px;display:none;} .Personalcenter dl dd p.Personalcenterbtn input{ width:100%; background:#c80000; border-radius:4px; line-height:20px; font-size:16px; color:#fff; font-family:"微软雅黑"; padding:4px 0px;} .Personalcenter ul{ padding:20px 15px 0px;} .Personalcenter ul li{ padding-bottom:20px;} .Personalcenter ul li label{ display:block; border:1px solid #ced0d5; padding:3px 15px; border-radius:4px; background:#fff; margin:0px;} .Personalcenter ul li label input{ width:100%; float:left; font-size:14px; font-family:"微软雅黑"; font-weight:normal;} .Personalcenter ul li input.changebtn{ width:100%;padding:3px 15px;border-radius:4px;border:1px solid #ced0d5; background:#f9f9f9; font-size:14px;} .Personalcentertable{ position:relative; padding-left:60px; margin-bottom:5px;} .Personalcentertable input.tablebor{border: 1px solid #ced0d5;padding:1px 15px;border-radius: 4px; height:30px;} .Personalcentertable span{ position:absolute; left:0px; top:0px;} .Personalcentertable select{border:1px solid #fff; padding:1px 0px;width:100%;} .Personalcentertable select.tablebor{border: 1px solid #ced0d5;padding:1px 15px;border-radius: 4px;} /*--培训认证--*/ .backdrop{ padding:50px 0px;} .backdrop dt{width:110px;height:100px; color:#fff; text-align:right; background:#c80000; font-size:12px;} .backdrop dt h3{ font-size:24px; padding-top:36px; padding-right:20px;} .backdrop dt p{ padding-right:20px; letter-spacing:1px;} .backdrop dd{ margin-top:40px; font-size:14px; line-height:24px; position:relative;} .backdrop dd h4{ font-size:18px; font-weight:bold; padding-bottom:15px;} .backdrop dd img{ display:block; position:relative; right:0px; margin:20px auto 0px; top:0px;} .synopsisbg{ background:#f8f8f8; padding-bottom:130px; margin-top:20px;} .synopsis{ padding:0px 0px;} .synopsis dt{width:110px;height:100px; color:#fff; text-align:right; background:#c80000; font-size:12px;} .synopsis dt h3{ font-size:24px; padding-top:36px; padding-right:20px;} .synopsis dt p{ padding-right:20px; letter-spacing:1px;} .synopsis dd{ margin-top:40px; font-size:14px; line-height:24px; position:relative;} .synopsis dd h4{ font-size:18px; font-weight:bold; padding-bottom:15px;} .synopsis dd img{ display:block; position:relative; right:0px; margin:25px auto 0px; top:0px;} .synopsis dd span{ color:#c80000;} .ICPV6{ padding:50px 0px;} .ICPV6 dt{width:110px;height:100px; color:#fff; text-align:right; background:#c80000; font-size:12px;} .ICPV6 dt h3{ font-size:24px; padding-top:36px; padding-right:20px;} .ICPV6 dt p{ padding-right:20px; letter-spacing:1px;} .ICPV6 dd{ margin-top:40px; font-size:14px; line-height:24px; position:relative;} .ICPV6 dd h4{ font-size:18px; font-weight:bold; padding-bottom:15px;} .ICPV6 dd img{ display:block; position:absolute; right:0px; margin:0px auto; top:0px;} .ICPV6 dd span{ color:#c80000; font-weight:bold;} .ICPV6img{ padding-bottom:50px;} .ICPV6img li{ margin-top:20px; position:relative;} .ICPV6img li img{ display:block; width:100%;} .ICPV6img li p{ position:absolute; left:0px; padding:8px 10px; background-color:rgba(0,0,0,0.5); font-size:18px; bottom:0px; color:#fff; right:0px;} .ICPV6img ul{ margin-left:-3px; margin-right:-3px;} .ICPV6img li a{ display:block; margin:0px 3px; position:relative;} /*--渠道合作--*/ .channelbg{ background:#f9f9f9;} .channeltitle{ padding-left:10px; font-size:18px; font-weight:bold; position:relative; padding-bottom:13px;} .channeltitle span{ color:#c80000; font-size:14px; position:absolute; left:0px; top:1px;} .Strategy{ padding:50px 0px 60px; border-bottom:1px solid #e5e5e5;} .Strategy dt{position:relative; padding-top:30px; line-height:26px;} .Strategy dt p{ padding-left:10px; font-size:14px; color:#333;} .Strategy dt img{ display:block; position:relative; max-width:100%; margin-top:35px; top:0px; right:0px;} .planning{ padding:40px 0px;} .planning dt{position:relative; line-height:26px;} .planning dt p{ padding-left:10px; font-size:14px; color:#333;} .planning dt img{ display:block; position:relative; max-width:100%; margin-top:35px; top:0px; right:0px;} .Division{ padding:50px 0px 30px;} .Division dt{position:relative; line-height:26px;} .Division dt p{ padding-left:10px; font-size:14px; color:#333;} .Division dt img{ display:block; position:absolute; top:0px; right:0px;} .Divisionlist{ padding-bottom:45px;} .Divisionlistbox{ border:1px solid #e5e5e5; background:#fff; text-align:center; padding:45px 10%; margin-top:20px;} .Divisionlistbox h3{ font-size:20px; font-weight:bold; padding-bottom:15px;} .Divisionlistbox p{ font-size:14px;} .Divisionlistbox p.desc{ overflow:hidden; height:39px; line-height:20px;} .Divisionlistbox p.more{position:relative;} .Divisionlistbox p.more i{ display:block; height:1px; width:10px; position:absolute; bottom:0px; left:50%; margin-left:-5px; background:#c80000;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .Divisionlistbox p.more a{ display:block;color:#c80000;} .Divisionlistbox p.more a:hover i{margin-left:-50%;width:100%;} .Channelsupport{ padding:50px 0px 10px;} .Channelsupport dt{position:relative; line-height:26px;} .Channelsupport dt h4{ font-size:16px; font-weight:bold; padding-top:5px; padding-left:10px;} .Channelsupport dt p{ padding-left:10px; font-size:14px; color:#333;} .Channelsupport dt img{ display:block; position:absolute; top:0px; right:0px;} .Channelsupportlistbox{ padding-bottom:30px;} .Channelsupportlist{position:relative;} .Channelsupportlist ul li{position:relative;padding-left:30px; width:100%; margin-top:20px; left:0px; top:0px;} .Channelsupportlist ul li span{position:absolute; width:21px; height:21px; left:0px; top:0px; border-radius:100%; background:#c80000; border:2px solid #dcdcdc; color:#fff; line-height:18px; text-align:center;} .Channelsupportlist ul li h3{ font-size:16px; font-weight:bold; padding-bottom:7px;} .Channelsupportlist ul li p{ font-size:14px; line-height:20px;} .Channelsupportlist ul img{ display:none;width:100%; margin:0px auto;} .Channelsupporttwo{ padding:40px 0px;} .Channelsupporttwo dt{position:relative; line-height:26px;} .Channelsupporttwo dt h4{ font-size:16px; font-weight:bold; padding-top:5px; padding-left:10px;} .Channelsupporttwo dt p{ padding-left:10px; font-size:14px; color:#333;} /*--服务支持--*/ .technologybg{ background:#f9f9f9; padding:20px 0px 40px;} .technology{ padding:55px 0px;} .technology dt img{ display:block; width:100%;} .technology dd{ padding-top:12%;} .technology dd h3{ font-size:18px; font-weight:bold; padding-bottom:15px;} .technology dd p{ font-size:16px; line-height:26px;} .technology dd p strong{ font-size:18px; color:#c80000} .technology dd p.write{ padding-top:20px;} .technology dd p a{ background:url(../images/img96.png) no-repeat right center; display:inline-block; padding-right:30px; color:#c80000} .technologylist dt{ text-align:center; position:relative; font-size:16px; line-height:28px; margin-top:45px; padding-bottom:35px;} .technologylist dt span{ position:absolute; width:40px; height:1px; display:block; top:-15px; left:50%; margin-left:-25px; background:#333;} .technologylist dd{ background:#fff; padding:5%;} .technologylist dd table{ width:100%; border-collapse:collapse; min-width:620px;} .technologylist dd table th{padding:8px 0px; font-size:16px;} .technologylist dd table td{ border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5; padding:8px 0px; font-size:14px; border-right:1px solid #e5e5e5;} .technologylist dd table tr td:last-child{ border-right:none;} .tablescroll{ overflow-y:hidden; width:100%; overflow-x:auto;} .technologyclass{ border-bottom:1px solid #e5e5e5; padding-top:40px; text-align:center;} .technologyclass a{ display:inline-block; padding-bottom:15px; border-bottom:2px solid transparent; font-size:18px; margin-bottom:-1px; margin:0px 2%;} .technologyclass a:hover{border-bottom:2px solid #c80000; color:#c80000;} .technologyclass a.cur{border-bottom:2px solid #c80000; color:#c80000;} .downloadlist ul{ padding-left:1px; padding-top:30px; padding-bottom:30px; display:none;} .downloadlist ul li{ padding:0px; border-bottom:1px solid #e5e5e5; padding-bottom:8px; margin-left:-1px; margin-top:8px;} .downloadlist ul li a{ display:block; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding:0px 30px 0px 60px; font-size:14px;background:url(../images/img98.png) no-repeat 20px center} .downloadlist ul li a span{ background:url(../images/img99.png) no-repeat right center; display:block; line-height:47px; overflow:hidden; height:47px;} .writeform{ position:relative; padding-top:30px; max-width:550px; margin:0px auto; display:none;} .writeform span.closeform{ display:block; margin:0px auto; width:41px; cursor:pointer; height:41px; background:url(../images/img100.png) no-repeat;} .writeform ul{padding-top:40px;} .writeform ul li{ padding-bottom:15px;} .writeform ul li label{ margin:0px; display:block; border:1px solid #e5e5e5; padding:5px 15px;} .writeform ul li label input{ width:100%; float:left; background:none; border:none; color:#666666; outline:none; font-family:"微軟正黑體"; font-size:14px; font-weight:normal;} .writeform ul li label textarea{ width:99%; float:left; height:100px; background:none; border:none; color:#666666; outline:none; font-family:"微軟正黑體"; font-size:14px; font-weight:normal; resize:none;} #slider {height:40px;position: relative;border-radius:2px;background-color:#eeeeee;text-align:center; user-select: none;-moz-user-select: none;-webkit-user-select: none; margin-right:40px;} #slider_bg {position: absolute;left: 0;top: 0;height: 100%;background-color: #c60329; z-index: 1;} #label {width:50px;position:absolute;left:0;top:0;height:40px;line-height:38px;background:url(../images/img101.png) no-repeat center;z-index:3;cursor:move;color:#ff9e77;font-size:16px;font-weight:900;} #labelTip {position: absolute;left: 0;width: 100%;height: 100%;font-size: 15px;color: #333333;line-height:40px;text-align: center;z-index: 2;} .verification input{height:40px; width:100%; cursor:default; color:#fff; background:#7d7d7d; font-size:15px; margin-top:20px;} .verification i{ display:block; position:absolute; right:-42px; height:40px; background:url(../images/bg_btn02.png) no-repeat; width:45px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .verification i.vicon{background:url(../images/bg_btn02.png) no-repeat 0px -45px;} .verification input.Tcbtn{background:#c60329; cursor:pointer;} /*--产品--*/ .product-Summary{ padding:50px 0px 70px;} /*.product-Summary dt{width:110px;height:100px; color:#fff; text-align:right; background:#c80000; font-size:12px;} .product-Summary dt h3{ font-size:24px; padding-top:36px; padding-right:20px;} .product-Summary dt p{ padding-right:20px; letter-spacing:1px;}*/ .product-Summary dd{ margin-top:40px; font-size:14px; line-height:24px; position:relative;} .product-Summary dd h4{ font-size:24px; font-weight:bold; padding-bottom:5px;} .product-Summary dd h5{ font-size:18px; font-weight:bold; padding-bottom:10px;} .product-Summary dd img{ display:block; position:relative; right:0px; margin:20px auto 0px; top:0px;} .product-advantagebg{ background:#f8f8f8; padding-bottom:80px; padding-top:45px;} /*.product-advantagebg dt{width:110px;height:100px; color:#fff; text-align:right; background:#c80000; font-size:12px;} .product-advantagebg dt h3{ font-size:24px; padding-top:36px; padding-right:20px;} .product-advantagebg dt p{ padding-right:20px; letter-spacing:1px;}*/ .product-advantagebg ul li{ margin-top:40px;} .product-advantagebg ul li:nth-child(2n+1){ clear:left;} .product-advantage{position:relative;} .product-advantage img{ position:relative; left:0px; top:0px;padding-bottom: 30px; margin: auto; display:block;} .product-advantage h3{ font-size:18px; font-weight:bold; padding-bottom:10px;} .product-advantage p{ font-size:14px;} .product-parameter{ padding:50px 0px;} /*.product-parameter dt{width:110px;height:100px; color:#fff; text-align:right; background:#c80000; font-size:12px;} .product-parameter dt h3{ font-size:24px; padding-top:36px; padding-right:20px;} .product-parameter dt p{ padding-right:20px; letter-spacing:1px;}*/ .product-parameterbox{overflow-y:hidden; width:100%; overflow-x:auto; margin-bottom:40px;} .product-parameterbox table{ width:100%; min-width:1100px;} .product-parameterbox table th{/*padding:35px 0px;*/padding:20px 0px; border-bottom:1px solid #e0e0e0;} .product-parameterbox table td{ font-size:14px; /*padding:35px 0px;*/padding:20px 0px;border-bottom:1px solid #e0e0e0; /*line-height:36px;*/line-height:32px;} .product-parameterbox table th span{ font-size:18px; line-height:20px;} .product-parameterbox table td span{font-size:16px; line-height:20px;} .product-parameterbox table th em{ padding-top:7px; display:inline-block; font-size:18px;} .product-parameterbox table tr:last-child td{ border-bottom:none;} .product-parameterbox table tr:last-child th{border-bottom:none;} .product-CollegesSummary{ padding:50px 0px 20px;} /*.product-CollegesSummary dt{width:110px;height:100px; color:#fff; text-align:right; background:#c80000; font-size:12px;} .product-CollegesSummary dt h3{ font-size:24px; padding-top:36px; padding-right:20px;} .product-CollegesSummary dt p{ padding-right:20px; letter-spacing:1px;}*/ .product-CollegesSummary dd{ margin-top:40px; font-size:14px; line-height:24px; position:relative;} .product-CollegesSummary dd h4{ font-size:24px; font-weight:bold; padding-bottom:5px;} .product-CollegesSummary dd h5{ font-size:18px; font-weight:bold; padding-bottom:10px;} .course{position:relative; padding-bottom:50px;} .course dt{ position:relative; left:0px; font-size:18px; font-weight:bold; padding-bottom:8px;} .course dt i{ width:15px; height:2px; left:0px; background-color:#c80000; position:absolute; bottom:0px;} .course dd{ margin-top:20px;} .course dd p{ padding-left:15px; position:relative; font-size:14px; margin-bottom:7px;} .course dd p span{ color:#c80000; position:absolute; left:0px; top:3px; font-size:12px;} .course img{ display:block; position:relative; right:0px; margin:20px auto 0px;} .product-Collegesadvantagebg{ background:#f8f8f8; padding-bottom:80px; padding-top:45px;} .product-Collegesadvantagebg ul{ position:relative; padding-top:30px;} .product-Collegesadvantagebg ul li h3{ position:relative; left:0px; font-size:18px; font-weight:bold; padding-bottom:8px; margin-bottom:15px;} .product-Collegesadvantagebg ul li h3 i{ width:15px; height:2px; left:0px; background-color:#c80000; position:absolute; bottom:0px;} .product-Collegesadvantagebg ul li{ margin-top:20px;} .product-Collegesadvantagebg ul li p{ padding-left:15px; position:relative; font-size:14px; margin-bottom:7px;} .product-Collegesadvantagebg ul li p span{ color:#c80000; position:absolute; left:0px; top:0px; font-size:12px;} .product-Collegesadvantagebg ul li p em{ color:#c80000} .product-Collegesadvantagebg ul img{ display:block; position:relative; right:0px; margin:20px auto 0px;} /*.product-Collegesadvantage dt{width:110px;height:100px; color:#fff; text-align:right; background:#c80000; font-size:12px;} .product-Collegesadvantage dt h3{ font-size:24px; padding-top:36px; padding-right:20px;} .product-Collegesadvantage dt p{ padding-right:20px; letter-spacing:1px;}*/ .coursechapter{ position:relative; padding-left:0; padding-bottom:80px;} .coursechapter p.coursechapterimg{ padding-bottom:30px;} .coursechapter p.coursechapterimg img{ display:block;max-width:100%; margin:0px auto;} .coursechapter table{ border-collapse:collapse; width:100%;} .coursechapter table th{ font-size:18px; color:#c80000; border-bottom:2px solid #c80000} .coursechapter table td{ line-height:22px; font-size:14px; border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc; padding:10px 15px;border-right:1px solid #dcdcdc;} .product-storagesummary{ padding:50px 0px 25px;} /*.product-storagesummary dt{width:110px;height:100px; color:#fff; text-align:right; background:#c80000; font-size:12px;} .product-storagesummary dt h3{ font-size:24px; padding-top:36px; padding-right:20px;} .product-storagesummary dt p{ padding-right:20px; letter-spacing:1px;}*/ .product-storagesummary dd{ margin-top:40px; font-size:14px; line-height:24px; position:relative;} .product-storagesummary dd h4{ font-size:24px; font-weight:bold; padding-bottom:5px;} .product-storagesummary dd h5{ font-size:18px; font-weight:bold; padding-bottom:10px;} .product-storagesummary dd img{ display:block; position:relative; right:0px; margin:20px auto 0px; top:0px;} .Ranking{ padding-bottom:70px;} .Ranking dt{ position:relative;} .Ranking dt h3{ font-size:18px; font-weight:bold; padding-bottom:15px;} .Ranking dt img{ display:block; max-width:100%;} .Ranking dt p{ font-size:14px; bottom:0px; line-height:28px; position:relative; right:0px; padding-top:10px;} .product-storageadvantagebg{ background:#f8f8f8; padding-bottom:80px; padding-top:45px;} .product-storageadvantagebg ul{ padding-top:35px; position:relative;} .product-storageadvantagebg ul img{ display:block; position:relative; max-width:100%; margin:0px auto; padding-top:30px; bottom:0px; right:0px;} .product-storageadvantagebg ul li{ padding-bottom:10px;} .product-storageadvantagebg ul li h3{ font-size:16px; padding-bottom:10px; font-weight:bold;} .product-storageadvantagebg ul li p{ font-size:14px;} .product-application{ padding-top:45px;} /*.product-application dt{width:110px;height:100px; color:#fff; text-align:right; background:#c80000; font-size:12px;} .product-application dt h3{ font-size:24px; padding-top:36px; padding-right:20px;} .product-application dt p{ padding-right:20px; letter-spacing:1px;}*/ .product-applicationlist{ padding:40px 0px;} .product-applicationlist dl{ background:#c80000;font-size:16px; box-shadow:0px 0px 5px rgba(204,204,204,0.76); position:relative;} .product-applicationlist dl h3{ font-size:24px; padding-bottom:20px;} .product-applicationlist dl p{ padding-bottom:20px;} .product-applicationlist dl dt{ color:#fff; width:100%; padding:5% 5%; margin-top:15px;} .product-applicationlist dl dt h3{padding-bottom:30px;} .product-applicationlist dl dt p{ position:relative; padding-left:27px;padding-bottom:35px;} .product-applicationlist dl dt p span{ position:absolute; left:0px; top:0px;} .product-applicationlist dl dd{ position:relative; right:0px;width:100%;padding:5% 5%; background:#fff; bottom:0px; top:0;} .product-softwareadvantagebg{ background:url(../images/img126.jpg) no-repeat center; background-size:cover; padding-bottom:50px; padding-top:45px;} .product-softwareadvantagebg ul{ border:1px solid #dcdcdc; border-radius:3px; background:#fff; padding:4%; margin-top:50px;} .product-softwareadvantagebg ul li{ padding-left:70px; position:relative; padding-bottom:15px;} .product-softwareadvantagebg ul li img{ position:absolute; left:0px;} .product-softwareadvantagebg ul li h3{ font-size:16px; padding:5px 0px; color:#c80000} .product-softwareadvantagebg ul li p{ font-size:14px;} .product-softwareapplybg{ background:#f8f8f8; padding-bottom:50px; padding-top:45px;} .product-softwareapply{border:1px solid #dcdcdc; border-radius:3px; background:#fff; padding:4%; margin-top:50px} .product-softwareapply h3{ font-size:20px; text-align:center; padding:0px 0px 4%;} .product-softwareapply dt{ width:100%; padding:0px 10px;} .product-softwareapply dd{ width:100%; padding:20px 10px 0px;} .product-softwareapply table{ border-collapse:collapse; width:100%;} .product-softwareapply table td{ border:1px solid #dcdcdc; text-align:center; font-size:15px; font-weight:normal; /*padding:8px 0px;*/padding:6px 0px;} .Related{ padding-top:50px; padding-bottom:50px;} .Related h3{ background:url(../images/img132.png) no-repeat left center; font-size:18px; font-weight:bold; padding-left:25px;} .Related h3 span{ font-size:14px; font-weight:normal; padding-left:10px;} .Related ul{ margin-top:15px;} .Related ul li { margin-top:25px;} .Related ul li img{ display:block; width:100%; border:1px solid #e5e5e5;transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .Related ul li a{ display:block; position:relative; overflow:hidden;} .Related ul li a p{ position:absolute; left:20px; right:20px; bottom:10px; background:url(../images/img134.png) repeat;padding:10px 15px; border-radius:0px 0px 25px 0px} .Related ul li a p span{ background:url(../images/img135.png) no-repeat right center; font-size:13px; color:#fff; display:block;} .Related ul li a p i{ font-size:16px; display:block;} .Related ul li a:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);} .product-function{ padding-top:65px; padding-bottom:65px;} /*.product-function dt{width:110px;height:100px; color:#fff; text-align:right; background:#c80000; font-size:12px;} .product-function dt h3{ font-size:24px; padding-top:36px; padding-right:20px;} .product-function dt p{ padding-right:20px; letter-spacing:1px;}*/ .product-functionlist{ position:relative; margin-top:50px;} .product-functionlist ul img{ display:block; width:100%;} .product-functionlist ul li{ position:relative; padding-left:15px; padding-bottom:15px;} .product-functionlist ul li h3{ font-size:16px; color:#c80000; padding-bottom:8px; font-weight:bold;} .product-functionlist ul li h3 span{ position:absolute; left:0px; top:2px; font-size:12px;} .product-functionlist ul li p{ font-size:14px; line-height:25px;} .productlocation{ display:none;} .bd_weixin_popup{ width:250px !important;height: 285px !important;} .indexPartner{ padding-bottom:40px;} .indexPartner dl{ padding-bottom:30px;} .indexPartner dl dt h3{ font-size:20px; line-height:28px; font-weight:bold; color:#333;} .indexPartner dl dt p{ font-size:14px; padding-top:5px;} .indexPartner dl dd{ padding-top:25px;overflow:hidden; height:51px;} .indexPartner dl dd a{ display:inline-block; font-size:16px; padding-bottom:3px; margin-right:15px; vertical-align:middle; border-bottom:1px solid transparent;} .indexPartner dl dd a:hover{ border-bottom:1px solid #c80000; color:#c80000} .indexPartner dl dd a.more{ font-size:12px; background:url(../images/img14.png) no-repeat left center; line-height:25px; margin-left:20px; padding-left:20px; border:none; height:25px;} .indexPartner ul li{ padding-top:15px;} .indexPartner ul li img{ display:block; max-width:100%; margin:0px auto;} .indexPartner ul li img.gray{ display:block;} .indexPartner ul li img.bright{ display:none;} .indexPartner ul li:hover img.gray{ display:none;} .indexPartner ul li:hover img.bright{ display:block;} .product-commontitle span{ float:left; font-size:60px; margin-right:8px; line-height:62px; color:#dadada; font-weight:bold;} .product-commontitle h3{ font-size:30px; font-weight:bold; color:#333; line-height:35px; padding-top:9px;} .product-commontitle p{ font-size:12px; color:#999999; line-height:14px;} .product-commontitle p em{ position:relative; display:inline-block; padding-right:32px;} .product-commontitle p em:after{ content:" "; display:block; position:absolute; width:30px; right:0px; bottom:3px; background:#c80000; height:2px;} @media (min-width: 768px) { .indexclass ul li{margin-top:0px;} .indexabout dl{ padding-top:115px;} .indexabout ul{ margin:0px -15px;} .indexabout ul li{ padding:15px} .indexAdvantages{ border:1px solid #eeeeee; box-shadow:0px 1px 24px rgba(224,224,224,0.75); margin-top:120px; margin-bottom:50px;} .indexAdvantages li{ padding:90px 0px; text-align:center; position:relative;border:none; box-shadow:none;margin-top:0px;} .commontitle h4{ font-size:24px;} .commontitle p{ font-size:16px;} .indexProducts ul li a h4{ font-size:18px;} .indexProducts ul li a p{ font-size:14px;} .indexclass dl dt h3{ font-size:24px;} .indexclass dl dt p{ font-size:16px;} .indexclass ul li a{ padding-bottom:45px;} .footleft ul li{ padding-top:30px;} .footleft ul li h3{background:none;} .footleft ul li p{ display:block; background:none; padding:0px;} .searchpopup{width:400px;margin-left:-200px; top:30%;} .searchpopup label{padding:10px 70px 8px 25px;} .newsdetafoot p{ text-align:right; padding-top:0px;} .CommonClass{border-top:1px solid #e5e5e5;} .CommontitleClass dl{position:absolute;top:-119px;margin:0px;} .CommontitleClass dl p{ text-align:right} .commonbanner dl{ position:absolute; left:0px; width:100%; z-index:999; top:38%; margin-top:-20px} .commonbanner dl dd{ color:#fff} .commonbanner dl dd p.more { padding-top:50px;} .commonbanner dl dd p.more a{border:1px solid #fff;color:#fff;} .newslist ul{ padding-top:0px;} .newslist ul li a{ padding:50px 0px;} .industry dl a{padding:40px 0px;} .industry dl a dd{ padding-top:0px;} .InfoCoreBenefits dl dd{ padding-top:0px;} .contactlistbox li{ float:left; width:31.3333%;} .Illustration dl dt { padding-top:10%;padding-bottom:0px;} .JobOfferslist ul li:nth-child(3n+1){ clear:none;} .JobOfferslist ul li:nth-child(2n+1){ clear:left;} .CompanyFootprinttimelist ul li{width:91px;} .JobOffersclass a{padding:10px 45px; font-size:20px; margin:0px 10px;} .CompanyHonor span{ top:50%;margin-top:-60px;width:53px; height:53px;} .CompanyHonor{margin-top:50px; padding-bottom:60px;} .CompanyHonor span.Hleft{ left:0px;} .CompanyHonor span.Hright{ right:0px;} .CompanyHonorlist{ margin:0px 70px;} .CommonClass ul li a{ margin-right:45px;} .Personalcenter ul{ padding:20px 10% 0px;} .Personalcenter{margin:100px 0px 120px;} .backdrop dd{padding-right:225px;} .backdrop dd img{ position:absolute; margin:0px;} .synopsis dd{padding-right:310px;} .synopsis dd img{position:absolute;margin:0px auto;} .ICPV6img{ padding-bottom:100px;} .downloadlist ul{padding-top:50px; padding-bottom:70px;} .downloadlist ul li a{font-size:16px;} .verification{ padding-right:150px; position:relative;} .verification input{ right:0px; top:0px; height:40px; width:130px; margin-top:0px; cursor:default; color:#fff; background:#7d7d7d; font-size:15px; position:absolute;} .product-Summary dd{padding-right:300px;} .product-Summary dd img{ position:absolute; margin:0px;} .product-storagesummary dd{padding-right:300px;} .product-storagesummary dd img{ position:absolute; margin:0px;} .product-CollegesSummary dd{padding-right:240px;} .course img{ position:absolute; margin:0px; top:-60px;} .product-advantage{padding-left:125px;} .product-advantage img{ position:absolute;} .product-storageadvantagebg ul{padding-right:345px;} .product-storageadvantagebg ul img{ position:absolute;} .product-applicationlist dl dt{width:50%; float:left;} .product-applicationlist dl dd{ position:absolute;width:50%;padding:5% 5%; background:#fff; bottom:0px; top:15px;} .ICPV6imgright li{ float:left; width:50%; margin-top:6px;} .ICPV6imgright li p{ font-size:14px;} .ICPV6imgright li:nth-child(1){ width:100%;} .ICPV6imgright li:nth-child(1) p{ font-size:18px;} .indexabout dl dt i{ display:block;} .clickmap{ position:absolute; border-radius:40px; background:#c80000; padding:12px 90px; left:50%; margin-left:-156px; bottom:-24px;} .productlocation{ position:absolute; right:15px; top:0px; height:66px; line-height:66px; display:none;} .productlocation a{ font-size:16px; margin-left:20px;} .productlocation a.cur{ color:#c80000} .searchlist{ margin-top:-66px;} .indexPartner dl dt h3{ font-size:24px;} .indexPartner dl dt p{ font-size:16px;} .solution dl.yqy{padding-right:400px; padding-bottom:150px;} .solution dl.yqy img{ position:absolute;} } @media (min-width: 992px) { .indexnewsbox{ padding:100px 0px 0px;} .Solutionsbox{min-height:315px; padding-top:45px; padding-bottom:0px;} .height285{min-height:285px;} .height260{min-height:260px;} .indexSigned{margin-top:0px;} .indexmap dl dd div{padding-top:15%; padding-left:60px;} .indexabout ul{ margin:0px;} .indexabout ul li{padding:15px 0px; top:0px;} .indexabout ul li:hover{transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear; top:-15px;} .aboutline{ position:absolute; top:-136px; bottom:-50px; left:15px; border-left:1px solid #dddddd; display:block;} .indexabout ul li h5{ font-size:36px; font-weight:bold; color:#fff; background:#c80000; font-family:"微软雅黑"; text-align:center; line-height:105px;} .indexabout ul li p{ text-align:right; font-size:14px; min-height:76px; border-bottom:1px solid #dddddd; line-height:18px; padding-top:6px; padding-bottom:15px;} .indexclass dl dd{ padding-top:25px; text-align:right;} .industry dl a dd p.desc{margin-top:25px;} .industry dl a dd p.time{padding-top:25px;} .contactlistbox li{ float:left; width:22.5%;} .jobspopup{ position:absolute;z-index:999999; width:850px; height:625px; left:50%; top:0px; right:auto; margin-left:-425px; background:#fff; border-radius:5px; padding:30px;} .jobinfofoot{left:30px; right:30px;} .jobinfo{left:30px; right:30px;top:30px;} .JobOfferslist ul li:nth-child(3n+1){ clear:left !important;} .JobOfferslist ul li:nth-child(2n+1){ clear:none;} .CompanyFootprintcontent{ padding:50px 25px 0px;} .CompanyFootprintarrow{ width:58.33333333%;} .CompanyFootprintarrow p{margin:0px 40px;} .Personalcenter{margin:180px 0px 120px;} .Strategy{ padding:50px 0px 90px;} .Strategy dt{ padding-right:440px;} .Strategy dt img{position:absolute; margin-top:0px;} .planning{ padding:90px 0px;} .planning dt{ padding-right:440px;} .planning dt img{position:absolute; margin-top:0px;} .Channelsupportlistbox{ padding-bottom:100px;} .Channelsupport{ padding:50px 0px 30px;} .Channelsupportlist ul{margin:0px auto; width:48%} .Channelsupportlist ul li{position:absolute; padding-left:30px; width:235px; left:0px; top:0px;} .Channelsupportlist ul li.market{ top:50%; margin-top:-32px;} .Channelsupportlist ul li.Business{ bottom:-15px; top:auto;} .Channelsupportlist ul li p{ line-height:16px;} .Channelsupportlist ul li.right{ right:0px; left:auto;padding-left:0px; padding-right:30px; text-align:right;} .Channelsupportlist ul li.right span{ left:auto; right:0px; top:0px;} .Channelsupportlist ul img{ display:block;} .product-advantagebg ul{ margin:0px -45px;} .product-advantagebg li{ padding:0px 45px; margin-top:80px;} .product-Collegesadvantagebg ul{padding-right:260px;} .product-Collegesadvantagebg ul li{ padding-left:170px;position:relative;} .product-Collegesadvantagebg ul li h3{ position:absolute;} .product-Collegesadvantagebg ul img{position:absolute; bottom:15px;} .course{ padding-left:170px;} .course dt{ position:absolute;} .course dd{ margin-top:0px;} .coursechapter{ position:relative; padding-left:50%;} .coursechapter p.coursechapterimg{position:absolute; max-width:100%; left:5%; width:40%; top:50%; margin-top:-145px; padding-bottom:0px;} .Ranking dt p{ font-size:14px; bottom:0px; width:575px; line-height:28px; position:absolute; right:0px;} .product-softwareapply dt{ float:left; width:50%; padding:0px 10px;} .product-softwareapply dd{ float:left; width:50%; padding:0px 10px;} .product-functionlist ul{ width:35%; margin:0px auto; padding:150px 0px 175px;} .product-functionlist ul li{ position:absolute; width:290px; left:0px; top:0px; padding-left:15px; padding-bottom:0px;} .product-functionlist ul li.first{ width:335px;} .product-functionlist ul li.second{ left:50%; margin-left:-150px;} .product-functionlist ul li.three{ right:0px; left: auto;} .product-functionlist ul li.four{ left:0px; top:50%; margin-top:-50px;} .product-functionlist ul li.Fives{ left:auto; right:0px; top:50%; margin-top:-50px;} .product-functionlist ul li.Fnbottom{bottom:0px; top:auto;} .ICPV6imgright li{ float:left; width:25%; margin-top:6px;} .ICPV6imgright li p{ font-size:14px;} .ICPV6imgright li:nth-child(1){ width:50%;} .ICPV6imgright li:nth-child(1) p{ font-size:18px;} .commonbanner dl{ display:block;} .footPopular dl{ display:block;} .footPopular i{ display:block;} .footright dl{ display:block;} .foot dt{ display:block;} .foot dd{ text-align:left;} .foot dd span{ padding:0px 10px;} .foot dd p:nth-child(1){ display:block;} .indexPartner{ padding-top:40px;} .indexPartner dl dd{ padding-top:25px; text-align:right;} } @media (min-width: 1260px) { .foot dd{ position:absolute; right:0px; top:15px; text-align:right;} .aboutline{left:35px;} .indexabout ul{ padding-left:20px;} .Channelsupportlist ul{margin:0px auto; width:58%} .Channelsupportlist ul li p{ line-height:20px;} .product-functionlist ul{ width:45%; margin:0px auto; padding:150px 0px 175px;} .footright ul li{ float:left; width:auto; padding:0px 0px 0px 35px;} .footright dl{ padding-top:15px; padding-left:0px; padding-right:0px;} .footright dl dt{ margin-left:55px;} }