﻿/* *,
html,
body {
    padding: 0;
    margin: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #333333;
    font: 14px/1.8 "OPPOSans", sans-serif;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.5px;
} */

*,
html{
    padding: 0;
    margin: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.6;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    letter-spacing: 0.5px;
}
.proCsBox strong,.proCsBox b{
    font-weight: 600;
}
/* body {
    font-weight: 300;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 0.5px;
} */

b {
    font-weight: normal;
}

ul,
ol,
dl,
li,
dt,
dd {
    padding: 0;
    margin: 0;
    list-style: none;
}

img {
    vertical-align: middle;
    border: 0;
}

a,
a:active,
a:focus,
a:hover,
a:visited {
    text-decoration: none;
}

a {
    color: #333;
    cursor: pointer;
}

a,
img,
select,
button,
input,
input[type=password],
input[type=text],
textarea {
    outline: none;
    resize: none;
}

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

.fl {
    float: left;
}

.fr {
    float: right;
}

/*清除浮动*/
.clearfix::after,
.clearfix::before {
    content: ".";
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}

input { cursor: pointer; -webkit-appearance: none; }
select {
    -webkit-appearance:button;
}

.inner {
    width: 80%;
    margin: 0 auto;
}

.padd {
    padding: 108px 0;
}
 /*.footBot p:last-child{display:none;}*/
@media(max-width:1368px) {
    .padd {
        padding: 80px 0;
    }
}

@media(max-width:1024px) {
    .padd {
        padding: 68px 0;
    }
}

@media(max-width:486px) {
    .padd {
        padding: 48px 0;
    }
}

.allMore {
    position: relative;
}

.allMore a {
    padding: 14px 48px;
    display: inline-block;
    background: #000;
    color: #fff;
    line-height: 1;
    font-size: 16px;
}
@media(max-width: 468px)
{

    .allMore a {
        font-size: 13px;
        padding: 12px 28px;
    }
}


/* 内页ban */
.banN {
    width: 100%;
    position: relative;
}

.banN img {
    width: 100%;
    height: 50%;
    object-fit: cover;
}

.banN_m{
    display: none;
}
@media(max-width:500px) {
    .banN_m{
        display: block;
    }
    .banN_pc{
        display: none;
    }
}

/* 图片高度 */
.indImg,.indImgb{
    overflow: hidden;
    position: relative;
}
.indImgb img{
    width: 100%;
    left: 0;
    top: 0;
    transition: all .48s;
}
.indImg img{
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    left: 0;
    top: 0;
    transition: all .48s;
}

/* swiper.js 控制器样式 */
.pos.swiper-pagination {
    width: 100%;
    bottom: 0 !important;
    position: relative;
    margin-top: 20px;
}

@media(max-width:500px) {

    .pos.swiper-pagination{
        margin-top: 10px;
    }
}


.swiper-pagination-bullet,
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 8px;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 28px;
}

.swiper-pagination-bullet {
    cursor: pointer;
    opacity: 1;
    position: relative;
    border-radius: 38px;
    background: rgba(255, 255, 255, 0.58);
    transition: all 0.48s;
}

.swiper-pagination-bullet.my-bullet-active {
    width: 52px;
    background: rgba(255, 255, 255, 1);
}




/* 动画效果 */
.wgt-fade-animate {
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    -webkit-transform: translateY(150px);
    transform: translateY(150px);
    opacity: 0;
}

.appear {
    /* -webkit-animation: opacity_show 1.5s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
    animation: opacity_show 1.5s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards; */
    -webkit-animation: opacity_show 1.5s 1 ease forwards;
    animation: opacity_show 1.5s 1 ease forwards;
    opacity: 1 !important;
}

