/*************************************************************************/
/*全局样式开始*/
/*************************************************************************/
@charset "utf-8";
*{margin:0;padding:0;outline:0;}
body,html{overflow-x:hidden;color:#484341;font:14px/30px "微软雅黑","Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;background:#fff;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
input[type=text],input[type=submit],textarea,button{-webkit-border-radius:0;font-family:"微软雅黑","Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;-webkit-appearance:none;}
input:focus{outline:0;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6{font-style:normal;font-size:100%;}
abbr,em,i,li,ol,ul{list-style-type:none;font-style:normal;}
img{border:0;vertical-align:middle;}
img{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix{display:block;zoom:1;}
.clearfix:before{display:table;content:"";}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"";}
* html .clearfix{height:1%;}
*{box-sizing:border-box;}
a{color:#484341;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
a:hover{color:#9f6834;text-decoration:none;}
.hide,.none,ins{display:none;}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.wrap{clear:both;display:block;margin:0 auto;max-width:1100px;width:100%; padding:0 0}
.animate img{position:relative;opacity:1;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;-webkit-transform:scale(1,1) rotate(0);-ms-transition:.5s all;}
a:hover .animate img{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.animate img:hover{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.tran,.tran a,a.tran,.tran img{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
.rotate,.rotate2 img{-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}
a:hover .rotate,a:hover rotate2 img{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}
.bor_box::after,.bor_box::before{pointer-events:none;}
.bor_box::after,.bor_box::before{position:absolute;top:20px;right:20px;bottom:20px;left:20px;content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;}
.bor_box::before{border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);}
.bor_box::after{border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0);}
a:hover .bor_box::after,a:hover .bor_box::before{opacity:.7;-webkit-transform:scale(1);transform:scale(1);}

@font-face {
	font-family: "quicksand";
	src: url('../fonts/quicksand.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family:"din";
	src:url("../fonts/din-medium.woff") format("woff"),
		url("../fonts/din-medium.ttf") format("truetype"),
		url("../fonts/din-medium.eot") format("embedded-opentype"),
		url("../fonts/din-medium.svg") format("svg");
	font-weight:normal;
	font-style:normal;
}


#header{ width:100%; background:#fefeef}
#header .wrap{ height:130px;display: flex;justify-content:space-between ;align-items:center;}
#header .right{ text-align:right}
#header .right .t{ font-size:20px; color:#999}
#header .right .phone{ font-size:24px; color:#999; font-family:"din"}

#nav{ width:100%; background:url(../images/bg_nav.jpg)}
#nav ul{display: flex;justify-content:space-between ;align-items:center;}
#nav ul li{ width:calc(100% / 8); position:relative}
#nav ul li:before{ position:absolute; right:0; top:50%; margin-top:-8px;display:block;width:1px;height:16px;content:'';background:rgba(255,255,255,.7);}
#nav ul li:last-child:before{ display:none}
#nav ul li a{ display:block; line-height:37px; color:#fff; text-align:center}
#nav ul li a:hover{ color:#fbf938}

#banner{ width:100%}
#banner .focus{ position:relative}
#banner .focus .swiper-slide img{width:100%;}

#nbanner{ width:100%}
#nbanner .focus{ position:relative}
#nbanner .focus .swiper-slide img{width:100%;}

#main{ padding:20px 0; width:100%}
#main .h310{ height:310px; overflow:hidden}
#main .h280{ height:280px; overflow:hidden}
#main .wrap{ display: flex;justify-content:space-between ;align-items:flex-start;flex-wrap:wrap;}
#main .left{ width:840px;display: flex;justify-content:space-between ;align-items:center;flex-wrap:wrap;gap:20px 0}
#main .left .focus{ width:410px; overflow:hidden; position:relative}
#main .left .focus .swiper-slide{ height:310px}
#main .left .focus .swiper-slide img{width:100%;height:100%;object-fit:cover}
#main .left .item{ border:1px solid #ddd; width:410px}
#main .left .item .title{ background:url(../images/bg_list_1.jpg); line-height:35px;display: flex;justify-content:space-between ;align-items:center; padding:0 15px}
#main .left .item .title .t{ font-size:15px; color:#9f6834; font-weight:700}
#main .left .item .title .tit{font-size:15px;background:url(../images/bg_nav.jpg); width:120px; text-align:center; color:#fff; font-weight:700; line-height:33px; margin-top:2px; border-radius:10px 10px 0 0}
#main .left .item .title  span a{ font-size:12px}
#main .left .item .list{ padding:15px 15px}
#main .left .item .list ul li{ border-bottom:1px dotted #ddd; position:relative; padding-left:10px; line-height:34px}
#main .left .item .list ul li:before{ position:absolute; left:0; top:50%; margin-top:-1.5px;display:block;width:3px;height:3px;content:'';background:#9f6834; border-radius:4px}
#main .right .small{ width:240px; border:1px solid #ddd;}
#main .right .small.h280{ margin-top:20px}
#main .right .small .title{ background:url(../images/bg_nav.jpg); color:#fff; font-size:16px; line-height:35px; padding:0 15px}
#main .right .small .title.center{ text-align:center}
#main .right .small .text1{ padding:20px; text-align:center;}
#main .right .small .text1 img{ max-width:60%; margin-top:10px}
#main .right .small .text1 p{ line-height:24px; margin-top:20px}
#main .right .small .text2{ padding:20px;}
#main .right .small .text2 .img{ height:75px}
#main .right .small .text2 .img img{width:100%;height:100%;object-fit:cover}
#main .right .small .text2 p{ line-height:24px; margin-top:10px}
#main .right .small .text2 p{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:5;display:-webkit-box;-webkit-box-orient:vertical}

#hezuo{ width:100%}
#hezuo .item{ border:1px solid #ddd; width:100%}
#hezuo .item .title{ background:url(../images/bg_list_1.jpg); line-height:35px;display: flex;justify-content:space-between ;align-items:center; padding:0 15px}
#hezuo .item .title .t{ font-size:15px; color:#9f6834; font-weight:700}
#hezuo .item .title .tit{font-size:15px;background:url(../images/bg_nav.jpg); width:120px; text-align:center; color:#fff; font-weight:700; line-height:30px; margin-top:5px; border-radius:10px 10px 0 0}
#hezuo .item .title  span a{ font-size:12px}
#hezuo .item .list{ padding:20px}
#hezuo .item .list ul{display: flex;justify-content:space-between ;align-items:center;flex-wrap:wrap;gap:20px 0}
#hezuo .item .list ul li{ width:calc(100% / 6); text-align:center}
#hezuo .item .list ul li .img img{ width:70%}
#hezuo .item .list ul li p{ margin-top:0px}

#footer{ width:100%; background:#fefeef; margin-top:30px; border-top:3px solid #9f6834; padding:40px 0}
#footer p{ text-align:center; line-height:24px}
#footer p i{ margin:0 5px}
#footer p:last-child{ margin-top:10px}

#list{ width:100%; padding:20px 0}
#list .wrap{display: flex;justify-content:space-between ;align-items:flex-start;}
#list .left{ width:244px; padding-top:30px}
#list .left .title{ font-size:18px; background: url(../images/left_title.jpg); height:63px; text-align:center; line-height:63px; font-weight:700; color:#9f6834;width:244px}
#list .left .list{ background:url(../images/left_center.jpg); padding:20px 30px;width:244px}
#list .left .list ul li{ border-bottom:1px solid #eee; line-height:40px}
#list .left .bottom{ background:url(../images/left_bottom.jpg); line-height:35px;height:35px;;width:244px}
#list .right{ width:840px}
#list .right .title{display: flex;justify-content:space-between ;align-items:flex-start; height:90px; background:url(../images/bg_right_title.jpg) no-repeat; }
#list .right .title h2{font-size:18px; color:#9f6834; padding:45px 0 0 50px; font-weight:700; }
#list .right .title span{ font-size:14px; color:#999}
#list .right .title span a{ font-size:14px; color:#999}
#list .right .title span i{ margin:0 5px}
#list .right .list{ padding:10px 0 20px 30px}
#list .right .list ul li{ padding:15px 0; border-bottom:1px solid #eee}
#list .right .list ul li h2{ font-size:15px}
#list .right .list ul li time{ color:#999; font-size:12px}
#list .right .list ul li p{ line-height:22px; color:#999}
#list .right .hzlist{ padding:40px 0 20px 30px}
#list .right .hzlist ul{display: flex;justify-content:space-between ;align-items:center;flex-wrap:wrap;gap:50px 0}
#list .right .hzlist ul li{ width:calc(100% / 4); text-align:center}
#list .right .hzlist ul li .img img{ width:70%}
#list .right .hzlist ul li p{ margin-top:0px}

#list .right .mycontent{ padding:30px 0 20px 30px;}
#list .right .mycontent h1{ font-size:22px; padding:20px 0; text-align:center; font-weight:700}
#list .right .mycontent .info{ border-bottom:1px solid #eee; text-align:center; padding-bottom:10px}
#list .right .mycontent .info span{ margin:0 10px; color:#999}
#list .right .mycontent .updown{ border-top:1px solid #eee; padding:20px 0 0}
#list .right .mycontent .content{ padding:30px 0; line-height:1.8; font-size:16px; min-height:300px}
#list .right .mycontent .content img{ max-width:80%}
#list .right .mycontent .content p{ padding-bottom:10px}

#fenye{padding:50px 0 0px;text-align:center;clear:both;}
#fenye table{text-align:center;margin:0 auto}
#fenye a{margin:0 2px;color:#5a5a5a;text-decoration:none;padding:10px 15px;border:1px solid #eee; background:#FFF}
#fenye .prev,#fenye .next{width:52px;text-align:center}
#fenye a.curr{font-weight:700;color:#fff;background:#9f6834;border:1px solid #9f6834}
#fenye a:hover{background:#9f6834;color:#fff;border:1px solid #9f6834}
#fenye span{margin:0 2px;color:#5a5a5a;text-decoration:none;padding:10px 15px;border:1px solid #eee;background:#FFF}