.ztbn {

}

/*产品介绍  satr */
.ztjs {
	width: 1200px;
	height: 310px;
	margin: 10px auto;
}

.ztjs-l {
	
	width: 500px;
	height: 300px;
	background: #000;
	float: left;
}

.ztjs-r {
	width: 680px;
	background: #015cb5;
	float: right;
	height: 300px;}

.ztjs-r1 {

	width: 660px;
	height: 280px;
	border: 1px solid #ececec;
	margin: 10px;

}

.ztjs-r1 h1 {

	display: inline-block;
	font-size: 30px;
	color: #f7f7f7;
	letter-spacing: 10px;
	margin: 10px 20px;
	border-bottom: 1px solid #c3c3c3;
	padding-bottom: 5px;
}

.ztjs-r1 p {

	padding: 0 20px;
	font-size: 16px;
	color: #f9f9f9;

}

.ztjs-r1 span {

	letter-spacing: 0px;
	font-size: 16px;
	font-weight: 500;
}

/*产品介绍  结束 */

/*作者 日期  开始 */

.ztfs {

	height: 40px;
	line-height: 40px;
	width: 1200px;
	margin: 0 auto;
	border-top: 1px solid #afafaf;
	border-bottom: 1px solid #afafaf;
	font-size: 14px;
}


.ztfs a {
	padding-left: 10px;
}

.ztfs a {
	padding-left: 10px;
}

/*作者 日期  结束 */

/*目录  开始*/
.ztdh {
	width: 1200px;
	margin: 0 auto;
	height: 40px;
	margin-top: 10px;
	border: 1px solid #c1c1c1;
}

.ztdh-l {
	width: 120px;
	height: 40px;
	background: #c1c1c1;
	text-align: center;
	float: left;
}

.ztdh-l a  {
	line-height: 40px;
	font-size: 18px;
	letter-spacing: 10px;
	font-weight: 400;
	display: block;
	color: #fff;
}

.ztdh-r {
	width: 1080px;
	float: left;
	line-height: 40px;
}

.ztdh-r ul {
    text-align: center;
}

.ztdh-r li {
	display: inline-block;
	padding-left: 10px;
}

.ztdh-r li a {

	color: #3a3a3a;
}
		

.ztdh-r li a:hover {
	color: #015cb5;
}

/*目录  结束*/	

.ztbt {
	width: 1200px;
	height: 40px;
	border-bottom: 3px solid #015cb5;
	margin: 20px auto 10px;
}

.ztbt h2 {
	display: block;
	border-left: 8px solid #015cb5;
	padding: 5px 0 5px 10px;
	margin-top: 10px;
	font-size: 18px;
	color: #545252;
}


.ztbt p {
	display: block;
	font-size: 12px;
	padding-left: 20px;
}


/* 参数 开始*/


.ztcs {
	width: 1200px;
	margin: 0 auto;
	min-height: 100px;
}

.ztcs ul {
	background: #f3f3f3;
	margin: 10px auto;
	padding: 10px 20px;
}

.ztcs li {
	display: inline-block;
	width: 33%;
	font-weight: 300;
	padding: 3px 0;
}

.ztcs span {
	letter-spacing: 2px;
	font-weight: 600;
	color: #464646;
}


/* 参数 结束*/


