@charset "utf-8";



/* -------------------------common start-----------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, blockquote, h1, h2, h3, h4, h5, h6, p {

    margin: 0px;

    padding: 0px;

}



html button::-moz-focus-inner {

    border-color: transparent !important;

}



input, button, textarea, select, optgroup, option {

    font-family: inherit;

    font-size: 100%;

    font-style: inherit;

    font-weight: inherit;

}



ul, li, dl, dt, dd, ol {

    display: block;

    list-style: none;

}



fieldset, img {

    border: 0;

}



iframe {

    background-image: none;

}



.clear {

    clear: both;

    height: 0px;

}



.clear-fix:after {

    content: ".";

    display: block;

    height: 0;

    font-size: 0;

    clear: both;

    visibility: hidden;

}



img {

    border: 0px;

}



body {

    font-family: "微软雅黑";

    color: #333333;

    font-weight: 400;

    overflow-x: hidden;

    -webkit-text-size-adjust: none;

    font-size: 12px;

    background: #ffffff;

}



a {

    text-decoration: none;

    color: #333333;

}



a:hover {

    color: #006a11;

}



.fl {

    float: left;

}



.fr {

    float: right;

}



.none {

    display: none;

}



.w1000 {

    width: 1000px;

    margin: 0 auto;

}

.w1032{

    width: 1032px;

    margin: 0 auto;

}



.blod {

    font-weight: bold;

}



html {

    -webkit-text-size-adjust: none;

    font-size: 12px;

}



em {

    font-style: normal;

}



i, em {

    font-style: normal;

}



.ellipsis {

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}



/* ---------------------------------------------------common end--------------------------------------------------*/

/* side_nav */

.side_nav {

    position: fixed;

    top: 50%;

    right: 0;

    z-index: 9999;

    width: 60px;

}



.side_nav ul li {

    position: relative;

    width: 60px;

    height: 60px;

    float: right;

    margin-bottom: 1px;

}



.side_nav ul li a {

    display: inline-block;

    height: 60px;

    position: absolute;

    top: 0;

    left: 0;

}



.current_side_n {

    width: 140px !important;

}



.current_side_n a {

    width: 140px !important;

}



.side_nav ul li span {

    width: 164px;

    height: 164px;

    float: left;

    color: #000;

    line-height: 60px;

    font-size: 16px;

    margin-left: 60px;

    cursor: pointer;

}



.side_nav_3 a {

    width: 60px;

}



.side_nav_3 a span {

    position: absolute;

    right: 61px;

    bottom: 0;

    margin-left: 0 !important;

    display: none;

}



.tel a {

    background: #fff url(../images/0013920_47.png) no-repeat 15px 15px;

    border: 1px solid #e6e6e6;

}



.QQ a {

    background: #fff url(../images/0013920_47.png) no-repeat 15px -96px;

    border: 1px solid #e6e6e6;

}



.sub_QR a {

    background: #fff url(../images/0013920_47.png) no-repeat 15px -207px;

    border: 1px solid #e6e6e6;

}



.back_top a {

    background: #fff url(../images/0013920_47.png) no-repeat 15px -317px;

    border: 1px solid #e6e6e6;

}

/* ---------------------------------------------------side_nav end--------------------------------------------------*/



/*header*/

.header{

    height: 89px;

    background: #069752;

}

.logo{

    width: 458px;

    height: 89px;float: left;

}

.logo img{

    display: block;

}

.header_tel{

    width: 178px;height: 60px;margin-top: 15px; float: right;text-align: left;padding-left: 45px;

    color: #eff62c;font-size: 17px;font-weight: bold;background: url(../images/header_phone.jpg) left 8px no-repeat;

}

.header_tel span{

    display: block;font-family: Impact;font-weight: normal;font-size: 26px;height: 30px;line-height: 30px;margin-top: 1px;

}

/*nav*/

.nav{

    height: 50px;background: #eff62c;

}

.nav li{

    width: 91px;line-height: 50px;float: left;text-align: center;

    position: relative;overflow: hidden;

}

.nav li.first{width: 90px;}

.nav li a{

    color: #0b2e0b;font-size: 14px;position: relative;z-index: 1;vertical-align: top;

}

.nav li i{

    background:#069752 url(../images/nav_hover_bg.jpg) 0 0 no-repeat;display: block;

    width: 91px;height: 50px;

    position:absolute; top: 50px; left: 0;z-index: 0;

}

.nav li.hover a{

    color: #fff;font-size: 16px;font-weight: bold;line-height:35px;

}

/*index_focus*/

.index_focus {

    position: relative;

    width: 100%;

    height: 350px;

    margin: 0 auto;

    overflow: hidden;

}



