@charset "utf-8"; /* css document */ /*common*/ em,i{ font-style:normal;} /*banner*/ .banner{ height:500px; display:block; overflow: hidden;} /*搜索*/ .sea_key{height: 45px; margin-top:30px; overflow: hidden; } .search{width:360px;display:block;} .search .inp01{ padding-left: 16px; border-left:none;border-right:none; float:left; width:302px;height:40px;line-height:40px; border-bottom:1px solid #b2b2b2;border-top:1px solid #b2b2b2; font-size:12px;} .search .inp02{ float:left; width:45px;height:42px;border-bottom:1px solid #b2b2b2;border-top:1px solid #b2b2b2; background: no-repeat 10px 9px;margin-left: -3px; border-left:none;border-right:none;} .keywords{ width:428px; font-size:14px;color:#676767; font-family:"microsoft yahei"; height:37px; line-height:37px;} .keywords a{ color:#676767; display:inline-block; padding-right:15px;font-size:12px;} /*productcolumn*/ .probj{ height:1015px; padding-top:60px;} .pro-le{ width:260px; height:auto;} .pro-le h2{ background-color:#163a84;width:260px; height:90px; display:block; float:left;} .pro-le h2 a{ text-decoration:none;} .pro-le h2 a b{ color: #ffffff;display: block;font-size: 24px; height: 34px; margin-top: 18px;text-align: center;width: 260px;} .pro-le h2 a i{ color: #8b9dc2;display: block;font-family: arial;font-size: 16px;height: 30px;text-align: center;width: 260px;text-transform:uppercase;} .pro-le .procolumn{ height:auto; float:left;} .pro-le .procolumn h3{ border-left:2px solid #da2538; height:60px; width:258px; background: no-repeat right center; float:left; line-height:60px;} .pro-le .procolumn h3 a{ color:#333333; font-size:16px; margin-left:30px;} .pro-le .procolumn h3:hover a,.pro-le .procolumn h3.cur a{color:#da2538;} .pro-le .procolumn ul{ height:auto; float:left;} .pro-le .procolumn ul li.ul_li{height:55px; width:259px; background: no-repeat right center; float:left;line-height:60px; border-left:1px solid #e5e5e5; position:relative;} .pro-le .procolumn ul li.ul_li a{ margin-left:30px;font-size:14px; color:#333333;} .pro-le .procolumn ul li.ul_li:hover{height:55px; width:259px; background: no-repeat right center; float:left;line-height:60px; background-color:#163a84;} .pro-le .procolumn ul li.ul_li:hover a,.pro-le .procolumn ul .ul_li.cur a{ color:#ffffff;} .pro-le .procolumn .pro_blue{ margin-left: 1px; background-color:#163a84; height:8px; width:259px; float:left; display:block;} .pro-le .procolumn ul li.ul_li .pro_erj{background:; position:absolute; width:260px; overflow:hidden; top:0px; left:260px; z-index:999; display:none;} .pro-le .procolumn ul li.ul_li .pro_erj ol{ width:260px; overflow:hidden; } .pro-le .procolumn ul li.ul_li .pro_erj ol li{ width:260px; height:50px; border-bottom:1px dashed #96a6c8;} .pro-le .procolumn ul li.ul_li .pro_erj ol li b{ margin-right:5px;} .pro-le .procolumn ul li.ul_li .pro_erj ol li.no{ width:260px; height:50px; border-bottom:none; padding-bottom:10px;} .pro-le .procolumn ul li.ul_li .pro_erj ol li a{color:#ffffff;text-decoration:none;cursor:pointer;} /*productlist*/ .probj .pro-ri{ width:718px; float:right;height:auto;} .pro-ri .pro-rtit{ width:718px; height:30px; background: no-repeat left bottom; display:block; float:left;} .pro-ri .pro-rtit span a h3{ font-size:16px; color:#163a84; float:left;} .pro-ri .pro-rtit span a i{ font-size:12px; color:#666666; font-family:arial; line-height:22px; } .pro-ri .pro-rtit .pro_morer a{ font-size:14px;font-family:arial;color:#666666;} .probj .pro-ri .pro_big{ padding:0 0 0 35px; width:683px; display:block; float:left; height:400px; margin-top:25px; position:relative; } .probj .pro-ri .pro_big .pro_prev{ position:absolute; top:180px; left:15px;} .probj .pro-ri .pro_big .pro_next{ position:absolute; top:180px; right:15px;} .probj .pro-ri .pro_big dl{ width:645px; height:320px; margin:45px 0 0 0;} .probj .pro-ri .pro_big dl dt{ width:352px; float:left; height:322px;} .probj .pro-ri .pro_big dl dt img{ display: block; width: 352px; height: 322px;} .probj .pro-ri .pro_big dl dd{ width:272px; float:right; height:320px; margin-left:4px} .probj .pro-ri .pro_big dl dd a .tit01{ line-height:60px; height:60px; width:250px; float:left; display:block; border-bottom:1px solid #c3c3c3; color:#333333; font-size:20px; font-weight:bold; overflow:hidden;} .probj .pro-ri .pro_big dl dd a .pro_desc{height:165px;width:250px; float:left; display:block; font-size:14px; color:#333333; line-height:26px;} .probj .pro-ri .pro_big dl dd .pro_ck{ margin:226px 177px 0 0; height:30px; width:105px; border:1px solid #da2538; text-align:center; line-height:30px;} .probj .pro-ri .pro_big dl dd .pro_ck a{ color:#da2538; font-size:14px;} .probj .pro-ri .pro_list{ margin-top:19px;width:718px; float:left; overflow:hidden;} .probj .pro-ri .pro_list ul{width:718px; float:left; overflow:hidden;} .probj .pro-ri .pro_list ul li{ margin:0 22px 23px 0; width:222px; height:221px; float:left;border:1px solid #e5e5e5;} .probj .pro-ri .pro_list ul li a img{width:203px; height:174px; margin:0 11px 0 11px;} .probj .pro-ri .pro_list ul li a span{ border-top:1px solid #e5e5e5;margin:0 11px 0 11px;width:203px; height:42px; display:block;background: no-repeat right center; line-height:42px; font-size:14px;color:#333333;} .probj .pro-ri .pro_list ul li.li_no{ margin-right:0px;} /*project*/ .projectbj{ height:590px; width:100%; margin:0 auto;background: no-repeat center center; overflow:hidden;} .projectbj .project_tit{ width:100%; overflow:hidden; float:left; margin-top:60px; } .projectbj .project_tit span{ display: block;height: 48px;text-align: center;width: 100%;} .projectbj .project_tit span img{ width:323px; height:44px;} .projectbj .project_tit span a{color:#8b9dc2; font-family:arial;} .projectbj .project_le{ width:250px; height:362px; float:left;} .projectbj .project_le ul{ width:250px; height:362px; float:left;} .projectbj .project_le ul li{ width:250px; height:60px; border-left:1px solid #ffffff; line-height:60px;} .projectbj .project_le ul li:hover,.projectbj .project_le ul li.cur{ border-left:3px solid #ffffff; margin-left:-1px;} .projectbj .project_le ul li:hover a,.projectbj .project_le ul li.cur a{ font-weight:bold;} .projectbj .project_le ul li a{font-size:16px; color:#ffffff; margin-left:22px;} .projectbj .project_ri{ width:750px; height:362px; float:right;} .projectbj .project_ri dl{ width:748px; height:360px; float:left;} .projectbj .project_ri dt{ width:464px; height:360px; float:left;} .projectbj .project_ri dt a img{ width:464px; height:360px;} .projectbj .project_ri dd{ width:284px; height:360px; float:right; background-color:#da2538;} .projectbj .project_ri dd h3{ margin-top:60px; height:41px; width:228px; margin-left:30px; overflow:hidden; } .projectbj .project_ri dd h3 a{font-size:16px; font-weight:bold;color:#ffffff;} .projectbj .project_ri dd p{width:228px; margin-left:30px;overflow:hidden; height:175px; } .projectbj .project_ri dd p a{ font-size:14px;color:#ffffff; line-height:24px;} .projectbj .project_ri dd span{width:228px;overflow:hidden; height:30px; border:1px solid #ffffff; text-align:center; line-height:30px; display:block; margin-left:30px;} .projectbj .project_ri dd span a{ font-size:14px;color:#ffffff;line-height:30px;} /*ys*/ .ys{ height:1755px; overflow:hidden;} .ys h2{ margin:68px auto 60px; line-height: 0; text-align: center; } .ys h2 img{ width:733px; height:105px; } .ys h2 span{ display: block; background: no-repeat center 0; height: 38px; font-size: 18px; color: #333333; font-weight: normal;line-height: 37px; margin-top: 6px;letter-spacing: 10px;} .ys dl{ overflow: hidden; margin-bottom: 70px;} .ys dd h3{ font-size: 20px; color: #000000; height: 72px; padding: 8px 0 0 100px; margin-bottom: 25px;} .ys dd h3 span{ color: #da2538; } .ys dd h3 em{ display: block; font-size: 8px; text-transform: uppercase; color: #555555; font-weight: normal;} .ys dd ul{ padding-left: 14px;} .ys dd li{ font-size: 15px; line-height: 24px; color: #333; background: no-repeat 0 9px; padding-left: 17px; margin-bottom: 12px;} .ys dt{ float: left; overflow: hidden;} .ys dd{ float: right; width: 470px;} .ys .ys_more{ display: block; width: 132px; height: 28px; line-height: 28px; border: 1px solid #da2538; text-align: center; font-size: 14px; color: #da2538; margin: 28px 0 0 31px; text-decoration: none;} .ys01{ height: 302px; overflow: hidden;} .ys01 dt{ width: 498px; height: 302px; overflow: hidden; float: left;} .ys01 dt img{ display: block; width: 498px; height: 302px; } .ys01 dd h3{ background: no-repeat 0 0;} .ys02 dd h3{ background: no-repeat 0 0;} .ys03 dd h3{ background: no-repeat 0 0;} .ys04 dd h3{ background: no-repeat 0 0;} .ys02{ height: 295px; overflow: hidden;} .ys02 dd{ float: left;} .ys02 dt{ width: 471px; height: 252px; overflow: hidden; float: right; padding-top: 16px;} .ys02 dt img{ display: block; width: 471px; height: 252px;} .ys03{ height: 286px; overflow: hidden;} .ys03 dt{ width: 450px; height: 286px; overflow: hidden; float: left;} .ys03 dt img{ display: block; width: 450px; height: 286px; } .ys04{ height: 387px; overflow: hidden;} .ys04 dd{ float: left;} .ys04 dd h3{ padding-top: 15px; height: 65px;} .ys04 dt{ width: 517px; height: 387px; overflow: hidden; float: right; } .ys04 dt img{ display: block; width: 517px; height: 387px;} /*合作客户*/ .partner2{ background: no-repeat center 0; height: 372px; overflow: hidden; } .partner2content{ width: 1000px; margin: 0 auto; } .partner2 h2{ text-align: center; margin: 70px 0 40px; font-weight: normal; } .partner2 h2 span{ font-size: 12px; display: block; text-transform: uppercase; color: #a6afcd; margin-top: 10px; } .partner2-slide{ height: 109px; position: relative; } .partner2-slide li{ width: 235px; height: 160px; overflow: hidden; float: left; margin-right: 20px; } .partner2-slide li span{ display: block; text-align: center; font-size: 14px; color: #fff;} .partner2-slide li span a{ color: #fff; display: block; width: 100%; line-height: 30px; text-decoration: none;} .partner2-slide li img{ display: block; width: 235px; height: 120px; } .partner2-slide li span{} .partner2-slide-bd .prev,.partner2-slide-bd .next{ display: block; width: 48px; height: 48px; } .partner2-slide-bd .prev{ position: absolute; top: 35px; left: -70px; } .partner2-slide-bd .next{ position: absolute; top: 35px; right: -70px; } /*客户见证*/ .witness{ overflow: hidden;} .witness h2{ text-align: center; margin: 70px 0 40px; font-weight: normal;} .witness h2 span{ font-size: 12px; display: block; text-transform: uppercase; color: #999999;margin-top: 10px; } .witness dl{ width: 311px; height: 386px; overflow: hidden; float: left; margin-right: 33px; background: #f5f5f5; position: relative;} .witness dl.none{ margin-right: 0;} .witness dt{ width: 311px; height: 192px; overflow: hidden;} .witness dt img{ display: block; width: 311px; height: 192px;} .witness dd{ padding: 0 24px; overflow: hidden; height: 193px;} .witness dd h3{ text-align: center; font-size: 14px; color: #333333; margin: 25px 0 10px;} .witness dd h3 a{ color: #333;} .witness dd p{ font-size: 14px; color: #555; line-height: 22px;} .witness dd em{ background: no-repeat; position: absolute; right: 0; bottom: 0; display: block; width: 34px; height: 32px;} .witness dl:hover dd em{ background: no-repeat; } /*关于我们*/ .about{ height: 506px; overflow: hidden; margin: 70px 0; background: #f5f5f5;} .about h2{ text-align: center; margin: 70px 0 40px; font-weight: normal;} .about h2 span{ font-size: 12px; display: block; text-transform: uppercase; color: #999999;margin-top: 10px; } .about dl{ overflow: hidden; height: 283px;} .about dt{ width: 519px; height: 283px; overflow: hidden; float: left;} .about dt img{ display: block; width: 519px; height: 283px;} .about dd{ width: 442px; overflow: hidden; float: right;} .about dd h3{ font-size: 18px; color: #163a84;} .about dd h3 a{ color: #163a84;} .about dd i{ display: block; width: 40px; height: 2px; background: #da2538; margin: 18px 0 10px;} .about dd p{ font-size: 14px; color: #666666; line-height: 28px;} .about dd .detail{ width: 130px; height: 28px; line-height: 28px; border: 1px solid #da2538; text-align: center; color: #da2538; display: block; margin-top: 59px; } /*企业相册与荣誉资质*/ .album{ height: 240px; overflow: hidden; margin-bottom: 50px;} .album-hd{ height: 35px; border-bottom: 2px solid #163a84; margin-bottom: 29px;} .album-hd .more a{color: #666666;line-height: 20px; font-size: 14px; text-decoration: none; font-family: "arial"; } .album-hd li{ float: left; font-size: 18px; color: #333333; margin-right: 60px; overflow: hidden; font-weight: bold; padding-left: 30px; height: 35px; line-height: 35px; z-index: 2; } .album-hd li a{ color: #333333; text-decoration: none; } .album-hd li:nth-child(1){ background: no-repeat 0 7px;} .album-hd li:nth-child(2){ background: no-repeat 0 7px;} .album-hd ul:after{ content: ''; display: block; clear: both; } .album-hd li.on{ border-bottom: 2px solid #da2538; background-position: 0 -40px;} .album-hd li.on a{color: #163a84;display: block;} .album-bd li{ width: 241px; height: 167px; overflow: hidden; float: left; margin-right: 12px; position: relative;} .album-bd li img{ width: 241px; height: 167px;} .album-bd li.none{margin-right: 0;} .album-bd li span{ display: none; background: no-repeat; position: absolute; left: 0; top: 0; width: 241px; padding-top: 103px; height: 64px; text-align: center; font-size: 14px; color: #fff; display: none;} .album-bd li:hover span{ display: block;} /*新闻资讯*/ .info{ height: 462px; overflow: hidden; margin-bottom: 65px;} .news{ width: 640px; height: 462px; overflow: hidden;} .news-hd{ height: 35px; border-bottom: 2px solid #163a84; margin-bottom: 29px;} .news-hd .more a{color: #666666;line-height: 20px; font-size: 14px; text-decoration: none; font-family: "arial"; } .news-hd li{ float: left; font-size: 18px; color: #333333; margin-right: 60px; overflow: hidden; font-weight: bold; padding-left: 30px; height: 35px; line-height: 35px; } .news-hd li a{ color: #333333; text-decoration: none; } .news-hd li:nth-child(1){ background: no-repeat 0 7px;} .news-hd li:nth-child(2){ background: no-repeat 0 7px;} .news-hd ul:after{ content: ''; display: block; clear: both; } .news-hd li.on{ border-bottom: 2px solid #da2538; background-position: 0 -40px;} .news-hd li.on a{color: #163a84;display: block;} .news-bd dl{ height: 160px; overflow: hidden; margin-bottom: 40px;} .news-bd dt{ width: 300px; height: 160px; overflow: hidden; float: left;} .news-bd dt img{ display: block; width: 300px; height: 160px; } .news-bd dd{ width: 300px; height: 160px; float: right; overflow: hidden;} .news-bd dd h3{ font-size: 14px; color: #555555; margin-bottom: 10px;} .news-bd dd h3 a{ color: #555;} .news-bd dd p{ font-size: 14px; line-height: 24px; color: #555;} .news-bd dd .news_detail{ display: block; width: 126px; height: 28px; line-height: 28px; text-align: center; color: #da2538; border: 1px solid #da2538; font-size: 14px; text-decoration: none; margin-top: 5px;} .news-bd li{ width: 300px; height: 50px; line-height: 50px; border: 1px solid #c8c8c8; float: left; margin-bottom: 20px;} .news-bd li.news_right{ float: right;} .news-bd li span{ width: 50px; background: #c8c8c8; text-align: center; font-size: 30px; display: block; float: left;} .news-bd li em{ width: 212px; float: right; overflow: hidden; padding-right: 20px; font-size: 14px; height: 50px; line-height: 50px;} .news-bd li em a{ color: #555;} .faq{ width: 320px; height: 462px; overflow: hidden;} .faq h2{ height: 35px; border-bottom: 2px solid #163a84; margin-bottom: 29px;} .faq h2 .faq_more{color: #666666;line-height: 20px;font-size: 14px;text-decoration: none;font-family: "arial"; font-weight: normal;} .faq h2 span{ background: no-repeat 10px 2px; padding-left: 40px; font-size: 18px; height: 35px; border-bottom: 2px solid #da2538; display: block; float: left;} .faq h2 span a{ color: #163a84;} .faq dl{ height: 72px; overflow: hidden; margin-bottom: 34px; } .faq dt{ height: 20px; line-height: 20px; margin-bottom: 10px; font-size: 14px; background: no-repeat 0 0; padding-left: 35px;} .faq dd{ background: no-repeat 0 0; font-size: 14px; line-height: 24px; padding-left: 35px;} /*友情链接*/ .link{ height: 38px; overflow: hidden; margin-bottom: 40px; } .link h2{ width: 152px; border-right: 1px solid #d4d3d3; font-weight: normal; float: left;} .link h2 a{ display: block; text-decoration: none; } .link h2 .link_title{ font-size: 18px; color: #163a84; } .link h2 .link_enter{ font-size: 14px; color: #333333; } .link p{ float: right; width: 828px; overflow: hidden; font-size: 14px; line-height: 20px; } .link p a{ text-decoration: none; color: #403e3e; margin-right: 36px; } .partner2-slide-hd .tempwrap{ width:1000px!important;} /******************************广告*********************************/ .banners{height: 500px;} .fullslide { width:100%; position:relative; height:500px; } .fullslide .bd { margin:0 auto; position:relative; z-index:0; } .fullslide .bd ul { width:100% !important; } .fullslide .bd li { background-repeat: no-repeat; width:100% !important; height:500px; overflow:hidden; text-align:center; background-position:center top; } .fullslide .bd li a { display:block; height:500px; } .fullslide .hd { width:100%; position:absolute; z-index:1; bottom:0px; left:0; height:30px; line-height:30px; } .fullslide .hd ul { text-align:center; } .fullslide .hd ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:100px; height:8px; margin-left: 17px; overflow:hidden; background:#fff; line-height:999px; border-radius: 19px; } .fullslide .hd ul .on { background:#163a84; } .fullslide .prev,.fullslide .next { display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:5%; z-index:1; width:40px; height:60px; cursor:pointer; filter:alpha(opacity=50); opacity:0.5; display:none; width:73px; height:73px; } .fullslide .prev { background:url(/uploads/image/sdi/left1s.png) no-repeat; } .fullslide .next { left:auto; right:5%; background:url(/uploads/image/sdi/right1s.png) no-repeat; }