@charset "utf-8";
body,ol,ul,div,h1,h2,h3,h4,h5,h6,p,th,td,dl,dt,dd,span,form,input,textarea{margin:0; padding:0}
body {font:14px/1.5 microsoft yahei, simsun,Arial,helveiica; color:#222; background:#fff}
img {border:0; vertical-align:top}
ul,ol {list-style-type:none}
h1,h2,h3,h4 {font-weight:normal; font-size:100%}
button, input, select, textarea {font-size:100%}
table {border-collapse:collapse; border-spacing:0}
input, textarea {resize:none; outline:none}
a {text-decoration:none; outline:none; color:#666; transition:0.2s}
a:hover {color:#e53333}
.fl {float:left}
.fr {float:right}
.ccc {color:#999}
.mt {margin-top:30px}

/* 1002 - 100% */
.topber,.nav,.banner,.allline,.prodtu,cplist,.about,youshi,.foot,.links,.current {max-width:100%; min-width:1200px}
.toptxt,.header,.navlist,.provid,.wrap,.foot,.links,.current {width:1200px; margin:0 auto; overflow:hidden}
/* header */
.topber {height:28px; line-height:28px; background:#f7f7f7; color:#666; font-size:13px}
/*header*/
.header {width:1200px; height:76px; background:#fff; padding:10px 0; margin:0 auto; overflow:hidden}
.logo {width:222px; float:left}
.ti {width:775px; line-height:35px; float:left; font-size:20px; color:#0a7719; text-align:center; padding-top:20px}
.telbox {width:203px; height:70px; float:right; background:url(../images/tel.png) no-repeat left 20px; color:#e63023; padding-top:10px}
.telbox p {font-size:22px; text-align:right}
.telbox span {display:block; color:#999; text-indent:50px}
.nav {height:40px; line-height:40px; background:url(../images/nav_bg.jpg)}
.navlist {font-size:18px; margin:0 auto}
.navlist li {width:150px; float:left; text-align:center}
.navlist li:hover {background:#08ae2a}
.navlist li:nth-child(1) {background:#08ae2a}
.navlist a {display:block; color:#fff}
.bannar {width:100%; height:540px; position:relative; background:#f4f4f4; overflow:hidden}
.banbox {width:100%}
.banbox .hd {width:1200px; height:35px; position:relative; bottom:35px; margin:0 auto}
.banbox .hd ul {width:120px; margin:0 auto}
.banbox .hd ul li {float:left; margin:10px; width:15px; height:15px; border-radius:50%; font-size:0; background:#ccc; cursor:pointer}
.banbox .hd ul li.on {background:#1ec035}
.banbg {width:100%; height:240px; background:url(../images/bnrbg.jpg); text-align:center}
/* titbox */
.titindex {text-align:center; margin:40px auto 30px}
.tit-index {line-height:55px; font-weight:700; font-size:35px; color:#59b307}
.tit-indextxt {width:410px; line-height:30px; font-size:16px; background:#6ac715; color:#fff; margin:10px auto}
/* prodtu */
.flex{display:flex; justify-content:space-between; flex-wrap:wrap}
.prodtu {background:#f2f2f2; overflow:hidden}
.prodtu_ul {width:1200px}
.prodtu_ul li {width:370px; background:#76c10f; color:#fff; text-align:center; margin-bottom:50px}
.prodtu_ul li:hover {background:#fff000; color:#000}
.prodtu_ul li:hover a {color:#000}
.prodtu_ul li a {color:#fff}
.prodtu_ul li img {display:block}
.prodtu_ul li h2 {font-size:26px; margin-top:10px}
.prodtu_ul li p {line-height:26px; padding:5px 20px}
/* cplist */
.cplist_ul li {width:213px; line-height:40px; font-size:18px; text-align:center}
.cplist_ul img {display:block; width:213px; height:210px; border-radius:105px}
/* about */
.about {background:#f2f2f2; padding-bottom:50px; overflow:hidden}
.about_box {background:#f1e8e0; overflow:hidden}
.about_box img {float:left; margin-right:30px}
.about_box p {line-height:36px; margin-top:15px}
.about_ulimg li {width:230px; font-size:14px; color:#666; text-align:center; margin-top:20px}
.about_ulimg li img {display:block}
.allline {width:100%; height:72px; line-height:40px; background:#3b9238; color:#fff; font-size:24px; padding:30px 0}
.allline .butt {width:150px; line-height:42px; float:right; background:#ef8200; color:#fff; text-align:center; border-radius:5px; padding:0 5px; margin:-20px 0 0 40px}
.about {margin-top:30px; font-size:16px; line-height:30px}
/* youshi */
.youshi_ul li {overflow:hidden; padding:30px 0}
.text-fl {text-align:left}
.text-fr {text-align:right}
.youshi_ul h3 {font-weight:700; font-size:32px; color:#ef8200}
.youshi_ul h3 span {font-size:50px}
.youshi_ul div p {line-height:60px; font-size:16px; color:#666}
/* footer */
.footer {width:100%; line-height:30px; background:#3b9238; color:#fff; padding:20px 0 10px}
.foot {width:1002px; font-size:16px; text-align:center}
.foot a {color:#fff}
.links {margin-top:10px}
.links span {font-size:16px; margin-right:15px}
.links a {display:inline-block; line-height:22px; background:#fff; border:solid 1px #ddd; margin:3px 5px; padding:0 4px}
/* current */
.current {width:100%; height:40px; line-height:40px; background:#e2e3e7; margin-bottom:25px}
.current span {color:#3b9238; font-weight:700}
/* sidebar */
.sidebar {width:230px; float:right; font-size:17px; text-align:center}
.sitebar_box {border:solid 1px #ddd; margin-bottom:20px}
.sidebar_tit {height:35px; background:#3b9238; color:#fff; padding:4px}
.sidebar_tit h3 {line-height:33px; font-weight:700; letter-spacing:3px; border:solid 1px #6cad69}
.sidebar_img {line-height:33px}
.sidebar_img li {margin:10px}
.sidebar_list li {line-height:45px; background:#f1f1f1; border-bottom:solid 1px #ccc}
.sidebar_list li:last-child {border-bottom:none} 
.sidebar_list li a {display:block}
.sidebar_list li a:hover {background:#3b9238; color:#fff}
.sidebar_tel {width:210px; font-weight:700; color:#3b9238; border-bottom:solid 1px #ddd; margin:10px; padding:10px 0}
.sidebar_dz {color:#3b9238; padding-bottom:10px}
.sidebar_dz span {display:block; font-weight:700}
/* listwrap */
.listwrap li {height:130px; border:solid 1px #ddd; padding:20px; margin:20px 0; font-size:15px}
.listwrap img {float:left; margin-right:30px}
.listwrap h3 {font-size:20px; line-height:45px}
.listwrap p {color:#999; line-height:26px}
.listwrap .xx {color:#f48a00}
.imglist {width:715px; float:left; border:solid 1px #ddd; padding:10px}
.imglist li {width:320px; line-height:33px; float:left; font-size:18px; text-align:center; margin:10px 18px}
.imglist li img {width:320px; height:220px}
/* content */
.content {width:910px; line-height:30px; float:left; font-size:15px; border:solid 1px #ddd; margin:0 auto; padding:10px}
.content h1,.content .htit {font-size:24px; color:#000; text-align:center; padding:10px 0 20px}
.content p {margin-bottom:20px}
.content img {max-width: 100%!important; height:auto!important;}
.content .titi {display:block; font-weight:700; font-size:17px; color:#e53333; margin-top:25px}
.content .zh {text-align:center}
/* contact */
.lxbyb {height:120px; background:url(../images/byb_bg.jpg) no-repeat center}
.contact {width:980px; height:350px; line-height:55px; padding:20px; margin:30px auto; border:solid 1px #666; font-size:18px; color:#666}
.contact li {width:450px; height:60px; float:left; text-indent:70px; border-bottom:dotted 1px #ccc; margin:20px 20px 0}
.contact ul .dz {width:940px}
.contact .dh {background:url(../images/ico1.png) no-repeat -9px -80px}
.contact .yx {background:url(../images/ico1.png) no-repeat -9px -215px}
.contact .sj {background:url(../images/ico1.png) no-repeat -9px -495px}
.contact .wm {background:url(../images/ico1.png) no-repeat -9px -10px}
.contact .wz {background:url(../images/ico1.png) no-repeat -9px -568px}
.contact .dz {background:url(../images/ico1.png) no-repeat -9px -283px}
.lxwm {font-size:16px; line-height:30px}
.lxwm_zh {font-size:18px; line-height:38px; text-align:center; color:#e53333; border:solid 1px #e53333; border-radius:7px; margin:20px 0}
/* message */
.message {width:1002px; font-size:16px; margin:0 auto}
.message .item {width:710px; margin:0 auto}
.message input {height:38px; line-height:38px; background:#f6f6f6; border:solid 1px #e6e6e6; margin:20px; padding:2px 5px} 
.message .item input {width:300px}
.message .item textarea {width:660px; height:180px; line-height:27px; margin:0 20px; padding:2px 5px; background:#f6f6f6; border:solid 1px #e6e6e6}
.message .bth {width:710px; margin:0 auto}
.message .bth #submit {width:140px; height:44px; background:#e53333; color:#fff; border:solid 2px #aaa; cursor:pointer}
.message .bth img {margin-top:28px; border:solid 1px #ddd; padding:2px}