@charset "utf-8";


/*大图*/
.banner_Img{background-size: cover !important; height: 350px;}
.w1200{width:1200px; margin: 0 auto;}

/*当前位置*/
.seat{ float: left; width: 309px; position: relative;z-index: 3;}
.position_ { width: 1200px; margin: 0 auto;line-height:60px;color: #999;position: relative;}
.seat_L{ width:100%;}
.seat_L h3{ color:#fff; font-size:28px; line-height: 55px; float: left; background-color: #333; background:rgba(0, 0, 0, 0.6)!important;
filter:Alpha(opacity=60);width: 100%; margin-top: -55px; text-indent: 10px; position: relative}
.seat_L i{ font-style:normal;}
.position_ a.default{ display: inline-block;*display:inline;*zoom:1;position: relative;top: 3px;}
.position_ .default{ width: 22px;height: 18px;background: url(../images/hone.png) no-repeat center center;}
.position_ .default:hover{background: url(../images/hone2.png) no-repeat center center;}
.position_ .gt{ font-family:\5B8B\4F53;}
.position_ a{ color: #333;}
.position_ a:hover{color: #005BAC;}
.position_menu{float: right;z-index: 2; background-color: #f2f2f2;}
.position{position: relative;}
.nav_li{width:309px;text-align:left; text-indent: 15px; position: relative; float: left;border-bottom: 1px solid #ccc;
    box-shadow: 0 1px 0 #fff;}
.nav_li>a{display: block;color: #666;width: 100%;font-size: 14px;line-height:55px;position: relative;transition:all 200ms;height:55px;overflow: hidden;}
.nav_li a>span{position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;}
.nav_li a>span:hover{color: #fff;}
.nav_li a>.bkg,.position li.on{top: 100%;  z-index: 0;background: #45308a; -webkit-transition: top 200ms; transition: top 200ms; }
.nav li a.on .bkg, .position li:hover a .bkg{top: 0;}
.nav li:hover a,.position li.on a{color: #fff;}
.item {position: absolute;top: 100%; width: 100%; right:0px;background-color: #4c4a4f;overflow: hidden;-webkit-transition: top 300ms;transition: top 300ms;display: none;z-index: 4;}
.item a {float: left; width: 100%; border-bottom: #ddd 1px dashed;padding: 0 20px;font-size: 12px;line-height:45px;color: #fff;    -webkit-transition: color 300ms;    transition: color 300ms;}
.item a:hover {color: #faf43d!important;}
.item.pro_menu1{left:0px; z-index: 999}
.item.pro_menu2{left:0px; z-index: 999}
.item.pro_menu3{left:0px; z-index: 999}
.item.pro_menu4{left:0px; z-index: 999}
.item.pro_menu5{right:0px; z-index: 999}
.item.pro_menu6{right:0px; z-index: 999}
.item.pro_menu7{right:0px; z-index: 999}


.about2,.photoLi2,.newsLi,.main,.paperLi2,.warp,.paperLi,.job,.message,.contact,.pro_List_box{ width:840px; padding: 50px; padding-right: 0; border-left: #ddd 1px solid; float: right;}
.about2 p{ line-height:240%;}
.about2 img{max-width: 100%; margin: 20px 0}

.photoLi2 dl {
    float: left;
    width: 102%;
}

.photoLi2 dl dd {
    float: left;
    margin-bottom: 1.5%;
    margin-right: 2%;
    width:31.3%;
}

.photoLi2 dl dd img {
    height: 170px;
    width: 100%;
}

.photoLi2 dl dd p {
    line-height: 30px;
    text-align: center;
}
/*产品列表*/
.pro_List{ width:1200px; margin: 0 auto; overflow: hidden;}

.pro_List_top{position: relative; padding-bottom:30px;}
.swiper-container{margin: 0 auto; position: relative; overflow: hidden; width: 100%; height: 100%; z-index: 1}
.swiper-wrapper{position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box}
.swiper-slide{-webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%;position: relative}
.b_img{width:500px;}
.b_img img{ width: 500px; height: 350px;}
.b_details{width:560px;}
.group{border-bottom: 1px dashed #e5e5e5; padding-bottom: 20px; margin-top: 8px;}
.b_details h2{margin-top: -12px; font-size: 22px; line-height: 45px; color: #0057a5}
.b_details .group p{ line-height: 30px;}
.b_details .group  h3{color: #666; text-align:left; line-height: 25px;}
.b_details .pro_r_text{line-height: 28px;}
.b_details .pro_r_text span{display: block; color: #404040;  font-size: 14px !important;}
.b_details .pro_r_text i{width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid transparent; border-left: 5px solid #770a1a; position: absolute; right: -9px; top: 13px;}
.pro_li_more{ margin-top: 20px; width: 100%;}
.pro_li_more a{ color:#c82126}
.swiper-button-next, .swiper-button-prev{width: 32px !important;}

.indexCon{width:500px;overflow:hidden;}
.indexCon .flashBanner{width:500px;height:430px;overflow:hidden;}
.flashBanner{position:relative;}
.flashBanner .mask{height:80px;line-height:80px;background-color:#000;width:100%;text-align:right;
	position:absolute;left:0;bottom:-32px;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;overflow:hidden;}
.flashBanner .mask img{vertical-align:middle;margin-right:10px; width: 70px; height: 50px; cursor:pointer;}
.flashBanner .mask img.show{margin-bottom:3px;}
img{border:0 none;}
/*small img*/
.pro_List_bot{ margin: 0 auto; position: relative}
.l_banner{width: 1200px; height: 100%; margin: 0 auto; padding-top:30px;}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity: .35; cursor: auto; pointer-events: none}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background: url(../images/prev1.png) no-repeat; left: -50px; right: auto}
.swiper-button-next,.swiper-button-prev{position: absolute; top: 50%; left: -45px; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-position: center; background-repeat: no-repeat}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background: url(../images/next1.png) no-repeat; right: 55px; left: auto}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate(0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0)}
.f_img{width: 260px; height: 180px; float: left;}
.f_img img{ width:260px; height: 150px;}
.f_img p{font-size: 12px;line-height: 30px;text-align: center;color: #666;}
.swiper-button-next, .swiper-button-prev{width: 45px !important;}
.pro_List_bot .prev{background: url("../images/prev1.png") no-repeat center !important; left: -50px !important; top:45% !important;}
.pro_List_bot .next{background: url("../images/next1.png") no-repeat center !important; right: -50px !important; top:45% !important;}

/*分页*/
.fenye{ text-align: center; padding:60px 0; width: 100%; overflow: hidden}
.fenye a.fenye_prev{background: url(../images/pa1.png) no-repeat #fff center;}
.fenye a.fenye_next{background: url(../images/pa2.png) no-repeat #fff center;}
.fenye a{color: #666; background-color: #fff; font-size: 12px;font-family: arial; margin: 0 8px; display: inline-block;*display: inline;*zoom: 1; width:45px; height:45px;text-align: center;line-height:45px;border: 1px solid #e6e6e6;}
.fenye a.now,.fenye a:hover{ color: #fff;background-color: #014099 !important;border-color: #014099;}

/*产品滚动图*/
#feature {POSITION: relative;width:1200px; height: 240px; margin:0 auto; margin-top: 50px; padding:50px 0; background-color: #fff;-moz-box-shadow:5px 5px 15px #999; -webkit-box-shadow:5px 5px 15px #999; box-shadow:5px 5px 15px #999; }
#feature .prev { text-indent: -9999px; width:45px; display: block; background: url(../images/prev1.png) center top; float: left; height: 48px;top: -125px; left: 0px; position: relative;}
#feature .next {text-indent: -9999px; width: 45px; display: block; background:url(../images/next1.png) center top; float: right; height: 48px;top: -125px; right: 0px; position: relative;}
#feature .prev:hover,#feature .next:hover { background-position:center bottom}
.featureUL { padding:0px;list-style-type:none; margin: 0px;width: 2800px;float: left;}
.featureBox {width: 255px; margin:0 10px; display:inline;background-repeat:no-repeat; float: left;overflow: hidden; padding-top: 10px;}
.featureBox span{ float:left; width:255px; text-align:center; line-height:40px;}
#botton-scroll {margin: 0px auto;float: left;}
#block {margin: 0px auto;width:1100px; height:240px;overflow: hidden;}

#fancybox-overlay {	position: fixed;	top: 0;	left: 0;	bottom: 0;	right: 0;	background: #000;	z-index: 1100;	display: none;}
* html #fancybox-overlay {position: absolute;	width: 100%;}
#fancybox-tmp {	padding: 0;	margin: 0;	border: 0;	overflow: auto;	display: none;}
#fancybox-wrap {	position: absolute;	top: 0;	left: 0;	margin: 0;	padding: 20px;	z-index: 1101;	display: none;}
#fancybox-outer {	position: relative;	width: 100%;	height: 100%;	background: #FFF;}
#fancybox-inner {	position: absolute;	top: 0;	left: 0;	width: 1px;	height: 1px;	padding: 0;	margin: 0;	outline: none;	overflow: hidden;}
#fancybox-hide-sel-frame {	position: absolute;	top: 0;	left: 0;width: 100%;height: 100%;	background: transparent;}
#fancybox-close {position: absolute;top: -15px;right: -15px;width: 30px;height: 30px;background-image: url('../images/fancybox.png');background-position: -40px 0px;cursor: pointer;z-index: 1103;	display: none;}
#fancybox-img {	width: 100%;height: 100%;	padding: 0;	margin: 0;	border: none;	outline: none;	line-height: 0;	vertical-align: top;	-ms-interpolation-mode: bicubic;}
.fancybox-ie #fancybox-close{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_close.png', sizingMethod='scale'); }

/*产品说明*/
.pro_box_tit{ background:url(../images/pro_about_title_bg.png) repeat-y; position: relative;}
.pro_box_tit h3{ width:1200px; margin: 0 auto;color: #fff; font-weight: bold;font-size: 25px;padding: 42px 0 30px 0;line-height: 26px;}
.pro_box_tit ul{ width:1200px; margin: 0 auto;}
.pro_box_tit ul li{cursor: pointer; float: left; width: 24%; margin-right: 1%; line-height:55px;text-align: center;}
.pro_box_tit ul li a{ display: block;background:#333;color: #fff; font-size: 16px;}
.pro_box_tit ul li.on a{background: #fff;color:#014099; font-size: 22px;}
.pro_box_text{ width:1100px; background-color: #fff; padding: 50px; margin: 0 auto;  overflow: hidden;-moz-box-shadow:5px 5px 15px #999; -webkit-box-shadow:5px 5px 15px #999; box-shadow:5px 5px 15px #999;}
.pro_box_text dl dd{ display: none; color: #666; font-size: 14px; line-height: 28px;}
.pro_box_text dl dd>h4{color: #404040; font-size: 16px; font-weight: bold;}
.pro_box_text dl{}
.pro_box_text dl dd img{max-width:100%;}

/*新闻列表*/

.newsLi2{
    float: left;
    width:840px;}
.newsLi dl dd,.newsLi2 dl dd{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px dashed #ddd;}
.newsLi dl dd a,.newsLi2 dl dd a{ display: block;overflow: hidden;}
.newsLi dl dd a:hover,.newsLi2 dl dd a:hover{ color:#dc2b31 }
.newsLi dl dd .newsLi_Img{width: 240px; float: left;}
.newsLi dl dd .newsLi_Img img{ width:240px; height:150px; }
.newsLi dl dd .newsLi_txt{ float:right; width:680px;}
.newsLi2 dl dd .newsLi_txt{ float:left; text-indent: 2em;}
.list_time{flaot:left; margin-top: 10px; text-indent: 0px;}
.list_time span{float:left; line-height: 25px; width: 100%; text-align: center}
.list_time .list_date{color: #b9b9b9; display: block;font-size: 28px;    line-height: 22px;    text-align: center;}
.list_time .list_year{font-size:20px;}
.list_time .list_year,.list_time .list_num  {color: #a0a0a0; display: block;  line-height:35px; font-weight: normal;}

.newsLi dl dd .newsLi_txt h3,.newsLi dl dd .newsLi_txt2 h3,.newsLi2 dl dd .newsLi_txt h3{color: #333;font-size:18px;line-height:25px;overflow: hidden;}
.newsLi2 dl dd .newsLi_txt h3{color: #333;font-size:16px; font-weight: 700; text-indent: 0px; line-height:25px;overflow: hidden;}
.newsLi dl dd .newsLi_txt h3{ background:url(../images/dot.gif) no-repeat left 10px ; padding-left:15px;}
.newsLi dl dd .newsLi_txt .time,.newsLi dl dd .newsLi_txt2 p{color: #999;line-height: 18px;}
.newsLi dl dd .newsLi_txt .time span{ display: inline-block; margin-left: 15px;}
.newsLi dl dd .newsLi_txt .txt,.newsLi dl dd .newsLi_txt2 .txt,.newsLi2 dl dd .newsLi_txt .txt{ line-height: 23px;overflow: hidden; font-size: 14px;color: #666;margin: 10px 0 10px 0;}
.newsLi dl dd .newsLi_txt .more,.newsLi dl dd .newsLi_txt2 .more{color:#fff;text-align: center;padding: 0 27px;line-height: 30px;font-size: 12px;background: #999;display: inline-block;transition: 0.3s;-webkit-transition: 0.3s;}
.newsLi dl dd .newsLi_txt .more img,.newsLi dl dd .newsLi_txt2 .more img{ position: relative;top: -1px;margin-left: 5px;}
.newsLi dl dd .newsLi_txt .more:hover,.newsLi dl dd .newsLi_txt2 .more:hover{background:#014099 ;}
.newsLi dl dd .newsLi_txt i{float:right;font-style: normal}
.newsLi dl dd .newsLi_txt2{float:right; width:100%;}
.newsLi dl dd .newsLi_txt h3:hover,.newsLi dl dd .newsLi_txt2 h3:hover,.newsLi2 dl dd .newsLi_txt h3:hover{color:#D0080B}

/*新闻详情*/
.art_Title{border-bottom: 1px solid #a1a1a1;padding-bottom:10px; margin-bottom: 20px;}
.art_Title h1{text-align:left;font-size:22px; font-weight: 700; color: #333; line-height:45px;}
.art_Title_info{ color: #999}
.art_text{line-height:28px;}
.art_text p{text-indent: 2em}
.art_text img{ max-width:800px;}
.prev-next {width:100%; margin: 0 auto;margin-top: 30px;border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; line-height:40px; margin-bottom: 30px; text-align: center;}
.prev-next a {color: #666; font-size: 12px;}
.prev-next a:hover {color:#0057a5;}

/*高科建材报*/
.right_paper{float:right; width:280px;}
.right_paper h3{line-height:45px; border-bottom: 1px solid #ddd; font-size: 20px;}
.right_paper h3 a{float:right; font-size: 12px;}
.right_paper dl{float:left; margin-top: 20px;}
.right_paper dl dt img{width:280px; height: 201px; float: left; margin-bottom: 20px;}
.right_paper dl dd{line-height:28px; height: 28px; width: 100%; float: left; overflow: hidden}
.paperLi dl,.paperLi2 dl{width:102%; float: left}
.paperLi dl dd,.paperLi2 dl dd{ width:29.8%;padding: 1%;border:1px solid #ccc; position: relative; margin-right: 1%; margin-bottom: 1%; display: inline; float: left;}
.paperLi dl dd .paperLi_Img{width:100px; float: left;}
.paperLi dl dd .paperLi_Img img{ width: 100px;}
.paperLi_txt{ }
.paperLi_txt h3{line-height:35px; font-weight: 700; color: #fff; position: absolute; left: 0px; top: 0px; background-color: #b20000; padding: 0 8px;}
.paper_dy{ margin-top:10px; line-height: 23px; font-size: 12px;}
.paper_dy li{ font-size: 12px; margin-top: 10px; color: #666; list-style-type:circle}
.paperLi dl dd .paperLi_Img a{width:100px;background:#c82126; display: block; line-height:45px; color: #fff; text-align: center; float: left;}
.paperLi dl dd .paperLi_Img a:hover{ background:#014099 !important;}

/*旗下产业*/

.company h1,.about h1{ line-height:55px;border-bottom: 1px solid #ededed; font-size:28px; margin-bottom: 50px;}
.company h1 a{ float:right; font-size: 12px; color: #0057a5}
.company_txt{ width:1000px; margin: 0 auto; padding-bottom: 50px; overflow: hidden;}
.company_txt img{ width:260px; float: left;}
.company p{ float: right; width: 640px; line-height:30px; margin-top: 10px; text-indent: 2em;}

/*网站地图*/
.sitemap_li{border-bottom: 1px dashed #ddd;padding-bottom:10px; margin-top: 30px;}
.sitemap_li h1{ width:120px; background: #c82126; line-height:40px; font-size: 16px; text-align: center}
.sitemap_li h1 a{ color: #fff}
.sitemap_li li,.sitemap_li dl dd{float:left;padding-right:26px; line-height:35px; margin-top:20px; color:#333; }
.sitemap_li li a{ }
.sitemap_li li a:hover{color: #0192E2;}
.sitemap_li dl{ margin-top:10px; float: left; width: 100%;}
.sitemap_li dl dt{ width: 100%; display: block; font-weight: 700; line-height: 30px; float: left}
.sitemap_li dl dd{ margin-top:5px;}

/*联系我们*/

.contact .fl{ width:520px;border-right: 1px solid #ddd; padding-right: 20px;}
.contact .fl img{width:100%;}
.contact .fr{ width:280px;}
.contact .fr .fr_com{ border-bottom: #ddd 1px solid; padding-bottom:6px; margin-bottom:8px;}
.contact .fr .fr_com h2{ line-height:30px; text-indent: 5px; color: #333; background-color: #f5f5f5;}
.contact .fr .fr_com p{line-height:25px; font-size: 12px;}


/* 在线留言 */
.message form{ float: left; width:660px;}
.message p{ margin-top:25px; line-height: 40px;}
 input, textarea,select { padding:15px;     border: solid 1px #E5E5E5; outline: 0;     width:500px;     background: #FFFFFF;     } 
textarea {   width:500px;height: 150px;line-height: 150%;     } 
 
input:hover, textarea:hover, input:focus, textarea:focus {  background-color: #f6f6f6;    border-color: #C9C9C9;   } 
.form label { float: left; width: 100px;  font-size: 16px; text-align: right; margin-right:20px; color: #999999;     } 
   
.submit input {     width: auto;     padding:20px 30px;     background:#0057a5;     border: 0;     font-size: 16px;     color: #FFFFFF; 	cursor: pointer;    }
.submit input:hover{ background:#5941a5}
.submit{  margin-left:120px;}
.message_r{ float: right; width:340px; }
.message_r h3{ line-height:55px; font-size: 24px; margin-top: 20px; border-bottom: #ddd 1px solid}
.message_r p{ line-height:30px; margin-top:20px;}

/*公司简介*/
.about,.company,.market,.photoLi{ width:1200px; margin: 0 auto; margin-top: 60px; background-color: #fff; overflow: hidden;}
.about img{ max-width:100%; margin: 10px 0;}
.about p{line-height:28px;text-indent: 2em;}
.about_r{ width:340px;}
.about_r .video{ width:340px; height: 220px;}

.company{width:1000px;}
/*招聘*/
.job_l{ width:240px; }
.job_l h3{ line-height:55px;}
.job_l p{line-height:26px; margin-bottom: 10px; font-size: 12px;}
.job_l p strong{  background:#666; padding:5px 15px; color: #fff!important }

.job_r a:hover{ color: #fc0}
.job_r{ width:760px;border-left: 1px solid #ddd; padding-left:50px;}
.job_l h3,.job_r_1 h3{ line-height:35px; font-size: 24px; color: #333; font-weight: 700; border-bottom: #ddd 1px solid; padding-bottom: 10px; margin-bottom: 30px;}
.job_li{border-bottom:1px solid #ddd; padding-bottom: 10px; margin-bottom: 20px;}
.job_li h4{ font-size:18px; margin-bottom: 10px; color: #333333}
.job_li h4 a{ float:right; color: #fff; padding:3px 8px; font-size: 12px; margin-top: 5px; background-color: #906}
.job_li_t{background-color: #f4f4f4;padding:10px 20px; overflow: hidden;}
.job_li_t li{ float:left;width: 33.3%; line-height: 30px;}
.job_li p{ line-height:25px; margin-top: 8px;}
.job_form form{ width:760px;}
.job_form form p{ margin-top:25px; line-height: 40px;}
.job_form form p input{ width:150px;}
.job_form form p select{ width:180px;}

/*市场网络*/
.market img{ margin:0px;}
.map{
    float: left;
    margin: 0 auto;
    position: relative;
    width: 720px;}
.map a{ color:#5b5a5a; font-size:14px; text-decoration:none;}
.map a:hover{ color:#fff;}
.citybg{ position:absolute; display:none; z-index:3; }
.city a.active .citybg{ display:block; z-index:3;}

.map_txt{float: right; background-color: #f6f6f6; padding:20px; margin-top: 180px; width: 200px;}
.map_txt h3{ font-size: 16px; line-height: 45px; border-bottom: #ddd 1px solid; margin-bottom: 20px; font-weight: 700}
.map_txt p{line-height:30px; font-size: 14px; float: left}

.photoLi dl{ float:left; width: 102%;}
.photoLi dl dd{ width:23%; margin-right:2%; margin-bottom: 1.5%; float: left;}
.photoLi dl dd img{ width:100%;height: 170px;}
.photoLi dl dd p{ text-align: center; line-height: 30px;}

