﻿@charset "utf-8";
*{margin:0;padding:0;}
body{ background:#FFFFFF; color:#333333; font-family:Arial,Lucida,Verdana,Helvetica,sans-serif; font-size:12px; line-height:150%; }
a:link, a:visited{ text-decoration:none; }
a:hover{ text-decoration:none; }
a:active{ color:#990000; }
ol, ul{ list-style: none outside none;}
.m { margin-bottom: 10px; }
.m, .mt, .mc, .mb{ overflow: hidden; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
.clearfix{display:inline-block;} 
.clearfix{display:block;} 
ul,li{list-style-type:none;}
img{border:0px; max-width:100%;}
a{ color:#333;}

.totop{ position:fixed; right:20px; bottom:20px; cursor:pointer; z-index:5555;}


.top{width:100%;position:fixed;height:98px;background:#000000;top:0px;z-index:888; border-bottom:1px solid #fff;}
.topm{ width:1200px; margin:0 auto; }
.logo{ float:left;}
.topr{float:right; /*position:relative;*/}
.toprbb{ text-align:right; margin-top:13px;}
.toprbb a{ margin-left:18px; overflow:hidden; color:#fff; font-size:14px;}
.toprbb a img{ margin-right:5px; position:relative; top:1px;}
.search{ float:right; padding-left:18px; /*border-right:1px solid #cccccc; margin-right:13px;*/ position:relative;} 
.bb{ float:left; font-size:16px; font-family:Arial; }
.bb a{color:#999999;}
.bb a img{position:relative;top: -3px;padding-left:5px;}
.toprbom{height:44px;margin-top: 20px;}
.nav{ float:right; overflow:hidden;}
.nav ul li{float:left;margin-left:30px;font-size:15px;padding-bottom:30px;}
.nav ul li a{color:#999999;}
.nav ul li:hover>a{color:#fff; font-weight:bold;}
/*.nav ul li:hover a .navul{ font-weight:100;}*/
.nav ul li.navh>a{color:#fff; font-weight:bold;}
/*.nav ul li.navh a .navul{ font-weight:100;}*/
.topbj{ height:98px;}
.seachk{position:absolute;top: 46px;right:-3px;overflow:hidden;display:none;width:310px;box-shadow:0px 0px 10px #333;}
.seachk #keys{ width:250px; line-height:50px; height:50px; border:0px; padding-left:10px;outline:none;float:left;}
.seachk .btn{ height:50px; width:50px; background:url(../images/zoom.png) no-repeat center #fff; border:0px; outline:none; float:left;}
.lanmu{ display:none;}

.nav .navul{ position:absolute; width:100%; background:#f5f5f5; left:0px; padding:20px 0px; display:none; top:99px;}
.nav .navulc{width:1200px;margin:0 auto;overflow:hidden;display: grid;grid-template-columns: repeat(5,1fr);row-gap: 10px;}
.nav .navulc .navli{float:left;/* width:calc(20% - 10px); */text-align:left;line-height:24px;font-size:16px;margin:0px 5px;/*margin-bottom:20px;*/}
.nav .navulc .navli a{ color:#666; text-align:center}
.nav .navulc .navli p{ margin-top:10px; border-bottom:1px solid #ddd; padding-bottom:10px; margin-top:10px; margin-bottom:10px; text-align:left;}
.nav .navulc .navli:hover a{ color:#000;}
.nav .navulc .navli .navs{ overflow:hidden}
.nav .navulc .navli .navs .navsli{ font-size:12px; line-height:18px; }
.nav .navulc .navli .navs .navsli a{color:#000;}
.nav .navulc .navli:nth-child(1) .navsli{ float:left; width:50%;}

.banner img{ width:100%;}


.menu{position:fixed;width:100%;z-index:1000;border-bottom:1px solid #eee;display:none; top:60px;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.menu div{ background:#fff}
.menu p{ height:40px; line-height:40px; border-top:1px solid #eee; padding:0 0 0 15px; color:#000;}
.menu p a{  color:#000;}
.menu p a.in{display:block; width:100%; height:100%;}
.menu ul{ display:none;}
.menu li{ padding:0 20px;}
.menu li>a{ display:block; height:32px; line-height:32px; border-bottom:1px dashed #eee; color:#555; padding:0 10px;}
.menu li>a:hover{ background:#F5F5F5;}


/*.menu{position:absolute;width:100%;z-index:1000;background:#FFF;border-bottom:1px solid #eee;display:none; top:70px;}
.menu p{ height:40px; line-height:40px; border-top:1px solid #eee; padding:0 0 0 15px; color:#000;}
.menu p a{  color:#000;}
.menu p a.in{display:block; width:100%; height:100%;}
.menu ul{ display:none;}
.menu li{ padding:0 20px;}
.menu li>a{ display:block; height:32px; line-height:32px; border-bottom:1px dashed #eee; color:#555; padding:0 10px;}
.menu li>a:hover{ background:#F5F5F5;}*/

@media (max-width:1200px) {
	.topm{ width:auto; padding:0px 20px;}
	}
/*@media (max-width:980px) {
	.top{ height:60px;}
	.logo img{ height:60px;}
	.topbj{ height:60px;}
	.toprbb{ margin-top:5px;}
	.toprbom{ margin-top:10px;}
	.nav ul li{padding-bottom: 8px;}
	}*/
@media (max-width:980px) {
	.top{ height:60px;}
	.logo img{ height:60px;}
	.topbj{ height:60px;}
	.topm{ width:93.75%; padding:0px;}
	.topr{ display:none;}
	.lanmu{ float:right; margin-top:23px; display:block;}
	}


.ban_pc{/* background:url(../images/banner.jpg) no-repeat center; height:888px;*/}
.ban_wap{ display:none}
@media (max-width:768px) {
	.ban_pc{ display:none}
	.ban_wap{ display:block;}
	
	}

.spro{ padding-top:40px;}
.sprotit{ text-align:center; text-transform:uppercase; font-size:24px; color:#212121; line-height:21px}
.sproc{ padding-top:40px; width:1200px; margin:0 auto; position:relative;}
.sproc .swiper-button-next{font-family:'宋体';background:none;font-size:48px;line-height:48px;right: -40px;font-weight:bold;}
.sproc .swiper-button-prev{font-family:'宋体';background:none;font-size: 48px;line-height:48px;left: -40px;font-weight:bold;}
.sproc .swiper-slide{ text-align:center; font-size:14px; }
.sproc .swiper-slide p{padding-top:10px;}
.sproc .swiper-slide a{color:#212121;}
@media (max-width:1200px) {
	.sproc{ width:93.75%;} 
	}
@media (max-width:640px) {
	.sproc .swiper-button-next{ right:-5px; font-size:36px; line-height:36px}
	.sproc .swiper-button-prev{ left:-5px;font-size:36px; line-height:36px}
	.sprotit{ font-size:20px;}
	.spro{ padding-top:20px;}
	.sproc{ padding-top:20px;}
	}

.snav{ padding-top:74px; width:1200px; margin:0 auto;}
.snav ul{ width:1240px;}
.snav ul li{ float:left; margin-right:30px;}
.snav ul li .snavimg{ overflow:hidden}
.snav ul li .snavimg img{ transition:all 0.5s;}
.snav ul li .snavwz{ border:1px solid #9c9b9b; position:relative; line-height:58px; font-size:16px;color:#212121;}
.snav ul li .snavwz span{ position:absolute; right:20px; top:0px; font-family:'宋体'; color:#d2d2d2; font-size:15px; font-weight:bold;}
.snav ul li .snavwz .snavtit{ padding-left:20px;}
.snav ul li .snavimg:hover img{ transform:scale(1.1,1.1);}
.snav ul li:hover{ box-shadow:#ccc 0px 0px 10px;}
.snav ul li:hover .snavwz span{ color:#212121;}
@media (max-width:1200px) {
	.snav{ width:93.75%;} 
	.snav ul{ width:100%;}
	.snav ul li{ width:calc(33% - 10px); margin:0px 5px;}
	}
@media (max-width:640px) {
	.snav{padding-top:24px;}
	.snav ul li{ width:100%; margin:0px; margin-bottom:20px;}
	.snav ul li img{ width:100%;}
	.snav ul li .snavwz{ line-height:40px; }
}

.slist{ padding-top:40px; width:1200px; margin:0 auto;}
.slist ul{ width:1240px;}
.slist ul li{ float:left; margin-right:14px;}
.slisttit{ padding-top:15px; font-size:14px; color:#212121;}
.slist ul li:hover .slistimg{ box-shadow:#999 0px 0px 10px;}

@media (max-width:1200px) {
	.slist{ width:93.75%;}
	.slist ul{ width:100%;}
	.slist ul li{ width:calc(25% - 10px); margin:0px 5px;}
	}
@media (max-width:768px) {
	.slist ul li{ width:calc(50% - 10px); margin:0px 5px; margin-bottom:20px;}
	.slist ul li:nth-child(3){ clear:both;}
	.slisttit{ padding-top:5px}
	.slist{ padding-top:20px;}
	}

.foot{width:1200px;margin:0 auto;padding-top:40px;overflow:hidden;display: grid;grid-template-columns: repeat(4,1fr);row-gap: 30px;}
.footli{float:left;/* width:20%; */border-left:1px solid #9c9b9b;min-height:195px;padding-left: 5px;box-sizing:border-box;}
.footli>span{ font-size:16px; color:#333; font-weight:bold;}
.footli ul{ overflow:hidden; margin-top:5px;}
.footli:nth-child(1) ul li{ float:left; width:50%; }
.footli ul li{margin-bottom:5px;}
@media (max-width:1200px) {
	.foot{ width:93.75%;}
	.footli{ width:20%; box-sizing:border-box;}
	}
@media (max-width:900px) {
	.foot{ padding-top:20px;}
	.footli{ width:100%;min-height:auto; padding:0px 5px; border-left:0px; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px;}
	.footli1 ul li{ float:none; width:100%;}
	.footli ul{ margin-top:5px; display:none}
	}
.foots{ width:1200px; margin:0 auto; padding-top:93px;}
.footstop{ overflow:hidden; border-bottom:1px solid #b2b2b2;}
.footsl{ float:left;}
.footsr{ float:right;}  
.footbom{ line-height:33px; text-align:left; font-size:14px; color:#000000;}
.footbom span{ margin-left:10px;}
@media (max-width:1200px) {
	.foots{ width:93.75%;padding-top:53px;}
	}
@media (max-width:910px) {
	.footbom{ text-align:center;}
	}
@media (max-width:640px) {
	.foots{padding-top:20px;}
	.footsl{ float:none; text-align:center;}
	.footsl img{ height:30px;}
	.footsr{ display:none;}
	}
	.proshowimg .swiper-button-prev, .proshowimg .swiper-container-rtl .swiper-button-next,
	.proshowimg .swiper-button-next, .proshowimg .swiper-container-rtl .swiper-button-prev{display:none;}
/*about*/
.content{ background:#f5f5f5; padding-bottom:10px; min-height:400px;}
.contentc{width:1200px; margin:0 auto; }
.lj{ padding-top:10px;  font-size:13PX; padding-bottom:20px;}
.nycon{ overflow:hidden;}
.ny_left{ float:left; width:246px;}
.ny_ltit{ font-size:20px; text-transform:uppercase;}
.ny_lul{ margin-top:8px;}
.ny_lul ul{background:#fff; }
.ny_lul ul li{  line-height:38px; padding-left:10px; font-size:14px;border-bottom: 1px solid #f5f5f5;}
.ny_lul ul li a{color:#666;}
.ny_lul ul li.ny_h a{ color:#212121; font-weight:bold;}
.ny_right{ float:right; width:910px; font-size:14px; line-height:2em;}
.ny_rtop{ overflow:hidden; padding-bottom:19px; border-bottom:1px solid #dedede;}
.ny_tl{ float:left; width:490px;}
.ny_t1{ text-align:right; font-size:9px; overflow:hidden; line-height:14px;}
.ny_t1 img{ margin-left:7px; float:right;}
.ny_t2{ margin-top:30px; font-size:16px; color:#000000; padding-bottom:5px; border-bottom:1px solid #dddddd;}
.ny_b3{ font-size:22px; margin-top:15px; color:#000; line-height:22px;}
.ny_b4{ margin-top:62px;}
.ny_tr{ float:right;}
.about{ padding-top:35px;  font-size:14px; line-height:2em;}
.ny_nav{ display:none;}
@media (max-width:1200px) {
	.contentc{ width:93.75%; margin:0 auto;}
	.ny_left{ width:20.5%;}
	.ny_right{ width:75.8333%;}
	.ny_tl{ width:53.84%;}
	.ny_tr{ width:41.97%;}
	.ny_t2{ margin-top:20px;}
	.ny_b4{ margin-top:35px;}
	}
@media (max-width:980px) {
	.lj{ display:none;}
	.nycon{ padding-top:10px;}
	.ny_left{ display:none;}
	.ny_right{ float:none; width:100%;}
	.ny_nav{ display:block;}
	.ny_nav ul{ overflow:hidden;}
	.ny_nav ul li{ background:#fff; width:calc(50% - 1px); float:left; line-height:24px; text-align:center; box-sizing:border-box; margin:0px; 5px; border-right:1px solid #f5f5f5; height:24px; overflow:hidden; border-bottom:1px solid #f5f5f5;}
	.ny_nav ul li.ny_h{ background:#000;}
	.ny_nav ul li.ny_h a{ color:#fff}
	}
@media (max-width:768px) {
	.ny_rtop{ display:none;}
	.about{ padding-top:0px;}
	}

/*conact*/
.ny_con{ overflow:hidden;padding-bottom:19px; border-bottom:1px solid #dedede; position:relative}
.contact .ny_con1{ font-size:15px; color:#000000; line-height:2em; padding-bottom:23px; margin-bottom:10px; border-bottom:1px solid #dddddd;}
.contact .ny_tl{ width:100%; float:none}
.contact .ny_tr{ float:none; padding-top:95px;background:url(../images/jsmg.png) no-repeat right top;}
@media (max-width:1200px) 
{
    .contact .ny_tr{ width:100%;} 
    .contact .ny_con1{ width:100%;}
    }
@media (max-width:980px) 
{
    .contact .ny_tr{ margin-top:55px;}
    }
@media (max-width:768px) {
	.ny_con .ny_tl{ float:none; width:100%;}
	.ny_con .ny_t1{ display:none;}
	.ny_con .ny_t2{ display:none;}
	.ny_con .ny_b3{ display:none;}
	.ny_con1{ position:relative; bottom:0px; width:100%;}
	.ny_con .ny_tr{ float:none; width:100%; margin-top:10px;}
	.ny_con .ny_tr iframe{ width:100% !important; height:250px !important;}
	.
	}
/*new*/
.new_list{ margin-top:20px;}
.new_list ul li{ padding-bottom:30px; border-bottom:1px solid #ddd; margin-bottom:40px;}
.newdate{ padding-bottom:12px; border-bottom:1px solid #dddddd; font-size:16px;}
.newstit{ font-size:20px; color:#000000; line-height:20px; margin-top:10px;}
.newcon{overflow:hidden;margin-top:20px;background: url(../images/NOTICIA_IB_03.jpg) no-repeat left bottom;min-height:200px;}
.newzy{ float:left; width:500px; margin-top:15px; line-height:14px; line-height:22px;}
.newsimg{ float:right; width:345px;text-align:center}
.newsimg img{ max-width:100%; }

.pageNavi{ text-align:center; margin-top:10px; margin-bottom:20px;}
.pageNavi a{ display:inline-block; width:24px; line-height:24px; margin:0px 10px; text-align:center; font-size:14px;}
.pageNavi span{display:inline-block; width:24px; line-height:24px; margin:0px 10px; text-align:center; font-size:14px;}
.pageNavi .current{ background:#000; color:#fff;}


@media (max-width:1200px) {
	.newzy{ width:calc(100% - 355px )}
	}
@media (max-width:670px) {
	.newzy{ float:none; width:100%; height:66px; overflow:hidden}
	.newstit{ text-align:center}
	.newsimg{ float:none; width:100%;}
	.new_list ul li{ margin-bottom:20px; padding-bottom:20px;}
	}
/*newshow*/
.new_tit{ text-align:center; font-size:16px; color:#000;}
.new_date{ text-align:center; font-size:14px; color:#000;}


/*down*/
.down_list ul{ overflow:hidden; width:930px;}
.down_list ul li{ float:left; width:290PX; margin-right:20px; margin-bottom:20px;}
.down_list ul li img{ width:100%;}
.down_list ul li .downtit{ font-size:13px; color:#333; margin-top:10px;}

@media (max-width:1200px) {
	.down_list ul{ width:100%;}
	.down_list ul li{ width:calc(33.33% - 20px);margin-right:0px; margin:0px 10px;}
	}
@media (max-width:768px) {
	.down_list ul li{ width:calc(50% - 20px);}
	}
@media (max-width:400px) {
	.down_list ul li{ width:calc(50% - 10px);margin:0px 5px;}
	}
	
/*prolist*/
.ny_proul{margin-top:8px;}
.ny_proul ul li>a{ display:block; background:#fff;line-height:38px; padding-left:10px; font-size:14px;border-bottom: 1px solid #f5f5f5; color:#666;}
.ny_proul ul li.ny_h>a{ color:#212121; font-weight:bold;}
.ny_proul ul li .ny_prosul{ margin-left:10px; background:#fff; display:none;}
.ny_proul ul li .ny_prosul .ny_prosli{ line-height:26px; padding-left:10px;font-size:13px;border-bottom: 1px solid #f5f5f5;}
.ny_proul ul li .ny_prosul .ny_prosli:last-child{margin-bottom:5px;}
.ny_proul ul li .ny_prosul .ny_h{ font-weight:bold;}

.ny_proul ul li.ny_h .ny_prosul{ display:block;}
.ny_proul ul li .ny_prosul .ny_prosli.ny_hs a{ color:#000; font-weight:bold;}
.prolist_tit{ font-size:18px;}
.prolist_cons{ margin-top:10px;}
.pro_list ul{ overflow:hidden; margin-top:15px;}
.pro_list ul{ width:930px;}
.pro_list ul li{ float:left; width:222px; margin-right:10px; text-align:center; margin-bottom:10px;}
.pro_list ul li img{ max-width:100%;}
.pro_list .prolist_tits{ font-size:14px; padding-top:10px; display:block; height:20px; overflow:hidden;word-wrap:break-word; word-break:break-all;}
/*.prolist_tits span{ display:inline-block; max-width:80%; overflow:hidden}
.prolist_tits font{ display:inline-block;}*/

.pro_ultit{ font-size:24px; line-height:24px; margin-bottom:5px;}
.pro_lists ul{ overflow:hidden; margin-top:15px;}
.pro_lists ul{ width:930px;}
.pro_lists ul li{ float:left; width:222px; margin-right:10px; text-align:center; margin-bottom:10px; background:#fff; padding-bottom:10px;}
.pro_lists ul li img{ max-width:100%;}
.pro_lists ul li .protit{ font-size:13px; height:28px; overflow:hidden;}
.pro_lists ul li .prolist_tits{ margin-top:5px}
.proc_list ul{ width:930px;}
.proc_list ul li{ float:left; width:222px;margin-right:10px; margin-bottom:15px;}
.proc_list ul li:nth-child(4n+1){ clear:both;}
.proc_list .prolist_tits{ font-size:16px; border-bottom:1px solid #e9e9e9;}
.proc_list .proc_listul{ margin-top:10px;}
.proc_list .proc_listli{ font-size:12px;line-height: 18px; }

.pageNavi{ text-align:center; margin-top:30px; margin-bottom:20px;}
.pageNavi a{ display:inline-block; width:24px; line-height:24px; margin:0px 10px; text-align:center; font-size:14px;}
.pageNavi span{display:inline-block; width:24px; line-height:24px; margin:0px 10px; text-align:center; font-size:14px;}
.pageNavi .current{ background:#000; color:#fff;}

@media (max-width:1200px) {
	.proc_list ul{ width:100%;}
	.proc_list ul li{ width:calc(25% - 10px); margin-right:0px; margin:0px 5px; margin-bottom:10px;}
	.pro_list ul{ width:100%;}
	.pro_list ul li{ width:calc(25% - 10px); margin-right:0px; margin:0px 5px;margin-bottom:10px;}
	.pro_lists ul{ width:100%;}
	.pro_lists ul li{ width:calc(25% - 10px); margin-right:0px; margin:0px 5px;margin-bottom:10px;}
	
	
	}
@media (max-width:980px) {
	.pro_ul{ display:none;}
	}
@media (max-width:768px) 
{
    .pro_list ul li .prolist_tits{ height:54px;}
    }
@media (max-width:640px) {
	.proc_list ul li{ width:calc(50% - 10px); margin-bottom:10px;}
	.proc_list ul li:nth-child(2n+1){ clear:both;}
	.pro_list ul li{width:calc(50% - 10px);}
	.pro_lists ul li{ width:calc(50% - 10px);}
	}



/*proshow*/
.proshowtop{ overflow:hidden; position:relative;}
.proshowimg{ float:left; width:550px;}
.proshowimg img{ max-width:100%;}
.proshowimg .gallery-top{ border:1px solid #dddddd;}
.proshowimg .gallery-thumbs{ margin-top:10px}
.proshowimg .gallery-thumbs .swiper-slide{ border:1px solid #999;}
.proshowimg .gallery-thumbs .swiper-slide-thumb-active{ border:1px solid #333;}
.proshowtopwz{ float:right; width:340px;}
.proshow_tit{ font-size:20px;}
.proshow_type{ font-size:16px; margin-top:10px; line-height:20px;}
.proshow_zy{ font-size:14px; margin-top:10px; line-height:24px;}
.proshow_pdf{ position:absolute; bottom:70px; font-size:16px;}
.proshow_pdf a{ color:#212121;}
.proshowbom{ padding-top:30px;}
.proshowbomt{ /*padding-left:10px;*/ border-bottom:5px; border-bottom:1px solid #ddd; font-size:18px;}
.proshowbomc{ padding:10px 0px; min-height:100px;}

@media (max-width:1200px) {
	.proshowimg{ float:none; margin:0 auto;}
	.proshowtopwz{ float:none; width:100%; margin-top:10px}
	.proshow_pdf{ display:none;}
	.proshow_tit{ text-align:center;}
	.proshow_type{ text-align:center;}
	.proshow_zy{ margin-top:15px;}
	}

@media (max-width:980px) {
	.proshow_c{ margin-top:10px;}
	}
@media (max-width:605px) {
	.proshowimg{ width:100%;}
	.proshow_zy{ margin-top:8px;}
	}
