@font-face {
    font-family: iconfont;
    src: url(../fonts/iconfont.eot);
    src: url(../fonts/iconfont.eot) format('embedded-opentype'), url(../fonts/iconfont.woff?) format('woff'), url(../fonts/iconfont.ttf) format('truetype'), url(../fonts/iconfont.svg) format('svg')
}

.iconfont {
    font-family: iconfont!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-caidan:before {
    content: "\e601"
}

.icon-shangyiye:before {
    content: "\e604"
}

.icon-kefu:before {
    content: "\e606"
}

.icon-chengche:before {
    content: "\e608"
}

.icon-chuanzhen:before {
    content: "\e650"
}

.icon-xiayiye:before {
    content: "\e60c"
}

.icon-dianhua:before {
    content: "\e607"
}

.icon-xyxiayige01:before {
    content: "\e610"
}

.icon-tucexiayige:before {
    content: "\e616"
}

.icon-tuceshangyige:before {
    content: "\e617"
}

.icon-iconfonttrophy:before {
    content: "\e61b"
}

.icon-youjiantou-copy:before {
    content: "\e61c"
}

.icon-xiaohuojian:before {
    content: "\e61d"
}

.icon-a881:before {
    content: "\e686"
}

.icon-hezuogongying:before {
    content: "\e627"
}

.icon-houtuishangyige:before {
    content: "\e625"
}

.icon-qianjinxiayige:before {
    content: "\e626"
}

.icon-home:before {
    content: "\e653"
}

.icon-shangyige:before {
    content: "\e62a"
}

.icon-caizhi:before {
    content: "\e62f"
}

.icon-xiayige:before {
    content: "\e633"
}

.icon-ditu:before {
    content: "\e61e"
}

.icon-liulan:before {
    content: "\e63b"
}

.icon-xiayiye1:before {
    content: "\e63c"
}

.icon-jungongzhang:before {
    content: "\e63d"
}

.icon-youxiang-copy:before {
    content: "\e63e"
}

.icon-xiangxiajiantou:before {
    content: "\e64c"
}

.icon-xiangxiajiantou-copy:before {
    content: "\e64d"
}

.icon-pinpai:before {
    content: "\e642"
}

.icon-zhuanshufuwu:before {
    content: "\e62c"
}

.icon-zhuanzhu:before {
    content: "\e634"
}

body {
    font-family: 'microsoft yahei', Arial, Helvetica, sans-serif;
    color: #2f2f2f
}

a {
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s
}

ul {
    list-style: none
}

.clear {
    clear: both
}

.img-thumbnail {
    transition: opacity .7s
}

.img-thumbnail:hover,
.opacity_img:hover {
    opacity: .75
}

.top_menu {
    font-size: 12px;
    background: #0ba754;
    color: #fff;
    width: 100%;
    height: 48px;
    line-height: 48px
}

.language {
    float: right;
    height: 48px;
    color: #fff
}

.language a {
    color: #fff
}

.top_name {
    display: inline-block
}

.navbar {
    margin: 0;
    background-color: #fff;
    border: none;
    box-shadow: 0 3px 4px rgba(0, 0, 0, .1)
}

#app_menudown {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px
}

#app_menudown:hover {
    background-color: #0ba754
}

.flash img {
    width: 100%
}

.flash ul.bxslider {
    list-style: none
}

.flash div.bx-pager {
    bottom: 4%
}

.flash div.bx-controls-direction {
    display: none
}

.about_us {
    margin: 80px 0 0 0
}

.product_index {
    margin-top: 65px;
    margin-bottom: 65px
}

.process_col {
    border: 1px #ddd solid;
    padding: 20px 0 20px 0;
    margin-bottom: 20px
}

.page_img {
    padding-top: 10px;
    margin: 15px;
    background: #fff
}

.page_img img {
    -moz-transition: -moz-transform .8s;
    -o-transition: -o-transform .8s;
    transition: transform .8s
}

.page_img img:hover {
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06)
}

.services_icon h2 {
    font-size: 24px;
    font-weight: 700;
    color: #fff
}

.services_content h4 {
    font-size: 16px;
    color: #fff;
    margin-top: 18px
}

.services_icon {
    font-size: 54px;
    font-weight: 700;
    color: #fff;
    margin-top: 18px
}

.search_group {
    float: right;
    margin: 8px 0 0 0;
    border: 1px solid #dfe1e3;
    border-radius: 20px
}

.search_group input.form-control {
    border-radius: 0;
    box-shadow: none;
    color: #585a5a;
    padding: 0 0 0 15px;
    height: 26px;
    background: 0 0;
    border: none
}

.search_group input.form-control:focus {
    box-shadow: none;
    border-color: #b2e0fb
}

#search_submit {
    color: #c3c4c5;
    height: 26px;
    font-size: 16px;
    margin-top: -14px
}

#search_submit:hover {
    color: #0067b6;
    cursor: pointer
}

ul.left_snav_ul {
    list-style: none;
    padding: 0
}

ul.left_snav_ul>li {
    margin: 0
}

ul.left_snav_ul>li>a {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 5px 0 5px 30px;
    background: url(../images/left_tree.gif) 20px 8px no-repeat #028ae6;
    border-radius: 25px;
    margin-bottom: 8px
}

ul.left_snav_ul>li>a:hover {
    color: #fff;
    background-color: #03b29c
}

.left_h3 {
    font-size: 20px;
    font-weight: 400;
    color: #545454;
    line-height: 50px;
    border-bottom: 1px solid #ebebeb
}

.left_h3 span {
    display: inline-block;
    height: 50px;
    border-bottom: 1px solid #0ba754
}

.left_column ul.left_nav_ul {
    list-style: none;
    padding: 0;
    margin: 15px 0 0 0;
    padding-bottom: 10px
}

.left_column ul.left_nav_ul>li {
    margin-bottom: 5px;
    border-bottom: 1px solid #f2f2f2;
    background: url(../images/left_li.gif) 6px 12px no-repeat
}

.left_column ul.left_nav_ul>li>a {
    display: block;
    text-decoration: none;
    color: #000;
    font-size: 14px;
    background: 0 0;
    border-radius: 0;
    padding: 6px 0 6px 18px;
    margin-bottom: 8px
}

.left_column ul.left_nav_ul li a.left_active,
.left_column ul.left_nav_ul>li>a:hover {
    color: #03b29c;
    background: 0 0
}

.left_column ul.left_snav_ul {
    list-style: none;
    padding: 0
}

.left_column ul.left_snav_ul>li {
    margin-bottom: 7px;
    border-bottom: 1px solid #f2f2f2;
    background: url(../images/left_sli.gif) 15px 11px no-repeat
}

.left_column ul.left_snav_ul>li>a {
    display: block;
    text-decoration: none;
    color: #000;
    padding: 5px 0 5px 25px;
    background: 0 0;
    border-radius: 25px;
    margin-bottom: 8px
}

.left_column ul.left_snav_ul>li>a:hover {
    color: #03b29c;
    background: 0 0
}

.left_news {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 0
}

.left_news li {
    color: #545455;
    border-bottom: 1px dotted #ddd;
    background: url(../images/li.png) no-repeat left 15px;
    line-height: 21px;
    padding: 10px 0;
    padding-left: 14px
}

.left_news li a {
    color: #2f2f2f
}

.left_news li a:focus,
.left_news li a:hover {
    text-decoration: none;
    color: #03b29c
}

.left_contact {
    margin: 30px 0 35px 0
}

.left_contact p {
    clear: both
}

.product_head h2 {
    text-align: center;
    margin-top: 60px;
    font-size: 38px;
    color: #333;
    font-weight: 700
}

.product_head span {
    display: block;
    height: 10px;
    background: url(../images/Untitled-1.png) center center no-repeat
}

.product_head p {
    text-align: center;
    font-size: 18px;
    color: #555;
    margin-top: 8px
}

.product_list {
    clear: both;
    padding: 25px 0 0 0;
    margin-right: -15px;
    margin-left: -15px
}

.product_list2 {
    padding-top: 20px
}

.product_img {
    padding-left: 15px;
    padding-right: 15px;
    min-height: 270px
}

.product_img img {
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-height: 200px;
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
    padding: 0
}

.product_list2 div.product_img {
    min-height: 260px
}

.product_title {
    text-align: center;
    height: 40px
}

.product_title a {
    color: #2f2f2f
}

.product_title a:hover {
    text-decoration: none;
    color: #0071bf
}

.case_bg,
.sevices_bg {
    padding-bottom: 30px
}

.case_head h2 {
    text-align: center;
    margin-top: 60px;
    font-size: 38px;
    color: #fff;
    font-weight: 700
}

.case_head span {
    display: block;
    height: 10px;
    background: url(../images/Untitled-1.png) center center no-repeat
}

.case_head p {
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin-top: 8px
}

.case_list {
    clear: both;
    padding: 25px 0 0 0;
    margin-right: -15px;
    margin-left: -15px
}

.case_list2 {
    padding-top: 20px
}

.case_img {
    padding-left: 15px;
    padding-right: 15px;
    min-height: 270px
}

.case_img img {
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-height: 270px;
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
    padding: 0
}

.case_list2 div.case_img {
    min-height: 220px
}

.case_title {
    text-align: center;
    height: 40px
}

.case_title a {
    color: #fff;
    font-weight: 700
}

.case_title a:hover {
    text-decoration: none;
    color: #0ba754
}

.case_title2 a {
    color: #2f2f2f;
    font-weight: 400
}

.case_title2 a:hover {
    text-decoration: none;
    color: #0071bf
}

.news_bg {
    background-color: #f7f7f7
}

.news_head {
    margin-bottom: 20px
}

.news_head h2 {
    text-align: center;
    margin-top: 50px;
    font-size: 38px;
    color: #333;
    font-weight: 700
}

.news_head span {
    display: block;
    height: 10px;
    background: url(../images/Untitled-1.png) center center no-repeat
}

.news_head p {
    text-align: center;
    font-size: 18px;
    color: #555;
    margin-top: 8px
}

.news_p {
    text-align: center;
    color: #333;
    font-size: 13px;
    padding: 0;
    margin-top: 8px
}

.news_img {
    min-height: 430px;
    margin-top: 25px;
    margin-bottom: 50px;
    background-repeat: no-repeat
}

.news_index {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 15px;
    margin-bottom: 25px
}

.news_index li {
    padding: 22px 0 22px 0;
    border-bottom: 1px dotted #dbd4cd
}

.news_index li span {
    display: inline-block;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #f5f5f5;
    color: #db0f30;
    float: left;
    padding: 0 2px;
    margin-right: 15px
}

.news_index li span strong {
    display: block;
    font-size: 23px;
    padding-top: 5px
}

.news_index li span i {
    display: block;
    font-size: 12px;
    font-style: normal;
    font-family: Arial
}

.news_index li a {
    color: #333
}

.news_index li a:hover {
    text-decoration: none;
    color: red
}

.news_index li em {
    font-style: normal;
    display: inline-block;
    line-height: 18px;
    color: #999;
    padding-top: 8px;
    font-size: 12px
}

.about_head {
    margin-bottom: 60px
}

.about_head h2 {
    text-align: center;
    margin-top: 50px;
    font-size: 38px;
    color: #333;
    font-weight: 700
}

.about_head span {
    display: block;
    height: 3px;
    background: url(../images/h2_line.jpg) center center no-repeat
}

.about_head p {
    text-align: center;
    font-size: 18px;
    color: #555;
    margin-top: 8px
}

.about_h3 {
    font-family: Arial;
    color: #db0f30;
    font-size: 42px;
    font-weight: 700;
    margin: 0
}

.about_p {
    font-size: 16px;
    color: #000;
    padding-bottom: 20px;
    border-bottom: 1px solid #dadada
}

.about_content {
    line-height: 30px;
    color: #555;
    margin-top: 20px
}

