@charset "utf-8";

@import url(../css/common.css);

@import url(../css/iconfont.css);



/*滚动条样式*/

body {

    min-height: 100vh;

    /*font-family: "MiSans-Regular" !important;*/

    font-family:  "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑" Arial, Helvetica, sans-serif;

    font-size: 16px;

    color: #000;

    background: #fff;

    min-width: 320px;

    margin: 0 auto;

    overflow-x: hidden;

}



img,

a,

div,

b,

em,

i,

li,

p,

h3,

span,

h1,

h2,

h4,

h5,

h6 {

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    text-transform: capitalize;

}



a {

    color: #000;

    letter-spacing: 1px;

}



a:hover {

    color: #333;

}



.con {

    width: 83.33%;

    min-width: 1200px;

    max-width: 1600px;

    margin: 0 auto;

}



::-webkit-scrollbar {

    width: 8px;

    height: 10px;

}



::-webkit-scrollbar-thumb {

    background: #555;

}



::-webkit-scrollbar-track {

    background: #ddd;

}



/*头部样式*/

header {

    border-bottom: 1px solid transparent;

}



.header-logo {

    width: 1.1875rem;

    height: .1875rem;

    background-image: url(../images/logo.png);

}



nav {

    padding-left: 1.0417rem;

    padding-right: .3646rem;

}





nav>ul>li>a {

    color: #fff;

    font-size: .1042rem;

    line-height: 1.3;

    padding: .2083rem .0521rem;

    text-transform: uppercase;

}



nav>ul>li>a:hover {

    color: #fff;

}



nav>ul>li>a::after {

    content: '';

    display: block;

    width: 0;

    left: 0;

    bottom: 0;

    height: 3px;

    opacity: 0;

    border-radius: 10px;

    background-color: #fff;

    transition: all .3s;

    position: absolute;

}



nav>ul>li>a:hover::after,

nav>ul>li>a.active::after {

    opacity: 1;

    background-color: #fff;

    width: 100%;

}



.header-search {

    padding-top: .0417rem;

}



.header-search a span {

    font-size: .1146rem;

    color: #fff;

    line-height: 1;

}



.header-line {

    border-left: 2px solid #fff;

    height: .125rem;

    margin: 0 .1563rem;

}



.header-lang {

    margin-left: .2083rem;

    align-items: center;

    padding-top: .0313rem;

}



.header-lang a,.header-lang em {

    font-size: .0938rem;

    color: #fff;

    line-height: normal;

}
.header-lang em{
    margin: 0 .0625rem;
}


.header-lang span {

    font-size: .1146rem;

    color: #fff;

    margin-right: .0521rem;

}





.header-btn a {

    background-color: #2f63d4;

    color: #fff;

    font-size: .0938rem;

    line-height: 1;

    padding: .1042rem .1563rem;

}



.header-btn a:hover {

    background-color: #2f63d4;

}



.header-lang a:hover {

    color: #2f63d4;

}





.header-active {

    background-color: #fff;

    border-bottom: 1px solid #ccc;

}





.header-active .header-logo {

    background-image: url(../images/logo01.png);

}



.header-active .header-search a span {

    color: #000;

}



.header-active .header-lang em {

    color: #000;

}



.header-active .header-lang a {

    color: #000;

}



.header-active .header-line {

    border-left: 2px solid #000;

}





.header-active nav>ul>li>a {

    color: #000;

}



.header-active nav>ul>li>a:hover::after,

.header-active nav>ul>li>a.active::after {

    opacity: 1;

    background-color: #2f63d4;

    width: 100%;

}



.nav-sub-box {

    background: transparent;

    top: .55rem;

}



.search-sub-box {

    background: transparent;

    top: .55rem;

}



.header-pro-nav {

    background-color: rgba(0, 0, 0, 0.75);

    top: .5rem;

    padding: .3125rem 0;

    border-top: 1px solid #ccc;

    z-index: 200;

    display: none;

}



.header-pro-item h4 {

    font-size: .0938rem;

    opacity: 0.8;

    font-weight: lighter;

    margin-bottom: .1563rem;

    color: #efefef;

}



.header-pro-item a {

    font-weight: 400;

    line-height: 1;

    margin-bottom: .1042rem;

    font-size: .1042rem;

    color: #fff;

}



.header-pro-item a:hover {

    color: #2f63d4;

}



.header-pro-nav-r {

    margin-left: 1.1979rem;

}



.header-pro-nav-a {

    width: 1.8229rem;

}



.header-pro-nav-txt span {

    color: #fff;

    display: block;

    font-size: .1458rem;

    padding-bottom: .1042rem;

    padding-left: .1042rem;

    line-height: 1;

}



.mask {

    position: fixed;

    background-color: rgba(0, 0, 0, 0.8);

}









/*首页样式*/

/*广告样式*/

.index-banner .swiper-pagination {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    bottom: 8%;

    left: 0;

}



.index-banner .swiper-pagination .swiper-pagination-bullet {

    background-color: #fff;

    border-radius: 0;

    width: .2083rem;

    height: .0208rem;

    display: block;

    opacity: 0.8;

}



.index-banner .swiper-pagination .swiper-pagination-bullet-active {

    background-color: #2f63d4;

    opacity: 1;

}

.index-banner img {
    width: 100%;
}

.index-ab-top {

    margin-top: .8854rem;

}

.index-ab>img {
    width: 100%;
}

.index-ab-top h4 {

    font-size: .2708rem;

    font-weight: 600;

    line-height: 1.3;

    margin-bottom: .1458rem;

}



.index-ab-top p {

    opacity: 0.7;

    font-size: .1042rem;

    text-align: justify;

    font-weight: 400;

    line-height: 1.6;

    margin-bottom: .3646rem;

}



.index-btn {

    background-color: #2f63d4;

    border-radius: .1667rem .1823rem 0rem .1667rem;

    width: 1.0417rem;

    padding: .125rem .1979rem;

}



.index-btn span {

color: #fff;

font-size: .0833rem;

font-weight: 400;

line-height: 1;

letter-spacing: 1px;
}



.index-btn::after {

    content: '';

    width: .125rem;

    height: .125rem;

    border-radius: 50%;

    overflow: hidden;

    border: .0313rem solid #446cc2;

    background-color: #fff;

}



.index-btn:hover {

    background-color: #1d4a9d;

    border-radius: .1823rem;

}



.index-ab-b {

    margin-top: .6667rem;

    align-items: flex-end;

}



.index-ab-v {

    cursor: pointer;

    border-radius: .4271rem;

    width: 1.4583rem;

}







.index-ab-item {

    margin-left: .4583rem;

}



.index-ab-item h4 {

    font-size: .2188rem;

    font-weight: 500;

    margin-bottom: .1042rem;

}



.index-ab-item h4 sup {

    font-size: .0833rem;

    font-weight: 400;

    color: #000;

}



