@charset "utf-8";
/*********************************************** 横向主导航条 ***********************************************/
.ddsmoothmenu{}
.ddsmoothmenu ul{margin:0;padding:0;}
/*主菜单设置*/
.ddsmoothmenu ul li{position:relative; display:inline; float:left; padding:0 20px; }
.ddsmoothmenu ul> li:nth-child(1) {margin-left:0px;}
.ddsmoothmenu ul li a{display:block; font-size:16px; }
.ddsmoothmenu ul li a span{display:block; text-align:center; }
/*主菜单连接效果设置*/
.ddsmoothmenu ul li a:link,.ddsmoothmenu ul li a:visited{color:#0d8c96; /* 文字填充色 */
  text-shadow: 
     1px 0px 0 #fff,  
     1px  0px 0 #fff,
     1px  0   0 #fff,
     1px  0   0 #fff; /* 8方向描边 */}
/*
.ddsmoothmenu ul li a:after{
content: '';
 width:0;
 height:5px;
 background:linear-gradient(to right,#009845,#009845);
 position: absolute;
 left:50%;
 bottom: 0%;
 transition: all 0.3s; z-index:-999 ;
}*/
.ddsmoothmenu ul li a:hover{ z-index:3000; color:#db5a19; }
.ddsmoothmenu ul li a:hover:after{width:100%;left:0; z-index:1000; }
.ddsmoothmenu ul li a:active{}
.ddsmoothmenu ul li a:active span{color:#db5a19; }
.ddsmoothmenu ul li a.selected{}
.ddsmoothmenu ul li a.selected span{color:#db5a19;}
/*主菜单当前所在页面*/
.ddsmoothmenu ul li a#menu_selected{ color:#db5a19; }

/*
.ddsmoothmenu ul li a#menu_selected::after{ content: ''; display: block; position: absolute; bottom: 0%; left:15%; width:70%; height:5px; z-index:10000; background:linear-gradient(to right,#009845,#009845);}
.ddsmoothmenu ul li a#menu_selected span{color:#333;}
*/

/*子集菜单设置*/
.ddsmoothmenu ul.menulevel{position:absolute;left:0;display:none;visibility:hidden; z-index:2000;}
.ddsmoothmenu ul.menulevel li{background:none;margin:0px; padding:0px;display:list-item;float:none;}
.ddsmoothmenu ul.menulevel li a{ background-color:#099553;height:40px;line-height:40px;width:180px;margin:0px;border-right:1px solid #999;border-bottom:1px solid #eee;border-left:1px solid #eee;font-size:15px; text-align:left; padding-left:20px;}
.ddsmoothmenu ul.menulevel li a span{ width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/*子集菜单连接效果设置*/
.ddsmoothmenu ul.menulevel li ul{top:0px}
.ddsmoothmenu ul.menulevel li a:link,.ddsmoothmenu ul.menulevel li a:visited{color:#fff;background-image:none}
.ddsmoothmenu ul.menulevel li a:hover{background:#fff;color:#333; }
.ddsmoothmenu ul.menulevel li a.selected{background:#fff;color:#333;}
.ddsmoothmenu ul.menulevel li a span{ text-align:left; padding-left:10px;}
.ddsmoothmenu ul.menulevel li a:hover span{ color:#333}

/*下拉箭头*/
.ddsmoothmenu .downarrowclass{position:absolute;top:15px;right:10px}
.ddsmoothmenu .rightarrowclass{position:absolute;top:8px;right:10px}
/*阴影*/
.ddshadow{position:absolute;left:0;top:0;width:0;height:0;z-index:1;}
.toplevelshadow{/*opacity:0.8*/}
* html .ddsmoothmenu{height:1%}/* Holly Hack for IE \*//*Holly Hack for IE7 and below*/
* html .ddsmoothmenu ul li a{display:inline-block}/*IE6 hack to get sub menu links to behave correctly*/

/*********************************************** 纵向主导航条 ***********************************************/
.left-products{width:260px; float:left;}
.left-products b{ display:block; font-style:normal; font-weight: bolder; color:#099553; font-size:30px; line-height:40px; }
.left-products i{display:block; font-style:normal; color:#333; font-size:25px; line-height:46px;}
.left-products em{ display:block; font-style:normal; width:39px; background:#099553; height:3px;}
.ddsmoothmenu-v{ width:1200px;margin:28px auto; }
.ddsmoothmenu-v ul{}
/*主菜单设置*/
.ddsmoothmenu-v ul li{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; height:43px; margin-bottom:2px; text-align:left; background-color:#0d8c96;float:left;margin-right:18px; }
.ddsmoothmenu-v ul li a{display:block;padding:0px 16px;float:left; height:43px; line-height:43px; vertical-align:middle; font-size:15px; color:#fff }
.ddsmoothmenu-v ul li a span{display:block;}
#LeftMenu .lihover #three li a{ color:#fff; ; }
/*主菜单连接效果设置*/
.ddsmoothmenu-v ul li a:link,.ddsmoothmenu-v ul li a:visited{ color:#fff;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.ddsmoothmenu-v ul li a:hover{color:#db5a19; display:block;}
.ddsmoothmenu-v ul li a:hover span{color:#db5a19; }
.ddsmoothmenu-v ul li a:active{ color:#db5a19; }
.ddsmoothmenu-v ul li a:active span{color:#db5a19; }
#LeftMenu .lihover  a{ color:#db5a19}
.ddsmoothmenu-v ul li .selected:link,.ddsmoothmenu-v ul li a.selected:visited,.ddsmoothmenu-v ul li a.selected:active{}
.ddsmoothmenu-v ul li a.selected span{color:#db5a19;}
/*主菜单当前所在页面*/
.ddsmoothmenu-v ul li a#menu_selected{ background: url(../images/sort_lia.png) left no-repeat;}
.ddsmoothmenu-v ul li a#menu_selected span{color:#fff; background: url(../images/sort_lia.png) left no-repeat;}
/*子集菜单设置*/
.ddsmoothmenu-v ul.menulevel{position:absolute;top:0;visibility:hidden;border-top:1px solid #CCC}
.ddsmoothmenu-v ul.menulevel li{background:none;margin:0px;padding:0px;display:list-item}
.ddsmoothmenu-v ul.menulevel li a{height:26px;line-height:26px;width:180px;padding:0px 5px;margin:0px;border-right:1px solid #999;border-bottom:1px solid #DFDFDF;border-left:1px solid #CCC}


/*子集菜单连接效果设置*/
.ddsmoothmenu-v ul.menulevel li a:link,.ddsmoothmenu-v ul.menulevel li a:visited{color:#000}
.ddsmoothmenu-v ul.menulevel li a:hover{background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;; height:25px; line-height:25px; margin-top:0px}
.ddsmoothmenu-v ul.menulevel li a.selected{background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;}
/*子集菜单连接效果设置*/
.ddsmoothmenu-v ul.menulevel li a:link,.ddsmoothmenu-v ul.menulevel li a:visited{color:#000; }
.ddsmoothmenu-v ul.menulevel li a:hover{background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;}
.ddsmoothmenu-v ul.menulevel li a.selected{background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;}

.ddsmoothmenu-v ul li ul li a{ height:35px; line-height:35px;}
.ddsmoothmenu-v ul li ul li a span{ padding-left:30px;}
/*左侧箭头*/
.ddsmoothmenu-v .rightarrowclass{position:absolute;top:10px;right:10px}
.ddsmoothmenu-v ul.menulevel .rightarrowclass{position:absolute;top:8px;right:10px}
/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li {float:left;height:1%}
* html .ddsmoothmenu-v ul li a {height:1%}

#LeftMenu .lihover ul li a{
background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;
}

#LeftMenu .lihover ul li a{
background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;
}
#LeftMenu .lihover ul li a {
    color: #333;
	font-weight:normal;
}
#LeftMenu .ahover span{
;
}
#LeftMenu .lihover ul li a:hover span{
;
color:#be0201;
}

#LeftMenu .lihover .lihover li span{
padding-left:50px;
}

#LeftMenu .lihover .lihover .lihover li span{
padding-left:70px;
}


.pd   ul li a{ padding-left:30px;}

/*********************************************** 横向主导航条 ***********************************************/
.ddsmoothmenu-h{ width:100%; }
.ddsmoothmenu-h ul{margin:0 auto; width:850px;}
/*主菜单设置*/
.ddsmoothmenu-h ul li{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left; width:250px; background:#32a87b; text-align:center; margin-left:25px; border-radius:30px;
 }
.ddsmoothmenu-h ul li a{ display:block; height:45px; line-height:45px; vertical-align:middle; text-align:center; border-radius:30px;}
.ddsmoothmenu-h ul li a span{display:block;}

#topMenu .lihover #three li a{
background:#fbbb33;
color:#fff;
}
/*主菜单连接效果设置*/
.ddsmoothmenu-h ul li a:link,.ddsmoothmenu-h ul li a:visited{ color:#fff; }
.ddsmoothmenu-h ul li a:hover{ background-color:#fbbb33;}
.ddsmoothmenu-h ul li a:hover span{color:#FFF}
.ddsmoothmenu-h ul li a:active{background-color:#fbbb33; color:#fff;}
.ddsmoothmenu-h ul li a:active span{color:#FFF}
#topMenu .lihover  a{ color:#FFFFFF;background-color:#fbbb33;}
.ddsmoothmenu-h ul li .selected:link,.ddsmoothmenu-h ul li a.selected:visited,.ddsmoothmenu-h ul li a.selected:active{background-color:#fbbb33;}
.ddsmoothmenu-h ul li a.selected span{color:#FFF}
/*主菜单当前所在页面*/
.ddsmoothmenu-h ul li a#menu_selected{background:#fbbb33}
.ddsmoothmenu-h ul li a#menu_selected span{color:#FFF}
/*子集菜单设置*/
.ddsmoothmenu-h ul.menulevel{position:absolute;top:0;visibility:hidden;border-top:1px solid #CCC}
.ddsmoothmenu-h ul.menulevel li{background:none;margin:0px;padding:0px;display:list-item}
.ddsmoothmenu-h ul.menulevel li a{height:26px;line-height:26px;width:180px;padding:0px 5px;margin:0px;border-right:1px solid #999;border-bottom:1px solid #DFDFDF;border-left:1px solid #CCC}


/*子集菜单连接效果设置*/
.ddsmoothmenu-h ul.menulevel li a:link,.ddsmoothmenu-h ul.menulevel li a:visited{color:#fff}
.ddsmoothmenu-h ul.menulevel li a:hover{background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;; height:25px; line-height:25px; margin-top:0px}
.ddsmoothmenu-h ul.menulevel li a.selected{background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;}
/*子集菜单连接效果设置*/
.ddsmoothmenu-h ul.menulevel li a:link,.ddsmoothmenu-h ul.menulevel li a:visited{color:#ffff; }
.ddsmoothmenu-h ul.menulevel li a:hover{background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;}
.ddsmoothmenu-h ul.menulevel li a.selected{background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;}

.ddsmoothmenu-h ul li ul li a{ height:35px; line-height:35px;}
.ddsmoothmenu-h ul li ul li a span{ padding-left:30px;}
/*左侧箭头*/
.ddsmoothmenu-h .rightarrowclass{position:absolute;top:10px;right:10px}
.ddsmoothmenu-h ul.menulevel .rightarrowclass{position:absolute;top:8px;right:10px}
/* Holly Hack for IE \*/
* html .ddsmoothmenu-h ul li {float:left;height:1%}
* html .ddsmoothmenu-v ul li a {height:1%}

#topMenu .lihover ul li a{
background:url(../images/mainmenu1.jpg) no-repeat left center; color:#034fab;
}

#topMenu .lihover ul li a{
background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;
}
#topMenu .lihover ul li a {
    color: #fff;
	font-weight:normal;
}
#topMenu .ahover span{
;
}
#topMenu .lihover ul li a:hover span{
;
color:#be0201;
}

#topMenu .lihover .lihover li span{
padding-left:50px;
}

#topMenu .lihover .lihover .lihover li span{
padding-left:70px;
}

/*********************************************** 图片主导航条 ***********************************************/
.ddsmoothmenu-pic{ width:100%; padding-top:20px;}
.ddsmoothmenu-pic ul{  margin:0 auto; width:550px;}
/*主菜单设置*/
.ddsmoothmenu-pic ul li{ overflow:hidden; white-space:nowrap; font-size:16px; text-overflow:ellipsis; float:left; width:250px; background:#b70005; text-align:center; margin-left:25px; border-radius:30px;
 }
.ddsmoothmenu-pic ul li a{ display:block; height:45px; line-height:45px; vertical-align:middle; text-align:center; border-radius:30px;}
.ddsmoothmenu-pic ul li a span{display:block;}

#picMenu .lihover #three li a{
background:#bf0404;
color:#fff;
}
/*主菜单连接效果设置*/
.ddsmoothmenu-pic ul li a:link,.ddsmoothmenu-pic ul li a:visited{ color:#fff; }
.ddsmoothmenu-pic ul li a:hover{ background-color:#bf0404;}
.ddsmoothmenu-pic ul li a:hover span{color:#FFF}
.ddsmoothmenu-pic ul li a:active{background-color:#bf0404; color:#fff;}
.ddsmoothmenu-pic ul li a:active span{color:#FFF}
#picMenu .lihover  a{ color:#FFFFFF;background-color:#bf0404;}
.ddsmoothmenu-pic ul li .selected:link,.ddsmoothmenu-pic ul li a.selected:visited,.ddsmoothmenu-pic ul li a.selected:active{background-color:#bf0404;}
.ddsmoothmenu-pic ul li a.selected span{color:#FFF}
/*主菜单当前所在页面*/
.ddsmoothmenu-pic ul li a#menu_selected{background:#bf0404}
.ddsmoothmenu-pic ul li a#menu_selected span{color:#FFF}
/*子集菜单设置*/
.ddsmoothmenu-pic ul.menulevel{position:absolute;top:0;visibility:hidden;border-top:1px solid #CCC}
.ddsmoothmenu-pic ul.menulevel li{background:none;margin:0px;padding:0px;display:list-item}
.ddsmoothmenu-pic ul.menulevel li a{height:26px;line-height:26px;width:180px;padding:0px 5px;margin:0px;border-right:1px solid #999;border-bottom:1px solid #DFDFDF;border-left:1px solid #CCC}


/*子集菜单连接效果设置*/
.ddsmoothmenu-pic ul.menulevel li a:link,.ddsmoothmenu-pic ul.menulevel li a:visited{color:#fff}
.ddsmoothmenu-pic ul.menulevel li a:hover{background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;; height:25px; line-height:25px; margin-top:0px}
.ddsmoothmenu-pic ul.menulevel li a.selected{background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;}
/*子集菜单连接效果设置*/
.ddsmoothmenu-pic ul.menulevel li a:link,.ddsmoothmenu-pic ul.menulevel li a:visited{color:#ffff; }
.ddsmoothmenu-pic ul.menulevel li a:hover{background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;}
.ddsmoothmenu-pic ul.menulevel li a.selected{background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;}

.ddsmoothmenu-pic ul li ul li a{ height:35px; line-height:35px;}
.ddsmoothmenu-pic ul li ul li a span{ padding-left:30px;}
/*左侧箭头*/
.ddsmoothmenu-pic .rightarrowclass{position:absolute;top:10px;right:10px}
.ddsmoothmenu-pic ul.menulevel .rightarrowclass{position:absolute;top:8px;right:10px}
/* Holly Hack for IE \*/
* html .ddsmoothmenu-pic ul li {float:left;height:1%}
* html .ddsmoothmenu-v ul li a {height:1%}

#picMenu .lihover ul li a{
background:url(../images/mainmenu1.jpg) no-repeat left center; color:#034fab;
}

#picMenu .lihover ul li a{
background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;
}
#picMenu .lihover ul li a {
    color: #fff;
	font-weight:normal;
}
#picMenu .ahover span{
;
}
#picMenu .lihover ul li a:hover span{
;
color:#be0201;
}

#picMenu .lihover .lihover li span{
padding-left:50px;
}

#picMenu .lihover .lihover .lihover li span{
padding-left:70px;
}


@media (min-width: 991px) and (max-width: 1440px) {
.ddsmoothmenu ul li{position:relative; display:inline; float:left; padding:0 15px; }
.intro_bg{ width:95%; margin:6rem auto}
.about_h{ margin-top:2rem;margin-bottom:0rem; font-size:17px; background:url(../images/01.jpg) no-repeat left bottom; padding-bottom:30px}
.about_con{ line-height:30px;}
.pro_h{font-size:17px;padding-bottom:10px; width:95%; margin:0rem auto; }	
.pro_bg{ background-color:#0d8c96; margin-top:1rem; padding-bottom:7rem; padding-top:6rem}
.index-newproducts{ width:100%; margin:0 auto;}
.productsroll{position:relative;width:100%; margin:0 auto;margin-top:60px;}
/* productsroll Start */
#LeftArr1,#RightArr1{background:url(../images/product_arrow.gif) no-repeat center top;width:60px;height:160px;cursor:pointer;position:absolute;top:79px;z-index:1}
#LeftArr1{background-position:0px 0px;float:left;left:8px}
#RightArr1{background-position:-60px 0px;float:right;right:0px}
#ScrollBox{width:100%; margin:0 auto;overflow:hidden}
.index_new{ width:95%;}
.index_contact{ width:95%;}
.foot{ width:95%;}

}

@media (max-width: 767px) {
.banner,.indexyc,.header,.yb_conct{ display:none;}
.mt50,.mt80,.mt60{ margin-top:30px;}	
.sj_banner{ display:block}
.top{ width:95%; margin:0 auto; }
.logo{ float:none;  padding:1rem 0px; margin:0 auto}
.wrapper{ background-color:#fff; display:none;}
#index_nav{ width:100%; float:none; padding-top:0px; padding-bottom:2rem}
#MainMenu{ height:1.5rem; line-height:1.5rem;}
.fixednav{position:fixed;z-index:999; width:100%; top:0}
.ddsmoothmenus ul li a span{ width:100%; text-align:center; display:block; text-align:center; color:#fff; overflow:hidden}
.ddsmoothmenus ul li{width:33%; float:left;text-align:center; border-bottom:#585757 1px solid; border-right:#585757 1px solid;}

.sj_top{ display:block;box-shadow: 0px 0px 10px 5px rgba(236,236,236,0.9);padding:1rem 0rem; background-color:#fff; position:sticky; top:0;width:100%; z-index:999; }
.sjtop{ padding:0 1.8rem;}
.sjlogo{ width:80%; float:left; }
.sjlogo img{ width:100%}


.show {
    display: block;
}
.menulevel li a span{ padding-left:20px;}
.sj_banner{ display:block; margin-top:1rem}
.sj_banner img{ width:100%}


/*主菜单当前所在页面*/
.ddsmoothmenu ul li a#menu_selected{ background:none}
.ddsmoothmenu ul li a#menu_selected span{color:#ff2002;}
.hits { display:none}


.intro_bg{ width:100%; margin:4rem auto}
.about_left{ width:95%; margin:0 auto; float:none;}
.about_h{ margin-top:2rem;margin-bottom:2rem; font-size:17px; background:url(../images/01.jpg) no-repeat left bottom; padding-bottom:30px}
.about_h p{ font-size:60px; color:#0d8c96; ; line-height:70px; margin-bottom:1.5rem}
.about_h p span{ color:#ff8c00}
.about_h2{ font-size:30px; ; color:#666; margin-bottom:10px; line-height:40px}
.about_h3{ color:#999}
.about_con{ line-height:35px;}
.about_left ul{ margin-top:2rem; margin-bottom:2rem}
.about_left li{ width:50%; float:left}
.box{width:95%;height:15rem; float:none;margin:20px auto;overflow: hidden;position: relative;}
.box-1 ul{}
.box-1 ul li{width:100%;height:15rem;position: relative;overflow: hidden;}
.box-1 ul li img{display:block;width:100%;height:15rem;}
.box-1 ul li h2{position: absolute;left: 0;bottom: 0;height: 40px;width:300px;background: rgba(125,125,120,.4);text-indent: 2em;
				padding-right:500px ;font-size: 15px;line-height: 40px;text-overflow: ellipsis;overflow: hidden;
				white-space: nowrap;font-weight: normal;color: ghostwhite}


.pro_bg{ background-color:#0d8c96; margin-top:1rem; padding-bottom:3rem; padding-top:3rem}
.pro_h{font-size:17px;padding-bottom:10px; width:95%; margin:0rem auto; }
.pro_left{ float:left; font-size:15px;width:100%; margin:0 auto;padding-top:0rem}
.pro_h p{ font-size:50px; color:#0d8c96; ; margin-bottom:20px; line-height:50px}
.pro_h p strong{ color:#ff8c00}
.pro_right{ float:none; width:50%; position:relative; top:1rem}


.index-newproducts{ width:89%; margin:0 auto;}
#LeftArr1,#RightArr1{background:url(../images/product_arrow.gif) no-repeat center top;width:60px;height:160px;cursor:pointer;position:absolute;top:100px;z-index:1}
#LeftArr1{background-position:0px 0px;float:left;left:0px}
#RightArr1{background-position:-60px 0px;float:right;right:0px}
#ScrollBox{width:100%; margin:0 auto;overflow:hidden}
#ScrollBox li{float:left;display:inline;width:302px;text-align:center; margin:0 15px; }


.new_h p{ font-size:3rem; color:#0d8c96; ; line-height:3rem; margin-bottom:1.5rem}
.index_new{ width:95%; margin:0 auto}
.index-news{ width:100%; float:none; margin:0 auto}
.index-hang{ width:100%; float:none; margin:0 auto; padding-top:2rem}


.index_contact{ width:90%; margin:1rem auto}
.con_h{ font-size:17px;padding-bottom:10px; }
.con_h p{ font-size:3rem; color:#0d8c96; ;line-height:170px}
.con_h strong{ color:#ff8c00;font-size:3rem; position:relative; top:-2.2rem}

.index_con{ line-height:45px; color:#666;padding-bottom:0rem; background:url(../images/04.jpg) no-repeat left bottom}
.con_left{width:100%; float:none}
.con_mid{width:100%; float:none; padding-top:2rem}
.con_right{ width:90%; margin:0 auto; float:none; padding-top:2rem}




.ddsmoothmenu-v{ width:95%;margin:8px auto; }
.ddsmoothmenu-v ul li{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; height:43px; margin-bottom:12px; text-align:left; background-color:#0d8c96;float:left;margin-right:10px; width:46%; float:left;}
.ddsmoothmenu-v ul li a{display:block;padding:0px;float:left; height:43px; line-height:43px; vertical-align:middle; font-size:15px; color:#fff; text-align:center; padding-left:5px}

.ddsmoothmenu-v ul li a:link,.ddsmoothmenu-v ul li a:visited{ color:#fff;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.ddsmoothmenu-v ul li a:hover{color:#db5a19; display:block;}
#LeftMenu .lihover  a{ color:#db5a19; background-color:none;}

.ny_about_bt{ text-align:center; font-size:30px; line-height:35px; margin-bottom:2.5rem}
.jj_con{ width:95%; margin:0 auto; float:none; padding-top:10px}
.about_img{ width:95%; margin:0 auto;float:none;  overflow:hidden}
.wenhua_img{ width:95%; margin:0 auto; float:none; overflow:hidden}
.ny_wenhua{ margin-top:2rem}
.wh_nr{ width:95%; margin:0 auto; float:none; padding-top:2.8rem}
.wh_nr strong{ font-size:28px; display:block; margin-bottom:1rem}
.wh_nr p{ line-height:35px}
.ny_xian{ margin:1rem 0rem}



.i_banner{ display:block}
#page_main{ width:95%; margin:0 auto; padding-bottom:30px}
#page_main2{width:95%;  margin:0 auto;padding-bottom:30px }
.page-right{width:100%; margin:0 auto}
.page-right2{ width:100%; margin:0 auto}

.foot_nr{ width:90%; margin:0 auto;line-height:2rem}
.bot_cp1{ width:90%; margin:0 auto; float:none; padding-top:15px;margin-left:0px;font-size:1.2rem; }
.bot_h{ margin-bottom:18px; ; text-transform:uppercase; font-size:16.5px; color:#000} 
.bot_h p{ padding-bottom:3px;}
.bot_cp2{ width:90%; margin:0 auto;float:none; margin-left:0px; padding-top:38px}
.bot_cp3{ width:90%; margin:0 auto; float:none; margin-left:0px; padding-top:38px;}
.bot_cp4{ width:90%; margin:0 auto; float:none; margin-left:0px; padding-top:38px; font-size:1.1rem;}
.bot_cp3 li{ line-height:32px}
.bot_cp3 .menulevel{ display:none}

.page-news {
    margin: 0 auto;
    width: 95%;line-height:1.7rem; color:#333
}
.site_left{ width:100%}



#ShowImages .images_img a {
	display:block;
    height: 180px;
    overflow: hidden;
    text-align: left;
    vertical-align: middle; width:321px; margin:0 auto;
    color:#e80002;box-shadow:0 2px 2px 0 rgba(0,0,0,.1);transition: transform 0.5s ease;
}


#ShowImages li{
	display: inline;
    float: none;
    margin-bottom:16px;  width:80%; margin:10px auto;
}

.images_title{ width:85%;  margin:0px auto; margin-bottom:1.5rem}
#ShowImages .images_img img { width:100%;  height:200px;}
.xwrq{width:100%;float:none; font-size:24px; padding-top:1.5rem; color:#999}
.xw_con{width:100%; float:none}

#ShowImages .images_img a {
	display:block;
    height:auto;
    overflow:auto;
    text-align: left;
    vertical-align: middle;
    width: 80%; color:#e80002;box-shadow:0 2px 2px 0 rgba(0,0,0,.1);transition: transform 0.5s ease;
}

.images_title a{ font-size:1.1rem}

#proinfo_c{ padding-top:20px; line-height:1.8rem}
#proinfo_c img{ width:100%}
.cpbanner{ margin-bottom:30px; float:none; width:100%}

.ny_about_bt{ margin-top:1rem}
.ny_lxwm{ width:100%; margin:0 auto; text-align:center}
.nylx_left,.nylx_mid,.nylx_right{ width:95%; float:none; margin:0 auto; border:#ececec 1px solid; margin:2rem 2rem 2rem 0rem; padding:3rem 0rem; height:17rem}
.ly_liuyan{ background-color:#f2f2f2; width:95%; margin:0 auto}
.page-news-con img{ width:100%}
.ny_lxwm img{ width:55px}
.site-nav{border-bottom:#f2f2f2 1px solid;line-height:25px;margin-bottom:20px; padding:8px 0px}

.carousel-container {
            width: 100%;
            height: 15rem;
            margin: 0 auto;
            position: relative;
            overflow: hidden; padding-top:2rem
        }
.mobile-header {
            position: fixed;
            top: 0;
            width: 100%;
           
            padding: 15px;
            display: flex;
            justify-content: flex-end;
            z-index: 1000;
        }
        .nav-toggle {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            width: 30px;
            height: 21px;
            cursor: pointer; position:relative; right:30px; top:8px;
        }
        .nav-toggle span {
            display: block;
            height: 3px;
            width: 100%;
            background:#f4690c;
            transition: all 0.3s ease;
        }
        .nav-menu {
            position: absolute;
            top: 138%;
            right: 35px;
            width: 100%;
            background: #444;
            border-radius: 0 0 5px 5px;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
            box-shadow: 0 5px 10px rgba(0,0,0,0.2); text-align:center;
        }
        .nav-menu.active {
            max-height: 500px;
        }
        .nav-menu ul {
            list-style: none;
        }
        .nav-menu li {
            border-bottom: 1px solid #555;
        }
        .nav-menu a {
            display: block;
            padding: 12px 15px;
            color: white;
            text-decoration: none;
            transition: background 0.3s;
        }
        .nav-menu a:hover {
            background: #555;
        }
        .nav-toggle.active span:nth-child(1) {
            transform: translateY(9px) rotate(45deg);
        }
        .nav-toggle.active span:nth-child(2) {
            opacity: 0;
        }
        .nav-toggle.active span:nth-child(3) {
            transform: translateY(-9px) rotate(-45deg);
        }
		
		
		
.foot{ width:85%; margin:0 auto; padding:1rem 0px}
.foot_left{ display:none}
.foot_mid{ width:100%; float:none; text-align:center;}
.foot_right{ width:100%; float:none; text-align:center; padding-top:0rem; color:#cbd3cb}

.video-section {
  overflow: hidden;
  position: absolute;
  background-color: #cdecef;
  z-index: 0;
  width: 100%;
  height: 80vh;
  }
  .vh-100 {
  height: 80vh; }
  
  .bg-hero {
  background-color: #cdecef;
  background-size: cover;
  background-position: center center;
  position: relative; }
  .bg-hero:before {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    content: "";
    background-color: rgba(0, 0, 0, 0.6); }
}