/* CSS Document */
input.normalInput
{
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #b2b2b2;
    border: none;
    padding: 0 5px;
}
input.normalBotton
{
    width: auto;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border: none;
    background: #ff3737;
    display: block;
    margin: 0 auto;
    padding: 0 10px;
}/*编辑器的默认样式*/
.content
{
    line-height: 180%;
    font-size: 1em;
    font-weight: normal;
}
.content pre
{
    line-height: 180%;
    border: none;
    padding-left: 2em;
}
.content blockquote
{
    line-height: 180%;
    border: none;
    padding-left: 2em;
}
.content p
{
    max-width: 100%;
    line-height: 180%;
    font-size: 1em;
    font-weight: normal;
}
.content img
{
    max-width: 90%;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
.content h1
{
    line-height: 180%;
    font-size: 3em;
    font-weight: bold;
}
.content h2
{
    line-height: 180%;
    font-size: 2em;
    font-weight: bold;
}
.content h3
{
    line-height: 180%;
    font-size: 1.5em;
    font-weight: bold;
}
.content h4
{
    line-height: 180%;
    font-size: 1.2em;
    font-weight: bold;
}
.content ul
{
    font-size: 1em;
    font-weight: normal;
    padding-left: 20px;
}
.content ol
{
    font-size: 1em;
    font-weight: normal;
    padding-left: 20px;
}
.content dl
{
    font-size: 1em;
    font-weight: normal;
    padding-left: 20px;
}
.content u
{
    font-size: 1em;
    text-decoration: underline;
    font-weight: normal;
}
.content i
{
    font-size: 1em;
    font-style: italic;
    font-weight: normal;
}
.content strong
{
    font-size: 1em;
    font-weight: bold;
}
.content b
{
    font-size: 1em;
    font-weight: bold;
}
.content table
{
    max-width: 80%;
    font-size: 1em;
}
.content table p
{
    max-width: auto;
    width: auto;
    height: auto;
}
.content table span
{
    max-width: auto;
    width: auto;
    height: auto;
}
.content table em
{
    max-width: auto;
    width: auto;
    height: auto;
}
.content iframe
{
    width: 80%;
    display: block;
    margin: 20px auto;
}
header
{
    width: 1200px;
    height: 109px;
    margin: 0 auto;
}
header .logo
{
    width: 233px;
    height: 67px;
    margin: 21px 0 0;
    display: inline-block;
    float: left;
}
header .language
{
    width: 170px;
    height: 30px;
    display: inline-block;
    float: right;
    margin: 40px 0 0;
}
header .language a
{
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: #00cab6;
    display: inline-block;
}
header .language a:hover, header .language a.current
{
    background: #00af9f;
}
menu
{
    width: 100%;
    height: 40px;
    background: #00af9f;
}
menu ul
{
    width: 1200px;
    height: 40px;
    margin: 0 auto;
}
menu ul li
{
    width: auto;
    height: 40px;
    display: inline-block;
    float: left;
    position: relative;
}
menu ul li a
{
    width: auto;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    display: block;
    padding: 0 34px;
}
menu ul li:last-child a
{
    padding: 0 15px;
}
menu ul li a:hover, menu ul li.current a
{
    color: #fff;
    background: #00cab6;
}
menu ul li .subMenu
{
    width: 100%;
    height: auto;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    z-index: 99999;
    display: none;
}
menu ul li:hover .subMenu
{
    display: block;
}
menu ul li:hover a
{
    color: #fff;
    background: #00cab6;
}
menu ul li .subMenu a
{
    width: auto;
    height: auto;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    background: #00cab6;
    font-weight: bold;
    text-align: center;
    display: block;
    padding: 0 5px;
}
menu ul li .subMenu a:hover
{
    color: #00cab6;
    background: #fff;
}
section.indexNews
{
    width: 100%;
    height: 520px;
    background: #f7f7f7;
    padding: 52px 0 0;
}/*update 2025.6.10*/
.indexNewsMain
{
    width: 1400px;
    height: 468px;
    margin: 0 auto;
}
.indexCompanyNews
{
    width: 960px;
    height: 468px;
    display: inline-block;
}
.indexCompanyNews h3
{
    height: 37px;
    line-height: 37px;
    font-size: 30px;
    color: #000;
    margin: 0 0 21px;
}
.indexCompanyNews h3 a
{
    float: right;
    color: #999;
    font-size: 12px;
}
.indexCompanyNewsLeft
{
    width: 560px;
    height: auto;
    display: inline-block;
}
.indexCompanyNewsLeftImg
{
    height: 345px;
    position: relative;
}
.indexCompanyNewsLeftImg img
{
    width: 100%;
    height: 345px;
}
.indexCompanyNewsLeftImg h4
{
    width: 80%;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    font-size: 12px;
    color: #fff;
    padding-left: 10px;
}
.indexCompanyNewsLeftTitleBox
{
    background-image: linear-gradient(to bottom,rgba(51,51,51,0) 0,rgba(51,51,51,1) 100%);
    background-repeat: repeat-x;
    position: absolute;
    width: 100%;
    height: 50px;
    left: 0;
    bottom: 0;
    z-index: 10;
}
.indexCompanyNewsLeft .swiper-pagination
{
    width: 20%;
    left: auto;
    right: 10px;
    botom: 25px;
    text-align: right;
}
.indexCompanyNewsLeft .swiper-pagination-bullet
{
    background: #fff;
    width: 12px;
    height: 12px;
}
.indexCompanyNewsLeft .swiper-pagination-bullet-active
{
    background: #fff;
}
.indexCompanyNewsLeftTitle
{
    width: 270px;
    line-height: 20px;
    font-size: 12px;
    color: #000;
    font-weight: bold;
    margin: 14px 0 8px;
}
.indexCompanyNewsLeftTitle a
{
    font-size: 12px;
    color: #000;
    font-weight: bold;
}
.indexCompanyNewsLeftTitle a:hover
{
    color: #a50182;
}
.indexCompanyNewsLeftContent
{
    width: 270px;
    height: 110px;
    line-height: 21px;
    font-size: 12px;
    color: #858585;
    overflow: hidden;
}
.indexCompanyNewsLeftContent a
{
    font-size: 12px;
    color: #858585;
}
.indexCompanyNewsLeftContent a:hover
{
    color: #a50182;
}
.indexCompanyNewsLeftReadmore
{
    width: 120px;
    height: 30px;
    margin: 12px 0 0;
}
.indexCompanyNewsLeftReadmore a
{
    width: 120px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: #a50182;
    display: block;
}
.indexCompanyNewsLeftReadmore a:hover
{
    background: #c663b1;
    transition: ease-in-out .5s;
}/*update 2025.6.10*/
.indexCompanyNewsRight
{
    width: 360px;
    height: auto;
    display: inline-block;
}
.indexCompanyNewsRight dl
{
    height: auto;
    overflow: hidden;
    margin: 0 0 24px;
}
.indexCompanyNewsRight dl dt
{
    line-height: 22px;
    margin-bottom: 0;
}
.indexCompanyNewsRight dl dt a
{
    font-size: 12px;
    color: #00b3a1;
}
.indexCompanyNewsRight dl dt a:hover
{
    color: #a50182;
}
.indexCompanyNewsRight dl dd
{
    height: 60px;
    line-height: 20px;
    overflow: hidden;
}
.indexCompanyNewsRight dl dd a
{
    font-size: 12px;
    color: #858585;
}
.indexCompanyNewsRight dl dd a:hover
{
    color: #a50182;
}
.indexIndustryNews
{
    width: 360px;
    height: 468px;
    display: inline-block;
}
.indexIndustryNews h3
{
    height: 37px;
    line-height: 37px;
    font-size: 30px;
    color: #000;
    margin: 0 0 21px;
}
.indexIndustryNews h3 a
{
    float: right;
    color: #999;
    font-size: 12px;
}
.indexHotTopic
{
    width: 1400px;
    height: auto;
    margin: 0 auto;
    padding: 37px 0 100px;
}
.indexHotTopic h3
{
    width: 660px;
    height: 37px;
    line-height: 37px;
    font-size: 30px;
    color: #000;
    margin: 0 0 21px;
}
.indexHotTopic h3 a
{
    float: right;
    color: #999;
    font-size: 12px;
}
.indexHotTopicLi
{
    width: 320px;
    height: auto;
    display: inline-block;
    float: left;
    margin: 0 19px 0 0;
}
.indexHotTopicLiImg
{
    height: 200px;
}
.indexHotTopicLiImg img
{
    width: 100%;
    height: 200px;
}
.indexHotTopicLiTitle
{
    width: 320px;
    height: auto;
    margin: 0 0 14px;
}
.indexHotTopicLiTitle h3
{
    height: 44px;
    line-height: 44px;
    font-size: 12px;
    color: #000;
    font-weight: bold;
    margin: 0;
    overflow: hidden;
}
.indexHotTopicLiTitle p
{
    height: 60px;
    line-height: 20px;
    font-size: 12px;
    color: #858585;
}
.indexHotTopicLiTitle a:hover h3
{
    color: #a50182;
}
.indexHotTopicLiTitle a:hover p
{
    color: #a50182;
}
.indexHotTopicLiReadmore
{
    width: 120px;
    height: 30px;
    margin: 12px 0 0;
}
.indexHotTopicLiReadmore a
{
    width: 120px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: #a50182;
    display: block;
}
.indexHotTopicLiReadmore a:hover
{
    background: #c663b1;
    transition: ease-in-out .5s;
}/*update 2025.6.10*/
ul.indexHotTopicRight
{
    width: 682px;
    height: 300px;
    display: inline-block;
}
ul.indexHotTopicRight li
{
    width: 224px;
    height: 100px;
    background: url(/png/xcsff7tv.png) center 66px no-repeat;
    display: inline-block;
    float: left;
}
ul.indexHotTopicRight li:nth-child(even)
{
    background-color: #def2f0;
}
ul.indexHotTopicRight li:nth-child(odd)
{
    background-color: #f9fdfe;
}
ul.indexHotTopicRight li.indexHotTopicRightTitle
{
    font-size: 30px;
    line-height: 100px;
    color: #fff;
    text-align: center;
    background: #00b3a1;
}
ul.indexHotTopicRight li a
{
    width: 100%;
    height: 150px;
    font-size: 20px;
    color: #333;
    text-align: center;
    display: block;
    padding: 27px 0 0;
}
ul.indexHotTopicRight li.indexHotTopicRightMore
{
    height: 100px;
    line-height: 100px;
    background: none;
}
ul.indexHotTopicRight li.indexHotTopicRightMore a
{
    height: 100px;
    line-height: 100px;
    font-size: 20px;
    color: #00b2a0;
    padding: 0;
}
ul.indexHotTopicRight li:hover
{
    background: #00b3a1;
    transition: ease-in-out .5s;
}
ul.indexHotTopicRight li:hover a
{
    color: #fff;
    padding: 35px 0 0;
    transition: ease-in-out .5s;
}
ul.indexHotTopicRight li.indexHotTopicRightMore:hover a
{
    color: #fff;
    padding: 0;
    transition: ease-in-out .5s;
}
footer
{
    width: 100%;
    height: auto;
    background: #00b3a1;
    padding: 35px 0 39px;
}
.footerMain
{
    width: 1400px;
    height: auto;
    margin: 0 auto;
    padding: 0 0 25px;
    border-bottom: 1px dashed #fff;
}
.footerLeft
{
    width: 500px;
    height: auto;
    display: inline-block;
    float: left;
}/* update 2023.06.05 */
.footerLeft h3
{
    width: 700px;
    height: 26px;
    line-height: 26px;
    font-size: 20px;
    color: #fff;
    margin: 0 0 14px;
    overflow: hidden;
}
.footerLeft p
{
    width: 700px;
    line-height: 22px;
    font-size: 12px;
    color: #fff;
}
ul.footerShare
{
    width: 185px;
    height: 33px;
    display: inline-block;
    float: left;
}
ul.footerShare li
{
    width: 33px;
    height: 33px;
    display: inline-block;
    float: left;
    margin: 0 12px 0 0;
    position: relative;
}
.footerShare li a
{
    width: 33px;
    height: 33px;
    display: block;
    border-radius: 50%;
    cursor: pointer;
}
.footerShare li img
{
    width: 120px;
    height: 120px;
    position: absolute;
    top: 50px;
    left: -40px;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}
.footerShare li:hover img
{
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    transition: ease-in-out .5s;
}
.footerShare a.footerShareIcon1
{
    background: rgba(255,255,255,.5) url(/png/ufl508x9.png) center center no-repeat;
}
.footerShare a.footerShareIcon1:hover
{
    background: rgba(255,255,255,1) url(/png/ufl508x9.png) center center no-repeat;
}
.footerShare a.footerShareIcon2
{
    background: rgba(255,255,255,.5) url(/png/yzr8a2lr.png) center center no-repeat;
}
.footerShare a.footerShareIcon2:hover
{
    background: rgba(255,255,255,1) url(/png/yzr8a2lr.png) center center no-repeat;
}
.footerShare a.footerShareIcon3
{
    background: rgba(255,255,255,.5) url(/png/p0g6lbap.png) center center no-repeat;
}
.footerShare a.footerShareIcon3:hover
{
    background: rgba(255,255,255,1) url(/png/p0g6lbap.png) center center no-repeat;
}
.footerShare a.footerShareIcon4
{
    background: rgba(255,255,255,.5) url(/png/ff3arfp6.png) center center no-repeat;
}
.footerShare a.footerShareIcon4:hover
{
    background: rgba(255,255,255,1) url(/png/ff3arfp6.png) center center no-repeat;
}/*.footerRight { width:264px; height:auto; display:inline-block; float:right; }*/
.footerRight
{
    width: 700px;
    height: auto;
    display: inline-block;
    float: right;
}
.footerRight dl
{
    width: 120px;
    height: 156px;
    display: inline-block;
    margin-left: 20px;
}
.footerRight dl dt
{
    width: 120px;
    height: 120px;
}
.footerRight dl dt img
{
    width: 120px;
    height: 120px;
}
.footerRight dl dd
{
    width: 120px;
    height: 120px;
}
.footerRight dl dd
{
    width: 120px;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
    color: #fff;
    text-align: center;
}
.footerCopyright
{
    width: 1400px;
    height: 20px;
    font-size: 12px;
    color: #fff;
    margin: 23px auto 0;
}/*update 2025.6.10*/
.footerCopyright a
{
    font-size: 12px;
    color: #fff;
}
.footerCopyright a:hover
{
    color: #a50182;
}
section.channelBanner
{
    width: 100%;
    height: auto;
}
section.channelBanner img
{
    width: 100%;
    height: auto;
}
section.channelBreadCrumbs
{
    width: 100%;
    height: 60px;
    background: #eee;
}
.channelBreadCrumbsMain
{
    width: 1200px;
    height: 60px;
    line-height: 60px;
    font-size: 12px;
    color: #666;
    text-align: right;
    margin: 0 auto;
}
.channelBreadCrumbsMain a
{
    font-size: 12px;
    color: #666;
}
.channelBreadCrumbsMain a:hover
{
    color: #a50182;
}
section.channelMain
{
    width: 1200px;
    height: auto;
    margin: 43px auto 100px;
}
ul.channelLeft
{
    width: 200px;
    height: auto;
    display: inline-block;
    float: left;
}
ul.channelLeft li
{
    width: 200px;
    margin: 5px 0;
}
ul.channelLeft li a
{
    width: 200px;
    height: auto;
    line-height: 25px;
    font-size: 14px;
    color: #000;
    text-align: right;
    display: block;
    padding: 5px;
}
ul.channelLeft li.current a
{
    color: #fff;
    background: #a50182;
}
ul.channelLeft li a:hover
{
    color: #fff;
    background: #a50182;
}
.channelRight
{
    width: 900px;
    height: auto;
    display: inline-block;
    float: right;
}
.channelRightTitle
{
    width: 900px;
    height: 37px;
    line-height: 37px;
    font-size: 30px;
    color: #009f8d;
    margin: 0 0 40px;
}
.channelRightContent
{
    width: 900px;
    height: auto;
    line-height: 1.5em;
    font-size: 14px;
    color: #333;
}
.channelRightContent p
{
    width: 900px;
    height: auto;
    line-height: 25px;
    font-size: 14px;
    color: #333;
    text-indent: 2em;
    margin: 0 0 25px;
}
.channelRightContent .content p
{
    line-height: 2em;
    font-size: 12px;
    margin: 10px 0;
}/* update 2024.7.8 */
.channelRightContent .content br
{
    display: none;
}/* update 2024.7.8 */
.channelRightContent p img
{
    max-width: 900px;
    height: auto;
    margin: 0 auto;
    display: block;
}
.channelRightContent .content img
{
    width: 500px;
    height: auto;
    display: block;
    margin: 0 auto;
}/* update 2024.6.24 */
ul.newsRightContent
{
    width: 900px;
    height: auto;
}
ul.newsRightContent li
{
    width: 900px;
    height: 100px;
    margin: 0 0 40px;
}
ul.newsRightContent li .newsRightContentLeft
{
    width: 100px;
    height: 100px;
    background: #f7f7f7;
    display: inline-block;
    float: left;
}
ul.newsRightContent li .newsRightContentLeft span
{
    width: 100px;
    height: 47px;
    line-height: 47px;
    font-size: 40px;
    color: #666;
    text-align: center;
    display: block;
    margin: 19px 0 0;
}
ul.newsRightContent li .newsRightContentLeft em
{
    width: 100px;
    height: 19px;
    line-height: 19px;
    font-size: 14px;
    color: #666;
    text-align: center;
    display: block;
}
ul.newsRightContent li .newsRightContentRight
{
    width: 800px;
    height: 100px;
    display: inline-block;
    float: left;
    padding: 0 0 0 20px;
}
ul.newsRightContent li .newsRightContentRight h3
{
    width: 780px;
    height: 46px;
    line-height: 46px;
    font-size: 20px;
    color: #000;
}
ul.newsRightContent li .newsRightContentRight p
{
    width: 780px;
    height: 40px;
    line-height: 20px;
    font-size: 12px;
    color: #858585;
}
ul.newsRightContent li:hover .newsRightContentLeft
{
    background: #009f8e;
    transition: ease-in-out .5s;
}
ul.newsRightContent li:hover .newsRightContentLeft span
{
    color: #fff;
}
ul.newsRightContent li:hover .newsRightContentLeft em
{
    color: #fff;
}
ul.newsRightContent li:hover .newsRightContentRight
{
    background: #f7f7f7;
    transition: ease-in-out .5s;
}
.newsRightList
{
    width: 900px;
    height: auto;
}
.newsRightLi
{
    width: 900px;
    height: 66px;
    border-bottom: 1px solid #eee;
}
.newsRightLi a
{
    width: 900px;
    height: 66px;
    display: block;
}
.newsRightLi a:hover
{
    background: #f7f7f7;
    transition: ease-in-out .5s;
}
.newsRightLi a span
{
    width: 700px;
    height: 66px;
    line-height: 66px;
    font-size: 14px;
    color: #000;
    display: inline-block;
    float: left;
    padding: 0 0 0 20px;
    overflow: hidden;
}
.newsRightLi a em
{
    width: 100px;
    height: 66px;
    line-height: 66px;
    font-size: 12px;
    color: #666;
    text-align: center;
    display: inline-block;
    float: right;
    overflow: hidden;
}
.newsPages
{
    width: 100%;
    height: auto;
    text-align: center;
    margin: 60px 0;
}
.newsPages a
{
    width: auto;
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    color: #666;
    text-align: center;
    display: inline-block;
    margin: 0 2px;
    padding: 0 12px;
    background: #f3f3f3;
    cursor: pointer;
}
.newsPages span
{
    width: auto;
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    color: #666;
    text-align: center;
    display: inline-block;
    margin: 0 2px;
    padding: 0 12px;
}
.newsPages a.current, .newsPages a.page_cur
{
    color: #fff;
    background: #009f8e;
}
.newsPages a:hover
{
    color: #fff;
    background: #009f8e;
}
ul.productsLeft
{
    width: 200px;
    height: auto;
    display: inline-block;
    float: left;
}
ul.productsLeft li
{
    width: 200px;
    height: auto;
}
ul.productsLeft li p
{
    width: 200px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #000;
    text-align: right;
    display: block;
    padding: 0 12px 0 0;
    cursor: pointer;
}
ul.productsLeft li a
{
    width: 200px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #000;
    text-align: right;
    display: block;
    padding: 0 12px 0 0;
}
ul.productsLeft li.current a
{
    color: #fff;
    background: #a50182;
}
ul.productsLeft li.current p
{
    color: #fff;
    background: #a50182;
}
ul.productsLeft li:hover p
{
    color: #fff;
    background: #a50182;
}
ul.productsLeft li a:hover
{
    color: #fff;
    background: #a50182;
}
ul.productsLeft li .productsLeftSubmenu
{
    width: 200px;
    height: 0;
    overflow: hidden;
}
ul.productsLeft li.current .productsLeftSubmenu
{
    height: auto;
}
ul.productsLeft li .productsLeftSubmenu a
{
    font-size: 12px;
    color: #666;
    border-bottom: 1px solid #eee;
    background: #fff;
}
ul.productsLeft li .productsLeftSubmenu a:hover
{
    color: #fff;
    background: #a50182;
}
ul.productsLeft li .productsLeftSubmenu a.current
{
    color: #a50182;
    font-weight: bold;
}
.certs-title
{
    font-size: 12px;
    color: #009f8d;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}
.certs-title a
{
    float: right;
    color: #999;
    font-size: 14px;
}
ul.productsList
{
    width: 900px;
    height: auto;
}
ul.productsList li
{
    width: 300px;
    height: auto;
    display: inline-block;
    float: left;
    margin: 0 0 45px;
}
ul.productsList li .productsLiImg
{
    width: 290px;
    height: 200px;
    position: relative;
    border: 1px solid #ddd;
}
ul.productsList li .productsLiImg img
{
    max-width: 290px;
    max-height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
ul.productsList li p
{
    width: 290px;
    height: 50px;
    font-size: 14px;
    color: #333;
    text-align: center;
    padding: 10px 0;
}
ul.productsList li a:hover p
{
    color: #a50182;
}
dl.rdLi
{
    width: 900px;
    height: 200px;
    margin: 0 0 50px;
}
dl.rdLi dt
{
    width: 300px;
    height: 200px;
    display: inline-block;
    float: left;
}
dl.rdLi dd
{
    width: 540px;
    height: 200px;
    display: inline-block;
    float: right;
}
dl.rdLi dd h3
{
    width: 540px;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
    color: #000;
}
dl.rdLi dd p
{
    width: 540px;
    height: 135px;
    line-height: 27px;
    font-size: 14px;
    color: #858585;
    overflow: hidden;
}
.hrTitle
{
    width: 1200px;
    height: 37px;
    font-size: 30px;
    color: #009f8d;
    text-align: center;
    margin: 0 0 62px;
}
ul.hrList
{
    width: 1200px;
    height: auto;
}
ul.hrList li
{
    width: 400px;
    height: auto;
    display: inline-block;
    float: left;
    margin: 0 0 94px;
}
ul.hrList li h3
{
    width: 330px;
    height: 44px;
    line-height: 44px;
    font-size: 20px;
    color: #333;
    border-bottom: 1px solid #ccc;
    display: inline-block;
    float: left;
    margin: 0 0 11px;
    overflow: hidden;
}
ul.hrList li .hrLiContent
{
    width: 330px;
    height: 90px;
    overflow: hidden;
}
ul.hrList li p
{
    width: 330px;
    height: auto;
    line-height: 22px;
    font-size: 12px;
    color: #878787;
}
ul.hrList li .hrLiReadmore
{
    width: 160px;
    height: 30px;
}
ul.hrList li .hrLiReadmore a
{
    width: 160px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: #a50182;
    display: block;
}
ul.hrList li .hrLiReadmore a:hover
{
    background: #c663b1;
    transition: ease-in-out .5s;
}
.hrPages
{
    width: 1200px;
    height: auto;
    text-align: center;
    margin: 60px 0 0;
}
.hrPages a
{
    width: auto;
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    color: #666;
    text-align: center;
    display: inline-block;
    margin: 0 2px;
    padding: 0 12px;
    background: #f3f3f3;
}
.hrPages a.current
{
    color: #fff;
    background: #009f8e;
}
.hrPages a:hover
{
    color: #fff;
    background: #009f8e;
}
ul.magazineList
{
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
ul.magazineList li
{
    width: 300px;
    height: auto;
    display: inline-block;
    float: left;
    margin: 0 0 80px;
}
ul.magazineList li a
{
    width: 236px;
    height: 353px;
    border: 1px solid #efefef;
    display: block;
}
ul.magazineList li a img
{
    width: 228px;
    height: 308px;
    margin: 4px 4px 0 4px;
}
ul.magazineList li a p
{
    width: 228px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #000;
    text-align: center;
    margin: 0 4px 0 4px;
}
ul.magazineList li a:hover p
{
    color: #a50182;
}
.servicesMain
{
    width: 1200px;
    height: 331px;
    margin: 0 auto 50px;
    position: relative;
}
.servicesLeft
{
    width: 41px;
    height: 67px;
    display: block;
    position: absolute;
    top: 70px;
    left: 15px;
    z-index: 99999;
}
.servicesRight
{
    width: 41px;
    height: 67px;
    display: block;
    position: absolute;
    top: 70px;
    right: 15px;
    z-index: 99999;
}
dl.servicesFocusLi
{
    width: 280px;
    height: auto;
    display: inline-block;
    float: left;
    margin: 0 10px;
}
dl.servicesFocusLi dt
{
    width: 280px;
    height: 200px;
}
dl.servicesFocusLi dt img
{
    width: 280px;
    height: 200px;
}
dl.servicesFocusLi dd
{
    width: 280px;
    height: auto;
}
dl.servicesFocusLi dd h3
{
    width: 280px;
    height: 43px;
    line-height: 43px;
    font-size: 14px;
    color: #000;
    overflow: hidden;
}
dl.servicesFocusLi dd p
{
    width: 280px;
    height: auto;
    line-height: 22px;
    font-size: 12px;
    color: #666;
    overflow: hidden;
}
dl.servicesFocusLi dd a:hover h3
{
    color: #a50182;
}
dl.servicesFocusLi dd a:hover p
{
    color: #a50182;
}
.servicesGuestbook
{
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
.servicesList
{
    width: 890px;
    height: auto;
    border: 1px solid #eee;
    display: inline-block;
    float: left;
}
.servicesLi
{
    width: 850px;
    height: auto;
    border-bottom: 1px solid #eee;
    margin: 0 auto 10px;
}
.servicesLiName
{
    width: 850px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    color: #aaa;
    margin: 18px 0 8px;
}
.servicesLiName em
{
    width: auto;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    color: #aaa;
    display: inline-block;
    float: right;
}
.servicesLiTitle
{
    width: 850px;
    height: auto;
    line-height: 22px;
    font-size: 14px;
    color: #000;
    margin: 0 0 8px;
}
.servicesLiContent
{
    width: 850px;
    height: auto;
    line-height: 22px;
    font-size: 14px;
    color: #26ad9f;
    margin: 0 0 19px;
}
.servicesSendMessage
{
    width: 280px;
    height: auto;
    background: #f7f7f7;
    display: inline-block;
    float: right;
    padding: 20px 25px;
}
.servicesSendMessageTitle
{
    width: 230px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    color: #000;
}
.servicesName
{
    width: 230px;
    height: 40px;
    margin: 20px 0 28px;
}
.servicesName input
{
    width: 230px;
    height: 40px;
    border: none;
    background: #fff;
    padding: 0 0 0 5px;
}
.servicesContent
{
    width: 230px;
    height: 200px;
    margin: 10px 0 0;
}
.servicesContent textarea
{
    width: 230px;
    height: 200px;
    border: none;
    background: #fff;
    padding: 5px;
}
.servicesBtn
{
    width: 230px;
    height: 40px;
    margin: 26px 0 0;
}
.servicesBtn input
{
    width: 230px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border: none;
    background: #a50182;
}
.servicesBtn input:hover
{
    background: #c663b1;
    transition: ease-in-out .5s;
}
.servicesSendMessageMore
{
    width: 160px;
    height: 30px;
    margin: 40px auto 0;
}
.servicesSendMessageMore a
{
    width: 160px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #00b3a1;
    display: block;
}
.servicesSendMessageMore a:hover
{
    background: #7fd9d0;
    transition: ease-in-out .5s;
}
section.servicesMain
{
    width: 1345px;
    height: auto;
    margin: 43px auto 100px;
}
.newsInfo
{
    color: #999;
    padding-bottom: 15px;
}
.indexLinks
{
    width: 1400px;
    height: auto;
    margin: 0 auto;
}/*update 2025.6.10*/
.indexLinks h3
{
    width: 560px;
    height: 37px;
    line-height: 37px;
    font-size: 30px;
    color: #000;
    margin: 0 0 21px;
}
.linklist
{
    padding: 0 0 50px;
}
.linklist a
{
    display: inline-block;
    padding-right: 20px;
}