.about_btn {
    display: block;
    text-align: center;
    width: 140px;
    padding: 7px 0;
    color: #fff;
    text-decoration: none;
    border-radius: 15px;
    background-color: #db0f30;
    margin-top: 20px
}

.about_btn:focus,
.about_btn:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0ba754
}

.about_video {
    width: 100%
}

.bsc_index p:nth-child(1) {
    padding-left: 25px;
    background: url(../images/con3.png) left center no-repeat
}

.bsc_index p:nth-child(2) {
    padding-left: 25px;
    background: url(../images/con1.png) left center no-repeat
}

.bsc_index p:nth-child(3) {
    padding-left: 25px;
    background: url(../images/con2.png) left center no-repeat
}

.cooperation_head {
    margin-top: 60px;
    margin-bottom: 30px
}

.cooperation_head p {
    text-align: center;
    font-size: 24px;
    color: #333;
    margin-top: 8px
}

.cooperation_head span {
    display: block;
    height: 10px;
    background: url(../images/Untitled-1.png) center center no-repeat
}

.cooperation_img {
    padding-left: 15px;
    padding-right: 15px;
    min-height: 180px
}

.cooperation_img img {
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-height: 170px;
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
    padding: 0
}

.bsc_title {
    font-size: 22px;
    line-height: 52px;
    color: #db0f30
}

.bsc_body p {
    font-size: 16px;
    line-height: 28px;
    color: #fff
}

.page_bg {
    height: 229px;
    margin-top: 110px
}

.page_bg2 {
    height: 340px
}

.bread_bg {
    background-color: #f3f3f3;
    margin-bottom: 40px
}

.bread_nav {
    padding: 10px 0 10px 0
}

.bread_nav span {
    border-left: 8px solid #0ba754;
    padding-left: 8px
}

.bread_nav a {
    color: #4c4c4c
}

.bread_nav a:hover {
    color: #0071bf;
    text-decoration: none
}

.right_head {
    clear: both
}

.right_head h2 {
    height: 50px;
    font-size: 20px;
    font-weight: 400;
    color: #545454;
    line-height: 50px;
    border-bottom: 1px solid #ebebeb
}

.right_head h2 span {
    display: inline-block;
    height: 50px;
    border-bottom: 1px solid #0ba754
}

.right_contents {
    clear: both;
    padding: 15px 0 15px 0;
    line-height: 28px;
    overflow: auto
}

.right_contents_h1 {
    margin: 0;
    padding: 10px 0;
    text-align: center;
    color: #000;
    font-size: 24px;
    color: #434343;
    font-weight: 700;
    line-height: 34px
}

.right_contents img {
    max-width: 840px
}

.right_new {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 0 0 20px 0
}

.right_new li {
    color: #898989;
    background: url(../images/li.png) no-repeat left 18px;
    font-size: 16px;
    line-height: 22px;
    padding: 12px 0;
    padding-left: 13px;
    border-bottom: 1px dashed #e3e2e2
}

.right_new li a {
    color: #2f2f2f
}

.right_new li a:focus,
.right_new li a:hover {
    text-decoration: none;
    color: #0071bf
}

.right_new_time {
    float: right
}

.relevant_new ul.right_new li {
    font-size: 14px
}

.right_new .news_time {
    float: right
}

.page {
    clear: both;
    margin: 20px 0 20px 0;
    text-align: center
}

.page a {
    font: initial;
    line-height: 1.4;
    display: inline-block;
    font-family: Arial;
    font-size: 13px;
    border: #dbdbdb 1px solid;
    padding: 4px 9px;
    margin: 2px;
    margin-bottom: 5px;
    color: #31363c;
    text-decoration: none
}

.page a:focus,
.page a:hover {
    font-family: Arial;
    font-size: 13px;
    border: #0ba754 1px solid;
    padding: 4px 9px;
    color: #fff;
    background-color: #0ba754
}

.page .current {
    font-family: Arial;
    border: #0ba754 1px solid;
    font-size: 13px;
    padding: 5px 9px;
    color: #fff;
    margin: 2px;
    background-color: #0ba754
}

.proinfo_box,
.showpic_box {
    margin: 30px 0 20px 0
}

.product_h1 {
    margin: 0;
    line-height: 22px;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc
}

.product_info {
    list-style: none;
    padding: 0;
    margin-top: 10px
}

.product_info p {
    line-height: 28px
}

.product_btn {
    margin-top: 25px
}

#pic-page {
    text-align: center;
    margin-top: 10px
}

#pic-page a {
    margin: 0 2px
}

#pic-page a img {
    width: 40px;
    padding: 2px;
    border: solid #ccc 1px;
    margin-bottom: 5px
}

#pic-page a.active img,
#pic-page a:hover img {
    border: solid #5280dd 1px
}

.product_con {
    clear: both;
    border-top: 1px dotted #a9a9a9;
    margin: 10px 0 20px 0;
    padding: 20px 0 0 0;
    line-height: 26px;
    overflow: auto
}

.photo_con {
    clear: both;
    margin: 0 0 20px 0;
    padding: 10px 0 20px 0;
    line-height: 26px;
    overflow: auto
}

.photo_con img,
.product_con img {
    max-width: 840px
}

.download_btn {
    float: right;
    display: block;
    margin: 10px 10px 20px 0
}

.page-btn {
    display: inline-block;
    float: left;
    background-color: #0ba754;
    border-radius: 0;
    border: none;
    transition: background .3s;
    margin-right: 15px
}

.page-btn:focus,
.page-btn:hover {
    background-color: #434343
}

.grey-btn {
    border-radius: 0;
    border: none;
    background-color: #e8e8e8
}

.grey-btn:focus,
.grey-btn:hover {
    background-color: #ccc
}

.feedback {
    margin-top: 50px
}

.form-horizontal .form-group {
    margin-right: -10px;
    margin-left: -10px
}

.codeimg {
    margin: 0 0 -10px -18px
}

.point {
    clear: both;
    margin: 20px 0 40px 0;
    padding-bottom: 40px;
    line-height: 22px
}

.point span.to_prev {
    text-align: center
}

.point span.to_prev a {
    color: #0ba754
}

.point span.to_prev a:hover {
    color: #ea042b
}

.point span.to_next {
    text-align: center
}

.point span.to_next a {
    color: #0ba754
}

.point span.to_next a:hover {
    color: #ea042b
}

.tags {
    margin: 18px 0 10px 0
}

.tags a {
    margin: 0 5px 8px 0
}

.tags_list {
    padding: 5px 10px 100px 10px
}

.tags_ul {
    margin-top: 0
}

.tags_ul li {
    line-height: 28px;
    margin-bottom: 8px;
    padding-bottom: 10px
}

.tags_ul h3 {
    font-size: 14px;
    padding: 0;
    margin: 0;
    line-height: 20px
}

.tags_ul p {
    font-size: 13px;
    padding: 0;
    margin: 0;
    color: #777;
    line-height: 20px;
    padding-top: 8px
}

ul.ul_sitemap {
    margin: 30px 0 40px 30px
}

ul.ul_sitemap li {
    list-style: none;
    line-height: 26px;
    clear: both
}

ul.ul_sitemap li a {
    color: #fff
}

li.small_li_sitemap {
    clear: both;
    padding-left: 12px
}

li.small_li2_sitemap {
    float: left;
    padding-left: 20px
}

.link_box {
    background-color: #000;
    padding: 20px 0 20px 0;
    text-align: center;
    color: #fff;
    font-size: 13px
}

.link_box a {
    color: #fff;
    padding: 0 0 0 10px;
    font-size: 13px
}

.link_box a:hover {
    text-decoration: none;
    color: #0ba754
}

.link_box a:last-child {
    border-right: 0
}

.link_box button {
    display: none
}

.link_title {
    font-size: 13px;
    margin-right: -6px
}

.link_title:after {
    content: "："
}

table {
    margin-bottom: 10px;
    border-collapse: collapse;
    display: table
}

td,
th {
    padding: 5px 10px;
    border: 1px solid #ddd
}

caption {
    border: 1px dashed #ddd;
    border-bottom: 0;
    padding: 3px;
    text-align: center
}

th {
    border-top: 1px solid #bbb;
    background-color: #f7f7f7
}

table tr.firstRow th {
    border-top-width: 2px
}

.ue-table-interlace-color-single {
    background-color: #fcfcfc
}

.ue-table-interlace-color-double {
    background-color: #f7faff
}

td p {
    margin: 0;
    padding: 0
}

.footer_qrcode {
    display: block;
    max-width: 130px;
    margin: 0 auto;
}

@media screen and (min-width:769px) {
    .logo {
        margin: 25px 0 0 0;
        max-width: 460px;
        max-height: 70px
    }
    .flash {
        margin-top: 78px
    }
    .navbar {
        min-height: 80px
    }
    .navbar-nav {
        float: right
    }
    .navbar-nav>li>a {
        text-align: center
    }
    .navbar-default .navbar-nav>li>a {
        padding: 45px 22px 45px 22px;
        color: #312b2b;
        font-size: 16px
    }
    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:hover,
    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:focus,
    .navbar-default .navbar-nav>.open>a:hover,
    .navbar-default .navbar-nav>li>a:focus,
    .navbar-default .navbar-nav>li>a:hover {
        background-color: #0ba754;
        color: #fff
    }
    .small-nav {
        min-height: 50px;
        margin-top: 0;
        background: rgba(255, 255, 255, .9);
        box-shadow: 0 3px 4px rgba(0, 0, 0, .1)
    }
    .small-nav .navbar-nav>li>a {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .small-nav img.logo {
        max-height: 50px;
        max-width: 220px;
        margin: 5px 0 0 0
    }
    .nav_small {
        background: rgba(0, 0, 0, .6);
        padding: 15px 0 15px 0;
        border-radius: 0;
        border: none
    }
    .nav_small>li>a {
        line-height: 42px;
        color: #fff;
        font-size: 14px
    }
    .nav_small>li>a:hover {
        color: #fff;
        background-color: #0ba754
    }
    #app_menudown,
    #small_search {
        display: none
    }
    .mfoot_box {
        display: none
    }
}

