@charset "utf-8";
.head{ width: 100%; height: 80px; background: #e60012;    position: relative;z-index: 99;}
.h_tel p.p1{ line-height: 80px;font-size: 30px;font-family: "DIN"; padding-left: 40px;color: #fff;background: url(  ../images/icon1.jpg) left center no-repeat;}

/* -------------------------- 导航样式  --*/
.navBar {position: relative;z-index: 1;color: #fff;height:80px;line-height:80px; width:840px;
}
.nav li.m { width: 10%; float: left; position: relative; margin-left: 1.6%;}
.nav a{color: #f9e5e5;display: block;zoom: 1;_width:80px;_float:left;_display:inline-block;border: none;text-align: center; font-size: 1.14rem;
}
/*当前状态*/
.nav .cur .nava{color: #fff; border-bottom: 4px solid #ff0000;height: 76px;}
.nav h2 a:hover {color: #fff; border-bottom: 4px solid #ff0000;height: 76px;}
/*一级*/
.nav .sub {display: none; /*默认隐藏*/width: 130px;position: absolute;left: -20px;top: 80px;float: left;overflow:visible;
	_width:500%;_border-bottom:none;background: #eee; z-index:999999;}
.nav .sub li {text-align: center;}
.nav .sub li a { width: 100%; color: #333;display: block;;_width:100%;_float:left;_display:block; line-height: 45px;font-size: 14px; z-index:999999}
.nav .sub li a:hover{color: #fff;background: #e60012; }

/******************************************轮播****************************/
.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: 20px;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:400px;overflow:hidden;    text-align: center;
}
.page_banner {position:absolute;left:50%;margin-left:-960px;width:1920px;
}
.page_banner p{ position: absolute; width: 100%; line-height: 50px; margin-top: 10%;}
.page_banner_wrap span{ display: block; width: 100%; height: 70px; background: url(../images/bg8.png) center top no-repeat;
	position: absolute; left: 0; bottom: 0;z-index: 2;
}

/*----------------------- 首页产品 ----------------*/
.ind_pro{ background: #f6f6f6;}
.ind_pro_class li{  height: 40px; line-height: 40px;  text-align: center; font-size: 18px;
	display: inline-block; margin: 0 10px; padding:0px 2px;
}
.ind_pro_class li a{ display:inline-block;background-color: #c7f2c8;border-radius: 20px; color: #236a32; padding:0px 6px;}
.ind_pro_class li a:hover{ background-color: #e60012; color: #fff;}

.ind_pro_list li{ width: 380px; background-color: #fff; float: left; padding-bottom: 10px; margin: 10px 15px 15px 15px;}
.ind_pro_list li:nth-child(3), .ind_pro_list li:nth-child(6){ margin-right: 0;}
.ind_pro_list li:nth-child(1), .ind_pro_list li:nth-child(4){ margin-left: 0;}
.ind_pro_list li .img{ border: 10px  solid #fff;}
.ind_pro_list li img{ width: 380px; height: 380px;}
.ind_pro_list li p{ line-height: 40px;  text-align: center; font-size: 24px; margin: 10px 0;}
.ind_pro .more{ display: block;width: 400px; height: 60px;line-height: 60px; background-color: #e60012; text-align: center;color: #fff; font-size: 24px;
	border-radius: 30px; margin: 30px auto  10px auto;
}
.ind_pro .more img{ margin-left: 10px;}

/*----------------------- 首页荣誉 ----------------*/
.ind_ho{ background: #fff;}
.ind_ho_left{ overflow:hidden; position:relative; width:510px; height: 370px; padding: 40px ; float: left; background: url(../images/bg1.jpg) center no-repeat; margin-top: 20px;}
.ind_ho_left .bd{width:500px;  height:370px;  }
.ind_ho_left .bd ul{ text-align: center;overflow:hidden;  zoom:1; }
.ind_ho_left .bd ul li{  width:500px; height:370px; overflow:hidden; }

.ind_ho_r{ width: 480px; height: 355px; background-color: #f1fff1; float: right; margin-top: 46px; padding: 45px 10px 0 120px;}
.ind_ho_r ul li p{ line-height: 46px; font-size: 20px; padding-left: 25px; background: url(../images/bg2.png) left center no-repeat;  }
.ind_ho_r .more{ display: block;width: 230px; height: 50px;line-height: 50px; background-color: #e60012; text-align: center;color: #fff; font-size: 18px;
	border-radius: 30px; margin-top: 20px;
}
.ind_ho_r .more img{ margin-left: 10px;}


/*-----------------  首页关于 --------------------*/
.ind_about { background: url(../images/bg3.jpg) center top no-repeat;margin-top: 80px; height: 450px; padding-top: 50px;}
.ind_about .more{ display: block;width: 230px; height: 50px;line-height: 50px; background-color: #fff; text-align: center;color: #e60012; font-size: 18px;
	border-radius: 30px; margin-top: 20px;
}
.ind_about .more img{ margin-left: 10px;}
.ind_about video{ border: 3px solid #fff;background-color: #fff;}

/*-----------------  首页新闻 --------------------*/
.ind_news{ background-color: #f1fff1; padding: 30px 0;}
.ind_news_box{ background-color: #fff; width: 340px; padding: 10px 20px 20px 20px;}
.ind_news_box .h{ line-height: 70px;font-size: 24px;color: #e60012; border-bottom: 1px solid #e9e9e9; }
.ind_news_box .fist h3{  line-height: 24px;}
.ind_news_box .fist .pic{ width: 150px;height: 110px; }
.ind_news_box .fist .pic img{ width: 100%;height: 100%; }
.ind_news_box li{ line-height: 50px; font-size: 16px;}
.ind_news_box li a{display: block;line-height: 40px;height: 40px;width: 100%;}
.ind_news_box li a:hover{background-color: #eee; }
.ind_news_box li p{display: block;line-height: 40px;height: 40px;width: 230px;float: left;	overflow: hidden; }
.ind_news_box li span{float: right;margin-right: 15px; line-height: 40px;height: 40px;font-size: 12px;}
.ind_news_box .more{ display: block;width: 130px; height: 36px;line-height: 36px; background-color: #f1fff1; text-align: center;color: #e60012; font-size: 16px; border-radius: 30px;  margin-bottom: 10px;
}
.ind_news_box .more img{ margin-left: 5px;}
.ind_news .box1, .ind_news .box2{ margin-right: 30px;}

/*-----------------  底部留言 --------------------*/
.foot_me { padding: 50px 0; background:#fff}
.foot_me form .inputtxt{ background-color: #f6f6f6;width: 390px; line-height: 60px; padding: 0 20px;border-radius: 3px;}
.foot_me form .inputtxt input{height: 30px;line-height: 30px;width: 100%; background: none; border: none;}
.foot_me form .submit_a{display: block; height: 60px; line-height: 60px;  text-align: center; font-size: 18px; color: #fff;background: #e60012; border-radius: 2px;}
.foot_me form .submit_a:hover{background: #e60012; }
.foot_r .p1, .foot_r .p1 a{ color: #e7e3e3;}


/*---------------------------------------- 底部 ----------------------------*/
.foot{ background:#e60012; padding: 30px 0 40px 0;}
.foot li{ width: 110px; float: left; font-size: 18px;}
.foot li a{ display: block; color: #fff; line-height: 30px;}
.foot_tel {font-family: "DIN";}
.foot_r .p{color:#cecece; }




/*---------------------- 内页导航 ---------------------*/
.page_ti {position: absolute; width: 100%; top:80px;z-index: 1;}

.page_nav{position: absolute; width: 100%; top:240px;z-index: 1; width: 100%; height: 60px; padding: 10px 0;    text-align: center;}
.page_nav ul{text-align: center;}
.page_nav li{ margin: 0 10px; display: inline-block;width: 140px; height: 40px; line-height: 40px;  text-align: center; font-size: 18px; margin: 0 10px; }
.page_nav li a{ color: #666; display: block;  padding: 0 20px; font-size: 18px; line-height: 40px; background: #fff;
	-moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; 
}
.page_nav li a.cur, .page_nav li a:hover{color: #fff;  background: #e60012; }

.next_nav{ display: block; width: 200px; line-height: 50px; background: #eee; text-align: center; font-size: 24px;margin: 20px auto;
	-moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; 
}
.next_nav:hover{background: #222; color: #fff;}

/*--------------------------------------  内页产品 --------------------*/
.page_pro_menu{position: relative; width: 100%; margin-top: -150px;z-index: 1; 
 }
.page_pro_menu .page_pro_class{background: #fff; margin: 0 auto;  width:1160px;  padding: 20px;min-height: 106px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	-webkit-box-shadow: 3.42px 9.397px 20px 0px rgba(77,77,77,0.2);
    box-shadow: 3.42px 9.397px 20px 0px rgba(77,77,77,0.2);
}
.page_pro_class .page_pnav{ text-align: center;}
.page_pro_class li{  display: inline-block;  text-align: center; margin: 0 8px;}
.page_pro_class li h3{ padding-bottom: 15px;}
.page_pro_class li.cur h3{background: url(../images/bg5.png) center bottom no-repeat ;}
.page_pro_class li a{ display: block; background-color: #c7f2c8;color: #236a32; padding:0px 8px;border-radius: 20px;height: 40px; line-height: 40px; font-size: 16px;}
.page_pro_class li a:hover{  background-color: #236a32;color: #fff;}
.page_pro_class li.cur a{  background-color: #236a32;color: #fff;}

.page_pro_class .box{width: 1100px;margin: 0 auto  20px auto; padding: 20px; background-color: #f2f2f2;border-radius: 5px;}
.page_pro_class .box a{margin: 5px 5px 5px 0px;padding: 5px 0px 5px 5px; color: #ccc;display: inline-block;}
.page_pro_class .box a span{padding: 5px 10px;margin-right: 5px;color: #333;}
.page_pro_class .box a:hover span,.page_pro_class .box a span.cur{ background-color: #236a32;color: #fff;border-radius: 5px;}

.page_pro{background: #f6f6f6; }
.page_pro .ind_pro_list  li{ margin: 10px;}


/*----------------------------------  产品详情 -------------*/
.page_pro_de{ background: #f6f6f6;}
.pagepro_bg{background: #fff; margin-top: 30px; padding: 40px; margin-bottom: 10px;}
.pagepro_bg .pro_pic{ width: 400px; height: 400px;border: 1px solid #eee;}
.pagepro_bg .pro_pic img{ width: 100%; height: 100%;}
.crumbs {color: #828282;font-size: 12px;border-bottom: 1px solid #eee;padding-bottom: 20px;}
.crumbs a:link, .crumbs a:visited, .crumbs a:hover {color:#333;}
.crumbs a{font-size: 12px;color: #ccc;font-family:"Microsoft YaHei", Arial, Helvetica, sans-serif;margin:0 3px;}


.pro_nav{ background: #fff; text-align: center;}
.pro_nav li{ width: auto; display: inline-block; text-align: center;line-height: 44px;margin: 0px 20px;}
.pro_nav li a{ display: block; width: auto; padding: 0 20px;background:#eee; color: #666; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;  font-size: 18px;}
.pro_nav li a:hover{ display: block;background:#e60012; color: #fff;  }

.pro_text{ position: relative;  background: #fff;padding: 30px;}
.pro_text .main{min-width: 1140px;width: 1140px;}
.pro_text  span.pro_text_br{ display: block; width: 1140px; border-bottom: 1px solid #eee; position: absolute; top: 85px;}
.pro_text .pro_title{width: 180px;height: 50px;line-height: 50px;background: #fff;margin: 0 auto 20px auto;font-size: 36px;color: #333;text-align: center;}

/*--------------------------------------  内页关于 --------------------*/
.page_about{  background: #f6f6f6; width:100%;}
.page_about .page_text_main {  background: #fff; width:1200px; margin: 30px auto;}

/*--------------------------------------  内页案例 --------------------*/
.page_show{ background: #f6f6f6;}
.show_list li{ width:280px; background: #fff; float: left; margin: 10px;}
.show_list li .img{ width:260px; height: 200px; margin: 10px; }
.show_list li p{ line-height: 30px; font-size: 18px; text-align: center;margin: 10px 0;}


/*----------------------------------- 内页共用  ----*/
.map, .map a{ color: #999; line-height: 50px;height: 120px; }


/*----------------------------------新闻列表*/
.page_news{background: #f6f6f6;}
.news_list  li{width:560px; margin:10px 10px 10px 10px; float:left;  background: #fff; border-radius: 5px; }
.news_list  li a{display: block;padding: 10px 10px;}
.news_list  li .img{width:180px; height:135px;float:left;}
.news_list  li .text{width: 340px;height:135px;float: left;padding-left: 20px;background:#fff;}
.news_list  li h3{margin-bottom: 10px;font-size: 18px;    margin-top: 15px;}
.news_list  li a:hover { background: #eee;}
.news_list  li a:hover h3{color: #e60012;}
.news_list  li a:hover p{color: #e60012;}



/*----------------------------------  新闻详情 -------------*/
.news_de_box{background: #f7f7f7;}
.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: #24a0ff; color: #fff;}
.news_link{ padding-top: 30px; border-top: 1px solid #eee; margin-top: 30px;}
.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: 40px 30px;width: 300px; }

/*---------------------------------- 联系详情 */
.contact_co{ width: 100%; padding: 40px 0 40px 0; }
.contact_co .main{ background: #f1fbff; padding: 15px;}
.contact_co .box{ background: #fff;width: 660px; height: 440px; padding: 5px; }
#dituContent{ height: 440px;}
.co_r{ width: 510px; height: 450px; background: #fff; padding: 0px;}
.co_r h5{ margin-bottom: 10px; padding-bottom: 20px; }
.co_r h5 span{border-left: 3px solid #e60012;padding-left: 30px; }

.co_r .qq_name{display: block; width: 170px; line-height: 40px; text-align: center; background: #e60012; float:left;color: #fff;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
}
.co_r .qq_name:hover{background: #fd5970; color: #fff;}

/*--- 留言    ---*/
.messages .input{ border: none; background: #eee; line-height: 40px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.messages .textarea{border: none; background: #eee; line-height: 24px; height: 100px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
}
.messages .button_1_b{ display: block; width: 250px; line-height: 40px; color: #fff;background: #e60012;  text-align: center; margin-top: 20px; 
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
}
.messages .button_1_b:hover{background: #fd5970;color: #fff;}
.messages .al{background: #eee;line-height: 40px;padding: 0 10px;width:  250px;margin-top: 20px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; float: left;}

.coop{ background: #f6f6f6;}
.coop li{ width: 220px;height: 100px; float: left; background: #fff; margin: 10px;}
.coop li img{ width: 100%; height: 100%;}


/*--- 内容完善    ---*/
.pc_honnor{ background: url(../images/bg12.png) center top repeat-y;}
.pc_honnor li{ width: 100%; margin-bottom: 20px;}
.pc_honnor li h6{ font-size: 18px;}
.pc_honnor li .pctxt p{ font-size: 14px;color: #777;}
.pc_honnor li .l{float: left;width: 606px;padding-right: 594px;margin-bottom: 20px;text-align: right;}
.pc_honnor li .r{ float: right;width: 606px;padding-left: 594px;margin-bottom: 20px;text-align: left;}

.pc_honnor li .l .pctxt p{padding-right: 40px;}
.pc_honnor li .l h6{padding-right: 40px; background-image: url(../images/bg11.png); background-repeat: no-repeat; background-position: right 7px;	
}
.pc_honnor li .r .pctxt p{padding-left: 40px;}
.pc_honnor li .r h6{padding-left: 40px; background-image: url(../images/bg11.png); background-repeat: no-repeat; background-position: left 7px;	
}


.join_box2 li{ height: 80px; border-bottom: 1px solid #eee;}



/*--- 推广页    ---*/
.sem_box { width:100%; max-width:1290px; margin:0 auto;}
.sem_box img{ width:100%;}

.link{ width:1200px; margin:10px auto; color:#e7e3e3;}
.link a{ color:#e7e3e3; line-height:20px; margin-right:10px;}

.tec_list{margin: 10px 10px 10px 10px;background: #fff;border-radius: 5px;}
.tec_list ul{ padding-top:30px;}
.tec_list li{ width:90%; margin:0 auto; margin-top:20px; border-bottom: 1px dashed #ccc; margin-bottom:20px;}
.tec_list li .t{ line-height:30px;}
.tec_list li .t span{ float:right}
.tec_list li .t a{ font-size:22px; font-weight:bold; color:#008842;}
.tec_list li .t a:hover{ text-decoration:underline}
.tec_list li .con{ line-height:22px; color:#807D7D; padding:5px 0px; padding-bottom:10px;}