.index-ab-item p {

    font-size: .0833rem;

    opacity: 0.6;

    line-height: 1;

}



.index-pro-tit {

    z-index: 2;

    padding-top: .4167rem;

}



.index-pro-tit h4 {

    font-size: .1354rem;

    margin-bottom: .0729rem;

    font-weight: normal;

}



.index-pro-tit p {

    opacity: 0.7;

    font-size: .0938rem;

    line-height: 1;

}

.pro-swiper-item>img {
    width: 100%;
}

.pro-swiper-item-txt {

    padding-top: 1.3021rem;

    padding-left: 1.4583rem;

}



.pro-swiper-item-txt>span {

    font-size: .1458rem;

    line-height: 1;

    color: #2f63d4;

    margin-bottom: .125rem;

}



.pro-swiper-item-txt h4 {

    font-size: .4063rem;

    font-weight: 300;

    line-height: 1.2;

    margin-bottom: .1042rem;

}



.pro-swiper-item-txt h4 em {

    font-weight: bold;

}



.pro-swiper-item-txt>p {

    font-size: .1146rem;

    line-height: 1;

    font-weight: 400;

    opacity: 0.7;

    margin-bottom: .2083rem;

}



.pro-swiper-b {

    z-index: 2;

    padding-bottom: .375rem;

}



.pro-swiper .pro-swiper-pagination {

    display: flex;

    align-items: center;

}



.pro-swiper .pro-swiper-pagination .swiper-pagination-bullet {

    background-color: #fff;

    border-radius: 50%;

    width: .0625rem;

    height: .0625rem;

    display: block;

    opacity: 0.1;

    background: #000000;

    margin: 0 .0625rem;

}



.pro-swiper .pro-swiper-pagination .swiper-pagination-bullet-active {

    background-color: #2f63d4;

    opacity: 1;

}



.index-pro-fy div {

    margin-left: .0521rem;

    background-color: #2f63d4;

    color: #fff;

    border-radius: .0521rem;

    width: .2604rem;

    height: .2604rem;

    cursor: pointer;

}



.index-pro-fy div i {

    font-weight: bold;

    line-height: 1;

    font-size: .0938rem;

}



.index-pro-fy div:hover {

    background-color: #1d4a9d;

}

.index-zs>img {
    width: 100%;
}


.index-zs-txt {

    padding-top: .7917rem;

    padding-right: .4792rem;

}



.index-zs-txt>span em {

    font-size: .1563rem;

    color: #fff;

    line-height: 1;

}



.index-zs-txt>span i {

    font-size: .1458rem;

    line-height: 1;

    color: #fff;

    margin-right: .0521rem;

}



.index-zs-txt h4 {

    font-size: .2708rem;

    font-weight: 600;

    line-height: 1.3;

    margin-bottom: .1354rem;

    color: #fff;

    margin-top: .1875rem;

}



.index-zs-btn {

    margin-top: .3438rem;

}



.index-zs-txt p {

    color: #fff;

    font-size: .1042rem;

    font-weight: 400;

}

.index-se>img {
    width: 100%;
}

.index-se-txt {

    padding-top: 1.0417rem;

    width: 34%;

}



.index-se-txt h4 {

    font-size: .2708rem;

    font-weight: 600;

    margin-bottom: .2083rem;

    line-height: 1.3;

}



.index-se-txt p {

opacity: 0.7;

font-size: .1042rem;

text-align: left;

margin-bottom: .1438rem;
}

.index-ms>img {
    width: 100%;
}

.index-ms-txt {
    padding-top: 1.4271rem;
}



.index-ms-txt h4 {

    font-size: .2708rem;

    font-weight: 400;

    color: #fff;

    margin-bottom: .1042rem;

}



.index-ms-txt p {

    margin-bottom: .2604rem;

    color: #fff;

    font-weight: 400;

    font-size: .125rem;

    opacity: 0.7;

}



.index-news {

    background-color: #f6f6f6;

    padding: .2708rem 0 .625rem;

}



.index-news-tit {

    align-items: flex-start;

    margin-bottom: -.1354rem;

}



.index-news-tit h4 {

    font-size: 1rem;

    font-weight: 300;

    color: #fff;

    opacity: 0.9;

}



.index-news-item {

    width: 30%;

}



.index-news-pic img {

    width: 100%;

}



.index-news-item-con {

    background-color: #fff;

    padding: .2917rem .2083rem;

    margin-top: -0.1042rem;

}



.index-news-item-con h4 {

    font-size: .1146rem;

    line-height: 1.6;

    font-weight: normal;

    text-align: left;

    -webkit-line-clamp: 2;

}



.index-news-item-con p {

    margin-top: .3333rem;

    font-size: .0833rem;

    font-weight: normal;

    opacity: 0.7;

}



.index-news-item-con p em {

    margin-right: .1042rem;

    line-height: 1;

}



.index-news-item-con p span {

    line-height: 1;

}



.index-news-item:hover .index-news-item-con {

    background-color: #2f5bbb;

}



.index-news-item:hover .index-news-item-con h4 {

    color: #fff;

}



.index-news-item:hover .index-news-item-con p {

    color: #fff;

}



/*底部样式*/

footer {

    background-color: #232323;

}



.footer-t {

    padding: .3854rem 0;

}



.footer-t-ca {

    padding: 0 .4792rem;

}



.footer-t-ca-l h4 {

    font-size: .2396rem;

    line-height: 1;

    margin-bottom: .1354rem;

    color: #f9f9f9;



}



.footer-t-ca-l p {

    font-size: .0833rem;

    color: #bdbdbd;

}



.footer-t-ca-r p {

    color: #bdbdbd;

    font-size: .0833rem;

    margin-right: .1354rem;

}



.footer-t-ca-r a {

    color: #fff;

    background-color: #2f63d4;

    border-radius: .0521rem;

    font-size: .0833rem;

    padding: .0521rem .125rem;

}



.footer-t-ca-r a span {

    margin-right: .0521rem;

}



.footer-t-list {

    padding: 0 .4792rem;

    margin-top: .4167rem;

}



.footer-t-item h4 {

    font-size: .1146rem;

    margin-bottom: .1302rem;

    color: #f9f9f9;

    font-weight: 400;

}



.footer-t-item p {

font-size: .0833rem;

color: #bdbdbd;

width: 80%;
}



.footer-t-item span {

    color: #f9f9f9;

    font-size: .0833rem;

}



.footer-t-sc {

    margin-bottom: .1083rem;

}



.footer-t-sc a {

    border-radius: 50%;

    width: .2188rem;

    height: .2188rem;

    margin-right: .0833rem;

    border: 1px solid #bdbdbd;

    display: flex;

    align-items: center;

    justify-content: center;

}



.footer-t-sc a:hover {

    background-color: #2f63d4;

    border: 1px solid #2f63d4;

}



