﻿@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0;}
body { font:14px "microsoft Yahei","Arial",sans-serif; color: #333; background: #fcf9f0;}
img{border:0; vertical-align: middle;}
ul,li{list-style:none;}
a{text-decoration:none;}
input, textarea{ outline:none; border: 0; background:none; font:14px "microsoft Yahei","Arial",sans-serif; width: 100%; outline: none; -webkit-appearance: button; -webkit-appearance: none; border-radius: 0;}
h2{font-weight:400;}
i{ font-style:normal;}
b{ font-weight:normal;}
a{transition: 0.4s; -webkit-transition: 0.4s; outline: none;}

/*文本框默认颜色*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #333}
input:-moz-placeholder, textarea:-moz-placeholder {color: #333}
input::-moz-placeholder, textarea::-moz-placeholder {color: #333}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #333}

/*回顶部*/
#top{position:fixed; bottom:25%; right:20px; border-radius:3px; cursor:pointer; width:50px; height:50px; background:#f00 url(../images/top.png); transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in; z-index:9999;}	
#top:hover{background:#333 url(../images/top.png) 0px -50px;}

/* clear 页头，页脚，内容区都不用再加清除样式 */
.cf:before, body:before, .header:before, .main:before, .footer:before, .wrap:before { content: ''; display: table }
.cf:after, after, .header:after, .main:after, .footer:after, .wrap:after { content: ''; display: table; clear: both }
.cf, .header, .main, .footer, .wrap { *zoom: 1 }

/*图片放大*/
.tr_sc{ overflow:hidden; display:block;}
.tr_sc img{transition:0.3s all; -webkit-transition:0.3s  all;}
.tr_sc:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

/*其他公用*/
.wrap{width: 1200px; margin: 0 auto;}
.ww{ word-wrap: break-word;}

.zt_main{margin-top:90px;}
.zt1_txt .p2{ display:none;}

.zt1_part1{ transition: 0.3s; height: 505px; background-position: center; background-repeat: no-repeat; background-size: cover; border-bottom: 28px solid #fcf9f0;}

.zt1_part2{border-top:1px solid #ceaf59; background: #fcfaf4; padding: 20px 0 50px 0}
.zt1_part2 .tet{ line-height:25px; font-size: 18px; color: #595750; padding: 30px 0 60px 0 }

.zt1_part3 ul{padding:40px 0 50px 0; }
.zt1_part3 li{margin-bottom: 30px;}
.zt1_part3 dd{float: left; width: 40%; color: #bd8a54;  padding: 0 20px 0 0; box-sizing: border-box;}
.zt1_part3 dt{float: right; width: 60%;}
.zt1_part3 dt img{width: 100%;}
.zt1_part3 .txt{ font-size: 37px; transform: translateX(-20px);  padding: 20px 0 10px 0}
.zt1_part3 .tet{ font-size: 16px; line-height: 25px; height: 133px;}
.zt1_part3 .tet i{display: inline-block; padding-right:15px;}
.zt1_part3 .tct{text-align: right;}
.zt1_part3 .li dd{float: right; padding: 0 0 0 20px;}
.zt1_part3 .li dt{float: left; }
.zt1_part3 .li1 .tet{height: 255px; }
.zt1_part3 .li1 .tct{ text-align: left;}
.zt1_part3 .li .tct{text-align: left;}

.zt1_part4 .con{ position: relative; padding-bottom: 100px; margin: 50px 0;}
.zt1_part4 .con:before{ z-index: -1; content:""; position:absolute; left:-50px; bottom:0; display:block; width:100%; height:100%; background: url(../images/0811zt/back_4.jpg) left bottom no-repeat;}
.zt1_part4 .pic{float: left; width: 830px; text-align: center; padding-top: 60px;}
.zt1_part4 .tgsq{ width:370px; float: right;}
.zt1_part4 .tgsq .txt{padding:60px 0 10px 0;}
.zt1_part4 .tgsq li{border: 1px solid #efe5c8; padding: 0 10px; background: #fff; border-radius: 3px; margin-bottom: 10px;}
.zt1_part4 .tgsq li .p1{display: block; float: left;}
.zt1_part4 .tgsq li .p2{display: block;  overflow: hidden; padding-left: 5px;}
.zt1_part4 .tgsq li .p1,
.zt1_part4 .tgsq li input{height: 40px; line-height: 40px; color: #b78439;}
.zt1_part4 .tgsq li textarea{height: 100px; margin: 9px 0; color: #b78439;}
.zt1_part4 .tgsq .submit{padding: 0; border: 0;}
.zt1_part4 .tgsq .submit input{background: #e6d39f; cursor: pointer; color:#fff; font-weight: bold; border-radius: 2px;}
.zt1_part4 .tgsq .submit input:hover{background: #e60012}
.zt1_part4 .tgsq .lxfs span{display: block; padding-top: 25px;}
.zt1_part4 .tgsq .lxfs img{max-width: 100%;}
.zt1_part4 .tgsq .lxfs .a{padding-top: 10px; display: inline-block;}
.lxfs_pp{display: none;}



/*相应式*/
@media screen and (max-width:1200px){
	.wrap{width: auto; margin: 0 20px;}
	.zt1_txt img{width: 100%;}
	
	.zt1_part1{height: 350px;}
	.zt1_part2 .pic img{width: 100%;}
	
	.zt1_part3 ul{width: 960px; margin: 0 auto; overflow: hidden; display: block;}
	.zt1_part3 dt{width: 50%;}
	.zt1_part3 dd{width: 50%;}
	.zt1_part3 .txt{font-size: 30px; padding: 10px 0;}
	.zt1_part3 .tct span{display:inline-block; width: 200px;}
	.zt1_part3 .tct img{width: 100%;}
	.zt1_part3 .li1 .tet{height: 205px;}
	.zt1_part4 .pic{width: 60%; text-align: center;}
	.zt1_part4 .pic img{width: 70%;}
	.zt1_part4 .tgsq{width: 35%; margin-top: 20px}
	.zt1_part4 .tgsq a{display: block;}
	.zt1_part4 .tgsq a img{width: 100%;}
	.zt1_part4 .con:before{left: 0; background-size: 100%;}
}


@media screen and (max-width:1002px){/*--1024-768--*/
	.zt_main{margin-top:78px;}
	.zt1_part1{height: 210px; border-width: 10px}
	.zt1_part2{padding-bottom: 30px;}
	.zt1_part2 .tet{font-size: 16px; line-height: 22px; padding:20px 0;}
	.zt1_part3 ul{width: 730px; padding: 20px 0}
	.zt1_part3 li{margin-bottom: 20px;}
	.zt1_part3 .txt{font-size: 22px; padding: 0 0 10px 0;  transform: translateX(-11px);}
	.zt1_part3 .tet{font-size: 14px; line-height: 22px;}
	.zt1_part3 .tet i{ padding-right: 5px;}
	.zt1_part3 .tct span{width: 100px;}
	.zt1_part3 dd{padding-right: 10px;}
	.zt1_part3 .li1 .tet{height: 168px;}
	.zt1_part4 .con{margin: 10px 0 20px 0;}
	.zt1_part4 .pic{margin-top: 30px;}
	.zt1_part4 .tgsq{width: 40%;}
	.zt1_part4 .tgsq .txt{width: 100px;}
	.zt1_part4 .tgsq .txt img{width: 100%;}
}



@media screen and (max-width:768px){/*--1024-768--*/
	.wrap{margin: 0 10px;}
	.zt_main{margin-top:50px;}
	.zt1_txt .p1{display: none;}
	.zt1_txt .p2{display: block; text-align: center;}
	
	.zt1_part1{height: 150px; border-width:5px;}
	.zt1_part2{padding: 10px 0 20px 0;}
	.zt1_part2 .tet{padding: 10px 0; font-size: 14px; line-height: 22px;}
	.zt1_part2 .zt1_txt .p2 img{width:30%;}
	
	.zt1_part3 .zt1_txt .p2 img{width: 40%;}
	.zt1_part3 ul{width: auto; padding: 0; margin:10px 0;}
	.zt1_part3 dt,
	.zt1_part3 dd{width: auto; float: none; padding: 0; position: relative;}
	.zt1_part3 .txt{font-size: 20px; padding: 10px 0 5px 0; transform: translateX(-10px);}
	.zt1_part3 .tet{ font-size: 14px; line-height: 22px; height: auto;}
	.zt1_part3 .tet i{margin-right: 10px;}
	.zt1_part3 .tct{position: absolute; right: 0; top: -88px; margin: 10px;}
	.zt1_part3 .tct span{width:100px;}
	.zt1_part3 .li dd{padding: 0;}
	.zt1_part3 .li1 .tct{top:-70px; margin-right: 15px; background: #fff; padding-top: 5px; border-radius: 4px; overflow: hidden;}
	.zt1_part3 .li1 .tct span{ width: 120px;}
	.zt1_part3 .li1 .tet{height: auto;}
	
	.zt1_part4 .zt1_txt .p2 img{width: 40%;}
	.zt1_part4 .pic{display: none;}
	.zt1_part4 .tgsq{width: 100%; margin: 0; position: relative;}
	.zt1_part4 .tgsq li{margin-bottom: 5px;}
	.zt1_part4 .tgsq .txt{width: 80px; padding-top:0; }
	.zt1_part4 .con{padding: 0;}
	.zt1_part4 .con:before{display: none;}
	.zt1_part4 .tgsq a{width: 250px}
	.zt1_part4 .lxfs{display: none;}
	.zt1_part4 .lxfs_pp{display: block;}
	.zt1_part4 .tgsq .lxfs_pp span{ width: 35%; box-sizing: border-box; margin:0 auto;}
	.zt1_part4 .tgsq .lxfs_pp span img{width: 100%; max-width: inherit;}
	.zt1_part4 .tgsq .lxfs_pp .a{width: 50%; padding: 0 15px; float: left; box-sizing: border-box;  display:block; margin:15px 0 20px 0; }
	.zt1_part4 .tgsq .lxfs_pp .a img{width: 100%;}
	.zt1_part4 .tgsq .lxfs_pp .a1{ width:50%; margin: 0 auto;}
	.zt1_part4 .tgsq iframe{position: absolute; right: 0; top: 0;}
	
}




