﻿*{ font-family:"微软雅黑";}
ul{
	list-style: none;
	width: 100%;
	height: 100%;
}
a{	
	text-decoration: none;
	color: #666;
	display: inline-block;
}
a:hover{color:#b0412c;}
body{
	overflow:auto;
}
.pic img{width: 100%;height: 100%;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;box-sizing: border-box;}
.left{
	float: left;
}
input{outline:none;}
.right{
	float: right;
}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.topline{ width: 100%;height:5px;position: sticky;z-index: 999; background: #805A3C;top: 0;}
/*midbody*/
.midBody{width: 100%;}
#bg{
	width: 1610px;
	height: 1080px;
	position: fixed;
	background: url(../images/midbg.jpg) center top;
	z-index: -1;
}
/*navmargin: 70px 0 50px 50px;*/
.nav{width: 16%; float: left;position: fixed; background: white;z-index: 999; top:7px;padding-top:30px; left:0px;}
.main{float: right;width: 84%;}
.navBox{width:100%;height:100%}
#logo{width: 100%;height: 57px; margin:30px 0 50px;text-align: center;}
.navBox ul{height: auto;}
#nav_bar>li{width: 100%;height: 49px;position: relative; border-bottom:1px solid #D2D3CC;line-height: 49px;}
#nav_bar>li h3 a{width: 100%;height: 100%;font-size: 20px;color:#A37E61; text-align: right;padding-right: 50px; font-family:KaiTi;}
#nav_bar>li h3 a span{font-family:arial; color: #666666;font-size: 12px;border-right:1px solid #666666;padding-right: 10px;margin-right: 15px;font-weight: 100;}
.nLi .sub{zoom: 1;z-index: 99; display: none;text-align: center; position: absolute;top: 0;width:120px;right:-120px;border-right: 1px solid #E3E3E3;border-top: 1px solid #A37E61;background: white;}
.sub li a{height: 40px; line-height: 38px;margin: 0;padding: 0;border-bottom: 1px solid #E3E3E3;}
.nLi .sub li:hover{background: #E5E5E5;margin: 0;}
.nLi .sub li:hover a{color:#A37E61;}
.nav .on h3>a{border-right:3px solid #A37E61; background: #E5E5E5;}
.code{width:100%;height: 60px;margin-top: 165px;float: right;position:relative;display:none}
.phonecode1,.wecode1{cursor: pointer;float: right;m;margin-left: 30px;idth: 50px;height: 50px;border-radius: 25px;background: #414141;position: relative;right: 16%;}
.code .on{background-color: #A37E61;}
.codebox{position: absolute;bottom: 50px;width: 145px;height: 154px;}
.codebox{display: none;}
.wecode1{margin-left: 27px;}
.phonecode1>img,.wecode1>img{margin: 7px;}.wecode1>img{margin-top: 9px;}
.shouji{right:0px;}
.weixin{ right:75px;}

/*header*/
.header{width:1200px;margin: 0 auto;}
.topbar,.search_bar{height: 46px;border-bottom: 1px solid #E5E5E5; width: 100%;    padding-left: 8px;}
.topbar .left{line-height: 46px; font-family: KaiTi; color: #a37e61; font-size: 18px;}
.topbar .right{line-height: 45px;font-size: 14px; color:#a37e61;}
.topbar .right span{color: #666666;display: inline-block;}
.search_bar .left span{color: #333333;display: inline-block; line-height: 50px;}
.search_bar .left a,.topbar .right span a{width: auto;margin: 0 10px;}
.search_bar{height: 50px;}
.input_group {
    width:181px;
    height: 28px;
    display: inline-block;
    margin-top: 10px;
    float: right;
}

#search_text {
    width: 206px;
    height: 28px;
    float: left;
    text-indent: 20px;
    font-size: 12px;
    line-height: 28px;
    outline: none;
    box-sizing: border-box;
    border: 1px solid #E5E5E5;
}
.input_group input{float: left;border: 1px solid #ddd;height: 19px;padding-left:5px;width:130px;}
#search_btn {
    outline: none;
    border: none;
    width: 40px;
    height: 23px;
    float: left;
    background: url(../images/search.png) center no-repeat;
    background-color: #414141;
    line-height: 28px;
    color: #fff;
}
/*slide*/
.fullSlide{ width:100%;  position:relative;  height:600px;clear: left; }
.fullSlide .lb{ margin:0 auto; position:relative; z-index:0; overflow:hidden; }
.fullSlide .lb ul{ width:100% !important;  }
.fullSlide .lb li{ width:100% !important;  height:600px; overflow:hidden; text-align:center;}
.fullSlide .lb li a{ display:block; height:600px;width: 100%; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:20px; left:0; height:30px; line-height:30px; text-align:center;_background:#000; _filter:alpha(opacity=60); }
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:17px; height:17px; margin:5px; background:url(../images/tg_flash_p.png) -18px 0; overflow:hidden; line-height:9999px; }
.fullSlide .hd ul .on{ background-position:0 0; }
.swiper-container {
    display: none;
}

.fullSlide .prev,
.fullSlide .next{ position:absolute; left:3%; top:43%; margin-top:-25px; display:block; width:79px; height:104px; background:url(../images/slider-arrow.png) -122px 7px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.fullSlide .next{ left:auto; right:3%; background-position:8px 5px; }
.fullSlide .prev:hover,
.fullSlide .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.fullSlide .prevStop{ display:none;  }
.fullSlide .nextStop{ display:none;  }

/*首页主体*/
.content{top no-repeat; width: 100%; padding-top: 40px;}
.product{width: 100%;height: 586px;background: url(../images/pro_bg.jpg) repeat;margin: 0 auto;}
.title{height: 166px; width: 100%;background: url(../images/titlebg.jpg) top;}
.title h2{height: 150px;width: 42px;margin: 0 auto;text-align: center;font-size: 22px;font-family: kaiti;color: white;padding-top: 73px;}
.title p{text-align: center; color: #A37E61; font-size: 12px;}

.picScroll-left.case_main {
    width: 72%;
    margin: 35px auto;
    position: relative;
}
.picScroll-left .hd {
    position: absolute;
    width: 136px;
    height: 60px;
    bottom: -60px;
    left: 50%;
    margin-left: -68px;
}
.LvDouShao {
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
}
.LvDouShao img{width:100%; height:100%;}
.LvDouShao_m {
    width: 100%;
    margin: 0 auto;
    height: 170px;
    display: none;
}
.LvDouShao_m img{
	width: 100%;
	height: 100%;
}
.pic{
	border: 1px solid #805A3C;
	width: 360px;
	height: 230px;
	overflow: hidden;
	position:relative
}
.picScroll-left .hd .prev, .picScroll-left .hd .next {
    line-height: 60px;
    cursor: pointer;
    font-size: 26px;
    font-weight: bolder;
    height: 60px;
    float: left;
    text-align: center;
    color: #C8A062;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}
.picScroll-left .hd .prev:hover, .picScroll-left .hd .next:hover{
	color:rgb(201,21,30);
	
} 
.tempWrap{width:100%!important; height:auto;}

.picScroll-left .hd .next {
    float: right;
}
.case_main ul li{
	width: 360px;
	height: 280px;
	float: left;
	position: relative;
	margin-right: 35px;
	overflow: hidden;
}
.case_main ul li a{width:100%;height:100%}
.case_main ul li:last-of-type{
	margin: 0;
}
.pro_pictitle{width: 100%; height: 40px; line-height: 40px;text-align: center;color: #A37E61;}
.slide_mc1{
	width: 100%;
	height:100%;
	position: absolute;
	left: 0;
	top: 0px;
	background: url(../images/proslidebg.png) no-repeat;
	 background-size:100% 100%;
	-moz-transition: all ease .5s;  
	-ms-transition: all ease .5s;  
	-webkit-transition: all ease .5s;  
	transition: all ease .5s;  
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}
.case_main ul li:hover .slide_mc1{
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.chakan{
    color: white;
    text-align: center;
    margin-top:46%;
    box-sizing: border-box;
    display: block;
    font-size: 18px;
}
.slide_mc1 .chakan:hover{
	color: #8a1116;
}
.case_main .hd img{
	margin: 10px 5px;
}
.News {
    width: 1200px;
    margin: 0 auto;
}

.newsmain_box .left {
    width:40%;
    height: 356px;
    background: url(../images/GuRen.png) no-repeat;
}
.codeh a{
	position: relative;
}
.codeh a img{
	display: none;
	position: absolute;
	top: 46px;
	left: 50%;
	margin-left: -60px;
	z-index: 99;
	width: 120px;
}
.codeh a:hover img{
	display: block;
}
.newsmain_box .right {
    padding: 0;
    width: 59%;
    height: 356px;
}
.newbox_l p{display: none;}
.newbox_l h3{height: 100%;line-height: 45px;color: #666666; font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newbox_r{display: none;}
.newbox_r1{line-height: 45px;display: inline-block;float: right;color: #666666;}
.News .title{background: url(../images/titlebg.png) no-repeat bottom;}
.newsBox{width:100%;height: 109px;background: url(../images/newboxBg.png) no-repeat;    background-size: 100% 100%;}
.newsLists a{width: 100%;padding: 0 30px; height: 100%;}
.newbox_l{float: left;width:60%;height: 100%;text-overflow:ellipsis; overflow:hidden;white-space:nowrap;}
.newbox_r{float: right;margin-top: 18px;margin-right: 14px;}
.newsBox .newbox_l h3{font-size: 14px;color: #A37E61;height: 45px;line-height: 45px;}
.newbox_l h3 i{display: inline-block;width: 16px;height: 16px;background: url(../images/listicon.png);margin-right: 10px;vertical-align: sub;}
.newsBox .newbox_l p{display: block; font-size: 12px;color: #a37e61;line-height: 24px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.newsBox .newbox_r{display: block;}
.newsBox .newbox_r1{display: none;}
.newsBox .newbox_r span{font-size: 14px;color: #A37E61;display: block;width: 56px;text-align: center;border-bottom: 1px solid #A37E61;}
.newsBox .newbox_r i{font-style: normal;font-size: 48px;font-weight: bold;color: #A37E61;text-align: center;line-height: 48px;}

.footer{
	margin: 50px auto;
	width:1200px;
	height: 160px;
	padding: 20px 0;
	border: 1px solid #A37E61;
	background: #f5f5f5;
}
.footer>.left{
	/*! width: 23%; */
	height: 120px;
	padding: 0 40px;
	border-right: 1px solid #A37E61;
}
.footer>.left i{
	width: 213px;
	height: 57px;
	display: block;
	background: url(../images/footlogo.png);
}
.footer>.left span{
	font-size: 14px;
	color: #666666;
	margin-top: 10px;
	line-height: 24px;
	display: block;
}
.footer .mid{
	height: 120px;
	/*! width:43%; */
	border-right: 1px solid #A37E61;
	float: left;
	padding: 0 35px;
}
.LDSJ{
	display: block;
	width: 420px;
	height: 30px;
	background: url(../images/LDSJ.png) no-repeat top;
	border-bottom: 1px solid #A37E61;
}
.footer .mid>.left{
	width: 184px;
	font-size: 14px;
	color: #666666;
	margin-top: 10px;
	line-height: 24px;
}
.footer .mid>.right{
	width: 200px;
	font-size: 21px;
	color: #323232;
	line-height: 38px;
	margin-top: 4px;
}
.footer .mid>.right span{
	width: 100%;
	height: 30px;
	display: block;
	background: #A37E61;
	color: #E2CBB8;
	font-size: 12px;
	line-height: 30PX;
	text-align: center;
}
.footer>.right{
	margin: 0 25px;
	/*! width: 28%; */
	height: 120px;
	float: left;
}
.footer>.right img{
	border: 1px solid #e0cfc2;
        width: 120px;
	height: 120px;
}
.wecode,.phonecode{
	/*! width: 42%; */
	height: 100%;
	margin: 0 10px;
}
.wecode i,.phonecode i{
	display: block;
	width: 120px;
	height: 120px;
	float: left;
}
.wecode span,.phonecode span{
	padding-top: 24px;
	display: block;
	width: 30px;
	height: 120px;
	float: left;
	background:#A37E61;
	color: white;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
}

.foot_left{
	font-size: 12px;
	line-height:50px;
	color: #FFFFFF;
	font-family: "微软雅黑";
}
.i-b{
	font-size: 12px;
	line-height:50px;
	color: #FFFFFF;
	font-family: "微软雅黑";
}
.wl {
    width: 121px;
    height: 18px;
    display: inline-block;
    background: url(../images/vl.png) no-repeat;
    margin: 14px 15px 0 10px;
    transition: all .5s;
}
.wl:hover{
	background: url(../images/vl_hover.png);
}
.ws {
    width: 107px;
    height: 18px;
    display: inline-block;
    background: url(../images/ws.png) no-repeat;
    margin: 14px 0 0 10px;
    transition: all .5s;
}
.ws:hover{
	background: url(../images/ws_hover.png);
}
.footbar {
    width: 100%;
    height: 50px;
    background: #805A3C;
    z-index: 999999;
    position: fixed;
    bottom: 0;
}
.main_container{
	width: 1200px;
	margin: 0 auto;
	height: 100%;
}
/*内页css*/
.content_neiye{
	width: 100%;
}
.nav_nei{
	height: 50px;
	width: 1200px;
	margin: 0 auto;
	    padding-left: 8px;
}
.nav_nei ul{float: left; width: auto;}
.nav_nei ul li{
	margin-top: 15px;
	float: left;
}
.nav_nei ul li a{
	width:105px;
	height: 18px;
	font-size: 14px;
	color: #262626;
	line-height: 18px;
	text-align: center;
}
.nav_nei ul li{
	border-left:2px solid #A37E61;
}
.nav_nei ul li:last-of-type{
	border-left:2px solid #A37E61;
	border-right:2px solid #A37E61;
}
.nav_nei ul li:hover a,.nav_nei ul .active a{
	color: #cc0000;
}
.nav_nei p{
	height: 100%;
	color: #666;
	font-size: 12px;
	line-height: 50px;
	float: right;
}
.text_img{
	width: 1200px;
	margin: 30px auto;
}
.ny_text{
	width: 62%;
	height: 700px;
	float: left;
}
.ny_img{
	width: 34%;
	float: left;
	/*! height: 700px; */
	margin-left: 4%;
	margin-top: 90px;
}
.ny_img img{width: 100%;}
.ny_text h3{
	width: 170px;
	height: 48px;
	background: url(../images/texth1bg.png);
	color: #805a3c;
	font-size: 30px;
	line-height: 48px;
	text-align: center;
}
.ny_text span{
	display: block;
	font-size: 18px;
	color: #999999;
	line-height: 36px;
	font-family: Arial;
}
.ny_text p{
	width: 100%;
	color: #333333;
	font-size: 18px;
	line-height: 32px;
	text-indent: 36px;
	font-family: 楷体;
}
.ny_news,.ny_maps{
	width: 90%;
	margin: 0 auto;
	display: block;
    overflow: hidden;
}
.ny_maps{
	margin-top: 30px;
}
#dituContent{
	width: 100%;
	height: 400px;
	border: 1px solid #ddd;
}
.con_text{
	width: 100%;
	color: sienna;
}
.con_text h3{
	font-size: 18px;
	line-height: 40px;
}
.con_text li{
	font-size: 12px;
	line-height: 24px;
	color:#8A6D3B;
}
.ny_newsBox{
	margin: 17px 0;
	width: 100%;
	background: url(../images/newboxBg1.png) no-repeat;
	background-size:100% 100%;
}
.ny_newsBox .newbox_l {
    float: left;
    width: 70%;
    height: 100%;
}
.ny_newsBox a{
	width: 100%;
	padding: 0 40px;
}
.ny_newsBox:hover h3,.ny_newsBox:hover .newbox_r i,.ny_newsBox:hover .newbox_r span{
	color: #cc0000;
	border-bottom-color: #cc0000;
}
.ny_products,.ny_honor{
	width:90%;
	margin: 0 auto;
	margin-top: 40px;
}
.ny_products .pic,.ny_honor .pic{
	width: 100%;
	height: 274px;
	overflow: hidden;
	border: 1px solid #805A3C;
	position: relative;
}
.ny_products ul li,.ny_honor ul li {
    width: 33%;
    height: 333px;
    float: left;
    overflow: hidden;
	padding:0px 15px
}
.ny_products ul li:hover .slide_mc1{
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.ny_honor .pic img{
	transition:all linear 0.5s;
	-moz-transition:all linear 0.5s;
	-ms-transition:all linear 0.5s;
	-webkit-transition:all linear 0.5s;	
}
.ny_honor .pic:hover img{
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
/*mobil*/
.m_header{
    height: 50px;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 1000;
    background: #af8361;
    top:0;left: 0;
}
.m_logo {
    width: 200px;
    height: 34px;
    margin: 8px 0 8px 10px;
    float: left;
}
.m_menu{float: right;width:50px;height: 50px;text-align: center}
.icon_menu{
    background: url(../images/nav.png) no-repeat center;
    display: inline-block;
    width: 32px;
    height: 25px;
    margin-top: 12px;
}
.m_nav {
    position: absolute;
    top: 50px;
    background: rgb(255,255,255);
    width:200px;
    left: -200px;
    overflow: hidden;
    display: block;
    transition: all 0.5s linear;
}
.m_main {
    width: 100%;
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid #a37e61;
    position: relative;
}
.m_main>a{display: block;font-size: 14px;}
.m_main ul{
    background:#e0cfc2;
    display: none;
}
.m_main.active>a{
    background: #a37e61;
    color: rgba(255,255,255,.8);
}
.m_main ul li ul{ background:#c1d8ad;}
.m_main ul li ul a{color: #fff}
.m_bg{
	display: none;
    height: 2000px;
    width: 100%;
    background:rgba(255,255,255,.1);
    position: absolute;
    z-index: -1;
}
.m_main ul a{display: block;font-size: 14px;}
.m_nav2{background: #999999}
.footbar_m {
    width: 100%;
    height: 50px;
    text-align: center;
    display: none;
    background: #695342;
    color: #F5F5F5;
    font-size: 14px;
    padding-top: 5px;
    bottom: 0;
}
.swiper-container {
    display: none;
}
.swiper-wrapper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    width: 100%;
    height: 100%;
	 background-size:100% 100%;
}
.nav_nei_m{
	display: none;
	width: 100%;
}
.nav_nei_m ul{
	width: 100%;
	 display:block;
	 overflow:hidden;
	 }
.nav_nei_m ul li{
	width: 44%;
	margin: 10px 3%;
	height: 40px;
	border-radius: 5px;
	border:  1px solid sienna;
	background: gainsboro;
	color: #737373;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	float: left;
}
.nav_nei_m ul .active{
	background: sienna;
	color: white;
	box-shadow: 1px 1px 1px gray;
}
.nav_nei_m ul .active a{
	color: white;
}
.nav_nei_m ul li a{
	width: 100%;
	height: 100%;
}
.nav_nei_m p {
    font-size: 12px;
    margin-left: 3%;
    color: #666;
}
.footerm_contact{
	display: none;
	height: 50px;
	width: 100%;
	background-color: #af8361;
	box-sizing: border-box;
	position: fixed;
	bottom: 0;
	z-index: 999;
}
.footcat_box{
	float: left;
	width: 25%;
	height: 100%;
	text-align: center;
}
.footcat_box span{
	color: #f8f8f8;
	font-size: 12px;
}
.footcat_box i{
	height: 28px;
	width: 50px;
	display:block;
	margin: 0 auto;
	font-size: 26px;
	line-height: 28px;
	color: white;
}



/*music*/
#lanren #audio-btn{width: 44px;height: 44px; position:fixed;top:53px;right:10px;z-index:999}
#lanren .on{background: url(../images/music_on.png) no-repeat 0 0;-webkit-animation: rotating 1.2s linear infinite;animation: rotating 1.2s linear infinite;}
#lanren .off{background: url(../images/music_off.png) no-repeat 0 0;}
@-webkit-keyframes rotating {
	from{
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
    	transform: rotate(0deg);
	}
	to{
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/*手机详情页*/
.shouji_info{ width:100%; height:auto; display:block; overflow:hidden; display:none;padding:0px 10px;}
.shouji_info img{width:100%; height:auto;}
.shouji_info h3{ font-size:24px; color:#999; width:100%!important;}
.shouji_info p{width:100%; height:35px;}
.shouji_info span{ font-size:20px; line-height:22px;}

/*ditu*/
.pop .bottom,.pop .center{box-sizing: unset}

	.ny_products ul li a,.ny_honor ul li a{width:100%; height:100%;}
	


@media only screen and (max-width: 1550px){
.ny_products .pic, .ny_honor .pic{height:208px;}
.footer>.right{margin:0px 20px;}
.footer .mid{padding:0px 30px}
.codebox{width:130px; height:130px; }
.codebox img{width:100%;height:100%;}
.shouji{right:0px;}
.weixin{ right:72px;}
.ny_products ul li, .ny_honor ul li{height:278px;}
.ny_products, .ny_honor{width:91%}
.footer>.left{/* width: 270px; */padding: 0 2%;}
.picScroll-left.case_main {width:94%}
.footer,.News{width:1200px;}
.case_main ul li{margin-right:25px;}
.wecode, .phonecode{/* width:50%; */}
.wecode i, .phonecode i{/*! width:40%; */}
.LDSJ{/* width:100%; */background-size:100% 100%;}
.footer .mid>.left{/* width:40%; */}
.footer .mid>.right{/* width:52% */}

}


@media (max-width:1440px){
	#sl_ImgBox{width:552px!important;}
	.ny_products ul li, .ny_honor ul li{width:33%;}
	.ny_products .pic, .ny_honor .pic{height:226px;}
	.LDSJ{/* width: 60%; */background-size:100% 100%;}
	.input_group input{width:130px;}
	.picScroll-left.case_main,.News{width:96%}
	.footer .mid{padding: 0 3%;}

}



@media only screen and (max-width: 1025px){
.ny_products .pic, .ny_honor .pic{height:208px;}
.footer>.right{margin:0px 20px;}
.footer .mid{padding:0px 30px}
.codebox{width:130px; height:130px; left:60%}
.codebox img{width:100%;height:100%;}
.ny_products ul li, .ny_honor ul li{height:278px;}
.ny_products, .ny_honor{width:91%}
.footer>.left{width: 270px;padding-left:15px;}
.picScroll-left.case_main {width:94%}
.footer,.News{width:100%}
.case_main ul li{margin-right:25px;}
.wecode, .phonecode{ width:50%;}
.wecode i, .phonecode i{/*! width:40%; */}
.LDSJ{width:100%;background-size:100% 100%;}
.footer .mid>.left{width:40%;}
.footer .mid>.right{width:52%}

}





@media only screen and (max-width: 1024px) {
	 .swiper-container {
		display: block;
	}
	.footerm_contact{
		display: block;
	}
	.picScroll-left .bd.clearfix {
	    overflow: hidden;
	}
	.ny_maps{
		width: 100%;
		padding: 0 10px;
	}
	#dituContent{
		width: 100%;
		height: 300px;
	}
	.ny_newsBox a {
	    padding: 0 ;
	}
	.ny_news {
	    width: 100%;
	    padding: 0 10px;
		display: block;
		overflow: hidden;
	}
	.ny_products, .ny_honor {
	    width: 100%;display: block;
    overflow: hidden;
	}
	.ny_products ul li, .ny_honor ul li {
	    margin: 10px 0;
	}

	.ny_text {
	    width: 100%;
	    height: auto;
	    float: none;
	    margin: 0;
	    padding:0 10px;
	}
	.ny_img{
		display: none;
	}
	.text_img{
		width: 100%;
	}
	.nav_nei {
	    width: 100%;
		padding:0px 10px;
	}
	.m_header{
		display: block;
	}
	.main{width: 100%;}
	.topline,.nav,.bg,.header,.footer,.footbar{
		display: none;
	}
	.footbar_m{
		display: block;
	}
	.content_neiye{
		margin: 50px 0;
		margin-bottom: 29px;
	}
	.swiper-container {
		margin-top: 50px;
	    width: 100%;
	    height: 210px;
	}
	.swiper-container img{
		display: block;
	    width: 100%;
	    height: 100%;
	}
	.fullSlide{
		display: none;
	}
	.content{
	
		padding: 0;
		 margin-bottom: 29px;
	}
	.product{
		width: 100%;
	}

	#proscroll_m{
		display:none;
	}
	#proscroll_m .pic{
		width: 100%;
	
	}
	#proscroll_m .pic a{
		width: 100%;
		height: 100%;
	}
	.product{
		height: auto;
	}
	.LvDouShao{
		display: none;
	}
	.LvDouShao_m{
		display: none;
	}
	.News{
		margin-bottom: 40px;
		width: 100%;
	}
	.newsmain_box .left {
    display: none;
    }

	.newsmain_box .right{
		width: 100%;
		height: auto;
		padding: 0 10px;
	}
	.newsBox {
	    width: 100%;
	    height: 109px;
	    background: none;
	    border: 1px solid #805A3C;
	    border-radius: 5px;
	    box-shadow: 1px 1px 1px gray;
	    overflow: hidden;
	    position: relative;
	    padding: 0 10px;
	    margin: 7px 0;
	}
	.newsLists a{
		padding: 0;
	}
	.newsBox .newbox_r {
	    display: none;
	}
	.ny_newsBox .newbox_l {
	    float: none;
	    width: 100%;
	    height: 100%;
	}
	.newsBox .newbox_r1 {
	    display: block;
	}
	.newsBox .newbox_l p {
		height: 50px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.newbox_r1{
		position: absolute;
		top: 0;
		right: 10px;
		font-size: 12px;
	}
	.newsBox .newbox_l h3{
		width: 210px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.newbox_l {
	    width: 100%;
	}
	.picScroll-left.case_main {
	    width: 760px;
	    margin: 35px auto;
	    position: relative;
	    margin-bottom:70px;
	}
}



@media only screen and (max-width: 768px) {
	.lxfx,.LvDouShao_m{display:none}
	.ny_products .pic, .ny_honor .pic{height:160px;}
	#proscroll_m{display:none}
	.swiper-container{height:309px;}
	.ny_products ul li, .ny_honor ul li{height:192px}
	.proname h1{ font-size:26px;}
	.ny_products ul li, .ny_honor ul li{width:33%;}
}
@media only screen and (max-width: 440px) {
	.ny_products .pic, .ny_honor .pic{height:203px;}
	.ny_products ul li, .ny_honor ul li{height:255px;}
	.banner .swiper-slide,.swiper-container.banner{height:224px!important;}
	.content_neiye{margin-bottom:0px;}
	.midBody{margin-bottom:50px;}
	#sl_ImgList div{ border:0px!important; margin:0px!important;}
	.ny_products ul li a{width:100%;}
	#sl_ImgList,#sl_ImgList div,#sl_ImgList img{width:100%!important; height:auto!important;}
	
	.ny_news img{width:100%;}
	.keyword_light p img{width:100%; height:auto;}
	.con_text{width:100%}
	.shouji_info{display:block;}
	#proshow{display:none}
	.picScroll-left{
		display: none;
	}
	#proscroll_m{display:block}
	.ny_products ul li, .ny_honor ul li {
	    margin: 0;
	    width: 100%;
	}
	.ny_products .pic, .ny_honor .pic {
	    width: 300px;
	    margin: 0 auto;
	}

	.newsmain_box .left {
		 display:none
    }
    .banner{
		display: block;height: 188px;
	}
	#proscroll_m{height:276px;}
    .nav_nei{
    	display: none;
    }
    .nav_nei_m{
    	display: block;
    }
    .pic img{
    	width: 100%;
    	height: 100%;
    }
    .pic{
    	position:relative;
    }
    .slide_mc1 {
    	width: 300px;
    	background: url(../images/proslidebg.png) center;
    }
    .slide_mc1 a{
    	color: #8A1116;
    }
	
	.content{

		 margin:0px;
	}
}
@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'),
  url('../font/iconfont.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}


/*手机页码*/
.page-list{ position:relative; margin:20px 0; clear:both; }
.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:#af8361; font-size:13px; text-align:center;  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: 11;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
}
.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 p {
    line-height: 12px;
    text-align: center;
    font-size: 12px;
}
.lxfx li {
    background:#805A3C;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}