.footer-t-btn {

background-color: #2f63d4;

width: .75rem;

font-size: .0833rem;

padding: .0729rem 0.05rem;

line-height: 1;

color: #fff;

cursor: pointer;

letter-spacing: 1px;
}



.footer-t-btn em {

    font-size: .0938rem;

    line-height: 1;

    margin-right: .0521rem;

}



.footer-t-btn:hover {
    background-color: #1d4a9d;
    color: #fff;
}



.footer-b {

    padding: 0 .4792rem;

    background-color: #000;

}



.footer-b-con {

    padding: .1563rem 0;

}



.footer-b-con-l,

.footer-b-con-r a {

    font-size: .0833rem;

    color: #bdbdbd;

    line-height: 1
}



.footer-b-con-r a:hover {

    color: #fff;

}



#sidebar {

    position: fixed;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    z-index: 2;

}



#sidebar ul li {

    margin-bottom: 5px;

    position: relative;

}



#sidebar ul li:last-child {

    margin-bottom: 0;

}



#sidebar ul li i {

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    background: #2f63d4;

    font-size: 18px;

    transition: .5s;

    cursor: pointer;

    color: #fff;

}



#sidebar ul li i:hover {

    color: white;

    background: black;

}



#sidebar ul li dl {

    position: absolute;

    top: 0;

    padding: 15px 25px;

    background: white;

    width: auto;

    white-space: nowrap;

    right: 0;

    transform: translateX(100%);

    transition: .5s;

    opacity: 0;

}



#sidebar ul li dl dt {

    font-size: 18px;

    font-weight: 500;

    margin: 2px 0;

}



#sidebar ul li dl dd {

    font-size: 16px;

    display: block;

}



#sidebar ul li dl img {

    width: 120px;

    max-width: none;

}



#sidebar ul li:hover dl {

    right: 40px;

    transform: translateX(0);

    opacity: 1;

}



/*招商样式*/

.zs-t-txt {

    padding-right: 0;

    padding-top: 1.5625rem;

}



.zs-t-b-tit {

    padding-top: 1.5833rem;

}



.zs-t-b-tit h4 {

    color: #fff;

    font-size: .2604rem;

    margin-bottom: .1302rem;

}



.zs-t-b-tit p {

    color: #fff;

    font-size: .1042rem;

}



.zs-t-b-list {

    margin-top: .3958rem;

}



.zs-t-b-item {

    background-color: #f8f8f8;

    width: 23.5%;

    padding: .3333rem .1563rem;

}



.zs-t-b-bg {

    width: 1.6563rem;

    height: 1.6563rem;

    border: .2344rem solid #ffffff;

    opacity: 0.8;

}



.zs-t-b-pic {

    width: .4167rem;

    height: .4167rem;

    background-size: 100% 100%;

    background-repeat: no-repeat;

    margin: .3646rem 0 0;

}



.zs-t-b-item:nth-child(1) .zs-t-b-pic {

    background-image: url(../images/sl1-ico.png);

}



.zs-t-b-item:nth-child(2) .zs-t-b-pic {

    background-image: url(../images/sl2-ico.png);

}



.zs-t-b-item:nth-child(3) .zs-t-b-pic {

    background-image: url(../images/sl3-ico.png);

}



.zs-t-b-item:nth-child(4) .zs-t-b-pic {

    background-image: url(../images/sl4-ico.png);

}



.zs-t-b-item-txt span {

    font-size: .1042rem;

    margin-bottom: .3125rem;

}



.zs-t-b-item-txt h4 {

font-size: .125rem;

margin-bottom: .1667rem;

font-weight: 400;

letter-spacing: 1px;

width: 90%;
}



.zs-t-b-item-txt p {

    font-size: .0833rem;

    opacity: 0.7;

    line-height: 1.7;

    width: 65%;

}



.zs-t-b-item:hover {

    background-color: #2f63d4;

}



.zs-t-b-item:hover .zs-t-b-bg {

    opacity: 0.1;

}



.zs-t-b-item:hover h4,

.zs-t-b-item:hover span,

.zs-t-b-item:hover p {

    color: #fff;

}



.zs-t-b-item:hover:nth-child(1) .zs-t-b-pic {

    background-image: url(../images/sl1s-ico.png);

}



.zs-t-b-item:hover:nth-child(2) .zs-t-b-pic {

    background-image: url(../images/sl2s-ico.png);

}



.zs-t-b-item:hover:nth-child(3) .zs-t-b-pic {

    background-image: url(../images/sl3s-ico.png);

}



.zs-t-b-item:hover:nth-child(4) .zs-t-b-pic {

    background-image: url(../images/sl4s-ico.png);

}



.zs1 {

    padding: .5417rem 0;

}



.zs1-tit h4 {

    font-size: .2604rem;

    margin-bottom: .1354rem;

}



.zs1-tit p {

    font-size: .1042rem;

    font-weight: 400;

    opacity: 0.8;

}



.zs1-tit {

    margin-bottom: .2708rem;

}



.zs1-l {

    width: 48.5%;

}



.zs1-r {

    width: 47.7%;

}



.zs1-txt {

padding-top: .4604rem;

padding-left: .3646rem;
}



.zs1-txt h4 {

line-height: 1.3;

color: #fff;

font-size: .1667rem;

margin-bottom: .1771rem;

width: 50%;
}



.zs1-txt p {

color: #fff;

font-size: .0838rem;

text-align: left;

width: 45%;

opacity: 0.8;
}



.zs2-t {

    padding-top: .5104rem;

}



.zs2-t-tit h4,

.zs2-t-tit p {

    color: #fff;

}



.zs2-t-con {

    margin-top: .3229rem;

}



.zs-t-item {

    background-color: #fff;

    margin-bottom: .2344rem;

    width: 30%;

    padding: .4063rem .2604rem;

}



.zs-t-item-pic {

    width: .2917rem;

}



.zs-t-item-pic img {

    width: 100%;

}



.zs-t-item-txt {

    flex: 1;

    padding-left: .1563rem;

}



.zs-t-item-txt h4 {

    font-size: .1563rem;

    margin-bottom: .1146rem;

}



.zs-t-item-txt p {

    color: #898989;

    font-size: .1146rem;

}



.zs2-b {

    background-color: #0049ae;

    margin-top: .5854rem;

    border-radius: 0 1.0417rem 0px 0px;

    padding: 0.5573rem 0 0.8rem;

}



.zs2-b-tit h4 {

    color: #fff;

    margin-bottom: .3125rem;

    font-size: .2292rem;

    font-weight: 400;

}



.zs2-form input {

    background-color: #fff;

    overflow: hidden;

    border-radius: .2604rem;

    font-size: .1042rem;

    line-height: 1;

    padding: .1563rem .2604rem;

    width: 2.2813rem;

}



.zs2-btn {

    background-color: #fff;

    border-radius: .2604rem;

    color: #2f63d4;

    cursor: pointer;

    padding: .1563rem .2604rem;

    font-weight: bold;

    letter-spacing: 1px;

}





