@charset "utf-8"; .menu_v16 { margin-bottom:0px;} .menu_v16 .allmenu .im0l_v16 {display:block;} html{background:#f2f2f2;} .dpn{ display:none;} .im0l{display: block} .logo{width:280px;} .head-b{margin-bottom:0px;} #search_tips {margin:78px 0 0 360px;} /*左右布局*/ .m-screen .right{width:230px;float:right;height:470px;margin-top:10px; z-index:100; position: relative; background:#fff;border-radius:1px;box-shadow: 0px 0px 8px rgba(0,0,0,0.05);overflow:hidden;border-radius:5px;} .m-screen .middle{float:left;} /*右侧会员登陆区域*/ .member{overflow:hidden;padding:21px 0px 25px;background:#fff;margin:0px 20px;} .member .btn-area{margin-top:20px;} .member .btn-area>a{display: block;height:28px;width:93px;line-height:28px;text-align: center;color: #fff;background: #1db3c9; border-radius:15px;} .member .btn-area>a:hover{background-color:#236dae;borer:#1db3c9 1px solid} .member .btn-area .login-btn { float:left; border-radius:15px 0 0 15px; border:1px solid #1db3c9;} .member .btn-area .reg-btn { float:left; border-radius:0 15px 15px 0; background:#fff; border:1px solid #1db3c9; color:#1db3c9;} .member .btn-area .reg-btn:hover { background:#fff; font-weight:700;} .wel{font-size:14px; text-align:center;} .wel .wel_basic .user_img { float:left; margin-right:10px;} .wel p{line-height:25px; text-align:left; height:25px; overflow:hidden;} .wel .user_img { width: 50px; height:50px; border-radius:50%;overflow: hidden;} .wel .user_img img { width: 50px;} .m-screen .right .inter>span { display:block; height:28px; line-height:28px; background:#ddd; color:#1db3c9; text-align:center;} .m-screen .right .inter{overflow:hidden;background:#fff;border-top:#eee 1px solid} .m-screen .right .inter ul li { float:left; width: 33.333333%; height:80px; text-align:center;padding-top:2px; border-bottom: 1px solid #eee;border-right: 1px solid #eee; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;transition: all .2s;} .m-screen .right .inter ul li:nth-child(3n+3) { border-right:none;} .m-screen .right .inter ul li:nth-child(1n+4) { border-bottom:none;} .m-screen .right .inter ul li:hover {padding-top:0px;} .m-screen .right .inter ul li:hover a {color:#1db3c9;} .m-screen .right .inter ul li a { color:#666;} .m-screen .right .inter ul li a i { font-size: 22px; background: #0b2338;-webkit-background-clip: text;color: transparent;} .m-screen .right .inter ul li a p { font-size: 12px; line-height:24px;} /*公告区域切换样式*/ .tz{overflow:hidden;border-top:#eee 1px solid} .tz .qc-head{clear:both;font-size:14px;line-height:50px;text-align:center;overflow:hidden;border-bottom:#eee 1px solid} .tz .qc-head li{float:left;list-style-type:none;width:33%;font-weight:normal; cursor:pointer;} .tz .qc-head li.current{color:#1db3c9; background:white;font-weight:bold} .tz .qc-head li.current span { border-bottom:2px solid #1db3c9; padding:5px 0px;} .tz .qc-body dl{overflow:hidden;padding:5px 10px} .tz .item{overflow:hidden;padding:0px 0px} .tz .item p{font-size:22px;color:#ff5400} .tz .qc-body dl ul{padding:2px 10px 0px 10px} .tz .qc-body dl li{line-height:25px;font-size:12px;height:25px;overflow:hidden;width:103%;} .tz .qc-body dl li a { color:#555;} .tz .qc-body dl li:hover a { color:#1db3c9;} /*楼层开始*/ .brand-list {background: #fff; box-shadow: rgba(227,227,227,.5) 0 0 6px; overflow: hidden;} .brand-list ul {overflow: hidden;} .brand-list li {float: left; width: 170px; height: 75px; border:#E9E9E9 solid ; border-width: 0 0 1px 1px; overflow: hidden;} .brand-list li a {display:block; position: relative; height: 100%; text-align: center} .brand-list li a img {margin: 13px auto; width:138px;} .brand-list li a p {position: absolute; left: 0px; bottom: -23px; display: block; height: 22px; width: 100%; line-height: 22px;transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;} .brand-list li a p span {display: block; position: relative; width: 100%; line-height: 22px; text-align: center; font-size: 13px; color: #fff; z-index: 1;} .brand-list li a p::after {background: #000; display: block; content: ""; width: 100%; height: 22px; margin-top: -22px; opacity: 0.5; filter: alpha(opacity=50)} .brand-list li a:hover p {bottom: 0} .s-floor-a .top01 {background-color: #b0c2ce;background-image: linear-gradient(to bottom,#d0d6db,#b0c2ce);} .s-floor-a .top02 {background-color: #b9cfc7;background-image: linear-gradient(to bottom,#cbdcd7,#b9cfc7);} .s-floor-a .top03 {background-color: #c7c0ab;background-image: linear-gradient(to bottom,#d9d4c5,#c7c0ab);} .s-floor-a .top04 {background-color: #b9cfc7;background-image: linear-gradient(to bottom,#cbdcd7,#b9cfc7);} .s-floor-a .top05 {background-color: #c6c8d6;background-image: linear-gradient(to bottom,#cfd2e1,#c6c8d6);} .s-floor-a .top06 {background-color: #d9c3c6;background-image: linear-gradient(to bottom,#e6d3d5,#d9c3c6);} .s-floor-a .top07 {background-color: #b0c2ce;background-image: linear-gradient(to bottom,#d0d6db,#b0c2ce);} .s-floor-a .top08 {background-color: #b9cfc7;background-image: linear-gradient(to bottom,#cbdcd7,#b9cfc7);} .s-floor-a .top09 {background-color: #b0c2ce;background-image: linear-gradient(to bottom,#d0d6db,#b0c2ce);} .s-floor-a .top010 {background-color: #b0c2ce;background-image: linear-gradient(to bottom,#d0d6db,#b0c2ce);} .s-floor-a .top011 {background-color: #b0c2ce;background-image: linear-gradient(to bottom,#d0d6db,#b0c2ce);} .s-floor-a .top012 {background-color: #b0c2ce;background-image: linear-gradient(to bottom,#d0d6db,#b0c2ce);} .s-floor-a .top013 {background-color: #b0c2ce;background-image: linear-gradient(to bottom,#d0d6db,#b0c2ce);} .s-floor-a .top014 {background-color: #b0c2ce;background-image: linear-gradient(to bottom,#d0d6db,#b0c2ce);} .m div.floor:nth-child(even){float:left} .m div.floor:nth-child(odd){float:right} /*标题样式*/ .i-title{font-size:14px;height:24px;overflow:hidden; color:#777} .i-title b{font-size:20px;color:#000;} .i_title_xh { color: #999;font-size: 12px;font-weight: 700;height:40px; line-height:40px; position:relative;padding-left:50px;} .i_title_xh i { font-weight:400; font-size:32px; margin-right:10px; padding:0px 2px; display:inline-block;color:#1db3c9;} .i_title_xh .i_xh_01 { font-size:36px; position:absolute;left:0px; top:-1px;} .i_title_xh .i_xh_02 { font-size:24px; position: relative;top: 2px; background: linear-gradient(90deg,#d10000 0%,#ff512c 80%);-webkit-background-clip: text;color: transparent;} .i_title_xh span { display: inline-block;width: 80%;height: 2px;background: linear-gradient(90deg,#1db3c9 0%,#ff512c 80%);margin-left: 24px;} .i_title_center { text-align:center; } .i_title_center b { display:block; font-size:26px; color:#1db3c9;} .i_title_center p { display:block; font-size:14px; color:#666; padding:10px} /*--------*/ /*热门资讯*/ .news{ width:1218px; height:517px; margin:20px auto; background:#fff; overflow:hidden;border:1px solid #eee;border-radius: 10px;} .news_title{ height:68px; padding:0 25px; border-bottom:#eee 1px solid} .news_title h2{ float:left; line-height:68px; background:url(img/news_title_bg.png) left no-repeat; text-indent:30px; font-size:20px; color:#ff7200; } .news_title p{ float:right; height:14px; line-height:14px; font-size:14px; text-align:right; margin-top:27px;} .news_title p a{ margin-left:10px;} .news_title p a:hover{color:#1db3c9} .news_content{ width:1220px; height:450px; position:relative;} .news_content_left{ float:left; width:359px;padding:15px; height:450px;} .news_content_center{ float:left; width:520px;border-left:#eee 1px solid; height:450px;overflow:hidden} .news_content_center p{ height:60px; padding:19px 20px 10px; line-height:30px; font-size:12px; color:#999; overflow:hidden;} .news_content_center p a{ font-size:18px; padding-left:25px; background:url(img/news_content_center_p_a_bg.png) left no-repeat;font-weight:bold} .news_content_center ul{ padding:15px 20px 14px; border-bottom:1px solid #eee;} .news_content_center ul li{ height:30px; line-height:30px; font-size:12px;list-style:inside;float:none;} .news_content_center ul li a{ font-size:14px; padding-right:10px;} .news_content_center ul li span{ color:#999; float:right;} .news_content_right{ float:left; width:308px; height:449px; overflow:hidden; border-right:1px solid #eee; border-left:1px solid #eee; } .news_content_right_top{ width:100%; height:89px; border-bottom:1px solid #eee; background:url(img/news_content_right_top_bg.png) no-repeat top right;} .news_content_right p{ width:270px; height:80px; margin:0 19px; padding:15px 0 19px; border-top:1px dashed #eee; line-height:20px; color:#999; font-size:12px;} .news_content_right p:nth-child(2){border-top:none} .news_content_right p a{ font-size:14px;color:#000} .news_content_right p a:hover{color:#1db3c9} .news_content_right p span a{ font-size:12px; color:#2277e6; padding-right:4px;} .box{border:#e1e1e1 0px solid;border-top:#009237 0px solid;} .box ul{padding:0px 0px} .box ul li{line-height:33px;font-size:14px;height:33px;overflow:hidden} .box ul li:nth-child(1) em ,.box ul li:nth-child(2) em ,.box ul li:nth-child(3) em{background:#ff7200} .box ul li em{background:#999; display:block;width:20px; height:20px;float:left;margin-right:8px; text-align:center;line-height:18px;color:white;margin-top:8px;font-size:14px;border-radius:50%; font-style:normal} /*友情链接*/ .link{padding:10px 20px 15px;overflow:hidden;line-height:23px;font-size:14px;background:white;border-radius:10px;} .link dt{padding-right:5px;font-size:16px;height:35px;margin-bottom:8px;color:#000;font-weight:700; border-bottom:1px solid #eee;} .link dt em{border-bottom:#1db3c9 1px solid;height:35px;display:block;float:left} .link a{white-space:nowrap; color:#666; margin:10px 15px 0px 0px; display:inline-block; line-height:23px;font-size:14px} .link a:hover{color:#1db3c9} .industry-bar {position:fixed;top:220px;left:50%;margin-left:-730px;width:58px;display:none;z-index:1000;background:#fff;} .industry-bar.hover {display:block} .industry-bar li { height:60px; font-size:14px;} .industry-bar li:hover { background:#1db3c9;} .industry-bar li:hover a { color:#fff;} .industry-bar li a {display:block; width:28px; color:#333;margin:0 auto;padding:11px 0; border-bottom:1px solid #ddd;} .industry-bar li:last-child a { border-bottom:none;} .industry-bar li.current a {color:#1db3c9;} .industry-bar li.current:hover a { color:#fff;} .s-floor-a {overflow:hidden;} .s-floor-a .left{width:260px;float:left; height:493px;padding-top:30px; position:relative; border-radius:10px;} .s-floor-a .left h3{font-size:26px; text-align:center; line-height:35px; font-weight:700;} .s-floor-a .left h3 a { color: #fff;} .s-floor-a .left .s_banner_img { width: 100%;height: 340px; overflow:hidden;} .s-floor-a .left .s_banner_img img { width:260px; height:310px;} .s-floor-a .left .s_banner_img p { margin: 5px 0px 7px;letter-spacing: .7px;font-size: 16px;color: #fff;text-align:center;} .s-floor-a .left .cat { position:absolute; bottom:20px; left:0px;} .s-floor-a .left .cat dl{font-size:12px;line-height:23px;margin-top:10px;overflow:hidden;} .s-floor-a .left .cat dl a{width:110px; display:block; border-radius:15px; height:30px;line-height:30px;font-size:14px;margin-top:10px; text-align:center; color: #fff;border: 1px solid #fff;border: 1px solid hsla(0,0%,100%,.6);background: hsla(0,0%,95%,.2); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} .s-floor-a .left .cat dl a:hover {background: hsla(0,0%,95%,.5);} .s-floor-a .left .cat dl dd{ width:45%; display:block;float:left;margin-left:3%;} .s-floor-a .right{width:940px;float:left;} .s-floor-a .right img{width:160px;height:160px;margin-bottom:10px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .s-floor-a .right ul li:hover img { margin-left:-5px;} .s-floor-a .right li{float: left; width: 160px; height: 212px; padding: 21px 32px; background: white; overflow: hidden; position: relative;border-radius:10px; margin: 0px 0px 10px 10px; box-shadow: 0px 0px 8px rgba(0,0,0,0.05);} .s-floor-a .right li:nth-child(1n+5) { margin: 0px 0px 0px 10px;} .s-floor-a .right p{text-align:center;line-height:23px;} .s-floor-a .right .til{font-size:14px;color:#333;} .s-floor-a .right .tsg{font-size:18px;color:#d0021b;} .s-floor-a .right .tsg i { font-size:12px;} .s_company_img .m img { border-radius:10px;} /*幻灯广告区域*/ .m0{width:100%; position:relative; overflow:hidden;height:500px;} .slider{z-index:0;overflow:hidden;width:100%;position:absolute;top:0;height:500px;} .slider_stage li{height:500px} .slider_stage a{ display:block; width:100%;height:500px; } .slider_stage { width:100%; height:500px; overflow: hidden;} .prev,.next{ display:block; width:38px; height:84px; position:absolute; top:50%; margin-top:-42px; z-index:10; cursor:pointer;} .prev1,.next1{ background:url(img/header_icon.png) no-repeat; display:none;} .prev:focus,.next:focus{ outline:none} .prev{ left:50%; margin-left:-380px;background-position:-312px -3px;} .next{ right:50%; margin-right:-370px;background-position:-312px -87px;} .slider:hover .prev1,.slider:hover .next1{ display:block } .slider-menu-1 { position: absolute;bottom: 0px;width: 100%;height: 54px;text-align: center;z-index: 50; /*background:url(img/bg-slide.png) no-repeat;*/ background-size:1920px;} .slider-menu-1-box { width:750px; margin:0 auto;} .slider-menu-1 ul { padding-left:0px; text-align:center;} .slider-menu-1 ul li { position:relative; display:inline-block; *display:inline; *zoom:1;} .slider-menu-1 ul li a { display:block; width:12px; height:12px;margin:0px 5px; border-radius:6px;background:rgba(255,255,255,.6); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .slider-menu-1 ul li.current a { background:#fff; width:25px; height:12px;} .m-screen { z-index:100;} .brand-list {background: #fff; box-shadow: rgba(227,227,227,.5) 0 0 6px; overflow: hidden;width:1200px;border-radius:10px; margin-top:15px;} .brand-list ul {overflow: hidden;} .brand-list li {float: left; width: 199px; padding:0px 0px;height: 105px; line-height:105px; border:#E9E9E9 solid ; border-width: 0 0 1px 1px; overflow: hidden;} .brand-list li a {display:block; position: relative; height: 100%; text-align: center} .brand-list li a img {margin: 0px auto; width:140px;} .brand-list li a p {position: absolute; left: 0px; bottom: -23px; display: block; height: 22px; width: 100%; line-height: 22px;transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;} .brand-list li a p span {display: block; position: relative; width: 100%; line-height: 22px; text-align: center; font-size: 13px; color: #fff; z-index: 1;} .brand-list li a p::after {background: #000; display: block; content: ""; width: 100%; height: 22px; margin-top: -22px; opacity: 0.5; filter: alpha(opacity=50)} .brand-list li a:hover p {bottom: 0} /*sp-box*/ .sp-box{background:url(img/c99b95e.png) no-repeat center top;height:150px} .sp-box .left{float:left;width:300px;margin-left:50px;margin-top:40px} .sp-box .right{float:right;width:450px;margin-right:80px} .sp-box .sp-title{font-size:24px;color:white;margin-top:30px;line-height:30px;font-weight:bold} .sp-box .sp-title em{display:block;background:white;border-radius:15px;float:left;color:#ff6000;padding:0px 10px;margin-right:5px; letter-spacing:3px} .gdbody {padding:0px 10px; background:white;height:30px; overflow:hidden;border-radius:15px;margin-top:12px} .gdbody li {line-height:30px;font-size:14px;height:30px;overflow:hidden; background:url(img/xiaolaba.png) no-repeat left center; background-size:18px 16px;padding-left:20px;}