.index_focus .bd li {

    display: none;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    text-align: center;

}



.index_focus_post {

    z-index: 10;

}



.index_focus .pic {

    height: 350px;

    display: block;

    text-align: center;

}



.index_focus .pic:hover {

    text-decoration: none;

}



.index_focus .slide_nav {

    position: absolute;

    bottom: 10px;

    width: 100%;

    text-align: center;

}



.index_focus .slide_nav a {

    cursor: pointer;

    margin: 0 5px;

    display: inline-block;

    width: 12px;

    height: 12px;

    border-radius: 50%;

    background: #fedc00;

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

}



.index_focus .slide_nav li:hover, .index_focus .slide_nav .on {

    display: inline-block;

    width: 12px;

    height: 12px;

    border-radius: 50%;

    background: #fff;

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

}



.index_focus_pre, .index_focus_next {

    position: absolute;

    top: 50%;

    margin-top: -36px;

    width: 38px;

    height: 80px;

    text-indent: 100%;

    white-space: nowrap;

    overflow: hidden;

    z-index: 10;

}



.index_focus_pre {

    left: 30px;

    background-position: 0 0;

    background: url(../images/jt1.png) no-repeat;

}



.index_focus_pre:hover {

    left: 30px;

    background-position: 0 0;

    background: url(../images/jt1.png) no-repeat;

}



.index_focus_next {

    right: 30px;

    background-position: 0 0;

    background: url(../images/jt2.png) no-repeat;

}



.index_focus_next:hover {

    right: 30px;

    background-position: 0 0;

    background: url(../images/jt2.png) no-repeat;

}

/*notice_search*/

.notice_search{

    background: #eeeee6;border-bottom: 1px solid #d6d6d3;height: 53px;overflow: hidden;



}



.index_notice {

    float: left;color: #545454;

    width: 600px;font-size: 18px;

}



.index_notice span {

    line-height: 50px;color: #069752;

    vertical-align: top;

    font-weight: bold;

    padding-left: 30px;

    background: url(../images/notice_bg.jpg) left 1px no-repeat;

}

.index_notice a {

    color: #545454;

    line-height: 52px;font-size: 14px;

}



.index_search {

    width: 287px;

    float: right;

    margin-top: 8px;

}

.s_c{

    width: 243px;

    height: 35px;

    float: left;

    border:1px solid #d6d7d2;

    position: relative;

    z-index: 10;background: #fff;border-right: 0;

}

.search_text{

    width: 160px;

    height: 35px;

    line-height: 35px;

    text-indent: 6px;

    color:#555555;outline: none;

    float: left;

    border:0;background: #fff;

}

.search_submit:hover{

    opacity: 0.9;

    filter: alpha(opacity=90);

}

.select{

    float:left;

    width:72px;

    border:0;color: #555555;

    margin-top: 8px;outline: none;

}

select{

    font-family: "微软雅黑";border:0;outline: none;background: #fff;color: #555555;

}



.index_search input[type="submit"] {

    width: 43px;display: block;

    height: 37px;border: 1px solid #d6d6d3;

    float: left;

    background: #fff url(../images/so_but.jpg) 6px 3px no-repeat;

    outline: none;

    cursor: pointer;

}



/*index_product*/

.index_product{

    margin-top: 20px;

}

.product_class_list h3{

    width: 110px;height: 44px;background: #069752 url(../images/tl_bg.jpg) 7px 0 no-repeat;padding-left: 55px;

    font-size: 20px;line-height: 20px;color: #feffe0;padding-top: 6px;float: left;margin-right: 5px;

}

.product_class_list h3 span{

    font-size:14px;line-height: 20px;color: #7ebe8b;text-transform: uppercase;

}

.product_class_list a{

    float: left;display: block;width: 126px;height: 28px;border:1px solid #6ac197;margin-right: 5px;

    font-size: 18px;color: #056b3a;text-align: center;line-height: 26px;padding: 10px;

}

.product_class_list a:hover{

    border:2px solid #6ac197;font-weight: bold;height: 26px;width: 124px;

}

.product_class_list a.class_more{

    width: 43px;margin-right: 0;font-size: 14px;font-weight: bold;

}

.product_class_list a.class_more:hover{

    width: 41px;

}

/*product_list*/

.index_product2{

    margin-top: 10px;

}

.product_list{

    margin-left: 2px;

}

.product_list li{

    width: 228px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;

    float: left;padding: 14px;

}

.product_list li a{

    color: #939393;

}

.product_list li a:hover{

    color: #056b3a;

}

.product_list li a:hover h4{

    color: #056b3a;

}

.product_list li h4{

    padding-left: 15px;background: url(../images/dot.jpg) left  center no-repeat;

    line-height: 40px;font-size: 16px;color: #525252;

}

