/* 公共样式 ===============================*/
ul, li { padding: 0; margin: 0; list-style: none; }
body { background: #f7f7f7; min-width: 320px; max-width: 720px; }
.c-0092ff { color: #313131; }
.c-b2b2b2 { color: #b2b2b2; }
.maincolor { color: #0092ff; }
.pd-5 { padding: 5px; }
.pd-10 { padding: 10px; }
.pd-15 { padding: 15px; }
.pd-20 { padding: 20px; }
.clearfix { *zoom: 1; }
.clearfix:after { content: '\20'; display: block; clear: both; }

/*首页*/
.pro-clss { zoom: 1; overflow: hidden; margin: 0.29rem; }
.pro-clss .title { margin: 0.5rem 0; padding: 0 0 0.5rem 0px; border-bottom: 1px solid #EAEAEA; }
.pro-clss .title span { display: block; background-color: #fff; }
.pro-clss li { margin: 0px auto; overflow: hidden; padding-bottom: 0.59rem; margin-bottom: 0.59rem; }
.u-img { float: right; width: 50%; height: auto;/*151px*/ border: 1px solid #f2f2f2; -webkit-transition: border 0.3s linear; -moz-transition: border 0.3s linear; -o-transition: border 0.3s linear; transition: border 0.3s linear; cursor: pointer; overflow: hidden; }
.u-img2 { float: left; width: 50%; height: auto;/*151px*/ border: 1px solid #f2f2f2; -webkit-transition: border 0.3s linear; -moz-transition: border 0.3s linear; -o-transition: border 0.3s linear; transition: border 0.3s linear; cursor: pointer; }
.u-img:hover { border: 1px solid #eb5f23; }
.u-img2:hover { border: 1px solid #eb5f23; }
.pro-clss .txt {    /*margin-top: 5px;*/

overflow: hidden; padding-left: 20px; padding-right: 20px; text-align: center; }
.pro-clss h3 { margin-bottom: 0.14rem; margin-top: 0.19rem; font-size: 1.1em; }
.pro-clss h3 a { color: #2c2d2f; font-weight: bold; }
.pro-clss p { font-size: 12px; color: #666; }
.moree { overflow: hidden; margin-bottom: 5px; }
.moree a { font-size: 14px; display: inline-block; width: 100px; height: 30px; line-height: 30px; text-align: center; color: #fff;/*#f08300*/ background-color: #e99551;    /*border: 1px solid #eb5f23;*//*#f08300*/ }
.menuu { font-size: 0px; text-align: center; border-width: 0px 0px 3px 0px; border-style: solid; border-color: rgba(255, 255, 255, 1); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25); position: relative; z-index: 999; }
.menuu ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.menuu li {    /*background: url("../images/top_035.jpg");*/

border-width: 1px 1px 1px 1px; border-style: solid; border-color: #ffffff; display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; background-color: #e99551; background-size: auto 100%; }
.menuu li a { font-size: 13px; display: inline-block; height: 50px; line-height: 50px; color: #fff; width: 70px; }

/* 分页 ===============================*/
div.green-black { padding: 3px; margin: 3px; text-align: center; font-size: 14px; }
div.green-black a { border: #000 1px solid; padding: 3px 8px; background: #000; color: #fff; margin: 0 3px 0 0; text-decoration: none; }
div.green-black a:hover { border: #742E08 1px solid; background: #742E08; color: #fff; }
div.green-black a:active { border: #742E08 1px solid; background: #742E08; color: #fff; }
div.green-black span.current { border: #742E08 1px solid; padding: 3px 8px; font-weight: bold; background: #742E08; color: #fff; margin: 0 3px 0 0; }
div.green-black span.disabled { border: #f3f3f3 1px solid; padding: 3px 8px; color: #ccc; margin: 0 3px 0 0; }

/* 头部 ===============================*/
.header_wrap { overflow: hidden; background: #fff; background-size: auto 100%; }
.logo { padding: 0 0 0 3px; float: left; line-height: 80px; }
.logo img { width: auto; width: 100%; }
.menu { background: url(../images/menu-button-bg.png) no-repeat center center; position: absolute; right: 1%; top: 50%; display: block; width: 50px; height: 50px; margin-top: -25px; background-size: 80%; }

/* 底部 ===============================*/
.footer_wrap { padding-top: 1px; background-size: auto 100%; }
.foot_nav { overflow: hidden; margin: 10px 20px; border-top: solid 1px #eee; }
.foot_nav li { width: 100%; border-bottom: solid 1px #eee; font-size: 1.4rem; }
.foot_nav li>a { color: #1c2e37; display: block; padding: 1rem 0 0.8rem; text-indent: 5px; background: url(../images/point.png) 97% center no-repeat; background-size: 2.5%; }
.foot_nav .list { display: none; }
.foot_nav .list a { color: #1c2e37; display: block; padding: 1rem 0 0.8rem; text-indent: 20px; border-top: solid 1px #eee; }
.icon-1 { background: url(../images/icon-1.png) no-repeat center center; background-size: auto 100%; }
.icon-2 { background: url(../images/icon-2.png) no-repeat center center; background-size: auto 100%; }
.icon-3 { background: url(../images/icon-3.png) no-repeat center center; background-size: auto 100%; }
.icon-4 { background: url(../images/icon-4.png) no-repeat center center; background-size: auto 100%; }
.copyright { /*background: url(../images/copyright_bg.png) repeat-x center center;*/ background-color: #2b2b2b; background-size: auto 100%; text-align: center; color: #fff; }
.copyright p { padding: 1rem 0.5rem; margin: 0; font-size: 1.2rem; }

/* 面包屑导航 ===============================*/
.breadcrumb { border-bottom: 1px solid #E5E5E5; box-shadow: 0px 0px 1px #fff; line-height: 39px; height: 39px }
.breadcrumb span { padding: 0 5px }

/* 主体 ===============================*/
.main_wrap { padding-top: 5px; }

/*=首页=*/
.index_wrap { width: 100%; }
.navList { overflow: hidden; width: 90%; margin: 20px auto; }
.navList .navItem { float: left; width: 33.33%; text-align: center; padding: 0.2rem 0; }
.navList .navItem .navItem-image { padding: 0.2rem 1rem; }
.navList .navItem .navItem-tit { color: #0073ff; font-size: 1.4rem; }

/*=导航=*/
.side_nav { padding-bottom: 1.5rem; width: 100%; overflow: hidden; }
.side_nav ul { width: 102%; }
.side_nav li { margin-top: 1.5rem; margin-right: 1rem; display: inline-block; border-radius: 3rem; padding: 0.4rem 1.8rem; background: #ffffff; box-shadow: 1px 1px 2px #e5e5e5; }
.side_nav li a { color: #265c64; }
.side_nav li.cur { background: #B11C2D; box-shadow: 1px 1px 2px #B11C2D inset; /*#f08300*/ }
.side_nav li.cur a { color: #fff; }

/*=上下项=*/
.prev-next { overflow: hidden; color: #b2b2b2; margin: 1rem 0; font-size: 1.4rem; }
.prev-next .prev, 
.prev-next .next {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.prev-next a { color: #b2b2b2; }

/*=内容页=*/
.info_wrap { background: #fff; padding: 1.2rem; border-radius: 4px; box-shadow: 1px 1px 2px #e5e5e5; }
.info_wrap .info_tit { border-bottom: solid 1px #e6e6e6; padding-bottom: 1.6rem; }
.info_wrap .info_con { }
.info_wrap .info_con p { margin: 0; }
.info_wrap .info_con img, .info_wrap .info_con video { max-width: 100%; }

/*=新闻=*/
.news_wrap { }
.news_wrap ul { }
.news_wrap ul li { background: #FFF; margin: 0.6rem 0; padding: 1rem 0; border-radius: 5px; border-right: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; }
.news_wrap ul li a { display: block; }
.news_wrap ul li .news-box { float: left; width: 60%; margin-left: 4%; }
.news_wrap ul li .news-box_tit { color: #4c4c4c; font-size: 1.8rem; }
.news_wrap ul li .news-box_con { color: #b2b2b2; font-size: 1.2rem; }
.news_wrap ul li .news-date { float: left; width: 30%; text-align: center; font-family: Arial; color: #CCC; border-left: solid 1px #e6e6e6; margin-left: 6%; }
.news_wrap ul li .news-date_d { font-size: 5.8rem; line-height: 1; }
.news_wrap ul li .news-date_m { font-size: 1.8rem; font-weight: bold; padding-top: 0.2rem; }

/*=产品=*/
.pro_wrap { }
.pro_wrap ul { overflow: hidden; margin: 0 -0.5rem; }
.pro_wrap ul li { float: left; width: 50%; padding: 0.5rem; }
.pro_wrap ul li a { display: block; background: #FFF; overflow: hidden; border-radius: 8px; border-right: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; }
.pro_wrap ul li .p-img { display: block; height: 0; width: 100%; padding-bottom: 100%; position: relative; overflow: hidden; }
.pro_wrap ul li .p-img img { width: 100%; }
.pro_wrap ul li .p-tit { position: relative; overflow: hidden; /*background:#000;*/ color: #000; font-size: 1.4rem; padding: 0.8rem 1rem 0; text-align: center; }
.pro_wrap ul li .p-tit span { display: none; }
.pro_wrap ul li .p-tit div {    /*width:55%; float:left;*/ 

text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.pro_wrap ul li .p-price { padding: 0 0.5rem 0.8rem; color: #f00; font-size: 10px; text-align: center; }
.more { float: right; margin-top: 3px; margin-right: -1px; background: #e99551; padding: 0.4rem 0.8rem 0.2rem; font-size: 1rem; line-height: 1; color: #fff; border-radius: 10px; box-shadow: 1px 1px 2px #e99551; }

/*=产品内页=*/
.pro-i_wrap { background: #fff; box-shadow: 1px 1px 2px #e5e5e5; }
.pro-i_wrap .pro-info_tit { text-align: left; line-height: 35px; font-size: 1.4rem; width: 100%; margin-bottom: 0; position: absolute; top: -16px; z-index: 1; }
.pro-i_wrap .pro-info_tit span { /*background: url(../images/pro-info_titM.png) repeat-x center center; background-size: auto 100%;*/ background-color: #000; color: #fff; display: inline-block; height: 35px; padding: 0 20px; }
.pro-i_wrap .pro-info_tit .tit-L, .pro-i_wrap .pro-info_tit .tit-R { width: 10px; height: 35px; display: inline-block; /*background: url(../images/pro-info_titL.png) no-repeat right center; background-size: auto 100%;*/ }
.pro-i_wrap .pro-info_tit .tit-R { /*background: url(../images/pro-info_titR.png)*/ no-repeat left center; background-size: auto 100%; }
.pro-i_wrap .info_con { padding-top: 20px; }
.pro-i_wrap .info_con p { margin: 0; }
.pro-i_wrap .info_con img { max-width: 100%; }
.pro-img { position: relative; }
.pro-img .pro-img_tit { text-align: center; line-height: 35px; font-size: 1.6rem; width: 100%; margin-bottom: 0; position: absolute; top: 0px/*-12px*/ ; z-index: 1; }
.pro-img .pro-img_tit span { /*background: url(../images/pro_tit-M.png) repeat-x center center; background-size: auto 100%;*/ background-color: #e99551; color: #fff; font-size: 20px; text-shadow: #666 1px 1px 1px; display: inline-block; height: 40px; line-height: 40px; padding: 0 30px; border-radius: 0rem 0rem 3rem 3rem; }
.pro-img .pro-img_tit .tit-L, .pro-img .pro-img_tit .tit-R { width: 10px; height: 35px; display: inline-block; /*background: url(../images/pro_tit-L.png) no-repeat right center; background-size: auto 100%;*/ }
.pro-img .pro-img_tit .tit-R { /*background: url(../images/pro_tit-R.png) no-repeat left center; background-size: auto 100%;*/ }
.pro-img .pro-img_con { display: block; height: auto/*0*/ ; width: 100%; /*padding-bottom:100%;*/ position: relative; overflow: hidden; padding-top: 35px; }
.pro-img .pro-img_con img { width: 100%; margin: 20px 0; }
.pro-img_con_title { width: 100%; text-align: center; }
.pro-price { padding-bottom: 1rem; color: #f00; font-size: 12px; text-align: center; }

/*huastyle*/
.hua_style_gg { width: 100%; height: auto; overflow: hidden; background-color: #FFF; padding-top: 30px; padding-bottom: 30px; }
.hua_style_gg li { text-align: center; }
.hua_style_gg li:nth-child(1) { font-size: 20px; line-height: 20px; /*font-weight:bolder;*/ color: #474747; }
.hua_style_gg li:nth-child(2) { font-size: 13px; line-height: 20px; color: #999; margin-top: -5px; padding: 0 30px; }

/*新闻*/
.tabBox .hd { height: 45px; line-height: 40px; padding: 0 10px; font-size: 18px; background: #f4f4f4; border-bottom: 1px solid #e99551; position: relative; }
.tabBox .hd ul { position: absolute; height: 38px; top: 7px; overflow: hidden; }
.tabBox .hd ul li { float: left; padding: 0 10px; color: #666; }
.tabBox .hd ul .on { border: 1px solid #e99551; border-bottom-color: #fff; background: #e99551; color: #fff; }
.tabBox .hd ul .on a { display: block; /* 修复Android 4.0.x 默认浏览器当前样色无效果bug */ }
.tabBox .bd ul { padding: 10px 10px 10px 10px; }
.tabBox .bd li { /*height:40px; line-height:40px;*/ height: 180px; border-width: 0px 0px 1px 0px; border-style: dashed; border-color: rgba(240, 240, 240, 1); overflow: hidden; margin-bottom: 15px; padding-bottom: 15px; }
.tabBox .bd li a { color: #666; }
.tabBox .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* 去掉链接触摸高亮

/*banner*/
.focus { width: 100%; height: auto; margin: 0 auto; position: relative; overflow: hidden; }
.focus .hd { width: 100%; height: 5px; position: absolute; z-index: 1; bottom: 0; text-align: center; }
.focus .hd ul { overflow: hidden; display: -moz-box; display: -webkit-box; display: box; height: 5px; background-color: rgba(50, 50, 50, 0.5); }
.focus .hd ul li { -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; }
.focus .hd ul .on { background: #e99551; }
.focus .bd { position: relative; z-index: 0; }
.focus .bd li img { width: 100%; height: auto; }
.focus .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
.con { overflow: hidden; margin-top: 15px; padding-top: 20px; border-top: 1px solid #efefef; margin-bottom: 15px; }
.con h3 { text-align: center; margin-bottom: 15px; }
.pro-rec { width: 50%; float: left; padding: 10px 5px; }
.pro-rec li:first-child { padding: 5px; border: 1px solid #eee; }
.pro-rec li:last-child { text-align: center;/*background-color: #e99551;*/ color: #000; }
.pro-rec img { max-width: 100%; }
.bd-img { width: 50%; float: left; height: 100%; }
.bd-img img { max-width: 100%; height: 100%; object-fit: cover; }
.bd-title { width: 50%; float: right; font-size: 14px; height: 100%; padding: 5px 10px; margin-bottom: 15px; }
.bd-title div:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bd-title div:last-child { color: #999; }
.huastyle_pro_p li:nth-child(2) div { padding: 25%; }

/*==*/
.f-cb { overflow: hidden; }
.f-cb li { width: 50%; float: left; }
@media screen and (max-width:450px) {
    .pro_wrap ul li a { height: 230px; }
}
@media screen and (max-width:375px) {
    .pro_wrap ul li a { height: 210px; }
}
@media screen and (max-width:360px) {
    .pro_wrap ul li a { height: 200px; }
}
@media screen and (max-width:320px) {
    .pro_wrap ul li a { height: 180px; }
}

/* foot */
.footdiv { width: 100%; overflow: hidden; background: #f2f2f2; padding-top: 32px; }
.fvimg { width: 29.2%; display: block; margin: auto; }
.frimg { width: 20.45%; display: block; float: left; margin: 0 2.275%; }
.fgfour { overflow: hidden; width: 35.2%; margin: auto; margin-top: 13px; margin-bottom: 21px; }
.footcd { width: 90.13%; margin: auto; overflow: hidden; }
.fda { width: 25%; float: left; text-align: center; font-size: 11px; color: #1f1f1f; display: block; margin-bottom: 6px; }
.fddiv { width: 82.13%; margin: auto; margin-top: 10px; position: relative; margin-bottom: 25px; }
.ftimg { display: block; float: left; width: 18px; }
.ftdiv { float: left; }
.fvspana { font-size: 9px; display: block; margin-top: -9px; margin-left: 3px; }
.fvleft { width: 82%; height: 24px; margin-bottom: 12px; margin-left: 1.8%; }
.fvspanb { font-size: 14px; display: block; margin-top: -2px; margin-left: 3px; }
.ftdiv { width: 85%; }
.fvspanaa { font-size: 9px; display: block; margin-top: -5px; margin-left: 3px; }
.fvspanbb { font-size: 9px; display: block; margin-top: -2px; margin-left: 3px; }
.erweima { width: 150px; position: absolute; right: 0px; top: 0px; }
.eaimg { width: 62.5px; display: block; float: left; }
.easpan { font-size: 9px; }
.eap { font-size: 9px; margin-top: 10px; float: left; display: block; margin-left: 3px; }
.footbottom { width: 100%; height: 54px; background: #141414; }
.footbottomp { font-size: 9px; color: white; text-align: center; padding-top: 13px; display: block; margin: 0; }
.fpp { font-size: 9px; color: white; text-align: center; margin: 0; margin-top: 3px; }
.home-video { width: 100%; height: auto; }
.home-video video { width: 100%; height: auto; }