@charset "utf-8";
.head{ width: 100%; height: 110px; background: #a72632;    position: relative;z-index: 3;}

/* -------------------------- 导航样式  --*/
.navBar {position: relative;z-index: 1;color: #fff;height:110px;line-height:110px; width: 780px;
}
.nav li.m { width: 120px; float: left; position: relative; margin-left: 10px;}
.nav a{color: #e5dabc;display: block;zoom: 1;_width:120px;_float:left;_display:inline-block;border: none;text-align: center; font-size: 18px;
}
/*当前状态*/
.nav .cur a, .nav .on a {color: #fff;}


.nav .sub {display: none; /*默认隐藏*/width: 130px;position: absolute;left: -10px;top: 110px;float: left;line-height: 40px;overflow:visible;
	_width:500%;_border-bottom:none;background: #fff;
}
.nav .sub li {text-align: center;}
.nav .sub li a { width: 100%; color: #333;display: block;zoom: 1;_width:100%;_float:left;_display:block; line-height: 45px;
	font-size: 16px;
}
.nav .sub li a:hover {background: #a72632;/*副色*/color: #fff;}

/******************************************轮播****************************/
.slideBox_wrap {overflow: hidden;position: relative;height: 650px; min-width: 1200px;
}
.slideBox_row {position:absolute;left:50%;margin-left:-960px;width:1920px;}
.slideBox {overflow: hidden;position: relative;}
.slideBox .hd {    width: 100%;height: 22px;overflow: hidden;position: absolute;bottom: 30px;z-index: 1;
}
.slideBox .hd ul {overflow: hidden;zoom: 1;text-align: center;
}
.slideBox .hd ul li {display:inline-block;margin:0  10px;width: 20px;height: 20px;text-align: center;cursor: pointer;
	background: url(  ../images/icon2.png) center center no-repeat;_background:url(../images/icon2.png)  center center  no-repeat;
}
.slideBox .hd ul li.on {
	background: url(  ../images/icon1.png) center center no-repeat;_background:url(../images/icon1.png)  center center  no-repeat;
}
.slideBox .bd {position: relative;height: 100%;z-index: 0;
}
.slideBox .bd ul li{width: 1920px;height: 650px;
}
.slideBox .bd img {display: block;
}
/*page slideBox*/
.page_banner_wrap {width:100%;min-width:1200px;position:relative;height:450px;overflow:hidden;
}
.page_banner {position:absolute;left:50%;margin-left:-960px;width:1920px;
}
.page_banner p{ position: absolute; width: 100%; line-height: 50px; margin-top: 10%;}

.ind_main{background: url(../images/bg2.jpg) repeat;}
.ind_main .wihti{ background:#fff; padding: 0 40px; width: 1120px;min-width:1120px; margin: 0 auto;}

/*--------------------------------------  首页商机  --------------------*/
.ind_busin{ background: url(../images/bg1.jpg) 50% 0 no-repeat;}
.ind_busin .main{ background:#fff; padding: 0 40px; width: 1120px;min-width:1120px;}
.ind_busin .idbu_list li{ width: 240px; float: left; border: 1px dashed #eac380; border-radius: 10px; padding: 10px;margin-left: 20px;}
.ind_busin .idbu_list li:nth-child(1){ margin-left: 0px;}
.ind_busin .idbu_list li img{ width: 240px; height: 172px;}

.idbu_list li{ text-align: center; width:370px; float: left; margin: 0 auto 10px auto;}


/*--------------------------------------  首页盈利模式  --------------------*/
.ind_mode .box{ background: url(../images/bg3.jpg) center no-repeat;}
.ind_mode .box li{ width: 350px; margin: 20px 0 20px 20px;}
.ind_mode .box li img{ float: left; }
.ind_mode .box li p{  font-size: 18px; margin-top: 20px;}

/*--------------------------------------  首页设备  --------------------*/
.ind_device .text h6{ font-size: 24px; background: #d42620; color: #fff;  border-radius: 0 20px 0 0; width:500px; line-height: 50px; text-indent: 20px; }

/*--------------------------------------  首页关于  --------------------*/
.ind_about .ab_nav a{ display: inline-block; width: 180px; line-height: 46px; margin: 0 10px; background: url(../images/bg4.jpg)center no-repeat;
	font-size: 16px;
}
.ind_about .ab_nav a:hover, .ind_about .ab_nav a.cur{  background: url(../images/bg5.jpg)center no-repeat; color: #d42620;}

.ab_left{ overflow:hidden; position:relative; background: url(../images/bg6.jpg)left top no-repeat;  padding-bottom: 30px; }
.ab_left .title p{ width: 50px; font-size: 34px; text-align: center;color: #fff; font-weight: bold; }
.ab_left .bd ul{ overflow:hidden; zoom:1; }
.ab_left .bd ul li{ margin:0; float:left; _display:inline; overflow:hidden; text-align:center;  }
.ab_left .bd ul li .pic{ text-align:center;  padding:5px; width:310px; height:240px;}
.ab_left .bd ul li .pic img{ width:100%; height:100%; display:block;}

/*--------------------------------------  首页新闻  --------------------*/
.ind_news .box{ background: #fff; padding: 20px; width: 340px;}
.ind_news .box li a{ display: block; line-height: 30px; padding: 5px 0; margin: 10px 0 15px 0;border-bottom: 1px dashed #ddd;}
.ind_news .box li a p{ -webkit-line-clamp: 1; float: left; width: 300px;}
.ind_news .box li a span{color: #999; }

/*--------------------------------------  内页通用 --------------------*/
.page_bg{ background: url(../images/bg2.jpg) repeat;}
.page_box{ background: #fff; width: 1140px;min-width: 1140px; margin: 0 auto; padding: 20px;}

.map, .map a{ color: #999; line-height: 50px;}
.page_link a{ display: block; width: 150px; line-height: 50px; background: #eee; text-align: center; font-size: 16px;
	-moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; 
}
.page_link a:hover{background: #a72632; color: #fff;}

/*-------------------- 内页导航 --------------*/
.page_nav{ width: 100%; height: 50px; padding: 10px 0 30px 0; background: url(../images/bg7.jpg) center bottom no-repeat;}
.page_nav ul{text-align: center;}
.page_nav li{ margin: 0 5px; display: inline-block;}
.page_nav li a{line-height: 50px;  color: #666; display: block;width: 180px;
	background:  url(../images/bg4.jpg) center no-repeat;font-size: 18px;
}
.page_nav li a.cur, .page_nav li a:hover{color: #d42620; background:  url(../images/bg5.jpg) center no-repeat;}


/*--------------------------------------  内页关于 --------------------*/
.about2{ position: relative; height: 630px;}
.about2 img{ position: absolute; left: 0; top: 0;max-width: none;}

/*----------------------------------- 内页产品分类  ----*/
.pro_ticl{ width: 220px; height: 55px; line-height: 55px; background: url(../images/bg8.jpg) center no-repeat;color: #d42620;}
.pro_class li{ border-bottom: 1px solid #eee;  padding: 10px 0; }
.pro_class li a{ display: block;}
.pro_class li a:hover{ color: #d42620; }
.pro_class li h3 a{padding-left: 40px;background: url(../images/icon3.png) 0 10px no-repeat; line-height: 40px; }
.pro_class li h3 a:hover, .pro_class li h3 a.cur{background: url(../images/icon4.png) 0 10px no-repeat;}
.pro_class li h3 a{ font-size: 18px;}
.pro_class .sub2{padding-left: 40px;}
.pro_class .sub2 a{line-height: 30px;color: #999;}


/*----------------------------------  产品列表 -------------*/
.pro_list li{ width: 280px; height: 400px; position: relative;float: left; margin-left:13px;
}
.pro_list li a{ display: block;  width: 100%; height: 100%;}
.pro_list li .pic{width: 280px; height: 320px; overflow: hidden; }
.pro_list li img{width: 280px; height: 320px;transition: all ease-out .8s; }
.pro_list li a:hover img{transform: scale(1.3, 1.3);}
.pro_list li span{display: block; width: 280px; height: 320px; position: absolute; left: 0; top: 0; z-index: 1; 
	background: url(../images/bg9.png) center top no-repeat;
	
	-webkit-transition: all 0.4s linear -1ms;-moz-transition: all 0.4s linear -1ms;-ms-transition: all 0.4s linear -1ms;
	-o-transition: all 0.4s linear -1ms;transition: all 0.4s linear -1ms;
}
.pro_list li a:hover span{background: url(../images/bg10.png) center top no-repeat;}
.pro_list li p{ text-align: center; font-size: 20px; line-height: 40px; margin-top: 10px;    -webkit-line-clamp: 1;}

/*----------------------------------  产品详情 -------------*/
.pro_de{ background: url(../images/bg19.jpg) #fff center top no-repeat;}

.pro_de .content{margin: 0 auto;min-width: 1024px;	width: 1024px;text-align: left;	position: relative;}
.pro_de_text .te_box{width:410px; height: 210px; background: url(../images/bg12.jpg) center top no-repeat; padding: 20px 30px;}
.pro_de_text .kefu{width: 140px; display: block; line-height: 40px;  border: 1px solid #333; border-radius: 5px; text-align: center; color:#333;
	float:left ;
}
.pro_de_text .kefu:hover{background: #a72632;color:#fff;border: 1px solid #fff;}
.pro_cipin{ background: url(../images/bg11.jpg) center center no-repeat;}
.pro_cipin p, .abpro_cipin p{font-size: 24px; width: 160px; margin: 0 auto; line-height: 50px; background: #fff; text-align: center;}
.abpro_cipin{ background: url(../images/bg13.jpg) center center no-repeat;}

.about_pro{background: #fff; width: 1140px;min-width: 1140px; margin: 30px auto 0 auto; padding: 20px;}
.about_pro .bd  li{ width: 250px; height: 350px; position: relative;float: left; margin:0 18px;
}
.about_pro .bd li a{ display: block;  width: 100%; height: 100%;}
.about_pro .bd  li .pic{width: 250px; height: 285px; overflow: hidden; }
.about_pro .bd  li img{width: 250px; height: 285px;transition: all ease-out .8s; }
.about_pro .bd li a:hover img{transform: scale(1.3, 1.3);}
.about_pro .bd  li span{display: block; width: 250px; height: 285px; position: absolute; left: 0; top: 0; z-index: 1; 
	background: url(../images/bg14.png) center top no-repeat;
	
	-webkit-transition: all 0.4s linear -1ms;-moz-transition: all 0.4s linear -1ms;-ms-transition: all 0.4s linear -1ms;
	-o-transition: all 0.4s linear -1ms;transition: all 0.4s linear -1ms;
}
.about_pro .bd  li a:hover span{background: url(../images/bg15.png) center top no-repeat;}
.about_pro .bd  li p{ text-align: center; font-size: 20px; line-height: 40px; margin-top: 10px;    -webkit-line-clamp: 1;}
.about_pro .hd{ text-align: center;}
.about_pro .hd li{display: inline-block;  width:20px; height:9px; overflow:hidden; margin:0 10px; text-indent:-999px; cursor:pointer; background:#999; }
.about_pro .hd li.on{background:#a2242f; }



/*----------------------------------新闻列表*/
.news_hot{ background:  url(../images/bg16.jpg) center top no-repeat;  position: relative;}
.news_hot li .pic{ width: 500px; height: 340px;}
.news_hot li .pic a{ display: block; width: 500px; height: 340px;}
.news_hot li .pic a img{  width: 100%; height: 100%;}
.news_hot li .title a{display: block; font-size: 18px; color: #d42620; margin-bottom: 10px; margin-top: 20px;
	-webkit-line-clamp: 1; line-height: 50px;height: 50px;
}
.news_hot li .title p{line-height: 24px;-webkit-line-clamp: 3;}
.news_hot .hd{ text-align: center; width: 530px; position: absolute; right: 0px; top: 270px;}
.news_hot .hd li{ float: left; display: inline-block;  width:20px; height:9px; overflow:hidden; margin:0 10px; text-indent:-999px; cursor:pointer; background:#999; }
.news_hot .hd li.on{background:#a2242f; }

.p_news_list li{ width: 550px; border-bottom: 1px solid #eee; margin: 10px 0; padding-bottom: 20px; }
.p_news_list li a{ display:block;background: #fff; padding: 10px 10px; }
.p_news_list li a:hover{ background: #eee;}
.p_news_list li .date {border-right: 1px solid #eee; }
.p_news_list li .text{width: 400px; }
.p_news_list li .text a{ font-size: 16px;}
.p_news_list li .text p{ font-size: 14px;color: #888; }
.p_news_list li .text h6{-webkit-line-clamp: 1; line-height: 34px;height: 34px; }

/*----------------------------------  新闻详情 -------------*/
.news_de_box{background: url(../images/bg2.jpg) repeat;}
.news_de_l { background: #fff;  padding: 40px;}
.news_de_l .text_info {
    border-bottom: 1px solid #f6f6f6;
}
.back{ display: block; width: 150px; line-height: 40px;height: 40px;  background: #eee; color: #333; float: right;    text-align: center;
	-moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; 
}
.back:hover{ background: #a72632; color: #fff;}
.news_link{ padding-top: 30px; border-top: 1px solid #eee; margin-top: 20px;}
.news_link p{ height: 40px;}
.news_link p a{-webkit-line-clamp: 1;}
.hot_news li .p1{ line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;  }
.hot_news li .img{ height: 230px;}

.news_de_r { background: #fff;  padding: 30px;width: 300px; }

/*---------------------------------- 联系详情 */
.contact_co{ padding: 10px 10px 10px 10px; }
.contact_co .box{ background: #fff;width: 500px; height: 630px; padding-top: 5px; padding-left: 5px; padding-right: 5px;}
#dituContent{ height: 630px;}
.co_r{ background: #fff;}
.co_r h5{ margin-bottom: 20px; padding-bottom: 10px; border-bottom:1px solid #f6f6f6; }
.co_r p.bto {line-height: 40px; font-size: 18px;}

.co_r .qq_name{display: block; width: 150px; line-height: 38px; text-align: center; background: #eee; float:left;color: #333;
}
.co_r .qq_name:hover{background: #a72632; color: #fff;}

/*--- 留言    ---*/
.messages .input{ border: none; background: #eee; line-height: 40px; }
.messages .textarea{border: none; background: #eee; line-height: 24px; height: 100px;
}
.messages .button_1_b{ display: block; width: 200px; line-height: 40px; color: #fff;background: #a72632;  text-align: center; margin-top: 20px; 
}
.messages .button_1_b:hover{background: #fd5970;color: #fff;}






/*------- 内页团队 ---------------------------*/
.te_list li{ width: 560px; float: left; margin-left: 20px; background: #f8f8fa; padding: 10px; margin-bottom: 20px;}
.te_list li:nth-child(odd){ margin-left: 0px;}


/*------- 内页合作客户 ---------------------------*/
.co_list li{ width:236px; float: left; margin: 10px;   text-align: center;}
.co_list li img{ width:100%; border: 1px solid #e2e2e2;background: #f8f8fa;}


/*------- 荣誉证书 ---------------------------*/
.ho_list li{ float:left;padding: 10px;width: 340px; text-align: center;}

.about1 li{float:left;padding: 10px;width: 320px; }

.show_list{float:left;padding: 10px;width: 320px; text-align: left;}
.show_list .pc24{font-size: 18px;margin-top: 10px;}








