/*关于我们样式*/

.ab1 {

    padding: .6875rem 0;

}



.ab1-con-l h4 {

    font-size: .2708rem;

    line-height: 1.4;

    font-weight: 600;

}



.ab1-con-r p {

    text-align: justify;

    margin-bottom: .1979rem;

    font-size: .1042rem;

    font-weight: 400;

    opacity: 0.7;

    line-height: 1.7;

}



.ab1-con-b {

    margin-top: .4688rem;

}



.ab1-con-item {

    width: 4.0625rem;

}



.ab1-con-item video {

    width: 100%;

}



.ab2-con {

    padding: .6146rem 0;

}



.ab2-item h4 {

    color: #fff;

    font-size: .2969rem;

    margin-bottom: .1354rem;

}



.ab2-item h4 sup {

    color: #fff;

    font-size: .1146rem;

    line-height: 1;

}



.ab2-item p {

    color: #fff;

    font-size: .1146rem;

    letter-spacing: 1px;

}



.ab3-t {

    padding: .5365rem 0;

}



.ab3-l {

    width: 35%;

}



.ab3-l h4 {

    font-size: .2708rem;

    margin-bottom: .2292rem;

    line-height: 1.3;

}



.ab3-l p {

    text-align: justify;

    opacity: 0.7;

    font-size: .1042rem;

}



.ab3-r {

    width: 62%;

}



.ab3-b {

    margin-bottom: .7396rem;

}



.ab3-r img {

    width: 100%;

}



.ab3-item {

    width: 31%;

}



.ab3-item img {

    width: 100%;

}



.ab3-item-con {

    padding: .3646rem .4427rem;

}



.ab3-item-con h4 {

    font-size: .3906rem;

    font-weight: 300;

    margin-bottom: .5313rem;

    color: #fff;

}



.ab3-item-con span {

    color: #fff;

    font-size: .1302rem;

    line-height: 1;

    margin-bottom: .0938rem;

}



.ab3-item-con p {

    opacity: 0.8;

    font-size: .1042rem;

    color: #fff;

}



.ab3-item:hover {

    border-radius: .7969rem .2604rem .7969rem .2604rem;

}



.ab3-item:hover .ab3-item-con {

    background-color: #2f63d4;

}



.ab4-txt {

    padding-top: .9479rem;

}



.ab4-txt h4 {

    color: #fff;

    font-size: .2708rem;

    margin-bottom: .2708rem;

    line-height: 1.3;

}



.ab4-txt p {

    font-size: .1042rem;

    opacity: 0.8;

    color: #fff;

    text-align: justify;

    width: 40%;

}



.ab4-pic {

    width: .875rem;

    border: .0208rem solid #fff;

    border-radius: .2604rem;

    margin-top: .4583rem;

}



.ab4-pic img {

    width: 100%;

}









.ab-txt h4 {

    font-size: .2708rem;

    line-height: 1.3;

    font-weight: 600;

    margin-bottom: .1875rem;

}



.ab-txt p {

    font-size: .1042rem;

    text-align: justify;

    opacity: 0.8;

}



.ab-pic img {

    width: 100%;

}







.ab5 {

    padding: .5208rem 0;

}



.ab5-con-l {

    width: 48.5%;

}



.ab5-con-r {

    width: 40%;

}



.ab5-con-r-pic {

    width: 1.2396rem;

    margin-top: .4427rem;

    border-radius: .1042rem .4063rem .1042rem .4063rem;

    overflow: hidden;

}



/*健康马桶*/

.white {

    color: #fff;

}



.container {

    width: 1400px;

    margin: 0 auto;

}



.package {

    padding: .3646rem 0;

}



.skill_01 {

    width: 100%;

    height: 5.1563rem;

    background: url(../images/mt-top.jpg) center center/cover no-repeat;

}



.skill_01 .container,

.skill_03 .container,

.skill_06 .container,

.aboutdata .container,

.aboutcommunity .container,

.community .container,

.community_03 .container {

    display: -webkit-flex;

    display: flex;

    height: 100%;

    align-items: center;

}



.skill_01_text h2 {

    font-size: .3125rem;

    line-height: 1.4;

}



.skill_01_text h3 {

    font-size: .2344rem;

    line-height: 1.5;

    font-weight: normal;

}



.skill_01_text span {

    display: block;

    margin: .1823rem 0 .2344rem;

    padding: .0625rem .2344rem;

    font-size: .1146rem;

    border-radius: .1563rem;

    background-color: #8eafb8;

}



.skill_01_text {

    font-size: .1146rem;

}



.skill_icon01,

.skill_icon02 {

    display: inline-block;

    width: .2344rem;

    height: .2344rem;

    margin-right: .0521rem;

    vertical-align: middle;

}



.skill_icon01 {

    background: url(../images/fw-ico.jpg) center no-repeat;

}



.skill_icon02 {

    background: url(../images/app-ico.jpg) center no-repeat;

}



.skill_02 {

    width: 100%;

    padding: .2604rem;

    /*background: url(../images/mt1-bg.jpg) center bottom/cover no-repeat;*/

}
.skill_02 img{
    display: block;
    margin: 0 auto;
}


.skill_title {

    display: block;

    padding-bottom: .3125rem;

}



.skill_title h2,

.skill_03_text h2 {

    font-size: .2604rem;

    line-height: 1.8;

}



.skill_title p,

.skill_03_text p {

    font-size: .125rem;

    line-height: 2;

}



.skill_title h2 {

    color: #000;

}



.skill_title p {

    color: #7d7d7d;

}



.skill_02 ul li {

    display: block;

    width: 48%;

    padding: .4427rem .5208rem .4427rem .2344rem;

    border-radius: 8px;

    overflow: hidden;

    background-color: #fff;

    box-shadow: 0 0 .2083rem 0 rgba(0, 0, 0, .15);

}



.skill_02 ul li i {

    float: left;

    display: block;

    width: .2344rem;

    height: .2344rem;

    margin-right: .2083rem;

}



.skill_icon03 {

    background: url(../images/ny-ico.jpg) center no-repeat;

}



.skill_icon04 {

    background: url(../images/hl-ico.jpg) center no-repeat;

}



.skill_02_text {

    width: calc(100% - .4948rem);

}



.skill_02_text h3 {

    font-size: .1354rem;

    font-weight: normal;

    line-height: 1.5;

    color: #303030;

    margin-bottom: .0521rem;

}



.skill_02_text p {

    font-size: .0938rem;

    line-height: 1.8;

    color: #777;

}



.skill_03 {

    width: 100%;

    height: 4.1667rem;

    background: url(../images/mt2-bg.jpg) center center/cover no-repeat;

}



.skill_03_text i {

    display: block;

    margin-bottom: .1302rem;

}



.skill_03_text p {

    color: #cbcbcb;

}



