.img-res { width: 100%; max-width: 100%; }

body { font-family: "Arial,Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif"; }

li { list-style: none; }

.hea .nav a { padding: 9px 14px; }

.hea .nav a li:hover { color: #fff; }

.nav-r2 { margin-bottom: 20px; }

.nav-r2 img { display: inline-block; }

.nav-l { margin-bottom: 20px; }

.bg-nav { background: #212121; }

.nav-c li { color: #fff; font-size: 18px; padding: 5px 0; }

.nav-inline .buy { background: #0099b5; text-align: center; }

.banner { margin-bottom: 30px; }

@media (min-width: 1200px) { .banner { margin-bottom: 40px; } }

.bg-tit { background: #f9f9f9; height: 40px; color: #221a14; font-size: 12px; }

.bg-tit p { line-height: 40px; margin-bottom: 0; }

.bg-tit p span { margin-right: 10px; }

.tit-dh img { padding-top: 20px; }

.tit-dhr a { text-align: center; line-height: 90px; font-size: 18px; color: #4c4c4c; }

.bt-h2 { color: #319a50; font-size: 26px; font-family: Impact; text-align: center; }

@media (min-width: 760px) { .bt-h2 { font-size: 36px; } }

.bt-h2 span { width: 38px; height: 5px; display: inline-block; margin-bottom: 25px; background: #319a50; }

.sec { margin: 40px auto 30px; text-align: center; }

.sec .title { font-size: 30px; display: inline-block; color: #6684f2; margin-bottom: 30px; }

.sec .title img { margin-top: -20px; }

@media (max-width: 768px) { .sec .row .product, .sec .row .product-little, .sec .row .product-big { margin-bottom: 30px; } }

.sec .row .product .top, .sec .row .product-little .top, .sec .row .product-big .top { position: relative; }

@media (max-width: 768px) { .sec .row .product .top, .sec .row .product-little .top, .sec .row .product-big .top { padding-bottom: 15px; padding-bottom: 25px; } }

.sec .row .product .top:after, .sec .row .product-little .top:after, .sec .row .product-big .top:after { position: absolute; bottom: -21px; left: 50%; transform: translate(-50%); z-index: 100; content: url("../img/index/div_bottom.png"); }

.sec .row .product .top .title, .sec .row .product-little .top .title, .sec .row .product-big .top .title { font-size: 16px; color: #000000; font-weight: bold; margin-bottom: 5px; }

.sec .row .product .top img, .sec .row .product-little .top img, .sec .row .product-big .top img { display: block; margin: 0 auto; }

.sec .row .product .top .intr, .sec .row .product-little .top .intr, .sec .row .product-big .top .intr { margin-top: 20px; padding: 0 20px; margin-bottom: 30px; color: #000; }

.sec .row .product .top .intr p, .sec .row .product-little .top .intr p, .sec .row .product-big .top .intr p { font-size: 14px; margin-bottom: 10px; }

.sec .row .product .block-a, .sec .row .product-little .block-a, .sec .row .product-big .block-a { display: block; position: relative; overflow: hidden; }

.sec .row .product .block-a .cover, .sec .row .product-little .block-a .cover, .sec .row .product-big .block-a .cover { position: absolute; background-color: rgba(62, 218, 115, 0.6); width: 100%; height: 100%; bottom: -100%; left: 0px; transition: all ease-in-out .3s; }

@media (max-width: 768px) { .sec .row .product .block-a .cover, .sec .row .product-little .block-a .cover, .sec .row .product-big .block-a .cover { display: none; } }

@media (min-width: 768px) { .sec .row .product .block-a .cover img, .sec .row .product-little .block-a .cover img, .sec .row .product-big .block-a .cover img { margin-top: 60px; } }

@media (min-width: 992px) { .sec .row .product .block-a .cover img, .sec .row .product-little .block-a .cover img, .sec .row .product-big .block-a .cover img { margin-top: 95px; } }

@media (min-width: 1200px) { .sec .row .product .block-a .cover img, .sec .row .product-little .block-a .cover img, .sec .row .product-big .block-a .cover img { margin-top: 115px; } }

.sec .row .product .block-a:hover .cover, .sec .row .product-little .block-a:hover .cover, .sec .row .product-big .block-a:hover .cover { bottom: 0px; }

.hl-img1 { margin-top: 20px; }

.hl-img1 img { display: block; margin: 0 auto; }

.hl-img1 .title { font-size: 16px; color: #000000; font-weight: bold; margin-bottom: 5px; }

.hl-img1 .intr { margin-top: 20px; padding: 0 20px; margin-bottom: 30px; color: #000; }

.hl-img1 .intr p { font-size: 14px; margin-bottom: 10px; }

.nav ul a { padding: 5px 0; }

.mfter { padding: 0; background: #454545; }

.mfter li a { color: #cfd1c2; }

.mfter li .ftit { color: #fff; }

.fp .ftit { font-size: 18px; margin-top: 20px; }

.fli1 { position: relative; }

.f-img { position: absolute; right: 30px; top: 80px; }

.fli2 { padding-left: 30px; }

.bg-fot { background: #e4e4e4; padding: 20px 0; }

.bg-fot p { margin-bottom: 0; color: #674f4f; }

.fot-fl { margin-top: 15px; }

.fot-fb p { float: right; }

.fot-fb img { display: inline-block; }

@media (min-width: 760px) { #fun1, .m, .dbdh { display: none; } }

@media (max-width: 759px) { .tit-dhr { display: none; } }

@media (max-width: 759px) { #fun1 { position: absolute; right: 3%; top: 50px; display: block; cursor: pointer; } }

@media (max-width: 759px) { .tit-dh img { margin-bottom: 10px; } }

@media (max-width: 759px) { .m { font-size: 15px; background: #fff; list-style: none; display: none; } }

@media (max-width: 759px) { .m a { color: #3e3e3e; } }

@media (max-width: 759px) { .m li { float: none; height: auto; line-height: 34px; border-bottom: 1px solid #cbcbcd; text-align: left; padding-left: 15px; } }

@media (max-width: 759px) { .dbdh { display: block; width: 100%; position: fixed; bottom: 0; background: #319a50; } }

.dbdh ul { padding-left: 0; }

.dbdh ul li { width: 25%; height: auto; float: left; list-style: none; }

.dbdh ul li a { display: block; text-align: center; padding: 5px; color: #fff; }

.dbdh ul li a p { line-height: 30px; margin-bottom: 0; }

.dbdh ul li a img { display: inline-block; }
.banners img{width:100%;}
.pro-arc{margin-top: 40px;}
.pro-arc-con p{line-height: 30px;margin-top:30px;}
.pro-arc-con span{color: #ff6631;}
.pro-arc-con h2{color: #319a50;font-size: 23px;}
.pro-arc-con a{text-decoration: none;padding: 8px 20px;background: #319a50;color: white;position: relative;top: 35px;}
.pro-arc-con img{width: 6%;margin-right: 10px;}
.pro-arc-span span{color: #ff6631;}
.pro-arc-re img{width: 100%;}
.pro-arc-re p{font-size: 13px;}
.pro-arc-re a{text-decoration: none;color: #322e2e;}
.pro-arc-related:hover p{color: #ff6631;}
.jishu h2{color:red;}
.jishu .red{background:#319a50;color:white;}
.jishu{margin-top:40px;}
.jishu tr td{line-height: 18px;height: 40px;padding-top: 3px;padding-bottom: 4px;text-align: center;vertical-align: middle;border: 1px solid #dfdfdf;font-size: 16px;}
table{margin-top:30px;}
.cc{margin-top:113px;}
.pageTitle{text-align: center;margin-top:30px;margin-bottom: 20px;}
.product-list li{float:left;margin-left: 42px;}
.product_1{width:200px;}
.product-list li:nth-child(5n+1){margin-left:0;clear:both;}
.product_1 img{margin-bottom:10px;margin-top:25px;}
.yousides p{text-align: center;line-height: 30px;}
.product-list{margin-top:50px;}
.caiji{clear:both;margin-top:30px;margin-bottom:30px;}
.tit-dhr{margin-top:30px;}

/*single content*/
.sg_content p{ margin: 12px 0}
.sg_content div{ text-align: center; margin: 8px 0}
.sg_content img: { border:solid 1px #252525; padding: 2px};
.sg_content h3{ font-size: 13px; font-weight: bold; margin: 16px 0;}



/**/
.pagenavi{	margin-top: 16px; font-size: 17px; font-weight: bold;}