@charset "utf-8";
/* CSS Document */

*{padding: 0px;margin: 0px;font-family:"思源黑体";}
*, ::after, ::before { box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, button, input, textarea, th, td { margin: 0; padding: 0; list-style: none; }
html{ background:#fff;} 
li {list-style: none;}
a {text-decoration: none;}
body,html {height: 100%;width: 100%;font-size: 14px;}

img{vertical-align: middle;}


.icen {width: 100%; max-width:1280px; padding:0 15px; margin:0 auto;}

@media (max-width: 576px) {
  .icen {max-width: 540px;}
}

@media (max-width: 768px) {
  .icen {max-width: 720px;}
}

@media (max-width: 992px) {
  .icen {max-width: 960px;}
}

@media (max-width: 1200px) {
  .icen {max-width: 1140px;}
}


.header{ width: 100%; position:relative; background:#fff;}
.header .con{ display:flex;align-items:center;justify-content:space-between;height: 105px; line-height:105px;}
.header .con .logo{ width:60%;}
.header .con .logo img{ width:auto; display:flex;align-items:center;}
.header .con .tel{ width:40%;display: flex; justify-content: flex-end;}
.header .con .tel .lang{ width:auto; font-size:22px; font-weight:bold; color:#cba455;display: flex;justify-content:center;align-items: center; margin-left:20px;}
.header .con .con .tel .lang img{ margin-right:10px;}
.header .bot{ width:100%; background:#cba455;}
.header .bot .icen{ display:flex;align-items:center;justify-content:space-between;}
.header .bot .nav01{ width:65%; margin-right:5%;}
.header .bot .nav01 ul{ width:100%; position:relative;display: flex; align-items:center; }
.header .bot .nav01 ul li{ margin-right:55px;position:relative;height: 60px; line-height:60px;}
.header .bot .nav01 ul li a{ display:block; width:100%; font-size:17px; font-weight:700;color: #fff;position:relative;transition:.6s;}
.header .bot .nav01 ul li a:hover{color: #d2d2d2;}
.header .bot .nav02{ width:30%;}
.header .bot .nav02 ul{ width:100%; position:relative;display: flex; justify-content: flex-end; align-items:center; }
.header .bot .nav02 ul li{ margin-left:10px;position:relative;height: 60px; line-height:60px;}
.header .bot .nav02 ul li a{display:block;position:relative;overflow:hidden;text-align:center;width:85px;height:30px;line-height:30px;font-size:14px;border-radius:15px;margin-top:15px;border:1px solid #fff; color:#fff;}
.header .bot .nav02 ul li a:before{content:"";position:absolute;display:block;transition:all .6s;width:100%;height:0;border-radius:50%;left:50%;top:50%;padding-top:100%;transform:translateX(-50%) translateY(-50%)}
.header .bot .nav02 ul li a:hover{background:#fff;color:#333}
.header .bot .nav02 ul li a:hover:before{animation:style2 .75s;z-index:1}
@keyframes style2{0%{background:rgba(0,0,0,.25);transform:translateX(-50%) translateY(-50%) scale(0)}to{background:0 0;transform:translateX(-50%) translateY(-50%) scale(1)}}

 
 
/*banner*/
.banner{ width:100%;position:relative;}
.banner .swiper-slide { width:100%;position:relative;}
.banner .swiper-slide .img{width:100%;}
.banner .swiper-slide .img img{width:100%; z-index:0;}
.banner .banner_swiper .banner-pagination {bottom:50px !important;}
.banner .banner_swiper .banner-pagination .swiper-pagination-bullet {width:12px;height:12px;border-radius:50%;background:#fff;opacity:1;margin:0 5px;}
.banner .banner_swiper .banner-pagination .swiper-pagination-bullet-active {background:#cba455;}
.banner .hd{display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center; width:90%; position:absolute; top:40%; left:5%;}
.banner .hd span{width:50px;height:50px; border-radius:50%;transition:all .2s;cursor:pointer; z-index:5;display: flex;justify-content:center;align-items: center; background:rgba(255,255,255,0.5)}
.banner .hd span:hover{ background:rgba(255,255,255,0.8)}


/* ind01 */
.ind01 {width:100%;position: relative; padding:60px 0 0;}
.ind01 .con {width:100%;position: relative;display: flex;flex-wrap:wrap; justify-content: space-between;}
.ind01 .con .item1 {width: 32%; position: relative;}
.ind01 .con .item1 .i_tit{ width:100%; height:60px; position:relative;}
.ind01 .con .item1 .i_tit h1{ width:100%; font-size:30px; font-weight:normal;color: #333;}
.ind01 .con .item1 .img{ position:relative; width:100%; overflow:hidden;} 
.ind01 .con .item1 .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition: 0.6s;}
.ind01 .con .item1 .img .hezi{padding-bottom: 76% !important;}

.ind01 .con .item2 {width: 26%; position: relative; padding:60px 10px 10px;}
.ind01 .con .item2 ul li { display: block; width: 100%;border-bottom: 1px solid #e4e4e4;}
.ind01 .con .item2 ul li a { display: block; line-height:50px; transition: all .3s; position: relative; padding:0 5px; display: flex; justify-content: space-between;}
.ind01 .con .item2 ul li h1 {width: calc(100% - 120px); line-height:50px; color: #333; font-size: 15px; font-weight:normal;}
.ind01 .con .item2 ul li span { width:120px; line-height:50px; color: #777; font-size: 12px; text-align:right;}
.ind01 .con .item2 ul li:hover{ background:#f5f8fa;}
.ind01 .con .item2 ul li:hover h1{color: #2834a5;}

.ind01 .con .item3 {width: 38%; position: relative; padding:10px;}
.ind01 .con .item3 .i_tit{ width:100%; height:60px; position:relative;}
.ind01 .con .item3 .i_tit h1{ width:100%; font-size:30px; font-weight:normal;color: #333;}
.ind01 .con .item3 .item3-swiper .swiper-slide { width: 100%; position:relative;}
.ind01 .con .item3 .item3-swiper .swiper-slide .img{ position:relative; width:100%; overflow:hidden;} 
.ind01 .con .item3 .item3-swiper .swiper-slide .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition: 0.6s;}
.ind01 .con .item3 .item3-swiper .swiper-slide .img .hezi{padding-bottom: 65% !important;}
.ind01 .con .item3 .item3-swiper .swiper-slide .tit{ position:relative; width:100%; text-align:center; margin-top:10px;}
.ind01 .con .item3 .hd{display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center; width:100%; position:absolute; top:37%; left:0;}
.ind01 .con .item3 .hd span{width:22px;height:48px;transition:all .2s;cursor:pointer; z-index:5;}

/* ind02 */
.ind02 {width:100%;position: relative; padding:60px 0; background:url(i02bg.jpg) no-repeat;}
.ind02 .i_tit{ width:100%; text-align:center; position:relative;}
.ind02 .i_tit h1{ width:100%; font-size:30px; margin-bottom:10px; color:#333;}
.ind02 .i_tit p{ width:100%; margin:0 auto 40px; font-size:16px; color:#444; line-height:30px;}
.ind02 .box{ width:100%; position:relative; margin-top:30px;}
.ind02 .box .con {position:relative;overflow:hidden;transition:box-shadow .2s;overflow:hidden;}
.ind02 .box .con .img{ position:relative; width:100%; overflow:hidden;} 
.ind02 .box .con .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition: 0.6s;}
.ind02 .box .con .img .hezi{padding-bottom: 74% !important;}
.ind02 .box .con .tit { width:100%; position:relative;width: 100%; text-align:center; height:60px; line-height:60px; color:#333; font-size:16px}
.ind02 .box .hd{display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center; width:110%; position:absolute; top:37%; left:-5%;}
.ind02 .box .hd span{width:35px;height:60px;transition:all .2s;cursor:pointer; z-index:5; border:1px solid #ddd;}
.ind02 .box .hd span:hover{ background:#ddd;}
.ind02 .box .hd span img{ margin-top:20px;margin-left:12px;}
 
/* ind03 */
.ind03 {width:100%;position: relative; background:#f2f2f2; padding:60px 0;}
.ind03 .con {display: flex;justify-content: space-between; align-items: center;}
.ind03 .con .item {width: 25%;display: flex;align-items: center;}
.ind03 .con .item .img{ margin-right:15px;}
.ind03 .con .item .txt h1{width: 100%; font-size:16px; color:#333; line-height:25px;}
.ind03 .con .item .txt p{width: 100%; font-size:14px; color:#444; line-height:25px;}

 
 /* footer */
.footer { width:100%;position: relative;overflow: hidden; background:#333;}
.footer .icen {display: flex;justify-content: space-between;}
.footer .fo01 { width:70%;position: relative; padding:60px 0;}
.footer .fo01 .tit { font-size: 24px; color: #fff; margin-bottom:15px;}
.footer .fo01 .box {display: flex;flex-wrap:wrap;}
.footer .fo01 .box a{ width:33%; display:block;font-size: 14px;color:#fff;line-height:35px;}
.footer .fo02 { width:25%;position: relative; padding:60px 0;}
.footer .fo02 .tit { font-size: 24px; color: #fff; margin-bottom:15px;}
.footer .fo02 .box a{ width:100%; display:block;font-size: 14px;color:#fff;line-height:35px;}
.footer .fo02 .box a:nth-child(1){ width:100%; display:block;font-size: 24px; font-weight:bold;color:#fff;line-height:35px;}

.footer .fo03 { width:100%; height:80px; line-height:80px; position:relative; background:#cba455;}
.footer .fo03 .le {width: 50%;color:#fff;}
.footer .fo03 .le a{ margin-right:5px;color:#fff;}
.footer .fo03 .re { width:50%;color:#fff; text-align:right;}
.footer .fo03 .re a {font-size: 14px;color:#fff;}


/*n_banner*/
.n_banner { width:100%; position:relative; margin-top:90px;}
.n_banner img{ width:100%; display:block; margin:0; padding:0;}

/*n_mian */ 
.n_main { width:100%; position:relative; margin:70px auto 90px;}
.n_main .n_tit{ width: 100%;background: #fff; position:relative; margin-bottom:15px; padding-bottom:15px; text-align:center; border-bottom:1px solid #e2e2e2;}
.n_main .n_tit span{font-size: 24px;color: #333; position:relative; padding-bottom:10px;}
	
.n_about{ width:100%; position:relative;}
.n_about .icen { position: relative; display: flex; justify-content: space-between;}
.n_about .le { width:25%; position: relative;}
.n_about .le .n_nav{ background:#fff; border:1px solid rgba(0,0,0,0.1);}
.n_about .le .n_nav h1 { width: 100%; background:#cba455; height:90px; line-height:90px; font-size:24px; font-weight:normal; color:#fff; padding-left:20px;}
.n_about .le .n_nav ul li { display: block; width: 100%;border-top: 1px solid #e4e4e4;}
.n_about .le .n_nav ul li a { display: block; line-height:50px; color: #333; transition: all .3s; position: relative; font-size: 15px; padding-left:20px;}
.n_about .le .n_nav ul li.active a{color: #2834a5; background:#f5f8fa; border-left:1px solid #2834a5;}
.n_about .le .n_nav ul li:hover a{color: #2834a5; background:#f5f8fa; border-left:1px solid #2834a5;}
.n_about .re { width:72%; position: relative;}
.n_about .re .n_home { width:100%;font-size:14px;color: #747679; background:#f2f2f2; height:55px; line-height:55px; padding:0 30px;}
.n_about .re .n_home img{ vertical-align: middle; margin-bottom: 3px; margin-right: 10px; width: 13px;}
.n_about .re .n_home span, .n_about .n_home a, .n_home i,.n_about .n_home em {font-size:14px;color: #333;transition: all 0.36s ease-in-out;font-style: normal;}
.n_about .re .n_home i{margin: 0 5px;font-style: normal; width: 4px; height: 6px; }
.n_about .re .n_home em { color: #333;font-style: normal;}
.n_about .con{ min-height:350px; padding-bottom:50px; text-align:justify; line-height:30px; margin-top:30px;}
.n_about .con img{ max-width:100%;}


/*n_news */ 
.n_news{ width:100%; position:relative;}
.n_news ul li { display: block; width: 100%;border-bottom: 1px solid #e4e4e4;}
.n_news ul li a { display: block; line-height:50px; transition: all .3s; position: relative; padding:0 5px; display: flex; justify-content: space-between;}
.n_news ul li h1 {width: calc(100% - 120px); line-height:50px; color: #333; font-size: 15px; font-weight:normal;}
.n_news ul li span { width:120px; line-height:50px; color: #777; font-size: 12px; text-align:right;}
.n_news ul li:hover{ background:#f5f8fa;}
.n_news ul li:hover h1{color: #2834a5;}


/*n_pro_del */ 
.n_pro_del{position:relative;padding:0;}
.n_pro_del .con1{width:100%;display: flex; justify-content:space-between;}
.n_pro_del .con1 .tup{width:43%;}
.n_pro_del .con1 .tup .con-box{width:100%; position:relative;}
.n_pro_del .con1 .tup .con-box .swiper-slide{border:1px solid #ccc;}
.n_pro_del .con1 .tup .con-box .img{ position:relative; width:100%;} 
.n_pro_del .con1 .tup .con-box .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit: cover;}
.n_pro_del .con1 .tup .con-box .img .hezi{padding-bottom: 80% !important;}
.n_pro_del .con1 .tup .nav-box{position:relative;width:100%;padding:0 40px;margin-top:10px;}
.n_pro_del .con1 .tup .nav-box .swiper-slide{width:100%;}
.n_pro_del .con1 .tup .nav-box .img{ position:relative; width:100%;} 
.n_pro_del .con1 .tup .nav-box .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit: cover;filter: grayscale(100%);}
.n_pro_del .con1 .tup .nav-box .img .hezi{padding-bottom: 80% !important;}
.n_pro_del .con1 .tup .nav-box .swiper-slide.on img{filter:none; border:1px solid #cba455;}
.n_pro_del .con1 .tup .nav-box .button-prev{position:absolute;top:0;left:0;height:100%;width:15px;z-index:100000;display: flex;justify-content:center;align-items: center;}
.n_pro_del .con1 .tup .nav-box .button-next{position:absolute;top:0;right:0;height:100%;width:15px;z-index:10000;display: flex;justify-content:center;align-items: center;}
.n_pro_del .con1 .wenz{width:53%;}
.n_pro_del .con1 .wenz h3{padding-bottom:10px;margin-bottom:10px;font-size:18px;color:#333;font-weight:bold;border-bottom:1px solid #e8e8e8}
.n_pro_del .con1 .wenz p{margin-bottom:10px; font-size:14px !important;color:#666}
.n_pro_del .con1 .wenz span{font-size:14px !important;}
.n_pro_del .con1 .wenz .more { width:120px; height:40px; line-height:40px; background:#cba455; text-align:center; margin-top:30px;}
.n_pro_del .con1 .wenz .more a{display:block;position:relative;overflow:hidden;text-align:center;width:120px;height:40px;line-height:40px;font-size:14px; color:#fff;}
.n_pro_del .con1 .wenz .more a:before{content:"";position:absolute;display:block;transition:all .6s;width:100%;height:0;border-radius:50%;left:50%;top:50%;padding-top:100%;transform:translateX(-50%) translateY(-50%)}
.n_pro_del .con1 .wenz .more a:hover:before{animation:style2 .75s;z-index:1}

.n_pro_del .con2{width:100%;margin:45px 0 50px;}
.n_pro_del .con2 .top{ width:100%; position:relative;height:50px;line-height:50px;border-bottom:1px solid #ccc;}
.n_pro_del .con2 .top span{ display:block;width:200px; text-align:center;font-size:18px; font-weight:bold; background:#cba455;color:#fff;transition:.2s ease all}
.n_pro_del .con2 .txt{width:100%;padding:15px 0;}

 
/*n_zhaopin */ 
.n_zhaopin{ width:100%; position:relative;}
.n_zhaopin .n_home { width:100%;font-size:14px;color: #747679; background:#f2f2f2; height:55px; line-height:55px; padding:0 30px;}
.n_zhaopin .n_home img{ vertical-align: middle; margin-bottom: 3px; margin-right: 10px; width: 13px;}
.n_zhaopin .n_home span, .n_zhaopin .n_home a, .n_home i,.n_zhaopin .n_home em {font-size:14px;color: #333;transition: all 0.36s ease-in-out;font-style: normal;}
.n_zhaopin .n_home i{margin: 0 5px;font-style: normal; width: 4px; height: 6px; }
.n_zhaopin .n_home em { color: #333;font-style: normal;}
.n_zhaopin .con{ min-height:350px; padding-bottom:50px; text-align:justify; line-height:30px; margin-top:60px;}
.n_zhaopin .con img{ max-width:100%;}

.n_zhaopin .n_tit{ width: 100%;background: #fff; position:relative; margin-bottom:35px; padding-bottom:15px; text-align:center;}
.n_zhaopin .n_tit span{font-size: 36px;color: #333; position:relative; padding-bottom:20px;}
.n_zhaopin .n_tit span:before{content:"";position:absolute;display:block;transition:all .6s;width:60px;height:3px;left:50%;transform: translateX(-50%);bottom:0;background:#cba455;}
	
.n_lianxi{ width:100%; position:relative; padding:30px 0 60px;}
.n_lianxi .icen { position: relative; display: flex; justify-content: space-between;}
.n_lianxi .le { width:60%; position: relative;}
.n_lianxi .le h1{ font-size:36px; font-weight:bold; color:#cba455; margin-bottom:30px;}
.n_lianxi .le p{ width:100%; position: relative; line-height:35px;}
.n_lianxi .re { width:40%; position: relative;}
 

/* n_form */
.n_form {width:100%;position: relative;overflow: hidden;}
.n_form .form{width: 100%; display: flex;flex-wrap:wrap; justify-content: space-between;align-items: center;}
.n_form .form .item{ width:100%; margin-bottom: 20px;position: relative; border:1px solid #ccc;}
.n_form .form .inp{height: 49px;border:none;background: #fff;width: 100%;padding-left: 15px;font-size: 14px;color: #333;outline:none;}
.n_form .form textarea{height: 149px;border:none;background: #fff;width: 100%;padding-left: 15px; padding-top:15px; font-size: 14px;color:#333;outline:none;}
.n_form .form .inp::-webkit-input-placeholder{color: #333;}
.n_form .form .inp::-moz-placeholder{ color: #333; }
.n_form .form .inp::-ms-input-placeholder{ color: #333;}
.n_form .form textarea::-webkit-input-placeholder {color: #333;}
.n_form .form textarea::-moz-placeholder { color: #333;}
.n_form .form textarea::-ms-input-placeholder { color: #333;}
.n_form .form .btn{width: 100%;height: 49px;border:none;background: #cba455;color: #fff;font-size: 14px;outline:none;transition:.3s; margin-top:-5px;}
.n_form .form .btn:hover{background: #9b6c0d;}

.side{position:fixed;width:60px;height:150px;right:0;top:42%;z-index:100;}
.side ul li{width:60px;height:60px;float:left;position:relative; margin-bottom:2px;}
.side ul li .sidebox{position:absolute;width:60px;height:60px;top:0;right:0;transition:all 0.3s;background:rgba(0,0,0,0.6);color:#fff;font:14px/54px "微软雅黑";overflow:hidden; display:flex;}
.side ul li .sidebox .img{width:80px; text-align:center;}
.side ul li .sidebox .img img{width:30px; margin:5px auto 0;}
.side ul li .sidebox .img p{ color:#fff; line-height:20px; font-size:12px; margin-top:0px;}
.side ul li .sidebox .txt{width: calc(100% - 80px);display: flex;flex-wrap:wrap;align-items: center; color:#fff; line-height:20px; font-size:14px;}