@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: 16px;}

img{vertical-align: middle;}


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


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

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

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

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

.header{ width: 100%;position:relative; background:#fff;}
.header .con{ display:flex;align-items:center;justify-content:space-between;height: 90px; line-height:90px;}
.header .logo{ width:30%;}
.header .logo img{ width:422px; display:flex;align-items:center;}
.header .nav{ width:70%;}
.header .nav ul{ width:100%; position:relative;display: flex;justify-content: flex-end;align-items:center; }
.header .nav ul li{ padding:0 18px;position:relative;height: 90px; line-height:90px;}
.header .nav ul li a{ display:block; width:100%; font-size:16px;color: #191919;position:relative;transition:.6s;}
.header .nav ul li a:hover,.header .nav ul li.on a{color: #f2b705;}


.m_header{opacity: 0;}
.m_head{padding:0 15px;height: 60px;background: rgba(255,255,255,1);position: fixed;top: 0;left: 0;right: 0;z-index: 100;display:flex;justify-content:space-between;align-items: center;}
.m_head .logo img{height: 48px;}
.m_head .nav_btn { cursor: pointer; text-align: center; z-index: 99999; outline: none; box-shadow: none; }
.m_head .nav_btn .point { display: inline-block; width: 24px; height: 22px; position: relative; outline: none;} 
.m_head .nav_btn .navbtn {position: absolute;top: 12px;left: 0;display: inline-block;width: 24px;height: 1px;transition: all .3s ease-out 0s;background: #000;}
.m_head .nav_btn .navbtn::after, .m_head .nav_btn .navbtn::before {position:absolute;left:0;width: 24px;height: 1px;content: '';transition: all .3s ease-out 0s;background: #000;}
.m_head .nav_btn .navbtn::after { top: -8px; }
.m_head .nav_btn .navbtn::before { top: 8px; }
.m_head .nav_btn .point.on .navbtn { background: transparent; }
.m_head .nav_btn .point.on .navbtn::after { transform: rotate(45deg); top: 0px; }
.m_head .nav_btn .point.on .navbtn::before {transform: rotate(-45deg); top: 0px; }

.m_nav {z-index:999;position:fixed;width:100%;height:100vh;right:-105vw;top:0;display:none;padding:45px 15px;overflow:hidden;transition:all 0.3s ease-out;display:flex;background:#213b75;opacity:0;visibility:hidden;}
.m_nav .close{position:absolute;top: 10px;right: 15px;left: 15px;font-size: 28px;color:#fff;z-index: 100;width: auto;height: 35px;border-radius: 0;display: flex;align-items: center;justify-content: flex-end;padding: 10px 0 0;}
.m_nav.act {pointer-events: auto;right: 0;opacity: 1;visibility: visible;}
.m_nav .m_nav_list{width:100%;height: 100%;padding: 0 0 10px;overflow: hidden;overflow-y: scroll;}
.m_nav .m_nav_list li{width: 100%;overflow: hidden;padding: 0;position: relative;}
.m_nav .m_nav_list li .con{ position:relative}
.m_nav .m_nav_list li .con a{width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.1);line-height: 50px;color: #fff;padding: 0;font-size: 16px;display: flex;position: relative; transition:.5s}
.m_nav .m_nav_list li .con i{opacity: 1;width: 100%;height: 50px;background: url(arrow.svg) calc(100% - 5px) center no-repeat;background-size: 13px 13px !important;position: absolute;display: block;right: 0;top: 0;}
.m_nav .m_nav_list li.on1 i{background: url(arrow_on.svg) calc(100% - 5px) center no-repeat;}
.m_nav .m_nav_list li.on .a{ border-bottom:1px solid rgba(255, 255, 255, 0.3)}
.m_nav .m_nav_list li .list{padding:10px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1); display:none}
.m_nav .m_nav_list li .list a{display:block;font-size:13px;color:rgba(255,255,255,.7);line-height: 2.5;}
/*==========================================公共 结束=============================================*/

 
 
/*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 .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)}


.i_tit{ width:100%; text-align:center; font-size:28px; font-weight:bold; position:relative; color:#f2b705;}
.i_tit p{ width:100%; text-align:center; font-size:15px; font-weight:normal; position:relative; color:#999; margin:15px 0 25px;}
.i_tit h1{ width:60px; height:2px; background:#f2b705; margin:0 auto;}

/* ind01 */
.ind01 {width:100%;position: relative; background:url(ind01bg.jpg) no-repeat; padding:60px 0 90px;}
.ind01 .i_tit{ width:100%; text-align:center; font-size:28px; font-weight:bold; position:relative; color:#f2b705;}
.ind01 .i_tit p{ width:100%; text-align:center; font-size:15px; font-weight:normal; position:relative; color:#999; margin:15px 0 25px;}
.ind01 .i_tit h1{ width:60px; height:2px; background:#f2b705; margin:0 auto;}
.ind01 .con {display: flex;justify-content: space-between; align-items: center; margin-top:40px;}
.ind01 .con .item {width: 32%;position: relative; border:1px solid #ccc; text-align:center; padding:30px 0;}
.ind01 .con .item .img{ width:auto; margin:0 auto;}
.ind01 .con .item .tit{font-size:16px; color:#000; margin-top:15px;}
.ind01 .con .item .sum{font-size:14px; color:#999; margin-top:15px;}
.ind01 .con .item .mor{font-size:16px; color:#f2b705; margin-top:20px;}
.ind01 .con .item .mor a{font-size:16px; color:#f2b705;}
.ind01 .con .item:hover { background:#222;}
.ind01 .con .item:hover .tit{ color:#fff;}


/* ind02 */
.ind02{padding:100px 0 120px;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url(ind02bg.jpg);background-attachment:fixed !important}
.ind02 .con { display: flex;justify-content: space-between;}
.ind02 .con .txt { width: 52%;position: relative; color:#fff;}
.ind02 .con .txt h5{font-size: 22px;margin-bottom: 30px;position: relative;}
.ind02 .con .txt p{font-size:16px; line-height: 32px;}
.ind02 .con .txt .more { width:130px; text-align:center; font-size:16px; margin-top:60px;}
.ind02 .con .txt .more a { display:block; width:100%; height:45px; line-height:43px; border:1px solid rgba(255,255,255,0.7); color:#fff;}
.ind02 .con .txt .more a:hover { background:#f2b705; border:none; color:#333;}
.ind02 .con .img {width: 45%;position: relative;}
.ind02 .con .img img{ width:100%; z-index: 5;position: relative;transition: all .6s;}


/* ind03 */
.ind03 {width:100%;position: relative; padding:60px 0;}
.ind03 .i_tit{ width:100%; text-align:center; font-size:28px; font-weight:bold; position:relative; color:#f2b705;}
.ind03 .i_tit p{ width:100%; text-align:center; font-size:15px; font-weight:normal; position:relative; color:#999; margin:15px 0 25px;}
.ind03 .i_tit h1{ width:60px; height:2px; background:#f2b705; margin:0 auto;}
.ind03 .con{width:100%;position: relative; margin-top:40px;}
.ind03 .con ul{ width:100%;display: flex; flex-wrap:wrap;}
.ind03 .con ul li {width: 31%; margin-right:3.5%; margin-bottom:30px; border:1px solid rgba(0,0,0,.1);}
.ind03 .con ul li:nth-child(3n) {margin-right:0;}
.ind03 .con ul li .img{ position:relative; width:100%; overflow:hidden; transition:.5s;} 
.ind03 .con ul li .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition: 0.5s ease; z-index:-1}
.ind03 .con ul li .img .hezi{padding-bottom: 61% !important;}
.ind03 .con ul li .txt{ padding:0 15px; margin-top:15px;}
.ind03 .con ul li .txt h1{font-size:16px; font-weight:normal; color:#333; line-height:30px;}
.ind03 .con ul li .txt p{font-size:14px; font-weight:normal; color:#666; line-height:30px;}
.ind03 .con ul li .mor{ width:100%;display: flex; flex-wrap:wrap;justify-content: space-between; align-items: center; padding:0 15px; border-top:1px solid rgba(0,0,0,.1); margin-top:15px;}
.ind03 .con ul li .mor img{opacity:0.5; transition:.5s;}
.ind03 .con ul li a{font-size:14px; font-weight:normal; color:#666; line-height:50px;}
.ind03 .con ul li a:hover{color:#f2b705;}
.ind03 .con ul li a:hover .img:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); transition:.5s; z-index:1;}
.ind03 .con ul li a:hover .img img{transform: scale(1.1);}
.ind03 .con ul li a:hover h1{color:#f2b705;}
.ind03 .con ul li a:hover .mor img{opacity:1;}
 
 
/* ind04 */
.ind04 {width:100%;position: relative; background:url(ind04bg.jpg) no-repeat; padding:60px 0 90px;}
.ind04 .i_tit{ width:100%; text-align:center; font-size:28px; font-weight:bold; position:relative; color:#f2b705;}
.ind04 .i_tit p{ width:100%; text-align:center; font-size:15px; font-weight:normal; position:relative; color:#999; margin:15px 0 25px;}
.ind04 .i_tit h1{ width:60px; height:2px; background:#f2b705; margin:0 auto;}
.ind04 .con ul{display: flex; flex-wrap:wrap;justify-content: space-between; align-items: center; margin-top:60px;}
.ind04 .con ul li {width: 24%; text-align:center;}
.ind04 .con ul li .img img{ width:80px;}
.ind04 .con ul li .txt h1{font-size:18px; font-weight:bold; color:#fff; line-height:50px;}
.ind04 .con ul li .txt p{font-size:12px; font-weight:normal; color:#fff; line-height:25px;}


/* ind05 */
.ind05{width:100%;position: relative;padding:60px 0 90px;}
.ind05 .con{width:100%;position: relative; margin-top:60px;}
.ind05 .con ul{ width:100%;display: flex;flex-wrap:wrap;}
.ind05 .con ul li{ width:31%; margin-right:3.5%; margin-bottom:20px; background:#f6f6f6;}
.ind05 .con ul li:nth-child(3n) {margin-right:0;}
.ind05 .con ul li .img{ position:relative; width:100%; overflow:hidden;} 
.ind05 .con ul li .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%; transition: 0.3s;}
.ind05 .con ul li .img .hezi{padding-bottom: 50% !important;}
.ind05 .con ul li .txt {width:100%; padding:25px 15px 15px; background:#f7f7f7; transition: all .3s;}
.ind05 .con ul li .txt h1 { font-size:16px; font-weight:normal; color: #333; position: relative;}
.ind05 .con ul li .txt h2 { position:relative; width:100%; height:1px; margin-top:20px; border-bottom:1px solid rgba(0,0,0,0.2);}
.ind05 .con ul li .txt h2::before{content: "";width: 0;height: 1px;background:rgba(0,0,0,0.2);position: absolute;bottom:-1px;left: 0; transition: 1s; z-index:10;}
.ind05 .con ul li .txt p { font-size:12px; font-weight:normal; height:85px; line-height:25px; overflow:hidden; color: #888; position: relative; margin-top:10px; padding-top:10px;}
.ind05 .con ul li .mor {width:30px; border:1px solid #ccc; padding:0 10px; position:relative; transition: all .3s; margin-left:15px; margin-bottom:20px;}
.ind05 .con ul li .mor img{width:10px;}
.ind05 .con ul li:hover .txt h1{ color:#f2b705;}
.ind05 .con ul li:hover .txt h2::before {width: 100%;background:rgba(0,0,0,0.8);}
.ind05 .con ul li:hover .img img{transform: scale(1.1);}
.ind05 .con ul li:hover .mor { border:1px solid #999;}
 
 
 /* footer */
.footer { width:100%;position: relative;padding-top: 40px; background:#000;}
.footer .fo01{ width:100%; text-align:center; margin:0 auto;}
.footer .fo01 img{ width:420px; margin:0 auto;}
.footer .fo02 { width:70%; margin:30px auto;font-size: 14px;line-height:30px; text-align:center; color:rgba(255,255,255,0.6)}
.footer .fo03 {margin: 40px 0;display: flex;justify-content: space-between;}
.footer .fo03 .item { width:25%; font-size: 14px; color: #fff; text-align:center;}
.footer .fo03 .item:nth-child(2) { width:50%; }
.footer .fo04 { width:100%; position:relative; padding:20px 0; border-top:1px solid rgba(255,255,255,.2); text-align:center;font-size: 14px; color:rgba(255,255,255,.7);}
.footer .fo04 a {font-size: 14px;color:rgba(255,255,255,.7);}


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

.n_menu { width:100%;position: relative; margin-top:30px;}
.n_menu ul { width:100%; position: relative;display: flex; justify-content:space-between;align-items: center; }
.n_menu ul li{ width:100%; line-height:60px; margin-right:10px; background:rgba(0,0,0,0.5); text-align:center;}
.n_menu ul li a{ width:100%; display: block; font-size:16px; color:#fff;}
.n_menu ul li:hover a{  color:#f2b705;}  
.n_menu ul li.on a{ color:#f2b705;}   

/*n_mian */ 
.n_main { width:100%; position:relative; margin:70px auto 90px;}
.n_main .n_tit{ width: 100%;background: #fff; position:relative; margin-bottom:50px; text-align:center; font-size:36px; font-weight:normal; color:#333; padding-bottom:20px;}
.n_main .n_tit::before{content: "";width: 60px;height: 2px;background:rgba(0,0,0,0.6);position: absolute;bottom:0;left:50%;transform: translateX(-50%); transition: 1s; z-index:10;}
	
.n_about{ min-height:350px; padding-bottom:50px; text-align:justify; line-height:30px; margin-top:40px;}


/*n_news */ 
.n_news .item{padding: 30px 0;border-bottom: 1px dotted #ccc;}
.n_news .item a{ display:flex;}
.n_news .tim{width: 80px;background: #f3f3f3; padding:10px 0;transition: 0.5s all}
.n_news .tim div{font-size: 14px;color: #f2b705;text-align: center;height: 20px;line-height: 20px;}
.n_news .tim div:first-child{font-size: 40px; height: 50px;line-height: 50px;margin-bottom: 1px;}
.n_news .txt{width: calc(100% - 160px); margin-left:40px; padding-top:5px;}
.n_news .txt h3{font-size: 16px;color: #333;font-weight: bold;margin-bottom: 7px;}
.n_news .txt p{font-size: 12px;color: #666;line-height: 20px;max-height: 40px;overflow: hidden;}
.n_news .more{ width:40px; position:relative;}
.n_news .more img{ width:40px; position:absolute; left:0; top:20px;}
.n_news .more img:nth-child(2){ display:none;}
.n_news .item a:hover .tim{background: #f2b705; padding:15px 0;}
.n_news .item a:hover .tim div{color: #fff;}
.n_news .item a:hover h3{color: #f2b705;}
.n_news .item a:hover img:nth-child(1){ display:none;}
.n_news .item a:hover img:nth-child(2){ display:block;}


.n_pro{width:100%;position: relative; margin-top:40px;}
.n_pro ul{ width:100%;display: flex; flex-wrap:wrap;}
.n_pro ul li {width: 31%; margin-right:3.5%; margin-bottom:30px; border:1px solid rgba(0,0,0,.1);}
.n_pro ul li:nth-child(3n) {margin-right:0;}
.n_pro ul li .img{ position:relative; width:100%; overflow:hidden; transition:.5s;} 
.n_pro ul li .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition: 0.5s ease; z-index:-1}
.n_pro ul li .img .hezi{padding-bottom: 61% !important;}
.n_pro ul li .txt{ padding:0 15px; margin-top:15px;}
.n_pro ul li .txt h1{font-size:16px; font-weight:normal; color:#333; line-height:30px;}
.n_pro ul li .txt p{font-size:14px; font-weight:normal; color:#666; line-height:30px;}
.n_pro ul li .mor{ width:100%;display: flex; flex-wrap:wrap;justify-content: space-between; align-items: center; padding:0 15px; border-top:1px solid rgba(0,0,0,.1); margin-top:15px;}
.n_pro ul li .mor img{opacity:0.5; transition:.5s;}
.n_pro ul li a{font-size:14px; font-weight:normal; color:#666; line-height:50px;}
.n_pro ul li a:hover{color:#f2b705;}
.n_pro ul li a:hover .img:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); transition:.5s; z-index:1;}
.n_pro ul li a:hover .img img{transform: scale(1.1);}
.n_pro ul li a:hover h1{color:#f2b705;}
.n_pro ul li a:hover .mor img{opacity:1;}

.n_pro_del{width:100%;position:relative;padding:60px 0;}
.n_pro_del .con1{width:100%;display: flex; justify-content:space-between;}
.n_pro_del .con1 .tup{width:45%;}
.n_pro_del .con1 .tup .con-box{width:100%; height:500px;position:relative;}
.n_pro_del .con1 .tup .con-box .swiper-slide img{width:100%;height:500px;}
.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{height:90px;}
.n_pro_del .con1 .tup .nav-box .swiper-slide>img{width:100%;height:100%;}
.n_pro_del .con1 .tup .nav-box .swiper-slide.on img{ border:1px solid #00a4ae;}
.n_pro_del .con1 .tup .nav-box .button-prev{position:absolute;top:0;left:0;height:110px;width:40px;text-align:center;line-height:100px;cursor:pointer;transition:.2s ease all; z-index:100000;}
.n_pro_del .con1 .tup .nav-box .button-next{position:absolute;top:0;right:0;height:110px;width:40px;text-align:center;line-height:100px;cursor:pointer;transition:.2s ease all; z-index:100000;}
.n_pro_del .con1 .tup .nav-box .button-prev>img,.n_pro_del .con1 .tup .nav-box .button-next>img{ margin-top:30px;}
.n_pro_del .con1 .wenz{width:50%; line-height:30px;}
.n_pro_del .con1 .wenz h3{margin-bottom:15px;font-size:24px;color:#333;font-weight:bold;border-bottom:1px solid #e8e8e8}
.n_pro_del .con1 .wenz p{margin-bottom:15px;font-size:14px;color:#666}
.n_pro_del .con1 .wenz .lianx{display: flex;border-top:1px solid #e8e8e8; padding-top:30px; margin-top:30px;}
.n_pro_del .con1 .wenz .lianx .item{ width:180px; height:45px; line-height:45px; text-align:center; border:none; margin-right:20px;}
.n_pro_del .con1 .wenz .lianx .item a{ display:block; width:180px; height:45px; line-height:45px; text-align:center; background:#f2b705; color:#fff; font-size:16px;}
.n_pro_del .con1 .wenz .lianx .item a:hover{ background:#fff; color:#333; font-size:16px; border:1px solid #f2b705;}


.n_pro_del .con2{width:100%;margin:45px 0 150px;font-size:14px;}
.n_pro_del .con2 .top{ width:100%; position:relative;height:60px;line-height:60px;border-bottom:1px solid #ccc}
.n_pro_del .con2 .top span{ display:block;width:240px; text-align:center;font-size:18px; font-weight:bold; background:#666;color:#fff;transition:.2s ease all}
.n_pro_del .con2 .txt{width:100%;padding:35px 0; line-height:30px;font-size:14px; text-align:justify;}
.n_pro_del .con2 .txt img{max-width:100%;}
 

.n_lianxi{ width:100%; position:relative; min-height:350px; padding-bottom:50px; text-align:justify; line-height:30px; margin-top:40px;}
.n_lianxi .con{ width:100%; position:relative; display:flex;justify-content:space-between;}
.n_lianxi .con .txt{ width:48%; position:relative;}
.n_lianxi .con .img{ width:48%; position:relative;}
.n_lianxi .con .img img{ width:100%;}
 
.form { width:100%; overflow:hidden; margin:0 auto; padding:60px; background:#f6f6f6;}
.form ul { width:100%; margin:0 auto; display:flex;flex-wrap:wrap;}
.form ul li { width:31%; margin-right:3.5%;margin-bottom:30px; position:relative;}
.form ul li:nth-child(3){ margin-right:0;}
.form ul li:nth-child(4){ width:100%;margin-right:0;}
.form ul li .ipt { width:100%; height:50px; line-height:50px; color:#777; font-size:14px; padding:9px 20px; border:none; outline:none;}
.form ul li .area { width:100%; height:160px; line-height:30px; color:#777; font-size:14px; padding:9px 20px; border:none; outline:none; font-family:"思源黑体";}
.form .svc_btn { width:100%; overflow:hidden; margin:30px auto 0; padding:0; text-align:center;}
.form .svc_btn .svc_b1 { width:100%; height:50px; line-height:50px; color:#fff; font-size:16px; text-align:center; background:#444;}