﻿/*@import "/Skins/Default/resetcommon.css";*/
/*index.css start*/
@charset "utf-8";

/*banner*/
.fullSlide {width:100%;position:relative;height:768px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:768px;overflow:hidden;text-align:center; background-position:center top;background-repeat:no-repeat;}
.fullSlide .bd li a {display:block;height:768px;}

.fullSlide .hd {position:absolute; z-index:7; bottom:35px; left:47%; padding:5px 6px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li{border-radius:14px;width:18px;height:18px; color:#eee;  background:#eee; float:left; cursor: pointer;display:block;margin-left: 5px;
                  transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s;
                  -moz-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Firefox 4 */
                  -webkit-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Safari and Chrome */ -o-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Opera */}
.fullSlide .hd ul .on{background:#c91f20; color:#c91f20;}
.fullSlide .prev,.fullSlide .next {	display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;width:81px; height:80px;}
.fullSlide .prev{ background:url(img/Index/left1s.png) no-repeat;}
.fullSlide .next {left:auto;right:5%;background:url(img/Index/right1s.png) no-repeat;}


/*common样式开始*/

/*杭州一体化建筑材料*/
.bz { padding:60px 0 0;}
.bz_top { text-align:center; line-height:40px; font-size:30px; padding-bottom:30px; font-weight:bold;}
.bz_top a { color:#666;}
.bz_top a em { color:#c91f20}

.bz_nav { padding:0 0 0 402px;}
.bz_nav ul li { float:left; margin-right:18px;}
.bz_nav ul li a { border:solid 1px #a0a0a0; width:118px; height:32px; line-height:32px; text-align:center; font-size:18px; color:#666; display:block; border-radius:3px;}
.bz_nav ul li a:hover,.bz_nav ul .cur a { background:#c91f20; border:solid 1px #c91f20; color:#fff;}

.bz_con { padding:65px 0 0;}
.bz_con dl dt { float:left;}
.bz_con dl dt img { width:244px; height:345px; border:solid 6px #666;}
.bz_con dl dd { float:left; width:280px; padding:120px 0 0 36px;}
.bz_con dl dd em { display:block; font-size:16px; color:#666; margin-bottom:30px;}
.bz_con dl dd b { display:block; font-size:18px; color:#c91f20; margin-bottom:22px;}
.bz_con dl dd span { display:block; font-size:14px; color:#666; line-height:24px;}
.bz_dl02 { float:right}
.bz_con dl dd .bz_b02 { color:#000}

/*观看视频*/
.sp_bg { background:#eee; margin:48px 0 0; padding:75px 0 50px;}
.sp_con { width:776px; margin:0 auto;}
.sp_con span { display:block; text-align:center; padding:35px 0 0;}
.sp_con span a { color:#c91f20}

/**/
.zx { padding:100px 0 0;}
.zx_con { padding:50px 0 0;}
.zx_con p { width:400px; float:left;}
.zx_con p em { display:block; height:25px; border-bottom:solid 1px #ddd; margin-bottom:21px; width:300px;}
.zx_con p em a { font-size:14px; color:#c91f20}
.zx_con p span { display:block; line-height:36px;}
.zx_con p span a { font-size:14px; color:#666; width:150px; display:block; float:left;}
.zx_con p span a:hover { color:#c91f20}

.kh_con { margin-top:22px; height:252px;}
.kh01 { top:105px; left:-72px;}
.kh03 { top:105px; right:-72px;}
.kh02 ul li { float:left; width:280px; padding:0 26px 0 0;}
.kh02 ul .nobor { padding:0;}
.kh02 ul li a img { width:278px; height:278px; border:solid 1px #ddd;}
.kh02 ul li a:hover img { width:268px; height:268px; border:solid 6px #c91f20;}
.kh02 ul li span { display:block; height:35px; line-height:35px; overflow:hidden; text-align:center; padding:20px 0 0;}
.kh02 ul li span a { color:#202020; font-size:14px;}

/*广告*/
.pic01 { background:url(Img/Index/pic01.jpg) no-repeat center 0; height:200px; margin:100px 0 0;}
.pic { width:1200px; margin: 0 auto;}
.pic01 p { position:absolute; top:80px; left:985px; font-size:18px; color:#fff;}
.pic01 p em { display:block; font-size:24px; margin:5px 0;}
.pic02 { background:url(Img/Index/pic02.jpg) no-repeat center 0; height:200px; margin:100px 0 0;}
.pic03 { background:url(Img/Index/pic03.jpg) no-repeat center 0; height:360px; margin:0;}
.pic03 p { position:absolute; top:210px; left:685px;}

/*案例中心*/
.al { padding:95px 0 0; height:2050px;}
.al_con { margin:40px 0 0; height:1700px;}
.al_con p { position:absolute; top:72px; left:0; width:374px;}
.al_con p b { display:block; font-size:30px; color:#000; padding:36px 0;}
.al_con p em { display:block; margin-bottom:30px;}
.al_con p span { display:block; font-size:14px; color:#666; line-height:22px; height:185px;}
.al_con p i { display:block; text-align:center;}

.al_con .al_p02 { top:0; left:413px;}
.al_con .al_p03 { top:72px; left:826px;}
.al_con .al_p04 { top:855px; left:0;}
.al_con .al_p05 { top:1060px; left:413px;}
.al_con .al_p06 { top:855px; left:826px;}

.al_con .al_p01 a,.al_con .al_p03 a,.al_con .al_p04  a,.al_con .al_p06 a{ display:block;height:310px; width:374px;  overflow:hidden;}

.al_con .al_p05 b{display:hidden;}
.al_con .al_p05 em{display:hidden;} 
.al_con .al_p05 span{display:hidden;}
.al_con .al_p05 i{display:hidden;}

/*杭州一体化建材，引领保温一体化行业新标准*/
.ys { padding:90px 0 0;}
.ys_con { margin:70px 0 0; height:635px;}
.ys_con p { position:absolute;} 
.ys_con p a { display:block; font-size:24px; color:#000; font-weight: bold;}
.ys_con p a:hover,.ys_con ul li.cur p a{ color:#c91f20}
.ys_con p span { display:block; padding:20px 0 0; font-size:18px; color:#666; line-height:32px}
.ys_con p span em { color:#c91f20}

.ys_p02 { top:0; right:0; text-align:right;}
.ys_p03 { top:345px; left:0;}
.ys_p04 { top:345px; right:0; text-align:right;}

.ys_pic01 { top:35px; left:375px;}
.ys_pic01 span { display:block; position:absolute; width:80px; height:92px; line-height:92px; text-align:center; background:#c91f20; font-size:24px; font-family:Arial; color:#fff; font-style:italic; top:-21px; left:395px;}
.ys_pic01 span em { font-size:40px; font-style:italic;}

/*杭州一体化建材   专业赢得口碑*/
.jz_bg { background:url(Img/Index/jz_bg.jpg) no-repeat center 0; height:717px;}
.jz_bg .bz_top { padding:80px 0 30px;}
.jz_bg .bz_top a { color:#fff;}
.jz_con a { background: url(Img/Index/jz_ico01.png) no-repeat center bottom; width:293px; height:500px; display:block; float:left; margin-right:7px; text-align:center; color:#fff;} 
.jz_con a:hover { background:url(Img/Index/jz_picbg.png) no-repeat;}
.jz_con a img { display:block; margin:0 auto; width:169px; height:169px; padding:26px 0 0;}
.jz_con a em { display:block; font-size:18px; padding:36px 0 20px;}
.jz_con a i { display:block; font-size:18px; }
.jz_con a span { display:block; font-size:14px; width:225px; margin:0 auto; line-height:25px; padding:30px 0 0; height:120px; overflow:hidden; }

/*欢迎走进杭州一体化建筑材料有限公司*/
.zj_bg { background:#f5f5f5; padding:170px 0 0; height:465px;}
.zj_con dt { float: right;}
.zj_con dt a img { width:448px; height:352px;}
.zj_con dd { float:left; width:555px; padding:50px 0 0;}
.zj_con dd b a { font-size:30px; color:#666;}
.zj_con dd p { color:#666; line-height:25px; font-size:14px; padding:30px 0 0;}
.zj_con dd p a { display:block; margin:30px 0 0; color:#c91f20}

/*资讯中心*/
.dt_bg { background:url(Img/Index/dt_xx01.gif) repeat-x 0 235px; height:640px; padding:85px 0 0;}
.dt_nav { padding:0 0 0 380px;}
.dt_nav ul li { float:left; margin-right:18px;}
.dt_nav ul .nobor { margin:0;}
.dt_nav ul li a { width:210px; height:35px; line-height:35px; text-align:center; font-size:18px; color:#333; display:block;}
.dt_nav ul li a:hover,.dt_nav ul .cur a { background:#c91f20; color:#fff; border-radius:3px;}

.dt_con { padding:90px 0 0;}
.dt_con dl { height:140px;}
.dt_con dl dt { float:left; width:93px; padding:30px 0 0; height:110px; font-size:24px; color:#999; background:url(Img/Index/dt_xx02.gif) no-repeat right 30px; text-align:center;}
.dt_con dl dt em { display:block; text-align:center; font-size:48px; color:#666;}
.dt_con dl dd { float: right; width:1052px; padding:34px 34px 0 0;}
.dt_con dl dd a { display:block; font-size:18px; color:#000; margin-bottom:10px;}
.dt_con dl dd p { font-size:14px; color:#666; line-height:25px;}
.dt_con dl:hover { background:#c91f20;}
.dt_con dl:hover dt { background:#a41f20; color:#fff;}
.dt_con dl:hover dt em { color:#fff;}
.dt_con dl:hover dd a,.dt_con dl:hover dd p { color:#fff;}

/*每月前10位咨询者   享9折优惠！*/
.lx_bg { background:#eee; padding:80px 0 0; height:430px;}

.lx_con { margin:0 0 0 280px; position:relative;}
.lx_con ul li { background: url(Img/Index/lx_inp01.gif) no-repeat; width:224px; height:40px; line-height:40px; margin-bottom:10px;}
.lx_con ul li .lx_sp { color:#666; padding-left:10px; font-size:14px; width:35px; float:left; }
.lx_con ul li .sinp01 { background: none; width:170px; height:40px; line-height:40px; border:none; float:left; font-family:"Microsoft YaHei"; color:#666; font-size:14px; outline:none;}
.lx_con ul .p_area { background:none; width:395px; height:140px; position:absolute; top: 0; left:245px;}
.lx_con ul .area { border: none; width:375px; height:120px; padding:10px; background: url(Img/Index/lx_inp02.gif) no-repeat; overflow: auto; color:#666; font-size:14px; outline:none; font-family:"Microsoft YaHei";}
.lx_con ul .p_li { background:none; padding:50px 0 0 215px;}

/*友情链接*/
.yq_bg {   height:98px; line-height:98px;}
.yq_bg em { display:block; float:right;}
.yq_bg em a { font-size:14px; color:#333;}
.yq_bg b { display:block; background:url(Img/Index/yq_ico01.gif) no-repeat 0 36px; padding-left:30px; float:left;}
.yq_bg b a { font-size:14px; color:#333;}
.yq_bg p { float:left; width:1026px; padding-left:50px;line-height:35px;padding-top:12px; }
.yq_bg p a { font-size:14px; color:#8a8881; padding:0 18px;}

.query-cover {position: fixed;left: 0;top: 0;z-index: 20000;width: 100%;height: 100%; background: #000; opacity: 0.7; filter: alpha(opacity=70); display: none; }
.query-pop {position: fixed; left: 50%; top: 60%; z-index: 20001; width: 330px; height: 306px; padding-top: 18px; margin-left: -220px; margin-top: -188px; background: #fff; box-sizing: border-box;display: none; }
.query-pop .tel {overflow: hidden;margin: 24px 0;}
.query-pop .tel .input-wrap,
.query-pop .tel .btn-wrap { float: left; }
.query-pop .tel .input-wrap { width: 188px; height: 40px; border-bottom: 1px solid #333;  margin-right: 10px; }
.query-pop .tel .btn-wrap { width: 120px; }
.query-pop .tel .phone-wrap { font-size: 34px; font-weight: bolder; line-height: 1;}
.query-pop .tel .phone-wrap a {font-size: 32px;color: #c91f20;font-weight: bold;}
.query-pop .tel .input-wrap input { border: 0; height: 39px; line-height: 39px; padding: 0; font-size: 20px; }
.query-pop .tel,
.query-pop .net { padding: 0 50px;}
.query-pop .btn-wrap a { background: #c91f20; border: none; color: #fff; cursor: pointer; display: block; width: 100%; font-size: 18px; height: 40px; line-height: 38px; text-align: center; }
.query-pop .btn-wrap .btn-qqstart{margin-top:12px;}
.query-pop .tip {margin-bottom: 6px;font-size: 18px;color: #444;}
.query-pop .close-btn { position: absolute; top: 10px; right: 10px; text-decoration: underline; color: #999; font-size: 12px; width: 25px; height: 25px; text-indent: -100em; overflow: hidden; background: url(Img/Index/pop-closebtn.png) no-repeat center center; }
.query-pop .net #pcnetbtn { display: block; }
#newBridge{display: none!important;}
.query-pop .green_information_safety{background:url(Img/Index/pop_lock.png) left center no-repeat;font-size: 12px; line-height: 19px; color: #1db816;margin: 10px 0 15px;text-indent: 1.6em;}
.query-pop .query_pop_box { position: relative;}
.query-pop .query_pop_input {border: 1px solid #adada9;width: 198px;height: 44px;
	font-size: 14px;
	line-height: 44px;
	color: #333;
	text-indent: 1em;
}
.query-pop .query_pop_button{
	width: 138px;
	height: 46px;
	line-height: 46px;
	padding:0;
	margin:0;
	outline: none;
	box-shadow: none;
	border:0;
	color:#fff;
	background: #c91f20;
	font-size: 14px;
}
.query-pop .query_pop_box .red_tip{
	display: none;
	font-size: 12px;
	line-height: 28px;
	color: #e70012;
	position: absolute;
	top: 100%;
	left:0;
	width: 100%;
	background: #fff;
	text-indent: 1em;
}
.query-pop .query-pop-success {display: none;}
.query-pop .subdetail{margin-bottom:14px;}
.query-pop .subdetail li{line-height: 28px;color: #444;}
.query-pop .query-pop-success .subtitle {font-size: 30px; line-height: 1; color: #8c6837; margin-top: 42px; text-align: center; font-weight: bold; }
.query-pop .query-pop-success .subdetail {font-size: 14px; line-height: 1.5; color: #666666; margin-top: 22px; text-align: center; }

