body {
    font-size: 14px;
    font-family:-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif ;
    /*font-family: Arial, "微软雅黑";*/
    background: #fff
}

a,a:hover {
    text-decoration: none
}

ul {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

img { 
    max-width: 100%
}

/* header sider footer */
.header-top {
    background: #ff9000;
    padding: 8px 0
}

.header-top span:nth-child(1) {
    font-size: 12px;
    color: #914500
}
.header-top i {
    margin-right: 5px
}

.header-main {
    background: #fd7b00;
    padding: 8px 0
}


.dropdown-menu {
    background: #fd7b00;
}
.dropdown-menu>li>a {
    color: #fff
}
.dropdown-menu>li>a:hover{
    background: #914500;
    color: #fff
}

.navbar {
    margin-bottom: 0
}
#bs-header-nav {
    margin-top: 20px
}

.navbar-nav>li>a {
    padding-top:5px!important;
    padding-bottom:5px!important;
    color: #fff;
    border-radius: 15px
}

.navbar-nav>li>a:hover,.navbar-nav>li>a:focus,
.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus,
.active-h>a {
    background: #914500;
    color: #fff
}

.navbar-toggle {
    color: #fff;
    border-color: #fff;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 15px
}
.headnews .col-sm-3>a{ height: 170px; overflow: hidden;display: flex;justify-content: center;align-items: center; }

.side-n,
.side-p {
    margin-top: 27px
}

