/* CSS Document */
@charset "utf-8";
*{margin:0px;padding:0px;}
body,div,li,ul,ol,dl,dd,dt,span,b,strong,p,h1,h2,h3,h4,h5{margin:0;padding:0;}
ul,li,dl,dt,dd,ol{list-style:none;list-style-type:none;}
a img,a{border:none;text-decoration:none;}
body{font-size:14px; margin:0px auto; padding:0px;font-family:"微软雅黑";max-width: 640px; background:#fff;}
input{margin:0px;:0px; outline:none;}
input:focus{outline:none;}
a:hover,a:active,a:visited{ text-decoration:none;}

.cscreen{position:absolute;top:0;left:0;z-index:30;background:#000;opacity:0.70;filter:alpha(opacity=70);-moz-opacity:0.70; cursor:pointer;}

.head_div{width:100%; height:45px;overflow:hidden; position:relative; text-align:center; background:#dcb766;}
.head_div .logo{ position:absolute; left:10px; top:9px;}
.head_div .txt{ line-height:45px; color:#fff;font-size:20px;}
.head_div .menu{ position:absolute; right:10px; top:14px;}
.head_div .back{ position:absolute; left:10px; top:14px;}
.head_div .protype{ position:absolute; left:10px; top:10px; color:#fff; font-size:16px;}

.wap-contain{ width:100%; max-width:640px; height:auto; margin:0px auto; overflow:hidden; position: relative; top:0;}

.footer_div{ width:100%; height:50px; overflow:hidden; position:fixed; bottom:0; background:#fff; box-sizing:border-box; border-top:1px solid #dedede; max-width:640px; margin:0px auto; z-index:20;}
.footer_div li{ display:block; width:25%; height:50px; float:left; overflow:hidden; text-align:center;}
.footer_div li:nth-child(4){ border-right:none;}
.footer_div li a{ display:block; width:100%; height:50px; overflow:hidden; z-index:5;}
.footer_div li span{ display:block; color:#8b8b8b; margin-top:27px; font-size:13px;}
.footer_div li.hover span{ color:#000;}
.footer_div .foot-1 a{ background:url(../images/foot-1.png) no-repeat center 6px; background-size:auto 16px;}
.footer_div .foot-1.hover a{background:url(../images/foot-1-h.png) no-repeat center 6px; background-size:auto 16px;}
.footer_div .foot-2 a{ background:url(../images/foot-2.png) no-repeat center 6px; background-size:auto 16px;}
.footer_div .foot-2.hover a{background:url(../images/foot-2-h.png) no-repeat center 6px; background-size:auto 16px;}
.footer_div .foot-3 a{ background:url(../images/foot-3.png) no-repeat center 6px; background-size:auto 16px;}
.footer_div .foot-3.hover a{background:url(../images/foot-3-h.png) no-repeat center 6px; background-size:auto 16px;}
.footer_div .foot-4 a{ background:url(../images/foot-4.png) no-repeat center 7px; background-size:auto 16px;}
.footer_div .foot-4.hover a{background:url(../images/foot-4-h.png) no-repeat center 7px; background-size:auto 16px;}

.nav{ position: fixed; top:0; overflow:hidden; width:50%; right:-50%;height:auto; background:#dcb766; display:none;z-index:72;}
.nav .nav-list{width:100%; height:auto; overflow:hidden; margin:0px auto;}
.nav li{display:block;font-size: 14px;width:100%; height:45px; line-height:45px; padding:0 20px; box-sizing:border-box;overflow:hidden;}
.nav li a{ color:#fff;} 
.nav li:nth-child(1) img{position:relative;top: 1px; margin-right:6px;}
.nav li.hover{ background:#fff;}
.nav li.hover a{ color:#000;}

.serachdiv{ width:100%; height:50px; background:#e9e9e9; overflow:hidden; clear:both; margin-top:-5px;}
.serachdiv form{ background:#fff; height:30px; width:96%; margin:8px auto 0 auto; border-radius:20px;}
.serachdiv img{ position:relative; top:8px; left:12px; float:left;}
.serachdiv .key{ float:left; margin-left:20px; margin-top:6px; border:none; height:20px; width:85%;}

.ctag-div{ width:100%; height:auto; overflow:hidden; clear:both; margin:0px auto 5px auto;}
.ctag-div a{ display:block; float:left; width:25%;border-bottom:1px solid #fff; border-left:1px solid #fff; box-sizing:border-box; height:30px; line-height:30px; text-align:center; font-size:12px; color:#fff; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; background:#dcb766;}

.product_type{position: fixed; top:0; overflow:hidden; width:70%; left:-70%;height:auto; background:#fff; display:none;z-index:72;}
.product_type ul{ width:100%; height:auto; overflow:hidden; padding:0 5px; box-sizing:border-box; overflow:hidden;}
.product_type li{ display:block; width:100%; height:auto; overflow:hidden;}
.product_type li .big{ display:block; width:100%; height:30px; padding:0 5px; box-sizing:border-box; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#333; font-size:16px; margin-top:10px;}
.product_type li dd{display:block; float:left;width:33.3%; height:32px; padding:0 5px; box-sizing:border-box; overflow:hidden; margin-bottom:10px;}
.product_type li .small{ display:block; border-radius:5px; width:100%; height:30px; line-height:30px; border:1px solid #dedede; overflow:hidden; color:#999; font-size:14px; text-align:center;}
.product_type li .small:hover{ background:#dcb766;border:1px solid #dcb766; color:#fff;}


/*index*/
.product_div{ width:100%; height:auto; padding:0 10px 10px 10px; box-sizing:border-box; overflow:hidden; clear:both;}
.product_div a{ display:block; width:100%; height:120px; overflow:hidden; position:relative; background:#fff; border:1px solid #ddd; box-sizing:border-box;border-radius:2px; padding:3px 3px;}
.product_div a .list{ width:100%; height:100%;box-sizing:border-box; overflow:hidden;}
.product_div a .txt{ position:absolute; left:0; bottom:3px; background:url(../images/opacity.png); width:100%; height:30px; line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#fff; font-size:13px; padding:0 10px; box-sizing:border-box; margin:0 3px;}

.new_type_div{ width:100%; height:40px; line-height:40px; clear:both; border-bottom:1px solid #e0e0e0;margin-bottom:10px;}
.new_type_div .new_type{ float:left; width:75%;height:40px;}
.new_type_div .new_type a{ display:block; text-align:center; float:left; width:32%;height:40px;border-right:1px solid #e0e0e0; box-sizing:border-box; color:#000; font-size:14px;}
.new_type_div .new_type a.hover{color:#dcb766;border-top:1px solid #dcb766;border-bottom:1px solid #fff; height:41px;}
.new_type_div .more{ float:right; color:#999; font-size:13px; margin-right:10px;}

.m_news .first{ width:100%; padding:0 5px;border-bottom:1px solid #e0e0e0;box-sizing:border-box; height:110px; margin-bottom:10px; overflow:hidden;}
.m_news .first li{ display:block; float:left;}
.m_news .first .pic{ width:34%; height:100px; float:left; overflow:hidden; margin-right:3%; box-sizing:border-box;}
.m_news .first .pic a{ display:block; width:100%; height:100px;}
.m_news .first .title{ width:63%; height:25px; line-height:25px; float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.m_news .first .title a{ color:#333;}
.m_news .first .intro{ width:63%; height:48px; color:#999; font-size:12px; line-height:22px; float:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; margin-top:5px;}
.m_news .first .date{width:63%; height:25px; color:#999; font-size:10px; line-height:25px; float:left;}
.m_news .first:hover a,.m_news .new-list li:hover a{ color:#dcb766;}

.index_news .first .pic{background:#fff; border:1px solid #ddd; box-sizing:border-box;border-radius:2px; padding:3px 3px; overflow:hidden;}
.index_news .first .pic a{ height:92px; overflow:hidden;}

.about_type_div{ width:100%; padding:0 10px; box-sizing:border-box;  height:40px;overflow:hidden; clear:both; margin-bottom:10px;}
.about_type_div .type_div{ width:100%;height:39px; line-height:39px;overflow:hidden;background:url(../images/bg-type.png) repeat-x left center; background-size:auto 8px ;}
.about_type_div .left{ float:left; color:#000; font-size:16px; background:#fff; padding-right:10px;}
.about_type_div .left img{ margin-right:2px; position:relative; top:2px;}
.about_type_div .moreDiv{  float:right; background:#fff; width:70px; height:24px; overflow:hidden; margin-top:10px;}
.about_type_div .more{ float:right; background:#dcb766; color:#fff; width:62px; height:24px; line-height:24px; text-align:center; font-size:12px; text-transform:uppercase; border-radius:20px;}

.index_tel{ width:100%; padding:0 10px; border-top:1px solid #dedede;border-bottom:1px solid #dedede; box-sizing:border-box; overflow:hidden; clear:both; height:40px; line-height:40px; text-align:center; color:#333; font-size:14px;}
.index_tel img{ position:relative; top:3px; margin:0 5px;}
.index_tel .num{ color:#ef1302; font-weight:bold; font-size:16px;}

.aboutpic{ display:block; width:100%; height:auto; padding:0 10px; box-sizing:border-box; overflow:hidden;}

.bottom_div{ background:#efefef;padding:10px 10px; box-sizing:border-box; overflow:hidden; clear:both; width:100%; height:auto;}
.bottom_div .txt{height:auto;line-height:200%;width:100%; color:#999;text-align:center; font-size:14px;}
.bottom_div .txt a{color:#999;}
.bottom_div .ba {display: flex;justify-content: center;align-items: center;color: #999;font-size: 14px;}
.bottom_div .ba img {margin-right: 5px;}

.body_bg{ background:#fff; height:auto; margin:0px auto; width:100%; padding-top:10px; overflow:hidden;}

.info_body {width:100%;height:40px;line-height:40px;background:#e1e1e1;border:1px solid #ccc;margin:10px auto;}
.info_body p {float:left;margin-left:10px;color:#000; width:85%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.info_body p a {color:#000;}
.info_body img {float:right;margin-top:15px;margin-right:10px;}

.info_bot {width:100%; padding:0 10px; box-sizing:border-box;margin:0 auto; background:#fff;}
.info_bot .title {line-height:26px;text-align:center; font-size:16px;}
.info_bot .date{display:block;font-size:12px;text-align:center; color:#999; margin-top:5px;}
.info_bot .date img{ margin-right:4px;}
.info_bot .cont {line-height:200%;margin:10px auto 0 auto;overflow:hidden; width:100%; height:auto;}
.info_bot .cont table,.info_bot .cont img,.pro_main .cont img,.pro_main .cont table{ max-width:100%;}

.inside-type{ width:100%; height:auto; overflow:hidden; clear:both; margin:0px auto; background:#f4f4f4; border-bottom:1px solid #ddd; padding:0 5px; box-sizing:border-box; padding-bottom:10px;}
.inside-type .type-list{ display:block; width:25%; padding:0 5px; float:left; height:40px; text-align:center; line-height:40px; box-sizing:border-box; margin:10px 0 0 0; overflow:hidden;}
.inside-type .type-list a{ display:block; background:#fff; border-radius:5px; color:#666;}
.inside-type .type-list a:hover,.inside-type .type-list a.hover{ background:#dcb766; color:#fff;}

.protype .type-list{ width:33%;}

.abh2{ font-weight:bold;}

.up-down{ width:100%; height:auto; overflow:hidden;}
.up-down li{ width:100%; height:35px;overflow:hidden; display:block; line-height:35px; border-bottom:1px dashed #e1e1e1; padding:0 10px; box-sizing:border-box; color:#666;}
.up-down li span{ float:left;}
.up-down li a{ color:#666; display:block; width:83%;height:35px;float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.up-down li a:hover{ color:#dcb766;}
.up-down .back{ border-bottom:none; text-align:right;}
.up-down .back a{ float:right; margin-right:10px; color:#999;}

.product_inside{ height:auto; margin:0px auto; width:100%; overflow:hidden; clear:both;}
.product_inside .pro_list{ display:block; width:100%;padding:0 10px;border-bottom:1px solid #e0e0e0;box-sizing:border-box; height:110px; margin-top:10px; overflow:hidden;}
.product_inside .pro_list .pic{ width:34%; height:100px; float:left; overflow:hidden; margin-right:3%; box-sizing:border-box;}
.product_inside .pro_list .topic{ color:#333; font-size:16px; width:63%; height:25px; float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin-bottom:4px;}
.product_inside .pro_list .desc{ width:63%; height:25px; color:#999; font-size:14px; line-height:25px; float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin-top:8px;}

.proitem_ul{ width:100%; height:auto; margin-top:10px; overflow:hidden; clear:both;}
.proitem_ul li{ width:100%; padding:0 10px; box-sizing:border-box; height:35px; line-height:35px; overflow:hidden;border-bottom:1px solid #ddd;}
.proitem_ul .topic{ height:auto; color:#333; font-size:16px; line-height:40px; font-weight:bold;}
.proitem_ul .desc{ color:#666; font-size:13px;white-space:nowrap;text-overflow:ellipsis;}

.arrow-lf{ display:block; position:fixed; top:50%; left:0; margin-top:-50px; width:40px; height:100px; background:#000 url(../images/arrlf.png) no-repeat 2px center; opacity:0.4; z-index:111; cursor:pointer;}
.arrow-lf.hover{opacity:0.1;}
.arrow-rg{display:block; position:fixed; top:50%; right:0; margin-top:-50px; width:40px; height:100px; background:#000 url(../images/arrrg.png) no-repeat 8px center; opacity:0.4; z-index:111; cursor:pointer;}
.arrow-rg.hover{opacity:0.1;}