@charset "utf-8";
html,body,p,span,div,ul,li,i,a,h1,h2,h3,h4,h5{font-family:"'PingFang SC', 'Avenir', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Heiti SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif"}
.clearfix:after{content:"\20";display:block;height:0;clear:both;visibility:hidden}.clearfix{zoom:1}
/* banner */
#page1{overflow: hidden;height: 100%;width: 100%;}

/* 导航 */
/* padding-top: 71.11%; */
.navbar-wrapper{ z-index: 10; top:0;font-size: 20px;position: relative;background: no-repeat url(../img/bannerbg.jpg);
    background-size: 100% 100%;width: 100%;
    /* height:100vh; min-height: 800px; */
    padding-top:55%;height: 1.31%;
    -webkit-transition: all 1.25s linear;transition: all 1.25s linear;}
.navbar{background:none;position: absolute;top: 43px;right: 15px;line-height: 28px;width: 100%;}
.header-theme,.header-theme2{display: block;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
    /* width:35.95%; */
}
.header-theme2{display: none;}

.groupMain .navbar-wrapper{height: 0% !important;padding-top:0;min-height:0;background: none;}

.navbar-wrapper .navbar-nav>ul>li, .navbar-wrapper .navbar-nav>ul>li>a{color: #fff;}
.navbar .logo {height:60px!important;line-height:60px!important;margin-left: 5%;}
.navbar .logo img{vertical-align:middle;margin-top:-3px;height:70%;width:auto} 
.navbar-nav>ul>li, .navbar-nav>ul>li>a{ text-align: center;font-size: 18px;}
.nav>ul>li>a{padding: 0 30px;}
.nav-toggle,a.nav-toggle{background:0 0;color:#999;font-size:24px;font-weight: bold;padding: 0; z-index: 10;width: 100%;
    height: 44px;top:-30px;right: 0px;-webkit-transition: .2s;transition: .2s;}
.nav-toggle:hover,a.nav-toggle:hover{color:#333}
.nav>ul>li.current>a,.nav>ul>li>a:hover{background: none;}

#menu_chu2 {width: 35px;}
#menu_chu2 .visual{width: 35px;height: 40px;}
#menu_chu2 .visual i.line {height: 3px;background: #fff;width: 100%;height: 4px;display: block;position: absolute;border-radius: 5px;
  -moz-transition: all .1s ease;-o-transition: all .1s ease;-webkit-transition: all .1s ease;transition: all .1s ease;
  -moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
#menu_chu2 .visual i.line.line01 { top:7px;filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity: 1;
  -moz-transition-delay: .1s;-o-transition-delay: .1s;-webkit-transition-delay: .1s;transition-delay: .1s;}
#menu_chu2 .visual i.line.line02 {top:15px;-moz-transition-delay: .1s;-o-transition-delay: .1s;
  -webkit-transition-delay: .1s;transition-delay: .1s;}
#menu_chu2 .visual i.line.line03 {top:23px;-moz-transition-delay: .1s;-o-transition-delay: .1s;
  -webkit-transition-delay: .1s;transition-delay: .1s;}
