/** { touch-action: pan-y; }*/






@font-face {
font-family: "OpenSymbol";
src: url("/theme/font/HongLeiXingShuJianTi-2.otf") format("truetype");
}

html, body { background: #fff; padding: 0; margin: 0;  background:#f3efec; font-size:14px;}
li, ul, p { list-style: none; padding: 0; margin: 0 }
a {  -webkit-tap-highlight-color: rgba(0,0,0,0.05);  text-decoration:none}
.masklayer { position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.65); z-index: 99; display: none; }
/*顶部菜单*/
.menu { position:fixed; width:100%; background:rgba(243, 239, 236, 0.6); z-index:100; top:0; left:0}
.menu ul { width:1300px; margin:0 auto; overflow:hidden}
.menu ul li { float:left; padding:10px 0}
.menu ul .menu_logo { width:300px; padding-left:20px;}
.menu ul .menu_logo a { display:block; padding-top:5px;}
.menu ul .menu_logo img { max-width:100%;}
.menu ul .menu_a  a{display:block; padding:8px 30px 0 30px; color:#000; font-size:16px; }
.menu ul .menu_a a i { display:block;  width:4px; height:4px; margin:10px auto 0 auto; border-radius:50%; background:#fff; display:none}
.menu ul .menu_a .hover{ color:#640f14}
.menu ul .menu_a .hover i { display:block}
.menu ul .menu_a a:hover { color:#640f14}
.menu ul .menu_a a:hover i { display:block}
.a_title { text-align:center; padding:50px 0 45px 0; overflow:hidden} 
.a_title img { max-width:80%;}
.hxcy { width:1300px; margin:20px auto 0 auto; display:flex; justify-content:space-around}
.hxcy li { width:23.5%; overflow: hidden; position:relative; background-size:cover }bottom
.hxcy li img { max-width:100%; transition: all .7s; }
.hxcy li img:hover { transform: scale(1.15); }
.hxcy li div { position:absolute;  bottom:0; width:100%; background-color: rgba(0,0,0,.3); color:#fff; padding:10px 10px; font-size:16px; }

.zxdt { width:1280px; margin:0 auto 50px auto; display:flex; }
.zxdt li { width:25%; overflow: hidden; position:relative; }
.zxdt li a { display:block; overflow:hidden; background:#fff; border-radius:6px; width:96%;  margin:0 auto  }
.zxdt li img { max-width:100%; transition: all .7s; display:block;   }
.zxdt li img:hover { transform: scale(1.15); }
.zxdt li .font { color: #fff; padding: 0 10px; margin: 10px 0; line-height: 25px; font-size: 16px; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;  }
.zxdt li .font:hover { color:#fcad1b}
.zxdt li .img { height: 206px; overflow: hidden; transition: all .7s; }
.zxdt li .imgbox { height: 206px; overflow: hidden }
.zxdt li .img:hover { transform: scale(1.15); }


.more { overflow:hidden; text-align:right; width:1300px; margin:0 auto; padding:0 10px 30px 0;  }
.more a { color:#640f14}
.more a:hover { text-decoration:underline}
.cptx { width:1280px; margin:0 auto ; display:flex; justify-content:space-between;   flex-wrap:wrap}
.cptx li { width:49%; overflow: hidden; position:relative; height:300px; margin-bottom:30px; }
.cptx li a { display:block;  height:300px;  transition: all .7s;}
.cptx li img { max-width:100%; transition: all .7s; display:block; height:300px; }
.cptx li img:hover { transform: scale(1.15); }
.cptx li div { position:absolute;  bottom:0; width:100%; background-color: rgba(0,0,0,.3); color:#fff; padding:10px 10px; font-size:16px; }

.productlist { width:1280px; margin:0 auto ; display:flex;flex-wrap:wrap }
.productlist li { width:20%; overflow: hidden; position:relative; }
.productlist li img { max-width:100%; display:block; overflow:hidden}
.productlist li a { display:block; background:#fff; margin:10px 10px 10px 5px; border-radius:6px; color:#333; overflow:hidden; position:relative }
.productlist li a .img { overflow:hidden}
.productlist li .img img { transition: all .7s; }
.productlist li .img img:hover { transform: scale(1.2); }
.productlist li a:hover h2 { color:#fcad1b}

.productlist li a h2{padding:15px; margin:0; text-align:center}
.productlist li a p{display:block; padding:0 10px 15px 10px; margin:0}

.news_list { width:1280px; margin:50px auto ;  }
.news_list li { overflow: hidden; position:relative; border-bottom:1px dashed #f3dfd0; margin-bottom:30px; padding-bottom:30px; }
.news_list li a { display:block; overflow:hidden; position:relative;  }
.news_list li .imgbox { width:307px; height:206px; float:left; overflow:hidden; background:#fff; border-radius:6px; }
.news_list li .img { width:307px; height:206px;  transition: all .7s;}
.news_list li .img:hover { transform: scale(1.15); }
.news_list li .title { margin-left:320px;}
.news_list li .title h2 { padding:0; margin:0; line-height:28px; padding-bottom:20px; font-size:28px; font-weight:400; color:#333}
.news_list li .title h2:hover { color:#640f14}
.news_list li .title .time { color:#999}
.news_list li .title p { color:#666; padding-top:15px;}


/*background:#fbedd3; background:rgba(249, 225, 181, 0.3);*/

.bottom {   background:#2d2d2d; overflow:hidden }
.bottom ul { width:1280px; margin:0 auto; display:flex; padding:50px 0 30px 0;}
.bottom ul .li_a { width:20%; line-height:35px;}
.bottom ul .li_a h2 { color:#fff; padding:0; margin:0; font-size:22px; font-weight:400}
.bottom ul .li_a h3 { color:#999; padding:0; margin:0; font-size:16px;}
.bottom ul .li_b { width:60%; color:#999; padding-top:50px; }
.bottom ul .li_b p { line-height:30px; font-size:15px;}
.bottom ul .li_c { width:20%;  display:flex; justify-content:space-around}
.bottom ul .li_c .font { width:30px;writing-mode: vertical-lr; display:flex; align-items:center; color:#fff; justify-content:center}
.bottom ul .li_c .img img { max-width:150px;}
.bottom .copyright { background:#252525; text-align:center; color:#999; padding:20px 0}
.bottom .copyright a { color:#999}
.bottom .copyright a:hover { color:#666; text-decoration:underline}
.bottom_bg { background:url(/theme/image/bottom.png) no-repeat center center ; height:40px; background-size:cover}

.topbg { position:relative; margin-top:69px;}
.topbg img { display:block; width:100%; margin:0 auto}
.topbg .topfont { position:absolute; width:400px; height:200px; top:50%; left:50%; margin-left:-200px; text-align:center; margin-top:-120px; color:#fff; display:flex; align-items:center; justify-content:center}
.topbg .topfont h1 { padding:0; margin:0; font-size:40px;   font-family: "OpenSymbol";}
.topbg .bg_img { text-align:center}
.product_type { width:1280px; margin:30px auto 30px auto; border-bottom:1px solid #eee; padding:0 0 30px 0; }
.product_type span { display:inline-block; margin:0 20px 0 0 ; padding:8px 15px; cursor:pointer}
.product_type .hover{ background:#fcad1b; color:#fff; border-radius:4px;}
.type_da span:hover {background:#fcad1b; color:#fff; border-radius:4px; } 
.type_xiao span:hover {color:#fcad1b; font-weight:bold } 

.product_list ul { width:1280px; margin:10px auto; display:flex; justify-content:flex-start; flex-wrap:wrap;}
.product_list ul li { width:20%;   overflow: hidden; position:relative; }
.product_list ul li a { display:block; margin:10px; overflow: hidden; position:relative;   max-width:100%;}
.product_list ul li  img{max-width:100%; }
.product_list ul li .imgbox { overflow:hidden}
.product_list ul li .img {   display:flex; justify-content:center; align-items:center;  transition: all .7s;    }
.product_list ul li .img:hover { transform: scale(1.2); }

.product_list ul li p { color:#444; text-align:center; padding:15px 0; font-size:20px;}
.product_list ul li a:hover p { color:#fcad1b}

.product_info { width: 1280px; margin: 30px auto 30px auto; text-align: center }
.product_info img { max-width: 100%; margin: 0 auto; display: block }
.tags {width: 1280px; margin: 30px auto 30px auto; }
.tags a { color:#444; font-size:14px;}
.tags a:hover { color:#fcad1b}
.tags i { font-style:normal; display:inline-block; margin:0 5px;}
.tags h1 { text-align:left; color:#300; font-size:28px; margin:20px 0 0 0; font-weight:400}
.main { width: 1280px; margin: 30px auto 30px auto; overflow:hidden; }
.main .product_info { width: 900px;  text-align: left;  float:left; margin:0 }
.main .productinfo_list { width:330px; float:right; }
.main .productinfo_list ul li a { max-height:350px;  display:block}
.main .productinfo_list ul li { padding:10px; text-align:center}
.main .productinfo_list ul li img { max-width:100%;}
.main .productinfo_list ul { width:100%;}
.main .productinfo_list ul li p { color:#444; padding-top:10px;}
.main .productinfo_list ul li a:hover p { color:#fcad1b}
.main .productinfo_list .rec { font-size:16px; color:#444; font-weight:bold}
.page { text-align:center; padding:20px 0 40px 0}
.page span { border:1px solid #eee; display:inline-block; padding:15px 30px; border-radius:4px; font-size:16px; cursor:pointer; color:#444; margin-right:15px;}
.page span:hover {background:#fcad1b; color:#fff; } 
.tipmsg { position: fixed; max-width: 200px; padding: 15px 20px; background-color: rgba(0,0,0,.8); color:#fff;  border-radius: 6px; top: 50%; left: 50%; z-index: 100000; box-shadow: 0 2px 8px #555; text-align: center; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); display:none; }
#more { text-align:center; padding:30px 0 100px 0; color:#999}
.text { text-align:center}
.text img { max-width:100%; display:block; margin:0 auto}
.swhz { width: 1280px; margin: 30px auto 30px auto; overflow:hidden; }
.swhz ul { display:flex;  justify-content:space-between; margin:20px 0 50px 0}
.swhz ul li { width:32%; background:#fff; border-radius:10px; text-align:center; padding:50px 0 30px 0; color:#333}
.swhz ul li h3 { font-size:26px;}
.swhz ul li p { font-size:16px; line-height:26px;}

.swhz .liuyan { overflow:hidden}
.liuyan .left { float:left; width:500px;}
.liuyan .right { float:right; width:700px;  }
.liuyan .right table { width:100%;}
.liuyan .right table td { padding:5px 0}
.liuyan .right table td span { color:#ff0000; display:inline-block; padding-right:5px;}
.txt { background:#fff; border:1px solid #f4eae3; outline:none; padding:10px 10px; border-radius:4px; width:70%;}
.txt2{ background:#fff; border:1px solid #f4eae3; outline:none; padding:10px 10px; border-radius:4px; width:85%; height:120px; resize:none}
.tijiao { background:#333; display:block; width:260px; padding:15px 0; margin:15px auto; color:#fff; font-size:18px; border-radius:40px;  }
.lianxi { margin:30px 0 15px 0}

.lianxi .left { float: left; width: 400px; line-height: 35px; color: #333; }
.lianxi .left h2 { border-bottom: 7px solid #ad1e24; display: inline-block;  padding-bottom:10px;}
.lianxi .left table td { text-align: center; width: 50%; }
.lianxi .left table td img { max-width: 80% }
.lianxi #container { float: right; height: 400px; width: 860px; }