/* CSS Document */
@charset "utf-8";
*{margin:0; padding:0; font-family: Arial, 微软雅黑, Microsoft YaHei; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: none; }
p { text-align: justify; margin-bottom: 0; }
ul, ol { list-style-type: none; margin-bottom: 0; }
img { border: 0; max-width: 100%; object-fit: cover;}
.clear { clear: both; }
html { overflow-x: hidden; font-size: 62.5%; }
body { overflow: hidden; height:100%; position: relative; font-size: 1em; }
html.on { overflow: hidden; height: 100%; }
.h60 { height: 60px; clear: both; }
.h120 { height: 120px; clear: both; background: #eee; }
input, buttom, textarea { -webkit-appearance: none; outline: none; }
input[type=radio], input[type=checkbox] { border: none !important; }
select { outline: none }
.fl { float: left; }
.fr { float: right; }
*:focus{ border:none; outline:none;box-shadow: none;}

.header{ position: relative; height: 120px; line-height: 120px; width: 100%; background: #fff; top: 0; left: 0; z-index: 999;}
.header .logo{ margin: 0; float: left; height: 120px; line-height: 120px; width: 20%;}
.header .header-box{ width: 80%; float: left;}
.header .header-box .pc-nav{ float: left; width: 92%;}
.header .header-box .pc-nav li{ float: left; width: 12.5%; position: relative;}
.header .header-box .pc-nav li > a{ font-size: 1.6em; display: block; text-align: center; color: #333; position: relative; z-index: 1;}
.header .header-box .pc-nav li:hover > a, .header .header-box .pc-nav li.on > a{ color: #b19776;}
.header .header-box .pc-nav li dl{ position: absolute; top: 80%; left: 50%; transform: translateX(-50%); width: 160px; background: #fff; border-radius: 0 0 6px 6px; box-shadow: 0 3px 5px rgba(0,0,0,.15); overflow: hidden; opacity: 0; transition: all .3s; visibility: hidden; z-index: 0;}
.header .header-box .pc-nav li:hover dl{ top: 100%; opacity: 1; visibility: visible;}
.header .header-box .pc-nav li dd{ height: 45px; line-height: 45px; border-bottom: 1px solid #ddd; text-align: center;}
.header .header-box .pc-nav li dd a{ font-size: 1.4em; color: #333; display: block; width: 100%;}
.header .header-box .pc-nav li dd a:hover{ background: #b19776; color: #fff;}

.header .pc-search{ width: 8%; float: left; position: relative; height: 120px;}
.header .pc-search .icon{ position: absolute; width: 25px; height: 25px; line-height: 25px; left: 50%; top: 50%; transform: translate(-50%,-50%); overflow: hidden; cursor: pointer;}
.header .pc-search .icon i{ transform:  rotate(-45deg); font-size: 3.2em; color: #333; position: absolute; top: 0; left: 5px;}
.header .pc-search .icon.on i{ display: none;}
.header .pc-search .icon.on::before{ content: ""; position: absolute; width: 25px; height: 2px; background: #333;  top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(-45deg);}
.header .pc-search .icon.on::after{ content: ""; position: absolute; width: 25px; height: 2px; background: #333; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg);}
.header .pc-search .pc-search-box{ position: absolute; top: 100%; right: 0; width: 320px; height: 50px; background: #fff; box-shadow: 0 3px 5px rgba(0,0,0,.15); padding: 10px 15px; display: none;}
.header .pc-search .pc-search-box input[type="text"]{ width: 85%; height: 30px; border: none; border-bottom: 1px solid #ccc; float: left; padding-left: 15px; font-size: 1.4em; color: #333;}
.header .pc-search .pc-search-box input[type="submit"]{ width: 15%; height: 30px; border: none; border-bottom: 1px solid #ccc; background: transparent;}
.header .pc-search .pc-search-box i{ position: absolute; font-size: 2.6em; color: #333; width: 22px; height: 22px; transform: rotate(-45deg) translateY(-50%); overflow: hidden; right: 4.5%; top: 42%; pointer-events: none}

.header .pc-language{ width: 10%; float: left; position: relative; height: 120px;}
.header .pc-language .box{ height: 35px; line-height: 35px; width: 100%; position: absolute; top: 50%; transform: translateY(-50%);}
.header .pc-language .box::before{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; border-top: 6px solid #333; border-right: 3px solid transparent; border-left: 3px solid transparent;}
.header .pc-language .box select{ appearance:none; -moz-appearance:none; -webkit-appearance:none; height: 35px; width: 100%; border: 1px solid #bfbfbf; padding: 0 10px;  font-size: 1.4em; color: #333; }

.header .nav-btn { height: 60px; line-height: 60px; position:relative; z-index:999; float:right; padding:0;}
.header .nav-btn .nav-icon { width: 26px; height: 24px; overflow: hidden; position: relative; top: 50%; float: right; transform:translateY(-50%); z-index: 9; }
.header .nav-btn .nav-icon span { display: inline-block; width: 26px; height: 2px; background: #b19776; border-radius: 6px; position: absolute; left: 0; transition: all 0.3s linear 0s;}
.header .nav-btn .nav-icon span:nth-child(1) { top: 0; }
.header .nav-btn .nav-icon span:nth-child(2) { width: 16px; top: 10px; }
.header .nav-btn .nav-icon span:nth-child(3) { top: 20px }
.header .nav-active .nav-icon span:nth-child(2) { width: 26px; }
.header .nav-active .nav-icon span { background: #fff; }

.nav { position: fixed; width: 100%; height: calc(100%); top: 0; right: -100%; background: #fff; transition: all 0.2s linear 0s; z-index:99;}
.nav.on { right: 0; }
.nav .nav-top { background: #b19776; font-size: 1.6em; color: #fff; padding: 0 20px; text-align:left; height: 60px; line-height: 60px;}
.nav ul{ overflow-x:hidden; height: 91%;}
.nav li{ width: 100%; line-height: 50px; border-bottom: 1px solid #ccc; position: relative;}
.nav li>a { display: inline-block; width: 80%; padding-left: 30px; height: 100%; font-size: 1.4em; color: #333; }
.nav li i{ position: absolute; font-size: 1.8em; color: #333; right: 20px; top: 18px; transition: all .3s;}
.nav li.on > i, .nav li dd.on > i{ transform: rotate(90deg);}
.nav li.on > a{ color: #b19776;}
.nav li dl { margin-bottom: 0; display: none; background: #f2f2f2; }
.nav li dd { border-bottom: 1px dashed #ccc; position: relative;}
.nav li dd i{ top: 14px;}
.nav li dd:last-child { border-bottom: none; }
.nav li dd a { display: inline-block; width: 80%; line-height: 45px; text-indent: 4em; font-size: 1.4em; color: #333; }
.nav li dd.on > a{ color: #b19776;}
/* .nav li dd .nav-box{ display: none; }
.nav li dd .nav-box a{ border-top: 1px dashed #ccc; text-indent: 6em; }
.nav li dd .nav-box a:hover{ color: #b19776;} */
.nav-bg{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.35); left: 0; top: 0; display:none;}
.nav-bg.on{ display:block;}

.header .search{ padding:0 15px; text-align:right;}
.header .search .icon{ position: absolute; width: 25px; height: 25px; line-height: 25px; left: 50%; top: 50%; transform: translate(-50%,-50%); overflow: hidden; cursor: pointer;}
.header .search .icon i{ transform:  rotate(-45deg); font-size: 3.2em; color: #b19776; position: absolute; top: 0; left: 5px;}
.header .search-box{ position: absolute; top: 100%;  width: 100%; left: 0; background: #fff; padding: 10px 20px; border-top: 1px solid #b19776; box-shadow: 0 5px 5px rgba(0,0,0,.5); display:none;}
.header .search-box input[type="text"]{ float:left; width:80%; height:40px; border:none; font-size:1.4em; color:#333; padding-right: 10px; line-height:40px;}
.header .search-box input[type="submit"]{ float:left; width:20%; height:40px; border:none; font-size:1.4em; background:#b19776; color:#fff; line-height:40px;}
.header .search-box select{ position: absolute; width: 18%; top: 0; left: 0; height: 100%; padding: 0 10px; font-size: 1.4em; color: #333; border: none;}

.header .m-language{ height: 60px; line-height: 60px; position: relative; cursor: pointer;}
.header .m-language span{ display: inline-block; width: 45px; height: 45px; line-height: 45px; border: 1px solid #b19776; text-align: center; border-radius: 6px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 1.8em; color: #b19776;}
.header .m-language.on span{ background: #b19776; color: #fff;}
.header .m-language .box{ position: absolute; top: 100%; background: #fff; left: 50%; transform: translateX(-50%); width: 100%; box-shadow: 0 3px 5px rgba(0,0,0,.15); border-radius: 0 0 6px 6px; overflow: hidden; display: none;}
.header .m-language .box li{ height: 45px; line-height: 45px; border-bottom: 1px solid #ddd;}
.header .m-language .box li:last-child{ border-bottom: none;}
.header .m-language .box li a{ display: block; font-size: 1.4em; color: #333; text-align: center;}
.header .m-language .box li a:hover{ background: #b19776; color: #fff;}

.banner{ height: calc(100%); position: relative; z-index: 0; }
.banner .swiper-container, .banner .swiper-wrapper{ width: 100%; height: 100%;}
.banner .swiper-slide a{ display: inline-block; width: 100%; height: 100%;}
.banner .swiper-slide .container{ height: 100%; position: relative;}

.banner .banner-text{ position: absolute; width: 100%; top: 50%; left: 0; padding: 0 15px; transform: translateY(-76%);}
.banner .banner-text .img{ text-align: center;}
.banner .banner-text .line{ text-align: center; margin: 36px 0 20px; height: 3px; line-height: 0;}
.banner .banner-text .line i{ display: inline-block; width: 228px; height: 3px; background: #b19776;}
.banner .banner-text .text{ font-size: 1.6em; color: #333; line-height: 30px; padding: 0 20%;}

.banner .banner-text2{ position: absolute; width: 100%; top: 50%; left: 0; padding: 15px; transform: translateY(-76%); background: url(../images/banner2-text-bg.png) no-repeat center; background-size: cover;}
.banner .banner-text2 .img{ text-align: center;}
.banner .banner-text2 .line{ text-align: center; margin: 36px 0 20px; height: 3px; line-height: 0;}
.banner .banner-text2 .line i{ display: inline-block; width: 228px; height: 3px; background: #fff;}
.banner .banner-text2 .text{ font-size: 1.6em; color: #fff; line-height: 30px; padding: 0 20%;}

.banner .banner-text3{ position: absolute; width: 100%; top: 50%; left: 0; padding: 15px 12%; transform: translateY(-76%);}
.banner .banner-text3 .cn{ font-size: 4.5em; font-weight: bold; color: #b19776; line-height: 45px;}
.banner .banner-text3 .en{ font-size: 2.5em; color: #333; text-transform: uppercase; line-height: 25px; margin-top: 18px;}
.banner .banner-text3 .text{ line-height: 50px; font-size: 2em; background: #b19776; color: #fff; font-weight: bold; display: inline-block; padding: 0 25px; margin-top: 25px;}

.banner .banner-text4{ position: absolute; width: 100%; top: 28%; left: 0; padding: 15px 30px;}
.banner .banner-text4 .img{ width: 41.4%;}

.banner .banner-text5{ position: absolute; width: 100%; top: 50%; left: 0; padding: 0 15px; transform: translateY(-76%);}
.banner .banner-text5 .img{ text-align: center;}
.banner .banner-text5 .text{ text-align: center; margin-top: 20px;}
.banner .banner-text5 .text span{ display: inline-block; line-height: 60px; background: #b19776; font-size: 3em; color: #fff; font-weight: bold; padding: 0 25px;}

.banner .swiper-button-next:after, .banner .swiper-button-prev:after{ display: none;}
.banner .swiper-button-next{ width: 80px; height: 80px; right: 0; background: url(../images/banner-next.png) no-repeat center rgba(0,0,0,.5); transform: translateY(-50%);}
.banner .swiper-button-prev{ width: 80px; height: 80px; left: 0; background: url(../images/banner-prev.png) no-repeat center rgba(0,0,0,.5); transform: translateY(-50%);}

.banner .swiper-pagination{ bottom: 15px; display: none;}
.banner .swiper-pagination-bullet{ width: 10px; height: 4px; background: #fff; opacity: 1; margin: 0 7.5px !important; border-radius: 8px; transition: all .3s;}
.banner .swiper-pagination-bullet-active{ background: #fff; width: 25px;}

.index-box{ bottom: 50px; position: fixed; width: 100%;}
.index-box .i-news{ width: 51.5%; float: left; background: rgba(255,255,255,.6); padding: 15px 35px; overflow: hidden;}
.index-box .i-news .top{ font-size: 1.8em; line-height: 20px; font-weight: bold; color: #333; margin-bottom: 10px;}
.index-box .i-news .img{ width: 30%; height: 140px; position: relative; float: left; overflow: hidden;}
.index-box .i-news .img img{ position: absolute; width: 100%; height: 100%;}
.index-box .i-news .list{ width: 70%; float: left; padding-left: 25px;}
.index-box .i-news .list li{ line-height: 16px; padding: 10px 0; border-bottom: 1px dashed #787878; overflow: hidden;}
.index-box .i-news .list li:first-child{ padding-top: 0;}
.index-box .i-news .list li h4{ margin: 0; font-size: 1.4em; color: #333; float: left; width: 80%; line-height: inherit; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.index-box .i-news .list li:hover h4{ color: #b19776;}
.index-box .i-news .list li .date{ font-size: 1.4em; color: #333; float: left; width: 20%; text-align: right;}
.index-box .i-news .list .more{ margin-top: 9px; text-align: right;}
.index-box .i-news .list .more a{ display: inline-block; width: 100px; height: 30px; color: #b19776; border: 1px solid #b19776; line-height: 30px; text-align: center;}
.index-box .i-news .list .more a i{ display: inline-block; width: 13px; height: 9px; background: url(../images/more-icon.png) no-repeat center; transition: all .3s;}
.index-box .i-news .list .more a:hover{ background: #b19776; color: #fff;}
.index-box .i-news .list .more a:hover i{ width: 0;}

.index-box .i-other{ width: 48.5%; float: left; padding-left: 25px;}
.index-box .i-other ul{ margin: 0 -12.5px;}
.index-box .i-other li{ width: 50%; float: left; padding: 0 12.5px;}
.index-box .i-other li a{ display: block; position: relative;}
.index-box .i-other li a .img{ position: relative; z-index: 0; height: 200px; overflow: hidden;}
.index-box .i-other li a .img img{ position: absolute; width: 100%; height: 100%;}
.index-box .i-other li a .t{ position: absolute; z-index: 1; width: 100%; bottom: 0; height: 42px; line-height: 42px; background: rgba(238,238,238,.6); font-size: 1.8em; color: #333; font-weight: bold; text-align: center;}
.index-box .i-other li:hover a .t{ background: #b19776; color: #fff;}

.index-footer{ background: #000; height: 50px; position: relative; width: 100%; bottom: 0; left: 0;}
.index-footer .left{ font-size: 1.4em; color: #fff; line-height: 50px; width: 50%; float: left;}
.index-footer .left a{ color: #fff; margin-left: 15px;}
.index-footer .right{ line-height: 50px; height: 50px; text-align: right; width: 50%; float: left;}
.index-footer .right ul{ float: right;}
.index-footer .right li{ float: left; margin-left: 10px; font-size: 1.4em; color: #fff; position: relative;}
.index-footer .right li .box{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 75px; width: 150px; height: 180px; background: #fff; border: 2px solid #b19776; border-radius: 4px; padding: 5px; display: none;}
.index-footer .right li:hover .box{ display: block;}
.index-footer .right li .box::before{ content: ""; position: absolute; border-top: 5px solid #b19776; border-right: 6px solid transparent; border-left: 6px solid transparent; bottom: -7px; left: 50%; transform: translateX(-50%);}
.index-footer .right li .box .img{ overflow: hidden;}
.index-footer .right li .box .t{ font-size: 1.2rem; color: #333; text-align: center; line-height: 30px;}
.index-footer .right a{ display: inline-block; font-size: 1em; color: #fff; min-width: 24px; position: relative; height: 50px;}
.index-footer .right a i{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: inline-block; width: 24px; height: 24px; border-radius: 100%;}
.index-footer .right a.ins i{ background: url(../images/foot-icon1.png) no-repeat center #fff;}
.index-footer .right a.wx i{ background: url(../images/foot-icon2.png) no-repeat center #fff;}
.index-footer .right a.wb i{ background: url(../images/foot-icon3.png) no-repeat center #fff;}
.index-footer .right a.ins:hover i{ background: url(../images/foot-icon1-2.png) no-repeat center #b19776;}
.index-footer .right a.wx:hover i{ background: url(../images/foot-icon2-2.png) no-repeat center #b19776;}
.index-footer .right a.wb:hover i{ background: url(../images/foot-icon3-2.png) no-repeat center #b19776;}
.index-footer .right a:hover{ color: #b19776;}

.page-banner{ height: 240px;}
.page-banner .page-banner-text{ float: right; display: table; width: 240px; height: 240px; background: #b19776; overflow: hidden;}
.page-banner .page-banner-text .text{ display: table-cell; vertical-align: middle; color: #fff; text-align: center;}
.page-banner .page-banner-text .text .cn{ font-size: 2.4em; font-weight: bold;}
.page-banner .page-banner-text .text .en{ font-size: 1.8em; text-transform: uppercase; margin-top: 2px;}

.page-title{ overflow: hidden;}
.page-title .title{ font-size: 3em; color: #333; font-weight: bold; text-align: center; line-height: 30px;}
.page-title .line{ text-align: center; height: 5px; line-height: 5px; margin-top: 20px;}
.page-title .line i{ display: inline-block; width: 80px; height: 5px; background: #b19776;}

.about-box1{ padding: 64px 0; overflow: hidden;}
.about-box1 .box{ margin-top: 50px; overflow: hidden;}
.about-box1 .box .text{ width: 66%; float: left; position: relative; z-index: 1;}
.about-box1 .box .text .t{ font-size: 2.4em; font-weight: bold; color: #b19776;}
.about-box1 .box .text .p{ font-size: 1.4em; color: #333; padding: 38px; line-height: 24px; background: #f6f6f6; margin-top: 20px; min-height: 446px;}
.about-box1 .box .text .p p{ text-indent: 2em;}
.about-box1 .box .img{ width: 39.5%; height: 500px; float: right; position: relative; margin-left: -6.5%; z-index: 0;}
.about-box1 .box .img img{ position: absolute; width: 100%; height: 100%;}

.about-box2{ background: url(../images/about-box2-bg.jpg) no-repeat center; background-size: cover; padding: 55px 0 60px;}
.about-box2 .page-title .title{ color: #fff;}
.about-box2 .page-title .line i{ background: #fff;}
.about-box2 .box{ margin-top: 45px; overflow: hidden;}
.about-box2 .box .mySwiper{ width: 12.8%; float: left; height: 280px; padding-right: 20px;}
.about-box2 .box .mySwiper .year{ font-size: 1.8em; color: #fff; height: 100%; background: url(../images/about-box2-icon.png) no-repeat right 12px; padding-left: 38px;}
.about-box2 .box .mySwiper .swiper-slide-thumb-active .year{ font-size: 3.5em; line-height: 30px; padding-left: 0;}
.about-box2 .box .mySwiper .swiper-scrollbar{ right: 0; background: rgba(0,0,0,.3);}
.about-box2 .box .mySwiper .swiper-scrollbar-drag{ background: #fff;}
.about-box2 .box .mySwiper2{ width: calc(87.2% - 5%); float: left; margin-left: 5%;}
.about-box2 .box .mySwiper2 .text{ width: 56%; float: left; padding-right: 11%;}
.about-box2 .box .mySwiper2 .text .t{ font-size: 4.5em; color: #fff; line-height: 45px;}
.about-box2 .box .mySwiper2 .text .p{ font-size: 1.4em; color: #fff; line-height: 26px; margin-top: 30px; text-align: justify;}
.about-box2 .box .mySwiper2 .img{ width: 44%; float: right; height: 280px; position: relative;}
.about-box2 .box .mySwiper2 .img img{ position: absolute; width: 100%; height: 100%;}

.about-box3{ padding: 55px 0 85px;}
.about-box3 .box{ margin-top: 60px;}
.about-box3 .box .mySwiper{ height: 46px; padding: 0 50px;}
.about-box3 .box .mySwiper .swiper-button-next{ right: 0; width: 45px; height: 45px;}
.about-box3 .box .mySwiper .swiper-button-prev{ left: 0; width: 45px; height: 45px;}
.about-box3 .box .mySwiper .swiper-button-next span, .about-box3 .box .mySwiper .swiper-button-prev span{ width: 45px; height: 45px; border-radius: 100%; background: rgba(0,0,0,.5); position: relative; display: inline-block;}
.about-box3 .box .mySwiper .swiper-button-next span i, .about-box3 .box .mySwiper .swiper-button-prev span i{ position: absolute; font-size: 2.6em; color: #fff; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.about-box3 .box .swiper-button-next:after, .about-box3 .box .swiper-button-prev:after{ display: none;}
.about-box3 .box .mySwiper .list{ overflow: hidden;}
.about-box3 .box .mySwiper .swiper-slide{ width: 10.01%; text-align: center; height: 45px; padding: 2.5px 0; cursor: pointer;}
.about-box3 .box .mySwiper .swiper-slide span{ display: block; height: 40px; line-height: 40px; font-size: 1.8em; color: #666; border-right: 1px solid #666;}
.about-box3 .box .mySwiper .swiper-slide:last-child span{ border-right: none;}
.about-box3 .box .mySwiper .swiper-slide-thumb-active span{ font-size: 2.4em; color: #b19776;}
.about-box3 .box .mySwiper2{ width: 100%; margin-top: 45px;}
.about-box3 .box .mySwiper2 .swiper-slide{ background: #fff;}
.about-box3 .box .mySwiper3{ width: 100%; padding: 0 80px;}
.about-box3 .box .mySwiper3 .frame{ overflow: hidden;}
.about-box3 .box .mySwiper3 .swiper-slide{ width: 33.3333%; padding: 0 15px; pointer-events: inherit;}
.about-box3 .box .mySwiper3 .img{ background: #f6f6f6; width: 100%; height: 260px; position: relative;}
.about-box3 .box .mySwiper3 .img img{ position: absolute; max-height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all .3s;}
.about-box3 .box .mySwiper3 .swiper-slide:hover .img img{ transform: translate(-50%,-50%) scale(1.08);}
.about-box3 .box .mySwiper3 .title{ width: 100%; height: 50px; line-height: 50px; background: #b19776; font-size: 1.6em; color: #fff; text-align: center;}
.about-box3 .box .mySwiper3 .swiper-button-next{ right: 0; width: 45px; height: 45px;}
.about-box3 .box .mySwiper3 .swiper-button-prev{ left: 0; width: 45px; height: 45px;}
.about-box3 .box .mySwiper3 .swiper-button-next span, .about-box3 .box .mySwiper3 .swiper-button-prev span{ width: 45px; height: 45px; border-radius: 100%; position: relative; display: inline-block;}
.about-box3 .box .mySwiper3 .swiper-button-next span i, .about-box3 .box .mySwiper3 .swiper-button-prev span i{ position: absolute; font-size: 4em; color: #666; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.about-box3 .btns{ text-align: center; margin-top: 50px;}
.about-box3 .btns a{ display: inline-block; width: 200px; height: 50px; line-height: 50px; background: transparent; color: #b19776; font-size: 1.6em; border: 1px solid #b19776;}
.about-box3 .btns a:hover{ background: #b19776; color: #fff;}

.about-box4{ padding: 55px 0; background: #f6f6f6;}
.about-box4 .box{ margin-top: 55px; width: 100%; height: 270px; position: relative;}
.about-box4 .box .swiper{ width: 100%; height: 100%; padding-bottom: 50px;}
.about-box4 .box .swiper-slide{ height: calc((100% - 20px) / 2);} 
.about-box4 .box .swiper-slide .img{ width: 100%; height: 100px; position: relative; overflow: hidden; background: #fff;}
.about-box4 .box .swiper-slide .img img{ position: absolute; max-height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.about-box4 .box .swiper-pagination{ bottom: 0;}
.about-box4 .box .swiper-pagination-bullet{ width: 8px; height: 8px; margin: 0 10px;}
.about-box4 .box .swiper-pagination-bullet-active{ background: #b19776;}

.about-box5{ padding: 90px 0 55px;}
.about-box5 .box{ margin-top: 50px;}
.about-box5 .box .text{ min-height: 300px; float: left; width: 38.5%; background: #b19776; padding: 40px 45px;}
.about-box5 .box .text .t{ margin-bottom: 30px;}
.about-box5 .box .text .p{ font-size: 1.4em; color: #fff; line-height: 24px;}
.about-box5 .box .text .p p+p{ margin-top: 8px;}
.about-box5 .box .map{ height: 300px; float: left; width: 61.5%;}
.about-box5 .box .map img{ max-width: none;}

.team-search{ padding-top: 35px; overflow: hidden;}
.team-search .top{ height: 50px; line-height: 50px; font-size: 1.8em; color: #b19776;font-weight: bold; border-bottom: 1px dashed #ccc; display: none;}
.team-search .top a{ font-size: 1.4rem; color: #333; font-weight: normal;}
.team-search .top a{ float: right;}
.team-search ul{ overflow: hidden;}
.team-search li{ float: left; height: 45px; width: calc( (100% - 60px ) / 4.769 ); position: relative;}
.team-search li+li{ margin-left: 15px;}
.team-search li:last-child{ width: calc( (100% - 60px ) / 6.21);}
.team-search li select, .team-search li input[type="text"]{ width: 100%; height: 100%; border: 1px solid #dcdcdc; padding: 0 15px; font-size: 1.4em; color: #333;}
.team-search li select{ appearance: none; -moz-appearance: none; -webkit-appearance: none; padding: 0 25px 0 15px;}
.team-search li input[type="submit"]{ width: 100%; height: 100%; border: none; background: #b19776; font-size: 1.4em; color: #fff;}
.team-search li:nth-child(-n+3)::before{ content: ""; position: absolute; border-top: 6px solid #333; border-right: 4px solid transparent; border-left: 4px solid transparent; right: 10px; top: 50%; transform: translateY(-50%);}

.team-search2{ overflow: hidden; margin-top: 25px;}
.team-search2 .t{ font-size: 1.8em; color: #333; font-weight: bold;}
.team-search2 .list{ margin-top: 25px;}
.team-search2 .list a{ display: block; width: calc( (100% - 250px) / 26); height: 40px; line-height: 40px; text-align: center; background: #eee; font-size: 1.8em; color: #666; float: left; margin-right: 10px;}
.team-search2 .list a:last-child{ margin-right: 0; }
.team-search2 .list a:hover, .team-search2 .list a.on{ background: #b19776; color: #fff;}

.team-list{ padding: 55px 0 60px;}
.team-list .list{ margin-bottom: 20px; display: table; width: 100%;}
.team-list .list li{ width: calc( (100% - 30px) / 2); float: left; margin-bottom: 30px; transition: all .3s;}
.team-list .list li:hover{ box-shadow: 0 0 22px rgba(0,0,0,.15);}
.team-list .list li:nth-child(2n){ margin-left: 30px;}
.team-list .list li .img{ height: 260px; width: 36.23%; position: relative; float: left; overflow: hidden;}
.team-list .list li .img img{ position: absolute; width: 100%; height: 100%; top: 0; transition: all .3s;}
/* .team-list .list li:hover .img img{ transform: scale(1.1);} */
.team-list .list li .text{ height: 260px; width: 63.77%; float: left; background: #f6f6f6; padding: 40px 38px;}
.team-list .list li .text .name{ font-size: 2.4em; line-height: 24px;}
.team-list .list li .text .name a{ color: #333;}
.team-list .list li:hover .text .name a{ color: #b19776;}
.team-list .list li .text .position{ font-size: 1.8em; margin-top: 15px; line-height: 20px;}
.team-list .list li .text .position a{ color: #666;}
.team-list .list li .text .other{ font-size: 1.4em; color: #333; margin-top: 30px;}
.team-list .list li .text .other a{ color: #333;}
.team-list .list li .text .other a:hover{ color: #b19776;}
.team-list .list li .text .other p{ padding-left: 30px; position: relative; line-height: 20px; text-align: left;}
.team-list .list li .text .other p+p{ margin-top: 10px;}
.team-list .list li .text .other p i{ position: absolute; left: 0; top: 0;}

.pager-list{ text-align:center; margin-top: 10px;}
.pager-list ul{ list-style-type:none; margin:0; padding:0; display:inline-block;}
.pager-list li{ float:left; padding:0 5px; position: relative;}
.pager-list li>*{ display:inline-block; font-size:14px; color:#333 !important; height:36px; line-height:34px !important; padding:0 15px !important;  background:#e5e5e5 !important; border-radius:0 !important; position: relative;}
.pager-list li a:hover{ background: #b19776 !important; color:#fff !important; border:1px solid #b19776;}
.pager-list li.active>*{ color:#fff !important; background:#b19776 !important; border:1px solid #ddd;}
.pager-list li.disabled>*{ cursor:auto; background:#e5e5e5; color:#333;}
.pager-list li.active>span:hover, .pager-list li.active>a:hover{ background:#b19776; border:1px solid #b19776; color: #fff !important;}
.pager-list li i{ font-size: 1.2em; position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%;}

.team-con{ padding: 50px 0 10px;}
.team-con-top{ padding: 45px 40px; background: #f6f6f6; overflow: hidden;}
.team-con-top .img{ width: 23%; height: 310px; float: left; position: relative; overflow: hidden;}
.team-con-top .img img{ position: absolute; width: 100%; height: 100%;}
.team-con-top .box{ width: 77%; float: left; padding-left: 4%; position: relative;}
.team-con-top .box .title{ font-size: 2.4em; line-height: 24px; color: #333;}
.team-con-top .box .title span{ margin-left: 15px; font-size: 1.8rem; color: #666;}
.team-con-top .box .areas{ margin-top: 25px;}
.team-con-top .box .areas span{ display: inline-block; height: 40px; line-height: 40px; padding: 0 36px; background: #fff; font-size: 1.4em;}
.team-con-top .box .areas span+span{ margin-left: 30px;}
.team-con-top .box .other{ margin-top: 45px;}
.team-con-top .box .other p{ padding-left: 30px; line-height: 20px; position: relative; font-size: 1.4em; color: #333;}
.team-con-top .box .other p+p{ margin-top: 30px;}
.team-con-top .box .other p i{ position: absolute; left: 0; top: 0;}
.team-con-top .box .printer{ position: absolute; right: 0; top: 0;}
.team-con-top .box .printer a{ display: inline-block; height: 22px; padding-left: 35px; background: url(../images/team-icon5.png) no-repeat center left; font-size: 1.4em; color: #666;}
.team-con-top .box .printer a:hover{ text-decoration: underline;}

.team-con-box{ margin-top: 40px;}
.team-con-box .box{ margin-bottom: 50px; overflow: hidden;}
.team-con-box .box .title{ height: 60px; line-height: 60px; font-size: 2.4em; font-weight: bold; color: #333; width: 13.1%; float: left;}
.team-con-box .box .text{ width: 86.9%; float: right; min-height: 60px; border-left: 1px solid #dcdcdc; position: relative; font-size: 1.4em; line-height: 24px; padding: 5px 0 5px 62px;}
.team-con-box .box .text::before{ content: ""; position: absolute; width: 12px; height: 12px; border-radius: 100%; background: #b19776; border: 2px solid #dcdcdc; left: -6px; top: 25px;}
.team-con-box .box .text .t{ font-size: 1.8rem; font-weight: bold; color: #333; margin-bottom: 10px;}
.team-con-box .box .text+.text{ padding-top: 20px;}

.business-box{ padding: 65px 0 20px;}
.business-box .text{ font-size: 1.4em; color: #333; line-height: 24px; margin-top: 25px;}
.business-box .list{ margin-top: 40px; display: table; width: 100%;}
.business-box .list li{ width: calc( (100% - 70px) / 3 ); margin-right: 35px; background: #f6f6f6; position: relative; padding: 30px; overflow: hidden; float: left; transition: all .3s; margin-bottom: 35px;}
.business-box .list li a{ display: inline-block; width: 100%;}
.business-box .list li:hover{ box-shadow: 0 0 22px rgba(0,0,0,.15);}
.business-box .list li:nth-child(3n){ margin-right: 0;}
.business-box .list li .icon{ height: 40px; line-height: 40px; width: 15%; text-align: center; float: left;}
.business-box .list li .title{ font-size: 1.8em; color: #333; font-weight: bold; line-height: 40px; float: left; width: 85%; padding-left: 20px;}
.business-box .list li:hover .title{ color: #b19776;}
.business-box .list li i{ position: absolute; font-size: 2.4em; right: 15px; top: 50%; transform: translateY(-50%); color: #999;}

.business-con{ padding: 48px 0 50px;}
.business-con .box1{ overflow: hidden;}
.business-con .box1 .title{ height: 60px; line-height: 60px; background: #f6f6f6;}
.business-con .box1 .title span{ display: block; width: 45%; background: #b19776; padding-left: 40px; position: relative; font-size: 2.4em; font-weight: bold; color: #fff; float: left;}
.business-con .box1 .title span::before{ content: ""; position: absolute; border-left: 10px solid #fff; border-top: 5px solid transparent; border-bottom: 5px solid transparent; left: 20px; top: 50%; transform: translateY(-50%);}
.business-con .box1 .title i{ display: block; width: 44px; height: 100%; float: left; background: url(../images/business-title-icon.png) no-repeat center;}
.business-con .box1 .text{ font-size: 1.4em; line-height: 24px; color: #333; margin-top: 30px;}

.business-con .box2{ overflow: hidden; margin-top: 50px;}
.business-con .box2 .top{ height: 40px; border-bottom: 2px solid #e5e5e5;}
.business-con .box2 .top span{ display: inline-block; width: 120px; height: 40px; line-height: 40px; text-align: center; border-radius: 4px; background: #b19776; font-size: 1.8em; font-weight: bold; color: #fff;}
.business-con .box2 .frame{ margin-top: 40px;}
.business-con .box2 .frame .list{ float: left; width: 48.2%; padding-right: 15px;}
.business-con .box2 .frame .list li{ width: 50%; float: left; position: relative; line-height: 24px; margin-top: 15px; font-size: 1.4em; }
.business-con .box2 .frame .list li:nth-child(-n+2){ margin-top: 0;}
.business-con .box2 .frame .list li i{ display: inline-block; width: 8px; height: 8px; border-radius: 100%; background: #d2d2d2; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.business-con .box2 .frame .list li a{ font-size: 1.4em; color: #333; padding-left: 20px; display: block; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.business-con .box2 .frame .list li:hover a{ color: #b19776; text-decoration: underline;}
.business-con .box2 .frame .img{ float: left; width: 51.8%; height: 177px; position: relative;}
.business-con .box2 .frame .img img{ position: absolute; width: 100%; height: 100%;}

.business-con .box3{ overflow: hidden; margin-top: 50px;}
.business-con .box3 .top{ height: 40px; border-bottom: 2px solid #e5e5e5;}
.business-con .box3 .top span{ display: inline-block; width: 120px; height: 40px; line-height: 40px; text-align: center; border-radius: 4px; background: #b19776; font-size: 1.8em; font-weight: bold; color: #fff;}
.business-con .box3 .list{ display: block;}
.business-con .box3 .list li{ margin-top: 20px;}
.business-con .box3 .list li .t{ font-size: 1.6em; color: #333; line-height: 30px; padding-left: 22px; position: relative; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.business-con .box3 .list li:hover .t{ color: #b19776; text-decoration: underline;}
.business-con .box3 .list li .t::before{ content: ""; position: absolute; width: 8px; height: 8px; border-radius: 100%; background: #d2d2d2; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.business-con .box3 .list li .p{ font-size: 1.4em; line-height: 24px; color: #333; padding-left: 22px; margin-top: 5px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.business-con .box3 .top a{ float: right; color: #999; line-height: 40px; padding-right: 20px; background: url(../images/business-con-icon2.png) no-repeat center right;}
.business-con .box3 .top a:hover{ text-decoration: underline;}

.business-con .box4{ overflow: hidden; margin-top: 50px;}
.business-con .box4 .top{ height: 40px; border-bottom: 2px solid #e5e5e5;}
.business-con .box4 .top span{ display: inline-block; width: 120px; height: 40px; line-height: 40px; text-align: center; border-radius: 4px; background: #b19776; font-size: 1.8em; font-weight: bold; color: #fff;}
.business-con .box4 .top a{ float: right; color: #999; line-height: 40px; padding-right: 20px; background: url(../images/business-con-icon2.png) no-repeat center right;}
.business-con .box4 .top a:hover{ text-decoration: underline;}
.business-con .box4 .left-list{ width: 50%; padding-right: 20px; float: left;}
.business-con .box4 .left-list .list{ padding-top: 10px;}
.business-con .box4 .left-list .list li{ line-height: 45px;}
.business-con .box4 .left-list .list li a{ padding-left: 30px; font-size: 1.4em; color: #333; background: url(../images/business-con-icon.png) no-repeat center left; width: 80%; float: left; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.business-con .box4 .left-list .list li:hover a{ color: #b19776; text-decoration: underline;}
.business-con .box4 .left-list .list li span{ width: 20%; font-size: 1.4em; color: #999; text-align: right; float: left; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.business-con .box4 .right-list{ width: 50%; padding-left: 20px; float: left;}
.business-con .box4 .right-list .list{ padding-top: 10px;}
.business-con .box4 .right-list .list li{ line-height: 45px;}
.business-con .box4 .right-list .list li i{ display: inline-block; width: 8px; height: 8px; border-radius: 100%; background: #d2d2d2; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.business-con .box4 .right-list .list li a{ padding-left: 30px; font-size: 1.4em; color: #333;  width: 80%; position: relative; float: left; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.business-con .box4 .right-list .list li:hover a{ color: #b19776; text-decoration: underline;}
.business-con .box4 .right-list .list li span{ width: 20%; font-size: 1.4em; color: #999; text-align: right; float: left; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}

.business-con .box5{ margin-top: 50px;}
.business-con .box5 .text{ width: 50%; height: 180px; float: left; background: #b19776; text-align: center; line-height: 180px; font-size: 4em; color: #fff; font-weight: bold;}
.business-con .box5 .img{ width: 50%; height: 180px; float: left; position: relative;}
.business-con .box5 .img img{ position: absolute; width: 100%; height: 100%;}

.results-box{ height: 400px; margin: 75px 0 0; overflow: hidden;}
.results-box .hd{ height: 100%; width: 38.46%; float: right; position: relative; z-index: 1;}
.results-box .hd ul{ height: 100%;}
.results-box .hd li{ height: calc(25%); display: table; background: #f6f6f6; border-bottom: 1px solid #e5e5e5; position: relative; width:100%; }
.results-box .hd li::before{ content: ""; position: absolute; border-right: 12px solid #b19776; border-top: 6px solid transparent; border-bottom: 6px solid transparent; left: -12px; top: 50%; transform: translateY(-50%); display: none;}
.results-box .hd li.on a{ background: #b19776; color: #fff;}
.results-box .hd li.on::before{ display: block;}
.results-box .hd li:last-child{ border-bottom: none;}
.results-box .hd li a{ display: table-cell; vertical-align: middle; font-size: 1.8em; color: #333; line-height: 28px; width: 100%; padding: 0 16%; text-align: center;}
.results-box .bd{ height: 100%; width: 61.54%; float: left; position: relative; z-index: 0;}
.results-box .bd ul{ width: 100%; height: 100%;}
.results-box .bd li{ width: 100%; height: 100%; position: relative;}
.results-box .bd li img{ position: absolute; width: 100%; height: 100%;}

.results-list{ overflow: hidden; padding: 45px 0;}
.results-list .list{ margin-bottom: 60px; overflow: hidden;}
.results-list .list li{ width: calc( (100% - 40px) / 2 ); float: left; padding: 20px 0 10px; border-bottom: 1px solid #d2d2d2;}
.results-list .list li:nth-child(2n){ margin-left: 40px;}
.results-list .list li .title{ font-size: 1.8em; color: #333; margin: 0; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.results-list .list li:hover .title{ color: #b19776;}
.results-list .list li .p{ font-size: 1.4em; color: #a1a1a1; line-height: 24px; margin-top: 10px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.results-list .list li .other{ overflow: hidden; margin-top: 5px; height: 30px; line-height: 30px;}
.results-list .list li .other .date{ width: 50%; float: left; text-align: left; font-size: 1.4em; color: #333;}
.results-list .list li .other .more{ width: 50%; float: left; text-align: right;}
.results-list .list li .other .more span{ display: inline-block; padding-right: 20px; color: #b19776; background: url(../images/results-icon.png) no-repeat center right;}
.results-list .list li .other .more span:hover{ text-decoration: underline;}

.results-con{ padding-top: 55px;}
.results-con .title{ font-size: 3em; color: #333; text-align: center; font-weight: bold;}
.results-con .bq{ text-align: center; line-height: 24px; padding: 15px 0 25px; border-bottom: 1px solid #dcdcdc;}
.results-con .bq span{ font-size: 1.4em; color: #999; margin: 0 5px; display: inline-block;}
.results-con .text{ padding: 25px 0; font-size: 1.4em; color: #333; line-height: 1.75; border-bottom: 1px solid #dcdcdc;}
.results-con .text p+p{ margin-top:10px; }

.pager{ margin: 20px 0 30px;}
.pager .prev, .pager .next{ text-align: left; font-size: 1.4em; color: #333; line-height: 30px;}
.pager .prev a, .pager .next a{ color: #333;}
.pager .prev a:hover, .pager .next a:hover{ color: #b19776; text-decoration: underline;}
.pager .next a, .pager .next span{ float: left;}

.case-list{ padding: 50px 0 40px;}
.case-list .list{ overflow: hidden; margin-bottom: 5px;}
.case-list .list li{ overflow: hidden; margin-bottom: 40px;}
.case-list .list li .date{ height: 150px; width: 11.54%; float: left; background: #d2d2d2; text-align: center; padding: 44.5px 0;}
.case-list .list li:hover .date{ background: #b19776;}
.case-list .list li .date span{ font-size: 5em; font-weight: bold; color: #fff; display: block; line-height: 40px;}
.case-list .list li .date p{ font-size: 1.4em; text-align: center; color: #fff; margin-top: 5px;}
.case-list .list li .text{ width: 88.46%; float: left; padding-left: 45px;}
.case-list .list li .text .t{ font-size: 1.8em; color: #333; margin: 0; line-height: 40px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.case-list .list li:hover .text .t{ color: #b19776;}
.case-list .list li .text .p{ font-size: 1.4em; color: #666; line-height: 24px; margin-top: 6px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.case-list .list li .text .more{ margin-top: 25px;}
.case-list .list li .text .more span{ border: 1px solid #b19776; height: 30px; width: 100px; line-height: 28px; display: inline-block; padding-right: 20px; background: url(../images/case-icon.png) no-repeat 89% center; text-align: center; font-size: 1.4em; color: #b19776;}
.case-list .list li .text .more span:hover{ background: url(../images/case-icon2.png) no-repeat 89% center #b19776; color: #fff;}

.page-nav{ background: #f6f6f6; height: 50px; line-height: 50px; overflow: hidden;}
.page-nav li{ width: 120px; float: left;}
.page-nav li+li{ margin-left: 10px;}
.page-nav li a{ display: block; font-size: 1.4em; color: #333; text-align: center;}
.page-nav li:hover a, .page-nav li.on a{ background: #b19776; color: #fff;}

.hot-news{ margin-top: 50px; overflow: hidden;}
.hot-news .img{ height: 300px; width: 42.31%; float: left; position: relative; overflow: hidden;}
.hot-news .img img{ position: absolute; width: 100%; height: 100%; transition: all .3s;}
.hot-news:hover .img img{ transform: scale(1.1);}
.hot-news .text{ width: 57.69%; float: left; padding-left: 45px;}
.hot-news .text h4{ line-height: 48px; font-size: 1.8em; color: #333; margin: 0; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.hot-news:hover .text h4{ color: #b19776;}
.hot-news .text .bq{ overflow: hidden; margin-top: 10px;}
.hot-news .text .bq span{ font-size: 1.4em; color: #999; margin-right: 10px;}
.hot-news .text .p{ font-size: 1.4em; color: #333; line-height: 24px; margin-top: 15px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
.hot-news .text .btns{ margin-top: 80px;}
.hot-news .text .btns span{ border: 1px solid #b19776; height: 30px; width: 100px; line-height: 28px; display: inline-block; padding-right: 20px; background: url(../images/case-icon.png) no-repeat 89% center; text-align: center; font-size: 1.4em; color: #b19776;}
.hot-news .text .btns span:hover{ background: url(../images/case-icon2.png) no-repeat 89% center #b19776; color: #fff;}

.news-list{ padding-top: 40px; margin-bottom: 60px;}
.news-list .list{ overflow: hidden; margin-bottom: 10px;}
.news-list .list li{ overflow: hidden; margin-bottom: 40px;}
.news-list .list li .date{ height: 150px; width: 11.54%; float: left; background: #d2d2d2; text-align: center; padding: 44.5px 0;}
.news-list .list li:hover .date{ background: #b19776;}
.news-list .list li .date span{ font-size: 5em; font-weight: bold; color: #fff; display: block; line-height: 40px;}
.news-list .list li .date p{ font-size: 1.4em; text-align: center; color: #fff; margin-top: 5px;}
.news-list .list li .text{ width: 88.46%; float: left; padding-left: 45px;}
.news-list .list li .text .t{ font-size: 1.8em; color: #333; margin: 0; line-height: 40px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.news-list .list li:hover .text .t{ color: #b19776;}
.news-list .list li .text .p{ font-size: 1.4em; color: #666; line-height: 24px; margin-top: 6px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news-list .list li .text .more{ margin-top: 25px;}
.news-list .list li .text .more span{ border: 1px solid #b19776; height: 30px; width: 100px; line-height: 28px; display: inline-block; padding-right: 20px; background: url(../images/case-icon.png) no-repeat 89% center; text-align: center; font-size: 1.4em; color: #b19776;}
.news-list .list li .text .more span:hover{ background: url(../images/case-icon2.png) no-repeat 89% center #b19776; color: #fff;}

.job-box{ padding: 60px 0 65px;}
.job-box .box1 .text{ font-size: 1.4em; color: #333; line-height: 24px; margin-top: 30px;}

.job-search{ overflow: hidden; margin-top: 40px;}
.job-search li{ width: calc( ( 100% - 75px) / 3.6 ); float: left; margin-right: 25px; position: relative;}
.job-search li:last-child{ width: calc( ( 100% - 75px) / 6 ); margin-right: 0;}
.job-search li select{ border: 1px solid #dcdcdc; height: 45px; width: 100%; padding: 0 25px 0 15px; appearance:none; -moz-appearance:none; -webkit-appearance:none; font-size: 1.4em; color: #333;}
.job-search li:nth-child(-n+2)::before{ content: ""; position: absolute; border-top: 6px solid #666; border-right: 5px solid transparent; border-left: 5px solid transparent; right: 15px; top: 50%; transform: translateY(-50%);}
.job-search li input[type="text"]{ border: 1px solid #dcdcdc; height: 45px; width: 100%; padding: 0 15px;  font-size: 1.4em; color: #333;}
.job-search li input[type="submit"]{ border: 1px solid #b19776; background: #b19776; font-size: 1.4em; color: #fff; width: 100%; height: 45px;}

.job-list{ overflow: hidden; margin-top: 30px;}
.job-list .top{ height: 60px; line-height: 60px; padding: 0 50px; background: #ffecd3;}
.job-list .top > div{ float: left; font-size: 1.4em; color: #333; text-align: center;}
.job-list .top .w1{ width: 11.67%;}
.job-list .top .w2{ width: 34.99%;}
.job-list .top .w3{ width: 15%;}
.job-list .top .w4{ width: 8.34%;}
.job-list .list{ overflow: hidden;}
.job-list .list li{ overflow: hidden; border: 1px solid #fff; position: relative; z-index: 0;}
.job-list .list li.on{ border: 1px solid #b19776; z-index: 1;}
.job-list .list li+li{ margin-top: -1px;}
.job-list .list li .t{ height: 60px; line-height: 60px; padding: 0 50px; display: table; width: 100%;}
.job-list .list li:nth-child(2n) .t{ background: #f6f6f6;}
.job-list .list li.on .t{ background: #fff;}
.job-list .list li .t > div{ float: left; font-size: 1.4em; color: #333; text-align: center;}
.job-list .list li.on .t > div{ border-bottom: 1px solid #e5e5e5;}
.job-list .list li .t .w1{ width: 11.67%;}
.job-list .list li.on .t .w1{ color: #b19776;}
.job-list .list li .t .w2{ width: 34.99%;}
.job-list .list li .t .w3{ width: 15%;}
.job-list .list li .t .w4{ width: 8.34%; font-size: 2rem;}
.job-list .list li .t .w4 i{ transition: all .3s;}
.job-list .list li.on .t .w4 i{ transform: rotate(180deg); color: #b19776;}
.job-list .list li .p{ font-size: 1.4em; color: #333; line-height: 24px; padding: 15px 65px 20px 85px; display: none;}












@media (min-width: 1366px){
.container{ width: 1300px; padding: 0;}

.team-search .box{ display: block !important;}
}
@media (max-width:1365px) and (min-width: 1200px){
.container{ padding: 0;}

.index-box .i-news .list li h4{ width: 75%;}
.index-box .i-news .list li .date{ width: 25%;}

.team-search .box{ display: block !important;}
}
@media (max-width:1199px) and (min-width:992px){
.container{ width: auto;}
.header .header-box .pc-nav li > a{ font-size: 1.4em;}

.index-box .i-news .list li h4{ width: 70%;}
.index-box .i-news .list li .date{ width: 30%;}

.index-footer .left{ font-size: 1.2em;}
.index-footer .right li{ font-size: 1.2em;}

.about-box1 .box .text{ width: 60%;}
.about-box1 .box .img{ width: 40%; margin-left: 0;}

.about-box2 .box .mySwiper{ width: 14.8%;}
.about-box2 .box .mySwiper2{ width: calc(85.2% - 5%);}

.team-search .box{ display: block !important;}

.team-con-top .img{ width: 27%;}
.team-con-top .box{ width: 73%;}
.team-con-box .box .text{ padding-left: 50px;}


}
@media (max-width:991px) and (min-width: 768px){
.container{ width: auto;}
.header{ height: 100px; line-height: 100px; transform: none !important;}
.header .logo{ width: 66%; height: 100px; line-height: 100px;}
.header .logo img{ height: 60px;}
.header .header-box{ display: none;}
.header .search{ height: 100px;}
.header .m-language{ height: 100px; line-height: 100px;}
.header .nav-btn{ height: 100px; line-height: 100px;}
.nav .nav-top{ height: 100px; line-height: 100px;}

.banner .banner-text .img{ padding: 0 20%;}
.banner .banner-text .text{ font-size: 1.4em; line-height: 26px;}
.banner .banner-text2 .img{ padding: 0 20%;}
.banner .banner-text2 .text{ font-size: 1.4em; line-height: 26px;}
.banner .banner-text3{ transform: translateY(-100%);}
.banner .banner-text3 .cn{ font-size: 3.8em;}
.banner .banner-text3 .en{ font-size: 2em; margin-top: 12px;}
.banner .banner-text3 .text{ font-size: 1.8em; margin-top: 15px;}
.banner .banner-text4{ padding: 15px 12%;}
.banner .banner-text4 .img{ width: 65.4%;}
.banner .banner-text5 .img{ padding: 0 15%;}
.banner .banner-text5 .text span{ font-size: 1.8em; line-height: 40px;}

.index-box .i-news .img{ height: 203px;}
.index-box .i-news .list li h4{ width: 100%; font-size: 1.3em;}
.index-box .i-news .list li .date{ width: 100%; text-align: left; font-size: 1.3em; margin-top: 5px;}
.index-box .i-other li a .img{ height: 263px;}
.index-box .i-other li a .t{ font-size: 1.6em; font-weight: normal;}

.index-footer .left{ font-size: 1.2em;}
.index-footer .right li{ font-size: 1.2em;}

.about-box1 .box .text{ width: 100%;}
.about-box1 .box .img{ width: 100%; margin-left: 0;}

.about-box2 .box .mySwiper{ width: 20.8%;}
.about-box2 .box .mySwiper2{ width: calc(79.2% - 5%);}

.about-box3 .box .mySwiper3 .swiper-slide{ width: 50%;}

.team-search .box{ display: block !important;}
.team-search2 .list a{ width: calc( (100% - 250px) / 13); margin-bottom: 10px;}
.team-list .list li .text{ padding: 25px;}
.team-list .list li .text .name{ font-size: 1.8em; line-height: 20px;}
.team-list .list li .text .position{ font-size: 1.6em; margin-top: 10px;}
.team-list .list li .text .other{ margin-top: 15px;}

.team-con-top .img{ width: 30%;}
.team-con-top .box{ width: 70%;}
.team-con-top .box .areas span{ padding: 0 25px;}
.team-con-top .box .areas span+span{ margin-left: 20px;}
.team-con-box .box .title{ width: 16.1%; font-size: 1.8em;}
.team-con-box .box .text{ width: 83.9%; padding-left: 50px;}
.team-con-box .box .text .t{ font-size: 1.6rem;}

.business-con .box2 .frame .list{ width: 100%; padding-right: 0;}
.business-con .box2 .frame .img{ width: 100%; margin-top: 20px;}

.business-con .box4 .left-list{ width: 100%; padding-right: 0;}
.business-con .box4 .right-list{ width: 100%; padding-left: 0; margin-top: 20px;}

.results-box .hd li a{ font-size: 1.6em; padding: 0 10%;}

.results-con .title{ font-size: 2.4em;}

.case-list .list li .date{ width: 16.54%;}
.case-list .list li .text{ width: 83.46%; padding-left: 25px;}

.news-list .list li .date{ width: 16.54%;}
.news-list .list li .text{ width: 83.46%; padding-left: 25px;}

.job-list .list li .p{ padding: 15px 65px 20px;}
}
@media (max-width: 767px){
html{ height: auto !important;}
.header{ height: 60px; background: #fff; width: 100%; box-shadow: 0 3px 5px rgba(0,0,0,.15); transform: none !important; position: fixed;}
.header .logo{ width: 80%; height: 60px; line-height: 52px;}
.header .logo img{ height: 35px;}
.header .header-box{ display: none;}
.header .search{ height: 60px; line-height: 60px; width: 8.33333333%; padding: 0 5px;}
.header .m-language span{ width: 24px; height: 24px; line-height: 24px; font-size: 1.2em;}
.header .m-language .box{ width: 140%;}
.header .m-language .box li{ height: 35px; line-height: 35px;}
.header .m-language .box li a{ font-size: 1.2em;}

.banner{ margin-top: 60px; height: 240px;}
.banner .banner-text{ transform: translateY(-50%);}
.banner .banner-text .img{ padding: 0 20%;}
.banner .banner-text .line{ margin: 15px 0;}
.banner .banner-text .line i{ height: 1px; width: 120px;}
.banner .banner-text .text{ padding: 0 3%; font-size: 1.2em; line-height: 26px; text-align: justify; line-height: 24px;}

.banner .banner-text2{ transform: translateY(-50%);}
.banner .banner-text2 .img{ padding: 0 20%;}
.banner .banner-text2 .line{ margin: 15px 0;}
.banner .banner-text2 .line i{ height: 1px; width: 120px;}
.banner .banner-text2 .text{ padding: 0 3%; font-size: 1.2em; line-height: 26px; text-align: justify; line-height: 24px;}

.banner .banner-text3{ transform: translateY(-50%); padding: 15px;}
.banner .banner-text3 .cn{ font-size: 1.8em; line-height: 20px;}
.banner .banner-text3 .en{ font-size: 1.4em; margin-top: 8px; line-height: 20px;}
.banner .banner-text3 .text{ font-size: 1.4em; margin-top: 10px; font-weight: normal; line-height: 24px; padding: 10px 15px;}

.banner .banner-text4{ padding: 15px; top: 18%;}
.banner .banner-text4 .img{ width: 80%;}

.banner .banner-text5{ transform: translateY(-50%);}
.banner .banner-text5 .img{ padding: 0 15%;}
.banner .banner-text5 .text{ margin-top: 10px;}
.banner .banner-text5 .text span{ font-size: 1.4em; line-height: 24px; padding: 5px 15px; font-weight: normal;}

.swiper-button-next, .swiper-button-prev{ display: none;}
.banner .swiper-pagination{ bottom: 5px; display: block;}
.banner .swiper-pagination-bullet{ width: 6px; height: 6px; margin: 0 5px !important;}
.banner .swiper-pagination-bullet-active{ width: 20px;}

.index-box{ position: relative; bottom: 0; margin: 20px 0;}
.index-box .i-news{ width: 100%; padding: 0;}
.index-box .i-news .img{ height: 203px;}
.index-box .i-news .list li h4{ width: 100%; font-size: 1.3em;}
.index-box .i-news .list li .date{ width: 100%; text-align: left; font-size: 1.3em; margin-top: 5px;}

.index-box .i-other{ width: 100%; padding-left: 0; margin-top: 20px;}
.index-box .i-other ul{ margin: 0 -7.5px;}
.index-box .i-other li{ padding: 0 7.5px;}

.index-footer{ position: relative; height: auto; padding-top: 10px;}
.index-footer .left{ font-size: 1.2em; width: 100%; line-height: 24px; text-align: center;}
.index-footer .left a{ display: inline-block;}
.index-footer .right{ width: 100%; text-align: center; height: 50px; line-height: 50px;}
.index-footer .right ul{ float: none; display: inline-block;}
.index-footer .right li{ font-size: 1.2em; height: 50px;}

.page-banner{ height: 140px; margin-top: 60px;}
.page-banner .page-banner-text{ height: 140px; width: 140px;}
.page-banner .page-banner-text .text .cn{ font-size: 1.8em;}
.page-banner .page-banner-text .text .en{ font-size: 1.4em;}

.page-title .title{ font-size: 1.8em; line-height: 20px;}
.page-title .line{  margin-top: 10px; line-height: 2px;}
.page-title .line i{ height: 1px; width: 60px;}

.about-box1{ padding: 30px 0;}
.about-box1 .box{ margin-top: 25px;}
.about-box1 .box .text{ width: 100%;}
.about-box1 .box .text .t{ font-size: 1.6em;}
.about-box1 .box .text .p{ padding: 20px;}
.about-box1 .box .img{ width: 100%; height: 350px;}

.about-box2{ padding: 30px 0;}
.about-box2 .box{ margin-top: 25px;}
.about-box2 .box .mySwiper{ width: 28.8%;}
.about-box2 .box .mySwiper2{ width: calc(71.2% - 5%);}
.about-box2 .box .mySwiper .swiper-slide-thumb-active .year{ font-size: 2.4em; line-height: 24px;}
.about-box2 .box .mySwiper .year{ font-size: 1.4em; padding-left: 20px; line-height: 28px;}
.about-box2 .box .mySwiper2 .img{ width: 100%; height: 150px;}
.about-box2 .box .mySwiper2 .text{ width: 100%; padding-right: 0; margin-top: 20px;}
.about-box2 .box .mySwiper2 .text .t{ font-size: 1.8em; line-height: 20px;}
.about-box2 .box .mySwiper2 .text .p{ margin-top: 10px;}

.about-box3{ padding: 30px 0;}
.about-box3 .box{ margin-top: 25px;}
.about-box3 .box .mySwiper3{ padding: 0;}
.about-box3 .box .mySwiper3 .swiper-slide{ width: 50%; padding: 0 7.5px;}
.about-box3 .box .mySwiper3 .img{ height: 130px;}
.about-box3 .box .mySwiper3 .title{ height: 45px; line-height: 45px; font-size: 1.4em;}
.about-box3 .btns{ margin-top: 20px;}
.about-box3 .btns a{ width: 140px; height: 40px; line-height: 40px; font-size: 1.4em;}

.about-box4{ padding: 30px 0;}
.about-box4 .box{ margin-top: 25px;}

.about-box5{ padding: 30px 0;}
.about-box5 .box{ margin-top: 25px;}
.about-box5 .box .text{ width: 100%; min-height: auto; padding: 20px;}
.about-box5 .box .text .t{ margin-bottom: 15px;}
.about-box5 .box .map{ width: 100%;}

.team-search .top{ display: block;}
.team-search .box{ display: none; padding-top: 15px;}
.team-search{ padding-top: 20px;}
.team-search li{ width: calc( (100% - 15px ) / 2 ); margin-bottom: 15px;}
.team-search li+li{ margin-left: 0;}
.team-search li:nth-child(2n){ margin-left: 15px;}
.team-search li:last-child{ width: calc( (100% - 15px ) / 2 );}
.team-search2{ margin-top: 10px;}
.team-search2 .t{ font-size: 1.6em;}
.team-search2 .list{ margin-top: 20px;}
.team-search2 .list a{ width: calc( (100% - 50px) / 5); margin-bottom: 10px; font-size: 1.4em; height: 30px; line-height: 30px;}
.team-list{ padding: 20px 0 30px;}
.team-list .list{ margin-bottom: 15px;}
.team-list .list li{ width: calc( (100% - 15px) / 2); margin-bottom: 15px;}
.team-list .list li:nth-child(2n){ margin-left: 15px;}
.team-list .list li .img{ width: 100%; height: 210px;}
.team-list .list li .text{ width: 100%; padding: 15px; height: 220px;}
.team-list .list li .text .name{ font-size: 1.6em; line-height: 20px; float: left; height: 20px;}
.team-list .list li .text .position{ font-size: 1.2em; margin-top: 0; float: left; margin-left: 10px;}
.team-list .list li .text .other{ margin-top: 10px; display: inline-block; font-size: 1.2em;}
.team-list .list li .text .other a{ display: inline-block;}

.pager-list li>*{ padding: 0 12px !important;}

.team-con{ padding: 20px 0;}
.team-con-top{ padding: 15px;}
.team-con-top .img{ width: 100%; height: 270px;}
.team-con-top .img img{ width: auto; left: 50%; transform: translateX(-50%);}
.team-con-top .box{ width: 100%; padding-left: 0; margin-top: 20px;}
.team-con-top .box .title{ font-size: 1.8em;}
.team-con-top .box .title span{ font-size: 1.4rem;}
.team-con-top .box .areas{ margin-top: 15px;}
.team-con-top .box .areas span{ padding: 0 15px; height: 35px; line-height: 35px; font-size: 1.2em;}
.team-con-top .box .areas span+span{ margin-left: 5px;}
.team-con-top .box .other{ margin-top: 25px;}
.team-con-top .box .other p+p{ margin-top: 15px;}
.team-con-top .box .printer{ display: none;}
.team-con-box{ margin-top: 20px;}
.team-con-box .box{ margin-bottom: 20px;}
.team-con-box .box .title{ width: 100%; font-size: 1.8em; height: 40px; line-height: 40px;}
.team-con-box .box .text{ width: 98%; padding-left: 20px;}
.team-con-box .box .text .t{ font-size: 1.6rem;}

.business-box{ padding: 30px 0 10px;}
.business-box .text{ margin-top: 20px;}
.business-box .list{ margin-top: 20px;}
.business-box .list li{ width: calc( (100% - 15px) / 2 ); margin-right: 15px; padding: 10px 15px; margin-bottom: 15px;}
.business-box .list li:nth-child(3n){ margin-right: 15px;}
.business-box .list li:nth-child(2n){ margin-right: 0;}
.business-box .list li .title{ font-size: 1.4em;}
.business-box .list li i{ right: 15px;}

.business-con{ padding: 30px 0;}
.business-con .box1 .title{ height: 45px; line-height: 45px;}
.business-con .box1 .title span{ font-size: 1.8em;}
.business-con .box1 .text{ margin-top: 20px;}
.business-con .box2{ margin-top: 30px;}
.business-con .box2 .frame{ margin-top: 5px;}
.business-con .box2 .frame .list{ width: 100%; padding-right: 0;}
.business-con .box2 .frame .list li{ width: 100%;}
.business-con .box2 .frame .list li:nth-child(-n+2){ margin-top: 15px;}
.business-con .box2 .frame .img{ width: 100%; margin-top: 20px; height: 100px;}
.business-con .box3{ margin-top: 30px;}
.business-con .box4{ margin-top: 30px;}
.business-con .box4 .left-list{ width: 100%; padding-right: 0;}
.business-con .box4 .right-list{ width: 100%; padding-left: 0; margin-top: 20px;}
.business-con .box5{ margin-top: 20px;}
.business-con .box5 .text{ font-size: 1.8em;}

.results-box{ height: auto; margin: 30px 0 20px;}
.results-box .bd{ width: 100%;}
.results-box .hd{ width: 100%; height: 220px;}
.results-box .hd li:nth-child(-n+2){ border-bottom: 1px solid #e5e5e5;}
.results-box .hd li:nth-child(2n-1){ border-right: 1px solid #e5e5e5;}
.results-box .hd li{ width: 50%; height: calc(50%); float: left; border-bottom: none;}
.results-box .hd li.on::before{ display: none;}
.results-box .hd li a{ font-size: 1.4em; padding: 0 10%; line-height: 24px;}
.results-box .bd{ height: 190px;}

.results-list{ padding-bottom: 25px;}
.results-list .list{ margin-bottom: 20px;}
.results-list .list li{ width: 100%;}
.results-list .list li:nth-child(2n){ margin-left: 0;}
.results-list .list li .title{ font-size: 1.6em;}
.results-list .list li .p{ -webkit-line-clamp: 2;}

.results-con{ padding-top: 30px;}
.results-con .title{ font-size: 1.8em;}
.results-con .bq{ padding: 15px 0;}
.results-con .bq span{ font-size: 1.2rem;}

.case-list{ padding: 30px 0 20px;}
.case-list .list li{ margin-bottom: 20px;}
.case-list .list li .date{ width: 20.54%; height: 120px; padding: 34.5px 0;}
.case-list .list li .date span{ font-size: 3.2em; line-height: 30px;}
.case-list .list li .text{ width: 79.46%; padding-left: 20px;}
.case-list .list li .text .t{ font-size: 1.6em; line-height: 24px;}
.case-list .list li .text .p{ font-size: 1.3em;}
.case-list .list li .text .more{ margin-top: 12px;}
.case-list .list li .text .more span{ font-size: 1.2em;}

.page-nav{ display: none;}

.hot-news{ margin-top: 30px;}
.hot-news .img{ width: 100%; height: 200px;}
.hot-news .text{ width: 100%; padding-left: 0;}
.hot-news .text h4{ font-size: 1.6em;}
.hot-news .text .bq{ margin-top: 0;}
.hot-news .text .p{ margin-top: 10px;}
.hot-news .text .btns{ margin-top: 20px;}

.news-list{ padding: 30px 0 20px; margin: 0;}
.news-list .list li{ margin-bottom: 20px;}
.news-list .list li .date{ width: 20.54%; height: 120px; padding: 34.5px 0;}
.news-list .list li .date span{ font-size: 3.2em; line-height: 30px;}
.news-list .list li .text{ width: 79.46%; padding-left: 20px;}
.news-list .list li .text .t{ font-size: 1.6em; line-height: 24px;}
.news-list .list li .text .p{ font-size: 1.3em;}
.news-list .list li .text .more{ margin-top: 12px;}
.news-list .list li .text .more span{ font-size: 1.2em;}

.job-box{ padding: 30px 0;}
.job-box .box1 .text{ margin-top: 20px;}
.job-search{ margin-top: 5px;}
.job-search li, .job-search li:last-child{ width: 100%; margin-right: 0; margin-top: 15px;}
.job-list .top{ padding: 0 5px; height: 45px; line-height: 45px;}
.job-list .top > div{ font-size: 1.2em;}
.job-list .top .w1{ width: 20.01%;}
.job-list .top .w4{ display: none;}
.job-list .list li .t{ padding: 0 5px; height: 45px; line-height: 45px;}
.job-list .list li .t > div{ font-size: 1.2em; }
.job-list .list li .t .w1{ width: 20.01%;}
.job-list .list li .t .w4{ display: none;}
.job-list .list li .p{ padding: 15px; font-size: 1.3em;}
}