.skill_04 {

    padding: .1563rem 0;

    background: url(../images/mt3-bg.jpg) center center/cover no-repeat;

}



.skill_04 ul li {

    float: left;

    width: calc(94%/4);

    margin: 0 2% 2% 0;

    padding: 3.2%;

    background-color: #fff;

    border-radius: .0417rem;

    overflow: hidden;

}



.skill_04 ul li:nth-child(4n) {

    margin-right: 0;

}



.skill_04 ul li:last-child {

    width: 49%;

    margin-right: 0;

}



.skill_04 ul li h3 {

    font-size: .125rem;

    margin-bottom: .0521rem;

    color: #000;

}



.skill_04 ul li p {

    font-size: .1042rem;

    line-height: 1.2;

    color: #a6a7a7;

}



.skill_05 ul li {

    float: left;

    width: calc(96%/2);

    margin: 0 4% 2% 0;

    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .15);

}



.skill_05 ul li:nth-child(2n) {

    margin-right: 0;

}



.skill_05 ul li img {

    float: left;

    width: 51.9%;

}



.skill_05_text {

    float: left;

    width: 48.1%;

    padding: 5%;

}



.skill_05_text b {

    font-size: .2188rem;

    line-height: 1.5;

    color: #4ca7a8;

}



.skill_05_text p {

    font-size: .0938rem;

    line-height: 1.8;

}



.skill_06 {

    width: 100%;

    height: 4rem;

    background: url(../images/mt5-bg.jpg) center center/cover no-repeat;

}



.skill_06_text {

    height: 45%;

}



.skill_06_text .skill_title h2,

.skill_06_text .skill_title p {

    color: #fff;

}



.skill_06_text .skill_title p {

    opacity: 0.8;

}





/*联系我们样式*/

.ca1 {

    background-color: #f8f8f8;

    padding: .4688rem 0;

}



.ca1-con {

    padding: 0 .4167rem;

}



.ca1-tit h4 {

    font-size: .2083rem;

    margin-bottom: .1563rem;

}



.ca1-tit p {

    font-size: .1146rem;

    margin-bottom: .1563rem;

    letter-spacing: 1px;

    line-height: 1.75;

}





.ca1-ly {

    width: 4.5833rem;

}



.ca1-ly-label {

    width: 48%;

    margin-bottom: .125rem;

}



.ca1-ly-label input,

.ca1-ly-label textarea {

    width: 100%;

    background-color: #fff;

    font-size: .0833rem;

    padding: .1042rem .0625rem;

    line-height: 1;

    border: 1px solid #dddddd;

}



.ca1-ly-label input::placeholder,

.ca1-ly-label textarea::placeholder {

    color: #c0c4cc;

}



.ca1-ly-label:nth-child(5) {

    width: 100%;

}



.ca1-ly-label:last-child {

    width: 100%;

}



.ca1-ly-label textarea {

    height: 0.8rem;

}



.ca1-ly-btn {

    background: #fff;

    background-color: #000;

    color: #fff;

    font-size: .125rem;

    line-height: 1;

    width: .9375rem;

    padding: .0833rem 0;

    cursor: pointer;

    border-radius: .2083rem;

}



.ca1-ly-btn:hover {

    background-color: #2f63d4;

}



.ca2 {

    padding: .4688rem 0;

}



.ca2-con {

    padding: 0 .9375rem;

}



.ca2-tit h4 {

    font-size: .1563rem;

    margin-bottom: .1042rem;

}



.ca2-tit p {

    font-size: .0938rem;

    opacity: 0.7;

    line-height: 1;

}



.ca2-list {

    margin-top: .2865rem;

}



.ca2-item {

    background-color: #f8f8f8;

    padding: .2604rem 0 .4583rem;

    width: 23%;

}



.ca2-ico {

    width: .4688rem;

    height: .4688rem;

    border: 1px solid #000;

    margin-bottom: .1563rem;

}



.ca2-ico i {

    font-size: .1771rem;

}



.ca2-item p {

    font-size: .1146rem;

}



.ca2-item:hover {

    transform: scale(1.1, 1.1);

    background-color: #C8A25B;

}



.ca2-item:hover .ca2-ico {

    background-color: #d5bb8b;

    border: 1px solid #fff;

}



.ca2-item:hover .ca2-ico i {

    color: #fff;

}



.ca2-item:hover p {

    color: #fff;

}



.ca2-wx {

    opacity: 0;

}



.ca2-wx img {

    width: .4688rem;

    height: .4688rem;

    margin-top: .2604rem;

}



.ca2-item:hover .ca2-wx {

    opacity: 1;

}





/*产品页样式*/

/*产品列表样式*/

.pro-list-top {

    margin-bottom: .2604rem;

}



.pro-t-box {

    bottom: .6146rem;

}



.pro-t-txt h4 {

    color: #333;

    font-size: .2188rem;

    font-weight: 400;

    letter-spacing: 1px;

}



.pro-t-txt p {

    color: #fff;

    font-size: .1146rem;

}



.pro {

    padding: .4688rem 0 .3906rem;

}



.pro-top {

    margin-bottom: .4167rem;

}





.pro-top-menu a,

.pro-top-menu em,

.pro-top-menu span {

    font-size: .0938rem;

    line-height: 1;

    opacity: 0.7;

}



.pro-top-menu span {

    color: #000;

    opacity: 1;

    font-size: .0885rem;

}



.pro-top-menu a:hover {

    color: #2f63d4;

    opacity: 1;

}



.pro-top-menu em {

    padding: 0 .0521rem;

}



.pro-top-tit {

    margin-top: .0938rem;

}



.pro-top-tit h4 {

    font-size: .3125rem;

    font-weight: normal;

}





.pro-list-bar {

    background-color: #fff;

    border-radius: .2448rem;

    padding: .0833rem .1771rem;

}



.pro-list-page-nav-item {

    background-color: #fff;

    line-height: 1;

    text-align: center;

    padding: .1146rem .1667rem;

    color: #000;

    border-radius: .1667rem;

    margin-right: .1042rem;

    font-size: .0938rem;

    font-weight: 400;

}



.pro-list-page-nav-item:hover,

.pro-list-page-nav-item.active {

    background-color: #2f63d4;

    color: #fff;

}



.sub-nav {

    top: .3646rem;

    z-index: 10;

    display: none;

}



.sub-item {

    background-color: #bfbfbf;

    color: #fff;

    padding: .125rem .0521rem;

    font-size: .1042rem;

    line-height: 1;

    letter-spacing: 1px;

    margin-right: .0833rem;

    width: 1.0417rem;

    display: block;

    margin-top: .0521rem;

}



.sub-item:hover,

.sub-item.active {

    background-color: #2f63d4;

    color: #fff;

}











.pro-list-page-search {

    background-color: #fff;

    line-height: .2604rem;

    width: 2.0208rem;

}



.pro-page-form-box input[type=text] {

    font-size: 14px;

    line-height: 1;

    flex: 1;

    line-height: .2604rem;

    padding: 0 .0938rem;

}