@media screen and (max-width:768px) {
    .header {
        height: 60px;
        position: relative;
        top: 0
    }
    .header .sublogo {
        display: none
    }
    .header .navWrap:after {
        display: none
    }
    .logo {
        height: 60px
    }
    .htel {
        height: 60px;
        width: 25%;
        margin-right: 60px
    }
    .wow {
        visibility: visible
    }
    .child .childContent {
        display: none!important
    }
    button.nav-trigger {
        display: block
    }
    .nav_transform1 {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 20;
        overflow-y: scroll;
        box-sizing: border-box;
        padding: 44px;
        width: 84vw;
        border: 0;
        background: #262526;
        text-align: left;
        text-transform: none;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-overflow-scrolling: touch
    }
    .nav_transform1 {
        transition: -webkit-transform .3s cubic-bezier(.86, 0, .07, 1);
        transition: transform .3s cubic-bezier(.86, 0, .07, 1)
    }
    .navigation-is-visible .nav_transform1 {
        -webkit-transform: none;
        transform: none
    }
    .nav-overlay {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, .6);
        opacity: 0;
        transition: opacity .3s linear;
        pointer-events: none
    }
    .navigation-is-visible .nav-overlay {
        opacity: 1;
        pointer-events: auto
    }
    .nav_transform1 ul.navCont li.child {
        float: none;
        margin: 0 auto;
        width: 100px
    }
    .nav_transform1 ul.navCont li.child a {
        padding: 1rem 0;
        line-height: inherit;
        color: #fff;
        font-size: 14px
    }
    .nav_transform1 ul.navCont li.child.last {
        margin-right: auto
    }
    .nav_transform1 ul.navCont li.child a:after {
        display: none
    }
    .nav_transform1 ul.navCont li.child .childcont {
        display: none!important
    }
    .footer {
        font-size: 12px;
        line-height: inherit
    }
    .footer span {
        display: block;
        text-align: center
    }
    .footer .footer_link {
        display: none
    }
    .footer_info {
        text-align: center;
        padding: 15px 0
    }
    .footer_info .usinfo {
        padding: 0;
        margin: 0
    }
    .footer_info .usinfo h5 {
        font-size: 14px
    }
    .footer_info .usinfo p {
        font-size: 12px
    }
    .top {
        border-radius: 100%
    }
    .index_ {
        padding-top: 2em;
        padding-bottom: 1em
    }
    .index_ .T {
        padding-bottom: 18px
    }
    .index_ .T h1 {
        font-size: 22px
    }
    .index_ .T h2 {
        font-size: 18px
    }
    .index_ .T h2 strong {
        width: 100%;
        background-size: contain
    }
    .index_ .T h2.border strong:after,
    .index_ .T h2.border strong:before {
        width: 60%
    }
    .index_ .T h3 {
        font-size: 16px
    }
    .index_ .T h4 {
        font-size: 12px
    }
    .article .C {
        font-size: 12px
    }
    .module_cate {
        width: 95%;
        padding-bottom: 0
    }
    .module_prod {
        padding: 3rem 0;
        margin-top: 0
    }
    .module_cate .swiper-slide a.cateMore {
        display: none
    }
    .module_cate .swiper-slide .js_cate {
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 1px solid #fff
    }
    .module_cate .swiper-slide:hover .js_cate {
        border-color: #2b2a2a
    }
    .services-box {
        text-align: center;
        padding-bottom: 1rem
    }
    .nbanner {
        height: 150px
    }
    .nbanner img {
        margin-top: -182px;
        margin-left: -500px;
        width: 1000px;
        height: 260px
    }
    .aboutBox {
        padding-left: 0
    }
    .news-box {
        margin-bottom: 1rem
    }
    .news-box .news_cont p {
        height: 3.15rem
    }
    .news-box .news_time .date {
        line-height: 22px;
        text-align: left;
        padding: 0;
        margin: 0
    }
    .news-box .news_time .date:before {
        display: none
    }
    .news-box .news_time .date i {
        font-size: inherit;
        font-weight: 400;
        display: inline
    }
    .newsTit h1 {
        padding: 25px 0 25px;
        font-size: 22px
    }
    .newsTit p span {
        display: inline-block
    }
    .content_bak {
        padding: 20px 0!important;
        border: 0;
        background-color: #fff
    }
    .content_bak h2 {
        font-size: 15px;
        font-weight: 400;
        margin: 0 0
    }
    .content_bak p {
        font-size: 13px;
        margin: 1em 0;
        line-height: 22px
    }
    .newsDetailCur li,
    .newsDetailCur li.r {
        float: left;
        padding-bottom: 10px;
        width: 100%;
        text-align: left;
        white-space: nowrap;
        font-size: 13px
    }
    .jobapply {
        padding: 10px
    }
    .jobchild {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-right: 0;
        border-bottom: 1px solid #ccc
    }
    .section_njob a.back {
        display: none
    }
    .navContent,
    .subNav,
    .sub_top p {
        padding-left: 4%
    }
    .section_njob .services-box .icon {
        float: left;
        width: 60px;
        font-size: 26px;
        line-height: 2
    }
    .section_njob .services-box h3,
    .section_njob .services-box p {
        text-align: left
    }
    .section_njob .services-box h3 {
        padding: 0;
        font-weight: 400;
        font-size: 18px
    }
    .subNav {
        line-height: 44px
    }
    .subNav i {
        font-size: 18px;
        line-height: 44px
    }
    .sect_job .m-table {
        width: auto
    }
    .sect_job .m-table thead {
        font-size: 14px;
        font-weight: 400
    }
    .sect_job .m-table td a {
        padding: 0;
        background: 0 0;
        color: inherit
    }
    .flash {
        margin-top: 50px
    }
    .navbar {
        min-height: 50px
    }
    .navbar-default .navbar-brand {
        color: #fff;
        font-size: 16px
    }
    .navbar-default .navbar-brand:focus,
    .navbar-default .navbar-brand:hover {
        color: #fff
    }
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border: none
    }
    .navbar-default .navbar-nav {
        margin-top: 0;
        margin-bottom: 0
    }
    .navbar-default .navbar-nav>li:last-child {
        border: none
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:focus,
    .navbar-default .navbar-nav>.active>a:hover,
    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:focus,
    .navbar-default .navbar-nav>.open>a:hover,
    .navbar-default .navbar-nav>li>a:focus,
    .navbar-default .navbar-nav>li>a:hover {
        background-color: #0ba754;
        color: #fff
    }
    .small-nav {
        margin-top: 0;
        background: rgba(255, 255, 255, .9);
        box-shadow: 0 3px 4px rgba(0, 0, 0, .1)
    }
    .center_nav,
    .home-btn,
    .page_bg,
    .top_name {
        display: none
    }
    .language {
        border-left: 0;
        border-right: 0
    }
    .list_box {
        margin-top: 75px
    }
    #topsearch {
        display: none
    }
    .product_head h2 {
        margin-top: 40px;
        font-size: 25px
    }
    .product_head p {
        font-size: 14px;
        margin-top: 8px
    }
    .product_img {
        min-height: 180px
    }
    .product_list2 div.product_img {
        min-height: 180px
    }
    .case_head h2 {
        font-size: 26px
    }
    .case_head p {
        font-size: 14px;
        margin-top: 4px
    }
    .case_img {
        min-height: 150px
    }
    .case_list2 div.case_img {
        min-height: 150px
    }
    .case_bg {
        padding-top: 0;
        padding-bottom: 0
    }
    .sevices_bg {
        padding-top: 0;
        padding-bottom: 45px
    }
    .news_head {
        margin-bottom: 0
    }
    .news_head h2 {
        margin-top: 30px;
        font-size: 26px
    }
    .news_head p {
        font-size: 14px;
        margin-top: 4px
    }
    .news_index {
        padding-left: 0
    }
    .news_img {
        display: none
    }
    .news_time {
        display: none
    }
    .news_h2 {
        font-size: 24px;
        margin-top: 20px
    }
    .news_p {
        font-size: 12px;
        margin-top: 4px
    }
    .about_us {
        margin-top: 40px
    }
    .about_h3,
    .about_p {
        text-align: center
    }
    .about_head {
        margin-bottom: 25px
    }
    .about_head h2 {
        margin-top: 35px;
        font-size: 26px
    }
    .about_head p {
        font-size: 14px;
        margin-top: 8px
    }
    .about_content {
        margin-top: 0
    }
    .about_btn {
        display: block;
        width: 200px;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 40px
    }
    .cooperation_head {
        margin-top: 50px
    }
    .cooperation_head p {
        font-size: 22px;
        margin-top: 8px
    }
    .cooperation_img {
        min-height: 100px
    }
    .page_bg {
        display: none
    }
    .page_bg2 {
        height: auto;
        background: #00000;
        padding-bottom: 45px
    }
    .photo_con img,
    .product_con img,
    .right_contents img {
        max-width: 100%
    }
    .feedback {
        margin-top: 20px
    }
    .proinfo_box {
        margin-bottom: 80px
    }
    #pic-page a img {
        width: 35px
    }
    #cmsFloatPanel {
        display: none
    }
    .point span.to_next,
    .point span.to_prev {
        text-align: left;
        padding-bottom: 8px
    }
    .footer_logo,
    .footer_logo_text {
        display: none
    }
    .footer_contact {
        margin-bottom: 30px
    }
    .footer_qrcode {
        display: block;
        max-width: 130px;
        margin: 0 auto;
        margin-top: 25px
    }
    .footer_qrcode_text {
        width: 130px;
        margin: 0 auto;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 35px
    }
    .link_box {
        padding-left: 7px;
        margin-bottom: 50px
    }
    .link_box a {
        display: block;
        border-right: 0;
        padding: 4px 0
    }
    .link_title {
        display: block
    }
    .link_title:after {
        content: ""
    }
    .link_box button {
        display: inline-block;
        background-color: transparent;
        border: none;
        float: right;
        margin-top: -20px
    }
    .link_box button:focus,
    .link_box button:hover {
        color: #97f3e7
    }
    .link_list {
        display: none;
        padding-top: 7px
    }
    .tags_box {
        padding-left: 7px;
        margin-bottom: 50px
    }
    .tags_box a {
        display: block;
        border-right: 0;
        padding: 4px 0
    }
    .tags_title {
        display: block
    }
    .tags_title:after {
        content: ""
    }
    .tags_box button {
        display: inline-block;
        background-color: transparent;
        border: none;
        float: right;
        margin-top: -20px
    }
    .tags_box button:focus,
    .tags_box button:hover {
        color: #97f3e7
    }
    .tags_rows {
        display: none;
        padding-top: 7px
    }
    .mfoot_box {
        background-color: #fafafa
    }
    .mfoot_nav {
        width: 25%;
        float: left;
        background-color: #fafafa;
        text-align: center;
        color: #898989;
        cursor: pointer
    }
    .mfoot_nav:focus,
    .mfoot_nav:hover {
        background-color: #e4e4e4;
        cursor: pointer
    }
    .mfoot_nav a {
        color: #898989;
        display: block
    }
    .mfoot_nav a:focus,
    .mfoot_nav a:hover {
        text-decoration: none
    }
    .mfoot_nav span {
        display: block;
        padding: 3px 0 0 0
    }
    .mfoot_share {
        width: 240px;
        padding: 5px
    }
    .container {}
    .bread_bg {
        margin-bottom: 20px;
    }
    .bread_nav {
        padding: 80px 0 10px 0
    }
}

@media screen and (max-width:767px) {
    .copyright_p {
        display: none
    }
}

@media screen and (min-width:320px) and (max-width:768px) {
    .col-mm-1,
    .col-mm-10,
    .col-mm-11,
    .col-mm-12,
    .col-mm-2,
    .col-mm-3,
    .col-mm-4,
    .col-mm-5,
    .col-mm-6,
    .col-mm-7,
    .col-mm-8,
    .col-mm-9 {
        float: left
    }
    .col-mm-12 {
        width: 100%
    }
    .col-mm-11 {
        width: 91.66666667%
    }
    .col-mm-10 {
        width: 83.33333333%
    }
    .col-mm-9 {
        width: 75%
    }
    .col-mm-8 {
        width: 66.66666667%
    }
    .col-mm-7 {
        width: 58.33333333%
    }
    .col-mm-6 {
        width: 50%
    }
    .col-mm-5 {
        width: 41.66666667%
    }
    .col-mm-4 {
        width: 33.33333333%
    }
    .col-mm-3 {
        width: 25%
    }
    .col-mm-2 {
        width: 16.66666667%
    }
    .col-mm-1 {
        width: 8.33333333%
    }
}


/*! normalize.css v2.1.3 | MIT License | git.io/normalize */


/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

menu,
ol,
ul {
    padding-left: 0;
    list-style-type: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

mark {
    color: #000;
    background: #ff0
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid silver
}

legend {
    padding: 0;
    border: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td,
th {
    padding: 0
}

img {
    max-width: 100%;
    border: 0;
    vertical-align: top
}

a,
button,
input,
select,
textarea {
    outline: 0
}

a {
    text-shadow: none;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent
}

* {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.widget-respimg {
    display: table-cell!important;
    text-align: center;
    vertical-align: middle
}

.widget-respimg img {
    max-height: 100%;
    max-width: 100%
}

.ghost-center {
    height: 100%
}

.ghost-center:before {
    content: " ";
    display: inline-block;
    height: 100%;
    width: 0%;
    vertical-align: middle
}

.ghost-center p {
    display: inline-block;
    vertical-align: middle
}

.shade {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    transition: all .5s ease
}

a:hover .shade {
    z-index: 999;
    background: url(../images/plus2.png) center center no-repeat rgba(0, 0, 0, .5)
}

.mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/layer.png) no-repeat;
    background-size: 100%;
    color: #fff;
    content: "";
    font-size: 18px
}

.mask2 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .2)
}

