﻿ @charset "utf-8";
/* CSS Document */
a{color:#565656; text-decoration:none;}
a:hover{ text-decoration:none;color: #549ac1;}
body{ font-family:"微软雅黑"!important; font-size:14px!important; color:#565656!important; border:0; padding: 0; margin:0; clear:both; background:#fff!important;}
/*内页店铺*/
#moTou { display:none;}
body p{ font-family:"微软雅黑"!important;}



/*首页头部*/
.top { width:100%; height:auto; margin:0 auto; overflow:hidden;}
.top_a { width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.top_left { float:left; margin-right:85px; padding-top:20px;}
.top_nav { width:600px; float:left;}
.top_nav li { width:110px; height:120px;  float:left; text-align:center; background:url(../images/index2_02.jpg) no-repeat right; line-height:22px;}
.top_nav li:nth-child(1){ border-left:1px solid #d2d2d2;}
.top_nav li:nth-child(5){ border-right:1px solid #d2d2d2; background:none;}
.top_nav li a { padding-top:35px; display:block; font-size:16px; color:#999999; padding-bottom:43px;}
.top_nav li span { font-size:18px; color:#333333;}
.top_nav li a:hover { background:url(../images/index_07.jpg) no-repeat center bottom; }
.top_nav li a:hover span { color:#169e4e;}
.top_nav li a:hover p { color:#176799;}

.top_right { width:220px; margin-top:45px; float:right; border-bottom:1px solid #d3d3d3; padding-bottom:5px;}
.top_right input { border:none; outline:none; width:195px;}



/*banner*/

/*banner*/
.fouse{ width:100%; margin:0 auto;  overflow:hidden;}
.hbann{ width:100%; margin:0 auto; height:580px;}
#full-screen-slider { width:100%; height:580px; float:left; position:relative; }
#slides { display:block; width:100%; height:580px; list-style:none; padding:0; margin:0; position:relative}

#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute; text-indent:-9999px;}
#slides li a { display:block; width:100%; height: auto; text-indent:-9999px;}
#pagination { width:100%; text-align:center; display:block; list-style:none; position:absolute;  margin-left:0%!important; top:520px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
.fouse #pagination li { display:block; list-style:none; width:16px; height:16px; display:inline-block; text-align:center; margin-left:15px; background:#fff; border-radius:100%;}
.fouse #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
.fouse #pagination li.current { background:#169e4e; border-radius:100%;}
.moBanner{ width:100%; margin:0 auto; display:none;}
.fouse_foot { width:100%; height:auto; margin:0 auto; overflow:hidden;}
.pro_bottm { width:100%; height:auto; overflow:hidden; padding-top:1%;}
.fouseh{ width:100%; margin:0 auto;  overflow:hidden;}



.fouse1{ width:100%; margin:0 auto;  overflow:hidden;}
.hbann1{ width:100%; margin:0 auto; height:450px; overflow:hidden;}
.hbann1 #pagination { width:100%; text-align:center; display:block; list-style:none; position:absolute;  margin-left:0%!important; top:400px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
.fouse1 #pagination li { display:block; list-style:none; width:16px; height:16px; display:inline-block; text-align:center; margin-left:15px; background:url(../images/about2_05.png);}
.fouse1 #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
.fouse1 #pagination li.current { background:url(../images/about2_03.png);}

/*头部右边*/
/*首页*/
.pros { width:100%; height:auto; margin:0 auto; overflow:hidden;}
.pros_r { width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.pros_p { width:100%; height:auto; margin:0 auto; overflow:hidden; text-align:center; padding-top:51px; padding-bottom:45px;}
.pros_p img { display:inline-block;margin-bottom: -1px;}
.pros_p span { display:inline-block;}
.pros_p font {    font-size: 16px;
    color: #00923f;}
.pros_p p{    color: #00923f;
    font-size: 12px;
        margin-bottom: 5px;
    margin-left: 5px;}
.pros_u { width:100%; height:auto; margin:0  auto; overflow:hidden; padding-bottom:60px;}
.pros_u li { width:370px; height:430px; border-radius:0.8em; float:left; position:relative; border:1px solid #2ba96f; margin-right:45px;}
.pros_t { position:absolute; z-index:999; width:96%; overflow:hidden; background:url(../images/index3_03.png); bottom:2%; left:2%; padding:3%; line-height:24px; padding-bottom:15px; border-radius:0.8em;}
.pros_t span { font-size:22px; color:#dc2729; display:block; padding-bottom:30px;}
.pros_t font {  height:70px; width:100%; overflow:hidden; display:block;}
.pros_u li:hover .pros_t font { height:auto;}
.pros_u li img { width:368px; height:428px;}
.pros_u li:nth-child(3){ margin-right:0; }

.prosg { width:100%; height:auto; background:#d9f7ed; overflow:hidden;}
.pros_l { width:100%; height:auto; overflow:hidden; margin:0 auto; overflow:hidden;}
.pros_l_left { width:760px; float:left; height:auto;}
.pros_l_left li { width:370px; float:left; border:1px solid #bdd9ce; position:relative; margin-right:20px; margin-bottom:20px;}
.pros_l_left li img { width:368px; height:230px;}
.ky { position:absolute; z-index:999; width:100%; height:100%; text-align:center; background:url(../images/index6_03.png);  display:none; }
.ky span { display:block; padding-top:62px; font-size:26px; color:#dc2729; padding-bottom:26px;} 
.ky_u { width:70%; height:auto; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #fff; border-top:1px solid #fff; margin:0 auto;}
.pros_l_left li .ky_u img { width:auto; height:auto;}
.pros_l_left li:hover .ky { display:block;}
.pros_l_left li:nth-child(2n+2){ margin-right:0;}

.pros_l_right { width:419px; height:482px; background:#fff; border:1px solid #b7d7ca; float:right; border-radius:0.8em;}
.pros_l_right_top { width:100%; height:auto; margin:0 auto; line-height:26px; overflow:hidden; border-bottom:1px solid #dedfdf; padding:20px;}
.pros_l_right_top span { font-size:22px; color: #318817;}


/* 本例子css */
.pros_h { width:100%; height:auto; margin:0 auto; overflow:hidden;  margin-top:16px;}
.scrollBox{ width:100%;  background:url(images/scrollBg.png) ; position:relative;}
.scrollBox .piclist{ overflow:hidden; zoom:1;}
.scrollBox .ohbox{overflow:hidden; position:relative;width:100%;left:0px}
.scrollBox {position:relative;overflow:hidden;zoom:1; }
.scrollBox .piclist li{float:left; display:inline; width:391px;margin-right:16px; border-radius:0.5em; text-align:center; line-height:36px;}
.scrollBox .piclist li img { width:391px; height:361px;}
.scrollBox .piclist li a { color:#fff;}
.scrollBox .piclist li span{height:25px;line-height:25px;display:block;text-align:center;   }
.scrollBox .pageBtn { background:url(images/bntBg.png) no-repeat; display:block;  position:absolute; right:15px; bottom:0px;cursor:pointer;text-indent:-999em;overflow:hidden; }
.scrollBox .pageBtn .prev{ left:0;background-position:-11px -84px ; background:url(../images/index_52.jpg) no-repeat;}
.scrollBox .pageBtn .next{ right:0;background-position:-53px -84px ;  background:url(../images/index_55.jpg) no-repeat;}
.scrollBox .pageBtn .list{overflow:hidden;zoom:1;  }
.scrollBox .pageBtn .list li{ background:url(../images/index8_05.png); float:left; display:inline; width:12px;height:12px; cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;  }
.scrollBox .pageBtn .list li.on{ background:url(../images/index8_03.png) no-repeat;}

.ysf { width:100%; height:742px; background:url(../images/index10_02.jpg) no-repeat center;}
.ysf_a { width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.ysf_g_left { width:680px; float:left; height:auto;}
.ysf_g_left_top { width:100%; height:auto; overflow:hidden; font-size:24px; color:#666666; line-height:32px;}
.ysf_g_left_top span { font-size:24px; color:#176799;}

.ysf_g_left_r { width:100%; height:auto; padding-top:27px; line-height:28px; text-indent:2em; font-size:16px; color:#666666;}
.ysf_g_left_p { width:100%; height:auto; overflow:hidden; padding-top:55px;}
.ysf_g_left_p li { width:50%; float:left; margin-bottom:48px;}
.ysfg_left { float:left; padding-right:10px;}
.ysfg_right { float:left; width:244px; color:#999999; font-size:14px; line-height:21px;}
.ysfg_right span { font-size:20px; color:#333333;}

.ysf_g_right { width:460px; float:right;    margin-top: 20px;}
.scrollBo li { width:468px; height:468px; border-radius:100%; }
.scrollBo li img { width:456px; height:456px;border-radius: 228px;    border: 4px solid #fff;}
.foot { width:100%; height:auto; background:#227745;}
.foot_a { width:1200px; height:auto; margin:0 auto; padding-top:45px; padding-bottom:50px;}
.foot_y { width:100%; height:auto; overflow:hidden;}
.foot_left { width:420px; float:left;}
.foot_left_a { width:25%; float:left; text-align:center;}
.foot_left_a li { width:100%; height:auto; line-height:36px;}
.foot_left_a li a { color:#fff;}
.foot_right { width:515px; float:left;}
.foot_right li { float:left; margin-right:10px; margin-bottom:10px;}
.foot_right li img { width:164px; height:64px;}
.foot_right li:nth-child(3n+3){ margin-right:0;}
.foot_ks { width:133px; float:right; text-align:center; color:#fff; line-height:26px;}

.foot_o { width:100%; height:auto; margin:0 auto; text-align:center; padding-bottom:30px; padding-top:15px; color:#bae7cc;}
.foot_o a{color:#bae7cc;}
.foot_o a:hover{color:#bae7cc;}
.nabout { width:100%; height:80px; background:url(../images/about55_10.png)}
.nabout_a { width:1200px; height:auto; margin:0 auto; overflow:hidden; padding-top:25px;}
.nabout_a_left { float:left; font-size:30px; color:#333333;}
.nabout_a_left font { color:#666666; font-size:18px;}
.nabouts { width:100%; height:auto; background:url(../images/about6_02.png)}
.nabout_a_right { float:right;}
.nabout_a_right li { float:left; width:139px; height:35px; background:#ffffff; border:1px solid #cccccc; text-align:center; line-height:35px; border-radius:0.4em; margin-left:17px;}
.nabout_a_right .yr { background:url(../images/about9_03.png) no-repeat;  height:43px;  border:none;}
.nabout_a_right .yr a { color:#fff;}
.nabout_a_right li a { color:#333;}
.desc{width: 100%;
    height: auto;
    line-height: 24px;
    margin:25px auto;}
.about_qy { width:1200px; height:auto; margin:0 auto; overflow:hidden; padding-top:30px;}
.about_qy_left { width:438px; height:auto; float:left;}
.about_qy_right { width:720px; float:right;}
.about_qy_right_top { width:100%; height:auto; margin:0 auto; overflow:hidden; font-size:16px; color:#999999; line-height:26px;}
.about_qy_right_top span { font-size:24px; color:#dc2729;}

.about_qy_o { width:100%; height:auto; line-height:26px; padding-top:40px;}

.nabout_p { width:100%; height:auto; overflow:hidden;}

.ry { width:100%; height:auto; padding-top:80px; overflow:hidden;}
.ry_a { width:100%; height:auto; overflow:hidden; border-bottom:1px solid #c5c5c5; padding-bottom:10px; font-size:16px; color:#999999;}
.ry_a span { font-size:24px; color:#dc2729;}



/* 本例子css */
.ysr { width:100%; height:auto; margin:0 auto; margin-top:68px;}
.scrollBoxr{ width:1200px;  background:url(images/scrollBg.png) ; position:relative;}
.scrollBoxr .piclist{ overflow:hidden; zoom:1;}
.scrollBoxr .ohbox{overflow:hidden; position:relative;width:1135px;left:35px}
.scrollBoxr {position:relative;overflow:hidden;zoom:1;  }
.scrollBoxr .piclist li{float:left; display:inline; width:352px; margin-right:30px; margin-left:8px; border:1px solid #8ac3a1;  line-height:26px; border-bottom:2px solid #388457;}
.scrollBoxr .piclist li img { width:334px; height:232px; padding:8px;}
.scrollBoxr .piclist li a { color:#333;}
.scrollBoxr .piclist li span{height:25px;line-height:25px;display:block;text-align:center;   }
.scrollBoxr .pageBtn span{ background:url(images/bntBg.png) no-repeat; display:block;width:18px;height:30px;position:absolute;top:100px;cursor:pointer;text-indent:-999em;overflow:hidden; }
.scrollBoxr .pageBtn .prev{ left:0; background:url(../images/about_14.png) no-repeat;}
.scrollBoxr .pageBtn .next{ right:0;  background:url(../images/about_17.png) no-repeat;}
.scrollBoxr .pageBtn .list{overflow:hidden;zoom:1;margin:10px 0 0 413px; }
.scrollBoxr .pageBtn .list li{ background:url(images/bntBg.png); float:left; display:inline; width:15px;height:15px;background-position:-86px -57px ;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;  }
.scrollBoxr .pageBtn .list li.on{background-position:-114px -57px }

.ts { width:100%; height:135px; background:url(../images/about6_04.jpg) no-repeat center;}
.scrollBoxr .piclist li p { padding-left:8px; }


.npors { width:100%; height:auto; overflow:hidden; margin:0 auto;  border:1px solid #cccccc; }
.npros_left { width:524px; float:left; height:auto; }
.npros_right { width:674px; float:right; background:#d9f7ed; height:378px; padding:20px 25px 20px 25px;}


.scrollBoxt{ width:100%;  background:url(images/scrollBg.png) ; position:relative;}
.scrollBoxt .piclist{ overflow:hidden; zoom:1;}
.scrollBoxt .ohbox{overflow:hidden; position:relative;width:100%;left:0px}
.scrollBoxt {position:relative;overflow:hidden;zoom:1; }
.scrollBoxt .piclist li{float:left; display:inline; width:524px;margin-right:16px; border-radius:0.5em; text-align:center; line-height:36px;}
.scrollBoxt .piclist li img { width:524px; height:365px;}
.scrollBoxt .piclist li a { color:#fff;}
.scrollBoxt .piclist li span{height:25px;line-height:25px;display:block;text-align:center;   }
.scrollBoxt .pageBtn { background:url(images/bntBg.png) no-repeat; display:block;  position:absolute; left:15px; bottom:10px;cursor:pointer;text-indent:-999em;overflow:hidden; }
.scrollBoxt .pageBtn .prev{ left:0;background-position:-11px -84px ; background:url(../images/index_52.jpg) no-repeat;}
.scrollBoxt .pageBtn .next{ right:0;background-position:-53px -84px ;  background:url(../images/index_55.jpg) no-repeat;}
.scrollBoxt .pageBtn .list{overflow:hidden;zoom:1;  }
.scrollBoxt .pageBtn .list li{ background:url(../images/index8_05.png); float:left; display:inline; width:12px;height:12px; cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;  }
.scrollBoxt .pageBtn .list li.on{ background:url(../images/index8_03.png) no-repeat;}


.npros_right_top { width:100%; height:auto; padding-bottom:30px; border-bottom:1px solid #d5d5d5; margin-bottom:45px;  overflow:hidden;}
.npros_right_top span { font-size:20px; color:#dc2729;}
.npros_right_top font { float:right; line-height:24px;}
.npros_right_top font img { float:left; padding-right:3px;}
.npros_right_o { width:100%; height:auto; overflow:hidden; line-height:32px; font-size:16px; color:#666;}
.npros_right_e { width:106px; height:30px; border:1px solid #388457; text-align:center; line-height:30px; margin-top:50px;}
.npros_right_e a { color:#333;}
.npros_right_e a:hover { color:#333;}

.uprosd { width:100%; height:auto; margin:0 auto; overflow:hidden;}
.uprosd li { width:370px; float:left; margin-right:44px; margin-top:50px;}
.uprosd li:nth-child(3n+3){ margin-right:0;}
.uprosd_top { width:100%; height:auto;}
.uprosd_top img { width:370px; height:230px; border:1px solid #b7d7ca; border-radius:0.8em;}
.uprosd_t { width:100%; height:auto; margin:0 auto; overflow:hidden; text-align:center; line-height:30px; color:#333333;}
.uprosd_t span { width:100%; height:auto; background:#d9f7ed; display:block; color:#dc2729;}


.nproas_bottom { width:100%; height:auto; overflow:hidden; margin:0 auto; text-align:center; margin-top:92px;}
.nproas_bottom li { padding:5px 8px 5px 8px; border:1px solid #e2e2e2; display:inline-block;}
.nproas_bottom .yr { background:#388457;}
.nproas_bottom .yr a { color:#fff;}


.lianxi { width:100%; height:auto; margin:0 auto; overflow:hidden;}
.lianxi_left { width:480px; float:left;}
.lianxi_left_top { width:100%; height:auto; overflow:hidden; font-size:20px; color:#333;}

.lianxi_left_a { width:100%; height:auto; overflow:hidden; padding-top:23px; padding-bottom:35px;}
.lianxi_left_a li { width:100%; height:auto; overflow:hidden; line-height:34px; padding-bottom:20px; font-size:16px;}
.lianxi_left_a li img { float:left; padding-right:10px;}


.lianxi_left_b { width:100%; height:auto;}
.lianxi_left_b li { width:50%; float:left; line-height:32px; }
.lianxi_left_b li span { font-size:14px; color:#388457;}

.lianxi_right { width:682px; float:right;height:538px;}

.magess { width:800px; margin:0 auto;}
.magess_top { width:100%; height:auto; overflow:hidden; font-size:16px; color:#666666; padding-bottom:35px; text-align:center; line-height:26px;}
.magess_top span { font-size:20px; color:#dc2729;}
.magess_s { width:100%; height:auto; overflow:hidden; margin:0 auto; overflow:hidden;}
.magess_s li { width:100%; margin-bottom:22px; height:auto; overflow:hidden; border:1px solid #cccccc;}
.magess_s li span { width:108px; height:38px; background:url(../images/message_03.jpg) no-repeat; display:block; float:left; text-align:center; line-height:38px; border-right:1px solid #ccc;}
.magess_s li input { width:660px; height:38px; border:none; outline:none; padding-left:10px;}
#content{ width:100%; height:auto; border:none; outline:none;}

.magess_botm { width:150px; height:40px; margin:0 auto; background:#388457; border-bottom:1px solid #0f6432; border-radius:0.8em; text-align:center; line-height:40px;}
.magess_botm a { color:#fff; font-size:16px;}
.magess_botm a:hover { color:#fff;}

.yum { width:100%; height:auto; margin:0 auto;}
.yum li{ width:377px; float:left; margin-right:34px; margin-bottom:45px;}
.yum_top { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.yum_top img { width:373px; height:234px; border-radius:0.3em; border:1px solid #eaeaea;}
.yum_o { width:100%; height:auto; line-height:24px;}
.yum_o span { display:block; padding-top:20px; padding-bottom:30px; font-size:18px; color:#333; text-align:center;}
.yum_t { width:106px; height:33px; margin:0 auto; text-align:center; line-height:33px; border:1px solid #cccccc; margin-top:20px;}
.yum_t a { color:#333;}
.yum li:nth-child(3n+3){ margin-right:0;}

.huli { width:100%; height:auto; overflow:hidden; background:url(../images/product9_03.jpg) no-repeat center;}
.huli li { width:560px; height:197px; float:left; border-bottom:1px dashed #d2d2d2; margin-bottom:45px;}
.huli_left { width:270px; float:left;}
.huli_left img { width:255px; height:197px;}
.huli_right { width:280px; float:left;}
.huli_right_top { width:100%; height:auto; line-height:24px; padding-bottom:10px;}
.huli_right_top span { display:block; color:#dc2729; font-size:20px; padding-bottom:5px;}
.huli_right_p { width:100%; height:auto;}
.huli_right_p span { color:#dc2729;}
.huli_right_p  a { width:95px; height:30px; border:1px solid #999999; border-radius:0.4em; text-align:center; line-height:30px; margin-top:20px; margin-bottom:26px; display:block;}
.huli_right_p  a:hover { background:#388457; color:#fff;}
.huli li:nth-child(2n+2) { float:right;}


.dianpu { width:100%; height:auto; overflow:hidden;}
.dianpu li { width:100%; height:auto; margin:0 auto; overflow:hidden; padding-bottom:17px; margin-bottom:18px; border-bottom:1px solid #d1d2d2;}
.dianpu_left { width:470px; float:left; height:auto;}
.dianpu_left img { width:435px; height:275px;}
.dianpu_right { width:725px; float:left; line-height:36px; font-size:18px;}
.dianpu_right span { color:#dc2729; font-size:24px; display:block; padding-bottom:50px;}


.nprosf { width:100%; float:right; height:auto; margin:0 auto; overflow:hidden;}
.npros_head { width:100%; height:auto; padding-top:70px; padding-bottom:50px; text-align:center; color:#033e99; font-size:24px;}
.npros_lefta { width:48%; float:left;}
.npros_lefta img { width:576px; }
.npros_rightf { width:47%; height:auto; float:right;}
.npros_rightf p { border-bottom:1px  dashed #00063e; line-height:50px; font-size:18px;}
.npros_bottm { width:130px; height:auto; background:#42a001; border-radius:0.5em; text-align:center; line-height:36px; margin-top:5%;}
.npros_bottm a { color:#fff;}
.npros_bottm a:hover { color:#fff;}
.npros_kg{ width:100%; height:auto; line-height:40px; background:#f3f3f3; border-left:3px solid #42a001; padding-left:10px; margin-top:15px;}
.npros_dg { width:100%; height:auto; margin:0 auto; overflow:hidden; margin-top:2%;}
.npros_ld { width:100%; height:auto; margin:0 auto; overflow:hidden; margin-top:2%; }
.npros_gg { width:100%; height:auto; line-height:26px; padding-top:4%;}
.npros_gg a { color:#333333;}
.npros_gg a:hover { color:#00893f;}




.nnews_a { width:1200px; height:auto; margin:0 auto;}
.nnews_head { width:100%; height:auto; margin:0 auto; text-align:center; font-size:22px; font-weight:bold; color:#333333; padding-top:30px;}
.nnews_aa { width:74%; height:auto; line-height:32px; margin:0 auto; overflow:hidden; padding-top:34px;}
.nnews_a font { padding-left:20px;}
.bdsharebuttonbox { float:right;}
.nnews_kd { width:100%; height:auto; border-bottom:1px  dashed #d2d2d2}
.djg { width:100%; height:auto; margin:0 auto; color:#666666; line-height:24px; padding-top:40px;}

.nnews_l { width:100%; height:auto; margin:0 auto; overflow:hidden; padding-top:50px; }
.nnews_l li { padding-bottom:10px;}
.nnews_l li a:hover { color:#00893f;}