.list-unstyled li {
    padding: 13px 0;
    float: left
}
.list-unstyled li a,
.list-unstyled li a {
    padding: 15px;
    border: 1px solid #ddd;
    border-bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-right: 10px;
    color: #7c7c7c;
    background: #f7f7f7
}
.side-n .active-s,.side-n ul li a:hover,
.side-p .active-s,.side-p ul li a:hover {
    background: #fd7b00!important;
    border-color: #fd7b00!important;
    color: #fff!important
}
.child-list{}
.child-list .active-s,.child-list li a:hover {color:#FD7B01}

.child-list li {float: left;padding: 13px 0}
.child-list li a {padding: 15px 10px;color:#7c7c7c}
.child-list li a:before {content: "●";font-size: 12px;margin-right: 5px;}


footer {
    background: #e7e7e7;
    padding-top: 30px
}
footer.index{padding-top: 0px}

footer p {
    margin: 0
}

.footer-main>div:nth-child(1) img {
    margin: 0 auto;
    display: table
}
.footer-main>div:nth-child(1) img:nth-child(2) {
    border: 5px solid #fff;
    margin-top: 5px
} 

.footer-list>li {
    margin-bottom: 30px
}
.footer-list>li>a {
    color: #222;
    font-size: 16px
}
.footer-list li>a:hover {
    text-decoration: underline
}
.search-item a:hover {
    text-decoration: none!important
}

.footer-list>li>ul>li>a,.search-item p {
    color: #838383;
    font-size: 12px
}
.footer-list>li>ul>li>a:before {
    content: "-"
}

/* 重写页脚搜索框 */
.search-item .navbar-form {
    padding: 0
}
.search-item .form-control {
    background: transparent;
    border-color: #959595;
    border-radius: 0;
    padding-top: 3px;
    padding-bottom: 3px
}
.search-item .btn {
    background: #222;
    border-radius: 0;
    border: 1px solid #222
}
.search-item .btn:hover {
    background: #222
}

.btn-default {
    background: transparent;
    color: #fff;
    border: 0
}
.btn-default:hover {
    background: transparent;
    color: #fff
}
/* 重写页脚搜索框^ */

.dropdown-toggle {
    font-size: 14px;
    color: #fff!important;
    padding: 6px 0;
    display: table;
    margin-left: 5px
}
.dropdown-toggle .caret {
    margin-left: 5px
}

.index .footer-down {
    padding: 15px 0 12px 0;
    border-top: 0px solid #c5c5c5
}

.footer-down {
    padding: 15px 0 12px 0;
    border-top: 1px solid #c5c5c5
}

.gotoTop {
    position: fixed;
    padding: 10px;
    background: #fd7b00;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    z-index: 999;
    top: 80%;
    right: 0;
    opacity: 0.4
}
.gotoTop:hover {
    opacity: 1;
    color: #fff
}

/* header sider footer ^ */

/* main */
.banner .swiper-pagination,.home-product .swiper-pagination {
    bottom: 10px;
    padding: 5px 0 5px 10px;
    width: 100%
}

.my-breadcrumb {
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    padding: 10px 0
}
.my-breadcrumb i {
    margin-right: 5px;
    font-size: 14px
}
.breadcrumb {
    padding-top: 0!important;
    padding-bottom: 0!important;
    color: #545454;
    display: table;
    margin: 0
}
.breadcrumb>li+li::before {
    content: ">>";
    color: #545454
}

.about-con {
    background: #f2f2f2
}

.tools-box>a {
    display: block;
    height: 160px;
    padding: 20px 10px 20px 30px;
    background: #fff;
    color: #000;
    overflow: hidden;
    position: relative;
    z-index: 1
}
.tools-box>a:before {
    background: #ff9000;
    content: "";
    position: absolute;
    width: 500%;
    height: 1000%;
    z-index: -1;
    top: 0;
    left: 0;
    transform-origin: 0% 0%;
    transform: translateX(calc(1% - 25px)) translateY(-10%) rotate(65deg);
    opacity: 0
}
.tools-box>a>div:nth-child(1) {
    margin-top: 6%
}
.tools-box>a>div:nth-child(2) {
    padding-left: 30px;
    padding-right: 0
}
.tools-box i {
    font-size: 60px;
    margin: auto;
    display: table
}
.tools-box h3 {
    margin-bottom: 0;
    color: #fd7b00
}
.tools-box span {
    color: #828282
}

.tools-box>a:hover {
    color: #fff;
    background: #fd7b00
}
.tools-box>a:hover h3,
.tools-box>a:hover span {
    color: #fff
}
.tools-box>a:hover::before {
    opacity: 1
}

.about-box>div {
    height: 160px;
    padding: 0;
}
.about-box a {
    font-size: 16px;
    color: #e45c43;
    font-weight: bold
}


.product-con,
.choose-con {
    background: #eaeaea;
    padding: 36px 0 0 0
}
.product-con>h3,
.about-con>h3,
.choose-con>h3 {
    text-align: center;
    color: #fd7b00;
    margin-top: 0;
    margin-bottom: 7px;
    font-size: 36px
}
.product-con>div:nth-child(2),.about-con>div:nth-child(2){
    width: 56px;
    height: 3px;
    margin: 0 auto 35px auto;
    background: #fd7b00;
}

.product-main {
    background: rgba(255,255,255,0.3);
    padding-bottom: 36px
}

.product-main>div>div>.col-sm-8 img,
.product-main>div>div>.col-sm-4 img {
    border: 1px solid #ccc
}

.thumbnail {
    position: relative;
    overflow: hidden;
    border-radius: 0;
    transition: all 0.5s
}
.thumbnail:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    background: rgba(134, 185, 238, 0.75);
    transition: all 0.5s ease
}
.thumbnail>.jump {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    text-align: center;
    transition: all 0.5s
}
.thumbnail>.jump a {
    color: #fff;
    font-size: 16px;
    text-shadow: 0px 0px 5px #878787
}
.thumbnail>.jump div {
    width: 38px;
    height: 4px;
    margin: 3px auto;
    background: #fd7b00
}

.thumbnail:hover::before {
    height: 100%
}
.thumbnail:hover>.jump {
    top: 20%
}

.choose-con {
    padding-top: 0;
    padding-bottom: 0px
}
.choose-con>h3 {
    background: rgba(255,255,255,0.3);
    padding-top: 36px;
    padding-bottom: 17px;
    margin-bottom: 0
}

.m-line {
    background: rgba(255,255,255,0.3) url(/theme/en/images/line.jpg) center repeat-x
}
.m-line p {
    margin: 0 auto;
    padding: 0 10px;
    text-align: center;
    display: table;
    background: #f2f2f2;
    color: #797979;
    font-size: 12px
}
.ohter-eff {
    background: rgba(255,255,255,0.3);
    padding-top: 20px;
    padding-bottom: 50px
}
.ohter-eff>p {
    font-size: 30px;
    color: #fff;
    background: #fd7b00;
    display: table;
    margin: 0 auto;
    padding-left: 60px;
    padding-right: 60px;
    border-radius: 25px
}

.st-floor {
    background: rgba(255,255,255,0.3)
}

.st-floor>div>div:nth-child(2),
.st-floor>div>div:nth-child(4),
.nd-floor>div>div:nth-child(1),
.nd-floor>div>div:nth-child(3) {
    padding-top: 15px
}
.st-floor p,
.nd-floor p {
    font-size: 16px;
    color: #fd7b00;
    margin-bottom: 5px;
    display: block
}
.st-floor>div>div:nth-child(2) p:before,
.st-floor>div>div:nth-child(4) p:before,
.nd-floor>div>div:nth-child(1) p:before,
.nd-floor>div>div:nth-child(3) p:before {
    content: "\f04b";
    font-family: FontAwesome;
    font-size: 12px;
    margin-right: 5px;
    color: #000
}

.st-floor span,
.nd-floor span {
    font-size: 12px;
    color: #797979
}

.bottom-con h3 {
    color: #fd7b00;
    display: block;
    margin-bottom: 20px
}
.bottom-con h3>div {
    background: #fd7b00;
    width: 4px;
    height: 20px;
    float: left;
    margin-top: 3px;
    margin-right: 10px
}

.news-item {
    margin-bottom: 20px
}
.news-item>div:nth-child(2) a {
    color: #333;
    font-size: 16px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #000;
    display: block
}
.news-item>div:nth-child(2) p {
    font-size: 12px;
    color: #707070
}

.contact-item {
    background: #f3f3f3;
    padding-left: 24px;
    padding-top: 26px
}
.contact-item p {
    color: #898989;
    line-height: 1.8em;
    padding:12px 0
}


.product-page>div>div {
    margin-bottom: 20px
}
.product-page .product-list-item {
    box-shadow: 0px 0px 10px #ccc;
    padding:10px;
    position: relative;
    overflow: hidden;
    transition: all 0.5s
}
.product-page .product-list-item:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    background: rgba(253,123,0,0.75);
    transition: all 0.5s ease
}