.mask3 {
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.mask3 {
    -webkit-transition: all ease-in-out .35s;
    -moz-transition: all ease-in-out .35s;
    -o-transition: all ease-in-out .35s;
    transition: all ease-in-out .35s;
    -ms-transition: all ease-in-out .35s
}

.m-table {
    table-layout: fixed;
    width: 100%;
    line-height: 1.5
}

.m-table td,
.m-table th {
    padding: 10px;
    border: 1px solid #e8e8e8;
    text-align: center
}

.m-table th {
    font-weight: 700
}

.m-table tbody tr:nth-child(2n) {
    background: #fafafa
}

.m-table tbody tr:hover {
    background: #e4f4e9
}

.m-table tbody tr:nth-child(2n):hover {
    background: #fff
}

.m-table .cola {
    width: 100px
}

.m-table .colb {
    width: 200px
}

.m-table .colc {
    width: 60px
}

.m-table-row td,
.m-table-row th {
    border-width: 0 0 1px
}

.m-table-rds {
    border-collapse: separate;
    border: 1px solid #ddd;
    border-width: 0 1px 1px 0;
    border-radius: 5px
}

.m-table-rds td,
.m-table-rds th {
    border-width: 1px 0 0 1px
}

.m-table-rds>:first-child>:first-child>:first-child {
    border-top-left-radius: 5px
}

.m-table-rds>:first-child>:first-child>:last-child {
    border-top-right-radius: 5px
}

.m-table-rds>:last-child>:last-child>:first-child {
    border-bottom-left-radius: 5px
}

.m-table-rds>:last-child>:last-child>:last-child {
    border-bottom-right-radius: 5px
}

.m-form {
    padding: 0 0 10px 0
}

.m-form legend {
    font-size: 1.25rem;
    color: #444;
    padding-bottom: 8px
}

.m-form .btn {
    width: 100%;
    border-radius: 0;
    padding: 10px 10px;
    margin-top: 0;
    border: 1px solid #00aa3a;
    background: #00aa3a;
    color: #fff
}

.m-form .btn {
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s
}

.m-form .btn-default.focus,
.m-form .btn-default:focus {
    color: #fff;
    opacity: .8
}

.m-form .btn-default:hover {
    color: #fff;
    opacity: .8;
    border-color: #ff8e00;
    background-color: #ff8e00
}

.m-form .btn[type=reset] {
    background-color: #797979;
    border: 1px solid #797979
}

.form-label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 14px
}

.form-control {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #f1f1f1;
    background-image: none;
    border: 1px solid #eae7e7;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}

@media (min-width:768px) {
    .form-inline .form-group {
        width: 100%;
        border-bottom: 1px solid #eae7e7;
        border-left: 1px solid #eae7e7;
        padding: 10px 0;
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
        width: 60%
    }
    .form-inline .form-label {
        padding-left: 15px;
        width: 86px;
        text-align: left
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=date].form-control,
    input[type=datetime-local].form-control,
    input[type=month].form-control,
    input[type=time].form-control {
        line-height: 34px
    }
    .input-group-sm input[type=date],
    .input-group-sm input[type=datetime-local],
    .input-group-sm input[type=month],
    .input-group-sm input[type=time],
    input[type=date].input-sm,
    input[type=datetime-local].input-sm,
    input[type=month].input-sm,
    input[type=time].input-sm {
        line-height: 30px
    }
    .input-group-lg input[type=date],
    .input-group-lg input[type=datetime-local],
    .input-group-lg input[type=month],
    .input-group-lg input[type=time],
    input[type=date].input-lg,
    input[type=datetime-local].input-lg,
    input[type=month].input-lg,
    input[type=time].input-lg {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.checkbox,
.radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox label,
.radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    position: absolute;
    margin-left: -20px
}

.checkbox+.checkbox,
.radio+.radio {
    margin-top: -5px
}

.checkbox-inline,
.radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer
}

.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px
}

fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox].disabled,
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled] {
    cursor: not-allowed
}

.checkbox-inline.disabled,
.radio-inline.disabled,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio-inline {
    cursor: not-allowed
}

.checkbox.disabled label,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .radio label {
    cursor: not-allowed
}

:-moz-placeholder {
    color: #fff
}

::-moz-placeholder {
    color: #fff
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #fff
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #fff
}

.f-cb:after,
.f-cbli li:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    content: "."
}

.f-cb,
.f-cbli li {
    zoom: 1
}

.f-ib {
    display: inline-block
}

.f-dn {
    display: none
}

.f-db {
    display: block
}

.f-fl {
    float: left
}

.f-fr {
    float: right
}

.f-pr {
    position: relative
}

.f-prz {
    position: relative;
    zoom: 1
}

.f-pa {
    position: absolute
}

.f-oh {
    overflow: hidden
}

.f-ff0 {
    font-family: arial, \5b8b\4f53
}

.f-ff1 {
    font-family: "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, arial, \5b8b\4f53
}

.f-fs1 {
    font-size: 12px
}

.f-fs2 {
    font-size: 14px
}

.f-fwn {
    font-weight: 400
}

.f-fwb {
    font-weight: 700
}

.f-tal {
    text-align: left
}

.f-tac {
    text-align: center!important
}

.f-tar {
    text-align: right
}

.f-taj {
    text-align: justify;
    text-justify: inter-ideograph
}

.f-vam,
.f-vama * {
    vertical-align: middle
}

.f-wsn {
    word-wrap: normal;
    white-space: nowrap
}

.f-pre {
    overflow: hidden;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all
}

.f-wwb {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all
}

.f-ti {
    overflow: hidden;
    text-indent: -30000px
}

.f-ti2 {
    text-indent: 2em
}

.f-lhn {
    line-height: normal
}

.f-tdu,
.f-tdu:hover {
    text-decoration: underline
}

.f-tdn,
.f-tdn:hover {
    text-decoration: none
}

.f-toe {
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis
}

.f-csp {
    cursor: pointer
}

.f-csd {
    cursor: default
}

.f-csh {
    cursor: help
}

.f-csm {
    cursor: move
}

.f-usn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.f-cen {
    margin: 0 auto
}

.small {
    font-size: .8em;
    margin-bottom: 1.875em;
    line-height: 1.875em
}

.large {
    font-size: 1.2em;
    line-height: 2.5em;
    margin-bottom: 1.25em
}

.overflow {
    text-indent: -9999px;
    font-size: 0;
    line-height: 0
}

.overflow a {
    display: block;
    width: 100%;
    height: 100%
}

.plugin-fixed-call {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 45px;
    display: none;
    z-index: 1000
}

.plugin-fixed-call .child {
    position: absolute;
    right: 0;
    overflow: hidden;
    cursor: pointer;
    width: 45px;
    height: 45px;
    background: #c00;
    line-height: 45px;
    margin-top: 1px
}

.plugin-fixed-call .child {
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s
}

.plugin-fixed-call .child:hover {
    width: 140px;
    background: #000
}

.plugin-fixed-call .child img {
    position: absolute;
    top: 0;
    left: 0
}

.plugin-fixed-call .child p {
    position: absolute;
    left: 45px;
    color: #fff
}

.plugin-fixed-call .fixedQQ {
    bottom: 92px
}

.plugin-fixed-call .fixedCall {
    bottom: 46px
}

.plugin-fixed-call .fixedTop {
    position: absolute;
    right: 0;
    bottom: 138px;
    color: #fff;
    background-color: #cbcbcb;
    cursor: pointer;
    text-align: center;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    font-family: "MICROSOFT YAHEI", "Arial Narrow"
}

.plugin-fixed-call .fixedTop .fixedTopPointer {
    position: absolute;
    top: -5px;
    left: 18px
}

.plugin-fixed-call .fixedCode {
    bottom: 0;
    cursor: pointer;
    width: 45px;
    height: 45px;
    background: #c00;
    line-height: 45px;
    margin-top: 1px
}

.plugin-fixed-call .fixedCode:hover .fixedCodeInfo {
    display: block;
    opacity: 1
}

.fixedCodeInfo {
    display: none;
    position: fixed;
    bottom: 0;
    right: 54px;
    padding: 0 3px;
    border: 1px solid #ccc;
    background: #fff;
    opacity: 0
}

.fixedCodeInfo .fixedPointer {
    position: absolute;
    right: -6px;
    bottom: 12px
}

body {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    color: #393a45;
    font: 14px/1.8 'Microsoft Yahei', Arial, sans-serif
}

input,
textarea {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    background: 0 0;
    vertical-align: middle
}

body,
button,
dd,
dl,
form,
h1,
h2,
h3,
h4,
h5,
menu,
ol,
p,
ul {
    margin: 0
}

menu,
ol,
ul {
    padding-left: 0;
    list-style-type: none
}

a,
input,
select,
textarea {
    outline: 0;
    star: expression(this.onFocus=this.blur())
}

footer p {
    margin: 0;
    line-height: 28px
}

.footer_qrcode_text {
    text-align: center
}

a {
    outline: 0;
    color: #000;
    text-decoration: none;
    font-family: "微软雅黑"
}

footer a {
    color: #fff
}

a:hover {
    color: #0BA754
}

b,
i {
    font-style: normal
}

.arrs,
.mask2,
.media-box h5,
.media-box p,
:after,
:before,
a.cateMore,
b,
h1,
img,
input,
span {
    -moz-transition: all ease-in-out .35s;
    -webkit-transition: all ease-in-out .35s;
    -o-transition: all ease-in-out .35s;
    -ms-transition: all ease-in-out .35s;
    transition: all ease-in-out .35s
}

@keyframes rightOpacityShow {
    0% {
        transform: translateX(-80px);
        opacity: 0
    }
    80% {
        transform: translateX(20px)
    }
    100% {
        transform: translateX(0);
        opacity: 1
    }
}

