@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; font-family: "微软雅黑"; box-sizing:border-box; }
body{overflow-x: hidden}
img{ border:0; }
a{ text-decoration:none; color:#333; transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s;  }
input,textarea,button{outline:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
hr{ border:none;}
.l{ float:left}
.r{ float:right}
.tow{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.container{ width:1200px; margin: 0 auto;}
.clearfix{zoom:1; clear: none}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}




/* 导航栏 */
.header_center{width:100%; height:120px;box-shadow:1px 1px 6px rgba(0,0,0,0.5) ; position:fixed; top:0; left:0; z-index:999; background:#fff}
.index_logo{width:281px; height:75px; float: left; margin-top: 20px;}
.index_logo img{width:100%;  height: auto;}

.h_right{width:871px; height: 107px; float: right}
#menu{ height:62px; width:100%; margin-top: 26px; }
#menu .nav{ position:relative; z-index:1;  margin: 0 auto; width:100%; height:62px; float: left}
#menu .nav a{ color:#222222;}
#menu .nav .nLi{ float:left;  position:relative; display:inline; height:100%; margin-right:0 }
#menu .nav .nLi h3{ float:left; font-weight: normal; width:auto; z-index: 2; position: relative; height:62px; font-size: 18px; padding-right: 35px; }
#menu .nav .nLi h3 span{width:10px; height: 10px; border: 1px solid #222222; border-radius: 50%; float: left; margin-top: 25px; margin-right: 10px;}
#menu .nav .nLi h3 p{float: left;}
#menu .nav .nLi h3 .hd{width:31px; height: 35px; background: url(../images/hd_icon.png) no-repeat; position: absolute; top:0; right:0; opacity: 0}
#menu .nav .nLi:last-child{margin-right: 0;}
#menu .nav .nLi h3 a{color:#222222;  overflow: hidden ; line-height: 62px; padding-bottom: 15px;  display: block}
#menu .nav .sub{ display:none; width:120px; left:50%; margin-left: -60px;  top:62px;  position:absolute; background:#ddd;  line-height:36px; }
#menu .nav .sub li{ zoom:1; }
#menu .nav .sub a{ display:block; text-align: center; height: 36px;font-size: 14px;  color:#333;}
#menu .nav .sub a:hover{ color:#b79172;  }
.nLi > h3 > span{display: block; width: 120px; text-align: center; position: absolute; top: 21px;font-size: 12px;font-weight: normal; color: #fff; }
#menu .nav .active h3 a{ color: #b79172; font-weight:bold;}
#menu .nav .nLi:hover h3 a{color: #b79172; font-weight:bold;}
#menu .nav .nLi:hover h3 span,#menu .nav .active h3 span{border: 1px solid #b79172}
#menu .nav .nLi:hover .hd,#menu .nav .active h3 .hd{opacity: 1}





/*手机导航*/
.index_header{display: none;}
.sj_header{width:100%; clear:both; height:70px;  padding: 0px 10px; }
.logo{float:left; width:19%; margin-top: 10px;}
.menu{float:right; height:25px; width:34px; margin-top: 20px; }
.menu img{height:100%; width:100%;}
.app{float:right; padding-right:15px; margin-top:7px;}
.app img{height:22px;}
.logo img{width:100%; height: 100%;}
.openmenu{overflow-y:scroll; position:relative;}
#pgcontainer{margin:0px; padding:45px 0px;}
.overlay{left:0px; right:0px; bottom:0px; position: fixed; z-index:99; background-color:rgba(0, 0, 0, 0.5);}
.openmenu .overlay{top:0px;}
#hamburgermenu{background:#b79172; left:0px; top:0px; width:0px; height:100%; overflow-y:scroll; position:fixed; z-index:999; box-shadow:3px 0px 7px rgba(0,0,0,0.55); -webkit-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55); -moz-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55);}
.nav_logo{width:100%; padding-top:10px; text-align:center; clear:both;}
.nav_logo img{height:35px; margin:5px 0px;}
.menu_head{width:100%; min-width:150px; border-bottom:rgba(255, 255, 255, 0.32) 1px solid; line-height:25px; text-indent:1em; color:#fff; padding:8px 0px; font-size:0.9em; position:relative; margin:0px;}
.menu_head img{vertical-align:middle; height:25px; padding-right:5px;}
.menu_head a{color:#fff; }
.menu_body{width:100%; min-width:150px; overflow:hidden; line-height:38px; display:none;}
.menu_body a{width:100%; display:block; height:28px; line-height:28px; color:#fff; text-indent:2em; border-bottom:rgba(255, 255, 255, 0.32) 1px solid; font-size:0.9rem}





/* 首页:banner */
.banner{ width:100%;  position:relative;  height:auto; margin-bottom: 0; margin-top:120px; }
.banner img{width:100%; height: auto;}
.banner .slideBox{position:relative;width:100%;height:100%}
.banner .slideBox .hd{position:absolute;right:50%; bottom:20px;z-index:1;overflow:hidden; height:60px; line-height: 60px; z-index: 999}
.banner .slideBox .hd ul{float:left;overflow:hidden;zoom:1}
.banner .slideBox .hd ul li{float:left;margin-right:25px;  cursor:pointer; width: 12px; height: 12px; border-radius: 50%; background: #fff;}
.banner .slideBox .hd ul li:last-child{margin-right: 0px;}
.banner .slideBox .hd ul li.on{background: #0166a9}
.banner .slideBox .bd{position:relative;z-index:0;width:100%;height:100%}
.banner .slideBox .bd ul{width:100%;height:100%}
.banner .slideBox .bd li{width:100%;height:100%;vertical-align:middle;zoom:1}
.banner .slideBox .bd li a{display:block;overflow:hidden;width:100%;height:100%}
.banner .slideBox .bd img{display:block;width:100%;height:100%}
.slick-dots{bottom:50px;}
.slick-dots li button{background: #fff; border-radius: 50%; width: 10px; height: 10px;}
.slick-dots li{background: #fff; border-radius: 50%; width: 10px; height: 10px;}
.slick-dots li.slick-active,.slick-dots li.slick-active button{ background: #b79172}
.slick-dots li button:before{content: ""}


/*案列*/
.index_case{width:100%; height: auto; overflow: hidden}
.index_case_right{width:50%; height: auto; float: left}
.index_case_right img{width:100%; height: auto}
.index_case_left{width:50%; height: auto; float: right; position: relative}
.section_2 .text {display: none; width: 100%; text-align: center; padding-top:15vh; padding-bottom: 17vh; position: absolute; top:0; left:0}
.banner_btn{width:210px; height: 55px; line-height: 55px; margin: 20px auto; border:1px solid #222222; font-size: 18px; color: #222222; border-radius: 8px; display: block}
.banner_btn:hover{ background:#ab8772; color:#fff; border:1px solid #ab8772}
.section_2 .text h4{font-size: 48px; color: #ab8772; font-family: "Georgia"; line-height: 60px; margin-top: 8vh}
.section_2 .text h5{font-size: 36px; color: #222222; font-weight: bold; margin: 8px 0}
.section_2 .text p{font-size: 16px; color: #666666; line-height:30px;}
.c_close{margin: 5vh auto; display: block;}
.swiper-pagination-bullet{width:18px; height:18px; border: 2px solid #fff; background: none; opacity: 1}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:86px;}
.swiper-pagination-bullet-active{background: #fff}
.r_bjs{width:100%; height: auto;}



/*产品中心*/
.index_prodduct{width:100%; height: auto; overflow: hidden; margin-top: 74px;}
.index_prodduct .index_prodduct_title{width:100%; height: auto; overflow: hidden; text-align: center}
.index_prodduct .index_prodduct_title h3{font-size: 36px; color: #222222; font-weight: bold; background: url(../images/pro_bj.png) no-repeat top center; height: 55px;
line-height:70px;}
.index_prodduct .index_prodduct_title p{font-size: 16px; color: #666666; line-height: 35px;}

.index_prodduct ul{width:100%; height: auto; overflow: hidden; margin-top: 20px;}
.index_prodduct ul li{width:32%; height: auto; float: left; margin-right: 2%; margin-bottom: 20px;}
.index_prodduct ul li:nth-child(3n){margin-right: 0}
.pro_pic{width:100%; height: auto; overflow: hidden; position: relative}
.pro_pic img{width:100%; height: auto;}
.index_prodduct ul li .pro_jhs{width:100%; height: 100%; position: absolute; top:100%; left:0; background:rgba(171,135,114,0.5) url(../images/jhs.png) no-repeat center;}
.pro_xx{width:100%; height: 40px; line-height: 40px; margin-top: 20px;}
.pro_xx p{width:100%; height: 40px;  text-align: center; text-overflow: ellipsis; overflow: hidden; white-space:nowrap; padding: 0px 10px;}
.pro_xx img{float: right; display:none}
.pro_guan{width:212px; height: 56px; border: 1px solid #333333; border-radius: 8px; display: block; margin: 44px auto; text-align: center; line-height: 54px;font-size: 18px; color: #222222}
.index_prodduct ul li:hover .pro_jhs{top:0}
.index_prodduct ul li:hover p{width:305px; text-align: left; float: left; color:#ab8772; font-weight:bold;}
.index_prodduct ul li:hover .pro_xx img{display: block}
.pro_guan:hover{background:#b79172; color:#fff; border:1px solid #b79172}


/*关于我们*/
.index_about{width:100%; height: auto; overflow: hidden; background: url(../images/about_bjs.jpg) no-repeat top center; padding-top: 78px;}
.index_about .index_about_t{width:100%; height: auto; overflow: hidden; text-align: center}
.index_about .index_about_t h3{font-size: 36px; color: #222222; font-weight: bold; background: url(../images/about_t.png) no-repeat top center; height: 55px;
line-height:70px;}
.index_about .index_about_t p{font-size: 16px; color: #666666; line-height: 35px;}
.index_about_info{width:985px; height: auto; overflow: hidden; text-align: center; margin:0px auto;}
.index_about_info p{font-size: 16px; color: #666666; line-height: 35px;}
.in_video{width:100%; height: auto; overflow:hidden; margin-top: 48px;}
.in_video img{width:100%; display: block}
.in_video video{width:100%; height: auto;}

/*介绍人*/
.index_ren{width:100%; height: 736px; background: url(../images/ren_bj.jpg) no-repeat center;position:relative; padding-top: 26px;}
.index_ren_t{width:51%; height: 145px; position: absolute; top:46px; left:0; background: url(../images/m_t.png) no-repeat right }
.index_ren_left{width:55%; float: left; margin-top:180px }
.index_ren_left h4{font-size: 36px; color: #ab8772; font-weight: bold;}
.index_ren_left h3{font-size: 60px; color: #ab8772;  font-weight: bold;}
.ren_x{width:100%; height: auto; margin-top: 20px;}
.ren_x hr{width:40px; height: 2px; background: #ab8772; float: left; margin-top: 18px;}
.ren_x_info{ margin-left: 50px; font-size: 16px; color: #555555; line-height: 40px;}
.index_ren_right{width:45%; float: right;position: relative}
.index_ren_right img{width:280px; height: auto; float: right}
.index_ren_yuan{width:260px; height:260px; border-radius: 50%; background: #fff; padding: 10px; position: absolute; bottom:115px; left:0}
.index_nei_yuan{width:100%; height: 100%; border-radius: 50%; background: #8ab4de; text-align: center; padding-top: 57px;}
.index_nei_yuan p{font-size: 18px; color: #fff; margin-top:5px;}
.index_nei_yuan p span{font-size: 40px; color: #fff}
.index_nei_yuan a{font-size: 16px;color: #fff; margin-top: 15px;display: block}
.index_nei_yuan a:hover{color:#0085da; text-decoration:underline}


/*新闻*/
.index_news{ width: 100%; height: auto; overflow: hidden; margin-top: 76px; margin-bottom: 87px; }
.index_news_title{width:100%; height: auto; overflow: hidden; text-align: center; margin-bottom: 30px;}
.index_news_title h3{font-size: 36px; color: #222222; font-weight: bold; background: url(../images/n_t.png) no-repeat top center; height: 55px;
line-height:70px;}
.index_news_title p{font-size: 16px; color: #666666; line-height: 35px;}
.index_news_list{width:31.5%; height: auto; float: left; margin-right: 2.5%;}
.innews_title{width:100%; height: 30px;}
.innews_title h3{font-size: 16px; color: #fff; font-weight: bold; float: left; background: #ab8772; width: 90px; height: 30px; text-align: center; line-height: 30px;}
.innews_title a{font-size: 14px; color: #999999; float: right; line-height: 30px;}
.n_xx{width:100%; height: auto; margin-top:10px;}
.n_xx h3{width:100%; height: 30px; line-height: 30px; color: #222222; font-size: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 8px; 
	font-weight: bold;}
.n_xx span{font-size: 14px; color: #999999; }
.n_xx p{width:100%; height: auto; overflow: hidden; font-size: 14px; color: #999999; line-height: 28px; margin-top: 5px;}
.n_pic{width:100%; height: auto; overflow: hidden; margin-top: 15px;}
.n_pic img{width:100%; height: 100%; display:block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.news_right_list{width:31.5%; height: 424px; float:right; }
.news_right_list .innews_title a{margin-right:90px;}
.txtScroll-top{ width:100%; position:relative;    }
.txtScroll-top .hd{ height:30px;  position: absolute; top:-52px; right:0 }
.txtScroll-top .hd .prev,.txtScroll-top .hd .next{ display:block;  width:32px; height:28px; float:right; margin-right:5px;  overflow:hidden;
	 cursor:pointer; }
.txtScroll-top .hd .next{background: url(../images/n_bottom.png) no-repeat center}
.txtScroll-top .hd .prev{background: url(../images/n_topp.png) no-repeat center}
.txtScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; }
.txtScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.txtScroll-top .hd ul li.on{ background-position:0 0; }
.txtScroll-top .bd{width:100%; height: 380px; overflow: hidden; margin-top: 20px;}
.txtScroll-top .infoList li{width:100%; height: 112px; border: 1px solid #eee; background: #f5f5f5; padding: 0 26px; margin-top:14px;}
.txtScroll-top .infoList li h3{width:100%; height: 35px; line-height: 35px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 18px; color: #222222; font-weight: bold; margin-top: 12px;}
.txtScroll-top .infoList li p{width:100%; height: 50px; overflow: hidden; font-size: 14px; color: #999999; line-height: 25px;}
.txtScroll-top .infoList li:hover h3,.txtScroll-top .infoList li:hover p{color:#ab8772}
.news_right_list .innews_title a:hover,.innews_title a:hover{color:#ab8772}

.index_news_list:hover .n_xx h3,.index_news_list:hover .n_xx span,.index_news_list:hover .n_xx p{color:#ab8772}
.index_news_list:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}





/*底部*/
.footer{width: 100%; height:370px; background:url(../images/footer_bj.jpg) no-repeat center; padding-top:62px;}
.f_logo{widdth:179px; height: 156px; float: left}
.f_logo img{width:100%; height: auto}
.f_center{width:553px; height: 190px; float: left; padding: 0px 43px; border-left:1px solid #78777a; border-right:1px solid #78777a; margin-top: 8px;     margin-left: 4%;}
.f_center .f_cenxx{width:330px; float: left}
.f_center .f_cenxx h4{font-size: 16px; color: #fff; margin-bottom: 8px;}
.f_center .f_cenxx span{font-size: 24px; color: #fff; font-family: "Arial"; font-weight: bold; }
.f_center .f_cenxx p{font-size: 14px; color: #fff; line-height:28px;}
.f_link{width:auto; margin-top: 10px;}
.f_link a{width:94px; height: 30px; border: 1px solid #fff; text-align: center; line-height: 26px; font-size: 14px; color: #fff;float: left; border-radius: 8px; margin-right: 15px;}
.f_link a:hover{background: #885e46; color: #fff; border: 1px solid #885e46}
.footer_img{width:120px; height: auto; overflow: hidden; float: right}
.footer_img img{width:100%; height:100%;}
.footer_img p{width:100%; height:35px; line-height:35px; font-size:14px;  color: #ffffff; }

.f_right{width:362px; height: auto; float: right; margin-top: 8px;}
.f_right h4{font-size: 16px; color: #fff;}
.f_input{width:100%; height: auto; overflow: hidden;margin-top: 8px;}
.f_input input[type="text"]{width:170px; height: 35px; font-size: 14px; color: #fff; float: left; background: none; border: 0;  border-bottom: 1px solid #666;}
.f_dhs{float: right!important}
.f_text{width:100%; height: 40px;   font-size: 14px; color: #fff; background: none; border: 0;  border-bottom: 1px solid #666;  resize: none; margin-top: 8px;}
.input_submit{width:96px; height: 37px; background: #d7171e; font-size: 14px; color: #fff; border: 0; border-radius: 5px; margin-top: 20px;}
.footer_ban{width:100%; height:60px; line-height:60px; background:#111111; margin-top:74px; }
.footer_zhichi{width:auto; height:60px;  float: right}
.footer_zhichi p{ width: auto; float: left; margin-left: 20px;  font-size: 14px; }
.footer_zhichi .pt{width:121px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top:19px; margin-right: 10px}
.footer_zhichi .js{width:121px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top:19px;}
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat}
.footer_zhichi .js:hover{background: url(../images/ws_hover.png) no-repeat} 
.footer_zhichi span{float: left; font-size: 12px; color: #fff;}
.footer_zhichi i{ float: left;}
.f_brq{width:auto;height:100%; line-height:60px; font-size: 14px; color:#fff; float: left}
.f_brq a{margin-left: 15px; color: #fff;}
.f_brq a:hover{color:#97050f!important}
.index_kuaijie{width:100%; height:40px; line-height:40px; overflow: hidden; }
.index_kuaijie a{float: left; width:auto; text-align: center; font-size:14px; color: #333333; margin: 0px 10px;}
.index_kuaijie p{font-size: 14px; color: #333333; float: left; }
.index_kuaijie a:hover{color:#97050f}


input:required:invalid{
	background:none;
	box-shadow: none;
	-moz-box-shadow: none;
}
input:required:valid{
	background:none;
	box-shadow: none;
	-moz-box-shadow: none;
}

textarea:required:invalid{
	background:none;
	box-shadow: none;
	-moz-box-shadow: none;
}

textarea:required:valid{
	background:none;
	box-shadow: none;
	-moz-box-shadow: none;
}





/*底部*/
footer{ position: fixed;  bottom: 0;left: 0;z-index: 888; height:70px;width: 100%; font-size: .14rem;background:#ab8772; display: none; }
footer li{width:20%; height: 70px; float: left; position: relative; border-right:1px solid rgba(255,255,255,0.5) }
footer li a{display: block;width: 100%;height: 100%;text-align: center;box-sizing: border-box;color: #fff}
footer span{line-height:30px; font-size: 12px; width: 100%; display: block}
footer li.active{background: #92715f}
footer .n1{background: url(../images/f_1.png) no-repeat center;background-size:  100% 100%; width: 28px; }
footer .n2{background: url(../images/f_2.png) no-repeat center;background-size:  100% 100%; width: 28px; }
footer .n3{background: url(../images/f_3.png) no-repeat center;background-size:  100% 100%; width: 33px; }
footer .n4{background: url(../images/f_4.png) no-repeat center;background-size:  100% 100%; width:20px;}
footer .n5{background: url(../images/f_5.png) no-repeat center;background-size:  100% 100%; width: 25px;}
footer i{height:25px; display: block; margin: 12px auto 0; }
.copy {width: 100%; padding-bottom:20px; padding-top:20px; text-align: center; line-height: 20px; clear: both; font-size: 1rem; display: none;}
.copy a{color: #999999; height: 30px; line-height: 28px;}
.copy p{width:100%; color: #999999; line-height: 28px;}



/*内页about*/
.ny_banner{width:100%; height:300px; background: url(../images/about_ban.jpg) no-repeat center; padding-top:70px; margin-top:120px;}
.ny_banner .ny_banner_t{width:100%; height: auto; overflow: hidden; text-align: center}
.ny_banner .ny_banner_t h3{font-size: 48px; color: #b79172; font-family: "Arial"; margin: 10px 0}
.ny_banner .ny_banner_t p{font-size: 30px; color: #222222;}
.ny_banner_fbt{width:100%; height: 57px; background:rgba(255,255,255,0.5); padding: 0px 20px;  margin-top: 58px;}
.ny_banner_fbt .fbt_left{width:70%; height: 57px; float: left}
.ny_banner_fbt .fbt_left li{width:auto; float: left;  margin-right: 2%; line-height: 57px;}
.ny_banner_fbt .fbt_left li a{font-size: 18px; color: #666666;}
.ny_banner_fbt .fbt_left li:hover a,.ny_banner_fbt .fbt_left li.active a{color:#b79172; font-size: 24px; font-weight: bold;}
.ny_dizhi{width:auto; height: 57px; line-height: 57px; overflow: hidden; float: right; font-size: 14px; color: #666666;}
.ny_dizhi p,.ny_dizhi a{font-size: 14px; color: #666666;}
.ny_about{width:100%; height: auto; overflow: hidden; margin: 40px 0; font-size: 16px; color: #666666; line-height: 32px;}
.ny_about img{max-width:100%; height:auto!important}
.ny_banner_fbt h3{color:#b79172; font-size: 24px; font-weight: bold; line-height: 57px; float: left}

.ny_sjnav{width:100%; height: auto; display: none; padding: 0px 10px; margin-top: 15px; overflow: hidden}
.ny_sjnav ul{width:100%; height: auto;}
.ny_sjnav ul li{width:32%; height: 35px; line-height: 35px; text-align: center; float: left; margin-right: 2%; background: #eee; margin-bottom: 10px;}
.ny_sjnav ul li a{color:#666; font-size: 1rem}
.ny_sjnav ul li.active{background:#b79172}
.ny_sjnav ul li.active a{color:#fff}
.ny_sjnav ul li:nth-child(3n){margin-right: 0}




/*荣誉资质*/
.ny_honor{width:100%; height: auto; overflow: hidden; margin: 40px 0}
.ny_honor ul{width:100%; height: auto; overflow: hidden}
.ny_honor ul li{width:23.5%;  height: auto; float: left; margin-right: 2%; margin-bottom: 20px;}
.ny_honor ul li:nth-child(4n){margin-right: 0}
.ny_honor ul li .honor_pic{width:100%; height: auto;border: 1px solid #dddd}
.ny_honor ul li .honor_pic img{width:100%; height:auto; overflow: hidden; display: block}
.ny_honor ul li p{width:100%; height: 40px; line-height: 40px; text-align: center; font-size:16px; color: #666; text-overflow:ellipsis; overflow:hidden; white-space:nowrap }




/*产品系列*/
.ny_product{width:100%; height: auto; overflow: hidden; margin: 40px 0}
.ny_product_left{width:19%; height: auto; float: left}
.ny_product_left h3{font-size: 24px; color: #b79172}
.ny_product_left ul{width:100%; height: auto; overflow: hidden; margin-top: 8px; padding-left: 40px;}
.ny_product_left ul li{width:100%; height: 40px; line-height: 40px;}
.ny_product_left ul li a{font-size: 18px; color: #666666;}
.ny_product_left ul li:hover a,.ny_product_left ul li.active a{color:#b79172;}
.ny_product_right{width:81%; height: auto; float: left}
.ny_product_right ul{width:100%; height: auto; overflow: hidden;}
.ny_product_right ul li{width:32%; height: auto; margin-right: 2%; border: 1px solid #dddddd; float: left; margin-bottom: 30px;}
.ny_product_right ul li:nth-child(3n){margin-right: 0}
.ny_product_right ul li .ny_propic{width:100%; height: auto; overflow: hidden}
.ny_product_right ul li .ny_propic img{width:100%; height: auto; overflow: hidden; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_pro_xx{widdth:100%; height: auto; overflow: hidden; text-align: center; padding: 0px 10px;}
.ny_pro_xx h3{font-size: 16px;color: #b79172; height: 35px; line-height: 35px; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.ny_pro_xx p{font-size: 14px; color: #999999; line-height: 30px;}
.ny_pro_xx span{width:154px; height: 40px; line-height: 40px; border: 1px solid #dddddd; font-size: 14px; color: #999999; border-radius: 8px; display: block; margin:10px auto 30px;}
.ny_product_right ul li:hover{border:1px solid #b79172}
.ny_product_right ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_product_right ul li:hover span{border:1px solid #b79172; color: #b79172}


/*产品详情*/
.ny_product_top{width:100%; height: auto; overflow: hidden; padding-bottom:40px;}
.ny_product_top .pro_big{width:50%; height: auto; float: left; position:relative}
.ny_product_top .pro_big img{width:100%; height: auto}
.pro_info{width:50%; height: auto; float: left; padding: 4% 5% 0}
.pro_info h3{font-size: 30px; color: #ab8772; font-family: "Georgia"}
.pro_info h4{font-size: 24px; color: #333333; font-weight: bold; line-height: 35px; margin-top: 5px;}
.pro_info p{width:100%; height: auto; overflow: hidden; font-size: 16px; color: #666666; line-height: 26px; margin: 10px 0}
.pro_info a{width:260px;height: 62px; background: #b79172; color: #fff; text-align: center; line-height: 62px; display: block; margin-top: 98px;}
.ny_product_bottom{width:100%; height: auto; overflow: hidden; border-top:1px solid #dddddd; padding-top:20px;}
.ny_product_bottom p{font-size: 16px; color: #666666; line-height:30px;}
.ny_sj_show{width:100%; height:auto; overflow:hidden; display:none;}
.ny_sj_show img{width:100%; height:100%;}






/*新闻中心*/
.ny_news{width:100%; height: auto; overflow: hidden; margin: 40px 0}
.ny_news ul{width:100%; height: auto; overflow: hidden;margin-bottom: 40px;}
.ny_news ul li{width:100%; height: auto; overflow: hidden; padding: 15px}
.ny_news ul li .ny_time{width:115px;height: auto; float: left;margin-top:25px;}
.ny_news ul li .ny_time span{display: block; font-size: 12px; color: #999; text-align: right}
.ny_news ul li .ny_time p{font-size: 41px; color: #c8c8c8}
.news_xx{width:63%; height: auto; float: left; margin-left:2%; margin-top: 20px;}
.news_xx h3{widdth:100%; height: 35px; line-height: 35px; font-size: 18px; color: #666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.news_xx p{width:100%; height:52px; line-height: 25px; font-size: 14px; color: #666;  margin: 10px 0; word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; }
.news_xx span{font-size: 14px; color: #aaaaaa}
.news_pic{width:22%; height: auto; float: right}
.news_pic img{width:100%; height: auto}
.ny_news ul li:hover{background: #f4f4f4}
.ny_news ul li:hover .ny_time p,.ny_news ul li:hover .ny_time span,.ny_news ul li:hover span{color:#b79175}
.ny_news ul li:hover h3{font-weight: bold; color: #333}




/*联系我们*/
.ny_contact{width:100%; height: auto; overflow: hidden; margin: 40px 0}
.ny_contact_map{width:100%;  height: 300px; overflow: hidden; margin-top: 20px;}
.ny_conta_xx{width:100%; height: auto; display: block; overflow: hidden; margin-bottom: 42px; margin-top: 20px;}
.contact_right{width:50%;float: left; font-size: 16px; color: #666666; line-height:32px}
.ny_cont_wx{width:340px; height: auto; float: right}
.ny_cont_wx dl{width:140px; height: 200px; float: left; margin-right: 26px;}
.ny_cont_wx dl dt{width:140px; height: 140px; border: 4px solid #e5e5e5; background: #fff}
.ny_cont_wx dl dd{ font-size: 14px; color: #626262; height: 35px; line-height: 35px; text-align: center}
.ny_cont_wx dl dt img{width:100%; height: 100%;}


.zsjm{width: 100%;height: 100%;margin: 20px auto;position: relative;}
.zsjm>img{width: 100%;height: 100%; display:block;}
.zsjm p{display: none;cursor: pointer; padding-top:20%}
.zsjm p span{transition: all ease 0.5s; width:100%; text-align:center;}
.zsjm p b{color: #fff;font-size: 16px;transition: all ease 0.5s; width:100%; text-align:center; display:block}
.zsjm p.mask{z-index: 99; position: absolute;top: 0;left: 0;width: 100%;height:100%;background:rgba(0,0,0,0.7); text-align:center}
.zsjm p.mask span{top: 148px;}
.zsjm p.mask b{bottom: 180px;color: #fff;font-size:16px;}
.ny_about h4{width:100%;  font-size:18px; font-weight:bold; text-align:center; margin-top:20px;}
.zsjm:hover .mask{display: block;}




/*手机页码*/
.page-list{ position:relative; margin:20px 0; clear:both; display:none;}
.page-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.page-list a,.page-list span{ margin:0;  padding:0; display:none; float:left; width:25%; line-height:35px; border:1px solid #ddd; border-right-color:#fff; font-size:13px; text-align:center; background:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.page-list span{ color:#999; }
.page-list a{ color:#1eabf3; }
.page-list span:nth-child(1),.page-list span:nth-child(2),.page-list a:nth-child(2){ display:block; float:left;}
.page-list span:nth-last-child(1),.page-list a:nth-last-child(1){ display:block; float:left; border-right-color:#ddd; }
.page-list .current{ display:block; float:left; }







/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:200px;
    width: 77px;
    z-index: 999;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
	 font-size: 14px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}

.lxfx li i.icon-top {
    background-position: -30px -50px; height: 35px;
}


.lxfx li p {
    line-height: 12px;
    text-align: center;
}
.lxfx li {
    background:#ab8772;
    height: 60px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}

.keyword_light video{background-color: #000;}



@media screen and (max-width:1440px){
	
	
}


@media screen and (max-width:1366px){
	
	.section_2 .text{padding-top: 5vh}
}


@media screen and (max-width:1190px){
	.container{width:100%; padding: 0px 10px;}
	.index_logo{width:19%; height: auto;}
	.header_center,.lxfx{display: none;}
	.index_header{display: block;}
	.section_2 .text h4{font-size: 30px; line-height: 30px; margin-top: 3vh}
	.section_2 .text h5{font-size: 20px;}
	.banner_btn{width:180px; height: 40px;line-height: 38px;}
	.section_2 .text{padding-top: 3vh}
	.index_ren_left h4{font-size: 24px;}
	.index_ren_left h3{font-size: 40px;}
	.index_ren_t{background-size:100% auto }
	.footer_img{display: none}
	.f_center{width:37%}
	.banner,.ny_banner{margin-top:0}
}

@media screen and (max-width:768px){
	.section_2 .text img.c_logo{width:24%}
	.section_2 .text h4{font-size: 22px;}
	.section_2 .text p{font-size: 14px;line-height: 24px;}
	.c_close{margin: 1vh auto}
	footer{display: block}
	.footer{display: none;}
	body{padding-bottom: 80px;}
	.index_news{margin-bottom:10px;}
	.ny_product_left ul{padding-left: 8px;}
	.index_ren_t,.ny_banner_fbt .fbt_left,.ny_banner_fbt h3,.ny_product_left,.news_pic,.ny_cont_wx{display: none;}
	.news_xx{width:52%}
	.pro_info h3{font-size: 26px;}
	.pro_info h4{font-size: 20px;}
	.index_about_info{width:90%;}
	.ny_sjnav,.copy{display: block}
	.ny_product_right{width:100%;}
	.ny_dizhi {float:left;}
	.keyword_light video{width:100% !important;}
}

@media screen and (max-width:425px){
	.logo{width:42%}
	.slick-dots{bottom: 20px;}
	.index_case_right,.index_case_left{width:100%;}
	.index_prodduct .index_prodduct_title h3,.index_about .index_about_t h3,.index_news_title h3{background-size: 100% auto;line-height: 50px}
	.index_prodduct ul li,.ny_honor ul li{margin-right: 0; width: 48%}
	.index_prodduct ul li:nth-child(2n),.ny_honor ul li:nth-child(2n){float: right}
	.index_ren_left{width:100%; height: auto; float: none;}

	.index_ren_left{margin-top: 15px;}
	.index_ren_left h3{font-size: 2rem}
	
	.index_ren_right{width:100%}
	.index_ren_right img{width:32%; float:none; margin: 0px auto; display: block;}
	.index_ren_yuan{width:250px; height: 250px; bottom:10px;}
	.index_news_list{width:100%; margin-right: 0; margin-bottom: 20px;}
	.news_right_list{width:100%; height: auto}
	.ny_product_right{width:100%; float: none;}
	.ny_product_right ul li{margin-right: 0; width: 48%}
	.ny_product_right ul li:nth-child(2n){float: right}
	
	.news_xx{width:auto; margin-left:110px; float: none }
	.ny_news ul li{padding:15px 0}
	.ny_news ul li .ny_time{width:89px;}
	.ny_news ul li .ny_time p{font-size: 32px;}
	.ny_product_top .pro_big,.pro_info,.contact_right{width:100%; float: none;}
	.page-list{display:block;}
	.digg{display:none;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:20px;}
	.swiper-pagination-bullet{width:12px; height:12px;}
	.index_prodduct ul li:hover p{width:100%;  text-align:center}
	.index_prodduct ul li:hover .pro_xx img{display:none;}
	.ny_pro_xx span{width:80%}
	.pro_info a{margin-top:40px;}
	.index_ren_right{float:none;}
}



@media screen and (max-width:375px){
	.index_ren_yuan{width: 220px; height: 220px;}
	.index_nei_yuan{padding-top: 35px;}
	.index_nei_yuan p span{font-size: 30px;}
}


@media screen and (max-width:360px){
	.ren_x_info{line-height: 30px; font-size: 14px;}
	.index_ren_left h3{font-size: 1.6rem}
	.index_ren_left h4{font-size: 1.2rem}
	.index_ren{height: auto; overflow: hidden}
	.index_nei_yuan p{font-size: 16px;}
	.ny_sjnav ul li a{font-size: 0.9rem}
	.ny_pro_xx span{width:85%}
}

@media screen and (max-width:320px){
	.index_nei_yuan p,.index_about_info p{font-size: 14px;}
	.index_nei_yuan p span{font-size: 24px;}
	.index_ren_yuan{width:180px; height: 180px;}
	.section_2 .text h4{font-size: 18px; line-height: 20px; margin-top: 0}
	.section_2 .text p{font-size: 12px;}
	.section_2 .text{padding-bottom: 20px;}
	.section_2 .text img.c_logo{font-size: 16%}
	.banner_btn{width:160px;height: 35px; line-height: 32px;}
}