You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
253 lines
16 KiB
253 lines
16 KiB
@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;}
|
|
|
|
|