@-moz-keyframes rotateYOpacityAn {
    0% {
        -moz-transform: translateX(-80px);
        opacity: 0
    }
    80% {
        -moz-transform: translateX(20px)
    }
    100% {
        -moz-transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateYOpacityAn {
    0% {
        -webkit-transform: translateX(-80px);
        opacity: 0
    }
    80% {
        -webkit-transform: translateX(20px)
    }
    100% {
        -webkit-transform: translateX(0);
        opacity: 1
    }
}

@-o-keyframes rotateYOpacityAn {
    0% {
        -o-transform: translateX(-80px);
        opacity: 0
    }
    80% {
        -o-transform: translateX(20px)
    }
    100% {
        -o-transform: translateX(0);
        opacity: 1
    }
}

.page {
    overflow: hidden
}

section {
    overflow: hidden
}

.wow {
    visibility: hidden
}

.opc0 {
    opacity: 0
}

.clear:after,
.clear:before {
    content: "";
    display: table
}

.clear:after {
    clear: both
}

.dib {
    display: inline-block
}

.btn {
    cursor: pointer
}

.hide {
    display: none
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000
}

.header .navWrap {
    background: #fff;
    position: relative
}

.header .navWrap:after {
    display: block;
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    background: #fff;
    width: 100%
}

.header .navWrap:before {
    display: block;
    content: '';
    position: absolute;
    width: 40px;
    height: 100%;
    background: #0ba754;
    right: 100%;
    top: 0
}

.sublogo {
    background: #0ba754;
    color: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 1em 5em 1em 1em
}

.sublogo:before {
    display: block;
    content: '';
    width: 40px;
    height: 100%;
    position: absolute;
    background: #0ba754;
    right: 100%;
    top: 0
}

.sublogo:after {
    display: block;
    content: '';
    position: absolute;
    background: #0ba754;
    height: 100%;
    width: 80px;
    transform: skewX(-30deg);
    top: 0;
    right: 0;
    margin-right: -40px
}

.header {
    transition: bottom .5s, background .5s, height .5s, top .5s, line-height .5s
}

.header * {
    transition: all .5s
}

@media screen and (min-width:1024px) {
    .header.header-min .logo,
    .header.header-min .navBox {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: right;
        transform-origin: right
    }
    .header.header-min .logo {
        height: 90px;
        -webkit-transform-origin: left;
        transform-origin: left
    }
    .header.header-min .nav_transform1 ul.navCont li.child a {
        line-height: 90px
    }
    .header.header-min .navWrap:before {
        opacity: 0
    }
    .header.header-min .sublogo {
        opacity: 0
    }
}

.bar {
    background: #333;
    color: #ccc;
    position: relative;
    clear: both;
    line-height: 36px;
    overflow: hidden;
    font-size: 12px;
    font-weight: lighter;
    border-bottom: 1px solid #e5e5e5
}

.bar a {
    color: #ccc
}

.bar ul li {
    float: left;
    font-size: 12px
}

.bar ul li i.split {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 9px;
    background: #8d8d8d;
    margin: 0 4px
}

.logo a {
    display: block;
    height: 100%
}

.logo span {
    display: inline-block;
    height: 100%;
    width: 0;
    text-align: center;
    vertical-align: middle
}

.logo img {
    vertical-align: middle;
    max-height: 100%
}

.logo:after {
    display: none;
    content: '';
    width: 1px;
    height: 68px;
    background-color: #e1e1e1;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -34px
}

.htel {
    width: 10%;
    float: right;
    height: 90px;
    padding-right: 2%;
    color: #676767
}

.wapNavBtn {
    position: absolute;
    top: 16px;
    right: 5px;
    display: none;
    width: 24px;
    font-size: 24px;
    cursor: pointer;
    animation: transform .6s ease-in-out 0s both;
    -moz-animation: transform .6s ease-in-out 0s both;
    -webkit-animation: transform .6s ease-in-out 0s both;
    -o-animation: transform .6s ease-in-out 0s both;
    z-index: 99
}

.wapNavPointer {
    display: none;
    position: absolute;
    top: 3px;
    right: 3px;
    cursor: pointer
}

button.nav-trigger {
    display: none;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 20;
    height: 60px;
    width: 50px;
    margin-top: -30px;
    padding: 0 12px;
    background: 0 0;
    border: 0;
    outline: 0
}

.nav-trigger {
    transition: -webkit-transform .3s cubic-bezier(.86, 0, .07, 1);
    transition: transform .3s cubic-bezier(.86, 0, .07, 1)
}

.nav-icon {
    position: relative;
    top: 2px;
    right: inherit;
    display: block;
    width: 26px;
    height: 2px;
    background-color: #000;
    border-radius: 2.5rem;
    transition: all .3s
}

.nav-icon:after,
.nav-icon:before {
    content: "";
    position: absolute;
    z-index: -1;
    display: block;
    height: 2px;
    width: 100%;
    border-radius: 2.5rem;
    background-color: #000;
    transition: all .3s
}

.nav-icon:before {
    top: 7px
}

.nav-icon:after {
    top: -7px
}

.navigation-is-visible .nav-icon {
    background-color: transparent!important
}

.navigation-is-visible .nav-icon:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0;
    background-color: #fff
}

.navigation-is-visible .nav-icon:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
    background-color: #fff
}

.navBox {
    background-color: #fff;
    width: 60%;
    float: right;
    padding-right: 2%
}

.nav_transform1 {
    position: relative
}

.nav_transform1 .navTop {
    position: absolute;
    top: 0;
    display: none;
    height: 4px;
    background: #00aa3a;
    z-index: 2
}

.nav_transform1 .navTop {
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s
}

.nav_transform1 ul.navCont {
    font-size: 16px
}

.nav_transform1 ul.navCont li.child {
    position: relative;
    float: left;
    width: 12.5%;
    text-align: center
}

.nav_transform1 ul.navCont li.child.last {
    margin-right: 0
}

.nav_transform1 ul.navCont li.child a {
    display: block;
    line-height: 104px;
    transition: initial
}

.nav_transform1 ul.navCont li.child a:hover,
.nav_transform1 ul.navCont li.child.cur a {
    background: #0ba754;
    color: #fff
}

.nav_transform1 ul.navCont li.child a:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #efefef
}

.nav_transform1 ul.navCont li.child.last a:after {
    display: none
}

.nav_transform1 ul.navCont li.child a span {
    transition: initial;
    padding: 5px 0
}

.nav_transform1 ul.navCont li.child a.cur span {
    border-bottom: 3px solid #ff9c01
}

.nav_transform1 ul.navCont li.child .childcont {
    display: none;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 999
}

.nav_transform1 ul.navCont li.child .childcont li a {
    font-size: 14px;
    background-color: #0ba754;
    color: #fff;
    padding: 10px 0;
    line-height: 1.8!important
}

.nav_transform1 ul.navCont li.child .childcont li a:after {
    display: none
}

.nav_transform1 ul.navCont li.child .childcont li a:hover {
    background: #fff;
    color: #000
}

.footer {
    background: #0150a4;
    color: #6f7174
}

.footer a {
    color: #6f7174
}

.footer a:hover {
    text-decoration: underline;
    color: inherit
}

.footer_detail {
    padding: 15px 10px 0 10px
}

.footer_detail span {
    padding-right: 30px
}

.footer_detail ul {
    width: 103%
}

.footer_detail ul li {
    width: 17%;
    float: left;
    line-height: 1.3;
    text-align: left;
    margin-right: 3%;
    padding-top: 55px
}

.footer_detail ul li p {
    padding-left: 36px
}

.footer_detail ul li i {
    float: left;
    font-size: 3rem
}

.footer_nav {
    padding: 1em 0;
    text-align: center;
    background: #0ba754
}

.footer_nav a {
    padding: 0 10px;
    position: relative;
    color: #fff
}

.footer_nav a:after {
    display: block;
    content: '';
    width: 1px;
    height: 11px;
    background-color: #90bcea;
    position: absolute;
    right: 0;
    top: 5px
}

.footer_nav a.last:after {
    display: none
}

.footer_link {
    padding: 1em 0;
    text-align: center;
    background-color: #f6f6f6
}

.footer_link a {
    color: #6e6e6e;
    padding: 0 4px
}

footer {
    background-color: #303339;
    color: #fff;
    padding: 40px 0 20px 0
}

.copyright {
    line-height: 20px
}

.copyright a {
    color: #fff
}

.foot_nav {
    width: 25%;
    float: left;
    background-color: #fafafa;
    text-align: center;
    color: #898989;
    cursor: pointer
}

.foot_nav:focus,
.foot_nav:hover {
    background-color: #e4e4e4;
    cursor: pointer
}

.foot_nav a {
    color: #898989;
    display: block
}

.foot_nav a:focus,
.foot_nav a:hover {
    text-decoration: none
}

.foot_nav span {
    display: block;
    padding: 3px 0 0 0
}

.top {
    display: none;
    position: fixed;
    right: 10px;
    bottom: 80px;
    z-index: 999;
    width: 40px;
    height: 40px;
    font-size: 24px;
    background: #ccc;
    color: #fff;
    line-height: 40px;
    text-align: center;
    cursor: pointer
}

.top {
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s
}

.top:hover {
    opacity: .8
}

.top img {
    vertical-align: middle
}

.index_ {
    padding: 4rem 0 3rem
}

.index_ .T {
    padding-bottom: 3.4em;
    text-align: center;
    color: #393a45;
    text-transform: uppercase
}

.index_ .T h1 {
    font-size: 60px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: -webkit-pictograph;
    line-height: 1
}

.index_ .T h2 {
    font-size: 1.9rem
}

.index_ .T h2 strong {
    padding: 0 2rem;
    position: relative
}

.index_ .T h2.border strong:before {
    display: block;
    content: ' ';
    width: 50%;
    height: 1px;
    border-bottom: 1px solid #8d8d8d;
    position: absolute;
    right: 100%;
    bottom: 46%
}

.index_ .T h2.border strong:after {
    display: block;
    content: ' ';
    width: 50%;
    height: 1px;
    border-bottom: 1px solid #8d8d8d;
    position: absolute;
    left: 100%;
    bottom: 46%
}

.index_ .T h3 {
    font-size: 24px;
    font-weight: 400
}

.index_ .T h4 {
    font-size: 16px;
    font-weight: 400;
    color: #7e7e7e
}

.index_ .T h5 {
    font-size: 14px;
    font-weight: 400;
    color: #282828;
    font-family: 'times new roman'
}

.index_ .T img {
    display: block
}

.text-color1 {
    color: #0ba754
}

.text-color2 {
    color: #0ba754
}

a.more {
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s
}

a.more.block {
    padding: 6px 30px;
    border: 1px solid #d2d2d2;
    display: inline-block;
    margin-top: 20px
}

a.more.block:hover {
    border-color: #ad2226;
    color: inherit
}

a.button {
    width: 220px;
    height: 45px;
    border: 1px #eee solid;
    border-radius: 40px;
    background-color: #fff;
    display: block;
    margin: 0 auto;
    text-align: center;
    line-height: 45px;
    position: relative;
    overflow: hidden
}

a.button.anim span {
    position: absolute;
    left: 50%;
    top: 0;
    white-space: nowrap;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms
}

a.button.anim i:before {
    font-size: 22px;
    color: #ec408c;
    position: absolute;
    top: 9px;
    left: 0;
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    -o-transform: translateX(-200%);
    transform: translateX(-200%)
}

a.button.anim:hover i:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

a.button.anim:hover span {
    left: 120%
}

.services-box {
    padding: 1rem 0 3.5rem 0;
    display: block;
    color: #fff
}

.services-box .icon {
    display: inline-block;
    background: #fff;
    width: 100px;
    height: 100px;
    position: relative;
    margin-bottom: 0
}

.services-box .icon a {
    display: block;
    width: 67px;
    height: 67px;
    margin: 0 auto;
    padding-top: 12px
}

.services-box .icon img {
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s
}

.services-box .icon a:hover img {
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg)
}

.services-box h3 {
    font-size: 1.8rem;
    padding-bottom: .5rem;
    font-weight: 400
}

.services-box p {
    font-size: 14px
}

.services-box i {
    display: inline-block;
    width: 105px;
    height: 74px;
    border-radius: 100%;
    font-size: 44px;
    line-height: 74px;
    color: #b9b8be
}

.services-box.horizontal {
    text-align: left;
    padding-bottom: 0
}

.services-box.horizontal .icon {
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    border: 3px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
    color: #ccc;
    text-align: center;
    line-height: 24px;
    margin-top: 8px
}

.services-box.horizontal .icon a {
    padding-top: 0;
    line-height: 67px;
    text-align: center;
    font-size: 40px
}

.services-box.horizontal h3 {
    margin-left: 180px;
    padding: 0;
    margin-bottom: 20px
}

.services-box.horizontal p {
    margin-left: 40px;
    height: 40px;
    font-size: 12px
}

.media-box {
    display: block;
    text-align: center;
    margin-bottom: 15px;
    width: 100%;
    position: relative
}

.media-box .icon {
    display: inline-block;
    background: #f3f4f8;
    width: 300px;
    height: 190px;
    overflow: hidden
}

.media-box .icon {
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s
}

.media-box h5 {
    font-size: 1rem;
    padding: .35rem .75rem;
    font-weight: 400;
    color: #000
}

.media-box h3 {
    font-size: 14px;
    padding: 5px 10px;
    font-weight: 400;
    color: #000
}

.media-box p {
    font-size: .88rem;
    padding: 0 10px;
    line-height: 2.4
}

.media-box h6 {
    background: rgba(54, 105, 170, .8);
    line-height: 3;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 14px;
    color: #fff;
    position: absolute;
    font-weight: 400
}

.media-box .icon img {
    width: auto;
    height: auto
}

.media-box .icon img {
    transition-duration: 1s;
    -ms-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s
}

.media-box.anim.anim-scale:hover .icon img {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2)
}