.pro-page-form-box input[type=submit] {

    background-color: #ED9517;

    color: #fff;

    width: .3646rem;

    height: .2604rem;

}



.pro-top-search {

    border: 2px solid #93939a;

}



.pro-top-search input[type=text] {

    font-size: .0885rem;

    width: 100%;

    padding: 0 .0833rem;

}



.pro-top-search input[type=submit] {

    width: .3646rem;

    height: .2604rem;

    background-image: url(../images/serach-ico02.png);

    background-repeat: no-repeat;

    background-size: .1563rem .1563rem;

    background-position: center center;

    appearance: none;

    background-color: transparent;

    opacity: 0.7;

}



.pro-search-form {

    background-color: #fff;

    width: 1.875rem;

}



.pro-search-form img {

    width: .1458rem;

    margin-right: .1042rem;

    opacity: 0.6;

}



.pro-search-input {

    padding: .0885rem .0677rem;

}



.pro-search-input input[type=text] {

    font-size: .0938rem;

    width: 100%;

}



.pro-search-form input[type=submit] {

    width: .3021rem;

    height: .3021rem;

    background-image: url(../images/serach-ico.png);

    background-repeat: no-repeat;

    background-size: .1354rem .1354rem;

    background-position: center center;

    appearance: none;

    background-color: #333;

    opacity: 0.7;

}



.pro-side {

    width: 1.4688rem;

}



.pro-side-tit h4 {

    font-size: .1146rem;

    margin-bottom: .1354rem;

}



.pro-side-item {

    border-top: 1px solid #ccc;

    padding-top: .2083rem;

    margin-bottom: .2083rem;

}



.pro-side-item i.on {

    transform: rotate(90deg);

}



.pro-side-item-tit {

    cursor: pointer;

}



.pro-side-item-tit h4 {

    font-size: .0938rem;

    font-weight: bold;

    line-height: 1.2;

}



.pro-side-item-tit i {

    font-size: .0938rem;

    line-height: 1;

}



.pro-side-sub {

    display: none;

}



.pro-side-sub.on {

    display: block;

}



.pro-side-sub a {

    font-size: .0885rem;

    margin-top: .1042rem;

    padding-left: .0521rem;

}



.pro-side-sub a.on {

    color: #2f63d4;

}



.pro-side-sub a:hover {

    color: #2f63d4;

}



.pro-list-con {

    width: 100%;

}



.pro-list-page-item {

    width: 24%;

    margin-bottom: .4167rem;

}



.pro-list-page-item img {

    width: 100%;

}



/* 如果最后一行是3个元素 */

.pro-list-page-item:last-child:nth-child(4n - 1) {

    margin-right: calc(24% + 4% / 3);

}



/* 如果最后一行是2个元素 */

.pro-list-page-item:last-child:nth-child(4n - 2) {

    margin-right: calc(48% + 8% / 3);

}



.pro-list-page-item-btn {

    background: #2f63d4;

    color: #fff;

    font-size: .0938rem;

    width: 85%;

    margin: 0 auto .1146rem;

    border-radius: 5px;

    line-height: 1;

    padding: .1146rem 0;

    opacity: 0;

}



.pro-list-page-item:hover .pro-list-page-item-btn {

    opacity: 1;

}



.pro-list-page-item-txt {

    margin-top: .1563rem;

}



.pro-list-page-item-txt h4 {

    font-size: .1042rem;

    margin-bottom: 0.0781rem;

    text-align: center;

}



.pro-list-page-item-txt p {

    font-size: .0885rem;

    line-height: 1;

    opacity: 0.7;

    text-align: center;

}



.pro-list-page-list::after {

    content: '';

    width: 31%;

}



.pro-list-page-item-tag {

    color: #fff;

    font-size: .0729rem;

    padding: .0365rem .0521rem;

    top: .0625rem;

    left: .0625rem;

    background: #2f63d4;

}



.pro-ca-con {

    background-color: #292929;

    padding: .3646rem 0;

    margin-bottom: .3646rem;

}



.pro-ca-con p {

    font-size: .1042rem;

    color: #fff;

    margin-bottom: .1771rem;

    line-height: 1;

}



.pro-ca-con h4 {

    font-size: .1667rem;

    line-height: 1.2;

    margin-bottom: .2708rem;

    color: #fff;

}



.pro-ca-con a {

    color: #fff;

    font-size: .0885rem;

    padding: .0833rem .5208rem;

    background-color: #616161;

}



.pro-ca-con a:hover {

    background-color: #fff;

    color: #000;

}



/*产品详情样式*/

.pro-show {

    padding: .2083rem 0 .2083rem;

}



.pro-show-con {

    padding: 0 .4167rem;

}



.pro-show-con-l {

    width: 30.78%;

}



.product-show-img-top .swiper-pagination {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    bottom: .1042rem;

    left: 0;

}



.product-show-img-top.swiper-pagination .swiper-pagination-bullet {

    background-color: rgba(255, 255, 255, 1);

    border-radius: 50%;

    width: .0729rem;

    height: .0729rem;

    display: block;

    opacity: 0.3;

    margin: 0 .0521rem;

}



.product-show-img-top .swiper-pagination .swiper-pagination-bullet-active {

    background-color: #fff;

    opacity: 1;

}





.pro-show-con-r {

    width: 65.22%;

    background-color: #fff;

    padding: .3125rem;

}



.pro-show-con-r img {

    margin: 0 auto;

}



.pro-show-top-txt {

    padding: 0 .4167rem;

}



.pro-show-top-tit {

    border-bottom: 1px solid #ccc;

    margin-bottom: .25rem;

}



.pro-show-top-tit h4 {

    font-size: .1563rem;

    font-weight: 400;

    margin-bottom: .0833rem;

    margin-top: .2865rem;

}



.pro-show-top-tit p {

    font-size: .1146rem;

    margin-bottom: .1667rem;

    color: #000;

    opacity: 0.7;

}



.pro-show-con-l-txt {

    margin-bottom: .3229rem;



}



.pro-show-con-l-txt p {

    font-size: .0938rem;

    color: #505050;

    line-height: 2;

}







.pro-show-btn {

    margin-bottom: .1042rem;

    font-size: .0938rem;

    line-height: 1;

    padding: .1146rem 0;

    cursor: pointer;

    width: 45%;

}



.add-cart {

    background-color: #2f63d4;

    color: #fff;

}



.add-cart:hover {

    background-color: #2f63d4;

    color: #fff;

}



.p-order {

    background-color: #fff;

    color: #000;

    border: 1px solid #fff;

}



.p-order:hover {

    background-color: #f7f7f7;

    color: #000;

}



.pro-show-list {

    margin-top: .3802rem;



}



.pro-show-list h4 {

    font-size: .125rem;

    margin-bottom: .1719rem;

}



