body {
    width:100%;
	padding:100px 0 0;
	margin:0;
	font-family:Noto Sans SC,Open Sans,Arial,Microsoft Yahei,微软雅黑;
	font-size:15px;
	color:#555555;
	background:#ffffff;
    line-height:1;
	font-weight:300;
    -webkit-text-size-adjust: none;
}
@font-face {
  font-family: 'fontello';
  src: url('/style/fonts/fontello.eot?83796280');
  src: url('/style/fonts/fontello.eot?83796280#iefix') format('embedded-opentype'),
       url('/style/fonts/fontello.woff2?83796280') format('woff2'),
       url('/style/fonts/fontello.woff?83796280') format('woff'),
       url('/style/fonts/fontello.ttf?83796280') format('truetype'),
       url('/style/fonts/fontello.svg?83796280#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
.icon-camera:before { content: '\e800'; } 
.icon-videocam:before { content: '\e801'; } 
.icon-logo-tiktok:before { content: '\e802'; }
.icon-cancel:before { content: '\e803'; }
.icon-search:before { content: '\e804'; } 
.icon-cancel-1:before { content: '\e805'; } 
.icon-right:before { content: '\e806'; } 
.icon-right-small:before { content: '\e807'; } 
.icon-ccw:before { content: '\e808'; } 
.icon-arrows-ccw:before { content: '\e809'; }
.icon-install:before { content: '\e80a'; }
.icon-plus:before { content: '\e80b'; }
.icon-upload-1:before { content: '\e80c'; } 
.icon-cancel-circle:before { content: '\e80d'; }
.icon-cog:before { content: '\e80e'; }
.icon-down-open-mini:before { content: '\e80f'; } 
.icon-up-open-mini:before { content: '\e810'; } 
.icon-doc:before { content: '\e811'; }
.icon-download:before { content: '\e812'; }
.icon-ok-circled:before { content: '\e813'; } 
.icon-cancel-circled-1:before { content: '\e814'; }
.icon-info-circled:before { content: '\e815'; } 
.icon-font:before { content: '\e816'; }
.icon-mail:before { content: '\e817'; }
.icon-right-dir:before { content: '\e818'; }
.icon-left-dir:before { content: '\e819'; } 
.icon-right-dir-1:before { content: '\e81a'; }
.icon-left-dir-1:before { content: '\e81b'; } 
.icon-phone:before { content: '\e81c'; }
.icon-down-dir:before { content: '\e81d'; }
.icon-up-dir:before { content: '\e81e'; }
.icon-down-dir-1:before { content: '\e81f'; }
.icon-up-dir-1:before { content: '\e820'; } 
.icon-right-open-big:before { content: '\e821'; } 
.icon-left-open-big:before { content: '\e822'; } 
.icon-right-open:before { content: '\e823'; }
.icon-left-open:before { content: '\e824'; }
.icon-right-open-mini:before { content: '\e825'; } 
.icon-left-open-mini:before { content: '\e826'; }
.icon-left-open-1:before { content: '\e827'; }
.icon-right-open-1:before { content: '\e828'; }
.icon-email:before { content: '\e829'; } 
.icon-location-1:before { content: '\e82a'; } 
.icon-mobile:before { content: '\e82b'; } 
.icon-spin3:before { content: '\e832'; } 
.icon-spin4:before { content: '\e834'; } 
.icon-spin6:before { content: '\e839'; } 
.icon-menu-1:before { content: '\f008'; }
.icon-upload:before { content: '\f02f'; }
.icon-location:before { content: '\f031'; }
.icon-facebook-circled:before { content: '\f051'; } 
.icon-twitter-circled:before { content: '\f057'; } 
.icon-cancel-circled:before { content: '\f06e'; } 
.icon-twitter:before { content: '\f099'; } 
.icon-facebook:before { content: '\f09a'; }
.icon-docs:before { content: '\f0c5'; }
.icon-menu:before { content: '\f0c9'; } 
.icon-exchange:before { content: '\f0ec'; }
.icon-doc-text:before { content: '\f0f6'; }
.icon-youtube-play:before { content: '\f16a'; } 
.icon-weibo:before { content: '\f18a'; } 
.icon-qq:before { content: '\f1d6'; } 
.icon-wechat:before { content: '\f1d7'; }
.icon-facebook-official:before { content: '\f230'; } 
.icon-linkedin-squared:before { content: '\f30c'; }
.icon-instagram:before { content: '\f32d'; }
*{box-sizing:border-box;}
p,h1,h2,h3,h4,ul{ padding:0; margin:0;}
ul{ list-style-type:none;}
a,svg,span,div{border:none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;outline:none;}
a:link,a:visited{ color:inherit; text-decoration:none;}
a:hover{color:#a8874e; text-decoration:none; transition:all 0.3s ease 0s;}
img{ border:0; max-width:100%; image-rendering: -moz-crisp-edges; image-rendering:-o-crisp-edges; image-rendering:-webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
.flex{display:flex; display:-webkit-flex;}
.clear{ clear:both;}
.fz14{font-size:14px;}
.fz13{font-size:13px;}
.fz12{font-size:12px;}
section{float:left; width:100%;}
input,button{outline:none;}
button{cursor:pointer;}
[disabled='disabled']{cursor:not-allowed;}
.img_none{display:none;}
.container{width:1200px;margin:0 auto; position:relative;}
header{position:fixed; left:0; top:0; width:100%; height:100px; background-color:#fff; z-index:1000; box-shadow:0 0 5px rgba(0,0,0,0.2);}
header .container{width:79.1666%;}
header .logo{float:left; margin-top:21px;}
header .nav{float:right; margin-top:28px;}
header .nav ul{float:left;}
header .nav ul li{float:left; margin-left:35px; color:#222; font-weight:400;}
header .nav ul li > a{float:left; line-height:42px; border-bottom:solid 1px #fff; }
header .nav ul li.current > a{color:#a8874e; border-bottom-color:#a8874e;}
.banner{float:left; width:100%; overflow:hidden;}
.banner .swiper{position:relative; height:100%;}
.banner img{float:left; width:100%;}
.banner .swiper{position:relative;}
.banner .swiper-slide{width:100%; height:100%; background-position:center 0; background-size:cover; background-repeat:no-repeat;}
.banner .swiper-button-next,.banner .swiper-button-prev{margin-top:0; transform:translateY(-50%);}
.banner .swiper-button-next:after,.banner  .swiper-button-prev:after{color:#fff; font-size:30px; font-weight:bold;}
.banner .swiper-button-next:after{padding-left:3px;}
.banner .swiper-button-prev:after{padding-right:3px;}
.banner .swiper-button-next,.banner .swiper-button-prev{width:57px; height:57px; border-radius:50%; outline:none; transition:all 0.3s ease 0; }
.banner .swiper-button-next:hover:after,.banner .swiper-button-prev:hover:after{color:#f1823d;}
.banner .swiper-button-next{right:3%;}
.banner .swiper-button-prev{left:3%;}
.banner .swiper-pagination-bullet{width:5px; height:5px; background-color:#fff; opacity:1;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:40px; display:flex; display:-webkit-flex; justify-content:center; align-items:center;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width:10px; height:10px; border:solid 2px #fff; background-color:transparent;}
.company{margin-top:90px;}
.company .intro{float:left; width:592px;}
.company .cont{float:left; width:100%; margin-top:40px; line-height:32px;}
.company .cont h1,.company .cont h2,.company .cont h3,.company .cont h4{color:#000; font-family:'Times New Roman';}
.company .intro_img{float:right; border-radius:50px; margin-top:30px;}
.company.s1 .intro{width:758px;}
.company.s1 .cont b,strong{font-size:16px; color:#000;}
.company.s1 .intro_img{width:330px; height:392px; object-fit:cover;}
.intro-title{float:left; width:100%; display:flex; display:-webkit-flex; flex-direction:column;  line-height:0.7;}
.intro-title span.en{font-size:50px; font-family:'Times New Roman'; text-transform:uppercase; letter-spacing:-2px; color:#16192a; font-weight:600;}
.intro-title span.cn{margin-top:20px; color:#a8874e; font-size:31px; width:100%; display:flex; display:-webkit-flex; justify-content:flex-start; align-items:center;}
.intro-title span.cn:after{display:block; content:""; width:246px; height:1px; background-color:#a8874e; margin-left:20px;}
.panel_title{float:left; width:100%; display:flex; display:-webkit-flex; justify-content:center; align-items:center; flex-direction:column; line-height:0.7;}
.panel_title span.en{font-size:50px; font-family:'Times New Roman'; text-transform:uppercase; color:#16192a; font-weight:600; letter-spacing:-2px;}
.panel_title span.cn{margin-top:26px; font-size:31px; color:#a8874e; display:flex; display:-webkit-flex; justify-content:center; align-items:center;}
.panel_title span.cn:before,.panel_title span.cn:after{content:''; width:246px; height:1px; background-color:#a8874e; margin-right:24px;}
.panel_title span.cn:after{margin-right:0; margin-left:24px;}
.vision{margin-top:100px; height:630px; background:#f4f4f4 url(/images/bg_01.png) no-repeat; background-size:cover; position:relative;}
.vision .container{height:630px;}
.vision .left_img{position:absolute; left:0; bottom:90px; width:45.729%; height:calc(100% - 90px); background:url(/images/bg_left.png) no-repeat; background-size:cover;}
.vision .right_title{float:right; width:600px; margin-top:68px;}
.vision .contentbox{position:absolute; right:0; bottom:90px; padding:54px 45px 0; width:763px; height:333px; background:#fff url(/images/icon_c.png) no-repeat 40px 190px;}
.vision .contentbox .cont_title{float:left; width:100%; height:28px; line-height:28px; font-size:18px; font-weight:500;}
.vision .contentbox .cont_title:after{float:right; margin-top:13px; display:block; content:'"'; font-family:微软雅黑,Microsoft YaHei; font-size:60px; color:#d3c3a6; font-weight:bold; font-style:italic;}
.vision .contentbox .cont{float:left; margin-top:13px; width:100%; /*max-height:96px;*/ line-height:32px; overflow:hidden; text-overflow:ellipsis; /*-webkit-line-clamp:3; */display: -webkit-box; -webkit-box-orient: vertical;}
.vision .contentbox .viewmore{float:right; width:160px; height:50px; line-height:50px; text-align:center; background-color:#a8874e; color:#fff; margin-top:35px;}
.vision .contentbox .viewmore:hover{opacity:0.8;}
.product{margin:90px 0;}
.product ul{float:left; width:100%; margin-top:60px;}
.product ul li{float:left; margin-right:2.8%; width:31.4%; height:auto; position:relative; overflow:hidden; cursor:pointer;}
.product ul li:before{float:left; width:100%; padding-top:111%; content:'';}
.product ul li:nth-child(3n){margin-right:0;}
.product ul li img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.product ul li .info{position:absolute; left:0; top:calc(100% - 70px); padding:0 25px; width:100%; height:100%; background-color:rgba(0,0,0,0.6); color:#fff; display:flex; display:-webkit-flex; justify-content:flex-start; align-items:center; flex-direction:column; transition:all 0.5s ease 0s;}
.product ul li .info .title{float:left; width:100%; height:70px; line-height:70px; font-size:16px; text-align:center;}
.product ul li .info .cont{width:100%; margin-top:27px; line-height:28px; max-height:84px;overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; display: -webkit-box; -webkit-box-orient: vertical;}
.product ul li .info a.more{margin-top:38px; width:148px; height:40px; border:solid 1px #fff; text-align:center; line-height:38px; font-size:13px;}
.product ul li .info a.more:hover{opacity:0.8; color:#fff;}
.product ul li:hover .info{top:0; background-color:rgba(168,135,78,0.95);}
.product ul li:hover .info .title{display:flex; display:-webkit-flex; flex-direction:column; justify-content:center; align-items:center; height:auto; line-height:0.7; margin-top:85px; font-size:28px; font-weight:400;}
.product ul li:hover .info .title:after{content:''; width:45px; height:2px; background-color:#fff; margin-top:22px;}
.activities{background-color:#a8874e; height:256px; position:relative;}
.activities:before,.activities:after{position:absolute; left:0; top:0; width:50%; height:100%; content:''; background-color:#222;}
.activities:after{left:auto; right:0; background-color:#a8874e;}
.activities .left{float:left; width:745px; height:256px; background-color:#222; position:relative; z-index:2;}
.activities .left:before{position:absolute; left:0; top:0; width:100%; height:100%; background-image: linear-gradient(to right, #222222,#222222,rgba(0,0,0,0)); content:''; z-index:2;}
.activities .left img{position:absolute; right:0; top:0; width:670px; height:100%; object-fit:cover;}
.activities .left .intro-title{position:relative; z-index:3; margin-top:68px;}
.activities .left .intro-title .en,.activities .left .intro-title .cn{color:#fff;}
.activities .left .intro-title .cn:after{background-color:#fff;}
.activities .right{float:left; width:calc(100% - 745px); padding:40px 40px 0; color:#fff; position:relative; z-index:2;}
.activities .right .title{float:left; width:100%; line-height:30px; font-size:20px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.activities .right .cont{float:left; width:100%; max-height:84px; margin-top:14px; line-height:28px; text-align:justify; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; display: -webkit-box; -webkit-box-orient: vertical; }
.activities .right a.more{float:left; margin-top:15px; width:160px; height:50px; line-height:48px; text-align:center; background-color:#fff; border:solid 1px #fff; color:#a8874e;}
.activities .right a.more:hover{color:#fff; background-color:#a8874e;}
.knowledge{margin-top:90px;}
.mb60{margin-bottom:60px;}
.category{float:left; width:100%; margin-top:80px; display:flex; display:-webkit-flex; justify-content:center; align-items:center;}
.category a{min-width:160px; height:50px; line-height:48px; border:solid 1px #c3c3c3; margin:0 20px; text-align:center;}
.category a:hover,.category a.active{ background-color:#a8874e; border-color:#a8874e; color:#fff;}
.knowledge .box{float:left; width:100%;}
ul.list{float:left; width:100%; margin-top:48px; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; display:none;}
ul.list.active{display:flex; display:-webkit-flex;}
ul.list li{width:29.1%; margin-top:30px; margin-right:6.25%; cursor:pointer;}
ul.list li:nth-child(3n){margin-right:0;}
ul.list li .img{float:left; margin-bottom:20px; width:100%; position:relative; overflow:hidden;}
ul.list li .img img{float:left; width:100%;}
ul.list li .img .pic{position:absolute; left:0; top:0; height:100%; object-fit:cover;}
ul.list li .title{float:left; width:100%; line-height:30px; font-size:18px; color:#222; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
ul.list li .cont{float:left; width:100%; margin-top:13px; line-height:28px; max-height:56px; text-align:justify;overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; display: -webkit-box; -webkit-box-orient: vertical; color:#777;}
ul.list li a.more{float:left; width:100%; border-top:solid 1px #e7e1d5; margin-top:30px; height:50px; color:#999999; display:flex; display:-webkit-flex; justify-content:space-between; align-items:center; transition:0.4s ease 0s;}
ul.list li a.more svg{fill:#999999; width:50px;}
ul.list li:hover .title{color:#a8874e;}
ul.list li:hover a.more{color:#fff; background-color:#a8874e; border-color:#a8874e; padding:0 20px;}
ul.list li:hover a.more svg{fill:#fff;}
.agency{margin-top:90px;}
.agency ul{float:left; width:100%; margin-top:35px;}
.agency ul li{float:left; margin:40px 24px 0 0; width:180px; height:80px; display:flex; display:-webkit-flex; justify-content:center; align-items:center; }
.agency ul li:nth-child(6n){margin-right:0;}
.agency ul li img{max-height:90%; width:90%; object-fit:contain;}
.bottom{margin-top:70px; padding-top:105px; height:500px; background:url(/images/bg_02.png) no-repeat; background-size:cover;}
.bottom .box{float:left; padding:50px 56px 0; width:100%; height:272px; background-color:rgba(255,255,255,0.2);}
.bottom .box .left{float:left; width:50%; display:flex; display:-webkit-flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; color:#fff; line-height:0.7;}
.bottom .box .left .title{font-size:24px; font-weight:400;}
.bottom .box .left .subtitle{margin-top:12px; margin-bottom:16px; font-size:12px; font-weight:100;}
.bottom .box .left p{margin-top:20px; font-weight:300;}
.bottom .box .left p:before{display:inline-block; width:18px; padding-right:5px; font-size:14px; font-family:fontello; text-align:center;}
.bottom .box .left p b{font-weight:400;}
.qrcode{float:right; margin-top:0; margin-right:0;}
.qrcode .item{float:left; margin-right:34px; width:126px;}
.qrcode .item img{float:left; width:100%;}
.qrcode .item .title{float:left; width:100%; text-align:center; font-size:14px; line-height:22px; margin-top:10px; color:#ddc294; font-weight:100;}
footer{float:left; width:100%; padding:38px 0 30px; text-align:center; background-color:#f7f7f7;}
footer .links{float:left; width:100%; line-height:30px; color:#333;}
footer .links a{margin:0 30px; display:inline-block;}
footer .copyright{float:left; width:100%; margin-top:25px; font-size:13px; line-height:30px; color:#999; font-weight:300;}
.intro-title.s1 span.cn b{font-weight:400; color:#16192a;}
.plan{margin-top:60px; margin-bottom:90px;}
.plan ul{float:left; margin-top:30px; width:100%; display:flex; display:-webkit-flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap;}
.plan ul li{margin-top:40px; padding-left:30px; padding-top:20px; padding-bottom:20px; width:380px; min-height:340px; background:#f4f4f4 url(/images/icon_c_01.png) no-repeat 192px 134px;  display:flex; display:-webkit-flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
.plan ul li .title{margin-top:0; line-height:32px; font-size:22px; color:#151515; font-weight:500;}
.plan ul li .cont{margin-top:8px; line-height:26px;}
.plan ul li .cont p{float:left; width:100%; margin-top:15px; display:flex; display:-webkit-flex; justify-content:flex-start; align-items:center;}
.plan ul li .cont p:before{width:5px; height:5px; background-color:#9c9c9c; border-radius:50%; content:''; margin-right:10px; display:inline-block;}
.productbox{padding:90px 0; min-height:665px; background:url(/images/bg_03.png) no-repeat; background-size:cover;}
.productbox ul.items{float:left; margin-top:40px; width:100%; display:flex; display:-webkit-flex; justify-content:center; align-items:center; flex-wrap:wrap;}
.productbox ul.items > li{width:330px; display:flex; display:-webkit-flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
.productbox ul.items > li .info{width:100%; height:185px; background-color:#fff;}
.productbox ul.items > li .info .title{float:left; width:100%; margin-top:35px; line-height:25px; display:flex; display:-webkit-flex; justify-content:center; align-items:center; color:#333333; font-size:18px;}
.productbox ul.items > li .info .title svg{width:50px; fill:#333; margin-left:15px;}
.productbox ul.items > li .info ul{float:left; width:100%; margin-top:25px; display:flex; display:-webkit-flex; justify-content:center; align-items:flex-start; flex-wrap:wrap;}
.productbox ul.items > li .info ul li{margin:0 12px; line-height:28px; color:#555;  display:flex; display:-webkit-flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
.productbox ul.items > li img{width:100%; height:184px; object-fit:cover;}
.productbox ul.items > li:nth-child(2) .info{order:2;}
.productbox ul.items > li:hover .info{background-color:#a8874e;}
.productbox ul.items > li:hover .info .title,.productbox ul.items > li:hover .info ul li{color:#fff;}
.productbox ul.items > li:hover .info .title svg{fill:#fff;}
.productbox ul.items > li:hover .info ul li a:hover{color:#ffffff; opacity:0.8;}
.teambox{margin-bottom:90px;}
.teambox .intro-title{margin-top:-72px;}
.teambox ul{float:left; margin-top:26px;  width:100%; display:-webkit-flex; display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap;}
.teambox ul li{margin-top:50px; margin-right:3.5%;width:22.333%; display:flex; display:-webkit-flex; justify-content:center; align-items:flex-start; flex-direction:column; cursor:pointer;}
.teambox ul li:nth-child(4n){margin-right:0;}
.teambox ul li .img{width:100%; position:relative; overflow:hidden;}
.teambox ul li .img:before{float:left; width:100%; padding-top:108.582%; content:'';}
.teambox ul li .img img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.teambox ul li .img .more{position:absolute; padding:0 23px; left:0; bottom:-52px; width:100%; height:52px; color:#fff; background-color:#a8874e; display:flex; display:-webkit-flex; justify-content:space-between; align-items:center; transition:all 0.5s ease 0s; z-index:2;}
.teambox ul li .img .more svg{fill:#fff; width:50px;}
.teambox ul li:hover .img .more{bottom:0;}
.teambox ul li .title{width:100%; line-height:20px; margin-top:22px; font-size:18px; font-weight:500; color:#a8874e; text-align:center;}
.teambox ul li .subtitle{width:100%; margin-top:15px; line-height:22px; color:#999; text-align:center;}
.teambox ul li .cont{width:100%; margin-top:20px; line-height:28px; height:56px;text-align:justify;overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; display: -webkit-box; -webkit-box-orient: vertical;}
.hdbbox{margin-top:60px; margin-bottom:90px;}
.hdbbox ul{float:left; width:100%; margin-top:30px;}
.hdbbox ul li{float:left; width:100%; margin-top:50px;}
.hdbbox ul li .img{float:left; width:417px; position:relative; overflow:hidden;}
.hdbbox ul li .img img{float:left; width:100%;}
.hdbbox ul li .img .pic{position:absolute; left:0; top:0; height:100%; object-fit:cover;}
.hdbbox ul li .info{float:right; width:calc(100% - 417px - 30px);}
.hdbbox ul li .info .title{float:left; width:100%; line-height:30px; font-size:18px; color:#222; font-weight:400; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.hdbbox ul li .info .cont{float:left; margin-top:10px; width:100%; line-height:28px; color:#888; max-height:56px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; display: -webkit-box; -webkit-box-orient: vertical;}
.hdbbox ul li .info a.more{float:left; margin-top:25px; width:160px; line-height:48px; border:solid 1px #c3c3c3; color:#333; text-align:center;}
.hdbbox ul li .info a.more:hover{color:#ffffff; background-color:#a8874e; border-color:#a8874e;}
.btn_more{float:left; width:100%; margin-top:40px; padding-top:30px; border-top:solid 1px #eee; text-align:center;}
.btn_more a{display:inline-block; width:160px; line-height:48px; background-color:#a8874e; border:solid 1px #a8874e; color:#fff;}
.btn_more a:hover{background-color:#ffffff; color:#a8874e;}
article{float:left; width:100%; margin-top:40px; margin-bottom:90px;}
article h1.title{float:left; width:100%; text-align:center; font-weight:500; font-size:22px; line-height:32px; color:#000;}
article .info{float:left; margin-top:12px; padding-bottom:10px; width:100%; border-bottom:solid 1px #eee; text-align:center; font-size:14px; line-height:24px;}
article .content{float:left; margin-top:20px; width:100%; line-height:28px;}
article .prev_next{float:left; margin-top:20px; padding:7px 0; width:100%; border-top:solid 1px #eee; line-height:32px;}
.contactbox{float:left; width:100%; margin:90px 0;}
.contactbox .left{float:left; width:440px; position:relative; line-height:26px; color:#5a5a5a;}
.contactbox .left:before{position:absolute; left:-30px; top:7px; font-size:24px; line-height:22px; color:#a8874e; font-family:fontello; content:'\e82a';}
.contactbox .left h1{float:left; width:100%; line-height:32px; font-size:22px; color:#222222; font-weight:500;}
.contactbox .left b,.contactbox .left strong{font-weight:500;}
.contactbox .left .qrcode{float:left; width:100%; margin-top:50px; color:#222;}
.contactbox .left .qrcode .title{color:#222;}
.contactbox .right{float:right; width:calc(100% - 440px - 30px); height:430px; overflow:hidden;}
.product_cate{width:100%; display:flex; display:-webkit-flex; justify-content:space-between; align-items:center; text-align:center; font-size:16px; letter-spacing:1px; border-bottom:solid 1px #eee;}
.product_cate a{padding:20px 10px; width:50%; min-height:88px; line-height:24px; border-right:solid 1px #eee; display:flex; display:-webkit-flex; justify-content:center; align-items:center;}
.product_cate a.active{background-color:#a8874e; color:#fff;}
.list-pagination {float:left; width:100%; margin-top:40px; display:flex;justify-content:center;align-items:center;text-align:center;padding:20px 0}
.list-pagination #ctl00_Main_DataPager1 {border:none}
.list-pagination a[disabled='disabled'] {cursor:not-allowed}
.list-pagination span,.list-pagination a {display:inline-block;width:40px;height:40px;line-height:40px;margin-left:10px;margin-right:10px;color:#000;font-size:20px;background-color:#fff;box-shadow:0 3px 6px rgba(0,0,0,0.15);-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.15);}
.list-pagination a:hover{color:#fff !important;}
.list-pagination .prev,.list-pagination .next {display:flex;justify-content:center;align-items:center;width:30px;margin:0;color:#707070;font-size:43px;overflow:hidden;background-color:initial;box-shadow:none;-webkit-box-shadow:none}
.list-pagination .prev:hover,.list-pagination .next:hover {color:#fff; background-color:initial}
.list-pagination .on,.list-pagination a:hover {color:#fff;background-color:#a8874e}
.list-pagination em {font-style:normal}
.list-pagination .layui-laypage-curr {background-color:#003072;border-color:#003072}
.list-pagination .layui-disabled {cursor:not-allowed}
.list-pagination .layui-box {display:flex;display:-webkit-flex;align-items:flex-start}
header .navbtn{display:none; position: absolute; z-index: 999; top: 15px; right: 0; width: auto; height: auto; padding: 0 5px; border-radius: 4px; background-color:#a8874e; cursor: pointer; transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.navbtn span { display: block; width: 25px; height: 2px; margin: 6px 0; border-radius: 5px; background-color: #fff; transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }
.navbtn.navclose { position: fixed; }
.navbtn.navclose span:nth-child(1) { -o-transform: translateY(8px) rotate(45deg); -moz-transform: translateY(8px) rotate(45deg); -ms-transform: translateY(8px) rotate(45deg); -webkit-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg); }
.navbtn.navclose span:nth-child(2) { opacity: 0; }
.navbtn.navclose span:nth-child(3) { -o-transform: translateY(-8px) rotate(-45deg); -moz-transform: translateY(-8px) rotate(-45deg); -ms-transform: translateY(-8px) rotate(-45deg); -webkit-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg); }
@media(max-width:1200px)
{
body{font-size:14px;}
.container,header .container{width:94%;}
.intro-title span.en,.panel_title span.en{font-size:45px;}
.intro-title span.cn,.panel_title span.cn{font-size:28px;}
.intro-title span.cn:after{width:40%;}
.company .intro{width:55%;}
.company .intro_img{width:40%;}
.company .cont{margin-top:30px;}
.vision .right_title{width:52%;}
.activities .left{width:55%;}
.activities .right{width:45%; padding:30px 25px 0;}
.plan ul li{width:31.333%; margin-right:2%;}
.company.s1 .intro{width:60%}
.company.s1 .intro_img{width:32%; height:auto;}
.teambox .intro-title{margin-top:0;}
.teambox ul li .cont{line-height:22px; height:auto; -webkit-line-clamp:unset;}
.contactbox .left{width:40%;}
.contactbox .right{width:57%;}
.contactbox .left:before{left:-25px;}
.product_cate{font-size:14px;}
.agency ul{}
.agency ul li{width:22%; margin-right:1.5%; margin-left:1.5%;}
.agency ul li:nth-child(6n){margin-right:1.5%; margin-left:1.5%;}
}
@media(max-width:1060px)
{
.productbox ul.items > li{width:100%; margin-bottom:30px; flex-direction:row;}
.productbox ul.items > li:last-child{margin-bottom:0;}
.productbox ul.items > li img{width:40%;}
.productbox ul.items > li .info{width:60%; order:2; padding:0 25px;}
.productbox ul.items > li .info .title{justify-content:flex-start;}
.productbox ul.items > li .info ul{justify-content:flex-start;}
}
@media(max-width:950px)
{
header .nav ul li{margin-left:40px;}
.company.s1{margin-bottom:40px;}
.intro-title span.cn:after{display:none;}
ul.list li .title{font-size:16px;}
}
@media(max-width:900px)
{
.intro-title span.en,.panel_title span.en{font-size:38px;}
.intro-title span.cn,.panel_title span.cn{font-size:24px;}
.contactbox .left{width:100%; text-align:center;}
.contactbox .left:before{display:none;}
.contactbox .right{width:100%; height:300px; margin-top:30px;}
.qrcode{width:100%; display:flex; display:-webkit-flex; justify-content:center; align-items:center;}
.qrcode .item{margin:0 20px;}
.bottom{padding:25px 0; height:auto;}
.bottom .box{padding:40px 40px 30px; height:auto;}
.bottom .box .left{width:100%; text-align:center;}
.bottom .box .left >*{width:100%;}
.bottom .qrcode{margin-top:30px;}
.company .intro_img{border-radius:20px;}
.vision,.vision .container{height:430px;}
.vision .container{width:100%;}
.vision .right_title{margin-top:40px; width:55%;}
.vision .left_img{width:40%; height:100%; bottom:0;}
.vision .contentbox{width:60%; height:auto; bottom:0; padding-bottom:30px;}
.product ul li .info{top:calc(100% - 50px);}
.product ul li .info .title{height:50px; line-height:50px; color:#fff !important;}
.product ul li:hover .info{ top:calc(100% - 50px);}
.product ul li:hover .info .title{margin-top:0; color:#fff; font-size:14px; line-height:50px;}
.knowledge{margin-top:50px;}
.plan ul li{width:100%; margin-right:0; padding-top:10px;}
.teambox ul li .cont{display:none;}
.hdbbox ul li .img{width:40%;}
.hdbbox ul li .info{width:57%;}
.hdbbox ul li .info a.more{display:none;}
ul.list li .title{font-size:14px;}
}
@media(max-width:768px)
{
body{padding-top:60px;}
header{height:60px;}
header .logo{margin-top:8px;}
header .logo img{height:44px;}
header .navbtn{display:block;}
header .nav { position: fixed; z-index: 990; top: 0; left:-230px; margin-left:0 !important; display: block; width:230px; height: 100%; padding: 15px; margin-top: 0; overflow-y: auto; transition: left, 0.5s; -o-transition: left, 0.5s; -moz-transition: left, 0.5s; -webkit-transition: left, 0.5s; background-color: #ededed; }
header .nav.nav-show { left: 0; transition: left, 0.5s; -o-transition: left, 0.5s; -moz-transition: left, 0.5s; -webkit-transition: left, 0.5s; }
header .nav.nav-show:after { opacity: 1; visibility: inherit; }
header .nav ul{float:left; width:100%; height:auto;  transition-duration:300ms; }
header .nav ul li {float:left; width:100%; height:auto; position: relative; z-index: 99; padding-top: 0; padding-bottom: 0;  margin-left: 0; background-color: #fff; border-bottom: 0.8px solid #efefef;  overflow:hidden;}
header .nav ul li:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; }
/*header .nav ul li:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }*/
header .nav ul li.last{display:block;}
header .nav ul li > a {float:left; display: block; width: 100%; height: 45px; line-height: 45px; text-align: left; padding:0 15px; color: #000; font-size: 14px; }
header .nav ul li.dropdown > a:after{width:auto; float:right;}
header .nav ul li:before{height:45px; width:100%; left:0;}
header .nav ul li .submenu{position:relative; left:auto; top:auto; float:left; width:100%; border:none;}
header .nav ul li .submenu a{border-bottom-color:#eee;}
.img_none{display:block; }
.intro-title span.en, .panel_title span.en{font-size:26px;}
.intro-title span.cn, .panel_title span.cn{font-size:20px; width:100%;}
.intro-title{text-align:center;}
.intro-title span.cn{justify-content:center; white-space:nowrap;}
.intro-title span.cn:before,.intro-title span.cn:after{content:''; display:block; width:30%; height:1px; background-color:#a8874e;}
.panel_title span.cn:before, .panel_title span.cn:after{width:25%;}
.knowledge.details .panel_title span.cn:before,.knowledge.details  .panel_title span.cn:after,.knowledge.details .intro-title span.cn:before,.knowledge.details  .intro-title span.cn:after{display:none;}
.knowledge.details .panel_title span.cn,.knowledge.details .intro-title span.cn{margin-top:15px; border-bottom:solid 1px #a8874e; padding-bottom:15px; line-height:1.1;}
.intro-title span.cn:before{margin-right:20px;}
.company{margin-top:40px;}
.company .intro_img{display:none;}
.company .intro{width:100%;}
.company .intro .img_none{display:block; margin-left:auto; margin-right:auto; margin-top:20px; width:auto; border-radius:20px; }
.company .cont{margin-top:15px;}
.vision{margin-top:40px;}
.vision .left_img{width:100%;}
.vision .right_title{width:100%;}
.vision .contentbox{width:90%; left:5%; bottom:20px; padding:20px;}
.vision .contentbox .cont{line-height:25px;max-height:150px;-webkit-line-clamp:6;}
.vision, .vision .container{height:460px;}
.product{margin:40px 0;}
.product ul li .info .title{font-size:14px;}
.activities .left{width:100%;}
.activities{height:auto;}
.activities .left{background-color:transparent; height:auto;}
.activities .left .intro-title{margin-top:30px;}
.activities .left .intro-title .cn:before{background-color:#fff;}
.activities .right{width:100%; padding:20px 0;}
.activities .right a.more{float:right;}
.activities .right .title{text-align:center;}
.activities:before, .activities:after{display:none;}
.activities .left:before{opacity:0;}
.activities .left img{margin-top:20px; width:100%; position:relative; top:auto; float:left;}
.category{margin-top:30px;}
ul.list{margin-top:10px;}
.agency{margin-top:40px;}
.bottom{margin-top:40px;}
footer .links a{margin:0 12px;}
.intro-title.s1 span.cn:before,.intro-title.s1 span.cn:after{display:none;}
.plan{margin-top:40px; margin-bottom:40px;}
.plan ul{margin-top:20px;}
.plan ul li{margin-top:20px;}
.productbox{padding:40px 0;}
.productbox ul.items > li{position:relative; display:block; margin-bottom:20px;}
.productbox ul.items > li .info{float:right; padding:0 15px 15px; height:auto;}
.productbox ul.items > li .info ul{margin-top:10px;}
.productbox ul.items > li .info .title{margin-top:15px;}
.productbox ul.items > li .info ul li{margin:0 10px;}
.productbox ul.items > li img{height:100%; position:absolute; left:0; top:0;}
.product_cate a{padding:10px 5px; font-size:12px; line-height:20px; min-height:60px;}
.knowledge{margin-top:40px;}
article{margin-bottom:40px;}
article .info{margin-bottom:12px;}
article .content{ margin-top:0;}
.teambox ul li .title{margin-top:15px; font-size:15px;}
.teambox ul li .subtitle{margin-top:10px; font-size:12px; line-height:20px;}
.company.s1 .intro{width:100%;}
.teambox ul{margin-top:10px;}
.teambox ul li{margin-top:20px;}
.teambox ul li .img .more{height:30px; font-size:12px; padding:0 5px;}
.teambox ul li .img .more svg{width:40%;}
.teambox{margin-bottom:40px;}
.hdbbox,.contactbox{margin-top:40px; margin-bottom:40px;}
.hdbbox ul li{margin-top:20px;}
.hdbbox ul li .info .title{font-size:14px; font-weight:400; line-height:22px;}
.hdbbox ul li .info .cont{font-size:12px; line-height:20px; max-height:40px; margin-top:5px;}
.contactbox .left .qrcode{margin-top:30px;}
ul.list li .title{font-weight:400;}
}
@media(max-width:600px)
{
.category a{min-width:auto; width:30%; margin:0 1.5%; font-size:13px; height:40px; line-height:40px;}
ul.list li{width:100%; padding-top:15px; border-top:solid 1px #eee; margin-right:0;}
footer .copyright{margin-top:13px;}
footer{padding-top:20px; padding-bottom:20px;}
footer .links a{margin:0 5px;}
.bottom .box .left p{line-height:1.2; margin-top:15px;}
}