@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td{ margin:0;padding:0;}
body{ font-size:12px; font-family:"Microsoft YaHei",Tahoma, Geneva, sans-serif,PingFangSC-Regular, sans-serif,"微软雅黑";}
img{border:none;}
em,strong{font-style:normal;font-weight:normal;}
li{list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
h1{font-size:18px;}
h2{font-size:16px;}
h3{font-size:14px;}
h4, h5, h6{font-size:100%;}
q:before,q:after{content:'';}
button,input,select,textarea{font-size:100%;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
address,cite,dfn,em,var{font-style:normal;} 
a{color:#666;text-decoration:none;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;}
a:hover{color:#303f49;text-decoration:none;}

.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}

.clear {
    line-height: 0;
    width: 0;
    height: 1px;
    clear: both;
    font-size: 0;
    overflow: hidden;
}

@font-face
{
font-family: myFirstFont;
src: url('../font/tahoma.ttf'),
}

@font-face {
	font-family: 'YourWebFontName';
	src: url('../font/simhei.ttf'); /* IE9 Compat Modes */
   }


@font-face {
    font-family: "PingFang Regular";
    src: url("http://www.seedpodeco.cn/statics/fonts/fonts/PingFang Regular/PingFang Regular.eot"); /* IE9 */
    src: url("http://www.seedpodeco.cn/statics/fonts/fonts/PingFang Regular/PingFang Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("http://www.seedpodeco.cn/statics/fonts/fonts/PingFang Regular/PingFang Regular.woff") format("woff"), /* chrome、firefox */
    url("http://www.seedpodeco.cn/statics/fonts/fonts/PingFang Regular/PingFang Regular.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    url("http://www.seedpodeco.cn/statics/fonts/fonts/PingFang Regular/PingFang Regular.svg#PingFang Regular") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "PingFang Medium";
    src: url("http://www.seedpodeco.cn/statics/fonts/fonts/PingFang Medium/PingFang Medium.eot"); /* IE9 */
    src: url("http://www.seedpodeco.cn/statics/fonts/fonts/PingFang Medium/PingFang Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("http://www.seedpodeco.cn/statics/fonts/fonts/PingFang Medium/PingFang Medium.woff") format("woff"), /* chrome、firefox */
    url("http://www.seedpodeco.cn/statics/fonts/fonts/PingFang Medium/PingFang Medium.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    url("http://www.seedpodeco.cn/statics/fonts/fonts/PingFang Medium/PingFang Medium.svg#PingFang Medium") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}
/* ============================================  公共样式 */

.logo{ padding:40px 0; max-width:270px; margin:0 auto;}
.logo img{ width:100%;}

.nav{ width:100%; height:66px; line-height:66px; background:#5a623b; color:#fff;}
.nav ul{ max-width:1170px; margin:0 auto;}
.nav ul li{ width:25%; float:left; text-align:center; font-size:16px; font-family:"SimHei",PingFang Regular,PingFang Medium,"黑体";}
.nav ul li a{ color:#ffffe0; display:block; height:66px; line-height:22px;}
.nav ul li a em{ font-family:Tahoma; padding-top:10px; display:block;}
/*.nav ul li a p{ font-family: PingFangSC-Regular, sans-serif;}*/
.nav ul li.cture a{ display:block; background:#ab7e55; color:#fff;}
.nav ul li a:hover{ display:block; background:#d5beaa; color:#fff;}
.nav ul li.cture a:hover{ background:#ab7e55;}

.banner{ max-width:1170px; margin:20px auto 0 auto;}
.banner img{ width:100%;}

.con1{ max-width:1170px; margin:0 auto; font-size:14px; color:#666; line-height:30px; padding-bottom:140px;}
.con1 p{ padding-top:30px;}
.con1 p span{ display:block;}

.con2{ max-width:1170px; margin:0 auto; font-size:16px; color:#666; padding-bottom:120px;}

.foot{ width:100%; border-top:solid 1px #ddd;}
.footcon{ max-width:1170px; margin:0 auto; padding:20px 0; color:#333;}
.footcon .fl{ line-height:24px;}

.nylist{ width:100%;}
.nylist li{ float:left; width:25%; font-size:16px; padding:20px 0 10px 0; position:relative;}
.nylist li p{ padding:0; font-family:"Microsoft YaHei",Tahoma, Geneva, sans-serif,"微软雅黑"; line-height:20px;}
.nylist li:after{ position:absolute; content:""; width:0; height:3px; left:0; bottom:-10px; background:#ab7e55;transition: all 0.3s ease-out 0s;}
.nylist li:hover:after{ content:""; width:32px;}
.nylist li:hover p{ cursor:pointer; color:#ab7e55;}

.con3_list1{ padding-top:30px; border-bottom:solid 1px #ddd;}
.con3_list1 li{ line-height:24px; padding:0 0 30px 30px; position:relative; font-size:14px;}
.con3_list1 li em{ color:#ab7e55; font-weight:bold;}
.con3_list1 li:first-child:after{ position:absolute; content:""; width:12px; height:3px; background:#ddd; left:0; top:10px;}
.con3_list2 li em{ color:#5a623b;}


.con3{ background:#f5f5f5; margin-bottom:120px;}
.con2con{ max-width:870px; margin:0 auto; padding:40px 0; font-size:14px; line-height:30px;}
.inputcon ul li{ margin-bottom:20px;}
.inputcon ul li textarea{ font-size:12px;}
.inputcon ul li input{ width:94%; height:40px; line-height:40px; padding-left:1%; background:#fff; border:solid 1px #ddd; font-size:12px; float:left;}
.inputcon ul li input:focus{ border-style:solid; border-color:#ab7e55; outline:none;}
.inputcon ul li textarea{ width:93%; height:200px; padding:1%; border:solid 1px #ddd; background:#fff; float:left;}
.inputcon ul li textarea:focus{ border-style:solid; border-color:#ab7e55; outline:none;}
.inputcon ul li em{ display:block; float: left; padding-left:10px; color:#ab7e55;}
.inputcon ul li:after{  
  content:"";  
　height:0;  
　visibility:hidden;  
　display:block;  
　clear:both;  
}  

.btncon{ text-align:center;}
.btncon a{ display:inline-block; padding:10px 20px; border-radius:5px; background:#ab7e55; color:#fff; font-size:14px; margin-right:20px;}
.btncon a em{ font-size:12px; display:inline-block; padding:0 5px;}
/*.btncon a:last-child{ margin-right:0; background:#b7b7b7;}*/
.btncon a:hover{ opacity:.8;}
/*  响应式菜单 */
.xy_menu{ position:relative;}
.m-btn {
	position:absolute;
     display: block;
    right: 20px; z-index:9998;
    top: 10px;
    color: #dedede;
    background: #5a623b;
    width: 50px;
    height: 50px;
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; text-align:center; display:none;
}
.m-btn:hover {background-color:#ab7e55;}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.m-btn i{
		
font-size: 17px;
    margin-top: 17px;
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.m-btn:hover i{ color: #fff; transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); }
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9";
}
.m-sub-menu {
    position: fixed;
    right: -100%;
    width: 66%;
    top: 0;
    height: 100%;
    background-color: #fff;
    transition: all 0.64s ease 0s; z-index:9999;
}
.m-sub-menu.show {
    right: 0;
    transition: all 0.44s ease 0s;
}

.m-sub-menu .top-box {
    line-height: 60px;
    background-color: #333; height:60px;
}
.f-cb {
    zoom: 1;
}
.fl {
    float: left;
    display: inline;
}
.fr {
    float: right;
    display: inline;
}
.m-sub-menu .top-box .stt {
    display: inline-block;
    font-size: 16px;
    color: #acacac;
    margin-left: 8.2%;
    font-family: "Base-font";
}

.m-sub-menu .top-box .close {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(../images/ico_37.png) no-repeat center;
    margin-right: 7.8%;
    margin-top: 22px;
    cursor: pointer;
}
.f-cb:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    content: ".";
}
.m-sub-menu .list-wrap ul {
    width: 94%; padding:3%;
}
.m-sub-menu .list-wrap li {
    line-height: 20px;
	padding-bottom:10px;
	margin-bottom:10px;
    width: 100%;
    border-bottom: 1px solid #f2f2f2; cursor:pointer;
}
.m-sub-menu .list-wrap li .col-box {
    display: block;
    width:100%;
    padding: 0 7.8% 0 8.2%;
}
.m-sub-menu .list-wrap .tit {
    font-size: 16px;
    color: #666;
}
.m-sub-menu .list-wrap .point {
    display: inline-block;
    width: 8px;
    height: 12px;
    background: url(../images/ico_38.png) no-repeat center;
    margin-top: 26px;
}
.list-wrap ul:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    content: ".";
}

.m-sub-menu .sec-sub-list {
    position: absolute;
    right: -100%;
    top: 60px;
    width: 100%;
}
.m-sub-menu .sec-sub-list .boxs {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.4s ease 0s;
    background-color: #fff;
}
.m-sub-menu .sec-sub-list .boxs.show {
    left: -100%;
}
.m-sub-menu .sec-sub-list .return-fir {
    display: block;
    width: 100%;
    padding: 0 7.8% 0 8.2%;
    line-height: 60px;
    background-color: #333;
}
.m-sub-menu .sec-sub-list .return-fir p {
    padding-left: 18px;
    color: #fff;
    font-size: 18px;
    background: url(../images/ico_42.png) no-repeat left center;
}
.m-sub-menu .sec-sub-list ul, .m-sub-menu .sec-sub-list li {
    width: 100%;
}
.m-sub-menu .sec-sub-list li {
    line-height: 60px;
    border-bottom: 1px solid #f2f2f2;
}
.m-sub-menu .sec-sub-list li a {
    display: block;
    width: 84%;
    padding: 0 7.8% 0 8.2%;
    font-size: 16px;
    color: #666;
}

.boxs ul{ min-height:300px;}

@media (max-width: 1050px){
	
	.m-btn {display: block;}
	.con1{ width:90%; margin:0 auto;}
	.con1 p{ line-height:24px;}
	.nylist{ width:90%; margin:0 auto;}
	.nylist li{ width:33.333333333%;}
	.nav{ display:none;}
	.logo{ margin:20px 0 0 0; width:50%; padding:0; margin-left:2%;}
	
	.con2con{ width:90%; margin:0 auto;}
	.inputcon ul li input{ width:90%;}
	.inputcon ul li textarea{ width:90%;}
	 
}


@media ( max-width: 640px){

	#nav{ display:none;}
	.m-btn { display: block;}
	.nav{ display:none;}
	.nylist{ width:90%; margin:0 auto;}
	.nylist li{ width:50%;}
	.footcon{ max-width:90%; margin:0 auto;}
	.con2{ padding-bottom:60px;}
	.m-btn{ width:30px; height:30px;}
	.m-btn i{ margin-top:7px;}
}
@media ( max-width: 480px){
	.nylist{ width:90%; margin:0 auto;}
	.nylist li{ width:100%;}
	.footcon .fl{ float:none;}
	.footcon .fr{ float:none; line-height:24px;}
}
@media ( max-width: 320px){
	.nylist{ width:90%; margin:0 auto;}
	.nylist li{ width:100%;}
}