.pro-show-list-item {

    background-color: #fff;

    margin-bottom: .1042rem;

    padding: .0938rem;

}



.pro-show-list-item-pic {

    width: .8542rem;

    margin-right: .1667rem;

}



.pro-show-list-item-txt h4 {

    font-size: .1458rem;

    margin-bottom: .1146rem;

}



.pro-show-list-item-txt p {

    opacity: 0.7;

    font-size: .0938rem;

}



/*搜索框样式*/

.pro-show-search {

    background-color: #fff;

    padding: 0;

    width: 1.6667rem
}



.pro-list-page-search {

    background-color: #fff;

    line-height: .2604rem;

    width: 2.0208rem;

}



.pro-page-form-box input[type=text] {

    font-size: 14px;

    line-height: 1;

    flex: 1;

    line-height: .2604rem;

    padding: 0 .0938rem;

    width: 100%;

}



.pro-page-form-box input[type=submit] {

    background-color: #ccc;

    color: #fff;

    width: .3646rem;

    height: .2604rem;

    background-image: url(../images/keep/serach-ico02.png);

    background-repeat: no-repeat;

    background-size: .1563rem .1563rem;

    background-position: center center;

}



.pro-show-can {

    margin-top: .5417rem;

    padding: .6458rem 0;

    background-color: rgba(0, 0, 0, 0.03);

}



.pro-show-can-l {

    width: 2.3438rem;

}



.pro-show-can-l h4 {

    font-size: .1979rem;

    margin-bottom: .1563rem;

}



.pro-show-can-l p {

    font-size: .0833rem;

    opacity: 0.7;

}



.pro-show-can-i {

    padding-bottom: .1563rem;

    margin-bottom: .1563rem;

    border-bottom: 1px solid #ccc;

}



.pro-show-can-i h4 {

    font-size: .0885rem;

    margin-right: .3542rem;

    flex: 1;

}



.pro-show-can-i p {

    font-size: .0833rem;

    flex: 3;

}



.pro-show-can-i:last-child {

    margin-bottom: 0;

}



.pro-show-detail {

    margin: .4792rem 0 0;

    background-color: #eee;

    padding: .3125rem 0;

}



.pro-show-detail-tit h4 {

    font-size: .2188rem;

    line-height: 1;

    margin-bottom: .2708rem;

}



.pro-show-detail-con {

    background-color: #fff;

    width: 7.2917rem;

    margin: 0 auto;

    padding: .1563rem;

}



.pro-show-detail-con img {

    margin: 0 auto;

}



.pro-show-relate {

    padding: .5833rem 0 1.1302rem;

}



.pro-show-questions {

    margin-top: .7813rem;

}



.index-ca-fy div {

    background-color: #fff;

    width: .4167rem;

    top: 50%;

    font-size: .1563rem;

    font-weight: bold;

    line-height: 1;

    color: #000;

    border: 1px solid #000;

    margin: 0 .0521rem;

    padding: .0781rem 0;

}



.index-ca-fy div:hover {

    background-color: #2f63d4;

    color: #fff;

    border: 1px solid #fff;

}



/*新闻样式*/

.news-page {

    margin-top: .4688rem;

    padding-bottom: .4167rem;

}



.news-con-tit {

    font-size: .1563rem;

    letter-spacing: .0104rem;

    font-weight: 500;

    margin-bottom: .3125rem;

    margin-top: .7813rem;

}



.news-con-tit a {

    margin: 0 50px;

    padding-bottom: 15px;

    border-bottom: 2px solid #fff;

    font-weight: bold;

}



.news-con-tit a:hover,

.news-con-tit a.active {

    border-bottom: 2px solid #000000;

    color: #000000;

}



.news-con-item {

    background-color: #fff;

    padding: .1563rem;

    margin-bottom: 3%;

}



.news-item-pic {

    width: 25%;

}



.news-item-txt {

    padding: 3% 3%;

    flex: 1;

}



.news-item-txt h4 {

    font-size: .1563rem;

    margin-bottom: .1563rem;

    line-height: 1.2;

}



.news-item-txt p {

    font-size: .099rem;

    line-height: 1.5;

    text-align: justify;

    color: #999;

}



.news-item-date {

    font-size: .1458rem;

    padding: 2% 0;

    text-align: center;

}



.news-con-item:hover img {

    transform: scale(1.1, 1.1);

}



.news-con-item:hover h4 {

    color: #000000;

}



.news-con-item:hover .news-item-txt {

    padding: 3% 2%;

}



.news {

    background-color: #eee;

    padding: .3125rem 0;

    min-height: 3.125rem;

}



.news-show-con-left {

    width: 30.26%;

}



.news-show-con-right {

    width: 66.62%;

    background-color: #fff;

    padding: 2% 2%;

}



.news-show-tit {

    width: 100%;

    background-color: #fff;

    padding: 5%;

}



.news-show-tit h4 {

    line-height: 1.5;

    font-size: .1563rem;

    font-weight: 700;

    margin-bottom: .1563rem;

    text-align: justify;

}



.news-show-tit p {

    font-size: .1042rem;

    color: #999;

    margin-bottom: .1042rem;

    line-height: 1;

}



.news-show-btn {

    margin: .1042rem auto;

    padding: .0938rem .3646rem;

    color: #fff;

    background-color: #000;

}



.news-show-btn:hover {

    background-color: #2f63d4;

    color: #fff;

}



/*faq*/

.faq-list {

    padding: 5% 0;

    background-color: #fff;

}



.faq-list ul {

    margin-bottom: 4%;

    border-top: 1px solid #cbd5da;

}



.faq-list ul li {

    position: relative;

    cursor: pointer;

    padding: .1042rem .2083rem .1042rem .4167rem;

    border-bottom: 1px solid #cbd5da;

}



.faq-list ul li h3 {

    font-size: .1042rem;

    line-height: 2.5;

    color: #000;

}



.faq-list ul li p {

    max-height: 0;

    width: 80%;

    height: auto;

    overflow: hidden;

    font-size: .1042rem;

    color: #565c5f;

    opacity: 0;

    line-height: .1667rem;

    transition: all 0.6s;

}



.faq-list ul li.on {

    padding-bottom: .2083rem;

}



.faq-list ul li.on p {

    opacity: 1;

    max-height: 1.5625rem;

}



.faq-list ul li i {

    position: absolute;

    display: block;

    width: .1042rem;

    height: .1042rem;

    left: .1563rem;

    top: .1823rem;

}



.faq-list ul li i::before {

    content: "";

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    display: block;

    width: 100%;

    height: 2px;

    background-color: #000;

}



.faq-list ul li i::after {

    content: "";

    position: absolute;

    left: 50%;

    top: 0;

    transform: translateX(-50%);

    display: block;

    width: 2px;

    height: 100%;

    background-color: #000;

}



.faq-list ul li.on i::after {

    width: 0;

}



/*分页查询样式*/

