/*h5兼容*/
html {
	font-size: 16px;
}
@media only screen and (min-width: 320px) {
	html {
		font-size: 15.147px !important;
	}
}

@media only screen and (min-width: 375px) {
	html {
		font-size:16px !important;
	}
}

@media only screen and (min-width: 400px) {
	html {
		font-size: 17.06666px !important;
	}
}
@media only screen and (min-width: 414px) {
	html {
		font-size: 17.664px !important;
	}
}
@media only screen and (min-width: 480px) {
	html {
		font-size: 20.48px !important;
	}
}
*{font-family: "苹方";-webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin:0; padding:0; border: none; outline: none;list-style: none; text-decoration: none; vertical-align: middle;}
input[type=button], input[type=submit], input[type=file], button {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; -webkit-appearance: none; outline: none; } 
input{ -webkit-appearance: none;}
textarea{-webkit-appearance: none;appearance: none;}
select{appearance:none; -moz-appearance:none;-webkit-appearance:none;}
img{height:auto;display:inline-block;}
a{display:block;height:auto;cursor:pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html{ width:100%; height:100%;}
body{ width:100%; height:100%; margin:auto; background-color:#fff;}
.dx-app{display: block;}
.dx-pc{display: none;}
.dxbox{width: 100%;padding: 0 4%;}
a.taobao{color: #fff;position: fixed;z-index: 10;background: #ff5000; font-size: 0.75rem;padding: 0 0.625rem; right:4%;bottom: 2rem; height: 2.625rem;border-radius: 100rem; display: flex;align-items: center;}
/*head*/
.headapp{float: left; width: 100%;display: block; height: 3.4375rem;position: relative;z-index: 10;background-color: #fff;}
.headapp .headapp-le{float: left; padding: 0 0 0 10px;height: 3.4375rem;display: flex;align-items: center;}
.headapp .headapp-le img{ height: 34px;}
.headapp .headapp-ri{float: right;}
.headapp .headapp-ri img{width: 55px;}
/*轮播图效果*/
img.appimg-banner{ width: 100%;}
/*轮播*/
.floor-box-bottom-banner{overflow: hidden;position: relative; width: 100%;}
.floor-box-bottom-banner .flexslider { position: relative; width: 100%; height:auto; overflow: hidden;  z-index:1}
.floor-box-bottom-banner .slides { position: relative; z-index: 1;}
.floor-box-bottom-banner .slides li { height:auto;position: relative;text-align: center;}
.floor-box-bottom-banner .slides li img{width: 100%;}
.floor-box-bottom-banner .slides li a{ width:100%;max-height: 36rem;overflow: hidden; height:auto;display: flex;align-items: center;justify-content: center;}
.floor-box-bottom-banner .flex-control-nav { position: absolute; bottom:22px; z-index: 2; width: 100%; text-align: center;}
.floor-box-bottom-banner .flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 4px; *display: inline; zoom: 1;font-size: 0; }
.floor-box-bottom-banner .flex-control-nav a { display: inline-block; width: 14px; height: 14px;border-radius: 100rem; box-sizing: border-box;background: #fff;overflow: hidden;font-size: 0; cursor: pointer;}
.floor-box-bottom-banner .flex-control-nav .flex-active {  width: 14px; height: 14px;position: relative;background: #dab866;  }
/* .floor-box-bottom-banner .flex-control-nav .flex-active:before {content: " ";width: 6px; height: 6px;left: 3px;top: 3px; border-radius: 100rem; position: absolute; background-color: #fff;} */
.floor-box-bottom-banner .flex-direction-nav{ position: absolute; z-index:5; width: 100%;top:50%;}
.floor-box-bottom-banner .flex-direction-nav a{ display: block; position: absolute; font-size: 0; height: 12px;}
.floor-box-bottom-banner .flex-direction-nav .flex-prev { width: 4rem; height: 4rem;border-radius: 100rem;  background:rgba(0, 0, 0, 0.18) url("../images/left.png") no-repeat center center; left: 4.5%; top: 50%;background-size: 1.4rem 1.4rem; margin: -2.1rem 0 0 0px;  }
.floor-box-bottom-banner .flex-direction-nav .flex-next { width: 4rem; height: 4rem; border-radius: 100rem; background:rgba(0, 0, 0, 0.18) url("../images/right.png") no-repeat center center; right: 4.5%; top: 50%;background-size: 1.4rem 1.4rem; margin: -2.1rem 0px 0 0; }
.floor-box-bottom-banner .flex-direction-nav .flex-prev:hover{width: 4rem; height: 4rem;background-color: rgba(0, 0, 0, 0.45);border-radius: 100rem;}
.floor-box-bottom-banner .flex-direction-nav .flex-next:hover{width: 4rem; height: 4rem;background-color: rgba(0, 0, 0, 0.45);border-radius: 100rem;}
.floor-box-bottom-banner .flexslider:hover .flex-prev {  opacity: 100!important; filter:alpha(opacity=100);}
.floor-box-bottom-banner .flexslider:hover .flex-next {  opacity: 100!important; filter:alpha(opacity=100);}
.floor-box-bottom-banner .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {}
.floor-box-bottom-banner .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
/*首页-企业文化*/
.cd-wh{float: left;width: 100%;}
.cd-wh-h{float: left;width: 100%;height: 5rem; display: flex;align-items: center;justify-content: center;margin: 0 0 0 0;}
.cd-wh-h div{color: #222222;text-align: center;font-size: 1.6rem;font-weight: bold;}
.cd-wh-con{float: left;width: 100%;height: 18rem;overflow: hidden; position: relative;display: flex;flex-direction: column;}
.cd-wh-con .cd-whimgssss{width: auto;height: auto; position: absolute;z-index: 0;}
.cd-wh-con .cd-wh-txt{width: 100%;position: relative;z-index: 1;color: #ccbc94;font-size: 1.2rem;display: flex;align-items: center;padding:0 10%;margin: 2rem 0 1rem 0;}
.cd-wh-con .cd-wh-txt div{background: #ccbc94;width: 60px;height: 2px;margin-left: 14px;}
.cd-wh-con .cd-wh-txts{width: 100%;position: relative;z-index: 1;font-size: 0.875rem;line-height: 30px; text-align: center;text-indent: 2px; color: #fff;padding:0 10%;
display: -webkit-box !important;
overflow:hidden;
text-overflow:ellipsis;
word-break: break-all;
-webkit-box-orient:vertical;
-webkit-line-clamp:3; }
.cd-wh-con a{margin: auto; width: 130px;height: 34px;border-radius: 100px;line-height: 32px; text-align: center;font-size: 12px;color: #9b9b9b;border: 1px solid #9b9b9b;position: relative;}
.cd-wh-con a:hover{background: #a3853f;color: #fff;border: 1px solid #a3853f;}
.cd-wh-box{width: 100%;margin-bottom: 3rem;}
.cd-wh-box ul{width: 100%;display: flex;align-items: center;justify-content: space-between;}
.cd-wh-box ul li{width: 23.7%;height: 5.2rem;border: 1px solid #dab866;margin-top: 14px;text-align: center;font-size: 0.875rem;color: #888888;}
.cd-wh-box ul li img{margin: auto;display: block;width: 3rem; margin-top: 0;}
.cd-wh-box ul li:hover{color: #dab866;cursor: pointer;}
.cd-wh-boxs{width: 100%;margin-bottom: 3.7rem;}
.cd-wh-boxs ul{width: 100%;display: flex;flex-direction: row;flex-wrap: wrap; justify-content: space-between;}
.cd-wh-boxs ul li{width: 100%;height: auto;background: #fff; padding:  14px 14px 18px 14px; border: 1px solid #ddd;margin-bottom: 14px;text-align: center;font-size: 16px;color: #888888;}
.cd-wh-boxs ul li img{width: 100%; margin: auto;display: block;margin-bottom: 14px;}
.cd-wh-boxs ul li:hover{color: #dab866;cursor: pointer;}
/*首页产品中心*/
.cd-zx{float: left;width: 100%;display: flex;flex-direction: column;
  background: -webkit-linear-gradient(to right, #fff,  #fff, #f7f5ee  #fff, #fff); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(to right, #fff,  #fff, #f7f5ee, #fff, #fff); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(to right, #fff,  #fff, #f7f5ee #fff, #fff); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #fff,  #fff, #f7f5ee, #fff, #fff); /* 标准的语法 */
 }
.cd-cp-con{width: 100%;display: inline-block;align-items: flex-start;justify-content:flex-start;}
.cd-cp-li{float: left;width: 100%;height: 21.4rem;}
.cd-cp-li a{display: inline-block;width: 100%;height: 21.4rem;position: relative;overflow: hidden;}
.cd-cp-li a:hover .cdlicons{opacity: 1;}
.cd-cp-li a .cdlicon{position: relative;width: 100%;height: 21.4rem;display: flex;align-items: center;justify-content: center;}
.cd-cp-li a .cdlicon img{width: 100%;position: relative;min-width: 100%;min-height: 100%;}
.cd-cp-li a .cdlicons{opacity: 0;width: 100%;padding: 0 10%; height: 21.4rem;display: flex;align-items: center;justify-content: center; position: absolute;top: 0;background: rgba(0, 0, 0, 0.6);}
.cd-cp-li a .cdlicons div{
	display: -webkit-box !important;
	overflow:hidden;
	text-overflow:ellipsis;
	word-break: break-all;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;  
	color: #ccbc94;height: 60px;line-height: 56px;font-weight: bold; padding: 0 28px; font-size: 24px;border-top: 2px solid #ccbc94;border-bottom: 2px solid #ccbc94;}
.cd-cp-con ul{float: right;display:flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between; margin-top: 0.625rem;}
.cd-cp-con ul li:nth-child(4), .cd-cp-con ul li:nth-child(5), .cd-cp-con ul li:nth-child(6) {margin: 0 0 0 0;}
.cd-cp-con ul li{width: 48.56%;height: 10.3rem; overflow: hidden; display: flex;align-items: center;justify-content: center;margin: 0 0 0.625rem 0;}
.cd-cp-con ul li a{width: 100%;height: 10.3rem; position: relative;}
.cd-cp-con ul li a:hover .cdlicons{opacity: 1;}
.cd-cp-con ul li a .cdlicon{width: 100%;height: 10.3rem;overflow: hidden; display: flex;align-items: center;justify-content: center;}
.cd-cp-con ul li a .cdlicon img{width: 100%;position: relative;min-width: 100%;min-height: 100%; }
.cd-cp-con ul li a .cdlicons{opacity: 0; width:100%;padding: 0 10%; height: 10.3rem;display: flex;align-items: center;justify-content: center; position: absolute;top: 0;background: rgba(0, 0, 0, 0.6);}
.cd-cp-con ul li a .cdlicons div{
	display: -webkit-box !important;
	overflow:hidden;
	text-overflow:ellipsis;
	word-break: break-all;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;  
	color: #ccbc94;height: 44px;line-height: 42px;font-weight: bold; padding: 0 14px; font-size: 14px;border-top: 1px solid #ccbc94;border-bottom: 1px solid #ccbc94;}
/*产品中心*/
.dx-anlis{float: left;width: 100%;height: 410px; background-color: #fff;overflow: hidden;}
.dx-anlis img{width:1920px;min-height: 410px;}
.product-h{float: left;width: 100%;height: 54px;line-height: 54px;background: #f9f9f9;}
.product-hj{width: 100%;font-size: 16px;color: #888888;}
.product-hj a{color: #888888;display: flex;align-items: center;float: left; position: relative;margin: 0 2px;}
.product-hj a:hover{color:#dab866;}
.product-hj a div{background: #888;width: 18px;height:2px;}
.product-hj a:nth-last-child(1) div{opacity: 0;background: #f9f9f9;}
.cd-wh-h .cd-cp-r{display: flex;align-items: center;justify-content:flex-end;width: 80%;background:none;}
.cd-wh-h .cd-cp-r a{word-break: break-all;width: auto;padding: 0 20px;margin-left: 16px;}
.cd-wh-h .cd-cp-r a.active{background: #dab866;color: #fff;}
/*新闻中心*/
.cd-news{float: left;width: 100%;display: inline-block;justify-content: flex-start;}
.cd-news-li{width:100%;padding: 0.875rem;overflow: hidden; margin-bottom: 1rem; display: flex;flex-direction: column;border:1px solid #dddddd; 
transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;}
.cd-news-li:hover{border:1px solid #dab866;
transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;}
.cd-news-li:hover .cd-news-a div{color: #dab866;font-weight: bold;
transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;}
.cd-news-box{width: 60%;padding: 0 0 0 0.6875rem;}
.cd-news-li a{display: flex;align-items: flex-start;justify-content: space-between;}
.cd-news-li .cd-news-img{width:8.75rem;height: 6.25rem;display: flex;align-items: center;justify-content: center;overflow:hidden;position: relative;z-index: 1;}
.cd-news-li .cd-news-img img{height: 100%;width: 100%;}
.cd-news-li:hover .cd-news-img::before {content: "";width: 100%;height: 100%;position: absolute;top: 0;z-index: 4; background: rgba(0 ,0, 0, 0.2 );}
.cd-news-li .cd-news-a{width: 100%;border-bottom: 1px solid #ddd;padding: 0 0 0.625rem 0;}
.cd-news-li .cd-news-a div{font-size: 1rem;color: #222;font-weight: bold; display: -webkit-box !important;
overflow:hidden;
text-overflow:ellipsis;
word-break: break-all;
-webkit-box-orient:vertical;
-webkit-line-clamp:1; }
.cd-news-li:nth-last-child(1){margin-bottom: 0;}
.cd-news-li .cd-news-a p{font-size: 0.875rem;font-weight: normal; color: #999999;margin-top: 4px;}
.cd-news-li .cd-news-b{width: 100%;line-height:normal; padding:0.4rem 0 0 0;margin-bottom: 0.4rem; font-size: 0.625rem;color: #999999;
display: -webkit-box !important;
overflow:hidden;
text-overflow:ellipsis;
word-break: break-all;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;  }
.cd-news-but{width: 100%;display: flex;align-items: center;justify-content: center;padding: 2rem 0;}
.cd-news-but a{background-color: #fff;color: #999;border: 1px #ddd solid;width: 130px;  height: 34px; border-radius: 100px;line-height: 32px; text-align: center; font-size: 12px; position: relative;}
.cd-news-but a:hover{background: #dab866;border: 1px #dab866 solid;color: #fff;}
.cd-news-buts{width: 100%;display: flex;align-items: center;justify-content: center;padding: 2rem 0;}
.cd-news-buts a{color: #c59420;border: 1px #c59420 solid;width: 130px;  height: 34px; border-radius: 100px;line-height: 32px; text-align: center; font-size: 12px; position: relative;}
.cd-news-buts a:hover{background: #dab866;border: 1px #dab866 solid;color: #fff;}
/*公司介绍*/
.intimg{float: left;width: 100%;margin-top: 0; display: flex;align-items: center;justify-content: center;overflow: hidden;}
.intimg img{width: 100%;height: auto;}
.introduc{float: left;width: 100%;height: auto;line-height: normal;padding: 0.625rem 0; border-bottom: 1px solid #e4e4e4; display: flex;align-items: center;}
.introduc .dxbox div{float: left; font-size: 16px;color: #999999;}
.introduc .dxbox a{float: left; font-size: 16px;color: #999999;display: flex;align-items: center;max-width: 6rem;}
.introduc .dxbox a img{width:12px;height: 12px;margin: 0 8px 0 6px;}
.introduce-h{float: left;width: 100%;font-size: 1.6rem;font-weight: bold;margin: 2rem 0 1.4rem 0; color: #222222;text-align: center;}
.introduce-txt{float: left;width: 100%;}
.introduce-conten{font-size: 1rem;line-height: 1.8rem;text-align: center; color: #9b9b9b;width: 100%;padding: 1rem 0 2rem 0;margin-bottom: 4rem; border-top: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;}
.introduce-conten img{max-width: 100%;margin: auto;display: block;}
/*产品中心2*/
.product-left{float: left;width: 100%;display: flex;flex-direction:row;flex-wrap: wrap; margin-top: 1rem;}
.product-lh{width: 100%; font-size: 1.6rem;font-weight: bold;color: #555555;letter-spacing: 1px;margin-bottom: 14px;}
.product-lli{width: 100%;border: 1px solid #fff;}
.product-lli ul{width: 100%;display: flex;flex-direction:row;flex-wrap: wrap; }
.product-lli ul li{width: auto;text-align: center;font-size: 16px;}
.product-lli ul li a{color: #666666;padding: 0.5rem 1rem;border: 1px solid #eee;margin: 0 0.875rem 0.625rem 0;}
.product-lli ul li a:hover{background: #dab866;color: #fff;}
.product-lli ul li.active a{color: #fff;background: #dab866;border: 1px solid #dab866;}
.product-right{float: right;width: 100%; margin-top: 1rem;}
.product-right ul{width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between; margin-top:0;}
.product-right ul li{width: 48.56%; overflow: hidden; margin: 0 0 0.625rem 0;display: flex;flex-direction: column;}
.product-right ul li a{color: #666666;text-align:center;}
.product-right ul li a div{width: 100%;height: 10.3rem;overflow: hidden;}
.product-right ul li a div img{width: 100%;min-height: 10.3rem;
		transition:All 0.4s ease-in-out;
		-webkit-transition:All 0.4s ease-in-out;
		-moz-transition:All 0.4s ease-in-out;
		-o-transition:All 0.4s ease-in-out;}
.product-right ul li:hover  div img{
	-webkit-filter: brightness(0.6);
	filter: brightness(0.6);
		transform:scale(1.1);
		-webkit-transform:scale(1.1);
		transition:All 0.4s ease-in-out;
		-webkit-transition:All 0.4s ease-in-out;
		-moz-transition:All 0.4s ease-in-out;
		-o-transition:All 0.4s ease-in-out;
}
.product-right ul li a p{font-size: 16px;text-align:center;margin: 12px 0 12px 0;padding: 0 10%;box-sizing: border-box;}
.product-right ul li:hover  a p{text-decoration: underline;color: #dab866;}
/*新闻中心*/
.news-right{float: right;width: 100%; margin-top: 0rem;}
.news-right ul{width: 100%;display: flex;flex-direction: column;}
.news-right ul li{width: 100%;position: relative;border-bottom: 1px solid #dddddd;padding:1.2rem 0;}
.news-right ul li a{color: #999999;display: flex;align-items: flex-start;justify-content: flex-start;}
.news-right ul li a .news-txta:hover {color: #dab866;}
.news-right ul li:hover .news-img{  -webkit-filter: brightness(0.9);
    filter: brightness(0.9);}
.news-right ul li .news-img{width: 8.125rem;height: 5.8125rem;margin-right: 0.75rem; display: flex;align-items: center;justify-content: center;overflow: hidden;}
.news-right ul li .news-img img{width: 100%;min-height: 5.8125rem;}
.news-right ul li .news-txt{width: 54%;height: 5.8125rem;position: relative;}
.news-right ul li .news-txt .news-txta{font-size: 1rem;color: #111111;font-weight: bold;
display: -webkit-box !important;
overflow:hidden;
text-overflow:ellipsis;
word-break: break-all;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;}
.news-right ul li .news-txt .news-txtb{font-size: 0.875rem;color: #999999;margin-top: 12px;line-height: 21px;
display: -webkit-box !important;
overflow:hidden;
text-overflow:ellipsis;
word-break: break-all;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;}

.news-right ul li .news-txt .news-txtc{font-size: 14px;color: #999999;position: absolute;bottom: 0;left: 0;}
.introduce-hs{float: left;width: 100%;font-size: 1.4rem;font-weight: bold;margin: 48px 0 0 0; color: #222222;text-align: center;}
.introduce-hsi{float: left;width: 100%;font-size:16px;font-weight: normal;margin: 10px 0 22px 0; color: #999;text-align: center;}
.introduce-txts{float: left;width: 100%;}
.introduce-contens{font-size: 16px;line-height: 28px;text-align: center; color: #9b9b9b;width: 100%;padding:20px 0;margin-bottom:0; border-top: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;}
.introduce-contens img{max-width: 100%;margin: auto;display: block;}
.introduce-news{float: left;width: 100%;height: auto;line-height: auto; margin-bottom: 60px;}
.introduce-news div{font-size: 16px; width: 100%;color: #dab866;}
.introduce-news div:nth-child(1){float: left;display: flex;align-items: center;justify-content: flex-start;}
.introduce-news div:nth-child(2){float: right;display: flex;align-items: center;justify-content: flex-start;}
.introduce-news div a{color: #666666;max-width: 70%; display: -webkit-box !important;
overflow:hidden;
text-overflow:ellipsis;
word-break: break-all;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;  }
.introduce-news div a:hover{color: #dab866;}
/*产品详情*/
.productxq-left{float: left;width: 100%;padding: 30px 24px 30px 24px;border: 1px solid #e4e4e4;margin: 2rem 0 1rem 0;}
.productxq-letfs{display: flex;align-items:flex-start;font-weight: bold;}
.productxq-letfs h1{max-width:90%;font-size: 24px;color: #dab866;word-break: break-all;}
.productxq-letfs div{width: 5px;height: 23px;background: #c42e29;margin-right: 10px;position: relative;top: 4px;}
.productxq-letf-txt{margin-top: 20px; text-align: left;font-size: 14px;color: #999999;word-break: break-all;line-height: 38px;white-space: pre-line;}
.productxq-right{float: right;width: 100%;display: flex; flex-direction: column; margin: 0rem 0 2rem 0;border: 1px solid #e4e4e4;padding: 24px 24px 24px 24px;}
.productxq-right img{width: 100%;}

.cd-wh-con-le{float: left;width: 100%;margin-top: 1rem;}
.cd-wh-con-lea{float: left;font-size: 1.3rem;color: #666666;font-weight: bold; width: 100%;position: relative;margin-bottom: 2rem;}
.cd-wh-con-lea::before{content: "";position: absolute;left:2px;bottom: -10px;width: 48px;height: 4px;background: #666666;}
.cd-wh-con-leb{float: left;width: 100%;font-size:0.875rem;color: #888;line-height: 32px;text-indent: 2em;display: -webkit-box !important;
	overflow:hidden;
	text-overflow:ellipsis;
	word-break: break-all;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:8;  }
.cd-wh-con-leb-x{float: left;width: 100%;font-size:0.875rem;color: #888;line-height: 32px;text-indent: 2em;  }
.cd-wh-con-ri{float: left;width: 100%;height: auto;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.cd-wh-con-ri video{width: 100%;}
.cd-wh-con-ri-addt{width: 100%;margin-top: 0;}
/*联系我们*/
.about{float: left;width: 100%;display: flex;flex-direction: column;}
.about-a{margin: 2rem 0 0 0;display: flex;flex-direction: column;width: 100%;}
.about-a img{width:6rem;height: 6rem;margin: auto;display: block; margin-bottom: 10px;}
.about-a h1{font-size: 1.6rem;font-weight: bold;text-align: center;color: #dab866; margin-bottom: 12px;}
.about-b{display: flex;flex-direction: column;width: 100%;}
.about-b img, .about-b iframe{height: auto;width: 100%;overflow: hidden;}
.about-c{width: 100%;padding: 1rem 0 1rem 0;border-bottom: 1px solid #eee; margin-bottom: 4rem;}
.about-c ul{display: flex;flex-direction: row;flex-wrap: wrap;justify-content:flex-start;padding: 0 0%;box-sizing: border-box;}
.about-c ul li{margin: 0.6rem 22px 0.6rem 0;color: #888888;font-size: 14px;}

/*菜单*/
.njsh-anniu{float: left;width: 100%;padding: 40px 0 40px 0;margin-bottom:4rem; border-bottom: 1px solid #eeeeee;}
.njsh-anniu ul.pagination {float: right;width: 100%; text-align: center;}
.njsh-anniu ul.pagination li.active{color: #fff;background-color: #dab866;}
.njsh-anniu ul.pagination li{cursor: pointer; display:inline-block;border: 1px solid #dddddd;border-radius: 4px; height: 36px;line-height: 34px; padding: 0 18px; margin: 0 5px 5px 7px; color: #666666;font-size: 14px;}
.njsh-anniu ul.pagination li:hover{ color: #fff;background-color: #dab866;border: 1px solid #dab866;}
.njsh-anniu ul.pagination a{width: 100%; display:inline-block;height: 40px;color: #666666;font-size: 14px;}
.njsh-anniu ul.pagination li:hover a{ color: #fff;}



/*footer*/
.footer{background-color: #11100e; width: 100%; color: #Fff; float:left; }
.footerbox{margin: auto; display:table; width: 100%; padding-top: 2rem;}
.footer-rvm{ width: 100%;display: flex;flex-direction: row;flex-wrap: wrap; align-items: initial;justify-content: flex-start;}
.footer-rvm ul{margin: auto;width: 100%;display: flex;flex-direction: row;flex-wrap: wrap; align-items: initial;justify-content:center;}
.footer-rvm ul li{width: 34%;font-size: 16px;color: #595855;text-align: center;margin: 0 3% 1rem 3%;}
.footer-rvm ul li img{width: 60%;height: auto;margin:auto;display:flex;border: 5px solid #dab866;margin-bottom: 0.625rem; box-sizing: border-box;}
.footer-yq{margin: auto;width: 100%;margin-top: 1rem;}
.footer-yq ul{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;}
.footer-yq ul li{font-size:1rem;color: #595855;margin: 0 20px 14px 20px;}
.footer-yq ul li a{color: #595855;}
.footer-yq ul li a:hover{color: #dab866;}
.footer-add{width: 100%;border-top: 1px solid #555555;margin-top: 10px; padding-top: 20px;padding-bottom: 20px;}
.footer-add ul{width: 80%;margin: auto; display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;}
.footer-add ul li{font-size:1rem;color: #595855;margin: 0 20px 14px 20px;word-break: break-all;}
.footer-add ul li a{color: #595855;}
.footer-add ul li a:hover{color: #dab866;}
.foot-lx{float: left;font-size: 1.6rem;font-weight: bold;text-align: center; color: #999999;width: 100%;margin-bottom: 1.8rem; line-height: 36px;letter-spacing: 3px;}
/*手机右侧滑出样式*/
a#cd-logo {display: block;float: left; height:100%;}
a#cd-logo img { display: block; width:4.5rem;}
header img.left{ float:left; overflow:hidden; height: auto; margin:0px 0px 0px 0.625rem;}
header img.right{ float:right;width:2.625rem; height: auto; }
header{width:100%; position: fixed;top: 0; left: 0;z-index:3;height: 3.4375rem;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
header .lateral-menu-is-open {
  /* translate to show the lateral menu */
  -webkit-transform: translateX(-40%);
  -moz-transform: translateX(-40%);
  -ms-transform: translateX(-40%);
  -o-transform: translateX(-40%);
  transform: translateX(-40%);
}
.cd-main-content {
  /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
  height: 100%;
  background-color:#fff;
  z-index: 2;
  padding-top:3.4375rem;
    padding-bottom:4.5rem;
    height: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.cd-main-content.lateral-menu-is-open {
  /* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
  -webkit-transform: translateX(-40%);
  -moz-transform: translateX(-40%);
  -ms-transform: translateX(-40%);
  -o-transform: translateX(-40%);
  transform: translateX(-40%);
}

header.lateral-menu-is-open {
  /* translate to show the lateral menu */
  -webkit-transform: translateX(-40%);
  -moz-transform: translateX(-40%);
  -ms-transform: translateX(-40%);
  -o-transform: translateX(-40%);
  transform: translateX(-40%);
}
header .is-fixed { position: fixed;}
#cd-top-nav { position: absolute; top: 0; right: 120px; height: 100%;display: none;}
#cd-top-nav ul {height: 100%;padding-top: 18px;}
#cd-top-nav li {display: inline-block;margin-right: 1em;}
#cd-top-nav a {display: inline-block; padding: .5em;color: #FFF;text-transform: uppercase;font-weight: 600;}
#cd-top-nav a.current {background-color: #242e30;}
.no-touch #cd-top-nav a:hover { color: rgba(255, 255, 255, 0.7);}
@media only screen and (min-width: 768px) {#cd-top-nav { display: block;}}
a#cd-menu-trigger { position: absolute;right: 0;top: 0; height: 100%; width: 50px;}
a#cd-menu-trigger .cd-menu-text {height: 100%; text-transform: uppercase; color: #FFF;font-weight: 600; display: none;}
a#cd-menu-trigger .cd-menu-icon {
  opacity:0;
  /* this span is the central line in the menu menu */
  display: inline-block;
  position: absolute;
  left:40%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width:40px;
  height:40px;
  background-color: #FFF;
  /* these are the upper and lower lines in the menu menu */
}
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {
  content: '';
  opacity:0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: inherit;
  left: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
#cd-menu-trigger .cd-menu-icon::before { bottom: 5px; display:none;}
#cd-menu-trigger .cd-menu-icon::after {top: 0px;}
#cd-menu-trigger.is-clicked .cd-menu-icon { background-color: rgba(255, 255, 255, 0);}
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {background-color: white;}
#cd-menu-trigger.is-clicked .cd-menu-icon::before {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (min-width: 768px) {#cd-menu-trigger {width: 110px; padding-left: 1.25em;}
  #cd-menu-trigger .cd-menu-text {display: inline-block;line-height: 70px;}
  #cd-menu-trigger .cd-menu-icon { left: auto;right: 1.25em;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
#cd-lateral-nav {z-index:555; position: fixed;height:100%;
  right:-40%;
  top: 0;
  /* the secondary navigation is covered by the main element */
  width:40%;
      box-shadow: 0px 0px 5px #adadad;
  background-color:#ffffff;
  overflow-y: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
#cd-lateral-nav .cd-navigation { margin:0px;}
#cd-lateral-nav .sub-menu { display:none;padding:10px 10px 10px 10px;box-sizing: border-box;width: 100%; display: none;position: absolute;background: #f1efe1; z-index: 999;}
#cd-lateral-nav .sub-menu li{height: 32px;line-height: 32px;overflow: hidden;}
li.item-has-children{ height:50px; line-height:50px; }
li.item-has-childrens{ height:50px; line-height:50px; }
#cd-lateral-nav a {border-bottom:1px solid #f1f1f1;display: block;font-size:0.75rem; color:#000;text-align:center;}
#cd-lateral-nav a.current { background-color: #3a4a4d; color: #FFF;}
.no-touch #cd-lateral-nav a:hover {color: #FFF;}
@media only screen and (min-width: 768px) { #cd-lateral-nav .cd-navigation { margin: 20px 0;}}
#cd-lateral-nav.lateral-menu-is-open {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  /* smooth the scrolling on touch devices - webkit browsers */
  -webkit-overflow-scrolling: touch;
}
/* style menu items which have a submenu  */
#cd-lateral-nav .item-has-children > a {position: relative;text-transform: uppercase;/* this is the right arrow to show that the item has a submenu  */}
#cd-lateral-nav .item-has-children > a::after {
  content: '';
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1em;
 /* background: url("../img/cd-arrow.svg") no-repeat center center;
  background-size: 8px 11px;*/
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
#cd-lateral-nav .item-has-children > a.submenu-open::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
#cd-lateral-nav .socials { padding: 0 32px;}
#cd-lateral-nav .socials:after { content: "";display: table; clear: both;}
#cd-lateral-nav .socials a {
  height: 32px;
  width: 32px;
  float: left;
  padding: 0;
  background-image: url("../img/cd-socials.svg");
  background-repeat: no-repeat;
  background-size: 128px 64px;
  background-color: #FFF;
  margin-right: .5em;
  border-radius: 0.25em;
}
#cd-lateral-nav .socials a.cd-twitter {background-position: 0 0;}
#cd-lateral-nav .socials a.cd-github {background-position: -32px 0;}
#cd-lateral-nav .socials a.cd-facebook {background-position: -64px 0;}
#cd-lateral-nav .socials a.cd-google { background-position: -96px 0;}
.no-touch #cd-lateral-nav .socials a:hover { background-color: #4e6361;}
.no-touch #cd-lateral-nav .socials a:hover.cd-twitter { background-position: 0 -32px;}
.no-touch #cd-lateral-nav .socials a:hover.cd-github { background-position: -32px -32px;}
.no-touch #cd-lateral-nav .socials a:hover.cd-facebook {background-position: -64px -32px;}
.no-touch #cd-lateral-nav .socials a:hover.cd-google { background-position: -96px -32px;}
/*手机右侧滑出样式*/


/*兼容*/
@media screen and (min-device-width:500px){ html, body{ width:500px; margin:auto;}}

@media screen and (min-width: 400px) and (max-device-width:420px){
	.dx-anlix{ float: left;width: 100%; height: 520px; background: url(../images/br4.jpg) center center no-repeat;background-size: 1920px 570px;overflow: hidden;}
}
@media screen and (min-width: 350px) and (max-device-width:365px){
	.banner-txt img{ height: 55px;}
}
@media screen and (min-width: 310px) and (max-device-width:330px){
	.banner-txt img{ height: 40px;}
}