﻿@charset "utf-8";
@import url("../css/common/grid.css");/*网格*/
@import url("../css/common/layout.css");/*整体框架*/
@import url("../css/common/icon.css");/*图标*/
@import url("../css/navi/navi_02.css");/*02导航*/
@import url("../css/banner.css");/*幻灯片*/
@import url("../css/navi/classify_01.css");/*侧栏样式*/
@import url("../css/adorner/01/A_style.css");/*01装饰器*/
@import url("../css/adorner/02/A_style.css");/*02装饰器*/
@import url("../css/links.css");/*友情链接*/
@import url("../css/kefu.css");/*在线客服*/
@import url("../css/animate.min.css");/*缓效效果*/
@import url("../css/common/doc.css");/*自定义文档*/
@import url("../css/navi/classify_pro.css");/*自定义文档*/



/*头部
---------------------------------------------------------------*/
.ind_top .top_r{
	    width: 340px;
}
.ind_top .top_r a{
    font-size: 12px;
}
.head_box{position: relative;
    z-index: 10;
}
.ind_top{ width:100%; height:45px; line-height:45px; background:#f2f2f2; border-bottom:1px solid #ddd;
}
.ind_top span.p{ padding-left:30px; background: url(../img/ind_icon.png) 0 2px no-repeat; display:inline-block; height:45px; line-height:45px;     font-size: 14px;
}
.top_link{
	width: 210px;
    float: left;
}
.top_link span{ margin:0 10px; color:#ccc;
}
.head_weixin, .top_r .weibo {
    width: 30px;
    height: 40px;
    float: left;
    position: relative;
    z-index: 999;
}
.top_r .weibo {background:url(../img/ind_icon.png) -49px -57px  no-repeat;
    margin-right: 15px;
}
.head_weixin {
	background:url(../img/ind_icon.png) -97px -57px  no-repeat;
}
.head_erweima {
    width: 160px;
    height: 160px;
    position: relative;
    display: none;
    cursor: pointer;
    z-index: 999;
    background: #fff;
    padding: 5px;
    top: 40px;
    left: -50px;
    border: 1px solid #000;
}
.head_erweima img{
    width: 100%;
    height: 100%;
}
.head_a2 a{ display:block; width:110px; height:42px; text-align:center; line-height:42px; float:left; margin-right:10px; margin-top:40px; color:#fff;
}
.head_a2 a.a{ background:#ff675b; 
    box-shadow: 0px 5px 0px #e52718;
    border-radius: 6px;
}
.head_a2 a.a:hover{ height:44px; line-height:42px; background:#f45549;
    box-shadow: 0px 3px 0px #c3180a;
}
.head_a2 a.b{ background:#0088cc; 
    box-shadow: 0px 5px 0px #006394;
    border-radius: 6px;
}
.head_a2 a.b:hover{ height:44px; line-height:42px; background:#0380bf;
    box-shadow: 0px 3px 0px #015985;
}

/*
---------------------------------------------------------------首页关于我们三大块*/
.ind_abo_tab li{ width:350px;  float:left; position:relative; margin-right:10px;margin-top:10px;
}
.ind_abo_tab li .hide h3, .ind_abo_tab li .hide p{  color:#fff;
}
.ind_abo_tab li.li3{  margin-right:0px;
}
.ind_abo_tab .hide{position: absolute;
    left: 0px;
    bottom: 45px;    
	width: 330px;
    height: 120px;
	padding:0 10px;    
	background: rgba(0,0,0,0.6);
	}
.ind_abo_tab .hide span{ display:block; width:28px; height:28px; background:url(../img/icon3.png) no-repeat; position:absolute; right:10px; border:30px;
}


/*
---------------------------------------------------------------*/
.index_content { width:100%; background:url(../img/bg03.jpg) center top no-repeat; margin-top:20px;padding-bottom:30px;padding-top: 15px;
}
.ind_ho .con_title h2, .ind_ho .con_title p, .ind_course .con_title h2, .ind_course .con_title p{ color:#fff;
}
/*
---------------------------------------------------------------首页历程*/
.txtScroll-top{ overflow:hidden; position:relative;    }
.txtScroll-top .hd{ overflow:hidden;  height:19px; padding:0 10px;  }
.txtScroll-top .hd .prev,.txtScroll-top .hd .next{ display:block;  width:20px; height:19px; float:right; margin-right:5px; overflow:hidden;
	 cursor:pointer; float:left;}