/* 合金成分 开始*/
.zthj {
    width: 1200px;
    margin: 10px auto;

}
.zthj table{
	border: 0;
	border-collapse: collapse;
	width: 100%;	
}
.zthj table tr{
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.zthj table td{
	margin: 0;
	padding: 0;
	border: 1px solid #cad3de;
	font-size: 14px;	
}
.zthj table tr:first-child{
	background: #1751a2;
    border: 1px solid #cad3de;
    color: #FFFFFF;
	
}
/* 合金成分 结束*/
/* 专题调用 页面 开始*/
.zt-hjcf dl {
	display: inline-block;
	width: 12.3%;
	text-align: center;
	line-height: 40px;
	padding: 0;
	margin: -2px;
	font-weight: 700;
	border: 1px solid #5252521c;
}
.zt-hjcf dt {
	font-size: 16px;
	font-weight: 700;
	background: #015cb5;
	color: #fff;
}
.zt-hjcf h2 {
    margin: 10px 0;
    color: #fff;
    font-size: 18px;
}
.zt-hjcfdd {
	border-bottom: 1px solid #9ca4b2;
    font-weight: 100;
}
.zt-hjcf dd {
	margin: 0;
	border-bottom: 1px solid #f2f2f2;
}
.zt-hjcf p {
    padding: 10px 0 ;
    font-size: 12px;
    color: #c0c0c0;
}
/* 专题调用 页面 开始*/
/*= common css to all effects =*/
.single-member{width: 280px; float: left; margin: 30px 2.5%; background-color: #fff; text-align: center; position: relative;}
.member-image img{max-width: 100%; vertical-align: middle;}
.ztyt h3 {font-size: 24px; font-weight: normal; margin: 10px 0 0; text-transform: uppercase;}
.ztyt h5 {font-size: 16px; font-weight: 300; margin: 0 0 15px; line-height: 22px;}
.ztyt p {font-size: 14px; font-weight: 300; line-height: 22px; padding: 0 30px; margin-bottom: 10px;}
.social-touch a{display: inline-block; width: 27px; height: 26px; vertical-align: middle; margin: 0 2px; background-image: url(../images/social-icons.png); background-repeat: no-repeat; opacity: 0.7; transition: 0.3s;}
.social-touch a:hover{opacity: 1; transition: 0.3s;}
.fb-touch{background-position: 0 0;}
.tweet-touch{background-position: -35px 0;}
.linkedin-touch{background-position: -71px 0;}
.icon-colored .fb-touch{background-position: 0 -27px;}
.icon-colored .tweet-touch{background-position: -35px -27px;}
.icon-colored .linkedin-touch{background-position: -71px -27px;}
/*= common css to all effects end =*/

/*= effect-7 css =*/
.effect-7{max-height: 289px; min-height: 289px; overflow: hidden;width:240px;}
.effect-7 h3{line-height: 35px;}
.effect-7 .member-image{position: absolute; bottom: 0; width: 100%; transition: 0.4s; z-index: 1;}
.effect-7 .member-image img{width: 100%; transition: 0.4s; opacity: 1; height: 100%;}
.effect-7 .more-info{height: 208px; transition: 0.4s; overflow: hidden; position: relative; background-color: #fff;}
.effect-7:hover .member-image{bottom: 40%;}
.effect-7:hover .member-image img{width: 0; height: 0; transition: 0.4s; opacity: 0;}
/*= effect-7 css end =*/


/* 用途 结束*/
/* 专题页 铝板价格计算器*/
.zt-jsq {height: 350px;width: 1200px; background: url(/skin/images/jsqzt.jpg);margin: 10px auto;padding: 20px 0 ;}
.zt-jsq-1 {font-size: 14px; color: #FFF;text-align: center;font-weight: 100;}
.zt-jsq-1 h2 {font-size: 22px;font-weight: 400;color: #FFF;padding-top: 30px;margin: 0px;}
.zt-jsq-1 p {padding: 0px;margin: 6px 0 0 0;color: #b6b6b6;}
.zt-jsq-2 {text-align: center;border: 1px solid #eee;width: 1000px;margin: 10px auto;padding: 10px; }
.zt-jsq-2 input {height: 30px;padding-left: 10px; }
.zt-jsq-2 a {font-size: 16px;color: #FFF}
.zt-jsq-2 p {margin: 2px 0; }
.zt-jsq-3 {}
.zt-jsq-4 {font-size: 16px;padding: 5px 0;font-weight: 700;color: #FFEB3B;letter-spacing: 0.3em;}
.zt-jsq-4 span {font-weight: 700;color: #a10000;}
.zt-jsq-5 {padding: 0 15px;text-align: center;}
.zt-jsq-5 h2 {font-size: 22px;margin: 0;padding: 0;font-weight: 400;color: #ffeb3b;}
.zt-jsq-5 a {padding-left: 10px;display: inline-block;border: 1px solid #FFf;padding: 5px 10px;margin: 5px 5px;color: #FFFF;}

/* 专题页 铝板价格计算器*/
.ztwm {
	width: 1200px;
    min-height: 100px;
    margin: 0 auto;
    color: #fff;
}
.ztwm li {
	background: #015cb5;
    margin-bottom: 10px;
    padding: 10px 10px;
    display: block;
    height: 200px;
}

.ztwm-l {
	width: 600px;
    height: 200px;
    background: #000;
    float: left;
}

.ztwm-r {
	width: 550px;
    height: 200px;
    float: left;
    margin-left: 20px;
}

.ztwm-r h3 {
	    font-size: 20px;
    padding: 20px 0;
    letter-spacing: 3px;
    font-weight: 700;
}

.ztwm-r p {
	text-align: justify;
    font-size: 16px;
}

/* 关于我们 结束*/
@media screen and (max-width: 768px) {
    .zt-hjcf dl {
        width: 24.5%;
    }
}

@media screen and (max-width: 768px) {
    .zt-jsq {
    	width: 100%;
        height: auto;
    }
    .zt-jsq-1 {
   
    }
    .zt-jsq-2 {
    	width: 80%;
    	font-size:12px;

    }
    .zt-jsq-2 a {
    	display:inline-block;
    	padding-top:10px
    }
    .zt-jsq-4 {
    	font-size:14px;
    }
    .zt-jsq-5 h2 {
    	font-size:14px;
    	padding-top:10px;
    	font-weight:700;
    }
    .zt-jsq-5 {
    	padding:10px 0px;
    	font-size:12px

    }
}