.port-box {
    border: 1px #fff solid;
    position: relative;
    overflow: hidden
}

.port-box .portimg {
    display: inline-block;
    background: #fff;
    width: 100%;
    height: 230px
}

.port-box .portimg img {
    width: 100%;
    height: 100%;
    max-width: 100%!important;
    max-height: 100%!important;
    opacity: 1!important
}

.port-box .portinfo {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    opacity: 0;
    color: #fff
}

.port-box .portinfo h3 {
    display: block;
    margin-top: 18%;
    padding: 8px;
    font-size: 40px;
    color: #fff;
    border: 0
}

.port-box .portinfo p {
    color: #fff
}

.port-box .portinfo p a {
    color: #fff;
    font-size: 16px;
    padding: 0 6px
}

.port-box.anim .portinfo h3 {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.port-box.anim .portinfo p {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.port-box.anim:hover .portinfo {
    background-color: rgba(94, 40, 50, .9);
    opacity: 1
}

.port-box.anim:hover .portinfo h3,
.port-box.anim:hover .portinfo p {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.port-box.anim:hover .portimg img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.i-prorec .icon {
    position: relative
}

.i-prorec .bg {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #333;
    opacity: .68
}

.i-prorec .bg-text {
    position: absolute;
    top: 50px;
    left: -100%;
    width: 100%;
    text-align: center;
    transition: initial
}

.i-prorec .num {
    color: #fff;
    font-size: 18px;
    font-family: 微软雅黑
}

.i-prorec .price {
    display: inline-block;
    margin-top: 20px;
    width: 100%;
    color: #fff;
    line-height: 30px
}

.article {
    text-align: left
}

.article .C {
    margin: 15px 0;
    font-size: 14px;
    overflow: hidden
}

.common-menu {
    position: absolute;
    z-index: 20;
    right: 12.5%;
    top: -90px;
    width: 160px;
    transition: 344ms ease-in-out
}

.common-menu.scoll1 {
    position: fixed;
    top: 66px;
    transition: 344ms ease-in-out
}

.common-logo {
    height: 90px;
    background: url(../img/menus.jpg) center no-repeat;
    background-size: cover
}

.common-logo h4 {
    text-align: center;
    font-size: 18px;
    color: #fff;
    padding: 30% 0 2em 0;
    font-weight: 400;
    margin: 0
}

.m-ins-navbox {
    position: absolute;
    text-align: center;
    top: -52px;
    width: 100%
}

.m-ins-navbox .right .tit {
    display: none
}

.m-ins-navbox .ret-subbox {
    display: none
}

.m-ins-navbox .right .subbox {
    text-align: center
}

.m-ins-navbox .right .subbox a {
    position: relative;
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 12px 20px;
    background-color: #fff;
    text-align: center;
    font-size: 1rem
}

.m-ins-navbox .right .subbox a:hover {
    color: #0ba754
}

.m-ins-navbox .right .subbox a.cur {
    background-color: #0ba754;
    color: #fff
}

@media screen and (max-width:40em) {
    .item0>.icon.widget-respimg.js-respimg {
        display: block!important;
        margin: 0 auto;
        padding-top: 20px;
        width: 100%
    }
    .block_imglist .media-box {
        display: flex;
        justify-content: center;
        margin-top: 15px;
        width: 100%
    }
    .m-ins-navbox {
        width: 100%;
        height: 38px;
        background-color: #fff;
        position: relative;
        top: 0;
        z-index: 99;
        padding: 0!important
    }
    .m-ins-navbox .left {
        width: 15%;
        cursor: pointer;
        float: left
    }
    .m-ins-navbox .left .ico {
        display: block;
        width: 100%;
        height: 38px;
        background: url(../images/ico_2.png) no-repeat center #0ba754;
        background-size: auto 50%
    }
    .m-ins-navbox .right {
        width: 85%;
        position: relative;
        float: right;
        border-bottom: 1px solid #e5e5e5
    }
    .m-ins-navbox .right .tit {
        display: block;
        width: 95%;
        padding-left: 5%;
        font-size: 14px;
        color: #0ba754;
        line-height: 37px;
        background: url(../images/ico_1.png) no-repeat 93% center;
        background-size: auto 50%;
        cursor: pointer
    }
    .m-ins-navbox .right .subbox {
        width: 100%;
        position: absolute;
        top: 37px;
        background-color: #fff;
        z-index: 2;
        display: none;
        left: 0;
        text-align: left
    }
    .m-ins-navbox .right .subbox a {
        display: block;
        width: 95%;
        padding: 0 0 0 5%;
        line-height: 38px;
        height: 38px;
        border-top: 1px solid #e5e5e5;
        background: url(../img/base/ico_3.png) no-repeat 92% center;
        background-size: auto 35%;
        color: #666;
        font-size: inherit;
        border-radius: 0;
        margin: 0
    }
    .m-ins-navbox .ret-subbox {
        position: absolute;
        top: 38px;
        width: 100%;
        background-color: #0ba754;
        left: 0;
        z-index: 2;
        display: none
    }
    .m-ins-navbox .ret-subbox a {
        display: block;
        width: 95%;
        padding-left: 5%;
        height: 38px;
        line-height: 38px;
        border-bottom: 1px solid #4882b6;
        color: #fff;
        font-size: 14px;
        background: url(../img/base/ico_3.png) no-repeat 92% center;
        background-size: auto 35%
    }
    .m-ins-blackbg {
        position: absolute;
        left: 0;
        top: 38px;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: .5;
        display: none;
        z-index: 10
    }
}

.m-ins-navbox {
    position: relative;
    top: auto;
    margin-bottom: 2em
}

.m-ins-navbox .right .subbox a {
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 10px
}

.m-ins-navbox .right .subbox a:hover {
    background-color: #0ba754;
    color: #fff
}

.sect_prod {
    padding-bottom: 2em
}

.sect_prod .media-box.item0 {
    background: #ebebeb
}

.sect_prod .media-box.item0 .cnt {
    padding: 1em 2em 0 2em;
    text-align: left
}

.sect_prod .media-box.item0 .cnt strong {
    font-size: 1.2rem
}

.sect_prod .media-box .icon {
    width: 320px;
    height: 240px;
    position: relative;
    border: 1px solid #eee;
    background: 0 0
}

.sect_prod .media-box p {
    font-size: 1rem;
    line-height: inherit;
    padding: 1em 0
}

.sect_prod .mask3 {
    position: absolute;
    height: 100%;
    top: 100%;
    right: 0;
    left: 0;
    background: url(../images/layer3.png) center center no-repeat rgba(39, 103, 160, .8);
    line-height: 100%;
    color: #000
}

.sect_prod .media-box:hover .mask3 {
    top: 0
}

.sect_adv {
    background: url(../images/bg1.jpg) center center;
    background-size: cover
}

.services-box.l {
    padding-right: 10%
}

.services-box.r {
    padding-left: 10%
}

.services-box h3 {
    padding-bottom: 1rem;
    border-bottom: 1px solid #fff;
    position: relative
}

.services-box p {
    padding: 1rem 0
}

.services-box h3:before {
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    background: #fff;
    bottom: 0;
    left: 0;
    margin-bottom: -4px;
    position: absolute;
    border-radius: 50%
}

.services-box h3:after {
    display: block;
    content: '';
    width: 13%;
    height: 1px;
    background: #fff;
    bottom: 0;
    left: 100%;
    margin-bottom: -1px;
    transform: rotate(45deg);
    transform-origin: top left;
    position: absolute
}

.services-box.r h3:before {
    left: auto;
    right: 0
}

.services-box.r h3:after {
    left: auto;
    right: 100%;
    transform: rotate(-45deg);
    transform-origin: top right
}

@media screen and (max-width:40em) {
    .sect_adv {
        background: #1d7eca
    }
}

.sect_us {
    background: #f6f6f6
}

.usbox {
    background: #fff;
    margin-bottom: 2em
}

.about-box {
    padding: 1.5rem 2rem 3rem 2rem;
    position: relative
}

.about-box h3 {
    font-size: 1.8rem;
    position: relative;
    padding-top: 10px
}

.about-box h5 {
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 400
}

.amore {
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0
}

.qute {
    position: relative;
    padding-top: 2em;
    margin-top: 1em;
    line-height: 2;
    background: url(../images/line.jpg) top left repeat-x
}

.block_imglist {
    position: relative;
    padding: 1em 40px;
    background: #fff
}

.block_imglist .swiper-slide {
    width: 20%
}

.block_imglist .media-box {
    margin-bottom: 0;
    width: 95%
}

.block_imglist .media-box .icon {
    width: 320px;
    height: 260px;
    position: relative;
    border: 0;
    background: #fff;
    overflow: visible
}

.block_imglist .media-box p {
    font-size: 16px
}

.block_imglist .swiper-btn {
    background: #0ba754;
    color: #fff;
    position: absolute;
    top: 35%;
    cursor: pointer;
    font-size: 16px;
    padding: 10px 4px
}

.block_imglist .swiper-prev {
    left: 0
}

.block_imglist .swiper-next {
    right: 0
}

.block_imglist .swiper-button-disabled {
    background: #a3a3a3;
    cursor: initial
}

@media screen and (max-width:640px) {
    .block_imglist {
        padding: 0
    }
    .block_imglist .swiper-slide {
        width: 100%;
        margin-right: 0
    }
}

.sect_new {
    overflow: hidden;
    background: #fff
}

.news-box {
    position: relative;
    margin-bottom: 1em;
    background: #fff;
    padding: 1em
}

.news-box .news_time {
    text-align: center;
    color: #7e7e7e;
    padding-top: 10px;
    position: relative
}

.news-box .news_time:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 1px;
    height: 40px;
    background: #ccc;
    right: 0
}

.news-box .news_time .date {
    line-height: 2.4
}

.news-box .news_time .date i {
    font-size: 2rem;
    display: block;
    line-height: 1;
    color: #000;
    font-weight: 700
}

.news-box .news_time .item {
    display: none
}

.news-box .news_cont h5 {
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 6px;
    position: relative
}

.news-box .news_cont h5 a {
    padding-right: 20px;
    color: #363535;
    display: block;
    position: relative
}

.news-box .news_cont h5 a:hover {
    text-decoration: underline
}

.news-box .news_cont p {
    color: #7e7e7e;
    overflow: hidden;
    text-align: justify
}

.thumb {
    width: 100%;
    height: 168px;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat
}

@media screen and (max-width:640px) {
    .news-box {
        background: 0 0;
        padding: 0
    }
    .news-box .news_cont h5 a {
        font-size: 14px
    }
}

.news-box.ligter {
    border: 1px solid #0ba754;
    padding: 0
}

.news-box.ligter .news_time {
    background: #0ba754;
    color: #fff;
    padding-bottom: 10px
}

.news-box.ligter .news_time i {
    color: #fff
}

.news-box.ligter .news_time:after {
    display: none
}

.news-box.ligter .news_cont {
    padding: 1em
}

.news-box.ligter.on {
    background: 0 0;
    border-color: #eb511b
}

.news-box.ligter.on .news_time {
    background: #eb511b
}

.news-box-one {
    background: #0150a4
}

.news-box-one .news_cont {
    background: #0150a4;
    padding: 12% 8%;
    color: #b5d3f3;
    font-size: 14px
}

.news-box-one .news_cont h3 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 1em;
    color: #fff
}

.news-box-one .news_cont p {
    line-height: 2
}

.news-box-one .news_cont a {
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 25px;
    color: #fff;
    padding: 5px 25px;
    margin-top: 2em
}

.news-box-one .news_cont a:hover {
    border-color: #ff9600;
    color: #ff9600
}

html {
    font-size: 16px
}

body:after {
    display: block;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
    content: 'Pc'
}

.wrap {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto
}

.PcMode:after {
    content: 'Pc'!important
}

.MobilePush,
.UnpcPush {
    display: none
}

@media only screen and (min-width:1200px) and (max-width:1400px) {
    .wrap {
        max-width: 1160px
    }
}

@media only screen and (min-width:1024px) and (max-width:1200px) {
    .wrap {
        max-width: 1002px
    }
}

@media only screen and (min-width:640px) and (max-width:1024px) {
    html {
        font-size: 14px
    }
    body:after {
        content: 'Pad'
    }
    body {
        user-select: none;
        -webkit-user-select: none
    }
    body,
    button,
    input,
    select,
    textarea {
        font-size: 14px
    }
    .wrap {
        padding-left: 2%;
        padding-right: 2%;
        max-width: none
    }
    .PcPush {
        display: none
    }
    .UnpcPush {
        display: block
    }
}

@media only screen and (max-width:640px) {
    html {
        font-size: 13px
    }
    body:after {
        content: 'Mobile'
    }
    body,
    button,
    input,
    select,
    textarea {
        font-size: 14px
    }
    .wrap {
        padding-left: 4%;
        padding-right: 4%
    }
    .UnmobilePush {
        display: none
    }
    .MobilePush {
        display: block
    }
    img[data-src] {
        opacity: 1
    }
}

@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2) {
    .ghost-center p {
        padding: 0;
        font-size: .9rem
    }
}

