*{border:0px;margin:0;padding:0;} * a{border:0;} #nav {position:fixed; top:0; height:100px; width:100%;z-index:70;} #nav ul{float:right;margin:0;padding:0;width:80%;} #nav li{ list-style-type:none; float:left;font: 16px "microsoft yahei"; width:8%; text-align:center; padding:20px 0;text-shadow:2px 3px 6px #000;} #nav a, #nav a:hover{display: block; padding: 10px 0; color: #fff; text-align: center; text-decoration: none;} #nav li.active{background:url(/uploads/image/smcimages/navbg.png) 90% 90% no-repeat; background-size:100% 75%;} .nav {background:#222;opacity:.5;height:60px;overflow:hidden;animation:navheight 5s;-webkit-animation:navheight 1s; background:rgba(00,00,00,0.8)} .nav li{padding:0;margin:0;padding:5px 26px;color:#fff; text-shadow:2px 3px 6px #fff;} .nav a, .nav a:hover{display: block; padding: 10px 0; color: #fff; text-align: center; text-decoration: none;} .nav li.active{} .nav li.active{background:url(/uploads/image/smcimages/navbg.png) center center no-repeat; background-size:100% 65%;} @keyframes navheight{ 0% {height:80px;} 80% {height:66px;} 100% {height:60px;} } .navbg1{background:#f9f9f9;filter:alpha(opacity=80);-moz-opacity:0.9;opacity: 0.9;} .navbg2{background:#000;filter:alpha(opacity=80);-moz-opacity:0.9;opacity: 0.9;} br{margin-top:20px;} #menu { position: fixed; right: 10px; top: 60%; width: 90px; margin: -160px 0 0; padding: 0; list-style-type: none; z-index:70; display:none;} #menu li { margin-top: 10px; font: 14px "microsoft yahei";} #menu a { display: block; padding: 10px 0; background-color: #fff; color: #0074ea; text-align: center; text-decoration: none;} #menu .active a { color: #fff; background-color: rgb(0, 116, 234);} .text_center{text-align:center;} .center{margin:0 auto;} .ht{font-size:20px; font-family:"microsoft yahei"} .clear{clear:both;} .w1200{float:left;margin-left:10%;} .w1100{width:1200px;} .tags{padding-top:2.0%;} .tags_bg{background:#fff;opacity:0.96;width:480px;height:500px;} .tags_bg a, .tags_bg a:hover{text-decoration:none;color:#fff;} .yf a, .yf a:hover{text-decoration:none;color:#0c121c;} .tags_bg img{vertical-align:middle;} .s{} .slidetxtbox{margin:0px; padding:0px;} .slidetxtbox hd, .slidetxtbox bd{margin:0px; padding:0px;} .slidetxtbox .hd ul li.on{ background:#f6f6f6;color:#083025; transform: rotatex(360deg);-webkit-transform: rotatex(360deg);} .slidetxtboxpro{margin:0px; padding:0px;} .slidetxtboxpro hd, .slidetxtboxpro bd{margin:0px; padding:0px;} .slidetxtboxpro .hd ul li.on{ background:#f6f6f6;color:#083025; transform: rotatex(360deg);-webkit-transform: rotatex(360deg);} .s1_body{background:url(/uploads/image/smcimages/n1_bg.jpg) center center no-repeat; height:72%;margin-top:0.2%; margin-bottom:0;} .s2_body{background:url(/uploads/image/smcimages/n2_bg.jpg) center center no-repeat; background-size:100% 100%; height:600px;margin-top:1%;} .s3_body{background:url(/uploads/image/smcimages/n3_bg.jpg) center center no-repeat; height:72%;margin-top:0.1%; margin-bottom:0;} .s4_body{background:url(/uploads/image/smcimages/n4_bg.jpg) center center no-repeat; background-size:100% 100%; height:610px;margin-top:1%;} .s5_body{background:#d9dde3; background-size:100% 100%; height:560px;margin-top:3%; } .s6_body{background:url(/uploads/image/smcimages/n6_bg.jpg) center center no-repeat; background-size:100% 100%; height:610px;margin-top:2%;} .s6_body .title a{color:#0f352c;background-color:#fff;} .s6_body .title a:hover{color:#0f352c;background-color:#fff;} .s6_body .shebei_con {color:#080808;background-color:#fff;} .s6_body .shebei_con:hover {color:#080808;background-color:#fff;} /* job margin-top: -83.5px; right: 17px;*/ .index_job{position: fixed ;width: 46px; height: 46px; margin-top: -133px; right: 8px; z-index: 100; top: 50%; opacity: 1; display: block; transition: all 0.1s;} .index_job img{width: 100%;} .index_job:hover{width: 46px; height: 46px; margin-top: -133px; right: 8px; box-shadow: 0 0 10px #083025;} .active .index_job{display: none;} .index_job_2{position: fixed ;width: 46px; height: 46px; margin-top: -193px; right: 8px; z-index: 100; top: 50%; opacity: 1; display: block; transition: all 0.1s;} .index_job_2 img{width: 100%;} .index_job_2:hover{width: 46px; height: 46px; margin-top: -193px; right: 8px; box-shadow: 0 0 10px #083025;} .active .index_job_2{display: none;} /* end job */ .godown{*display: none;position: absolute;left: 50%;bottom: 20px;z-index: 100;width: 50px;height: 53px;margin-left: -25px;} .godown span {display: block;width: 50px;height: 53px;background-image: url(/uploads/image/smcimages/godown.png);} .godown span {-moz-animation: mymove 1s linear infinite alternate; -webkit-animation: mymove 1s linear infinite alternate;-o-animation: mymove 1s linear infinite alternate;animation: mymove 1s linear infinite alternate;} .s_title{background:url(/uploads/image/smcimages/title_bg.jpg) bottom center no-repeat; background-size:230px 96%;height:86px; margin-top:3.5%;} .s_title span{font-family:"microsoft yahei"; font-size:30px; font-weight:bold;} .s_footer{background:#f6f6f6;} .s_footer ul{margin:0px; padding:0px;} .s1_footer li{list-style:none;width:20%;float:left;text-align:center;background:#f6f6f6;padding:6px 0;transition: 0.5s;-webkit-transition: 0.5s; font-family:"微软雅黑"} .s1_footer img{height:30px;} .s2_footer li{list-style:none;width:33.3%;float:left;text-align:center;background:#f6f6f6;padding:6px 0;transition: 0.5s;-webkit-transition: 0.5s; font-family:"微软雅黑"} .s2_footer img{height:30px;} .s2_body .bd .sec_more a{text-decoration:none;background:#083025;padding:1px 5px 1px 10px;} /* .s2_body .bd a, .s2_body .bd a:hover{text-decoration:none;background:#083025;padding:1px 5px 1px 10px;} */ .s3_footer li{list-style:none;width:25%;float:left;text-align:center;background:#f6f6f6;color:#000; padding:6px 0;font-family:"微软雅黑"; transition: 0.5s; -webkit-transition: 0.5s;} .s3_footer img{height:30px;} .s3_body .s3_list li{margin-top:3%;width:30%;float:left;margin-left:2.5%;list-style:none;text-align:center;font-size:18px;font-family:"microsoft yahei";font-weight:bold;color:#0c121c;} .s3_body .s3_list li span{font-size:12px;font-weight:normal;font-family:"microsoft yahei";display:block;margin-top:8%;line-height:2em;text-align:center;padding:3px 3%;} .s4_body li{width:30%;float:left;margin-left:2.5%;list-style:none;text-align:center;font-size:15px;font-family:"microsoft yahei";font-weight:bold;color:#0c121c;} .s4_body li span{font-size:12px;font-weight:normal;font-family:"microsoft yahei";display:block;margin-top:8%;line-height:2em;text-align:left;padding:3px 3%;} .s4_body a, .s4_body a:hover{color:#fff;background:#083025;padding:5px 10px;} .s6_title{background:url(/uploads/image/smcimages/title_bg.jpg) bottom center no-repeat; background-size:230px 96%;height:86px;} .s6_title span{font-family:"microsoft yahei"; font-size:30px; font-weight:bold;} .s5_body li{list-style:none;width:19.5%;float:left;margin:0 0 0 4%;background: #f0f0f0; padding: 6px; padding-bottom:20px;} .s5_body li:hover{box-shadow: 0px 0px 5px #eee; -webkit-box-shadow: 0px 0px 5px #eee; -moz-box-shadow: 0px 0px 5px #eee;} .s5_body a, .s5_body a:hover {text-decoration:none;} /* add by fu */ .s5_body .bd{position: relative;} .s5_body .typelist_news{position: absolute; top: 30px; text-align: center; width: 100%; z-index: 10;} .typelist_news a{padding: 8px 20px; margin-left: 10px; background-color: #083025; color: #fff; font-size: 20px; text-transform: capitalize;} .typelist_news a:first-child{margin-left: 0;} /* end */ .s6_body a, .s6_body a:hover {color:#fff;background:#083025;padding:5px 10px;} .s5_body .slide{margin:0;padding:0;} .n_6_title{margin:3% 0;font-family:"microsoft yahei"; color:#0c121c;font-weight:bold; line-height:2em;} .n_6_title a, .n_6_title a:hover{color:#0c121c;} .n_6_body{font-family:"microsoft yahei"; color:#444; line-height:2em; font-size:12px;margin:2% 0;text-align:left; height:78px;overflow:hidden;} .n_6_body a, .n_6_body a:hover{color:#444;} .s7_title{background:url(/uploads/image/smcimages/sb_title.jpg) center center no-repeat;background-size:12% 100%; height:70px;} .s7_body{background:url(/uploads/image/smcimages/n6_bg.jpg) center center no-repeat; background-size:cover; height:610px;margin-top:4%;} .title{color:#04281e; font-family:"微软雅黑"; font-size:24px; font-weight:bold;padding-top:30px; margin-left:20px;margin-left:-100px;} img.flogo{margin:0 auto;display:block;padding-top:8%;} .ftitle{margin:10px auto;color:#fff;} .ftitle_en{margin:0 auto;color:#fff;} .fweizhi{margin:3% auto 2%;} .fweizhi li{list-style:none; float:left;width:20%; color:#fff;} .fweizhi li img{margin-bottom:8px;} .fweizhi li a{color:#fff; text-decoration: inherit;} .friend{background:#04281e; height:160px;margin-top:4%; margin-bottom:2%;} .fcp{margin:1% auto;color:#fff;} .picscroll-left{ width:90%;position:relative;float:left;margin-top:20px;overflow:hidden;} .picscroll-left .hd{ } .picscroll-left .hd ul,.picscroll-left .hd .pagestate{display:none;} .picscroll-left .hd .prev,.picscroll-left .hd .next{ width:63px;height:63px;position:absolute;top: 16px;cursor: pointer;} .picscroll-left .hd .prev{background:url(/uploads/image/smcimages/i_42.png) no-repeat;left:0px; } .picscroll-left .hd .next{ background:url(/uploads/image/smcimages/i_43.png) no-repeat; right:0px;} .picscroll-left .hd .prevstop{ background-position:-60px 0; } .picscroll-left .hd .nextstop{ background-position:-60px -50px; } .picscroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:30px;} .picscroll-left .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;} .picscroll-left .hd ul li.on{ background-position:0 0; } .picscroll-left .bd{ padding:10px;padding-left:4%; padding-top: 0px; width:90%;} .picscroll-left .bd ul{ overflow:hidden; zoom:1;width:100%; } .picscroll-left .bd ul li{ margin:0 6px; float:left; overflow:hidden; text-align:center;height:80px;margin-top:8px;} .picscroll-left .bd ul li img{ width:120px; height:40px; display:block; padding:2px;filter:progid:dximagetransform.microsoft.shadow(color=#333,direction=120,strength=3); } .picscroll-left .bd ul li a:hover img{ border-color:#999; } .picscroll-left .bd ul li .title{ line-height:24px; } .picscroll-left .bd ul li img:hover,.picscroll-left .hd .prev:hover,.picscroll-left .hd .next:hover{filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;} .p_news{ width:100%; overflow:hidden; position:relative; border:1px solid #ccc; } .p_news .hd{ overflow:hidden; height:30px; background:#f4f4f4; padding:0 10px; } .p_news .hd .prev,.p_news .hd .next{ width:63px;height:63px;position:absolute;top:50%;cursor: pointer;} .p_news .hd .prev{background:url(/uploads/image/smcimages/i_42.png) no-repeat;left:0px; } .p_news .hd .next{background:url(/uploads/image/smcimages/i_43.png) no-repeat; right:0px;} .p_news .hd .prevstop{ background-position:-60px 0; } .p_news .hd .nextstop{ background-position:-60px -50px; } .p_news .bd ul{ overflow:hidden; zoom:1; } .p_news .bd ul li{list-style:none;width:19.5%;float:left;margin:1.4% 0 0 .9%;background:#f0f0f0; padding: 6px 12px; transition: all 0.3s;} .p_news .bd ul li:hover{transform: scale(1.1,1.1)} @media screen and (min-width:1601px){ .s1_body{background:url(/uploads/image/smcimages/n1_bg.jpg) center center no-repeat; height:670px;margin-top:0.2%; margin-bottom:0;} .s2_body{background:url(/uploads/image/smcimages/n2_bg.jpg) center center no-repeat; background-size:100% 100%; height:800px;margin-top:1%;} .s3_body{background:url(/uploads/image/smcimages/n3_bg.jpg) center center no-repeat; height:670px;margin-top:0.1%; margin-bottom:0;} .s4_body{background:url(/uploads/image/smcimages/n4_bg.jpg) center center no-repeat; background-size:100% 100%; height:800px;margin-top:1%;} .s5_body{background:#d9dde3; background-size:100% 100%; height:auto;margin-top:3%; } .s6_body{background:url(/uploads/image/smcimages/n6_bg.jpg) center center no-repeat; background-size:100% 100%; height:800px;margin-top:2%;} .tags{padding-top:5.8%;} .s1_footer li, .s3_footer li, .s2_footer li{padding:10px 0;} } #fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; -webkit-transform: translate3d(0,0,0); } #fp-nav.right { right: 17px; } #fp-nav.left { left: 17px; } .fp-slidesnav{ position: absolute; z-index: 4; left: 50%; opacity: 1; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .fp-slidesnav.bottom { bottom: 17px; } .fp-slidesnav.top { top: 17px; } #fp-nav ul, .fp-slidesnav ul { margin: 0; padding: 0; } #fp-nav ul li, .fp-slidesnav ul li { display: block; width: 14px; height: 13px; margin: 7px; position:relative; } .fp-slidesnav ul li { display: inline-block; } #fp-nav ul li a, .fp-slidesnav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; } #fp-nav ul li a.active span, .fp-slidesnav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesnav ul li:hover a.active span{ height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100%; } #fp-nav ul li a span, .fp-slidesnav ul li a span { border-radius: 50%; position: absolute; z-index: 1; height: 4px; width: 4px; border: 0; background: #083025; left: 50%; top: 50%; margin: -2px 0 0 -2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #fp-nav ul li:hover a span, .fp-slidesnav ul li:hover a span{ width: 10px; height: 10px; margin: -5px 0px 0px -5px; } #fp-nav ul li .fp-tooltip { position: absolute; top: -2px; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0; width: 0; cursor: pointer; } #fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active .fp-tooltip { -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; width: auto; opacity: 1; } #fp-nav ul li .fp-tooltip.right { right: 20px; } #fp-nav ul li .fp-tooltip.left { left: 20px; } .fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tablecell{ height: auto !important; } .fp-responsive .fp-auto-height-responsive.fp-section, .fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tablecell { height: auto !important; } #nnav{ position:fixed; right:10px; top:30%; background: no-repeat center 41%; width:80px; height:241px; z-index:9995; padding-top:128px; text-align:left !important; } #nnav li{ text-align:left !important; list-style:none; } #nnav li a{ font-family:"寰蒋闆呴粦"; font-size:12px; color:#000; width:48px; display:block; text-align:left !important; margin-bottom:8.5px; text-decoration:none; height:20px; margin-left:-15px; } #nnav li a:hover em{ color:#0085b4; font-family:"寰蒋闆呴粦"; font-size:12px; display:inline-block; } #nnav li a:hover{ color:#0085b4; font-family:"寰蒋闆呴粦"; font-size:12px; } #nnav .current em{ display:inline-block; color:#083025; font-family:"寰蒋闆呴粦"; font-size:12px; background:#083025; height:12px; width:12px; border-radius:50%; -webkit-border-radius:50%; margin-left:10px; } #nnav .current a{ color:#083025; font-family:"寰蒋闆呴粦"; font-size:12px; } /* add by fu */ .index_group_more{float:right;margin-right:-50px;margin-top:6%;font-family:微软雅黑} .index_group_more>span{color:#fff; background:#083025; padding:3px 12px 3px 0;} .index_group_more span span{text-align:left;padding-right:12px;} .tags_bg .index_team_complete, .tags_bg .index_team_complete:hover{color: #083025; margin-left: 20px; font-weight: 600;} .body_index_en .s1_body{background-image: url(/uploads/image/smcien/n1_bg.jpg);} .s1_footer li .pic_1{display: inline-block;} .s1_footer li .pic_2{display: none;} .s1_footer .on .pic_2{display: inline-block;} .s1_footer .on .pic_1{display: none;} .s1_footer .on{font-weight: 600;} .s1_footer:hover{cursor: pointer;} .s2_footer li .pic_1{display: inline-block;} .s2_footer li .pic_2{display: none;} .s2_footer .on .pic_2{display: inline-block;} .s2_footer .on .pic_1{display: none;} .s2_footer .on{font-weight: 600;} .s2_footer:hover{cursor: pointer;} .s3_footer li.on{color: #083025; transform: rotatex(360deg);-webkit-transform: rotatex(360deg); font-weight: 600;} .s3_footer li.on .pic_2{display: inline-block;} .s3_footer li .pic_2{display: none;} .s3_footer li.on .pic_1{display: none;} .s3_footer li:hover{cursor: pointer;} s3_footer{position: absolute; bottom: 0;} /* section2 */ .tags_bg .sec2_pic{margin:0 auto; margin-top:6%; width:90%;} .tags_bg .sec2_desc{margin:0 auto; margin-top:5%; width:86%;line-height:1.6em;font-family:微软雅黑} .tags_bg .sec2_more{float:right;margin-right:-50px;margin-top:3%;font-family:微软雅黑;} .tags_bg .sec2_more>span{color:#fff; background:#083025; padding:3px 12px 3px 0;} .tags_bg .sec2_more span span{text-align:left;padding-right:12px;} /* english */ .body_index_en .s3_body .s3_list li span{font-size: 14px; font-weight: 600;} .body_index_en .tags_bg .index_team_complete{ text-transform: capitalize; font-weight: 600;} /* end add */