.pagination {

    display: flex;

    align-items: center;

    justify-content: center;

}



.pagination li a,

.pagination li span {

    width: 30px;

    height: 30px;

    margin: 0 4px;

    background-color: #fff;

    color: #000;

    display: flex;

    font-size: 14px;

    border-radius: 5px;

    justify-content: center;

    align-items: center;

    line-height: 1;

    border: 1px solid #000;

}



.pagination li a:hover,

.pagination li.active a,

.pagination li.active span {

    background-color: #000;

    color: #fff;

}



.pagination li.disabled a,

.pagination li.disabled span {

    background-color: #999;

    cursor: no-drop;

    color: #fff;

    border: 1px solid #999;

}



.pro-tip {

    color: #ccc;

    font-size: .1563rem;

    margin-top: .2083rem;

}







/*视频样式*/

.video-mask {

    background-color: rgba(0, 0, 0, 0.6);

    z-index: 990;

}



.video-con {

    top: 10%;

    left: 50%;

    width: 4.6875rem;

    margin-left: -2.3438rem;

    z-index: 999;

}



.video-box {

    border: 4px solid #fff;

    height: 2.6042rem;

    width: 4.6875rem;

    background-color: rgba(0, 0, 0, 0.9);

}



.video-box video {

    display: block;

    height: 100%;

    margin: 0 auto;

}



.video-close {

    width: .2604rem;

    height: .2604rem;

    margin: .1563rem auto;

    border-radius: 50%;

    border: 2px solid #fff;

    cursor: pointer;



}



.video-close span {

    text-align: center;

    display: block;

    font-weight: normal;

    line-height: 1;

    font-size: .1563rem;

    color: #fff;

}





@media screen and (max-width:1680px) {

    .package {

        padding: 60px 0;

    }

    .container {

        width: 1300px;

    }

    .skill_01 {

        height: 916px;

    }



    .skill_01_text h2 {

        font-size: 55px;

    }



    .skill_01_text h3 {

        font-size: 40px;

    }



    .skill_01_text span {

        margin: 30px 0 40px;

        padding: 10px 40px;

        font-size: 20px;

    }



    .skill_01_text,

    .aboutdata_text p {

        font-size: 20px;

    }



    .skill_icon01,

    .skill_icon02 {

        width: 40px;

        height: 40px;

        background-size: cover;

    }



    .skill_title h2,

    .skill_03_text h2 {

        font-size: 45px;

    }



    .skill_title p,

    .skill_03_text p {

        font-size: 21px;

    }



    .skill_02 ul li {

        padding: 80px 95px 80px 40px;

    }



    .skill_02 ul li i {

        width: 40px;

        height: 40px;

        margin-right: 40px;

        background-size: cover;

    }



    .skill_02_text {

        width: calc(100% - 80px);

    }



    .skill_02_text h3 {

        font-size: 23px;

    }



    .skill_02_text p {

        font-size: 17px;

    }



    .skill_03 {

        height: 740px;

    }



    .skill_04 ul li h3 {

        font-size: 22px;

    }



    .skill_04 ul li p {

        font-size: 18px;

    }



    .skill_05_text b {

        font-size: 38px;

    }



    .skill_05_text p {

        font-size: 16.5px;

    }

}



@media screen and (max-width:1440px) {

    .package {

        padding: 50px 0;

    }

    .container {

        width: 1200px;

    }

    .skill_01 {

        height: 846px;

    }

    .skill_01_text h2 {

        font-size: 50px;

    }

    .skill_01_text h3 {

        font-size: 35px;

    }

    .skill_01_text span {

        margin: 25px 0 35px;

        padding: 8px 35px;

        font-size: 18px;

    }

    .skill_01_text,
    .aboutdata_text p {

        font-size: 18px;

    }

    .skill_icon01,
    .skill_icon02 {

        width: 35px;

        height: 35px;

        background-size: cover;

    }

    .skill_title h2,
    .skill_03_text h2 {

        font-size: 40px;

    }

    .skill_title p,
    .skill_03_text p {

        font-size: 18px;

    }

    .skill_02 ul li {

        padding: 75px 90px 75px 35px;

    }

    .skill_02 ul li i {

        width: 35px;

        height: 35px;

        margin-right: 35px;

        background-size: cover;

    }

    .skill_02_text {

        width: calc(100% - 70px);

    }

    .skill_02_text h3 {

        font-size: 20px;

    }

    .skill_02_text p {

        font-size: 16px;

    }

    .skill_03 {

        height: 683px;

    }

    .skill_04 ul li h3 {

        font-size: 20px;

    }

    .skill_04 ul li p {

        font-size: 16px;

    }

    .skill_05_text b {

        font-size: 34px;

    }

    .skill_05_text p {

        font-size: 15px;

    }

}









@media screen and (max-width:1440px) {



    .index-co-t-txt p,

    .index-te-c span,

    .index-te-c a,

    .ab-t-con p,

    .pro-top-menu a,

    .pro-top-menu em,

    .pro-top-menu span,

    .pro-side-sub a,

    .index-ca-btn,

    .pro-ca-con a,

    .ab-4-con p,

    .ab-2-l p,

    .p-4-txt p,

    .ab-6-r p,

    .ab-1-l-txt p,

    .ca-1-txt p,

    .ca-1-label span,

    .ca-2 .ab-2-l p,

    .faq-list ul li p,

    .com-txt p,

    .order-form .order-section span,

    .index-why-item p,

    .ca-1-label input,

    .ca-1-label textarea,

    .ab3-txt p,

    .ab5-txt p,

    .ly-con-l-txt p,

    .pro-show-btn {

        font-size: 16px;

    }



    nav>ul>li>a,

    .index-ab-i p,

    .index-ab-i p,

    .index-te-c p,

    .index-ce-con p,

    .index-co-b-con p,

    .footer-b p,

    .footer-b a,

    .footer-t-i a,

    .pro-list-page-item-txt p,

    .sc-txt p,

    .sc-tc-txt p,

    .sc-tc-i-txt p,

    .news-item-txt p,

    .footer-t-i a,

    .footer-t-i p,

    .footer-b-con-l,

    .pro-list-page-item-tag,

    .ab-txt-r p,

    .ab6-txt p,

    .se1-l p,

    .se2-txt p,

    .se3-item p,

    .ca-1-r-tit p {

        font-size: 15px;

    }



    .index-co-b-con h4,

    .pro-side-item-tit h4,

    .sc-tc-pro-tit h4,

    .ca-1-txt h4,

    .faq-list ul li h3 {

        font-size: 18px;

    }



    .footer-t-i h4,

    .sc-tc-i-txt h4,

    .pro-list-page-item-txt h4 {

        font-size: 17px;

    }



    .pro-side-tit h4,

    .news-con-tit a {

        font-size: 20px;

    }



    .footer-b-sc a {

        font-size: 20px;

    }

}

#translate{
    display: none !important;
}