.txtScroll-top .hd .next{ }
.txtScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; }
.txtScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.txtScroll-top .hd ul li.on{ background-position:0 0; }
.txtScroll-top .bd{ background:url(../img/bg06.png) 10px 0 no-repeat; padding-left:50px; height:250px; padding-top:20px; }
.txtScroll-top .infoList li{ height:50px; line-height:24px; color:#fff; margin-bottom:10px;}
.txtScroll-top .infoList li a{ color:#fff; }
.txtScroll-top .infoList li .date{color:#999;  }

/*----------------------------------------------------------- 遮罩层 */
.ind_pro_box .da-thumbs {
	list-style: none;
	width: 1080px;
	/* height: 200px; */
	position: relative;
	margin: 0;
	padding: 0;
	margin-bottom:20px;
}
.ind_pro_box .da-thumbs li {
	float: left;
	background: #fff;
	position: relative;
}
.ind_pro_box .da-thumbs li .ind_pro_box{
	margin-right:45px;
	margin-bottom:15px;
}
.ind_pro_box .da-thumbs li .ind_pro_box.last{
	margin-right:0px;
}
.ind_pro_box .da-thumbs li a,
.ind_pro_box .da-thumbs li a img {
	display: block;
	position: relative;
	width: 250px;
	height: 180px;
	object-fit: contain;
}
.ind_pro_box .da-thumbs li a {
	overflow: hidden;
}
.ind_pro_box .da-thumbs li a div {
	text-align:left;
	position: absolute;
	background: #095abe;
	background: rgba(4, 37, 197, 0.7);
	width: 230px;
	height: 160px;
	color:#fff;
	padding:10px;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden;
}
.ind_pro_box .da-thumbs li a div .more {
	display:block; width:50px; height:50px; background:url(../img/bg02.png) no-repeat; position:absolute; bottom:-40px; left:41%;
	opacity:0;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.ind_pro_box .da-thumbs li a div h3{ text-align:center; margin-top:40px; font-size:24px; font-weight:normal;}

.ind_pro_box .da-thumbs li a div:hover .more {
	bottom:40px;
	left:41%;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
	opacity:1;
}

/*首页产品
---------------------------------------------------------------*/
.ind_pro .title2{ width:100%; margin:20px auto; background: url(../img/bg08.png) repeat; padding:20px 0;
}
.ind_pro .title2 a{ display: inline-block; width:333.3px; float:left; color:#fff; font-size:18px;text-align: center;
}
.ind_pro .title2 a.a2,.ind_pro .title2 a.a3{ color:#b1b1b1;
}
.ind_pro .title2 a img{ display:block; margin:0 auto;
}

/* 切换图css */
.ind_a_l{ float:left;width:520px;}
.focusBox { position: relative; width:520px; height:300px; overflow: hidden; }
	.focusBox .pic{ position:relative; z-index:0; }
	.focusBox .pic img { width:520px; height:300px; display: block; }
	.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
	.focusBox .hd li{margin: 0 5px; background: url(../img/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;
		display:inline-block; *display:inline; zoom:1;  _background: url(../img/dot8.png) no-repeat 0 -16px;
	}
	.focusBox .hd .on{ background-position:0 0; }

	.focusBox .prev,
	.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../img/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
	.focusBox .prev { left: 0; }
	.focusBox .next { background-position: 0 -90px; right: 0; }
	.focusBox .prev:hover,
	.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }

.ind_a_r{ width:480px; height:260px; float:right; background:#fff; padding:20px 30px; position:relative;}	
.ind_a_r  .bt{ display:block; width:70px; height:3px; background:#8d8d8d; margin-top:50px; margin-bottom:10px;}
.ind_a_r .more{ display: block; width:80px; color:#1a4eb7; position:absolute; bottom:30px; right:20px ;font-size: 14px;
}
.ind_a_r .more span{ display: block; width:21px; height:21px; float:right; background:url(../img/icon5.png) -21px 0 no-repeat;
}
.ind_a_r:hover .more span{background:url(../img/icon5.png) 0px 0 no-repeat;
}
.ind_a_r .more span, .ind_a_r:hover .more span{-webkit-transition: all .2s;
    transition: all .2s;
	}
	
/*首页新闻
---------------------------------------------------------------*/
.ind_news{ position:relative; height:290px;}
.ind_news_bgl { width:50%; height:290px;float:left; position:absolute; left:0; top:0; z-index:1; background:#8e0202;
}
.ind_news_bgr { width:50%; height:290px;position:absolute; right:0; top:0; z-index:1; background:#023295;
}
.ind_news_l { width:50%; height:250px;position: relative; background: url(../img/bg05.jpg)#8e0202 right center no-repeat; padding:20px 0; float:left;
}
.ind_news_r { width:48%; height:250px;position:relative; background: url(../img/bg06.jpg)#023295 right center no-repeat; padding:20px 0px 0 20px; float:left;
}
.ind_news .main{ position:relative; z-index:2; height:290px;
}
.ind_news .main ul li{ line-height:30px;
}
.ind_news .main ul li, .ind_news .main ul li a{ color:#fff; font-size:14px;
}
.ind_news .main ul li span{ margin-right:10px; font-family:"宋体";
}
.ind_news .main ul li span.date{ margin-right:15px; float:right; font-family:"宋体";
}
.ind_news .main  a.more{ margin-right:15px; float:right; font-size:20px; font-family:Arial; color:#fff; position:absolute; bottom:40px; right:10px; line-height:28px;
}
.ind_news .main  a.more span{ display:block; width:28px; height:28px; background:url(../img/icon3.png) no-repeat; float:right; margin-left:10px;
}
/*首页实力
---------------------------------------------------------------*/
.ind_strength { width:100%; padding:10px 0; padding-top:30px;
}
.ind_strength .title2 h2{ text-align: center; color:#e50012; font-size:24px;
}
.ind_strength .title2 p{ color:#999;
}
.ind_strength ul li{ 
    width: 310px;
	height:140px;
	padding-right:50px;
    float: left;
	margin-bottom:30px;
}
.ind_strength ul li h3{ 
	 font-size:18px;
}
.ind_strength ul li p{ 
	 font-size:16px;
	 color:#5a5a5a;
}
.ind_strength ul li img{ margin-top:0px;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.ind_strength ul li:hover img{ margin-top:-20px;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

/*返回顶部
--------------------------------------------------------------------*/
.izl-rmenu{position:fixed; right:0; margin-right:20px; bottom:20px; padding-bottom:20px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-180px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}


/*----------------------------------------------底部*/
.foot_bg{ width:100%; background:#232323; padding:20px 0;float:left;
}
.footer ul li{float:left; color:#989898; text-align:left; width:100px; margin-right:10px;
}
.footer ul li h3 a{ color:#fff; font-size:18px; font-weight:normal; margin-bottom:10px;
    padding-left: 0px;
	background:none;
}
.footer ul li.li_7{width:420px; float:right;
    color: #fff;
}
.footer ul li.li_7 p{
    color: #fff;
}
.footer ul li a{ display:block; color:#929292;
    line-height: 24px;	
    padding-left: 20px;
	background: url(../../img/bg15.jpg)left center no-repeat;
}
.copy{ margin-top:20px; padding-top:10px; border-top:1px solid #353535;}
.copy, .copy a, .footer_fx span, .copy_text p { color:#c2c2c2;font-size:12px; line-height:30px;}
.copy .link{ text-align:center; color:#fff;
}
.copy .link span{margin:0 10px;color:#4b4b4b;
}
.footer ul li#li_7{display: none;}
/*----------------------------------------------分享样式*/
.footer_fx{
	width: 345px;
	}
.footer_fx .bshare-custom.icon-medium-plus a{
	display: inline-block;
	height: 36px;
	width: 38px;
	padding:0px;
	margin-right:16px;
	}
.footer_fx .bshare-custom.icon-medium-plus a{	
filter:alpha(opacity=50); 
    -moz-opacity:0.5; 
    opacity:0.5;
}
.footer_fx .bshare-custom.icon-medium-plus a:hover{
	filter:alpha(opacity=100); 
    -moz-opacity:1; 
    opacity:1;
	-webkit-transition: all 0.2s linear -1ms;
	-moz-transition: all 0.2s linear -1ms;
	-ms-transition: all 0.24s linear -1ms;
	-o-transition: all 0.2s linear -1ms;
	transition: all 0.2s linear -1ms;
	}
.footer_fx .bshare-custom.icon-medium-plus .bshare-sinaminiblog{
	background: url(../img/icon13.png) -53px 0 no-repeat;
	}
.footer_fx .bshare-custom.icon-medium-plus .bshare-weixin.pengyouquan{
	background: url(../img/icon13.png) -106px 0 no-repeat;
	}
.footer_fx .bshare-custom.icon-medium-plus .bshare-weixin{
	background: url(../img/icon13.png) -212px 0 no-repeat;
	}
.footer_fx .bshare-custom.icon-medium-plus .bshare-qzone{
	background: url(../img/icon13.png) -159px 0 no-repeat;
	}
.footer_fx .bshare-custom.icon-medium-plus .bshare-douban{
	background: url(../img/icon13.png) 0px 0 no-repeat;
	}

.page_banner .text {    
	position: absolute;
    top: 20%;
    left: 45%;
    z-index: 9;
    color: #fff;
	}
	.page_banner .text h2 { font-size:24px; color:#fff; margin-bottom:20px;
    display: none;
	}
	.page_banner .text p { font-size:14px; color:#fff; font-family:Arial;
	}



/*----------------------------------------------内页*/
.factory_text .focusBox{width: 50%; height: auto; float:left;
	}
.factory_text .focusBox .pic img {
    width: 100%;
    height: auto;
}
.factory_text_l{width: 45%; margin-left:5%;}

/*----------------------------------------------证书样式*/
.honor_list .bd 
{
    width:100%;
    float:left;
}
.honor_list .picScroll .bd ul
{
    float:left;
}
.honor_list .picScroll .scrollWrap
{
    width:100%;
    float:left;
    margin-left:0px;
}
.honor_list .bd  li .pic img{
    border: 1px solid #ddd;
    background: #ccc;
  padding:10px;
}
/*新闻
---------------------------------------------------------------*/
.ind_news_box .news1 a{ background: url(../img/bg08.png) #24bfa5 right center no-repeat;
}
.ind_news_box .news2 a{ background: url(../img/bg08.png) #01af63 right center no-repeat;
}
.ind_news_list{ width:900px; float:right;}
.ind_news_list li{ width:280px; float:left; margin-right:30px;}
.ind_news_list li.last{  margin-right:0px;
}
.ind_news_list li .img{ width:100%; height:140px; overflow:hidden; display:block;margin-bottom:10px;}
.ind_news_list li .img img{ width:100%; height:140px;
} 
.ind_news_list li h3{ margin-bottom:10px; font-weight:normal; font-size:13px;}
.ind_news_list li p{ margin-bottom:10px; }
.ind_news_list .news_nubmer, .ind_news_list .news_date, .ind_news_list .more { line-height:20px; color:#666;
}
.ind_news_list .news_nubmer { padding-left:30px; background:url(../img/bg10.png)0 0 no-repeat; padding-right:10px;
}
.ind_news_list .news_date { padding-left:30px; background:url(../img/bg10.png)0 -20px no-repeat;
}
.ind_news_list .more { padding-left:30px; background:url(../img/bg10.png)0 -40px no-repeat;
}
/*
-----------------------------------新闻内页*/
.news_list .ind_news_list{ width:830px;}
.news_list .ind_news_list li {
    width: 250px;
    margin-right: 20px;
	margin-bottom: 30px;
}
.news_list .ind_news_list li .img, .news_list .ind_news_list li .img img {
        height: 155px;
}
.news_detal_R {margin-top: 50px;}
.news_related a{ display:block; color:#666; margin:10px 0; text-align:left; line-height:30px; font-size:13px;}
.ind_news_list li .img img {
    width: 100%;
    height: 140px;
}

/*-------------------------------------------留言*/
.mess_box {
	    width: 830px; 
    float: right;
	}

/*-------------------------------------------视频*/
.ind_video {
    padding: 10px 0;
    width: 100%;
    text-align: center;
}
.ind_video a{
    display: block;
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}
.ind_video a img{
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
}

.page_share{
	    padding: 0;
}

.page_share #bdshare{
	    margin-bottom: 0;
}

.page_share a.button_1_s {
	float: right;
	padding: 5px 20px;
	margin: 0 0 10px 0;

}