@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2) {
    .ghost-center p {
        padding: 0;
        font-size: .9rem
    }
}

@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2) {
    .join_step .join_step_c {
        height: 180px
    }
}

.row {
    width: 102%
}

.row:after,
.row:before {
    clear: both;
    display: table;
    content: " "
}

.full-row .row .span-1,
.span-1 {
    float: left;
    margin-right: 2%;
    width: 6.33333333%;
    transition: .2s width ease
}

.full-row .row .span-2,
.span-2 {
    float: left;
    margin-right: 2%;
    width: 14.66666667%;
    transition: .2s width ease
}

.full-row .row .span-3,
.span-3 {
    float: left;
    margin-right: 2%;
    width: 23%;
    transition: .2s width ease
}

.full-row .row .span-4,
.span-4 {
    float: left;
    margin-right: 2%;
    width: 31.33333333%;
    transition: .2s width ease
}

.full-row .row .span-5,
.span-5 {
    float: left;
    margin-right: 2%;
    width: 39.66666667%;
    transition: .2s width ease
}

.full-row .row .span-6,
.span-6 {
    float: left;
    margin-right: 2%;
    width: 48%;
    transition: .2s width ease
}

.full-row .row .span-7,
.span-7 {
    float: left;
    margin-right: 2%;
    width: 56.33333333%;
    transition: .2s width ease
}

.full-row .row .span-8,
.span-8 {
    float: left;
    margin-right: 2%;
    width: 64.66666667%;
    transition: .2s width ease
}

.full-row .row .span-9,
.span-9 {
    float: left;
    margin-right: 2%;
    width: 73%;
    transition: .2s width ease
}

.full-row .row .span-10,
.span-10 {
    float: left;
    margin-right: 2%;
    width: 81.33333333%;
    transition: .2s width ease
}

.full-row .row .span-11,
.span-11 {
    float: left;
    margin-right: 2%;
    width: 89.66666667%;
    transition: .2s width ease
}

.full-row .row .span-12,
.span-12 {
    float: left;
    margin-right: 2%;
    width: 98%;
    transition: .2s width ease
}

.full-row .row .span-13,
.span-13 {
    float: left;
    margin-right: 2%;
    width: 106.33333333%;
    transition: .2s width ease
}

.full-row .row .span-14,
.span-14 {
    float: left;
    margin-right: 2%;
    width: 114.66666667%;
    transition: .2s width ease
}

.full-row .row .span-15,
.span-15 {
    float: left;
    margin-right: 2%;
    width: 123%;
    transition: .2s width ease
}

.full-row .row .span-16,
.span-16 {
    float: left;
    margin-right: 2%;
    width: 131.33333333%;
    transition: .2s width ease
}

.full-row .row .span-17,
.span-17 {
    float: left;
    margin-right: 2%;
    width: 139.66666667%;
    transition: .2s width ease
}

.full-row .row .span-18,
.span-18 {
    float: left;
    margin-right: 2%;
    width: 148%;
    transition: .2s width ease
}

.full-row .row .span-19,
.span-19 {
    float: left;
    margin-right: 2%;
    width: 156.33333333%;
    transition: .2s width ease
}

.full-row .row .span-20,
.span-20 {
    float: left;
    margin-right: 2%;
    width: 164.66666667%;
    transition: .2s width ease
}

.full-row .row .span-21,
.span-21 {
    float: left;
    margin-right: 2%;
    width: 173%;
    transition: .2s width ease
}

.full-row .row .span-22,
.span-22 {
    float: left;
    margin-right: 2%;
    width: 181.33333333%;
    transition: .2s width ease
}

.full-row .row .span-23,
.span-23 {
    float: left;
    margin-right: 2%;
    width: 189.66666667%;
    transition: .2s width ease
}

