@charset "utf-8";
/* CSS Document */

/* public start*/
*{margin:0px; padding:0px; list-style:none;}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td ,img{
	/* [disabled]margin: 0; */
	padding: 0; margin:0;
	font-family: "微软雅黑";
}
.clear{ clear:both; height:0px; width:100%; margin:0; padding:0;}
img { border:0; }
ul, li { list-style-type:none; }
body{font-size:12px; background:url(../images/bg_01.jpg) repeat #fff; font-family:"微软雅黑";}
p{ color:#000;}
a{text-decoration:none; color:#000;}
A:link{text-decoration:none; color:#000;}
A:visited{text-decoration:none; color:#000;}
A:hover{text-decoration:none; color:#d20000;}

/* 首页 */
/* top */
.template_top{ width:100%; height:auto; display:table; margin:0 auto; padding:0;}
.top_line{ width:100%; height:20px; background:#f7f6f2;}
.top_nr{ width:1100px; height:auto; display:table; margin:0 auto; }
.top_logo{ width:163px; height:71px; padding-left:25px; padding-top:15px; float:left; padding-bottom:15px;}
.template_nav{ width:auto; float:right; height:auto; display:table;}
.top_phone{ width:225px; height:17px; float:right; margin-right:15px; padding-top:42px;}
.template_nav ul{ width:auto; height:auto; display:table; padding-top:42px;}
.template_nav ul li{ width:107px; height:auto; display:table; float:left; text-align:center; position:relative; font-size:16px; background:url(../images/li_line.png) no-repeat 0px 2px; line-height:16px;}

.template_nav ul li a{ color:#565656; width:95px; height:39px; display:block;}
.template_nav ul li a:hover{ background:url(../images/li_hover.png) no-repeat center bottom;}

.template_nav ul ul{ display:none; z-index:9999; padding:0;}
.template_nav ul li:hover ul {display:block;position:absolute;top:39px;left:0;width:95px;z-index:9999;}
.template_nav ul li:hover ul li{ width:95px; height:30px; line-height:30px; font-size:14px; font-weight:normal; overflow:hidden;}
.template_nav ul li:hover ul li a {width:95px; height:30px;display:block;background:#23201d;color:#fff; line-height:30px; font-size:14px; font-weight:normal;}
.template_nav ul li:hover ul li a:hover {background:#c5a677;color:#fff;}
.template_nav ul ul ul{ display:none;}

.nav_shouye{ background:url(../images/li_hover.png) no-repeat center bottom;}

/* top end */



/* banner */
.template_banner{ width:100%; height:418px; position:relative; }
.template_banner img{ width:100%; height:auto; display:table;}

/* flexslider */
.flexslider{position:relative;height:418px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:493px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

/* banner end */


/* product */
.template_product{ width:1022px; height:auto; display:table; margin:30px auto;}
.product_title{ width:311px; height:77px; margin:0 auto; padding:50px 0;}
.product_body{ width:1022px; height:auto; display:table; margin-top:10px;}
.product_body ul li{ width:314px; height:auto; float:left; margin-left:40px; margin-bottom:20px;}
.product_body ul li a img{ width:314px; height: 196px; }
.product_body ul li a h2{ font-size:16px; color:#9c7553; text-align:center; width:234px; height:40px; display:block; margin:0 auto; margin-top:5px;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; line-height:40px; border-bottom:1px dashed #ccc; letter-spacing:1px;}
.product_body ul li a:hover h2{ color:#666;}
.product_body ul li a p{ line-height:32px; font-size:14px; color:#6a6a6a; text-align:center;}
.product_body ul li a:hover p{color:#9c7553;}
.pro_img{
	width: 314px;
	height: 235px;
	overflow: hidden;
}
/* product end */

.tonglan{ width:100%; height:auto; display:table; margin-top:40px;}
.tonglan img{ width:100%; height:auto; display:table; }


.template_bottom_bg{ width:100%; height:auto; display:table; background:#f7f6f2;}


/* 关于我们 */
.template_gsxx{ width:1024px; height:auto; display:table; margin:0 auto; margin-top:60px;}

.template_gywm{ width:100%; height:auto; display:table; float:left; background:#fcfcfa; padding-bottom:10px;}
.gywm_title{ width:732px; height:51px; border-bottom:1px solid #eaeae9; margin:0 auto;}
.gywm_title img{ width:184px; height:19px; margin-top:18px; margin-left:16px; }
.gywm_body{ width:732px; height:auto; display:table; margin:0 auto;}
.gywm_body img{ width:250px; height:192px; margin-left:12px; margin-top:8px; float:left;}

.gywm_nr{ width:460px; height:auto; display:table; float:right;}
.gywm_nr h2{ font-size:14px; line-height:39px; height:39px; width:460px; display:block; border-bottom:1px dashed #ccc; margin-bottom:5px;}
.gywm_nr p{ font-size:14px; line-height:28px; color:#666;}
.gywm_nr a{ width:160px; height:32px; line-height:32px; display:block; background:#FFF; border:1px solid #ccc; text-align:center; font-size:14px; font-weight:bold; color:#9c7652; margin-top:25px; margin-left:25px;}
.gywm_nr a:hover{ color:#fff; background:#9c7652; border:1px solid #9c7652}

.template_ryzz{ width:248px; height:auto; display:table; float:right; background:#fff;}
.ryzz_title{ width:228px; height:51px; background:url(../images/title_ryzs.png) no-repeat left center; margin:0 auto; border-bottom:1px solid #eaeae9;}
.ryzz_title a{ float:right; line-height:51px; color:#888; font-size:16px;}
.ryzz_title a:hover{ color:#9c7652;}

.ryzz_body{ width:238px; height:auto; display:table; margin:0 auto;}
/* 关于我们 end */


/* news */
.template_news{ width:1024px; height:auto; display:table; margin:0 auto; margin-top:20px;}
.template_hyxw{ width:100%; height:auto; display:table; float:left; background:#fcfcfa; padding-bottom:10px; padding-bottom:45px;}
.hyxw_title{ width:732px; height:51px; border-bottom:1px solid #eaeae9; margin:0 auto;}
.hyxw_title img{ width:184px; height:19px; margin-top:18px; margin-left:16px; }
.hyxw_body{ width:732px; height:auto; display:table; margin:0 auto; margin-top:20px;}
.hyxw_01{ width:732px; height:auto; display:table; }
.hyxw_01 img{ width:224px; height:141px; padding:6px; border:1px solid #e1d7c7; float:left; margin-left:12px;}
.xw_nr01{ width:464px; height:auto; display:table; float:right;}
.xw_nr01 h2{ font-size:14px; line-height:32px; height:32px; width:460px; display:block; margin-top:5px;}
.xw_nr01 h2 a:hover{ color:#9c7652;}
.xw_nr01 p{ font-size:14px; line-height:28px; color:#666;}

.hyxw_body ul{ margin-top:15px;}
.hyxw_body ul li{ width:354px; height:30px; line-height:30px; float:left; margin-left:12px; font-size:14px; overflow: hidden;}
.hyxw_body ul li a{ color:#666;}
.hyxw_body ul li a:hover{ color:#9c7652;}

.template_cjwt{ width:248px; height:auto; display:table; float:right; background:#fcfcfa; padding-bottom:22px;}
.cjwt_title{ width:228px; height:51px; background:url(../images/title_cjwt.png) no-repeat left center; margin:0 auto; border-bottom:1px solid #eaeae9;}
.cjwt_title a{ float:right; line-height:51px; color:#888; font-size:16px;}
.cjwt_title a:hover{ color:#9c7652;}
.cjwt_body{ width:228px; height:auto; display:table; margin:0 auto;}
.cjwt_body ul li{ width:228px; height: auto; display:table; border-bottom:1px dashed #ccc; padding:12px 0;}
.cjwt_body ul li a h2{ overflow: hidden; font-size:12px; color:#6a6a6a; font-weight:normal; line-height:36px; height:36px; display:block; background:url(../images/q_01.png) no-repeat left center; text-indent:23px;}
.cjwt_body ul li a:hover h2{ color:#9c7652;}
.cjwt_body ul li a p{ 
	overflow: hidden;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	display: -webkit-box;
	display: box;
	padding-left:23px; line-height:20px; color:#6a6a6a; background:url(../images/a_01.png) no-repeat left 2px;}
/* news end */


/* footer */
.template_footer_bg{ width:100%; height:auto; display:table; background:#9c7652; margin-top:-35px;}
.template_footer{ width:1024px; height:auto; display:table; margin:0 auto; margin-top:160px;}
.foot_left{ width:309px; height:auto; display:table; float:left; background:url(../images/foot_li.png) no-repeat top right;}
.link_title{ width:309px; height:auto; display:table;}
.link_title img{ width:136px; height:29px;}
.link_title a{ width:210px; height:30px; line-height:28px; display:block; background:#eee8e1; margin-top:25px; font-size:14px; text-align:center; color:#9c7652;}
.link_title a:hover{ background:#333; color:#ccc;}

.link_body{ width:309px; height:auto; display:table; margin-top:20px; padding-bottom:100px;}
.link_body a{ width:auto; height:39px; line-height:39px; text-align:center; display:block; float:left; margin-right:45px; color:#fcfcfa;}
.link_body a:hover{ color:#333;}

.foot_center{ width:350px; height:auto; display:table; float:left; background:url(../images/foot_li.png) no-repeat top right; margin-left:45px;}
.dbdh_title{ width:350px; height:auto; display:table;}
.dbdh_title img{ width:292px; height:29px;}
.dbdh_title a{ width:210px; height:30px; line-height:28px; display:block; background:#eee8e1; margin-top:25px; font-size:14px; text-align:center; color:#9c7652;}

.dbdh_body{ width:350px; height:auto; display:table; margin-top:20px; padding-bottom:100px;}
.dbdh_body ul li{ width:130px; height:39px; line-height:39px; float:left; margin-left:5px;}
.dbdh_body ul li a{color:#fcfcfa;}
.dbdh_body ul li a:hover{ color:#333;}
.dbdh_body ul ul{ display:none;}

.foot_right{ width:280px; height:auto; display:table; float:right; }
.foot_right img{ width:162px; height:auto; padding-bottom:30px;}
.foot_right p{ color:#d2d2cc; line-height:24px;}
/* footer end */




/* 内页 */

/* 内页 */
.ny_content {
	width: 1200px;
	height: auto;
	display: table;
	margin: 80px auto;
}

/* 内页 left */
.ny_left {
	width: 300px;
	height: auto;
	display: table;
	float: left;
	overflow: hidden;
}

.ny_left_list {
	width: 300px;
	height: auto;
	display: table;
}

.ny_left_title {
	width: 300px;
	height: 85px;
	background: #9c7652;
}

.ny_left_title h2 {
	font-size: 28px;
	color: #FFF;
	text-indent: 0px;
	width: auto;
	height: auto;
	display: table;
	padding-top: 10px;
	font-weight: normal;
	letter-spacing: 3px;
}

.ny_left_title h3 {
	font-size: 22px;
	color: #FFFFFF;
	text-indent: 0px;
	width: auto;
	height: auto;
	display: table;
	padding-top: 0px;
	font-weight: normal;
	letter-spacing: 1px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.ny_left_title h5 {
	font-size: 70px;
	color: #FFFFFF;
	text-indent: 20px;
	width: auto;
	height: 70px;
	float: left;
	display: table;
	padding-top: 2px;
	font-weight: normal;
	letter-spacing: 1px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-right: 2px;
}

.ny_left_list_body {
	width: 300px;
	height: auto;
	display: table;
}

.ny_left_list_body ul li {
	width: 300px;
	height: 34px;
	display: block;
	line-height: 32px;
	text-indent: 20px;
	margin-top: 5px;
	border: 1px solid #eee;
}

.ny_left_list_body ul li a span {
	float: right;
	margin-right: 20px;
	color: #aaa;
	font-size: 14px;
	font-family: "宋体"；
}

.ny_left_list_body ul li a {
	width: 298px;
	height: 32px;
	display: block;
	background: #fafafa;
	border: 1px solid #eee;
	font-size: 14px;
	letter-spacing: 1px;
	color: #333333;
}

.ny_left_list_body ul li a:hover {
	background: #e1f1ff;
	border: 1px solid #c3e1fb;
	color: #0157a4;
}

.ny_left_list_body ul li a:hover span {
	color: #0157a4;
}

.ny_left_news {
	width: 300px;
	height: auto;
	display: table;
	margin-top: 20px;
}

.ny_left_news_body {
	width: 300px;
	height: auto;
	display: table;
	overflow: hidden;
	margin-top: 10px;
}

.ny_left_news_body ul li {
	width: 300px;
	height: 26px;
	line-height: 26px;
	font-size: 14px;
	overflow: hidden;
}

.ny_left_news_body ul li a{
	color: #333333;
}

.ny_left_news_body ul li span {
	font-size: 10px;
	color: #0157a4;
	margin-right: 5px;
}

.ny_left_contact {
	width: 300px;
	height: auto;
	display: table;
	margin-top: 20px;
}

.ny_left_contact_body {
	width: 250px;
	height: auto;
	display: table;
	overflow: hidden;
	margin-top: 20px;
	padding-left: 5px;
}

.ny_left_contact_body h2 {
	font-size: 14px;
	line-height: 23px;
}

.ny_left_contact_body h3 {
	font-size: 20px;
	line-height: 33px;
}

.ny_left_contact_body p {
	font-size: 14px;
	line-height: 23px;
}

.ny_left_contact_body h1{
	text-indent: 0 !important;
}

.ny_left_contact_body p img{
	width: 50%;
	float: left;
	margin: 0 !important;
}

/* 内页 left end */

/* 内页 right */
.ny_right {
	width: 880px;
	height: auto;
	display: table;
	float: right;
	overflow: hidden;
}

.ny_right_title {
	width: 880px;
	height: 36px;
	border-bottom: 1px solid #9c7652;
}

.ny_right_title a {
	width: auto;
	height: 36px;
	display: block;
	float: left;
	background: #9c7652;
	padding: 0 15px;
	line-height: 36px;
	color: #FFF;
	font-size: 14px;
}

.ny_right_title span {
	width: auto;
	height: 36px;
	display: block;
	float: left;
	background: #9c7652;
	line-height: 36px;
	color: #FFF;
}

/* .ny_right_title a:hover {
	color: #F96;
} */

.ny_right_body {
	width: 880px;
	height: auto;
	display: table;
	margin-top: 20px;
}

/* 内页 right 简介 */
.ny_right_body .ny_jianjie {
	width: 880px;
	height: auto;
	display: table;
	overflow: hidden;
}

.ny_right_body .ny_jianjie h2 {
	width: 880px;
	height: 52px;
	line-height: 50px;
	font-size: 22px;
	letter-spacing: 1px;
	text-align: center;
}

.ny_right_body .ny_jianjie p {
	line-height: 26px;
	text-indent: 28px;
	font-size: 14px;
	width: 880px;
	overflow: hidden;
}

.ny_right_body .ny_jianjie p img {
	max-width: 100%;
	height: auto;
	display: table;
	text-align: center;
}

/* 内页 right 产品 */
.ny_right_body .ny_product_index {
	width: 880px;
	height: auto;
	display: table;
}

.ny_right_body .ny_product_index ul li {
	width: 31%;
	height: auto;
	margin-bottom: 20px;
	transition: all .3s;
	z-index: 10;
	border: 1px solid #ededed;
	float: left;
	/* margin-left: 10px; */
	margin: 0 1.05% 20px;
}

.ny_right_body .ny_product_index ul li:hover{
	background-color: #f5f5f5;
	box-shadow: 0 0 10px #ccc;
}

.ny_right_body .ny_product_index ul li:hover a:before{
	width: 100%;
	height: 100%;
} 

.ny_right_body .ny_product_index ul li:hover a:after{
	width: 100%;
	height: 100%;
} 

.ny_right_body .ny_product_index ul li a {
	position: relative;
	display: block;
	z-index: 10;
}

.ny_right_body .ny_product_index ul li:hover div img{
	animation-name: top;
	animation-duration: .3s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}

@keyframes top {
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

.ny_right_body .ny_product_index ul li a:before{
	content: '';
	border-left: 1px solid #9c7652;
	border-top: 1px solid #9c7652;
	left: 0;
	top: 0;
	position: absolute;
	width: 20px;
	height: 30px;
	transition: all .5s;
	z-index: 1;
}

.ny_right_body .ny_product_index ul li a:after{
    content: '';
    border-right: 1px solid #9c7652;
    border-bottom: 1px solid #9c7652;
    right: 0;
    bottom: 0;
    position: absolute;
    width: 20px;
    height: 30px;
    transition: all .5s;
    z-index: 1;
}

.ny_right_body .ny_product_index ul li a div{
	overflow: hidden;
	width: 100%;
	height: 208px;
}

.ny_right_body .ny_product_index ul li a img {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	height: 208px;
}

.ny_right_body .ny_product_index ul li a h3 {
	width: auto;
	height: 36px;
	line-height: 26px;
	display: block;
	float: left;
	text-indent: 5px;
}

.ny_right_body .ny_product_index ul li a p {
	line-height: 60px;
	background-color: #fff;
	text-align: center;
	padding: 0 10px;
	font-size: 17px;
}

.ny_right_body .ny_product_index ul li a:hover p {
	color: #9c7652;
}

.ny_right_body .ny_product_view {
	width: 880px;
	height: auto;
	display: table;
}

.ny_right_body .ny_product_view .ny_product_view_img h2 {
	width: 880px;
	height: 52px;
	line-height: 50px;
	font-size: 22px;
	font-weight: normal;
	letter-spacing: 1px;
	text-align: center;
	padding: 15px 0;
}

.ny_right_body .ny_product_view .ny_product_view_img {
	text-align: center;
}

.ny_right_body .ny_product_view .ny_product_view_img img {
	max-width: 100%;
	width: auto;
	height: auto;
	text-align: center;
	margin: 0 auto;
}

.ny_product_view_body {
	width: 880px;
	height: auto;
	display: table;
}

.ny_product_view_body h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 36px;
}

.ny_product_view_body p {
	text-indent: 28px;
	line-height: 26px;
	font-size: 14px;
}

.ny_product_view_body img{
	margin: 0 auto;
	display: table;
	width: 100%;
}

/* 内页 right 新闻 */
.ny_right_body .ny_news_index {
	width: 880px;
	height: auto;
	display: table;
}

.ny_right_body .ny_news_index ul li {
	width: 880px;
	height: 36px;
	line-height: 36px;
	border-bottom: 1px dashed #ccc;
	background: url(../images/news_arrow.gif) no-repeat 6px 15px;
	text-indent: 20px;
	font-size: 14px;
}

.ny_right_body .ny_news_index ul li a {
	width: 880px;
	height: 36px;
	display: block;
}

.ny_right_body .ny_news_index ul li a span {
	float: right;
	margin-right: 6px;
}

.ny_right_body .ny_news_view {
	width: 880px;
	height: auto;
	display: table;
}

.ny_right_body .ny_news_view h2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 39px;
	padding: 0 10px;
}

.ny_right_body .ny_news_view h5 {
	font-size: 14px;
	font-weight: normal;
	width: 860px;
	line-height: 26px;
	height: 36px;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #999;
	margin-bottom: 10px;
	margin: 0 auto 10px;
}

.ny_right_body .ny_news_view h5 a {
	color: #999;
}

.ny_right_body .ny_news_view h5 span {
	float: right;
}

.ny_right_body .ny_news_view h5 a:hover {
	color: #0157a4;
}

.ny_right_body .ny_news_view p {
	font-size: 14px;
	text-indent: 0;
	line-height: 28px;
	width: 820px;
	margin: 0 auto;
	padding: 15px 0 0;
}


/* 内页 right 联系 */

.cn{
	font-size: 24px;
	    font-weight: bold;
	    margin-bottom: 20px;
}

.t1{
	font-size: 20px !important;
	line-height: 26px !important;
	margin-bottom: 5px;
}


/* 内页 right end */
.guest {
	width: 600px;
	height: 400px;
	margin: 0 auto;
	margin-top: 30px;
}

.guest p {
	margin-top: 10px;
}

.tijiao {
	width: 60px;
	border-radius: 8px;
	font-size: 16px;
	margin-left: 200px;
	margin-top: 20px;
	cursor: pointer;
}

/* 内页end */

.pages {
	text-align: center;
	margin-top: 30px;
	height: 28px;
	line-height: 26px;
	font-size: 14px;
	overflow: hidden;
}

.pages ul {
	margin: 0 auto;
	display: table;
}

.pages ul li {
	display: inline-block;
}

.pages ul li.active a {
	color: #9c7652;
	background: none;
	border: 1px solid #9c7652;
}

.pages ul li a {
	display: inline-block;
	margin: 0 8px;
	background: #9c7652;
	padding: 0 10px;
	color: #FFFFFF;
	border: 1px solid #9c7652;
}

.pages ul li a:hover {
	background: #FFFFFF;
	color: #9c7652;
	border: 1px solid #9c7652;
}

.news_page {
	margin-top: 20px;
	border-top: 2px dashed #999;
	padding-top: 20px;
}

.news_page ul {
	background: #E8E8E8;
	padding: 10px 0;
}

.news_page ul li {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #;
	text-indent: 24px;
}

.news_page ul li a {
	color: #9c7652;
}

.news_page ul li a:hover {
	color: #9c7652;
}