@charset "utf-8";
/* CSS Document */
html{-webkit-text-size-adjust:none;}
body {font-size:14px; color:#343434;line-height:26px; margin:0; padding:0; font-family:"微软雅黑","MicrosoftYaHei","Microsoft YaHei","Arial"; -webkit-text-size-adjust:none; background:#F9F9F9}
img { border:0}
div,form,ul,ol,li,span,h1,h2,h3,h4,h5,h6,dl,dt,dd {border: 0;margin: 0;padding: 0;list-style-type:none}
.fz12,font,h2,h1 { font-size:12px}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}

a { outline:none;-moz-outline:none; color:#595959;}
a:link {color:#343434;text-decoration: none}
a:visited {color:#343434;text-decoration: none}
a:active {color:#343434;text-decoration: none}
a:hover {color:#595959;text-decoration:none;}
p { padding:0; margin:0; padding-bottom:10px;}
.tar { text-align:right}
.tal { text-align:left}
.tac { text-align:center}
.ft {float:left}
.fr {float:right}
.clear { clear:both}
.bgff { background:#fff}
.w100 { width:1200px; margin:0 auto}
.page { text-align:center; padding-top:20px; font-size:12px; float:right;}
.page ul li { float:left; color:#818181}
.page ul li a { color:#818181; padding:0 6px }
.page ul li a:hover {color:#0153a2; text-decoration:none; }
.page ul li.thisclass a {color:#0153a2;}

/*----------------------------------------------------首页-----------------------------------------------------*/
/*----头部-----*/
.head { width:100%; position:fixed; z-index:999; left:0; width:100%; top:0; height:80px; background:url(../images/head_bg2.png)}
.head .logo_s { float:left; padding-top:10px}
.head .logo_s img { display:block}
.head i { display:none}

.head .head_r { float:right; padding-top:15px}
.head .head_r b { display:block; text-align:center; font-size:18px; color:#fff; font-weight:normal}
.head .head_r a { padding:0 5px; margin:0 5px; border-radius:5px; font-size:12px; color:#fff; background:#B5BBAE}
.head .head_r a.on { background:#7AB22D}

.head .nav { float:left; padding-left:60px}
.head .nav ul li { float:left; padding:0 35px; text-align:center; line-height:20px; padding-top:20px; height:60px; position:relative}
.head .nav ul li a { font-size:16px; color:#fff}
.head .nav ul li font { display:block; color:#848B8C; font-size:10px; text-transform:uppercase}
.head .nav ul li.on { background:#78AA33}
.head .nav ul li.on font { color:#bbb}
.head .nav ul li:hover { background:#78AA33}
.head .nav ul li:hover font { color:#bbb}


.head .nav ul li h3 { display:none; position:absolute; top:80px; left:0; width:100%; padding:0 0 10px 0; background:url(../images/head_bg1.png)}
.head .nav ul li h3 a { display:block; line-height:44px; font-size:14px; text-align:center; border-bottom:1px #fff dashed;}
.head .nav ul li h3 a:hover { background:#7AB22D}

@media all and (max-width:1200px){
.head .w100 { width:720px}
.head .head_r { float:right; padding-top:0px; text-align:right; line-height:30px; height:30px}
.head .head_r b { float:left; padding-right:20px}

.head .nav { padding-left:0px; float:right}
.head .nav ul li { padding:0 15px 0 15px; height:50px; line-height:50px; overflow:hidden;}
.head .nav ul li a { font-size:14px}
}

@media all and (max-width:735px){
.head { height:60px}
.head i { display:block; float:right; font-size:16px; color:#fff; line-height:60px}
.head .logo_s img { height:40px; width:auto}
.head .w100 { width:90%}
.head .nav { display:none; position:absolute; top:60px; left:0; width:100%; background:#272727}
.head .head_r { padding-right:20px; padding-top:10px; line-height:20px; text-align:right}
.head .head_r b { float:none; padding-right:0px; font-size:14px}

.head .nav ul li.on { background:#272727}
.head .nav ul li { float:none; padding:10px 0; height:auto; line-height:30px; text-align:left;}
.head .nav ul li a { padding-left:20px}
.head .nav ul li font { display:none}
.head .nav ul li h3 { position:relative; top:auto; left:auto; padding-left:10px; padding-right:10px; width:auto}
.head .nav ul li h3 a { border-bottom:1px #666 dashed; padding-left:30px}
}
/*----头部-----*/


/*----导航-----*/

/*----轮播-----*/
.banner { width:100%; height:680px; position:relative; z-index:111;}
.banner .bd { width:100%; height:680px; text-align:center;}
.banner .bd ul li { width:100%; height:680px; text-align:center;}
.banner .bd ul li img { width:1920px; height:430px; display:none;}

.banner .hd { position:absolute; z-index:99; bottom:18px; left:50%; margin-left:-109.5px;}
.banner .hd ul li { float:left;background:#676767; width:63px; height:6px;margin:0px 5px; }
.banner .hd ul li.on { background:#49960a;}

.banner .dh_tijiao { position:absolute; top:0; height:100%; right:50%; margin-right:-600px; width:375px; background:url(../images/head_bg3.png)}
.banner .dh_tijiao h2 { padding-top:140px; font-size:36px; line-height:40px; padding-bottom:10px; border-bottom:1px #fff solid; width:305px; margin:0 auto; text-align:center; color:#fff}
.banner .dh_tijiao ul { width:305px; margin:0 auto;}
.banner .dh_tijiao ul li { padding-top:30px}
.banner .dh_tijiao ul li .inp_s1 { width:280px; border:1px #A7B998 solid; background:#273918; display:block; color:#ccc; font-size:16px; line-height:40px; height:40px; padding:0 10px}
.banner .dh_tijiao ul li .inp_s2 { width:180px; height:48px; line-height:48px; text-align:center; font-size:18px; display:block; margin:0 auto; color:#2C4208; background:#B1C09C; border:0 none; cursor:pointer}
.banner .dh_tijiao ul li .inp_s2:hover { background:#2C4208; color:#B1C09C}
.banner .dh_tijiao h3 { padding-top:30px; font-size:24px; line-height:30px; text-align:center; color:#fff}

@media all and (max-width:1200px){
.banner { height:425px; overflow:hidden}
.banner .bd { height:425px;}
.banner .bd ul li { height:425px;}

.banner .dh_tijiao { display:none}
}

@media all and (max-width:720px){
.banner { height:255px; margin-top:60px}
.banner .bd { height:255px;}
.banner .bd ul li { height:255px;}

.banner .hd { position:absolute; z-index:99; bottom:10px; left:50%; margin-left:-109.5px;}
.banner .hd ul li { float:left;background:#676767; width:63px; height:3px;margin:0px 5px; }
}

@media all and (max-width:460px){
.banner{ height:170px;}
.banner .bd{ height:170px}
.banner .bd ul li { height:170px}
}
/*----轮播-----*/



.index_1 { padding:70px 0;  position:relative; overflow:hidden}
.index_1 .w100 {width:1200px; margin:0 auto;}

.index_1 .index_ab { float:left; width:430px; opacity:0}
.index_1 .index_ab h2 { font-size:16px; color:#666; line-height:36px}
.index_1 .index_ab .lm_bg { background:url(../images/index_lm1.png); width:179px; height:31px}
.index_1 .index_ab .i_abcn { font-size:16px; padding-top:30px; color:#666; line-height:28px; padding-bottom:30px}
.index_1 .index_ab h3 { width:150px; height:48px; line-height:48px}
.index_1 .index_ab h3 a { display:block; background:#8EC63F; display:block; text-align:center; color:#fff}
.index_1 .index_ab h3 a:hover { background:#273918}


.index_1 .index_sp { position:absolute; right:0; top:70px; width:803px; height:468px; background:url(../images/index_ico1.png); opacity:0; margin-right:-630px}

@media all and (max-width:1200px){
.index_1 { padding:60px 0 540px 0}
.index_1 .w100 { width:720px; margin:0 auto}
.index_1 .index_ab { width:auto; float:none;}
.index_1 .index_ab h3 { margin:0 auto}

.index_1 .index_sp { top:auto; bottom:40px; margin-right:-400px}
}

@media all and (max-width:735px){
.index_1 { padding:30px 0}
.index_1 .w100 { width:90%;}
.index_1 .index_sp { display:none}
}


.index_2 { height:662px; min-width:1200px; margin:0 auto; background:url(../images/index_bg1.jpg) top no-repeat}
.index_2 h2 { padding-top:60px; text-align:center; color:#fff; font-size:16px; line-height:46px;}
.index_2 .lm_bg { background:url(../images/index_lm2.png); width:305px; height:25px; margin:0 auto; margin-bottom:110px}
.index_2 ul { width:1172px; margin:0 auto;}
.index_2 ul li { float:left; width:293px; text-align:center; color:#75E828; font-size:24px; line-height:30px}
.index_2 ul li i { display:block; width:168px; height:192px; margin:0 auto; margin-bottom:30px; background:url(../images/index_ico2.png)}
.index_2 ul li font { display:block; padding-top:10px; font-size:16px; color:#bbb}
.index_2 ul li:hover { color:#fff}

.index_2 ul li.index_ys1 i { background-position:0 0}
.index_2 ul li.index_ys2 i { background-position:-293px 0}
.index_2 ul li.index_ys3 i { background-position:-586px 0}
.index_2 ul li.index_ys4 i { background-position:-879px 0}
.index_2 ul li.index_ys1:hover i { background-position:0 -200px}
.index_2 ul li.index_ys2:hover i { background-position:-293px -200px}
.index_2 ul li.index_ys3:hover i { background-position:-586px -200px}
.index_2 ul li.index_ys4:hover i { background-position:-879px -200px}

@media all and (max-width:1200px){
.index_2 { min-width:inherit}
.index_2 ul { width:720px; }
.index_2 ul li { width:180px}
}

@media all and (max-width:735px){
.index_2 { background-size:auto 100%; height:auto; padding-bottom:10px; overflow:hidden}
.index_2 ul { width:95%;}
.index_2 h2 { padding-top:30px}
.index_2 ul li { width:50%; margin-bottom:20px}
.index_2 .lm_bg { margin-bottom:30px}
.index_2 ul li font { font-size:14px}
}


.index_3 { width:1200px; margin:0 auto; padding:70px 0; opacity:0; margin-top:30px}
.index_3 h2 { font-size:16px; color:#666; line-height:36px; text-align:center}
.index_3 .lm_bg { background:url(../images/index_lm3.png); width:281px; height:25px; margin:0 auto; margin-top:5px; margin-bottom:35px}
.index_3 .cp_hd { height:36px; width:656px; margin:0 auto; margin-bottom:50px}
.index_3 .cp_hd ul li { float:left; width:164px; line-height:36px}
.index_3 .cp_hd ul li a { display:block; width:160px; margin:0 auto; background:#959595; color:#fff; text-align:center; font-size:16px}
.index_3 .cp_hd ul li.on a { background:#7BBA25}


.index_3 .cp_bd { width:1200px; margin:0 auto; height:340px; position:relative}
.index_3 .cp_bd a.prev { position:absolute; left:-86px; background:url(../images/index_ico3.png); width:86px; height:86px; top:50%; margin-top:-43px; cursor:pointer}
.index_3 .cp_bd a.prev:hover { background-position:0 -86px}
.index_3 .cp_bd a.next { position:absolute; right:-86px; background:url(../images/index_ico3.png); background-position:-86px 0; width:86px; height:86px; top:50%; margin-top:-43px; cursor:pointer}
.index_3 .cp_bd a.next:hover { background-position:-86px -86px}


.index_3 .cp_bd .cp_bdli {}
.index_3 .cp_bd .cp_bdli ul li { float:left; width:300px; padding-bottom:10px; background:url(../images/index_ico4.png) bottom no-repeat}
.index_3 .cp_bd .cp_bdli ul li img { display:block; margin:0 auto}
.index_3 .cp_bd .cp_bdli ul li h3 { text-align:center; line-height:70px;}

.index_3 .cp_bd2 { display:none}

@media all and (max-width:1200px){
.index_3 { width:720px; padding:60px 0 0 0; }
.index_3 .cp_bd { width:720px; overflow:hidden}
.index_3 .cp_bd .cp_bdli ul li { width:240px}
.index_3 .cp_bd .cp_bdli ul li img { max-width:90%; height:auto}
}

@media all and (max-width:735px){
.index_3 { width:90%; padding:30px 0;}
.index_3 .cp_hd { width:95%}
.index_3 .cp_hd ul li { width:50%}
.index_3 .cp_hd ul li a { width:auto}

.index_3 .cp_bd { display:none}
.index_3 .cp_bd2 { display:block; width:95%; margin:0 auto; overflow:hidden}
.index_3 .cp_bd2 ul li { float:left; width:50%; text-align:center; padding-bottom:10px}
.index_3 .cp_bd2 ul li img { display:block; margin:0 auto; max-width:95%; height:auto}
.index_3 .cp_bd2 ul li h3 { font-size:12px; padding:0 5px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
}




.index_4 { height:662px; min-width:1200px; margin:0 auto; background:#8EC63F; opacity:0; margin-top:30px}
.index_4 h2 { padding-top:60px; text-align:center; color:#fff; font-size:16px; line-height:46px;}
.index_4 .lm_bg { background:url(../images/index_lm2.png); width:305px; height:25px; margin:0 auto; margin-bottom:30px}
.index_4 .more { width:110px; height:28px; line-height:28px; text-align:center; margin:0 auto; margin-bottom:40px}
.index_4 .more a { display:block; background:#fff; border-radius:14px; color:#7ABA25}
.index_4 .more a:hover { background:#7ABA25; color:#fff}

.index_4 ul { width:1150px; margin:0 auto}
.index_4 ul li { float:left; width:230px; height:140px; margin-bottom:5px; overflow:hidden; position:relative}
.index_4 ul li img { position:absolute; left:3px; top:0; width:224px; height:140px}

@media all and (max-width:1200px){
.index_4 { padding:50px 0; min-width:inherit; height:auto; overflow:hidden}
.index_4 h2 { padding-top:0px}

.index_4 ul { width:720px}
.index_4 ul li { width:240px}
}

@media all and (max-width:735px){
.index_4 { padding:30px 0;}
.index_4 h2 { padding-top:10px}

.index_4 ul { width:95%}
.index_4 ul li { width:50%; height:auto}
.index_4 ul li img { position:relative; left:auto; top:auto; max-width:90%; height:auto}
}



.index_5 { width:1200px; margin:0 auto; padding:70px 0; opacity:0; margin-top:30px}
.index_5 h2 { font-size:16px; color:#666; line-height:36px; text-align:center}
.index_5 .lm_bg { background:url(../images/index_lm5.png); width:368px; height:25px; margin:0 auto; margin-top:5px; margin-bottom:35px}
.index_5 .xw_hd { height:36px; width:492px; margin:0 auto; margin-bottom:50px}
.index_5 .xw_hd ul li { float:left; width:164px; line-height:36px}
.index_5 .xw_hd ul li a { display:block; width:160px; margin:0 auto; background:#959595; color:#fff; text-align:center; font-size:16px}
.index_5 .xw_hd ul li.on a { background:#7BBA25}

.index_5 .xw_bd {}
.index_5 .xw_bd img { display:block}
.index_5 .xw_bd ul { float:right; width:640px; border-top:1px #C8C8C8 solid}
.index_5 .xw_bd ul li { border-bottom:1px #C8C8C8 solid; padding:13px 0 13px 125px; position:relative; line-height:24px}
.index_5 .xw_bd ul li h5 { position:absolute; left:5px; top:15px; line-height:48px; font-size:14px; font-weight:bold}
.index_5 .xw_bd ul li h3 { font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis} 
.index_5 .xw_bd ul li h4 { font-size:12px; color:#888; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.index_5 .xw_bd ul li:hover { background:#f5f5f5}


@media all and (max-width:1200px){
.index_5 { padding:50px 0; min-width:inherit; width:720px}
.index_5 .xw_hd { float:none; margin:0 auto; margin-bottom:30px}
.index_5 .xw_bd ul { float:none; margin:0 auto}
.index_5 .xw_bd img { display:none}
}

@media all and (max-width:735px){
.index_5 { width:90%; padding:30px 0; overflow:hidden}
.index_5 .lm_bg img { max-width:100%; height:auto}

.index_5 .xw_hd { width:95%; margin:0 auto}
.index_5 .xw_hd ul li { width:33.3%}
.index_5 .xw_hd ul li a { width:auto}

.index_5 .xw_bd ul { width:95%; margin:0 auto; overflow:hidden}
.index_5 .xw_bd ul li { padding:10px 0 10px 125px; margin-left:-125px}
.index_5 .xw_bd ul li h5 { display:none}
}


.index_6 { background:#EFEFEF; padding:50px 0}
.index_6 .lm_bg { background:url(../images/index_lm6.png); width:233px; height:20px; margin-bottom:35px}
.index_6 .yqlj_hd { overflow:hidden; position:relative; padding-bottom:20px}
.index_6 .yqlj_hd ul li { float:left; padding-right:30px}
.index_6 .yqlj_hd ul li img {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity:0.5}
.index_6 .yqlj_hd ul li img:hover {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:none;opacity:1;}
.index_6 .yqlj_hd h4 { position:absolute; z-index:99; bottom:0px; left:50%; margin-left:-109.5px;}
.index_6 .yqlj_hd h4 a { float:left;background:#676767; width:63px; height:6px;margin:0px 5px; }
.index_6 .yqlj_hd h4 a.on { background:#49960a;}

@media all and (max-width:1200px){
.index_6 { padding:40px 0}
.index_6 .w100 { width:720px}

}

@media all and (max-width:735px){
.index_6 { padding:30px 0}
.index_6 .lm_bg { margin-bottom:10px}
.index_6 .w100 { width:90%;}
.index_6 .yqlj_hd ul li { width:33.3%; padding-right:0; padding-bottom:10px}
.index_6 .yqlj_hd ul li img { display:block; max-width:95%; height:auto}
}


.footer { height:277px; min-width:1200px; margin:0 auto; background:url(../images/index_bg3.jpg) top}
.footer .foot_1 { float:left; padding-left:60px; width:390px; padding-top:25px; color:#fff}
.footer .foot_1 img { display:block; padding-bottom:15px}
.footer .foot_1 p { line-height:24px}

.footer .foot_2 { float:left; padding-top:25px}
.footer .foot_2 h2 { text-transform:uppercase; font-size:18px; color:#fff}
.footer .foot_2 h3 { color:#fff; font-size:12px; padding-bottom:15px}
.footer .foot_2 ul li { line-height:26px;}
.footer .foot_2 ul li a { color:#fff}

.footer .foot_3 { float:right; padding-top:60px; padding-right:60px}
.footer .foot_3 img { display:block; padding-bottom:20px}
.footer .foot_3 h3 { padding-top:10px; border-top:1px #fff solid; color:#fff; text-align:center}

.copyright { background:#485B2E; line-height:40px; text-align:center; color:#fff}

@media all and (max-width:1200px){
.footer { min-width:inherit}
.footer .w100 { width:720px}
.footer .foot_1 { padding-left:0; width:280px}
}

@media all and (max-width:735px){
.footer { height:auto; overflow:hidden; padding-bottom:30px; background-size:auto 100%}
.footer .w100 { width:90%;}
.footer .foot_1 { padding-left:0; width:auto; text-align:center; float:none}
.footer .foot_1 img { margin:0 auto}
.footer .foot_2 { display:none}
.footer .foot_3 { float:none; width:auto; text-align:center; padding-top:15px; padding-right:0}
.footer .foot_3 img { margin:0 auto}
}


.pages { height:80px;}
.pages ul{ text-align:center; list-style-type:none; padding:14px 0px;}
.pages ul li { display:inline; list-style-type:none; font-family:Tahoma;line-height:26px;margin-right:6px;border:#ccc 1px solid;background:#EAEAEA;-moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; padding:8px;}
.pages ul li a{ padding:2px 3px; color:#6e6e6e;}
.pages ul li.on a{color:#343434;}
.pages ul li.thisclass{ background:#53A30D; font-weight:bold; text-align:center;border:#fff 1px solid}
.pages ul li.thisclass a { color:#fff;}




.abut_top { height:418px; min-width:1200px; margin:0 auto; background:url(../images/about_top.jpg) top no-repeat}
.news_top { height:418px; min-width:1200px; margin:0 auto; background:url(../images/news_top.jpg) top no-repeat}
.product_top { height:418px; min-width:1200px; margin:0 auto; background:url(../images/product_top.jpg) top no-repeat}
.contact_top { height:418px; min-width:1200px; margin:0 auto; background:url(../images/contact_top.jpg) top no-repeat}
.caigou_top { height:418px; min-width:1200px; margin:0 auto; background:url(../images/caigou_top.jpg) top no-repeat}

@media all and (max-width:1200px){
.abut_top { height:300px; min-width:inherit; background-size:auto 100%}
.news_top { height:300px; min-width:inherit; background-size:auto 100%}
.product_top { height:300px; min-width:inherit; background-size:auto 100%}
.contact_top { height:300px; min-width:inherit; background-size:auto 100%}
.caigou_top { height:300px; min-width:inherit; background-size:auto 100%}
}

@media all and (max-width:735px){
.abut_top { height:200px; min-width:inherit; background-size:auto 100%; margin-top:60px}
.news_top { height:200px; min-width:inherit; background-size:auto 100%; margin-top:60px}
.product_top { height:200px; min-width:inherit; background-size:auto 100%; margin-top:60px}
.contact_top { height:200px; min-width:inherit; background-size:auto 100%; margin-top:60px}
.caigou_top { height:200px; min-width:inherit; background-size:auto 100%; margin-top:60px}
}

@media all and (max-width:480px){
.abut_top { height:150px; min-width:inherit; background-size:auto 100%}
.news_top { height:150px; min-width:inherit; background-size:auto 100%}
.product_top { height:150px; min-width:inherit; background-size:auto 100%}
.contact_top { height:150px; min-width:inherit; background-size:auto 100%}
.caigou_top { height:150px; min-width:inherit; background-size:auto 100%}
}


.about { width:1200px; margin:0 auto; padding:60px 0}
.about .about_left { float:left; width:385px; background:#fff; margin-bottom:50px}
.about .about_left ul li { line-height:74px; border-bottom:1px #ddd solid; position:relative}
.about .about_left ul li span { display:block; position:absolute; width:9px; height:14px; background:url(../images/about_ioc1.png); top:30px; right:54px}
.about .about_left ul li a { display:block; padding-left:50px; font-size:18px}
.about .about_left ul li.on { background:#79AA34}
.about .about_left ul li.on a { color:#fff}
.about .about_left ul li.on span { background:url(../images/about_ioc2.png)}

.about .about_left .about_lx { background:#79AA34; padding:23px 20px; color:#fff}
.about .about_left .about_lx h3 { font-size:18px; padding-bottom:5px}
.about .about_left .about_lx h4 { line-height:24px; padding-bottom:10px}
.about .about_left .about_lx img { display:block}

@media all and (max-width:1200px){
.about { width:720px; padding:50px 0}
.about .about_left { float:left; width:220px}
.about .about_left ul li a { padding-left:30px}
}

@media all and (max-width:735px){
.about { width:95%; padding:30px 0}
.about .about_left { float:none; width:auto; overflow:hidden; margin-bottom:30px}
.about .about_left ul li { line-height:32px; float:left; width:33.3%}
.about .about_left ul li a { font-size:14px; padding-left:10px}
.about .about_left ul li span { right:10px; top:9px}
.about .about_left .about_lx { display:none}
}



.about .about_right { width:765px; float:right; background:#fff; padding:30px 0}
.about .about_right h1 { width:695px; margin:0 auto; font-size:24px; line-height:40px}
.about .about_right .about_zy { width:695px; margin:0 auto; font-size:12px; color:#888; padding-bottom:10px; border-bottom:1px #ddd solid; padding-top:5px}
.about .about_right .about_text { width:695px; margin:0 auto; padding:20px 0; font-size:16px; line-height:30px}
.about .about_right .about_text img { max-width:100%; height:auto}

.about .about_right .about_ryli { width:720px; margin:0 auto; padding:20px 0; overflow:hidden}
.about .about_right .about_ryli ul li { float:left; width:240px; text-align:center; padding-bottom:10px}

@media all and (max-width:1200px){
.about .about_right { float:right; width:480px}
.about .about_right h1 { width:440px; font-size:18px;}
.about .about_right .about_zy { width:440px;}
.about .about_right .about_text { width:440px;}

.about .about_right .about_ryli { width:460px;}
.about .about_right .about_ryli ul li { width:230px;}
}

@media all and (max-width:735px){
.about .about_right { float:none; width:100%; padding:15px 0}
.about .about_right h1 { width:95%;}
.about .about_right .about_zy { width:95%;}
.about .about_right .about_text { width:95%;}


.about .about_right .about_ryli { width:95%;}
.about .about_right .about_ryli ul li { width:50%;}
.about .about_right .about_ryli ul li img { max-width:90%; height:auto}
}


.about .news_right { width:765px; float:right; background:#fff; padding-bottom:30px}
.about .news_right .news_list { padding-bottom:40px}
.about .news_right .news_list ul li { padding:23px 0; border-bottom:1px #eee solid; overflow:hidden}
.about .news_right .news_list ul li img { display:block; float:left; padding:0 35px 0 25px}
.about .news_right .news_list ul li h3 { font-size:18px; color:#000}
.about .news_right .news_list ul li h3 a { color:#000}
.about .news_right .news_list ul li h5 { font-size:12px; color:#aaa; line-height:30px}
.about .news_right .news_list ul li h4 { line-height:20px; color:#666; padding-right:35px; font-size:12px; height:40px; overflow:hidden}
.about .news_right .news_list ul li a.more2 { display:block; float:right; padding-top:10px; font-size:12px; padding-right:35px; color:#79AA34}
.about .news_right .news_list ul li a.news_pic { display:block; width:175px; height:133px; margin:0 35px 0 25px; float:left}
.about .news_right .news_list ul li a.news_pic img { display:none}

@media all and (max-width:1200px){
.about .news_right { float:right; width:480px}
}

@media all and (max-width:735px){
.about .news_right { float:none; width:100%; padding:15px 0}
.about .news_right .news_list ul li h4 { clear:both; padding:0 15px}

.about .news_right .news_list ul li a.news_pic { height:52px; margin:0 15px 5px 0px; float:left; background:none; width:auto}
.about .news_right .news_list ul li a.news_pic img { display:block; height:52px; width:auto; padding:0 10px}
}


.product_li { width:1200px; margin:0 auto; overflow:hidden; margin-top:50px}
.product_li .pro_left { float:left; width:269px; position:relative}
.product_li .pro_left.pr1 { background:url(../images/product_lm1.jpg); height:511px;}
.product_li .pro_left.pr2 { background:url(../images/product_lm2.jpg); height:511px;}
.product_li .pro_left.pr3 { background:url(../images/product_lm3.jpg); height:511px;}
.product_li .pro_left.pr4 { background:url(../images/product_lm4.jpg); height:244px;}

.product_li .pro_left h3 { width:110px; height:36px; line-height:36px; position:absolute; left:50%; margin-left:-55px; text-align:center; font-size:16px}
.product_li .pro_left.pr1 h3 { top:380px; color:#72A929}
.product_li .pro_left.pr2 h3 { top:382px; color:#88861F}
.product_li .pro_left.pr3 h3 { top:376px; color:#BE1903}
.product_li .pro_left.pr4 h3 { top:168px; color:#17275A}

.product_li .pro_left.pr18 { background:url(../images/product_lm1.jpg); height:511px;}
.product_li .pro_left.pr19 { background:url(../images/product_lm2.jpg); height:511px;}
.product_li .pro_left.pr94 { background:url(../images/product_lm3.jpg); height:511px;}
.product_li .pro_left.pr90 { background:url(../images/product_lm4.jpg); height:244px;}

.product_li .pro_left.pr18 h3 { top:380px; color:#72A929}
.product_li .pro_left.pr19 h3 { top:382px; color:#88861F}
.product_li .pro_left.pr94 h3 { top:376px; color:#BE1903}
.product_li .pro_left.pr90 h3 { top:168px; color:#17275A}

.product_li .pro_list { float:right; width:904px; overflow:hidden; min-height:264px}
.product_li .pro_list ul { width:918px}
.product_li .pro_list ul li { float:left; width:306px; margin-bottom:20px; position:relative}
.product_li .pro_list ul li img { display:block; width:289px; height:244px}
.product_li .pro_list ul li h3 { position:absolute; left:0; top:0; width:289px; height:244px; background:url(../images/head_bg4.png)}
.product_li .pro_list ul li h3 a { display:block; padding-top:90px; color:#fff; text-align:center}
.product_li .pro_list ul li h3 b { display:block; font-size:18px; padding-bottom:10px; font-weight:normal}


@media all and (max-width:1200px){
.product_li { width:720px}
.product_li .pro_list { width:440px}
.product_li .pro_list ul { width:450px}
.product_li .pro_list ul li { width:225px}
.product_li .pro_list ul li img { width:215px; height:auto; display:block; margin:0 auto}
.product_li .pro_list ul li h3 { left:5px; width:215px; height:100%}
.product_li .pro_list ul li h3 a { padding-top:40px}
}

@media all and (max-width:735px){
.product_li { width:95%; margin-top:30px}

.product_li .pro_left { display:none}

.product_li .pro_list { width:100%}
.product_li .pro_list ul { width:100%}
.product_li .pro_list ul li { width:50%; margin-bottom:15px}
.product_li .pro_list ul li img { max-width:90%}
.product_li .pro_list ul li h3 { left:5%; width:90%; height:100%}
.product_li .pro_list ul li h3 a { padding-top:30px}
}



.product_id { width:1200px; margin:0 auto; padding:50px 0}
.product_id .pro_title { padding:50px 0; background:#fff}
.product_id .pro_title img { display:block; margin:0 auto; max-height:430px; width:auto}
.product_id .pro_title h1 { padding-top:20px; text-align:center; font-size:18px}

.product_id .pro_text { padding:30px; font-size:14px; line-height:26px; background:#fff; margin-top:15px}


@media all and (max-width:1200px){
.product_id { width:720px; padding:40px 0}
.product_id .pro_title { padding:30px 0}

}

@media all and (max-width:735px){
.product_id { width:95%; padding:40px 0}
.product_id .pro_title img { max-width:100%; height:auto; display:block; margin:0 auto}
}

.contact_right { width:765px; float:right; }
.contact_right .con_map { border:1px #ccc solid}
.contact_right .con_map img { display:block; width:100%; height:auto}

.contact_right .con_text { margin-top:15px; background:#fff; font-size:14px; line-height:26px; padding:30px }


@media all and (max-width:1200px){
.contact_right { width:480px}

}
@media all and (max-width:720px){
.contact_right { width:100%}
.contact_right .con_text { padding:20px}
.contact_right .con_text img { display:none}
}

.contact_right .zx_list { background:#fff; padding:20px 30px 40px 30px; min-height:440px}
.contact_right .zx_list ul li { padding-left:20px; clear:both; border-bottom:#dedede solid 1px; line-height:52px; overflow:hidden;}
.contact_right .zx_list ul li h3 { width:180px; float:left; font-size:14px; color:#878787; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.contact_right .zx_list ul li h3 a { font-size:14px; color:#000;}
.contact_right .zx_list ul li h3 a.c1 {font-size:12px; color:#a8abd7;}
.contact_right .zx_list ul li h4 { width:130px; float:left; font-size:14px; color:#878787;}
.contact_right .zx_list ul li h4 a { font-size:14px; color:#000;}

.contact_right .zx_list ul li.zx_top { background:#EAF4DB}


@media all and (max-width:1200px){
.contact_right .zx_list { padding:15px}
.contact_right .zx_list ul li { line-height:30px; padding:10px 0}
.contact_right .zx_list ul li.zx_top { display:none}
.contact_right .zx_list ul li h3 { float:none; font-size:16px; width:auto}
.contact_right .zx_list ul li h4 { float:left; width:33.3%}
}
@media all and (max-width:720px){

}





.about_right .liuyan h2 { width:695px; margin:0 auto; font-size:24px; line-height:40px; border-bottom:1px #ddd solid; padding-bottom:10px; margin-bottom:10px}
.about_right .liuyan ul { width:695px; margin:0 auto;}
.about_right .liuyan ul li { padding:5px 0}
.about_right .liuyan ul li h3 { float:left; padding-right:10px; font-size:14px; padding-left:10px; color:#888}
.about_right .liuyan ul li .inp_1 { line-height:30px; height:30px; width:50%; border:1px #ccc solid}
.about_right .liuyan ul li .inp_2 { width:70%; padding:10px; border:1px #ccc solid}
.about_right .liuyan .ly_tj { width:695px; margin:0 auto; padding-top:20px}
.about_right .liuyan .ly_tj .inp_3 { width:112px; height:36px; line-height:36px; text-align:center; border:0 none; cursor:pointer; color:#fff; float:right; background:#689B23; font-size:18px; margin-right:20px}
.about_right .liuyan .ly_tj .inp_4 { width:112px; height:36px; line-height:36px; text-align:center; border:0 none; cursor:pointer; color:#fff; float:right; background:#566344; font-size:18px;}

@media all and (max-width:1200px){
.about_right .liuyan h2 { width:440px}
.about_right .liuyan ul { width:440px}
.about_right .liuyan .ly_tj { width:440px}
}
@media all and (max-width:720px){
.about_right .liuyan h2 { width:90%}
.about_right .liuyan ul { width:90%}
.about_right .liuyan .ly_tj { width:90%}

}




.caigou { padding:60px 0; width:1200px; margin:0 auto}
.caigou h2 { display:none}
.caigou .caigou_cn { background:#fff; padding:30px 50px}
.caigou .caigou_cn h1 { font-size:24px; line-height:40px}
.caigou .caigou_cn .caigou_zy { font-size:12px; color:#888; padding-bottom:10px; border-bottom:1px #ddd solid; padding-top:5px}
.caigou .caigou_cn .caigou_text { padding:20px 0; font-size:16px; line-height:30px}
.caigou .caigou_cn .caigou_text img { max-width:100%; height:auto}


@media all and (max-width:1200px){
.caigou { width:720px; padding:50px 0}
}
@media all and (max-width:720px){
.caigou { width:90%; padding:30px 0}
.caigou .caigou_cn { padding:15px 10px}
}




#leftsead{width:161px; height:300px;position:fixed; bottom:30px; right:0px; z-index:10000;}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:161px; height:60px; clear:both;}
#leftsead li img{float:right;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:161px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:143px;}
#leftsead li a.youhui .2wm{display:none;position:absolute;right:143px;}
#p2{width:112px;background-color:#A7D2A9;height:47px;margin-left:47px;border:1px solid #8BC48D;text-align:center;line-height:47px}
#p3{width:112px;background-color:#EC9890;height:47px;margin-left:47px;border:1px solid #E6776C;text-align:center;line-height:47px}
#p1{width:47px;height:49px;float:left}
#p4{width:112px; background-color:#ca90d6; height:47px; margin-left:47px; border:1px solid #c27ed0; text-align:center; line-height:47px}
#p5{width:112px; background-color:#7caeea; height:47px; margin-left:47px; border:1px solid #6ca4e6; text-align:center; line-height:47px}