.product-page .caption {
    display: block
}
.product-page .caption a {
    font-size: 12px;
    color: #898989;
    display: table;
    margin: 0 auto;
    padding: 15px 0;
height:65px
}

.product-page .product-list-item>.jump {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    text-align: center;
    transition: all 0.5s
}
.product-page .product-list-item>.jump a {
    color: #fff;
    font-size: 16px;
    text-shadow: 0px 0px 5px #878787;
    padding: 30% 15px 50% 15px
}

.product-page>div>div:hover .product-list-item {
    box-shadow: none
}
.product-page>div>div:hover .product-list-item::before {
    height: 100%
}
.product-page>div>div:hover .product-list-item>.jump {
    top: 30%
}


.img-thumbnail {
    border: 0
}

.post-content form .btn,
.sup-box form .btn {
    background: #87d851;
    color: #fff;
    border-radius: 0;
    border: 0;
    padding: 6px 48px
}


.pro-poster a {
    border: 2px solid #ddd;
    padding: 10px;
}

.spec-items {
    display: block;
    margin-bottom: 30px
}
.spec-items>ul {
    display: block
}
.spec-items>ul>li {
    width: 25%;
    float: left;
    padding: 2px 5px
}
.spec-items>ul>li>a {
    width: 100%
}

.pro-summary>h4 {
    margin-top:0
}
.pro-summary>p {
    color: #656565;
    margin-bottom: 20px
}

.email {
    padding: 5px 12px;
    margin-bottom:20px;
    background: #fd7b00;
    color: #fff;
    border-radius: 5px;
    display: inline-block;margin-right: 10px;
    font-size: 14px
}
.email:hover {
    color: #fff
}
.fa-envelope {
    margin-right: 3px
}
.fa-phone{color:#FD7B01}
.social{ display: inline-block;margin-left: 10px;}
.turn-btn {
    margin-top: 30px
}
.turn-btn>a {
    font-size: 14px;
    padding: 5px 15px;
    color: #333;
    border: 1px solid #333;
    border-radius: 20px
}
.turn-btn>a:hover {
    background: #da251c;
    color: #fff
}

.product-content {
    margin: 35px 0;
    border: 1px solid #ddd
}

.check-card {
    height: 30px;
    background: #ececec
}
.check-card span {
    font-size: 14px;
    display: table;
    background: #fff;
    text-align: center;
    padding: 4px 15px;
    border-right: 1px solid #ddd;
    border-top: 2px solid #656565
}

.sup-box h4 {
    margin-bottom: 15px;
    color: #000;
    font-size: 18px;
    font-weight: 600 
}

.sup-box .breadcrumb {
    padding: 0;
    margin-bottom: 10px
}
.sup-box .breadcrumb a:hover {
    text-decoration: underline
}

.news-list li {
    margin: 10px 0;
    border-bottom: 1px dashed #ccc
}


.headnews {
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px
}

.headnews h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 2px dotted #ccc;
    padding-bottom: 15px;
    font-weight: bold
}
.headnews h4 a {
    color: #333
}

