@charset "utf-8";

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, textarea { margin: 0; padding: 0; font-size: 12px; line-height: 24px; color: #000; font-family: verdana,Microsoft YaHei,Tahoma; }

ol, ul, li { list-style: none; line-height: 22px; }

ol, ul { zoom: 1; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

img { border: none; }

a, a:link, a:visited { cursor: pointer; text-decoration: none; color: #000; }

    a:hover { cursor: pointer; color: red; }

table { border-collapse: collapse; border-spacing: 0; }

.tdborder td { border: solid 1px #666; }

.clear { clear: both; float: none; overflow: hidden; height: 0px; font-size: 0; }

.clearFix:after { clear: both; display: block; visibility: hidden; height: 0; line-height: 0; content: "."; }

.clearFix { zoom: 1; }

.fl { float: left; }

.fr { float: right; }

.font { font: 14px/24px Comic Sans MS; }

body { width: 100%; margin: 0 auto; background: #fff; overflow-x: hidden; }

#mainbox { margin: 0 auto; padding-bottom: 110px; }



/* #Header { height: 70px; background: #e5e5e5 url(../images/wap/logo.png) center no-repeat; position: relative; } */
#Header { height: 70px; background: #e5e5e5; position: relative; }
#Header .logo { height: 70px; padding: 0 50px 0 50px;}
#Header .logo img { width: 100%; height: 100%; object-fit: contain; }

#Nav_Header { position: absolute; left:0; top: 0; width: 70px; height: 70px; }

    #Nav_Header a, #Search a { display: block; width: 70px; height: 70px; text-align: center; line-height: 70px; }

        #Nav_Header a img, #Search a img { margin-top: 26px; }

#Search { float: right; width: 70px; height: 70px; }



#Flash img { width: 100%; }



/*------------------------------------------------------------------------------------------------------------------------------------------------*/

.flexslider { width: 100%; padding: 0; }

    .flexslider .slides li { display: none; }

    /* Hide the slides before the JS is loaded. Avoids image jumping */

    .flexslider .slides img { width: 100%; display: block; }

/* FlexSlider Default Theme */

.flexslider { background: #fff; position: relative; /*-webkit-box-shadow: 0 1px 1px 1px rgba(202, 202, 202, 0.8); -moz-box-shadow: 0 1px 1px 1px rgba(202, 202, 202, 0.8); box-shadow: 0 1px 1px 1px rgba(202, 202, 202, 0.8);*/ }

    .flexslider .slides li { position: relative; }

    /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */

    .flexslider .flexslider-container { position: relative; }

    /* Caption style */

    .flexslider .flex-caption { width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 12px; line-height: 18px; text-align: center; }

    /* Direction Nav */

    .flexslider .flex-direction-nav li a { width: 52px; height: 52px; margin: -13px 0 0; display: block; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; }

        /* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */

        .flexslider .flex-direction-nav li a.next { right: -21px; }

        .flexslider .flex-direction-nav li a.prev { left: -21px; }

    /* Control Nav */

    .flexslider .flex-control-nav { margin-left: -31px; position: absolute; bottom: 20px; left: 50%; z-index: 999; }

        /* set negative margin-left equal to half the width on the control-nav for perfect centering */

        .flexslider .flex-control-nav li { margin: 0 0 0 5px; float: left; }

            .flexslider .flex-control-nav li:first-child { margin: 0; }

            .flexslider .flex-control-nav li a { width: 12px; height: 12px; display: block; cursor: pointer; text-indent: -9999px; border: solid 2px #fff; background: #fff; border-radius: 50%; }

                .flexslider .flex-control-nav li a:hover { background: #14ad16; }

                .flexslider .flex-control-nav li a.flex-active { cursor: default; background: #14ad16; }

/*------------------------------------------------------------------------------------------------------------------------------------------------*/

.outPager { padding: 20px 0 20px 0; text-align: center; }

.pager { display: inline-block; }

    .pager a, .pager span { padding: 5px 15px; border: solid 1px #666; margin: 0 5px; color: #666; float: left; }

    .pager span { border: none; }

    .pager a:hover { color: #666; background: #14ad16; border-color: #14ad16; color: #fff; }

    .pager a.a1_num { }

    .pager a.a1_next { }

.pagedot { background: none !important; }

/*------------------------------------------------------------------------------------------------------------------------------------------------*/

#Nav ul li { float: left; width: 50%; height: 125px; text-align: center; }

    #Nav ul li a { display: block; height: 100%; color: #14ad16; padding-right: 20px; text-align: right; font-size: 16px; line-height: 125px; font-weight: bold; }

.nav_item_one { background: #e5e5e5; }



.zjxld { background: #e5e5e5 url(../images/wap/nav_01.png) no-repeat 20% center; }

.jszx { background: url(../images/wap/nav_02.png) no-repeat 20% center; }

.xwzx { background: url(../images/wap/nav_03.png) no-repeat 20% center; }

.cpzx { background: #e5e5e5 url(../images/wap/nav_04.png) no-repeat 20% center; }

.rczx { background: #e5e5e5 url(../images/wap/nav_05.png) no-repeat 20% center; }



#Products dt { height: 70px; background: url(../images/wap/product_dt_bg.jpg) repeat-x center; }

    #Products dt span { background: #fff; display: block; width: 300px; height: 70px; margin: 0 auto; text-align: center; line-height: 70px; font-size: 18px; font-weight: bold; }

#Products dd { }

    #Products dd ul li { width: 30%; float: left; background: #e5e5e5; margin-left: 2%; margin-bottom: 10px; padding: 20px 0; }

        #Products dd ul li img { margin: 0 auto; display: block; height: 100px; }

        #Products dd ul li h1 { text-align: center; color: #14ad16; line-height: 36px; }



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#wap_footer { background: #14ad16; position: fixed; bottom: 0; width: 100%; z-index: 999; }

    #wap_footer ul li { width: 18%; height: 60px; text-align: center; float: left; position: relative; }

        #wap_footer ul li div { margin-top: 5px; }

            #wap_footer ul li div img { height: 25px; }

        #wap_footer ul li span { display: block; font: 14px/18px microsoft yahei; color: #fff; width: 100%; position: absolute; bottom: 5px; }

        #wap_footer ul li.foot_03 { width: 28%; }

            #wap_footer ul li.foot_03 div { position: absolute; top: -35px; left: 50%; margin-left: -30px; }

                #wap_footer ul li.foot_03 div img { height: 80px; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



#Footer { width: 100%; height: 90px; background: #14ad16; margin-top: 30px; position: fixed; bottom: 0; }

    #Footer ul li { float: left; width: 15%; overflow: hidden; padding-top: 10px; }

        #Footer ul li img { height: 30px; }

        #Footer ul li a { display: block; width: 100%; height: 100%; text-align: center; }

            #Footer ul li a h1 { color: #fff; }

        #Footer ul li.Call_btn { width: 40%; position: relative; top: -25px; }

            #Footer ul li.Call_btn img { height: 100%; }





#Location { height: 60px; background: #14ad16; margin: 10px 0; }

    #Location h1 { line-height: 60px; font-size: 18px; color: #fff; padding-left: 10px; }



/*内页产品列表*/

#Product-List ul li { border-bottom: solid 1px #ccc; margin-bottom: 20px; height: 145px; background: url(../images/wap/product-item_bg.png) no-repeat 90% center; }

    #Product-List ul li a { display: block; width: 100%; height: 100%; }



.product-img { width: 20%; height: 125px; overflow: hidden; margin: 0 10px; float: left; /*background: #b8e6b9;*/ text-align: center; }

    .product-img img { display: inline; height: 80%; padding-top: 10px; }

.product-dis { width: 60%; float: left; }



/*内页导航列表*/

#Nav-List ul li { height: 60px; line-height: 60px; margin-bottom: 3px; padding-left: 150px; }

    #Nav-List ul li a { display: block; width: 100%; height: 100%; }

.nav_01 { background: #f2f2f2 url(../images/wap/navlist_01.png) no-repeat 60px center; }

.nav_02 { background: #f2f2f2 url(../images/wap/navlist_02.png) no-repeat 60px center; }

.nav_03 { background: #f2f2f2 url(../images/wap/navlist_03.png) no-repeat 60px center; }

.nav_04 { background: #f2f2f2 url(../images/wap/navlist_04.png) no-repeat 60px center; }

.nav_05 { background: #f2f2f2 url(../images/wap/navlist_05.png) no-repeat 60px center; }



/*注册*/

#Register { }

    #Register dl { height: 32px; padding: 10px; }

    #Register dt { width: 15%; height: 32px; float: left; text-align: right; padding-right: 10px; }

    #Register dd { width: 35%; height: 32px; float: left; }

        #Register dd input { width: 90%; height: 32px; border: solid 1px #ccc; }

    /*#Register dl.submit_btn,#Register dl.submit_btn dt,#Register dl.submit_btn dd { height:32px;}*/

    #Register dl.submit_btn input { width: 100px !important; border: solid 1px #14ad16; background: #14ad16; color: #fff; height: 32px; }



/*研发团队*/

#Team ul li { border-bottom: solid 1px #ccc; margin-bottom: 20px; height: 145px; background: url(../images/wap/product-item_bg.png) no-repeat 90% center; }

    #Team ul li a { display: block; width: 100%; height: 100%; }



.team-img { width: 20%; height: 135px; overflow: hidden; margin: 0 10px; float: left; text-align: center; }

    .team-img img { display: inline; height: 100%; }

.team-dis { width: 60%; float: left; }

    .team-dis h2 { color: #14ad16; }



/*在线诊断*/

#Online ul li { border-bottom: solid 1px #ccc; margin-bottom: 20px; height: 145px; }

.online-img { width: 20%; height: 135px; overflow: hidden; margin: 0 10px; float: left; text-align: center; }

    .online-img img { display: inline; height: 100%; }

.online-dis { position: relative; height: 145px; width: 75%; float: left; }

    .online-dis h2 { color: #14ad16; }



#OnlineMsg { position: absolute; bottom: 10px; width: 100%; height: 32px; }

    #OnlineMsg a { display: block; width: 100px; height: 32px; line-height: 32px; }

    #OnlineMsg .TelLink { float: left; padding-left: 40px; background: url(../images/wap/Tel_Online.png) no-repeat 0 center; }

    #OnlineMsg .QQLink { float: left; padding-left: 30px; background: url(../images/wap/Video_Online.png) no-repeat 0 center; }

    #OnlineMsg .MsgLink { float: right; color: #14ad16; }



/*发展历程*/

#History { position: relative; }

.TimeLine:after { clear: both; display: block; visibility: hidden; height: 0; line-height: 0; content: "."; }

.TimeLine { zoom: 1; margin-bottom: 20px; }

    .TimeLine dt { float: left; width: 20%; height: 42px; }

        .TimeLine dt span { float: left; font: bold 18px/42px Microsoft Yahei; color: #14ad16; }

    .TimeLine dd { float: right; width: 70%; }

        .TimeLine dd p { line-height: 24px; }



#TimeLine { position: relative; padding: 10px 0; }

#TimeLineArrow { width: 23px; height: 29px; background: url(../images/wap/uparrow.png) no-repeat top center; position: absolute; top: 10px; left: 125px; }

#TimeLineLine { width: 1px; height: 500px; border-right: solid 1px #b2b2b2; position: absolute; top: 34px; left: 135px; }



/*荣誉资质*/

#RongYu ul li { text-align: center; }



.NewsContent { }

.NewsTitle { text-align: center; color: #14ad16; font-size: 18px; }

.Time-Times { text-align: center; }