.full-row .row .span-24,
.span-24 {
    float: left;
    margin-right: 2%;
    width: 198%;
    transition: .2s width ease
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.center {
    position: relative;
    left: -1%;
    float: none;
    clear: both;
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-left-1 {
    position: relative;
    left: -8.33333333%
}

.pull-left-2 {
    position: relative;
    left: -16.66666667%
}

.pull-left-3 {
    position: relative;
    left: -25%
}

.pull-left-4 {
    position: relative;
    left: -33.33333333%
}

.pull-left-5 {
    position: relative;
    left: -41.66666667%
}

.pull-left-6 {
    position: relative;
    left: -50%
}

.pull-left-7 {
    position: relative;
    left: -58.33333333%
}

.pull-left-8 {
    position: relative;
    left: -66.66666667%
}

.pull-left-9 {
    position: relative;
    left: -75%
}

.pull-left-10 {
    position: relative;
    left: -83.33333333%
}

.pull-left-11 {
    position: relative;
    left: -91.66666667%
}

.pull-left-12 {
    position: relative;
    left: -100%
}

.pull-left-13 {
    position: relative;
    left: -108.33333333%
}

.pull-left-14 {
    position: relative;
    left: -116.66666667%
}

.pull-left-15 {
    position: relative;
    left: -125%
}

.pull-left-16 {
    position: relative;
    left: -133.33333333%
}

.pull-left-17 {
    position: relative;
    left: -141.66666667%
}

.pull-left-18 {
    position: relative;
    left: -150%
}

.pull-left-19 {
    position: relative;
    left: -158.33333333%
}

.pull-left-20 {
    position: relative;
    left: -166.66666667%
}

.pull-left-21 {
    position: relative;
    left: -175%
}

.pull-left-22 {
    position: relative;
    left: -183.33333333%
}

.pull-left-23 {
    position: relative;
    left: -191.66666667%
}

.pull-left-24 {
    position: relative;
    left: -200%
}

.pull-right-1 {
    position: relative;
    left: 8.33333333%
}

.pull-right-2 {
    position: relative;
    left: 16.66666667%
}

.pull-right-3 {
    position: relative;
    left: 25%
}

.pull-right-4 {
    position: relative;
    left: 33.33333333%
}

.pull-right-5 {
    position: relative;
    left: 41.66666667%
}

.pull-right-6 {
    position: relative;
    left: 50%
}

.pull-right-7 {
    position: relative;
    left: 58.33333333%
}

.pull-right-8 {
    position: relative;
    left: 66.66666667%
}

.pull-right-9 {
    position: relative;
    left: 75%
}

.pull-right-10 {
    position: relative;
    left: 83.33333333%
}

.pull-right-11 {
    position: relative;
    left: 91.66666667%
}

.pull-right-12 {
    position: relative;
    left: 100%
}

.pull-right-13 {
    position: relative;
    left: 108.33333333%
}

.pull-right-14 {
    position: relative;
    left: 116.66666667%
}

.pull-right-15 {
    position: relative;
    left: 125%
}

.pull-right-16 {
    position: relative;
    left: 133.33333333%
}

.pull-right-17 {
    position: relative;
    left: 141.66666667%
}

.pull-right-18 {
    position: relative;
    left: 150%
}

.pull-right-19 {
    position: relative;
    left: 158.33333333%
}

.pull-right-20 {
    position: relative;
    left: 166.66666667%
}

.pull-right-21 {
    position: relative;
    left: 175%
}

.pull-right-22 {
    position: relative;
    left: 183.33333333%
}

.pull-right-23 {
    position: relative;
    left: 191.66666667%
}

.pull-right-24 {
    position: relative;
    left: 200%
}

.full-row {
    width: 100%
}

.full-row:after,
.full-row:before {
    clear: both;
    display: table;
    content: " "
}

.full-row [class*=midd],
.full-row [class*=smal],
.full-row [class*=span] {
    margin-right: 0
}

.full-row .span-1 {
    width: 8.33333333%
}

.full-row .span-2 {
    width: 16.66666667%
}

.full-row .span-3 {
    width: 25%
}

.full-row .span-4 {
    width: 33.33333333%
}

.full-row .span-5 {
    width: 41.66666667%
}

.full-row .span-6 {
    width: 50%
}

.full-row .span-7 {
    width: 58.33333333%
}

.full-row .span-8 {
    width: 66.66666667%
}

.full-row .span-9 {
    width: 75%
}

.full-row .span-10 {
    width: 83.33333333%
}

.full-row .span-11 {
    width: 91.66666667%
}

.full-row .span-12 {
    width: 100%
}

.full-row .span-13 {
    width: 108.33333333%
}

.full-row .span-14 {
    width: 116.66666667%
}

.full-row .span-15 {
    width: 125%
}

.full-row .span-16 {
    width: 133.33333333%
}

.full-row .span-17 {
    width: 141.66666667%
}

.full-row .span-18 {
    width: 150%
}

.full-row .span-19 {
    width: 158.33333333%
}

.full-row .span-20 {
    width: 166.66666667%
}

.full-row .span-21 {
    width: 175%
}

.full-row .span-22 {
    width: 183.33333333%
}

.full-row .span-23 {
    width: 191.66666667%
}

.full-row .span-24 {
    width: 200%
}

.full-row .center {
    left: auto
}

@media only screen and (max-width:64em) {
    .full-row .row .midd-1,
    .midd-1 {
        width: 6.33333333%
    }
    .full-row .row .midd-2,
    .midd-2 {
        width: 14.66666667%
    }
    .full-row .row .midd-3,
    .midd-3 {
        width: 23%
    }
    .full-row .row .midd-4,
    .midd-4 {
        width: 31.33333333%
    }
    .full-row .row .midd-5,
    .midd-5 {
        width: 39.66666667%
    }
    .full-row .row .midd-6,
    .midd-6 {
        width: 48%
    }
    .full-row .row .midd-7,
    .midd-7 {
        width: 56.33333333%
    }
    .full-row .row .midd-8,
    .midd-8 {
        width: 64.66666667%
    }
    .full-row .row .midd-9,
    .midd-9 {
        width: 73%
    }
    .full-row .row .midd-10,
    .midd-10 {
        width: 81.33333333%
    }
    .full-row .row .midd-11,
    .midd-11 {
        width: 89.66666667%
    }
    .full-row .row .midd-12,
    .midd-12 {
        width: 98%
    }
    .full-row .row .midd-13,
    .midd-13 {
        width: 106.33333333%
    }
    .full-row .row .midd-14,
    .midd-14 {
        width: 114.66666667%
    }
    .full-row .row .midd-15,
    .midd-15 {
        width: 123%
    }
    .full-row .row .midd-16,
    .midd-16 {
        width: 131.33333333%
    }
    .full-row .row .midd-17,
    .midd-17 {
        width: 139.66666667%
    }
    .full-row .row .midd-18,
    .midd-18 {
        width: 148%
    }
    .full-row .row .midd-19,
    .midd-19 {
        width: 156.33333333%
    }
    .full-row .row .midd-20,
    .midd-20 {
        width: 164.66666667%
    }
    .full-row .row .midd-21,
    .midd-21 {
        width: 173%
    }
    .full-row .row .midd-22,
    .midd-22 {
        width: 181.33333333%
    }
    .full-row .row .midd-23,
    .midd-23 {
        width: 189.66666667%
    }
    .full-row .row .midd-24,
    .midd-24 {
        width: 198%
    }
    .midd-hide {
        display: none
    }
    .midd-center {
        position: relative;
        left: -1%;
        float: none;
        clear: both;
        display: block;
        margin-right: auto;
        margin-left: auto
    }
    .full-row .midd-1 {
        width: 8.33333333%
    }
    .full-row .midd-2 {
        width: 16.66666667%
    }
    .full-row .midd-3 {
        width: 25%
    }
    .full-row .midd-4 {
        width: 33.33333333%
    }
    .full-row .midd-5 {
        width: 41.66666667%
    }
    .full-row .midd-6 {
        width: 50%
    }
    .full-row .midd-7 {
        width: 58.33333333%
    }
    .full-row .midd-8 {
        width: 66.66666667%
    }
    .full-row .midd-9 {
        width: 75%
    }
    .full-row .midd-10 {
        width: 83.33333333%
    }
    .full-row .midd-11 {
        width: 91.66666667%
    }
    .full-row .midd-12 {
        width: 100%
    }
    .full-row .midd-13 {
        width: 108.33333333%
    }
    .full-row .midd-14 {
        width: 116.66666667%
    }
    .full-row .midd-15 {
        width: 125%
    }
    .full-row .midd-16 {
        width: 133.33333333%
    }
    .full-row .midd-17 {
        width: 141.66666667%
    }
    .full-row .midd-18 {
        width: 150%
    }
    .full-row .midd-19 {
        width: 158.33333333%
    }
    .full-row .midd-20 {
        width: 166.66666667%
    }
    .full-row .midd-21 {
        width: 175%
    }
    .full-row .midd-22 {
        width: 183.33333333%
    }
    .full-row .midd-23 {
        width: 191.66666667%
    }
    .full-row .midd-24 {
        width: 200%
    }
}

@media only screen and (max-width:40em) {
    .full-row .row .smal-1,
    .smal-1 {
        width: 6.33333333%
    }
    .full-row .row .smal-2,
    .smal-2 {
        width: 14.66666667%
    }
    .full-row .row .smal-3,
    .smal-3 {
        width: 23%
    }
    .full-row .row .smal-4,
    .smal-4 {
        width: 31.33333333%
    }
    .full-row .row .smal-5,
    .smal-5 {
        width: 39.66666667%
    }
    .full-row .row .smal-6,
    .smal-6 {
        width: 48%
    }
    .full-row .row .smal-7,
    .smal-7 {
        width: 56.33333333%
    }
    .full-row .row .smal-8,
    .smal-8 {
        width: 64.66666667%
    }
    .full-row .row .smal-9,
    .smal-9 {
        width: 73%
    }
    .full-row .row .smal-10,
    .smal-10 {
        width: 81.33333333%
    }
    .full-row .row .smal-11,
    .smal-11 {
        width: 89.66666667%
    }
    .full-row .row .smal-12,
    .smal-12 {
        width: 98%
    }
    .full-row .row .smal-13,
    .smal-13 {
        width: 106.33333333%
    }
    .full-row .row .smal-14,
    .smal-14 {
        width: 114.66666667%
    }
    .full-row .row .smal-15,
    .smal-15 {
        width: 123%
    }
    .full-row .row .smal-16,
    .smal-16 {
        width: 131.33333333%
    }
    .full-row .row .smal-17,
    .smal-17 {
        width: 139.66666667%
    }
    .full-row .row .smal-18,
    .smal-18 {
        width: 148%
    }
    .full-row .row .smal-19,
    .smal-19 {
        width: 156.33333333%
    }
    .full-row .row .smal-20,
    .smal-20 {
        width: 164.66666667%
    }
    .full-row .row .smal-21,
    .smal-21 {
        width: 173%
    }
    .full-row .row .smal-22,
    .smal-22 {
        width: 181.33333333%
    }
    .full-row .row .smal-23,
    .smal-23 {
        width: 189.66666667%
    }
    .full-row .row .smal-24,
    .smal-24 {
        width: 198%
    }
    .smal-hide {
        display: none!important
    }
    .smal-center,
    .smal-show {
        display: block
    }
    .smal-center {
        position: relative;
        left: -1%;
        float: none;
        clear: both;
        margin-right: auto;
        margin-left: auto
    }
    [ class*=pull-left-],
    [class*=pull-right-] {
        right: auto;
        left: auto
    }
    .full-row .smal-1 {
        width: 8.33333333%
    }
    .full-row .smal-2 {
        width: 16.66666667%
    }
    .full-row .smal-3 {
        width: 25%
    }
    .full-row .smal-4 {
        width: 33.33333333%
    }
    .full-row .smal-5 {
        width: 41.66666667%
    }
    .full-row .smal-6 {
        width: 50%
    }
    .full-row .smal-7 {
        width: 58.33333333%
    }
    .full-row .smal-8 {
        width: 66.66666667%
    }
    .full-row .smal-9 {
        width: 75%
    }
    .full-row .smal-10 {
        width: 83.33333333%
    }
    .full-row .smal-11 {
        width: 91.66666667%
    }
    .full-row .smal-12 {
        width: 100%
    }
    .full-row .smal-13 {
        width: 108.33333333%
    }
    .full-row .smal-14 {
        width: 116.66666667%
    }
    .full-row .smal-15 {
        width: 125%
    }
    .full-row .smal-16 {
        width: 133.33333333%
    }
    .full-row .smal-17 {
        width: 141.66666667%
    }
    .full-row .smal-18 {
        width: 150%
    }
    .full-row .smal-19 {
        width: 158.33333333%
    }
    .full-row .smal-20 {
        width: 166.66666667%
    }
    .full-row .smal-21 {
        width: 175%
    }
    .full-row .smal-22 {
        width: 183.33333333%
    }
    .full-row .smal-23 {
        width: 191.66666667%
    }
    .full-row .smal-24 {
        width: 200%
    }
}

.row {
    margin: 0!important
}

a:hover {
    text-decoration: none!important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    line-height: inherit;
    font-size: inherit
}

@media screen and (max-width:768px) {
    footer {
        padding-left: 8px;
        padding-right: 8px
    }
    .header {
        height: 60px;
        position: relative;
        top: 0
    }
    .header .sublogo {
        display: none
    }
    .header .navWrap:after {
        display: none
    }
    .logo {
        height: 60px
    }
    .htel {
        height: 60px;
        width: 25%;
        margin-right: 60px
    }
    .wow {
        visibility: visible
    }
    .child .childContent {
        display: none!important
    }
    button.nav-trigger {
        display: block
    }
    .nav_transform1 {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 20;
        overflow-y: scroll;
        box-sizing: border-box;
        padding: 44px;
        width: 84vw;
        border: 0;
        background: #262526;
        text-align: left;
        text-transform: none;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-overflow-scrolling: touch
    }
    .nav_transform1 {
        transition: -webkit-transform .3s cubic-bezier(.86, 0, .07, 1);
        transition: transform .3s cubic-bezier(.86, 0, .07, 1)
    }
    .navigation-is-visible .nav_transform1 {
        -webkit-transform: none;
        transform: none
    }
    .nav-overlay {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, .6);
        opacity: 0;
        transition: opacity .3s linear;
        pointer-events: none
    }
    .navigation-is-visible .nav-overlay {
        opacity: 1;
        pointer-events: auto
    }
    .nav_transform1 ul.navCont li.child {
        float: none;
        margin: 0 auto;
        width: 100px
    }
    .nav_transform1 ul.navCont li.child a {
        padding: 1rem 0;
        line-height: inherit;
        color: #fff;
        font-size: 14px
    }
    .nav_transform1 ul.navCont li.child.last {
        margin-right: auto
    }
    .nav_transform1 ul.navCont li.child a:after {
        display: none
    }
    .nav_transform1 ul.navCont li.child .childcont {
        display: none!important
    }
    .footer {
        font-size: 12px;
        line-height: inherit
    }
    .footer span {
        display: block;
        text-align: center
    }
    .footer .footer_link {
        display: none
    }
    .footer_info {
        text-align: center;
        padding: 15px 0
    }
    .footer_info .usinfo {
        padding: 0;
        margin: 0
    }
    .footer_info .usinfo h5 {
        font-size: 14px
    }
    .footer_info .usinfo p {
        font-size: 12px
    }
    .top {
        border-radius: 100%
    }
    .index_ {
        padding-top: 2em;
        padding-bottom: 1em
    }
    .index_ .T {
        padding-bottom: 18px
    }
    .index_ .T h1 {
        font-size: 22px
    }
    .index_ .T h2 {
        font-size: 18px
    }
    .index_ .T h2 strong {
        width: 100%;
        background-size: contain
    }
    .index_ .T h2.border strong:after,
    .index_ .T h2.border strong:before {
        width: 60%
    }
    .index_ .T h3 {
        font-size: 16px
    }
    .index_ .T h4 {
        font-size: 12px
    }
    .article .C {
        font-size: 12px
    }
    .module_cate {
        width: 95%;
        padding-bottom: 0
    }
    .module_prod {
        padding: 3rem 0;
        margin-top: 0
    }
    .module_cate .swiper-slide a.cateMore {
        display: none
    }
    .module_cate .swiper-slide .js_cate {
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 1px solid #fff
    }
    .module_cate .swiper-slide:hover .js_cate {
        border-color: #2b2a2a
    }
    .services-box {
        text-align: center;
        padding-bottom: 1rem
    }
    .nbanner {
        height: 150px
    }
    .nbanner img {
        margin-top: -182px;
        margin-left: -500px;
        width: 1000px;
        height: 260px
    }
    .aboutBox {
        padding-left: 0
    }
    .news-box {
        margin-bottom: 1rem
    }
    .news-box .news_cont p {
        height: 3.15rem
    }
    .news-box .news_time .date {
        line-height: 22px;
        text-align: left;
        padding: 0;
        margin: 0
    }
    .news-box .news_time .date:before {
        display: none
    }
    .news-box .news_time .date i {
        font-size: inherit;
        font-weight: 400;
        display: inline
    }
    .newsTit h1 {
        padding: 25px 0 25px;
        font-size: 22px
    }
    .newsTit p span {
        display: inline-block
    }
    .content_bak {
        padding: 20px 0!important;
        border: 0;
        background-color: #fff
    }
    .content_bak h2 {
        font-size: 15px;
        font-weight: 400;
        margin: 0 0
    }
    .content_bak p {
        font-size: 13px;
        margin: 1em 0;
        line-height: 22px
    }
    .newsDetailCur li,
    .newsDetailCur li.r {
        float: left;
        padding-bottom: 10px;
        width: 100%;
        text-align: left;
        white-space: nowrap;
        font-size: 13px
    }
    .jobapply {
        padding: 10px
    }
    .jobchild {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-right: 0;
        border-bottom: 1px solid #ccc
    }
    .section_njob a.back {
        display: none
    }
    .navContent,
    .subNav,
    .sub_top p {
        padding-left: 4%
    }
    .section_njob .services-box .icon {
        float: left;
        width: 60px;
        font-size: 26px;
        line-height: 2
    }
    .section_njob .services-box h3,
    .section_njob .services-box p {
        text-align: left
    }
    .section_njob .services-box h3 {
        padding: 0;
        font-weight: 400;
        font-size: 18px
    }
    .subNav {
        line-height: 44px
    }
    .subNav i {
        font-size: 18px;
        line-height: 44px
    }
    .sect_job .m-table {
        width: auto
    }
    .sect_job .m-table thead {
        font-size: 14px;
        font-weight: 400
    }
    .sect_job .m-table td a {
        padding: 0;
        background: 0 0;
        color: inherit
    }
}