.news-table li {
    border: 1px dashed;
    border-top-color: transparent;
    border-bottom-color: #ddd;
    border-left-color: transparent;
    border-right-color: transparent;
    margin-bottom: 15px;
    padding: 15px 5px
}
.news-table li a {
    padding: 15px 0
}
.news-table li:before {
    content: "◆";
    color: #fd7b00;
    margin-right: 3px
}

.news-table .news-title {
    color: #767676
}
.news-table li:hover {
    border: 1px solid #ddd;
    box-shadow: 1px 1px 5px #aaa
}

.news-page h3 {
    border-bottom: 0;
    padding-bottom: 0
}

.relanews-box {
    border-left: 1px solid #bbb;
    padding-left:30px
}
.relanews-box>h3 {
    background: #f3f3f3;
    font-size: 16px;
    display: table;
    padding: 10px 55px 10px 15px;
    margin-bottom: 20px
}

.rela-news {
    margin-bottom: 60px
}
.rela-news>li {
    padding: 15px 20px;
    box-shadow: 0px 0px 8px #ddd;
    margin-bottom: 20px
}
.rela-news a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #5d5d5d;
    font-weight: bold;
    font-size: 14px
}
.rela-news span {
    margin: 8px 0;
    display: table
}

.main-content {
    padding: 40px 0px;
    border-top: 1px dotted #777;
    border-bottom: 1px solid #bbb;
}


.product-content table {
    width: 100%
}
.product-content table td {
    border: 1px solid #333;
    padding: 5px;
    overflow-wrap: break-word;
   text-align: center;
    font-size: 14px;line-height: 16px;
}
.product-content{font-family: Arial;}
.product-content p{font-size: 14px;line-height: 20px;font-family: Arial;}
.product-content h4{font-size: 16;line-height: 24px;font-family: Arial;font-weight: bold;}



/* main ^ */


ul:before, ul:after,.footer-down:before,.footer-down:after,.footer-main:before,.footer-main:after,.tools-box>div:before,.tools-box>div:after,
.choose-con>div>div:before,.choose-con>div>div:after,.news-item:before,.news-item:after,.headnews:before,.headnews:after {
    display: table;
    content: " "
}

ul:after,.footer-down:after,.footer-main:after,.tools-box>div:after,.choose-con>div>div:after,.news-item:after,.headnews:after {
    clear: both
}


@media(min-width:768px) {
    .navbar-nav>li>a {
        padding-left: 7px!important;
        padding-right: 7px!important;
        font-size: 14px
    }
}

@media(min-width:1200px) {
    .navbar-nav>li>a {
        padding-left: 20px!important;
        padding-right: 20px!important;
        font-size: 16px
    }
}

@media(max-width:992px) and (min-width:768px) {
    .tools-box>a {
        padding-left: 15px
    }
    .tools-box>a h3 {
        margin-top: 0
    }
}