@-webkit-keyframes opacity_show {
    0% {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
        -webkit-transform: translateY(150px);
        transform: translateY(150px);
        opacity: .1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes opacity_show {
    0% {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
        -webkit-transform: translateY(150px);
        transform: translateY(150px);
        opacity: .1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

/*-------------------------------
			language  start
			----------------------------------*/

.change-language {
  display: inline-block;
  position: relative;
  text-align: left;
  vertical-align: middle;
}
.headerTop .headR div.change-language:first-child{min-width:100px;}
.prisna-wp-translate-seo{display:none;font-family:Arial, Helvetica, sans-serif;}
.mobile-head-language .prisna-wp-translate-seo,.change-language .prisna-wp-translate-seo{display:block}
.change-language .change-language-title, .change-language .change-language-title a {font-size:10pt;color:#fff;}
.header.headerMain-bg.headerShow .change-language .change-language-title a{color:#333;}
.header.headerMain-bg.headerShow:hover .change-language .change-language-title a{color:#fff;transition:color 0.5s;}
.change-language .change-language-title a:after {font-family: 'fontawesome';content:"\f0d7";font-size:12px;display:inline-block;padding-left: 2px;}
.change-language:hover .change-language-title a:after {-moz-transform:rotate(-360deg);-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);}
.change-language .change-language-cont {position:absolute;top:36px;left:0;width:360px;background:#FFF;padding:20px 10px 20px 20px;transform: scale3d(0.9, 0.9, 1);opacity:0;visibility:hidden;z-index:999;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border:1px solid #eee;border-radius:5px;overflow-y:scroll;max-height:80vh;}
.change-language:hover .change-language-cont {transform: scale3d(1, 1, 1);opacity:1;visibility:visible;}
.change-language .change-language-cont li {display:inline-block;vertical-align:top;width:30%;margin:0 0 10px;font-size:10pt;overflow:hidden;padding:0 10px 0 0;}
.change-language .change-language-cont li a:hover{color: #ee6d2b;}
.change-language .change-language-cont .lang-item-hide {display:none !important;}
.change-language .change-language-cont .lang-more {position:relative;display:block;text-align:center;cursor:pointer;line-height: 30px;}
.change-language .change-language-cont .more-active{font-size: 20px;}
.language-flag span{position:relative;display:inline-block;vertical-align:top; *display:inline;*zoom:1;white-space:nowrap;padding:0 0 0 33px;overflow:hidden;}
.change-language ::-webkit-scrollbar{width:5px;}
.change-language ::-webkit-scrollbar-track{background-color:#fff;}
.change-language ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:3px;}
.change-language .language-cont:hover::-webkit-scrollbar-thumb{display:block}
.language-flag .country-flag {position:absolute;left:0;top:50%;display:inline-block;vertical-align:top; *display:inline;*zoom:1;
background-repeat: no-repeat;background-image:url(../image/all-m.gif);width:22px;height:16px;margin:-8px 5px 0;}
.headerMain-bg.headerShow .headerTop .change-language .change-language-title .language-flag-en > a{color: #333;}
.headerMain-bg.headerShow .headerTop:hover .change-language .change-language-title .language-flag-en > a{color: #fff;}

.headerShow.white .headerTop .change-language .change-language-title .language-flag-en > a{color: #333;}
.headerShow.white .headerTop:hover  .change-language .change-language-title .language-flag-en > a{color:#fff;}

li.language-flag a{position:relative;}
.cn_lang{color:#fff;  display: block;  margin-left: 20px;}

.headerMain-bg.headerShow .headerTop .change-language > a.cn_lang{color: #333;}
.headerMain-bg.headerShow .headerTop:hover .change-language > a.cn_lang{color: #fff;}

.headerShow.white .headerTop .change-language > a.cn_lang{color: #333;}
.headerShow.white .headerTop:hover  .change-language > a.cn_lang{color:#fff;}


.language-flag-af .country-flag {background-position: 0 0 !important;}
.language-flag-sq .country-flag {background-position: 0 -16px !important;}
.language-flag-ar .country-flag {background-position: 0 -32px !important;}
.language-flag-hy .country-flag {background-position: 0 -48px !important;}
.language-flag-az .country-flag {background-position: 0 -64px !important;}
.language-flag-eu .country-flag {background-position: 0 -80px !important;}
.language-flag-be .country-flag {background-position: 0 -96px !important;}
.language-flag-bg .country-flag {background-position: 0 -112px !important;}
.language-flag-ca .country-flag {background-position: 0 -128px !important;}
.language-flag-zh .country-flag {background-position: 0 -144px !important;}
.language-flag-zh-TW .country-flag {background-position: 0 -160px !important;}
.language-flag-hr .country-flag {background-position: 0 -176px !important;}
.language-flag-cs .country-flag {background-position: 0 -192px !important;}
.language-flag-da .country-flag {background-position: 0 -208px !important;}
.language-flag-nl .country-flag {background-position: 0 -240px !important;}
.language-flag-en .country-flag {background-position: 0 -256px !important;}
.language-flag-et .country-flag {background-position: 0 -272px !important;}
.language-flag-tl .country-flag {background-position: 0 -288px !important;}
.language-flag-fi .country-flag {background-position: 0 -304px !important;}
.language-flag-fr .country-flag {background-position: 0 -320px !important;}
.language-flag-gl .country-flag {background-position: 0 -336px !important;}
.language-flag-ka .country-flag {background-position: 0 -352px !important;}
.language-flag-de .country-flag {background-position: 0 -368px !important;}
.language-flag-el .country-flag {background-position: 0 -384px !important;}
.language-flag-ht .country-flag {background-position: 0 -400px !important;}
.language-flag-iw .country-flag {background-position: 0 -416px !important;}
.language-flag-hi .country-flag, .language-flag-te .country-flag, .language-flag-kn .country-flag, .language-flag-ta .country-flag, .language-flag-gu .country-flag {background-position: 0 -432px !important;}
.language-flag-hu .country-flag {background-position: 0 -448px !important;}
.language-flag-is .country-flag {background-position: 0 -464px !important;}
.language-flag-id .country-flag {background-position: 0 -480px !important;}
.language-flag-ga .country-flag {background-position: 0 -496px !important;}
.language-flag-it .country-flag {background-position: 0 -512px !important;}
.language-flag-jp .country-flag {background-position: 0 -528px !important;}
.language-flag-ko .country-flag {background-position: 0 -544px !important;}
.language-flag-la .country-flag {background-position: 0 -560px !important;}
.language-flag-lv .country-flag {background-position: 0 -576px !important;}
.language-flag-lt .country-flag {background-position: 0 -592px !important;}
.language-flag-mk .country-flag {background-position: 0 -608px !important;}
.language-flag-ms .country-flag {background-position: 0 -624px !important;}
.language-flag-mt .country-flag {background-position: 0 -640px !important;}
.language-flag-no .country-flag {background-position: 0 -656px !important;}
.language-flag-fa .country-flag {background-position: 0 -672px !important;}
.language-flag-pl .country-flag {background-position: 0 -688px !important;}
.language-flag-pt .country-flag {background-position: 0 -704px !important;}
.language-flag-ro .country-flag {background-position: 0 -720px !important;}
.language-flag-ru .country-flag {background-position: 0 -736px !important;}
.language-flag-sr .country-flag {background-position: 0 -752px !important;}
.language-flag-sk .country-flag {background-position: 0 -768px !important;}
.language-flag-sl .country-flag {background-position: 0 -784px !important;}
.language-flag-es .country-flag {background-position: 0 -800px !important;}
.language-flag-sw .country-flag {background-position: 0 -816px !important;}
.language-flag-sv .country-flag {background-position: 0 -832px !important;}
.language-flag-th .country-flag {background-position: 0 -848px !important;}
.language-flag-tr .country-flag {background-position: 0 -864px !important;}
.language-flag-uk .country-flag {background-position: 0 -880px !important;}
.language-flag-ur .country-flag {background-position: 0 -896px !important;}
.language-flag-vi .country-flag {background-position: 0 -912px !important;}
.language-flag-cy .country-flag {background-position: 0 -928px !important;}
.language-flag-yi .country-flag {background-position: 0 -944px !important;}
.language-flag-bn .country-flag {background-position: 0 -960px !important;}
.language-flag-eo .country-flag {background-position: 0 -976px !important;}
.language-flag.language-flag-custom-afghanistan .country-flag {background-position: 0 -992px !important;}
.language-flag.language-flag-custom-albania .country-flag {background-position: 0 -1008px !important;}
.language-flag.language-flag-custom-algeria .country-flag {background-position: 0 -1024px !important;}
.language-flag.language-flag-custom-argentina .country-flag {background-position: 0 -1040px !important;}
.language-flag.language-flag-custom-australia .country-flag {background-position: 0 -1056px !important;}
.language-flag.language-flag-custom-austria .country-flag {background-position: 0 -1072px !important;}
.language-flag.language-flag-custom-belgium .country-flag {background-position: 0 -1088px !important;}
.language-flag.language-flag-custom-brazil .country-flag {background-position: 0 -1104px !important;}
.language-flag.language-flag-custom-canada .country-flag {background-position: 0 -1120px !important;}
.language-flag.language-flag-custom-chile .country-flag {background-position: 0 -1136px !important;}
.language-flag.language-flag-custom-cote-d-ivoire .country-flag {background-position: 0 -1152px !important;}
.language-flag.language-flag-custom-ecuador .country-flag {background-position: 0 -1168px !important;}
.language-flag.language-flag-custom-egypt .country-flag {background-position: 0 -1184px !important;}
.language-flag.language-flag-custom-england .country-flag {background-position: 0 -1200px !important;}
.language-flag.language-flag-custom-luxembourg .country-flag {background-position: 0 -1216px !important;}
.language-flag.language-flag-custom-malaysia .country-flag {background-position: 0 -1232px !important;}
.language-flag.language-flag-custom-mexico .country-flag {background-position: 0 -1248px !important;}
.language-flag.language-flag-custom-new-zealand .country-flag {background-position: 0 -1264px !important;}
.language-flag.language-flag-custom-oman .country-flag {background-position: 0 -1280px !important;}
.language-flag.language-flag-custom-qatar .country-flag {background-position: 0 -1296px !important;}
.language-flag.language-flag-custom-saudi-arabia .country-flag {background-position: 0 -1312px !important;}
.language-flag.language-flag-custom-singapore .country-flag {background-position: 0 -1328px !important;}
.language-flag.language-flag-custom-south-africa .country-flag {background-position: 0 0 !important;}
.language-flag.language-flag-custom-switzerland .country-flag {background-position: 0 -1344px !important;}
.language-flag.language-flag-custom-syria .country-flag {background-position: 0 -1360px !important;}
.language-flag.language-flag-custom-united-arab-emirates .country-flag {background-position: 0 -1376px !important;}
.language-flag.language-flag-custom-united-states-of-america .country-flag {background-position: 0 -1392px !important;}
.language-flag-hy .country-flag {background-position: 0 -1408px;}
.language-flag-bs .country-flag {background-position: 0 -1424px;}
.language-flag-ceb .country-flag {background-position: 0 -1440px;}
.language-flag-ny .country-flag {background-position: 0 -1456px;}
.language-flag-ha .country-flag {background-position: 0 -1472px;}
.language-flag-hmn .country-flag {background-position: 0 -1488px;}
.language-flag-ig .country-flag {background-position: 0 -1504px;}
.language-flag-jw .country-flag {background-position: 0 -1520px;}
.language-flag-kk .country-flag {background-position: 0 -1536px;}
.language-flag-km .country-flag {background-position: 0 -1552px;}
.language-flag-lo .country-flag {background-position: 0 -1568px;}
.language-flag-la .country-flag {background-position: 0 -1584px;}
.language-flag-mg .country-flag {background-position: 0 -1600px;}
.language-flag-ml .country-flag {background-position: 0 -1616px;}
.language-flag-mi .country-flag {background-position: 0 -1632px;}
.language-flag-mr .country-flag {background-position: 0 -1648px;}
.language-flag-mn .country-flag {background-position: 0 -1664px;}
.language-flag-my .country-flag {background-position: 0 -1680px;}
.language-flag-ne .country-flag {background-position: 0 -1696px;}
.language-flag-pa .country-flag {background-position: 0 -1712px;}
.language-flag-st .country-flag {background-position: 0 -1728px;}
.language-flag-si .country-flag {background-position: 0 -1744px;}
.language-flag-so .country-flag {background-position: 0 -1760px;}
.language-flag-su .country-flag {background-position: 0 -1776px;}
.language-flag-tg .country-flag {background-position: 0 -1792px;}
.language-flag-uz .country-flag {background-position: 0 -1808px;}
.language-flag-yo .country-flag {background-position: 0 -1824px;}
.language-flag-zu .country-flag {background-position: 0 -1840px;}
/*-------------------------------
			language  end
			----------------------------------*/

