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:800px;} .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: 800px; margin: 0; background:#093d88; height: 218px; overflow: hidden; color: #fff; } .mhead .mailBar{width:100%; height:30px; overflow:hidden; text-align:right; padding-right:10px; float:right;} .mhead .head { width:100%; height:138px; overflow:hidden; margin:0; overflow:hidden;} .mhead .head_l { float:left; width:50%; height:100%;} .mhead .head_r { float:left; width:50%; height:100%; text-align:right;} .mhead .head_r a { display:inline-block; font-size:28px; color:#fff; width:220px; height:50px; padding-left:35px;position:relative;left:-50px; top:50px; background:url(/skin/images/head_tel.png) 0 0 no-repeat; text-decoration:none;} .mhead .menuBox { width: 100%; height: 50px; overflow: hidden; background: #31a0d7; float: none; clear: both; } .mhead .menuBox .bn{display:none;} .mhead .menuBox ul { display:block;width:100%; height:50px;} .mhead .menuBox li { display:block; width:14.2857%; height:50px;float:left; text-align:center; } .mhead .menuBox li a { font-size:18px; color:#fff; line-height:50px;} .mhead .menuBox .cur { background: #a1d7f1; } .mhead .menuBox .cur a { color: #093d88; font-weight: bold; } .mfoot { width: 100%; min-width: 800px; clear: both; overflow: hidden; background: #000; color: #aeaeae; padding-bottom: 40px; padding-top: 20px; } .mfoot .content { max-width:1200px; margin:0 auto 0 auto; padding-left:10px; padding-right:10px;} .mfoot .content .cake { width:25%; float:left; overflow:hidden;} .mfoot .content .tit { font-size:22px; color:#fff; line-height:40px; margin-bottom:15px; } .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;} .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; } .home .slideShow { width:100%; overflow:hidden; margin:0 auto; padding:0; min-width:800px;} .home .slideShow .slide { width:100%; min-height:300px; 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 #9c0013;border-left:2px solid #9c0013; } .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 #9c0013;border-right:2px solid #9c0013} .home .slideShow .slide .nav-arrow{background:#fff;cursor:pointer;} .home .slideShow .slide .nav-arrow:hover,.slideShow .slide .nav-arrow.active{ background:#9c0013; height:100%;} .home .cake2 { width: 100%; background: #666; padding: 30px 0 30px 0; } .home .cake2 div { max-width:1600px; min-width:800px; width:100%; height:20px; margin:0 auto 0 auto;color:#fff; font-size:23px; } .home .cake3 { width:98%; background:#fff; padding:30px 0 30px 0; overflow:hidden; margin:0 auto;} .home .cake3_0 {max-width:1600px; min-width:800px; width:100%; margin:0 auto 0 auto;color:#666; position:relative; min-height:420px; } .home .cake3_0 img { width: 50%; } .home .cake3_1 {max-width:1600px; min-width:800px; width:100%; margin:0 auto 0 auto;color:#666; position:relative; min-height:420px; text-align:center; } .home .cake3_1 img { width: 100%; max-width:1280px;margin-bottom:10px; } .home .cake4 { width:98%; clear:both; overflow:hidden; padding:40px 1% 40px 1%;} .home .cake4.bg1 { background:#000; color:#fff;} .home .cake4.bg2 { background:#fff; color:#666;} .home .cake4 .content { max-width:1200px; min-width:800px; width:100%; margin:0 auto 0 auto; position:relative; overflow:hidden; } .home .cake4 .cake4_0, .home .cake4 .cake4_1 { width:25%; float:left;} .home .cake4 .cake4_0 { height:525px; } .home .cake4 .cake4_1 { margin-bottom:30px;} .home .cake4 .tit { font-size:23px; width:85%; } .home .cake4 .brief { font-size:14px; margin-top:50px; line-height:25px;width:85%; } .home .cake4 .brief span { display:block; text-align:right;} .home .bg1 .brief a{ color:#fff; text-decoration:underline;} .home .bg2 .brief a{ color:#000; text-decoration:underline;} .home .cake4 .brief a:hover { color:#9c0013;} .home .cake4 .cake4_1 a { text-decoration:none;} .home .cake4 .cake4_1 div { padding:5px; margin-left:25px; text-align:center;} .home .cake4 .cake4_1 img { width:60%;} .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:98%; clear:both; overflow:hidden; padding:50px 1% 50px 1% ; background-image:url(/skin/images/home_friends_bg.jpg); background-size:100% 100%;} .home .cake5_1 { max-width:1200px; min-width:800px; width:100%; margin:0 auto 0 auto; overflow:hidden;} .home .cake5 .tit { width:100%; font-size:25px; text-align:center; color:#fff;} .home .cake5 .content { width:105%; margin-top:50px; } .home .cake5 img { width:140px; height:150px; margin:10px 65px 20px 0px;} /*****************************************************************************************/ .aboutUs { width:100%; font-size:13px; padding-bottom:100px;} .aboutUs .content { min-width:800px; width:98%; margin:20px auto 20px auto; overflow:hidden; clear:both; float:none; padding-left:10px; padding-right:10px;} .aboutUs .cake1 { width:95%; float:left; margin-right:3%; min-height:300px; line-height:180%; font-size:13px;} .aboutUs .cake2 { width:45%; float:left; min-height:300px; line-height:180%; font-size:13px; display:none;} .aboutUs .cake3 { width:25%;float:left; min-height:100px; line-height:25px;} .aboutUs .cake3 .cake3_1 { width:85%; text-align:center;} .aboutUs .cake3 .cake3_1 img { max-width:95%;} .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:20px; color:#000;} .goods .category div a,.goods .category div span { margin-right:25px;} .goods .category div a { text-decoration:underline;} .goods .category div a.cur { color:red;} .goods .list { min-width:800px; margin:20px auto 20px auto; overflow:hidden; clear:both; float:none; padding-left:10px; padding-right:20px; } .goods .list div { width:110%; overflow:hidden;} .goods .list a { display:block; float:left; width:29%; margin-right:2%; margin-bottom:20px; text-align:center;} .goods .list a img { width:50%;} .goods .list a span { display:block; text-align:center; height:50px; line-height:50px; font-size:15px;} .goods .pagebox { max-width:1200px; min-width:800px; 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 0 2px;} .goods .pagebox span { display:inline-block;border:solid 1px #ddd; padding:3px 5px 3px 5px; margin:0 2px 0 2px; color:#999;} .goods .detailShow { min-width:800px; width:98%; 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 { max-width:500px; text-align:center;margin-bottom:20px; margin:0 auto;} .goods .detailShow .content .img img { max-width:100%;} .hidBody .mask-layer-shade { display:none;} .hidBody .imgShowBox { display:none;} .imgShowBox { max-width:1000px; width:95%; min-width:800px; position:absolute; top:80px; z-index: 10001;left:0px;right:0px;margin-left:auto;margin-right:auto; padding:5px ; background:#fff; overflow:hidden; background:#f0f0f0; } .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:800px; 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; float:left; width:21.3%; margin-right:2%; 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:800px; width:100%; margin:20px auto 20px auto; overflow:hidden; clear:both; float:none;padding-left:20px; padding-right:20px; } .partner .content div { width:107%; overflow:hidden;} .partner .content img { border:solid 1px #e0e0e0; margin-right:40px; margin-bottom:40px; width:141px; height:150px; position:relative;} /*****************************************************************************************/ .contactus { width:100%; font-size:13px; padding-bottom:100px;} .contactus .content { min-width:800px; width:98%; margin:20px auto 20px auto; overflow:hidden; clear:both; float:none; padding-left:10px; padding-right:10px;} .contactus .cake1 { width:55%; float:left;} .contactus .cake2 { width:43%; float:left; margin-left:2%;} .contactus #OurSite { width:100%; height:400px;border:solid 1px #aeaeae;} .contactus .cake2 .c_content * { line-height:185%; font-size:15px;} /*****************************************************************************************/ .articleshow .alist {margin:0 150px 0 150px; min-height:400px;} .articleshow .alist table{width:100%; table-layout:fixed;} .articleshow .alist table .td0{width:7%;} .articleshow .alist table .td1{} .articleshow .alist table .td2{width:15%; } .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 150px 0 150px; 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%;} /**********************/ .cpyc{margin:0 100px 0 100px;line-height:200%;} .cpyc img{margin:10px auto 10px auto; clear:both; max-width:95%;}yw193.canÓÈÎï¹ú²ú|ÑÇÖÞÈÕ±¾È˳ÉÍø|ÑÇÖÞÌìÌì×öÈÕÈÕ×öÌìÌìл|¹ú²úÔÚÏß¾«Æ·Ò»Çø¶þÇøҹɫ|ÈÕ±¾¹¤¿ÚÎÞÒíÎÚÈ«²Ê¼·ÄÌ