#menu_chu2.active .visual i.line:nth-child(1) {-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);transform: rotate(-45deg);top: 16px;}
#menu_chu2.active .visual i.line:nth-child(3) {-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);transform: rotate(45deg);top: 16px;}
#menu_chu2.active .visual i.line:nth-child(2){filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;}
.switch{line-height: 44px;margin-right: 35px;padding-left: 30px;}
.switch a{font-size: 18px;color: #fff;}

/* 标题 */
.vr_title h2{font-size:32px; position:relative;margin:0; }
.vr_title_white h2{color:#fff}

/* 关于柳橙 */
.vr_case .swiper-slide{padding: 0 20px;box-sizing: border-box;background: #fff;}
.vr_case .swiper-slide .activity{ margin-top: 20px;width: auto;}
.swiperTab{border-bottom:1px solid #ccc;overflow: hidden;}
.swiperTab li{font-size:20px;line-height:45px;height:auto;width:25%;color: #333; background: none;opacity: 1;border-radius: 0;
    text-align: center;cursor: pointer;}
.swiperTab li span{display: inline-block;}
.swiperTab li:hover span,.swiperTab li.active span{font-size:24px;border-bottom: 2px solid #ff8000;color: #ff8000;}
.swiperTab .layui-this:after{height: auto;border-width: 0px;}
.swiper-slide p{font-size: 16px;line-height:28px;color:#666;}
.swiper-slide p.text_indent{text-indent: 2em;}
.swiper-slide p strong{font-size: 18px;}
.swiper-slide .culture{text-align: center;}
.particular{overflow: hidden;}
.particularMatter{width: 100%;overflow: hidden;}
.particularMatter img{width: auto;}
.contact-left p,.contact-center p{margin-bottom: 0.7vw;text-align:left;}

/* 固定背景 */
.fisrtbg {position: relative;width: 100%;height:400px;background: #fff;background-attachment: fixed;background-position: center 0;
    background-repeat: no-repeat;background-image: url(../img/pic1.jpg);background-size: cover;}
.fisrtbg2{background-image: url(../img/pic2.jpg);}

/* 品牌战略 */
.vr_demo{overflow: hidden;}
.vr_demo h3{font-size:24px;}
.trademark{overflow: hidden;padding: 0;}
.vr_item_label{margin:20px 0;position: relative;padding: 0;}
.vr_item_label p,.layui-layer-content p{font-size:18px; line-height:44px;position:relative;text-align: left;}
.vr_item_label p.grouptextmain{line-height:32px;text-indent: 2em;}
.vr_item_label .indetail p{font-size:16px;text-indent:0em;}
.vr_item_label .indetail p.textsort{color: #ff8000;}


.lcicon{overflow: hidden;border-bottom:1px solid #ccc;padding: 20px 0;}
.vr_item_label p span{padding-left:40px;display: inline-block;position:relative;}
.vr_item_label p span:after{content: '';clear: both;position: absolute;top:4px;left: 0;
    background-image: url(../img/iconcopy.png);background-position: 0 -1px;width:24px;height:24px;}
.vr_item_label p span.phone:after{top: 6px;background-position: 0 -27px;}
.vr_item_label p span.mail{margin-left:50px;}
.vr_item_label p span.mail:after{top: 11px;background-position: 0 -68px;}
.vr_item_label p span.address:after{top: 6px;background-position: 0 -96px;}
.textcenter{text-align: center !important;position: absolute;bottom: 0;right: 0;}
.textcenter img{width: auto; margin-bottom: 25px;}

.horizontal-cut{overflow: hidden;width: 100%;height: 100%;position: relative;left: 0;transition: all .5s;border-top: 1px solid #c3c3c3;}
.horizontal-cut a{position:relative;min-height:206px;text-align:center;border-right: 1px solid #c3c3c3;border-bottom: 1px solid #c3c3c3;}
.horizontal-cut a:nth-child(1),.horizontal-cut a:nth-child(5){border-left: 1px solid #c3c3c3 ;}

.horizontal-cut a img{margin-top:20%;width:auto;}
.horizontal-cut a p{font-size: 16px; color: #666666;position: absolute;bottom:18%; width: calc(100% - 30px);text-align: center;}

.sectionpage .moreinfo li{font-size: 22px;}
.sectionpage .moreinfo li.active{font-size: 24px;}

/* 新闻 */
.swiper-container .swiper-pagination{line-height:20px; left: 0;width: 100%;padding: 0 16px;box-sizing: border-box;bottom: 0;}
.swiper-container .swiper-pagination .swiper-pagination-bullet{background:#ff8000;width:30px;height:30px;opacity:.4;vertical-align:middle;
    cursor:pointer;text-align: center;font-size: 16px;line-height: 30px;color: #fff;margin: 0 10px;}
.swiper-container .swiper-pagination .swiper-pagination-bullet-active{opacity:1;}
#page4 .swiper-slide{height:1px}
#page4 .swiper-slide-active {height: auto}
.vr_news,#page4{padding:0 0 50px;overflow:hidden}
.vr_news_mask{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;overflow: hidden;background: #f0efef;
    cursor: pointer;display: block;max-width: 380px;}
.vr_news_mask .col-sm-4{padding: 0;}
.captionimg {padding: 0; text-align: center;}
.captionimg img{min-width: 118px;min-height: 94px;}
.captionText{min-height:120px;position:relative;padding:10px;}
.captionText p{box-sizing: border-box;font-size: 18px;color: #000;text-align: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;
	overflow: hidden;}
.captionText span{display: block;color: #676767;font-size: 18px;position: absolute;bottom:10px;right: 10px;}
.vr_news_mask:hover,.vr_news_mask.current{background: antiquewhite;}

#page4 .amore{position: absolute;right:30px;bottom:2px;font-size:16px;border:1px solid #ff8000;border-radius: 5px;padding:0 15px;display:inline-block;
  color: #ff8000;}
#page4 .amore:hover{background: #ff8000;color: #fff;}


/* 联系我们 */
.page5 .lcicon{border-bottom:none;padding: 20px 0;}
.page5 .textcenter{position: inherit;top:25px;left: 0;text-align: right !important; }
.page5 .textcenter.col-sm-5 img{margin-left:0; }
.page5 .vr_item_label{padding-bottom: 40px;}
.sectionpage .moreinfo{padding: 0;}
.moreinfo{font-size: 0;white-space: nowrap;overflow-x: auto;overflow-y: hidden;}
.moreinfo li{margin-right:8%;display: inline-block;vertical-align: middle;font-size:24px;cursor: pointer;color: #666;}
.moreinfo li.active{font-size:30px;position: relative;color: #000;}
.moreinfo li.active::before{content: '';clear: both;position: absolute;top:0px;right:-22px;width: 12px;height: 12px;
    border-radius: 50%;background: #ff8000;}
.citybanner,.citylist{display: none;}
.citybanner.active,.citylist.active{display: block;}
/* 改版联系我们 */
.auto_container{padding: 0;margin: 0 auto;max-width: 1200px;}
/* .imgcontactus {margin-bottom: 50px;width: 100%;}
.imgcontactus img{width: 100%;} */
.imgcontactus {margin-bottom: 50px;width: 100%;height: auto;padding:19.55% 0;background-image: url(../img/contactus.jpg);background-size: 100% 100%;}
.custom .custom_country .col-xs-8,.custom .custom_country .col-xs-9,.custom .custom_country .col-xs-10{padding: 0;}
.custom .custom_country .col-sm-1 img{margin-top: 5px;}
.custom_country h3{font-size: 20px;}
.custom_country p{font-size:16px;}

.custom{overflow: hidden;}
.custom .col-sm-12{padding: 0;}
.custom_country{margin:25px 0;padding: 0;}
.orientation{min-height:162px;margin-bottom:10px;}
.orientation h3{margin-bottom: 12px;font-size:20px;font-weight: normal;padding-left:10px;border-left:5px solid #323232;line-height: 20px;}
.orientation p{font-size:14px;line-height:26px;}
.ChinaOffice .orientation{cursor: pointer;}
.ChinaOffice .orientation:hover h3,.ChinaOffice .clackorientation h3{border-left:5px solid #3399ff;}
.ChinaOffice .orientation:hover h3,.ChinaOffice .orientation:hover p,.ChinaOffice .clackorientation h3,.ChinaOffice .clackorientation p{color: #3399ff;}

.custom-title{text-align: center;padding: 0 0 80px;}
.custom-title h2 {font-size: 36px;font-weight: normal;position: relative;display: inline-block;color: #666;}
.custom-title h2::before{content: '';clear: both;position: absolute;bottom:-16px;left: 0;width: 70px;height:4px;background: #666;}
/* 地图 */
.mapserve{margin-bottom:50px;width: 100%;padding: 0 15px;box-sizing: border-box;}
#l-map{width: 100%; height: 400px; overflow: hidden; position: relative; z-index: 0; background-color: rgb(243, 241, 236); color: rgb(0, 0, 0); text-align: left;}
#l-map img{width: auto !important;}
form.companysel {width: 100%;}
form.companysel span {font-size: 16px;color: #000;height: 40px;line-height: 40px;display: inline-block;padding: 0 10px;}
form.companysel select {width:100%;height: 40px;line-height: 40px;color: #000;font-size:16px;padding: 0 10px;border-radius: 5px;-webkit-border-radius: 5px;
  cursor: pointer;}
form.companysel input {width:100%;height: 40px;line-height: 40px;color: #000;font-size: 14px;border-radius: 5px;display: inline-block;-webkit-border-radius: 5px;
  cursor: pointer;background: #fff;border: 1px #ccc solid;padding: 0 10px;display: none;}
.Overseas_region {
    background: url(../img/Overseas_region.png?20211011.1445) no-repeat right 70%;
    background-size: 82% 50%;
}
    .Overseas_region .orientation {
        padding-left: 15px;
        padding-right: 15px;
        cursor: pointer;
    }


/* 底部 */
footer .copyright{padding:10px 15px;box-sizing: border-box;}
.copyright,.copyright a{background:#1b1b1b;line-height:26px;font-size:12px;text-align: center;color:#ccc;}
.copyright a:hover{color:#fff;font-size:14px; }


@media (max-width:880px){
  .nav>ul>li>a {padding: 0 20px;}
}
@media (max-width:792px){
  .nav>ul>li>a {padding: 0 15px;}
  .imgcontactus {padding:26.7% 0;background-image: url(../img/contactus_small.jpg);background-size: 100% 100%;margin-bottom: 22px;}

}
@media (max-width:1200px){
    .horizontal-cut a img{width: 100%;}
}
@media(max-width:768px){
    .navbar .logo img{ height: 62%;}
    .switch{position: absolute;top: -35px;right: 18px;}
    .header-theme{display: none;}
    .header-theme2{display:block;}
    /* 移动端导航 */
    .nav-collapse>ul{position: absolute;right:0;top:25px;width:145px;padding: 10px 0;background: rgba(0,0,0,0.7);border-radius: 5px;
        text-align: center;}
    .navbar-nav>ul>li{border-bottom:none;}
    .nav>ul>li>a {padding: 0px!important;}
    
    .swiper-pagination{bottom: 55px;}
    .vr_case .swiper-slide .activity{width:100%;}
    .vr_case .swiper-slide{padding:0 0;}
    .vr_slide .swiper-button-next,.vr_slide .swiper-button-prev{margin-top:50px}

    .page5 .lcicon{padding-top:10px;}
    .page5 .vr_item_label p{line-height: 36px;}
    .vr_item_label p{font-size:16px; }
    /* .navbar-wrapper{height: 40vh!important; min-height: auto;} */
    .navbar-wrapper{height: 1.31% !important;padding-top: 69%; }

    .navbar .logo { float:none!important;display: block;position: absolute;left: 14px;top: -35px;}
    .vr_news_mask p{color: #000;line-height: 24px;font-size: 17px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
    .tab_content .col-xs-12{padding: 0;}
    .copyright{font-size:14px}
    .layui-layer{width:90% !important; height:70% !important;}
    .layui-layer-iframe{overflow-y: inherit !important;}
    .navbar .container .navbar-userbar{position: absolute;width: 100%;height: auto;background: rgba(0, 0, 0, .8);display: none;top: 60px;}
    .navbar .container .navbar-userbar li{border-top: solid 1px #999;border-bottom:none;}
    .navbar .container .navbar-userbar li a{font-size:18px;color: #fff;}
    .group {height:160px;overflow: hidden;}
    .group img{margin-top: -110px;}
    #page3 .col-xs-12{padding: 0;}
    #divhtml1{position: absolute;right: 0;top:255px;}
    .contactus .swiper-slide .col-xs-12{width: 100%;}
    .citylogo img{width:100%;}
    .vr_news_mask{margin-bottom: 0;border-bottom: 1px solid #e5e5e5;background:none;}
    .captionText span{font-size: 14px;}
    .captionimg{padding: 10px 0;}
    .captionText{padding: 10px 10px 0 0;}
    .captionimg img{width:80%;margin-top:2px;}
    .vr_item_label p span.mail{margin-left:0;}
    .textcenter{bottom: -130px;}
    .vr_demo_row{padding: 0;}
    
    .horizontal-cut a{min-height:187px;}
    .horizontal-cut a img{width: auto;}
    .horizontal-cut a p{bottom: 10%;}
    .horizontal-cut a:nth-child(3),.horizontal-cut a:nth-child(5),.horizontal-cut a:nth-child(7){border-left: 1px solid #c3c3c3 ;}

    .particularMatter img{width: 49%  !important;margin-top: 10px;height: auto !important;}
    .fisrtbg,.fisrtbg2{display: none;}
    /* 联系我们 */
    .orientation {min-height: 110px;margin-bottom:30px;}
    .ChinaOffice .orientation:hover h3,.ChinaOffice .clackorientation h3{border-left:5px solid #323232;}
    .ChinaOffice .orientation:hover h3,.ChinaOffice .orientation:hover p,.ChinaOffice .clackorientation h3,.ChinaOffice .clackorientation p{color: #323232;}
    #page3.page5 .vr_item_label.col-xs-12 {padding-bottom:15px;margin-bottom: 0;}
    .page5 .textcenter{ bottom: 0;top: 75%;text-align: left !important;}
    /* #page3 .textcenter img{margin-left:0;} */
    #page3.page5 .textcenter img{width:23%;}
    #page3.page5 .textcentergroup6 img{width:150px;}
    .page5.vr_demo h3{display: none;}
    .page5 .textcenter.col-sm-5{text-align: left !important;}
    .moreinfo{margin:30px 0 20px;}
    .sectionpage .moreinfo {margin:30px 0 0px;}
    .sectionpage .moreinfo li,.moreinfo li{margin-right:12%;font-size:16px;}
    .moreinfo li.active::before {right: -10px;width: 6px; height: 6px;}
    .sectionpage .moreinfo li.active,.moreinfo li.active{font-size:18px;}
    .Overseas_region{background:none;margin-bottom: 50px;}
    #l-map{height:300px;}
    form.companysel{display:none;}
    form.companysel select {margin-top: 20px;}
    .mapserve{padding: 0;display:none;}
    /* .custom .custom_country .col-sm-1 img{margin-top:11px;} */
    .custom-title {padding: 0 0 40px;margin-top: 15px;}
    

    #page2{margin-bottom:0;}
    #page3{padding-bottom:0;}
    #page4{padding-bottom:10px;}
    #page4 .swiper-slide a{padding: 0;}
    #page4 .newscontainer{border-top: 1px solid #e5e5e5;}
    .groupMain #page3{margin-top: 0;margin-bottom: 40px;}
    .groupMain #page3.sectionpage.pb-100{padding-bottom:150px;}

    .vr_title h2{font-size:22px;}
    #page4 .amore{font-size:14px;padding: 0 12px;bottom: -2px;}
    #page4 .newscontainer.mt-50{margin-top: 0;}
    .swiper-container .swiper-pagination{bottom: 5px;}
    .swiperTab li:hover span, .swiperTab li.active span{font-size: 20px;}
    .swiperTab li{font-size: 18px;}

    }