@media(max-width:768px) {
    .navbar-nav {
        margin: 0 -15px
    }

    .st-floor>div>div:nth-child(2),
    .st-floor>div>div:nth-child(4),
    .nd-floor>div>div:nth-child(1),
    .nd-floor>div>div:nth-child(3) {
        height: 167px
    }
    
    .link-item {
        margin-bottom: 15px
    }
    .link-item .caption {
        height: 110px;
        overflow: hidden
    }
.list-unstyled li {float:none;padding-top:0px}
.list-unstyled li a {border-radius:0;display:block;border-bottom:1px solid #ddd}
.product-page .caption a {padding-left:15px;padding-right:15px}
}
.bread{ background: #FD7B01;padding: 10px; color: #fff;}
.bread a{ color: #fff;}
.bread .active{color:#fff}
.bread .breadcrumb > li + li::before{color:#fff}

.category-item {
    background: #F2F2F2 url(images/category-item-bg.jpg) no-repeat right center;
    padding: 20px 0 20px 15px;
    position: relative;
    margin-bottom: 30px;
    border-left:solid 5px #FD7B01;
    position: relative;
}
.category-item a{color:#666}
.category-item .img-responsive{ border: 1px solid #ccc;}
@media(max-width:992px) {
    .category-item {
        background:#ebebeb;
    }
}
.category-item .col-6 {
    float: left;
    width: 60%;
}
.category-item .col-4 {
    float: left;
    width: 40%;
}
@media(max-width:650px) {
     .category-item:hover {
          background-image:none;
          background-color:#EBEBEB;
        color:#555;
    }
    .category-item .col-6,.category-item .col-4 {
        width:100%;
    }
    .category-item .col-4{
        padding-right:15px;
    }
        .category-item .col-4 .img-responsive {
            margin:auto;
        }
}
.category-item h4 a {
    text-transform: uppercase;color: #333;
}
.category-item .list{ margin-bottom: 15px;}
    .category-item .list li{
        padding:6px 0;
        color:#A6A6A6;
        float: none;
        
    }
    .category-item .list li:before {
        content:"●";
        color: #FD7B01;
        margin-top:-2px;
        margin-right:4px;
    }
    .category-item .more a {
        display: inline-block;
        font-size: 12px;
        background: #FD7B01;
        color: #fff;
        padding: 4px 15px;
        border-radius: 16px;
    }
.down-item{ margin-bottom: 30px;}
.down-item h6 { font-size: 0.875rem;font-weight: 600}
.down-item span{ color: #666;}
.down-item .btn{ padding: 3px 12px;}
#v-1{width: 100%; }
.swiper-pagination-bullet { margin-right: 8px;width: 15px;height: 15px;}
    /*社交媒体依赖于fontawesome,可自行扩展*/
.social {line-height: 1;}
.social>span,.social>a {display: inline-block;cursor: pointer; transition: background .3s ease;padding: 8px 6px;margin: 0 6px 0 0;color: #fff;text-align: center;border-radius: 50%;font-size: 1rem;}
.social>span:before,.social>a:before {display: inline-block;font-family: fontawesome;width: 1.28571429em;text-align: center;}
.social.no-padding>span,.social.no-padding>a {padding: 0 !important;}
.social.transparent>span,.social.transparent>span:hover,.social.transparent>a,.social.transparent>a:hover{background: transparent !important;}
.social.square>span,.social.square>a {border-radius: 0;}
.social.sm>span,.social.sm>a{font-size: 0.875rem;padding: 6px 4px;color: #fff !important;margin-right:0 4px 0 0}
.social.lg>span,.social.lg>a {font-size: 20px;padding: 10px 7px;color: #fff !important;margin: 0 10px 0 0;}
.social>span:last-child,.social>a:last-child{margin-right: 0;}

/*#region 社交分主享与媒体样式*/
.social-facebook {background:#3b5998;}
.social-facebook:hover {background: #627AAD;}
.social-facebook:before {content: "\f09a";}
.social-googleplus {background: #dc4e41;}
.social-googleplus:hover {background: #E37167;}
.social-googleplus:before {content: "\f0d5";}
.social-linkedin {background: #0077b5;}
.social-linkedin:hover {background: #3392C4;}
.social-linkedin:before {content: "\f0e1";}
.social-twitter {background: #55acee;}
.social-twitter:hover {background: #77BDF1;}
.social-twitter:before {content: "\f099";}
.social-skype {background: #00aff0;}
.social-skype:hover {background: #33BFF3;}
.social-skype:before {content: "\f099";}
.social-youtube {background: #cd201f;}
.social-youtube:hover {background: #D74D4C;}
.social-youtube:before {content: "\f167";}
.social-pinterest {background: #bd081c;}
.social-pinterest:hover {background: #e37167;}
.social-pinterest:before {content: "\f231";}
.social-instagram {background:#EF8640}
.social-instagram:hover{background:#DE5B44}
.social-instagram:before{content: "\f16d"}
.social-skype {background: #00aff0;}
.social-skype:hover {background: #33BFF3;}
.social-skype:before {content: "\f17e";}
.social-email {background: #000000;}
.social-email:hover {background: #333;}
.social-email:before {content: "\f003";}
.social-qq {background: #5294D0;}
.social-qq:hover {background: #55acee;}
.social-qq:before {content: "\f1d6";}
.social-weixin {background: #36A63A;}
.social-weixin:hover {background: #0CCD1C;}
.social-weixin:before {content: "\f1d7";}
/*#endregion*/

/*#region PC/PAD端客服浮动样式*/
.side-share {position: fixed;right: 2px;bottom: 30px;z-index: 99999;line-height: 1;}
@media(max-width:768px){.side-share{ display: none;}}
.side-share ul {margin: 0;padding: 0;list-style-type: none;background: #fff;}
.side-share>ul>li{ position: relative;background: #B4BDC2;margin-bottom: 1px;cursor: pointer;color: #fff;transition: background-color 0.3s ease;}
.side-share>ul>li:last-child{ margin-bottom: 0;}
.side-share>ul>li:hover { background:#9EABB1}
.side-share>ul>li>div {display: none;position: absolute;z-index: 99998;top: 0;bottom: 0;right: 64px;font-size: 14px;text-align: center;width: auto;padding: 8px 12px;transition: all 0.8s }
.side-share>ul>li:hover>div{display: block;}
.side-share>ul>li>a { text-decoration: none;color: #fff;}

.side-share .icon {position: relative;display: block;text-align: center;padding: 10px 8px;}
.side-share .icon>.fa{ display: block;margin: auto;font-size: 24px;}
.side-share .icon>span{ display: block;font-size: 12px;margin-top: 5px;}

.side-share .qq{ background: #6DA9DE;}
.side-share .qq:hover{background:#488BC7}

.side-share .phone{ background: #FBB01F;}
.side-share .phone:hover{ background: #FF811B;}
.side-share .phone>div{ font-size: 20px;line-height: 1.3;padding-top: 18px;font-weight: 600;min-width: 180px;background: #FF811B;}

.side-share .weixin{ background: #78C340;}
.side-share .weixin:hover{background:#58A81C}
.side-share .weixin>div{ padding: 0;bottom: auto;border:1px solid #f2f2f2}

.side-share .weibo { background: #E6162D;}
.side-share .weibo:hover { background: #CD1426}

.side-share .top{ display: none;}

.side-share>ul>li.top{ background: #666666;opacity:0}
.side-share>ul>li:hover.top{background:#444444}
/*#endregion*/

/*#region 客服移动端样式*/
.service-m{display: flex;position: fixed;bottom:0;left:0;right:0;flex-flow: row nowrap;align-items: center;background: rgba(250,250,250,0.9);border-top:1px solid #eee;font-size:12px;z-index:9999;}
.service-m>div{flex-grow: 1;padding:10px 10px;text-align: center}
.service-m>div span{display:block;}
.service-m>div i{font-size:1.5rem;color:#999;transition: all 0.2s ease}
.service-m  .fa-qq{color:#55acee;}
.service-m .fa-qq:hover{color:#0061a5}
.service-m .fa-envelope{color:#32cdee;}
.service-m .fa-envelope:hover{color:#209eea}
.service-m .fa-phone-square{color:#dc4e41;}
.service-m .fa-phone-square:hover{color:#b8080a}
/*#endregion*/

.about-con>h3{padding-top: 25px;}
.about-con{background: #eaeaea; padding: 20px 0 0 0;}
.about-con .about-main {background: rgba(255,255,255,0.3);padding-bottom: 20px; padding-top: 20px;}
.hm-pro-box {display: flex; margin-top: 20px;margin-bottom: 10px;}
.hm-pro-box a:hover{text-decoration: underline;}
.hm-pro-box .img{width: 40%;border: 1px solid #fd7b00;display: flex;justify-content: center;align-items: center;background: #fff;height: 222px;}
.hm-pro-box .img img{width: 100%;height: auto;}
.hm-pro-box .text{width: 60%; padding-left: 20px;}
.hm-pro-box .text>h3{font-size: 16px;color: #cb0101;line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top: 5px; margin-bottom: 10px;}
.hm-pro-box .text>h3>a{font-size: 16px;color: #cb0101;line-height: 30px;}
.hm-pro-box .text>p{font-size: 14px;color: #5d5d5d;line-height: 24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 0;}
.hm-pro-box .text>p>a{font-size: 14px;color: #5d5d5d;line-height: 24px;}
.hm-pro-box .text>p:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: #fd7b00 }
.hm-pro-box .text .more{display: inline-block; background: #fd7b00; padding: 8px 30px;color: #fff;font-size: 14px;line-height: 24px;border-radius: 5px;overflow:hidden;margin-top: 20px;}

@media(max-width:768px) {
    .hm-pro-box .img{height: auto;}
    .about-con>h3{font-size: 24px;}
}