﻿@charset "utf-8";

/* CSS Document */



/*banner*/

.banner{width:100%; margin:0 auto; position:relative; height:480px;}

.fullSlide{width:100%;position:relative;height:100%;background:transparent;}

.fullSlide .bd{margin:0 auto;height:100%;position:relative;z-index:0;overflow:hidden;}

.fullSlide .bd ul{height:100%;}

.fullSlide .bd li{height:100%;overflow:hidden;text-align:center;background-position:center;background-repeat:no-repeat;}

.fullSlide .bd li a{display:block;height:100%;}

.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;}

.fullSlide .hd ul{text-align:center;margin-bottom:30px;}

.fullSlide .hd ul li{background:#bc000a;cursor:pointer;display:inline-block;*display:inline;zoom:1;width:100px;height:11px;margin:1px;overflow:hidden;*filter:alpha(opacity=50);*opacity:.5;line-height:999px;}

.fullSlide .hd ul .on{background:#fff;}

.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;*filter:alpha(opacity=50);*opacity:.5;display:none;}

.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}



/*搜索*/

.iksl{ height:44px;background:#f9f9f9;}

.search{ width:1180px; height:44px; margin: 0px auto; }

.search_l{ float:left; height:44px; line-height: 44px; color: #666;}

.search_l img{ float:left; vertical-align:middle; padding-top:20px;}

.search_l a{ margin:0 5px; text-decoration:none; font-weight:normal; color:#666;}

.search_l a:hover{ text-decoration:underline;}

.search_r{ float:right; height:44px; }

.search-box{ height:28px; margin-top: 8px;}

.stxt{width:192px; height:28px; float:left; line-height:29px; border:0; text-indent:3.2em; background:url(../images/ss_k.jpg) no-repeat; color:#999;}

.sbtn icon{ background:url(../images/ss_s.jpg) no-repeat;width:39px; height:28px; float:left;border-style :none; cursor:pointer;}



/*关于*/

.ggjs{height:418px; margin-top:80px;} 

.ikbf{height:418px;width:1180px; margin:0px auto; overflow:hidden;}

.ths{padding-top:10px; background:url(../images/01.jpg) no-repeat center; width:555px; height:94px; margin:0 auto; margin-bottom: 66px;}

.ths h3{ text-align:center; font-size:30px;}

.ths h4{text-align:center; font-size:30px; margin-top:14px;color:#bc000a;}

.ikse{ width:730px; height:242px; float:left;}

.ikse h5{ font-size:24px;}

.ikse p{color:#666; line-height:38px; height:152px; overflow:hidden;margin-top: 16px;}

.ikse ul{ float:right; margin-top: 12px;}

.ikse ul li{ float:left; border-radius:10px; background:#333; width:120px; height:34px; line-height:34px; text-align:center; margin-left:16px; font-size:16px;}

.ikse ul li a{ color:#fff;}

.ikse ul li:hover{ background:#bc000a;}

.ggjs img{ width:410px; height:242px; float:right; display:block;}



/*资质*/

.isqs{ height:465px; background:url(../images/02.jpg) no-repeat center;margin-top: 80px;}

.zgdt{ width:1180px; margin:0 auto; height: 465px;}

.rongyu{ width:1180px; height: 370px; float:right;}

.rongyu .ryt ul li{width: 170px;float:left; height: 56px;  text-align: center;line-height: 56px;  font-size: 18px;margin-left: 1px;font-weight: bold;}

.rongyu .ryt ul li a{ color: #fff;display: block;background-color: #333;}

.rongyu .ryt ul li:hover,.rongyu .ryt ul li.casehover a{ color: #fff; background: #bc000a; display:block;}

.rongyu .rycon{margin-top: 104px; height:260px; overflow:hidden;}

.rycon ul li{ float:left; margin: 0 26px; width: 340px; text-align:center;position: relative;}

.rycon ul li img{ width: 332px; height: 252px; display:block;border: 4px solid #fff;}

.rycon ul li span{   text-align:center; width: 340px; display:block;background-color: #2f2f2f;color: #fff;position: absolute;left: 0;bottom: 0;height: 34px;line-height: 34px;opacity: 0.9;}

.rycon ul li span:hover{  text-align:center; width: 340px; display:block;background-color: #bc000a;color: #fff;position: absolute;left: 0;bottom: 0;height: 34px;line-height: 34px;opacity: 0.9;}

.rycon #simgs{width:1180px; float:left;}

.rycon #simgs2{width:1180px; float:left;}

.rycon #simgs3{width:1180px; float:left;}

.rycon .fl { float:left;}

.rycon .fr { float:right;}

.rycon .pa{ position:absolute;}

.rycon .pr{ position:relative}

.ryt{ width: 855px; margin:0 auto;}



/*产品*/

.cp{width:1180px; height:auto; margin: 0px auto;margin-top: 80px; overflow:hidden;}

.cpzb{ width: 256px; height:auto; background: #1f1a17; float:left; padding-bottom:30px;}

.cpyb{ width:920px; height:1240px; background:#fff; float:right; }

.cpzb h2{ width:230px; height:76px; background:url(../images/03.jpg) no-repeat center; font-size: 24px;padding-top: 50px; margin-bottom:16px; color:#fff;padding-left: 26px;}

.cpzb h2 a{}

.cpzb h3{font-size:16px;width:208px; height:30px; line-height:30px; background:url(../images/22.jpg) no-repeat center; margin-top:8px; padding-left:48px;}

.cpzb h3 a{ color:#fff;}

.cpzb ul{}

.cpzb ul li{ line-height:40px;padding-left:48px;}

.cpzb ul li a{ color:#fff;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.cpzb ul li:hover{ text-decoration:underline;}

.cpy .hd h4{ font-size:22px; color:#bc000a; float:left; margin-left:34px;margin-top: 8px;}

.cpy .hd h4 i{ display:block; font-size:14px; color:#999; text-transform:uppercase; font-weight:normal;padding-top: 4px;}

.cpzzx ul li a:hover{ display:block; width:210px; height:44px; background:url(../images/05.jpg) no-repeat center ; color:#fff;}

.cp .cpy{ width: 924px; height:auto; float:right;}

.cp .hd ul{ width: 342px; height: 56px; line-height: 56px;  float: right;}

.cp .hd ul li{ float: right; font-size: 18px; width: 170px; height: 56px; text-align:center;   color: #fff; background-color: #222;font-weight: bold;margin-left: 1px;}

.cp .hd ul li a{ color: #fff;}

.cp .hd .on a{ display:block; background: #c20009;color: #fff;}

.cp .bd ul{ }

/*.cp .bd ul li{ float:right; margin-left: 32px; margin-top:44px;}*/

.cp .bd ul li{ float:right; margin-left: 32px; margin-top:25px;}

.cp .bd ul li p{width: 274px; text-align:center;  padding-top: 12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.cp .bd ul li img{ width:274px; height: 200px; display:block; margin: 0 auto;border: 1px solid #ccc;}

.cp .bd ul li .ikxd{ display:block;margin-top: 16px;}

.cp .bd ul li .ikxd b{ font-weight:normal; background:url(../images/ad.jpg) no-repeat center; width: 74px; height:29px; line-height:29px; float:left;padding-left: 56px;display: block;}

.cp .bd ul li .ikxd b a{ color:#999;}

.cp .bd ul li .ikxd em{ float:right;background:url(../images/cp.jpg) no-repeat center; width: 74px; height:29px; line-height:29px; display:block;padding-left: 56px;}

.cp .bd ul li .ikxd em a{ color:#999;}



/*两个主要的产品*/

.lis{ height: 460px; width: 1200px; margin:0 auto; margin-top:80px;}

.islx{ width:263px; height:66px; line-height:60px; background:url(../images/dht.jpg) no-repeat center;float: left;margin-left: 10px;}

.islx li{float:left;font-size:18px; font-weight:bold;margin: 0 38px;}

.islx li a{ color:#fff;}

.lis h3{ font-size:22px; color:#bc000a; float:left; padding-left:24px; line-height:32px;}

.lis h3 i{ display:block; color:#999; font-weight:normal; font-size:14px; text-transform:uppercase;}

.iske{ margin-top:44px; height:346px; overflow:hidden;}

.iske li{float:left;margin: 0 12px;}

.iske li img{ display:block; width:570px; height:314px;}

.iske li p{ width:570px; text-align:center;padding-top: 12px;}



/*bn1*/

.bn8{background:url(../images/kz.jpg) no-repeat center;height:200px;}

.bn8zx{width:1180px; height:200px; margin:0 auto; position:relative; margin-top:80px;}

.bn8zx h3{ font-size: 20px; color: #fff; position:absolute; left: 18px; top: 56px;}

.bn8zx i{ font-size: 20px; position:absolute; left: 18px; top: 113px;color: #fff;font-weight: bold;}

.bn8zx p{position:absolute; right: 6px; bottom: 90px;color: #fff;line-height: 36px;font-size: 16px;}

.bn8zx p b{ font-size: 30px; color: #fff; font-weight:normal;display: block;}

.bn8zx em{ width: 120px; line-height: 34px; height: 34px; text-align:center; background: #333;position:absolute; right: 95px; bottom: 38px;border-radius: 10px;font-size: 16px;}

.bn8zx em a{ color:#fff;}



/*案例展示*/

.alzx{ height:442px; width:1180px; margin:0 auto; margin-top:80px;}

.alzx h3{ font-size:30px; text-align:center;}

.alzx i{ display:block; text-align:center; font-size:16px; color:#999; padding-top:8px;}

.alzx img{display:block;width:1180px; height:332px; margin-top:40px; overflow:hidden;}



/* 优势 */

.hzly {height:1775px;background:url(../images/nav_bg.jpg) no-repeat center; margin-top:80px;}

.mainn{width:1180px; height:1775px;margin:0 auto;position:relative;}

.mainn i{ display:block; position:absolute; right:0; font-size:18px; top:36px;}

.mainn h2{color:#bc000a; font-size:36px; position:absolute; right:200px;top:80px;}

.mainn h2 a{}

.span_01{display:block; height:200px; position:absolute; right:0; top:230px;}

.span_01 h3{ font-size:20px; font-weight:normal; color:#fff;margin-left: 92px;line-height: 28px;}

.span_01 h3 b{ font-size:14px; color:#eee; font-weight:normal; display:block; text-transform:uppercase;}

.span_01 p{ line-height:30px; color:#fff; margin-top:22px;}



.span_02{display:block; height:200px; position:absolute; left:0px; top:492px;}

.span_02 h3{ font-size:20px; font-weight:normal; color:#fff;margin-left: 92px;line-height: 28px;}

.span_02 h3 b{ font-size:14px; color:#eee; font-weight:normal; display:block; text-transform:uppercase;}

.span_02 p{ line-height:30px; color:#fff; margin-top:22px;}



.span_03{display:block; height:200px; position:absolute; left:614px; top:902px;}

.span_03 h3{ font-size:20px; font-weight:normal; color:#fff;margin-left: 92px;line-height: 28px;}

.span_03 h3 b{ font-size:14px; color:#eee; font-weight:normal; display:block; text-transform:uppercase;}

.span_03 p{ line-height:30px; color:#fff; margin-top:22px;}



.span_04{display:block; height:200px; position:absolute; left:0px; top:1152px;}

.span_04 h3{ font-size:20px; font-weight:normal; color:#fff;margin-left: 92px;line-height: 28px;}

.span_04 h3 b{ font-size:14px; color:#eee; font-weight:normal; display:block; text-transform:uppercase;}

.span_04 p{ line-height:30px; color:#fff; margin-top:22px;}



.span_05{display:block; height:200px; position:absolute; left:340px; top:1422px;}

.span_05 h3{ font-size:20px; font-weight:normal; color:#fff;margin-left: 92px;line-height: 28px;}

.span_05 h3 b{ font-size:14px; color:#eee; font-weight:normal; display:block; text-transform:uppercase;}

.span_05 p{ line-height:30px; color:#fff; margin-top:22px;}



/*见证*/

.jeusj{ width:1180px; height:524px; margin:0 auto; margin-top:80px;}

.jeusj h3{ font-size:30px; text-align:center;}

.jeusj i{ display:block; text-align:center; font-size:16px; color:#999; padding-top:8px;}



.jeusj ul{ margin-top: 66px; height:386px; overflow:hidden;}

.jeusj ul li{ width:254px; height:386px; background: #fafafa; float:left; margin:0 27px;}

.jeusj ul li:hover{ background:#bc000a;}

.jeusj li .pic{width:130px;height: 130px;border: 5px solid #bc000a;border-radius: 50%;margin:18px auto 0;}

.jeusj li .pic img{width:130px;height: 130px; border-radius: 50%;}

.jeusj ul{width:1300px;}

.jeusj li {width:255px;height: 386px;background: #313131;margin-right: 53px;float: left;}

.jeusj li .info{padding:20px;}

.jeusj li .info a.t{font-size: 16px;height: 40px;line-height: 40px;text-align: center;background:url(../images/kehu_x.jpg) no-repeat bottom center;padding-bottom: 8px;display: block;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.jeusj li .info p{line-height:26px;height:104px;display: block;overflow: hidden;color: #676767;margin-top: 14px;}

.jeusj li .info a.m{width: 120px;height: 34px;border-radius: 10px;text-align: center;line-height: 34px; display: block;background-color: #bc000a; margin: 0 auto;color:#fff; margin-top:20px;}

.jeusj li:hover{background: #efefef;cursor: pointer;}

.jeusj li:hover .pic{border: 5px solid #fff;}

.jeusj li:hover .info a.t{color: #fff;background:url(../images/ic17.jpg) no-repeat bottom center;}

.jeusj li:hover .info p{color: #eee;}

.jeusj li:hover .info a.m{ background:#333;color:#fff;}



/*bn2*/

.bn1{background:url(../images/bn2.jpg)no-repeat center;height:200px;}

.bn1zx{width:1180px; height:200px; margin:0 auto; position:relative; margin-top:80px;}

.bn1zx h3{ font-size: 20px; color: #fff; position:absolute; right: 18px; top: 56px;}

.bn1zx i{ font-size: 20px; position:absolute; right: 18px; top: 113px;color: #fff;font-weight: bold;}

.bn1zx p{position:absolute; left: 6px; bottom: 90px;color: #fff;line-height: 36px;font-size: 16px;}

.bn1zx p b{ font-size: 30px; color: #fff; font-weight:normal;display: block;}

.bn1zx em{ width: 120px; line-height: 34px; height: 34px; text-align:center; background: #333;position:absolute; left: 6px; bottom: 38px;border-radius: 10px;font-size: 16px;}

.bn1zx em a{ color:#fff;}



/*news*/

.news{width:1180px; margin:0 auto; height:406px; padding-top:80px;}

.newsBox{ width: 1180px; float: right;}

.newsBox .hd{   }

.newsBox .hd h5{ background:url(../images/xw.jpg) no-repeat center; width: 184px; height:44px; font-size:30px; float:left;padding-left: 40px;color:#bc000a;}


.newsBox .hd ul{ float:right; font-size: 18px;margin: 0 auto;margin-top: 10px;}

.newsBox .hd ul li{ cursor:pointer;    float: right;margin: 0 22px;font-size: 18px;}

.newsBox .hd ul li.on a{   color: #bc000a;font-weight: bold;}

.newsBox .bd { width: 780px;}

.newsBox .bd ul{ float:left; width: 1180px; margin-top: 52px;position: relative; height:366px; overflow:hidden;}

.newsBox .bd li:nth-child(1){ width: 400px; height: 352px; float: left; overflow:hidden; background: #fafafa; }

.newsBox .bd li:nth-child(1) img{ width: 400px; height: 210px;}

.newsBox .bd li .date-top-left{ float:right; color: #fff; position:absolute; width:65px; height:74px; text-align:center; background: #bc000a;}

.newsBox .bd li .date-top-left h3{ font-size:27px; color: #fff; margin-top: 8px;font-weight: normal;margin-bottom: 4px;}

.newsBox .bd li .date-top-left h4{ font-size:12px; color: #fff;font-weight: normal;}

.news-txt{ width:342px; margin:0 auto;}

.news-txt h3{ font-weight:normal; line-height:32px; font-size:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-top:10px;}

.news-txt p{ font-size: 12px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;overflow: hidden; margin-top: 4px;color: #666;height: 48px;line-height: 24px;}

.news-more{ font-size:13px; line-height:38px;}

.news-more a{ color: #333;}

.newsBox .bd li:not(:first-of-type){ height: 106px; width: 754px; float: right; background: #fafafa;  margin-bottom: 16px;}

.newsBox .bd li:hover{ background:#bc000a;}

.newsBox .bd li:hover h3 a{ color:#fff;}

.newsBox .bd li:hover p{ color:#fff;}



.newsBox .bd .date-right-time{ float:left; width:85px; height:64px; text-align:center; margin-top:18px; border-right:1px solid #bfc1c4;}

.newsBox .bd .date-right-time h3{ font-size:30px; color:#666666; font-weight:normal;}

.newsBox .bd li:hover h3{ color:#fff;}

.newsBox .bd li:hover h4{ color:#fff;}

.newsBox .bd li:nth-child(1):hover a{ color: #fff;}

.newsBox .bd .date-right-time h4{font-size:14px; color:#666666; font-weight:normal;}

.newsBox .bd .news-right-txt{ float:left; width: 640px; margin-left:16px; margin-top:18px;}

.newsBox .bd .news-right-txt h3{font-weight:normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }

.newsBox .bd .news-right-txt p{ margin-top:10px; font-size:12px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;overflow: hidden; color:#666;}



/*链接*/

.ljzx{ width:1180px; height:40px; line-height:40px; margin: 0 auto;margin-top:20px;}

.ljzx h4{float:left;}

.ljzx ul{ float:left;}

.ljzx ul li{ float:left; margin:0 12px;}