.product_list li p{

    line-height:20px;height: 40px;overflow: hidden;font-size: 14px;

}

/*index_title*/

.index_title {

    height: 40px;

    overflow: hidden;border-bottom: 2px solid #069752;

    margin:8px 0  15px 0;

}



.index_title a {

    display: block;

    float: right;

    color: #373737;

    font-size: 14px;

    line-height: 40px;

}



.index_title h3 {

    font-size: 20px;

    color: #373737;

    display: inline-block;

    line-height: 38px;

}



.index_title span {

    font-size: 16px;

    color: #484849;font-family: Arial;

    line-height: 30px;

    vertical-align: bottom;text-transform: uppercase;

    margin-left: 5px;

}

.index_title2{

    border-bottom-color: #b0ffda;

}

.index_title2 a, .index_title2 h3, .index_title2 span{

    color: #b4ffdb;

}



/*technology_list*/

.technology_list dl{

    float: left;width:472px;border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd;

    padding: 10px 15px 15px 12px;

}

.technology_list dl dt{

    float: left;width: 69px;height: 54px;background: url("../images/pubdate_bg.jpg") no-repeat;

    position: relative;font-size: 36px;color: #fff;text-align: center;font-weight: bold;

    line-height:36px;padding-top: 15px;

}

.technology_list dl dt span{

    display: block;font-size: 12px;line-height: 14px;

}

.technology_list dl dt em{

    position: absolute;top: 0 ;left: 0;z-index: 55;width: 69px;height: 59px;

    background: url("../images/pubdate_bg2.png") no-repeat;

}

.technology_list dl dd{

    float: right;width:385px;

}

.technology_list dl dd h4{

    font-size: 16px;color: #373737;line-height: 26px;margin-bottom: 6px;

}

.technology_list dl dd p{

    color: #373737;line-height: 18px;

}

.technology_list dl a:hover p, .technology_list dl a:hover h4{

    color: #068b4b;

}

/*index_base*/

.base_list li{

    width: 234px;margin-right: 21px;float: left;height: 172px;margin-bottom: 15px;overflow: hidden;

    position: relative;

}

.base_list li.first{

    width: 489px;height: 172px;background: url(../images/cp__25.jpg) 0 0 no-repeat;

}

.base_list li.first a{

    color: #fff;

}

.base_list li.first h4{

    font-size: 24px;line-height: 60px;width: 295px;margin: 0 auto;text-align: center;

}

.base_list li.first p{

    font-size: 14px;line-height: 24px;color:#fff;

    width: 380px;margin: 0 auto;

}

.base_list li span{

    position: absolute;top:172px;left: 0;font-size: 14px;height: 172px;

    z-index: 5;color: #ffffff;line-height: 200px;text-align: center;width: 234px;

    background: url(../images/base_list.png) 0 0 no-repeat;display: block;

}



/*knowledge_specif*/

.knowledge_specif{

    padding-bottom: 20px;

}

.index_knowledge{

    width: 490px;float: left;

}

.knowledge_list li{

    line-height: 42px;padding: 0 13px;

}

.knowledge_list span.circle{

    color: #2bba6a;font-size: 8px;padding-right:8px;display: inline-block;float: left;

}

.knowledge_list span.knowledge_title{

    color: #2e3842;font-size: 14px;display: inline-block;width: 360px;float: left;

}

.knowledge_list span.knowledge_pubdate{

    float: right;display: inline-block;color: #9b9fa1;

}

.index_specif{

    width: 490px;float: right;font-size: 14px;

}

/*about_contact*/

.about_contact{

    background: #069752;padding: 5px 0 15px 0;

}

.index_about{

    width: 485px;float: left;

}

.index_about .about_con{

    color: #b4ffdb;font-size: 14px;line-height: 28px;height: 112px;overflow: hidden;padding: 0 5px;

}

.index_about a{

    color: #b4ffdb;font-size: 14px;line-height: 24px;display: inline-block;padding: 8px 0 0 5px;

}

.index_contact{

    width: 485px;float: right;

}

.contact_con{

    background: url(../images/contact_bg.jpg)  46px -8px no-repeat;position: relative;

}

.contact_con li{

    line-height: 36px;color: #b4ffdb;font-size: 14px;padding-left: 35px;

    background: url(../images/contact_li_bg.jpg) 0 0 no-repeat;width: 260px;

}

.contact_con li.lx2{

    background-position: 0 -36px;

}

.contact_con li.lx3{

    background-position: 0 -71px;

}

.contact_con li.lx4{

    background-position: 0 -106px;

}

.contact_con dl{

    position: absolute;right: 0;top: 3px;width: 163px;height: 136px;background: #2d3831;

}

