@charset "utf-8";

/* CSS Document */



*{ margin:0px; padding:0px;}

body{ background:#f2f2f2; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#797979;}

ul li{ list-style:none;}

img{ border:0px;}

a{ color:#797979; text-decoration:none;}

a:hover{ color:#009a53; text-decoration:none;}



/*top*/

.top{ width:1004px; height:96px; margin:0px auto;}
.top_logo{ width:548px; height:82px; float:left;}
.top_by{ width:117px; height:82px; float:left; background:url(../images/lnh.gif) no-repeat;}
.top_right{ width:339px; height:82px; float:right;}
.top_nav{ width:339px; height:30px; overflow:hidden;}
.top_nav ul{ float:right;}
.top_nav ul li{ float:left; padding-left:10px; line-height:30px;}
.top_tel{ width:339px; height:auto; margin-top:7px;}
.top_tel ul{ float:right;}
.top_tel ul li{ float:left; margin-left:15px;}



/*menu*/

.menu{ width:100%; height:51px; background:url(../images/menu_bg.gif) left repeat-x;}

.menu_list{ width:1004px; height:51px; margin:0px auto; overflow:hidden;}

.menu_list ul{ width:1004px;display: flex;justify-content: space-between;align-items: center}

.menu_list ul li{ line-height:51px; font-size:14px; font-weight:bold; float:left;}

.menu_list ul li a{color:#fff;}



/*banner*/

.banner{ height:350px; border-top:1px solid #fff; border-bottom:8px solid #fff; overflow:hidden;}

.banner .d1{width:100%; height:350px; display:block; position:absolute; left:0px;}

.banner .d2{width:100%; height:30px; clear:both; position:absolute; z-index:100; left:2px; top:455px;}

.banner .d2 ul{float:left; position:absolute; left:50%; top:0; margin:0 0 0 -96px; display:inline;}

.banner .d2 li{width:17px; height:15px; overflow:hidden; cursor:pointer; background:url(../images/img1.png) no-repeat center; float:left; margin:0 3px; display:inline;}

.banner .d2 li.nuw{background:url(../images/img1_1.png) no-repeat center;}





/*indexmian*/

.index_main{ width:1004px; height:auto; background:#FFF; margin:13px auto 0 auto;}



.index_product{ width:1004px; height:auto; }

.index_product_bt{ width:985px; height:45px; border-bottom:1px dotted #a1a1a1; margin:0px auto;}

.index_product_bt ul{ overflow:hidden;}

.index_product_bt ul li{ line-height:55px!important; _line-height:45px; float:left;}

.index_bt_txt{ font-family:'微软雅黑'; font-size:18px; font-weight:bold; color:#009a53; padding-left:29px;}

.index_bt_englishtxt{ color:#d4d4d4; font-size:14px; padding-left:7px;}

.index_product_list{ width:1004px; height:auto; margin-top:10px;}

.index_product_list ul{ width:1004px; overflow:hidden;}

.index_product_list ul li{ width:224px; height:369px; float:left; margin-left:25px!important; _margin-left:7px;}



.index_introduction{ width:985px; height:auto; margin:10px auto;}

.index_about{ width:720px; height:auto; float:left;}

.index_about_bt{ width:720px; height:45px; border-bottom:1px dotted #a1a1a1;}

.index_about_bt ul{ overflow:hidden;}

.index_about_bt ul li{ line-height:55px!important; _line-height:45px; float:left;}

.index_about_lr{ width:720px; height:auto; margin-top:10px;}

.index_about_lr ul li{ line-height:27px; text-indent:2em;}

.index_btn{ width:244px; height:auto; float:right;}

.index_btn ul{ margin-top:23px;}

.index_btn ul li{ margin-top:7px;}



.index_news{ width:337px; height:auto; float:left;}

.index_news_list{ width:337px; height:auto; margin-top:10px;}

.index_news_list ul{ width:337px;}

.index_news_list ul li{ width:337px; height:24px; line-height:24px; background:url(../images/tb_02.gif) left no-repeat; background-position:6px; overflow:hidden;}

.index_news_txt{ width:180px; float:left; overflow:hidden; display:inline; padding-left:16px; text-overflow: ellipsis; white-space: nowrap;}

.date{ float:right; padding-right:10px;}

h1{ font-size:14px; font-weight:bold; line-height:30px; text-align:center;}

.index_news_img{ float:left; margin-left:5px; margin-right:15px;}

.index_bk_txt{ color:#009a53; padding-right:5px;}

.index_bk_txt_01{ padding-left:5px;}



.index_contact{ width:262px; height:auto; background:url(../images/contact_bg.gif) top center no-repeat; float:right;}

.index_contact ul{ width:240px; margin:100px auto 0 auto;}

.index_contact ul li{ line-height:30px;}



.bottom_nav{ width:100%; height:37px; background:#036638;}

.bottom_nav_list{ width:1004px; height:37px; margin:0px auto;}

.bottom_nav_list ul{ width:900px; margin:0px auto;}

.bottom_nav_list ul li{ color:#fff; line-height:37px; float:left; padding-left:25px;}

.bottom_nav_list ul li a{ color:#fff; }



.coyright{ width:100%; height:111px; background:#009a53;}

.coyright_list{ width:1004px; height:auto; margin:0px auto;}

.coyright_list_left{ width:357px; height:108px; float:left; margin-left:100px!important; _margin-left:50px;}

.coyright_list_right{ width:500px; height:auto; float:left; margin-left:10px;}

.coyright_list_right ul{ margin-top:20px;}

.coyright_list_right ul li{ color:#fff; line-height:24px;}





/*about*/

.about{ width:976px; height:auto; margin:0px auto;}

.about_left{ width:263px; height:auto; float:left; margin-top:17px;}

.about_subnav{ width:263px; height:auto;}

.about_subnav ul li{ width:263px; height:48px; line-height:48px; background:url(../images/subnav_bg.gif) left repeat-x; font-size:14px; font-weight:bold; font-family:"微软雅黑";}

.about_subnav ul li a:hover{ color:#009b53; text-decoration:none;}

.about_subnav_p{ width:263px; height:41px; background:url(../images/subnav_btbg.gif) center no-repeat; text-align:center; color:#fff; font-size:18px; font-weight:bold; font-family:"微软雅黑"; line-height:41px; overflow:hidden;}

.about_subnav_txt{ background:url(../images/tb_03.gif) left no-repeat; background-position:58px; padding-left:83px;}

.about_right{ width:701px; height:auto; float:right; margin-top:17px;}

.about_site{ width:701px; height:45px; border-bottom:1px dotted #a4a4a4;}

.about_site ul { width:701px; overflow:hidden;}

.about_site ul li{ float:left; overflow:hidden; line-height:45px;}

.about_site_txt{ font-size:16px; font-family:'微软雅黑'; color:#009a53; padding-left:19px;}

.about_lr{ width:675px; height:auto; margin:15px auto;}

.about_lr_p{ text-indent:2em; line-height:26px; margin-top:15px;}





/*news*/

.news{ width:675px; height:auto; margin:0px auto; }

.news ul li{ background:url(../images/tb_05.gif) left no-repeat; line-height:30px; height:30px; width:675px; overflow:hidden;}

.news_txt{ width:400px; float:left; overflow:hidden; display:inline; padding-left:12px; text-overflow: ellipsis; white-space: nowrap;}

.page{ width:701px; height:40px; border-top:1px dotted #9e9e9e; margin-top:15px;}

.page ul{ width:270px; margin:0px auto;}

.page ul li{ float:left; padding-left:13px; line-height:40px;}

h2{ text-align:center; font-size:22px; font-family:"微软雅黑"; line-height:60px;}

.title{ height:31px; background:#f6f6f6; text-align:center; line-height:31px;}



/*product*/

.nanv_1{ width:263px; height:48px; width:263px; height:48px; line-height:48px; background:url(../images/subnav_bg.gif) left repeat-x; font-size:14px; font-weight:bold; font-family:"微软雅黑";}

.nanv_1 a{ display:block; padding-left:19px;}

.nanv_1 a:hover{ background:url(../images/subnav_bg.gif) no-repeat;}

.nanv_2{ width:263px; height:auto; border-top:1px solid #fff;}

.nanv_2 ul li{ width:263px; height:41px; line-height:47px; text-align:left; background:#ebebeb; overflow:hidden; border-bottom:1px solid #fff;}

.nanv_2 ul li a{ display:block; height:41px; overflow:hidden; }

.nanv_2 ul li a:hover{ background:#f5f5f5 url(../images/tb_02.png) left no-repeat; background-position:68px; overflow:hidden; }





/*feedback*/

.feedback{ width:266px; height:30px; border:1px solid #dadada; line-height:30px;}

.feedback_txt{ color:#F00;}

.submit{background:url(../images/member_btn01.jpg) no-repeat;width:80px;height:32px;border:0px;cursor:pointer;}

.reset{background:url(../images/member_btn02.gif) no-repeat;width:80px;height:32px;border:0px;cursor:pointer;}


.products{
    width: 100%;
}
.products ul{
    width: 100%;
}
.products ul li{
    float: left;
    width: 165px;
    height: 266px;
    margin-left: 15px;
}
.products ul li a{
    display:inline-block;
    width: 100%;
    height: 100%;
}
.products ul li a img{
    width: 100%;
    height: 90%;
}
.products ul li a p{
    text-align: center;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
}

.liuyan{
    width: 100%;
}
.liuyan .form-group{
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-bottom: 15px;
}
.field{
    width: 100%;
    height: 100%;
}
.liuyan .form-group input{
    width: 100%;
    height: 100%;
    padding-left: 15px;
}
.liuyan .form-group textarea{
    width: 100%;
    height: 60px;
}

.liuyan .form-button button{
    width: 80px;
    height: 40px;
    background-color: #036638;
    color: white;

}