html,body{margin: 0;padding: 0;font-family:Microsoft YaHei; font-size:14px; color:rgba(85, 85, 85, 1); } .pagebox{position:relative;width:; margin:; }a:link{ color:#fff; text-decoration:none; } a:visited{ color:#fff; text-decoration:none; } a:hover{ color:#c7a462; text-decoration:none; } a:active{ color:#fff; text-decoration:none; } body{ background: url(../image/bg.jpg); font-size: 14px; color: #fff; font-family: "Microsoft yahei",sans-serif; text-decoration: none; overflow-x:hidden; } .stylebox_content{ margin-bottom:150px; } .resetHtmlCssStyle div{ line-height:1.8; } .reset_style p{ margin:0px; font-size: 14px; } .reset_style > span{ font-size: 14px; } .reset_style a,.resetHtmlCssStyle .reset_style a { text-decoration: none !important; color: #fff; } .reset_style { font-family: Microsoft Yahei,Arial,Verdana,sans-serif; color: #fff; line-height: normal; word-wrap: break-word; word-break: break-all; font-size: 14px; } #w_wbox-1516094619624{ z-index: 99999999999 !important; } #w_bbox-1514877951732{ z-index: 9 !important; } #c_news_list-15160947599560764 .p_title{ color:#000 !important; } .more a{ display:block; background:#3e5068; border-radius:3px; width:160px; height:45px; line-height:45px; color:#c7ccd3 !important; text-align:center; margin:20px auto 0px; } .more a:hover{ color:#fff !important; } .kc{ list-style:none; } .kc li{ list-style:none; } .kc li .pic{ width:671px; float:left; margin-bottom:70px; } .kc li .pic img{ width:100%; } .kc li .text{ width:529px; float:left; padding-left:80px; } .kc li .text .t1{ font-size:30px; font-weight:bold; color:#000; letter-spacing:5px; } .kc li .text .t2{ padding-left:30px; margin-top: 20px; position:relative; } .kc li .text .title1{ font-size:24px; color: #000; margin-bottom: 15px; } .kc li .text .more a{ display:block; background:#3e5068; border-radius:3px; width:120px; height:36px; line-height:36px; color:#c7ccd3; text-align:center; margin:0; margin-top:20px; } .kc li .text .more a:hover{ color:#fff; } .kc li.kc1 .pic{ width:671px; float:right; margin-bottom:70px; } .kc li.kc1 .text{ width:529px; float:left; padding-right:80px; padding-left:0; } .kc li .text .t2:before{ position:absolute; top:6px; left:0; content:''; background:#000; width:5px; height:55px; } .foot{ list-style:none; height:280px; width:1200px; margin:0 auto !important; border:2px solid #525252; padding:50px !important; } .foot li{ list-style:none; float:left; width:33.33%; text-align:center; color:#ccc !important; } .foot li p{ line-height:1.5; } .foot1{ font-size:24px !important; margin-bottom:20px !important; color:#fff !important; } .add{ text-align: center; background: url(../image/addbg.jpg) no-repeat center bottom; font-size: 18px !important; line-height: 60px; padding-right: 20px !important; margin-bottom: 40px !important; } .copy{ text-align:center; margin-top:100px !important; } .lctitle{ width:1920px; position:absolute;left:50%;margin-left:-960px !important;height:50px;line-height:50px;background:url(../image/line1.jpg) repeat-y;color:#fefefe;top:0;font-size:18px; } .lctitle1{ width:1920px; position:absolute;left:50%;margin-left:-960px !important;height:50px;line-height:50px;background:url(../image/line3.png) repeat-y;color:#fefefe;top:0;font-size:18px; } .lctext{ width:1200px; margin:0 auto !important; height:50px; line-height:50px !important; color:#fefefe; font-size:22px; font-weight:bold; } .tab{ width:1200px; margin:0 auto 50px;} .tab-hd { background:#3e5068;overflow:visible;zoom:1;list-style:none;padding: 7px 0px 7px 5px !important;height:38px;} .tab-hd li{ float:left; width:70px; color:#fff; text-align:center; cursor:pointer;list-style:none;} .tab-hd li.active{ background:#fff;color:#3e5068;position:relative;} .tab-hd li.active:before{content:'';position:absolute;background:#3e5068;width:2px;height:40px;top:-40px;left:35px;} .tab-bd{list-style:none;} .tab-bd li{display:none; padding:20px !important; border:0px solid #ddd; border-top:0 none; font-size:14px;list-style:none;} .tab-bd li.thisclass{ display:list-item;} .tab-bd .lcbt{font-size:24px;color:#3e5068; margin-bottom:10px !important;} .tab-bd .pic{display:inline-block;} .tab-bd .content{display:inline-block;padding-left:40px;} .tab1{ width:1200px; margin:0 auto 50px;} .tab-ys { overflow:visible;zoom:1;list-style:none;width:420px;float:left;margin-top: 150px !important;} .tab-ys li{ padding-left:90px !important;margin:10px 0px !important; cursor:pointer;list-style:none;height:60px; line-height:60px; font-size:22px;} .tab-ys li.active1{ background:url(../image/tab.jpg) no-repeat;color:#fff;position:relative;} .tab-ys1{list-style:none; width:720px;float:right;} .tab-ys1 li{display:none; padding:0px !important; border:0px solid #ddd; border-top:0 none; font-size:14px;list-style:none;} .tab-ys1 li.thisclass1{ display:list-item;} .ry li { width:33%; float:left; } .ry li img{ width:95%; margin-top:20px; } .youshi{ list-style:none !important; height:1075px; position:relative; } .youshi:before{ position: absolute; content: ''; background: #bc9b5d; width: 2px; height: 1075px; top: 0; left: 532px; } .youshi li{ list-style: none !important; padding: 10px !important; margin-bottom: 50px !important; position:relative; } .youshi li:hover{ background:#c8a563; transition:all 0.5s ease-in-out; } .youshi li:before{ position: absolute; content: ''; background: #f6ddac; width: 20px; height: 20px; top: 0; left: 523px; border-radius: 10px; } .youshi li:hover:before{ background:#c8a563; } .youshi li.youshi3:before{ background:#c8a563; } .youshi .youshi1 .ys1{ font-size: 58px; color: #f6ddac; font-family: arial; line-height: 1; font-weight: bold; display: inline-block; vertical-align: top; width: 160px; transform: translateX(360px); text-align: center; transition:all 0.5s ease-in-out; } .youshi1:hover .ys1{ transform: translateX(20px); } .youshi .youshi3{ background:#c8a563; } .youshi .youshi3 .ys1{ font-size: 58px; color: #f6ddac; font-family: arial; line-height: 1; font-weight: bold; display: inline-block; vertical-align: top; width: 160px; transform: translateX(20px); text-align: center; transition:all 0.5s ease-in-out; } .youshi .youshi1 .ys2{ display: inline-block; vertical-align: top; width: 400px; opacity:0; transition:all 0.5s ease-in-out; transform: translateX(360px); } .youshi1:hover .ys2{ transform: translateX(20px); opacity:1; } .youshi .youshi3 .ys2{ display: inline-block; vertical-align: top; width: 400px; opacity:1; transition:all 0.5s ease-in-out; transform: translateX(20px); } .youshi .youshi1 .ys3{ display: inline-block; vertical-align: top; color: #c8a563 !important; width: 350px; transform: translateX(0px); transition:all 0.5s ease-in-out; } .youshi1:hover .ys3{ color: #000 !important; transform: translateX(20px); } .youshi .youshi3 .ys3{ display: inline-block; vertical-align: top; color: #000 !important; width: 350px; transform: translateX(0px); transition:all 0.5s ease-in-out; } .youshi .youshi1 .ys3 .title{ font-size:22px; font-weight:bold; } .youshi .youshi2 .ys1{ font-size: 58px; color: #f6ddac; line-height: 1; font-family: arial; font-weight: bold; display: inline-block; vertical-align: top; width: 170px; text-align: center; transform: translateX(-245px); transition:all 0.5s ease-in-out; } .youshi2:hover .ys1{ transform: translateX(90px); } .youshi .youshi2 .ys2{ display: inline-block; vertical-align: top; width: 400px; opacity:0; transition:all 0.5s ease-in-out; transform: translateX(0px); } .youshi2:hover .ys2{ transform: translateX(200px); opacity:1; } .youshi .youshi2 .ys3{ display: inline-block; vertical-align: top; color: #c8a563 !important; width: 350px; text-align: right; transform: translateX(120px); transition:all 0.5s ease-in-out; } .youshi2:hover .ys3{ transform: translateX(100px); color: #000 !important; } .youshi .youshi2 .ys3 .title{ font-size:22px; font-weight:bold; } .youshi .youshi3 .ys3 .title{ font-size:22px; font-weight:bold; } .anniu{ width:100%; height:40px; } .anniu .anniu1{ display:inline-block; width:100px; text-align:center; height:30px; line-height:30px; color:#fff; background:#000; border-radius:2px; font-size:15px; margin-right:10px; } .anniu .anniu2{ display:inline-block; width:100px; text-align:center; height:30px; line-height:30px; color:#fff; background:#c7a462; border-radius:2px; font-size:15px; } .dibunav{ list-style:none !important; } .dibunav li{ list-style: none !important; float: left; color: #000 !important; width: 23%; background: url(../image/dibu1.png) no-repeat left top; padding-left: 60px !important; font-size:16px !important; font-weight:bold; line-height:100px; } .dibunav li a{ color:#000 !important; } .weixin{ position:relative; line-height:100px !important; } .weixin1 { position: absolute; top: -0px; left: 0; height: 0px; overflow: hidden; transition: all 0.35s ease-in-out; } .weixin:hover .weixin1{ height:130px; top:-130px; } .cd-top { display: inline-block; height: 60px; width: 60px; position: fixed; bottom: 120px; right:0px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);  overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(200, 165, 99, 1) url(../image/jt1.png) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index:99999999999999; } .cd-top.cd-is-visible {  visibility: visible; opacity: 1; } .cd-top.cd-fade-out {  opacity: 1; }