@charset "utf-8";
.qc{ clear:both;}

.banner_n{ height:320px; width:100%;}

.banner_n2{ display:none}
@media only all and (min-width: 800px) and (max-width: 1000px){
.banner_n{ height:280px; width:100%; margin-top:1px;}
}
@media only all and (max-width: 799px){
.banner_n{ display:none;}
.banner_n2{ display:block; width:100%}
.banner_n2 img{ width:100%; display:block;}
}

.xtitle{ padding-top:140px; font-size:40px; color:#fff; text-align:center;}
.xtitle span{ font-size:24px; line-height:60px; font-family:Arial, Helvetica, sans-serif; display:block; color:#8b8b8b;}

.xiaotitle{text-align:center; font-size:30px; line-height:120px; color:#333; padding-top:30px;}

#side{width:100%; background-color:#f1f1f1;}
#side ul{ width:100%; max-width:1400px; margin:0px auto; }
#side li{  float:left; text-align:center; background:url(xxx.jpg) no-repeat center right;}
#side li a{ line-height:46px; display:block; padding:0px 30px;  font-size:16px; }
.side_01 a{background-color:#be8d71; color:#fff}
#side li a:hover{ background-color:#be8d71; color:#fff}






#side_prod{ width:255px; float:left; background-color:#f9f9f9; padding-bottom:30px; margin-top:30px;}
#side_prod li{ width:100%;  text-align: left; background-color:#ececec; text-indent:15px;}
#side_prod li a{ color:#633419; line-height:46px; display:block; width:98%; border-bottom:1px dashed #d6d6d6; margin:0px auto; font-size:15px; 
  white-space: nowrap; 
overflow: hidden;
  text-overflow:ellipsis; font-weight:normal;}
#side_prod li a:hover{ background-color:#cea187; border:1px solid #d6d6d6; color:#fff}








#side_new{ width:300px; margin:0px auto;}
#side_new li{ width:50%; float:left; text-align:center;}
#side_new li a{ color:#454545; line-height:36px; display:block; width:85%; border:1px solid #c1c1c1; margin:0px auto;}
#side_new li a:hover{ background-color:#bf8c6f; border:1px solid #F2F2F2; color:#fff}

.con666{ width:100%; max-width:1330px; margin:0px auto;}
.con00{ width:1030px; float:right;}
.con01{ width:100%; float:right;}
.xiaotitle2{ background:#be8d71; color:#fff; line-height:80px; text-align:center; font-size:22px;}


.title1{ width:1350px; position:relative; z-index:9999; margin:-40px auto 0px auto; line-height:40px; text-align:right; color:#cacaca;}
.title1 a{color:#cacaca;}
@media only all and (max-width: 999px){
.title1{ width:100%; position:relative; z-index:9999; margin:-40px auto 0px auto; line-height:40px; text-align:right; color:#cacaca;}
.title1 a{color:#cacaca;}	
}
.main_n{ width:100%; max-width:1350px; margin:40px auto 0px auto; padding-bottom:50px; font-size:13px; line-height:26px;}
.main_new{ width:96%; max-width:1200px; margin:40px auto 0px auto; padding-bottom:50px; font-size:13px; line-height:26px;}
.con_ph{ display:none;}
.next{ width:100%; padding-top:35px; margin-top:45px; text-align:center; border-top:1px solid #c1c1c1;}
.next a{ display:inline-block; padding:3px 10px; border:1px solid #f1f1f1; margin-left:5px;}
.next b{ display:inline-block; padding:3px 10px; border:1px solid #f1f1f1; margin-left:5px;}
.next .fl{ display:none;}

@media only all and (max-width: 1400px){
.main_n{ width:1200px;}
#side_prod{ width:230px;}
.con00 {width: 940px;}
.xtitle{ padding-top:120px; text-align:left; width:90%; margin:0px auto;}
}

@media only all and (max-width: 1200px){
.main_n{ width:1000px;}
#side_prod{ width:215px;}
.con00 {width:760px;}
.xtitle{ padding-top:80px; text-align:left; width:90%; margin:0px auto;font-size:30px;}
#side_prod li a{font-size:14px;}
.banner_n {height: 250px;}
.xtitle span{font-size: 20px;}
.main_n{margin:0px auto 0px auto;}
}

@media only all and (max-width: 999px){
	
	.main_n{ width:96%; margin:10px auto 0px auto; padding-bottom:10px; font-size:13px; line-height:24px;}
	.con{ width:100%;}
	.main_n img{ max-width:100%;}
	.con{display:none;}
	.con_ph{ display:block; width:98%; margin:0px auto}
	.con_ph img{ max-width:100%;}
	}


.prod{ width:33.33%; float:left; margin-top:30px;}
.prod_pic1{ width:100%;  display:block; float:none;}
.prod_pic1 img{ width:100%; display:block; width:90%;margin:0px auto; float:none}

.prod_name1{  width:90%; margin:0px auto; text-align:center; line-height:38px; margin-top:8px; background:#ededed; height:38px;}
.prod_name1 a{ color:#454545; font-size:14px; display:block;}
.prod_name1 a:hover{ background-color:#be8d71; color:#fff;}


.honor{ width:25%; float:left; margin-top:30px;}
.honor_pic1{ width:100%;  display:block; float:none;}
.honor_pic1 img{ width:100%; display:block; width:90%;margin:0px auto; float:none}

.honor_name1{  width:90%; margin:0px auto; text-align:center; line-height:38px; margin-top:8px; background:#ededed; height:38px;}
.honor_name1 a{ color:#454545; font-size:14px; display:block;}
.honor_name1 a:hover{ background-color:#be8d71; color:#fff;}

@media only all and (max-width: 999px){
	
	.prod{ width:50%; float:left; margin-top:30px; flex-direction: column;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: space-between;}
	.prod_pic1{ width:95%;  display:block; float:none; margin:0px auto}
	.prod_name1 a{white-space: nowrap; width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;}
	}

.con_pro{ line-height:28px; font-size:14px; margin-left: 300px;}
.con_pro h3{ font-size:24px; line-height:56px; text-align:center; border-bottom:1px solid #f1f1f1; padding-top:20px;}
.con_pro_img{ margin:0px auto; text-align:center; padding-bottom:40px; padding-top:10px;}

.con_news{ width:100%;}
.con_news li{ width:100%; line-height:24px; margin-top:10px; padding-top:20px; border-bottom:1px dashed #c1c1c1; padding-bottom:30px;}
.con_news li img { width:176px; float:left; margin-right:20px;}
.con_news li a{ color:#454545; font-size:15px; line-height:32px; }
.con_news li span{ color:#999}
.honor{ width:25%; float:left; margin-top:30px;}
.honor_pic1{ width:95%;  display:block; float:none; margin:0px auto}
.con_honor{ line-height:28px; font-size:14px;}
.con_honor h3{ font-size:24px; line-height:56px; text-align:center; border-bottom:1px solid #f1f1f1; padding-top:20px;}
.con_honor_img{ margin:0px auto; text-align:center; padding-bottom:40px; padding-top:10px;}}
@media only all and (max-width: 999px){
.con_news li a{ color:#454545; font-size:13px; line-height:30px; }	
.con_news li span{ color:#999; display: none;}
.con_news li{ }	
.con_news li a{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.con_news li p{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:3;
overflow: hidden;}

	.xiaotitle{text-align:center; font-size:24px; line-height:60px; color:#333; padding-top:0px;}
	.xiaotitle2{ display:none;}
	#side{ width:100%;  margin:0px auto;}
	#side li{ width:50%; margin-top:10px;}
	
	#side_prod{ width:100%;  margin:0px auto; background-color: #fff; padding-bottom:0px;}
	
	.accordion {width: 100%;
    max-width: 100%;}
	#side_prod li {width:50%; margin-top:10px; float:left; background-color:#fff; height:48px; overflow:hidden;}
	#side_prod li a{ width:90%; margin:0px auto; border:1px solid #999; padding:0px; border-radius:5px;}
	#side_prod p{ display:none;}
	.accordion li i.fa-chevron-down { display:none}
	.accordion .link a{ display:none; padding:0px;}
	
	.con00{ width:100%;}
	
	#side_new{ width:100%;  margin:0px auto;}
	#side_new li{ width:50%; margin-top:10px;}
	
	.next { padding-top: 15px; margin-top: 25px;}

.prod_name1 a {
    color: #454545;
    font-size: 14px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.con_pro{ width:96%; margin:0px auto; }
	
	
.honor_name1 a {
    color: #454545;
    font-size: 14px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.con_honor{ width:96%; margin:0px auto; }
	
	}
	
@media only all and (max-width:620px){

.con_news li{ width:100%; line-height:24px; margin-top:10px; padding-top:10px; border-bottom:1px dashed #c1c1c1; padding-bottom:10px;}
.con_news li img { width:140px; float:left; margin-right:10px;}
.con_news li a{ color:#454545; font-size:15px; line-height:32px; }
.con_news li span{ color:#999}


	}
	
@media only all and (max-width:374px){
.con_news li{ width:100%; float: none;}
.con_news li img{ width:95%; margin:0px auto;}	
.con_news li p{ width:95%;margin:0px auto;}
	}


.con_news_n{ width:100%; line-height:28px; font-size:13px; color:#454545;}
.con_news_n h2{ line-height:36px; font-size:20px; text-align:center; font-weight:normal;}
.con_news_n h3{ line-height:30px; font-size:12px; color:#c1c1c1; font-weight:normal; text-align:center;}



.main_nx{ padding-bottom:80px;}

@media only all and (max-width:999px){
.main_nx{ padding-bottom:20px;}
}

 i{font-style: normal;}
.fixedmeau{ border: 1px solid #ececec; width: 140px; position: fixed; top: 150px; left: 50px; display: none;background: #fff; z-index:9999;}
.fixedmeau li{ width: 140px; height:40px;line-height:40px; text-align:center; cursor: pointer;}
.fixedmeau li+li{border-top: 1px solid #ececec;}
.fixedmeau span{display: none;}
.fixedmeau .active{background: white; color: darkred;font-weight: 700}
.fixedmeau li:hover span{display: block; font-size: 14px; background:#be8d71; color:white;}
.fixedmeau li:hover i{display: none;}
.totop{width: 40px;height: 40px;text-align: center; background: darkred; position: fixed;bottom: 30px; right: 30px; cursor: pointer;border-radius: 5px; display: none;color:#fff;}
.totop>span{display: block;line-height: 15px;font-size: 12px;color:#fff;}

.louceng{ box-sizing:border-box; width:100%; }



.louceng3_bj{background-color:#f1f1f1; padding-top:40px; padding-bottom:80px;}



.log01{z-index:1; margin:-100px auto; padding-top:130px;
position:relative; padding-bottom:80px;}
.log02{z-index:0; margin:-100px auto; padding-top:130px;
position:relative; padding-bottom:80px;}
@media only all and (max-width:999px){
.log01{z-index:1; margin:-100px auto; padding-top:130px;
position:relative; padding-bottom:0px;}
.log02{z-index:0; margin:-100px auto; padding-top:130px;
position:relative; padding-bottom:0px;}
}

.log03{z-index:1; margin:-100px auto; padding-top:130px;
position:relative; padding-bottom:0px;}
.log04{z-index:-2; margin:-120px auto; padding-top:120px;
position:relative; padding-bottom:0px;}

	
.louceng_title{ font-size:36px; text-align:center; color:#9c6443; width:100%; max-width:1200px; margin:0px auto;}
.louceng_title span{ display:block; font-size:18px; line-height:42px; color:#878787;}
.louceng_con{ line-height:34px; font-size:15px; padding-top:30px; color:#454545;text-align: center; width:100%; max-width:1200px; margin:0px auto;}

@media only all and (max-width:999px){
.louceng_title{ font-size:28px; text-align:center; color:#9c6443; width:100%; max-width:1200px; margin:0px auto; border-bottom: 1px solid #9c6443;}
.louceng_title span{ display:block; font-size:12px; line-height:42px; color:#878787;}
.louceng_con{ line-height:34px; font-size:15px; padding-top:30px; color:#454545;text-align: left; width:96%; max-width:1200px; margin:0px auto;}
	
	
#side_prod{ display: none;}
.con00{ width: 100%; display: flex;
    flex-wrap: wrap;
    align-items: stretch;}
.prod_pic1{{100%}}
.prod_name1{ width: 96%;}
.prod_pic1 img{width: 100%}
	
.con_pro{margin-left: 0px;}
}

.louceng_ul{ width:100%; padding-top:60px; width:100%; max-width:1200px; margin:0px auto;}
.louceng_ul li{ width:25%; float:left; text-align:center }
.louceng_ul li a{ border-radius:50%; background-color:#f1f1f1; color:#be8d71; display:inline-block; padding:36px;}
.louceng_ul li a:hover{background-color:#be8d71; color:#fff;}
.louceng_ul li i{ font-size:48px;}
.louceng_ul li p{ line-height:36px; font-size:14px; padding-top:15px;}
.louceng_ul li p span{ display:block; color:#be8d71; font-size:50px;}

.louceng_con2{ padding-top:28px; width:100%; max-width:1200px; margin:0px auto;}
.louceng_con2 img{ width:600px; float:left; margin-top:15px;}
.louceng_con2 p{ padding-left:650px; line-height:42px; font-size:16px; background-color:#f1f1f1; padding-bottom:30px; padding-top:10px;}

#rymo{WIDTH:1200px; OVERFLOW: hidden; margin:0px auto; }
#rymo1{FLOAT:left;}
#rymo2{FLOAT:left;}
#inkemo{ WIDTH:935%; FLOAT:left;}
.zgg{ width:350px; margin:0px 15px 0px 15px; float:left; display:inline; background:#fff; }
.zgg1 {padding:3px;}
.zgg1 img{ width:100%; } 

.zgg_name{ margin:0px auto; line-height:35px; }
.zgg_name a{ margin-left:15px; color:#454545; font-size:16px;}

@media only all and (min-width: 1024px) and (max-width: 1200px){
#rymo{width:1000px;}
}
@media only all and (min-width: 600px) and (max-width: 1023px){
#rymo{WIDTH:100%;}
.zgg{ width:220px; margin:0px 15px 0px 15px; float:left; display:inline; background:#fff; }
.zgg1 { padding:3px;}
.zgg1 img{ width:100%; height:100%;} 
.zgg_name{ padding-bottom:5px;}
.zgg_name a{font-size:15px;}
}
	
@media only all and (min-width: 300px) and (max-width: 599px){
#rymo{WIDTH:100%;}
.zgg_name p{ display:none;}
.zgg{ width:190px; margin:0px 15px 0px 15px; float:left; display:inline; background:#fff; }
.zgg1 { padding:3px;}
.zgg1 img{ width:100%;} 
.zgg_name{ padding-bottom:5px;}
.zgg_name a{font-size:15px;}
}
	
.louceng4_bj{ width:100%; max-width:1920px; margin:0px auto; background:url(/skins/Default/images/sp.jpg) no-repeat center bottom; height:600px;}


.jm_bj{background: url(about_center01_1.jpg) no-repeat center bottom; padding-top:30px; padding-bottom:40px;}
.jm_bj h2{ width:96%; margin-top:20px; display:block; text-align:center; background-color:#FFF;}
.jm_bj h2 img{ background:url(about_center01_bg.jpg) no-repeat center fixed; }

.jm_bj2_com{ width:96%; max-width:1200px; margin:0px auto; padding-top:40px;}
.jm_bj2_com img{ float:left}
.jm_bj2_com p{ line-height:38px; font-size:16px; margin-left:580px;}
.jm_bj2_com p strong{ display:block; line-height:60px; font-size:22px;}

.jm_bj2_com ul{ width:96%; max-width:1200px; margin:0px auto; }
.jm_bj2_com ul li{ float:left; width:25%; text-align:center; padding-top:30px; font-size:16px; }
.jm_bj2_com ul li strong{ font-size:90px; font-family:Impact; display:block; color:#bb8160; font-weight:normal;}

.jm_con2{background: url(001.jpg) no-repeat center top; width:100%; height:500px;}

.jm_con_n{ width:96%; max-width:1200px; margin:0px auto; padding-top:80px;}
.jm_con_n p{ width:590px; background-color:#fff; line-height:38px; font-size:16px; padding:25px;}
.jm_con_n p strong{ display:block; line-height:60px; font-size:22px; }

.jm_lx{ text-align:center; padding-top:80px; width:100%;}

@media only all and (min-width: 1000px) and (max-width: 1300px){
.jm_bj2_com p{ line-height:38px; font-size:14px; margin-left:580px;}
.jm_bj2_com ul li strong{ font-size:76px; font-family:Impact; display:block; color:#bb8160; font-weight:normal;}
.jm_con_n p{ width:590px; background-color:#fff; line-height:38px; font-size:14px; padding:25px;}
}
	
.dyph_side{ width:100%;}
.dyph_side li {width:50%; margin-top:10px; float:left; background-color:#fff; height:48px; overflow:hidden;}
.dyph_side li a{ width:90%; margin:0px auto; border:1px solid #999; padding:0px; border-radius:5px;     display: block;
    line-height: 36px;
    text-align: center;}