body{margin:0px;padding:0; font-size: 12px;font-family:Microsoft YaHei,\5B8B\4F53,Verdana;color:#555;} html,body,form{height:100%; width:100%;} div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;} li{list-style-type:none;} img{vertical-align:top;border:0;} h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;} a { text-decoration:none; color:#333;} a:hover { text-decoration:underline;color:#f50;} .red { color:red;} .body { width:100%; margin:0 auto; min-width:320px;} .fleft { float:left;} .fright { float:right;} .mask-layer-shade { z-index: 10000; background-color: #000; opacity: 0.6; filter: alpha(opacity=60); width:100%; height:100%; position:absolute; top:0; left:0; } /*****************************************************************************************/ .mhead { width: 100%; overflow: hidden; min-width: 320px; margin: 0; background:#093d88; overflow: hidden; color: #fff; position: relative; } .mhead .mailBar{display:none;} .mhead .head { width:100%; overflow:hidden; margin:0; overflow:hidden;} .mhead .head_l, .mhead .head_r { width:100%; overflow:hidden;} .mhead .head_l img{ width:100%;} .mhead .head_r { text-align:center; border-top:solid 1px #666;} .mhead .head_r a { display: block; margin: 0 auto; font-size: 25px; color: #fff; height: 40px; background: url(/skin/images/head_tel.png) center 10px no-repeat; padding: 55px 0 15px 0; text-decoration: none; } .mhead .menuBox { right:1px; top:5px; width:42px; height:0px; overflow:visible; position:fixed; z-index:9999990;} .mhead .menuBox .bn {display:block; width:42px; height:30px;background:url(/skin/images/menu_btn_01.png) 0 0 no-repeat;position:relative; left:-30px;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;} .mhead .menuBox.hd ul{ visibility:hidden ;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;} .mhead .menuBox.hd .bn{ left:0px;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;} .mhead .menuBox ul { display:block; width:80px; background:#c00; padding:15px; position:relative;left:-68px; border-radius:5px; top:1px; transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;} .mhead .menuBox li { display:block; height:20px; padding:10px 0 10px 0; text-align:center;} .mhead .menuBox li a { color:#fff; font-size:15px; line-height:20px;} .mhead .menuBox li.cur a { color:#f7cdb8; font-weight:bold; } .mfoot { width:100%; min-width:320px; clear:both; overflow:hidden; background:#000; color:#aeaeae; padding-bottom:40px; padding-top:20px; margin:0 auto; } .mfoot .content { margin:0 auto 0 auto; width:90%;} .mfoot .content .cake { width:100%;overflow:hidden;} .mfoot .content .tit { font-size:22px; color:#fff; line-height:40px; margin-bottom:15px; margin-top:10px;} .mfoot .content .cake2 { width:89%; font-size:14px; line-height:23px;} .mfoot .content h5 { font-size:15px; color:#fff;} .mfoot .content a { color:#aeaeae;} .c_body { } .c_body .c_nav { height:20px; line-height:20px; padding:20px 20px 20px 20px; color:#666; border-bottom:solid 2px #e0e0e0; font-size:15px; text-align:center;} .c_body .c_nav .delimiter { margin-left:5px; margin-right:5px;} .c_body .c_tit { width:100%;background-image:url(/skin/images/home_border_02.png); background-repeat:repeat-x; background-position-y:18px;} .c_body .c_tit span { display:inline-block; background:#fff; padding:10px 20px 10px 0px; line-height:20px; height:20px; font-size:20px; color:#666;} .c_body .c_content { width:100%; margin-top:15px; margin-bottom:15px;} /*****************************************************************************************/ .home { width:100%; clear:both; float:none; margin:0px auto; min-width:320px;} .home .slideShow { width:100%; overflow:hidden; margin:0 auto; padding:0; } .home .slideShow .slide { width:100%;overflow:hidden; margin:0 auto; padding:0;} .home .slideShow .slide .nav-previous { -webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-top:2px solid #e0e0e0;border-left:2px solid #e0e0e0; cursor:pointer; } .home .slideShow .slide .nav-previous:hover {border-top:2px solid #f50;border-left:2px solid #f50; } .home .slideShow .slide .nav-next {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-bottom:2px solid #e0e0e0;border-right:2px solid #e0e0e0; cursor:pointer; } .home .slideShow .slide .nav-next:hover {border-bottom:2px solid #f50;border-right:2px solid #f50} .home .slideShow .slide .nav-arrow{background:#fff;cursor:pointer;} .home .slideShow .slide .nav-arrow:hover,.slideShow .slide .nav-arrow.active{ background:#d70300; height:100%;} .home .cake2 { width: 100%; background: #666; padding: 30px 0 30px 0; } .home .cake2 div { width:100%; height:20px; margin:0 auto 0 auto;color:#fff; font-size:20px; text-align:center;} .home .cake3 { width:100%; background:#fff; padding:30px 0 30px 0; overflow:hidden;margin:0 auto 0 auto;} .home .cake3_0 { width: 100%; margin: 0 auto 0 auto; color: #666; } .home .cake3_0 img { width: 100%; margin-bottom: 10px; } .home .cake3_1 {width: 100%; margin: 0 auto 0 auto; color: #666; } .home .cake3_1 img { width: 100%; margin-bottom: 10px;} .home .cake4 { width:100%; clear:both; overflow:hidden; padding:20px 0 20px 0;} .home .cake4.bg1 { background:#000; color:#fff;} .home .cake4.bg2 { background:#fff; color:#666;} .home .cake4 .content { width:95%; margin:0 auto 0 auto; overflow:hidden; } .home .cake4 .cake4_0 { width:100%; } .home .cake4 .tit { font-size:23px; width:85%; } .home .cake4 .brief { font-size:14px; margin-top:10px; margin-bottom:15px; line-height:25px;} .home .cake4 .cake4_1 { margin:0 10px 20px 10px;} .home .cake4 .cake4_1 a { text-decoration:none;} .home .cake4 .cake4_1 div { padding:5px; text-align:center; } .home .cake4 .cake4_1 img { width:50%;} .home .cake4 .cake4_1 span { display:block;width:100%; height:20px; overflow:hidden;padding:20px 0 20px 0; background:#fff; color:#666; text-align:center; font-size:14px; display:none;} .home .cake5 { width:100%; clear:both; overflow:hidden; padding:30px 0 30px 0; background-image:url(/skin/images/home_friends_bg.jpg); background-size:100% 100%;} .home .cake5_1 { width:95%; margin:0 auto; overflow:hidden;} .home .cake5 .tit { width:100%; font-size:25px; text-align:center; color:#fff;} .home .cake5 .content { width:100%; margin-top:30px; text-align:center;} .home .cake5 img { width:140px; height:150px; margin:10px 10px 20px 10px;} /*****************************************************************************************/ .aboutUs { width:100%; font-size:13px; padding-bottom:50px;} .aboutUs .content { min-width:320px; width:94%; margin:20px auto 20px auto; overflow:hidden; clear:both; float:none;} .aboutUs .cake1 { width:100%; min-height:300px; margin:0 auto;line-height:180%; font-size:13px;} .aboutUs .cake2 { width:100%; min-height:300px; margin:0 auto;line-height:180%; font-size:13px; display:none;} .aboutUs .cake3 { width:100%; min-height:100px; line-height:25px; margin-bottom:20px; } .aboutUs .cake3 .cake3_1 { text-align:center;} .aboutUs .cake3 .cake3_1 img { max-width:85%;} .aboutUs .cake3 .cake3_1 .tit{ display:block; width:100%; color:#369; font-size:15px; text-align:center;} /*****************************************************************************************/ .goods { width:100%; font-size:13px; padding-bottom:50px;} .goods .category { width:100%; } .goods .category div { margin:20px 0 20px 0; padding:10px 20px 10px 20px;;border-top:solid 1px #d9d9d9;border-bottom:solid 1px #d9d9d9; font-size:16px; color:#000;} .goods .category div a,.goods .category div span{ margin-right:20px;margin-bottom:10px;} .goods .category div a { text-decoration:underline;} .goods .category div a.cur { color:red;} .goods .list {min-width:320px; margin:20px 15px 20px 15px; overflow:hidden; clear:both; float:none; } .goods .list div { width:100%; overflow:hidden;} .goods .list a { display:block; width:100%; margin-bottom:20px;} .goods .list a img { width:100%;} .goods .list a span { display:block; text-align:center; height:50px; line-height:50px; font-size:15px;} .goods .pagebox { min-width:320px; width:100%; margin:20px auto 20px auto; overflow:hidden; clear:both; float:none;text-align:center; } .goods .pagebox a { display:inline-block;border:solid 1px #ddd; padding:3px 5px 3px 5px; margin:0 2px 5px 2px; } .goods .pagebox span { display:inline-block;border:solid 1px #ddd; padding:3px 5px 3px 5px; margin:0 2px 5px 2px; color:#999;} .goods .detailShow { min-width:320px; width:95%; margin:20px auto 20px auto; overflow:hidden; clear:both; float:none; } .goods .detailShow .content { margin:40px 0 40px 0; line-height:210%; font-size:13px;} .goods .detailShow .content .img { width:80%; text-align:center;margin:0 auto 20px auto;} .goods .detailShow .content .img img { max-width:100%;} .hidBody .mask-layer-shade { display:none;} .hidBody .imgShowBox { display:none;} .imgShowBox { width:90%; min-width:320px; position:absolute; top:30%; z-index: 10001;left:0px;right:0px;margin-left:auto;margin-right:auto; padding:5px ; background:#fff; overflow:hidden;} .imgShowBox .tit { width:100%; height:30px; font-size:15px; font-weight:bold; color:#555; background-color:#ddd; line-height:30px; text-indent:5px; color:#9c0013;} .imgShowBox .tit a { position:absolute;top:10px; right:10px; font-size:18px; font-family:Arial; text-decoration:none;font-weight:normal; color:#999;} .imgShowBox .content { width:100%; text-align:center; position:relative; } .imgShowBox img { max-width:100%;} .imgShowBox .arr_p { width:8%; min-width:70px; height:100%;background:#fff; position:absolute; left:0; top:0px; z-index:10010; opacity: 0.2; filter: alpha(opacity=20); display:block;} .imgShowBox .arr_n { width:8%; min-width:70px; height:100%;background:#fff; position:absolute; right:0; top:0px; z-index:10010; opacity: 0.2; filter: alpha(opacity=20);display:block;} .imgShowBox .arr_p:hover, .imgShowBox .arr_n:hover { background:#bd5561; opacity: 0.9; filter: alpha(opacity=90); transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;} .imgShowBox .arr_p span,.imgShowBox .arr_n span { display:block; width:60px; height:60px; position:absolute; top:45%; } .imgShowBox .arr_p span { -webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-top:5px solid #9c0013;border-left:5px solid #9c0013; cursor:pointer; left:40%;} .imgShowBox .arr_n span { -webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-bottom:5px solid #9c0013;border-right:5px solid #9c0013; cursor:pointer; right:40%;} .imgShowBox .arr_p:hover span { border-top:5px solid #fff;border-left:5px solid #fff;} .imgShowBox .arr_n:hover span { border-bottom:5px solid #fff;border-right:5px solid #fff; } /*****************************************************************************************/ .case { width:100%; font-size:13px; padding-bottom:50px;} .case .list { min-width:320px; margin:20px auto 20px auto; overflow:hidden; clear:both; float:none; padding-left:10px; padding-right:20px; } .case .list div { width:110%; overflow:hidden;} .case .list a { display:block; width:100%; margin-bottom:20px;text-align:center;} .case .list a img { width:50%;} .case .list a span { display:block; text-align:center; height:50px; line-height:50px; font-size:15px;display:none;} .case .pagebox { max-width:1200px; min-width:800px; width:100%; margin:20px auto 20px auto; overflow:hidden; clear:both; float:none;text-align:center; } .case .pagebox a { display:inline-block;border:solid 1px #ddd; padding:3px 5px 3px 5px; margin:0 2px 0 2px;} .case .pagebox span { display:inline-block;border:solid 1px #ddd; padding:3px 5px 3px 5px; margin:0 2px 0 2px; color:#999;} /*****************************************************************************************/ /*****************************************************************************************/ .partner { width:100%; font-size:13px; padding-bottom:50px; padding-top:20px;} .partner .content { min-width:320px; width:100%; margin:20px 20px 20px 20px; overflow:hidden; clear:both; float:none; } .partner .content div { width:90%; overflow:hidden; text-align:center;} .partner .content img { border:solid 1px #e0e0e0; margin-bottom:30px; width:98%; } /*****************************************************************************************/ .contactus { width:100%; font-size:13px; padding-bottom:20px;} .contactus .content { min-width:320px; width:100%; margin:20px auto 20px auto; overflow:hidden; clear:both; float:none; } .contactus .cake1 { width:98%; padding:0 1% 0 1%;} .contactus .cake2 { width:98%; padding:0 1% 0 1%;} .contactus #OurSite { width:98%; height:250px;border:solid 1px #aeaeae;} .contactus .cake2 .c_content * { line-height:185%; font-size:15px;} /*****************************************************************************************/ .articleshow .alist {margin:0 10px 0 10px; min-height:400px;} .articleshow .alist table{width:100%; table-layout:fixed;} .articleshow .alist table .td0{display:none;} .articleshow .alist table .td1{} .articleshow .alist table .td2{display:none; } .articleshow .alist table td{line-height:28px; font-size:14px;} .articleshow .pagebox { width:100%; margin:20px auto 20px auto; overflow:hidden; clear:both; float:none;text-align:center; text-align:right; } .articleshow .pagebox a { display:inline-block;border:solid 1px #ddd; padding:3px 5px 3px 5px; margin:0 2px 0 2px;} .articleshow .pagebox span { display:inline-block;border:solid 1px #ddd; padding:3px 5px 3px 5px; margin:0 2px 0 2px; color:#999;} .articleshow .acontent {margin:0 10px 0 10px; min-height:400px;} .articleshow .acontent .atit{width:100%; font-size:20px; font-weight:bold; color:#333; text-align:center; line-height:200%; margin-bottom:30px;margin-top:30px;} .articleshow .acontent .articlebox{ line-height:200%;} .articleshow .acontent .articlebox img{margin:10px auto 10px auto; clear:both; max-width:95%;}yw193.canÓÈÎï¹ú²ú|ÑÇÖÞÈÕ±¾È˳ÉÍø|ÑÇÖÞÌìÌì×öÈÕÈÕ×öÌìÌìл|¹ú²úÔÚÏß¾«Æ·Ò»Çø¶þÇøҹɫ|ÈÕ±¾¹¤¿ÚÎÞÒíÎÚÈ«²Ê¼·ÄÌ