@charset "utf-8";
/*********************************************** 横向主导航条 ***********************************************/
.ddsmoothmenu{}
.ddsmoothmenu ul{margin:0;padding:0;}
/*主菜单设置*/
.ddsmoothmenu ul li{position:relative;display:inline;float:left;}
.ddsmoothmenu ul li a{display:block; font-size:18px;}
.ddsmoothmenu ul li a span{display:block; text-align:center; padding:0 26px; float:left}
/*主菜单连接效果设置*/
.ddsmoothmenu ul li a:link,.ddsmoothmenu ul li a:visited{color:#fff;}
.ddsmoothmenu ul li a:hover{ background:url(../images/nav_h.jpg) no-repeat center bottom;}
.ddsmoothmenu ul li a:hover span{color:#c7cef6; }
.ddsmoothmenu ul li a:active{background:url(../images/nav_h.jpg) no-repeat center bottom;}
.ddsmoothmenu ul li a:active span{color:#c7cef6}
.ddsmoothmenu ul li a.selected{ background:url(../images/nav_h.jpg) no-repeat center bottom;}
.ddsmoothmenu ul li a.selected span{color:#c7cef6}
/*主菜单当前所在页面*/
.ddsmoothmenu ul li a#menu_selected{background:url(../images/nav_h.jpg) no-repeat center bottom;}
.ddsmoothmenu ul li a#menu_selected span{color:#fff;}
/*子集菜单设置*/
.ddsmoothmenu ul.menulevel{position:absolute;left:0;display:none;visibility:hidden}
.ddsmoothmenu ul.menulevel li{background:none;margin:0px;padding:0px;display:list-item;float:none;}
.ddsmoothmenu ul.menulevel li a{ background-color:#000;height:40px;line-height:40px;width:180px;margin:0px;border-right:1px solid #333;border-bottom:1px solid #666;border-left:1px solid #333;font-size:14px; 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:0}
.ddsmoothmenu ul.menulevel li a:link,.ddsmoothmenu ul.menulevel li a:visited{color:#fff; background-color:#000; background-image:none}
.ddsmoothmenu ul.menulevel li a:hover{background:#485499;color:#fff;font-weight:bold }
.ddsmoothmenu ul.menulevel li a.selected{background:#485499;color:#fff;font-weight:bold}
.ddsmoothmenu ul.menulevel li a span{ text-align:left; padding-left:10px;}
.ddsmoothmenu ul.menulevel li a:hover span{ color:#fff}


/*下拉箭头*/
.ddsmoothmenu .downarrowclass{position:absolute;top:25px;right:45px}
.ddsmoothmenu .rightarrowclass{position:absolute;top:8px;right:10px}
/*阴影*/
.ddshadow{position:absolute;left:0;top:0;width:0;height:0;background:url(../images/40.png);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:295px; margin:0 auto; padding-top:30px}
.ddsmoothmenu-v{}
.ddsmoothmenu-v ul{}
/*主菜单设置*/
.ddsmoothmenu-v ul li{ overflow:hidden;white-space:nowrap;text-overflow:ellipsis; background:url(../images/ny_clibg.jpg) no-repeat 25px center}
.ddsmoothmenu-v ul li a{display:block;  vertical-align:middle;font-size:16px; color:#333; line-height:50px; text-align:left; }
.ddsmoothmenu-v ul li a span{display:block; padding-left:56px;}

#LeftMenu .lihover #three li a{
color:#fff; }
/*主菜单连接效果设置*/
.ddsmoothmenu-v ul li a:link,.ddsmoothmenu-v ul li a:visited{ color:#333;}
.ddsmoothmenu-v ul li a:hover{background:url(../images/sort_li_a.jpg) no-repeat 25px center}
.ddsmoothmenu-v ul li a:hover span{color:#333;font-weight:bold}
.ddsmoothmenu-v ul li a:active{background: url(../images/sort_li_a.jpg) no-repeat 25px center}
.ddsmoothmenu-v ul li a:active span{color:#333;font-weight:bold}
#LeftMenu .lihover  a{ color:#333; background: url(../images/sort_li_a.jpg) no-repeat 25px center}
.ddsmoothmenu-v ul li .selected:link,.ddsmoothmenu-v ul li a.selected:visited,.ddsmoothmenu-v ul li a.selected:active{background: url(../images/sort_li_a.jpg) no-repeat 25px center; font-weight:bold}
.ddsmoothmenu-v ul li a.selected span{color:#333}
/*主菜单当前所在页面*/
.ddsmoothmenu-v ul li a#menu_selected{background: url(../images/sort_li_a.jpg) no-repeat 25px center}
.ddsmoothmenu-v ul li a#menu_selected span{color:#333; font-weight:bold}
/*子集菜单设置*/
.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;font-weight:bold; 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;font-weight:bold}
/*子集菜单连接效果设置*/
.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;font-weight:bold}
.ddsmoothmenu-v ul.menulevel li a.selected{background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;font-weight:bold}

.ddsmoothmenu-v ul li ul li a{ height:35px; line-height:35px;}
.ddsmoothmenu-v ul li ul li a span{ padding-left:30px; font-size:15px;}
/*左侧箭头*/
.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;font-weight:bold
}

#LeftMenu .lihover ul li a{
background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;font-weight:bold
}
#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%; padding-top:20px; padding-bottom:25px;}
.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:#1e4bc2; 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:#079bd0;
color:#fff;
}
/*主菜单连接效果设置*/
.ddsmoothmenu-h ul li a:link,.ddsmoothmenu-h ul li a:visited{ color:#fff; }
.ddsmoothmenu-h ul li a:hover{ background-color:#079bd0;}
.ddsmoothmenu-h ul li a:hover span{color:#FFF}
.ddsmoothmenu-h ul li a:active{background-color:#079bd0; color:#fff;}
.ddsmoothmenu-h ul li a:active span{color:#FFF}
#topMenu .lihover  a{ color:#FFFFFF;background-color:#079bd0;}
.ddsmoothmenu-h ul li .selected:link,.ddsmoothmenu-h ul li a.selected:visited,.ddsmoothmenu-h ul li a.selected:active{background-color:#124b76;}
.ddsmoothmenu-h ul li a.selected span{color:#FFF}
/*主菜单当前所在页面*/
.ddsmoothmenu-h ul li a#menu_selected{background:#079bd0}
.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;font-weight:bold; 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;font-weight:bold}
/*子集菜单连接效果设置*/
.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;font-weight:bold}
.ddsmoothmenu-h ul.menulevel li a.selected{background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;font-weight:bold}

.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;font-weight:bold
}

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

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

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




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

#companyMenu .lihover #three li a{
background:#079bd0;
color:#fff;
}
/*主菜单连接效果设置*/
.ddsmoothmenu-company ul li a:link,.ddsmoothmenu-company ul li a:visited{ color:#fff; }
.ddsmoothmenu-company ul li a:hover{ background-color:#079bd0;}
.ddsmoothmenu-company ul li a:hover span{color:#FFF}
.ddsmoothmenu-company ul li a:active{background-color:#079bd0; color:#fff;}
.ddsmoothmenu-company ul li a:active span{color:#FFF}
#companyMenu .lihover  a{ color:#FFFFFF;background-color:#079bd0;}
.ddsmoothmenu-company ul li .selected:link,.ddsmoothmenu-company ul li a.selected:visited,.ddsmoothmenu-company ul li a.selected:active{background-color:#124b76;}
.ddsmoothmenu-company ul li a.selected span{color:#FFF}
/*主菜单当前所在页面*/
.ddsmoothmenu-company ul li a#menu_selected{background:#079bd0}
.ddsmoothmenu-company ul li a#menu_selected span{color:#FFF}
/*子集菜单设置*/
.ddsmoothmenu-company ul.menulevel{position:absolute;top:0;visibility:hidden;border-top:1px solid #CCC}
.ddsmoothmenu-company ul.menulevel li{background:none;margin:0px;padding:0px;display:list-item}
.ddsmoothmenu-company 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-company ul.menulevel li a:link,.ddsmoothmenu-company ul.menulevel li a:visited{color:#fff}
.ddsmoothmenu-company ul.menulevel li a:hover{background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;font-weight:bold; height:25px; line-height:25px; margin-top:0px}
.ddsmoothmenu-company ul.menulevel li a.selected{background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;font-weight:bold}
/*子集菜单连接效果设置*/
.ddsmoothmenu-company ul.menulevel li a:link,.ddsmoothmenu-company ul.menulevel li a:visited{color:#ffff; }
.ddsmoothmenu-company ul.menulevel li a:hover{background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;font-weight:bold}
.ddsmoothmenu-company ul.menulevel li a.selected{background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;font-weight:bold}

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

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

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

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

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


@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{display:none;}

.wrapper{ background-color:#fff; display:none;}
.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:9px 1.8rem 0px 1rem;}
.sjlogo{ width:60%; float:left; }
.sjlogo img{ width:100%}
.dropdown { width:50px; float:right; margin-top:0.1rem}

.dropbtn {
    background-color: #ff8c00;
    color: white;
    padding: 6px;
    font-size: 16px;
    border: none;
    cursor: pointer; border-radius:8px; z-index:999;
	}


.dropdown-content {
    display: none;
    position: absolute; left:0px;
    background-color: #f9f9f9;
    min-width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1; text-align:center; z-index:999;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block; width:100%
}

.dropdown-content a:hover {
    background-color: #f1f1f1;
}

.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}

.ys_list{ width:95%; margin:0px auto; padding-top:2rem}
.ys_list dl{ background:url(../images/ys_bg.png) no-repeat center top; padding:0px; width:95%; height:220px; float:none; margin:0 auto;}
.ys_list dt{ color:#485499; padding-left:2rem; font-weight:bold; padding-top:3rem; font-size:20px; margin-bottom:8px;}
.ys_list dd{  padding:0px 23px 23px 23px;}



.about{}
.gong{ width:95%; margin:0 auto; float:none;}
.gong img{ width:100%}
.about_con{ width:95%; float:none; line-height:26px; font-size:16px; margin-top:30px}
.about_h { margin-bottom:30px; font-size:18px;font-weight:normal}
.about_h span{ display:block; background:url(../images/shu.jpg) no-repeat 1px 6px; padding-left:16px; margin-bottom:16px}
.about_h b{ text-transform:uppercase; font-size:43px;}
.about_h p{ width:150px; background-color:#485499; height:2px; margin-top:20px}

.factory{ background-color:#f7f7f7; padding:40px 0px}
.factory .fac_left p,.factory .fac_fri p{ width:100%; height:auto; overflow:hidden;}
.fac_left{ width:95%; float:left; margin:0 auto}
.fac_mid{ width:95%; float:left; margin-left:0px;margin:0 auto; height:auto; overflow:hidden}
.fac_fri{ width:95%; float:left;margin:0 auto }
.factory img{ width:100%}

.carousel-container {
            width: 100%;
            height: 15rem;
            margin: 0 auto;
            position: relative;
            overflow: hidden; padding-top:2rem
        }

.contain{ width:95%; margin:0 auto;}
.pro_bg{ margin-top:30px}
#sort_div{ width:90%; margin:0px auto; padding-top:20px}
.index-products{ width:95%; margin:30px auto;}
.index-products ul{}
.index-products ul li{float:left;  text-align:center;  width:388px;height:554px; margin:20px 10px 28px 10px;-webkit-transition: all .2s linear; transition: all .2s linear; position: relative; overflow:auto; z-index: 1; background:url(../images/pro_bg.png) no-repeat center top;transition: transform 0.5s ease;}
.sj-products{ display:block}

.sj-products{ display:block;width:95%; margin:30px auto; text-align:center;}
.sj-products li{ width:45%; float:left; text-align:center; margin-right:4%; margin-bottom:10px;}
.sj-products li img{ width:100%;height:115px;border:#ececec 1px solid}

.index-products ul li{float:left;  text-align:center;  width:388px;height:auto; margin:20px 10px 28px 1px;-webkit-transition: all .2s linear; transition: all .2s linear; position: relative; overflow:auto; z-index: 1; background:url(../images/pro_bg.png) no-repeat center top;transition: transform 0.5s ease;}

.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; font-weight:bold; line-height:3rem; margin-bottom:1.5rem}
.index_new{ width:95%; margin:0 auto}
.index-news{ width:100%; float:none; margin:0 auto}
.new_img img{ width:100%}
.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; font-weight:bold;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}

#copyright{font-size:16px;line-height:28px; padding-top:25px;background-color:#535353}
.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:2rem; color:#cbd3cb}

.page-left{ display: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}

.db_con{ width:95%; margin:0 auto; float:none; margin-top:45px; font-size:17px; margin-left:0px;line-height:39px}
.db_con img{ position:relative; top:3px}

.index_con{ width:95%; margin:0 auto; line-height:32px}
.bot_cp{ width:95%; margin:0 auto; float:none; line-height:32px; padding-top:50px}
.bot_h{ font-size:18px; margin-bottom:10px; font-weight:bold}



.page-news {
    margin: 0 auto;
    width: 95%;line-height:1.7rem; color:#333
}
.page-news img{ width:100%}
.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}
.ny_jianjie,.ny_chanpin,.ny_xinwen{ display:none}
.site-nav2{ width:98%; margin:0 auto; padding:60px 0px 20px 0px}

ul.newsList li {
    border: 1px solid #f8f8f8; padding:2rem 0px; width:95%; float:none; margin:0 auto;
	margin-bottom:25px;
	/*background:url(../images/icon.gif) no-repeat 7px 20px;*/
	padding-left:25px; background-color:#fff; border-left:#f2f2f2 5px solid;box-shadow:0 5px 10px 0 rgba(0,0,0,.02);     
}
ul.newsList li:nth-child(even){ float:none;}

ul.newsList li img{ width:20px}
#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:15rem}
.page-news-con img{ width:100%}
.ny_lxwm img{ width:55px}

.ny_liuy{  width:95%; margin:0 auto}
.page-guestbook{width:95%;margin:0px auto}
.page-guestbook dl dd{width:95%}
.page-guestbook dl dt{width:100px;text-align:left; line-height:44px;}
.page-guestbook dl dd input{border:#CCC 1px solid;padding:2px;height:44px;line-height:44px;width:95%;}
.page-guestbook dl dd span{color:#F00;margin-left:10px}
.page-guestbook .Content{width:95%;height:120px;border:#CCC 1px solid}
.page-guestbook #checkcode{width:60px;text-align:center}
.page-guestbook p{text-align:center;clear:both;margin-bottom:10px}
.page-guestbook dl dd img{ width:80px;}
.page-guestbook dl dt,.page-guestbook dl dd{float:left;padding:2px;margin-top:0px; }
.reset{ display:none}
.page-guestbook .submit{ background-color:#485499;
	width:242px;
	height:50px;
	color:#fff;
	line-height:50px;
	border:none;
	cursor:pointer; display:block;
	font-size:14px; text-align:center; float:left;  margin-top:30px; margin-left:0px;
}

#preview{ float:none; margin:20px auto; text-align:center; width:95%; float:none;}
#pro_info{ margin-top:5px;float:none; margin-left:0px; width:100%}

 .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:60px; top:5px;
        }
        .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);
        }



.video-section {
  overflow: hidden;
  position: absolute;
  background-color: #cdecef;
  z-index: 0;
  width: 100%;
  height: 70vh;
  }
  .vh-100 {
  height: 70vh; }
  
  .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); }
  
.index_link{ width:95%; margin:0 auto; padding:20px 0px}
.index_tu p{font-size:30px;font-weight:bold;line-height:50px;padding-top:50px;}

/* 语言切换按钮 */
        .language-btn {
            color: #333;
        }
/* 下拉框容器 */
        .language-dropdown {
            position: absolute;
            top: calc(100% + 5px);
            left: 0;
            background: #fff;
            border: 1px solid #ddd;
            border-radius: 4px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: none;
            z-index: 1000;
	        width: 330px;
        }
		
       .language-switcher {
            position:absolute;
            display: inline-block; top:14.6rem; left:10px
			
        }
		
}