.contact_con dl dt{

    float: left;width: 136px;

}

.contact_con dl dt img{

    display: block;

}

.contact_con dl dd{

    float: right;width: 27px;font-size: 14px;color: #88c0a5;text-align: center;line-height: 16px;padding-top: 11px;

}

/*footer*/

.footer{

    background: #2d3831;font-size: 12px;color: #88c0a5;line-height: 35px;

}

.footer a{

    color: #88c0a5;

}

.tel_qq_share_xml{

    padding: 15px 0;height: 70px;

}

.tel_qq_share_xml .tel2{

    width: 278px;height: 60px; float: left;text-align: left;padding-left: 50px;

    font-size: 18px;background: url(../images/header_phone2.jpg) left 14px no-repeat;

}

.tel_qq_share_xml .tel2 span{

    display: block;font-family: Impact;font-weight: normal;font-size: 30px;height: 30px;line-height: 30px;

}

.tel_qq_share_xml ul{

    float: right;height: 60px;

}

.tel_qq_share_xml li{

    line-height: 60px;padding: 0 0 0 50px;float: left;font-size: 14px;margin-left: 20px;

}

.tel_qq_share_xml li.zx{

    background: url(../images/cp_49.jpg) left center no-repeat;

}

.tel_qq_share_xml li.fx{

    background: url(../images/cp_51.jpg) left center no-repeat;position: relative;

}

.tel_qq_share_xml li.fx .shareList{

    position: absolute;top: 50px ;left: 0;width: 150px;height: 50px;

}

.tel_qq_share_xml li.xml{

    background: url(../images/cp_54.jpg) left center no-repeat;

}

.tel_qq_share_xml a:hover{

    color: #fff;

}

.links{

    border-top: 1px solid #567464;font-size: 14px;width: 100%;

    border-bottom: 1px solid #567464;line-height:53px;

}

.links a{

    padding: 0 5px;

}

.links a:hover{

    color: #fff;

}

.links span{

    font-size: 16px;padding-left: 35px;line-height: 53px;

    background: url(../images/cp_61.jpg) left center no-repeat;

}

.copyright{

    line-height: 30px;text-align: center; padding: 25px 0;

}

.copyright a:hover{

    color: #fff;

}

/* main */

.main_c{

    width: 100%;

}

.main{

    width: 1000px;

    margin:28px auto; min-height:1600px;

}

.sp_left{

    width:240px;

    float: left;

}

#contentRight{float:right;width:740px;height:auto;}

.content_com_title{

    position: relative;

    height: 45px;

    margin-bottom: 15px;

    border-bottom: 2px solid #069752;

}

.content_com_title h2{

    display: inline-block;

    padding: 0  6px 6px 6px;

    position: absolute;

    left: 0;

    top: 10px;

    font-size: 18px;

    font-weight: normal;

    color:#056b3a;

    text-align: left;

}

.bread{

    color:#646464;float: right;line-height: 45px;

}

.bread a{

    display: inline-block;

    color:#646464;

}

.content{

    min-height: 772px;

    _height:expression(this.scrollHeight < 772 ? "772px" : "auto");

}

/*product_class_list2*/

.product_class_list2{

    width: 240px;overflow:hidden;margin-bottom: 20px;

}

.sp_left h3{

    width: 190px;height: 42px;background: #069752 url(../images/tl_bg2.jpg) 7px bottom no-repeat;padding-left: 50px;

    font-size: 20px;line-height: 20px;color: #feffe0;padding-top: 8px;

}

.sp_left h3 span{

    font-size:14px;line-height: 20px;color: #7ebe8b;text-transform: uppercase;display: block;

}

.sp_left ul{

    width: 238px;background: #f5f5f0;border:1px solid #6ac197;border-top:0;

}

.sp_left li{

    width: 224px;margin: 0 auto;border-bottom: 1px dashed #d6d6d3;line-height: 35px;font-size: 16px;

}

.product_class_list2 li a{

    color: #056b3a;padding-left: 25px;

}

.product_class_list2 li .subnav2{

    display: none;

}

.product_class_list2 .subnav2{

    margin-left: 15px;margin-bottom: 8px;display: none;font-size: 14px;

}

.product_class_list2 .subnav2 a{

    display: block;line-height: 30px;color: #056b3a;

}

.product_class_list2 .subnav2 a:hover{

    color: #666;

}

/*technology_in*/

.technology_in h3{

    background-image: url(../images/tl_bg3.jpg);

}

.technology_in li{

    font-size: 14px;color: #373737;padding-left: 20px;width: 204px;

    background: url(../images/list_icon.jpg) 5px center no-repeat;

}































































































































































































































































































































































































































































































































































