@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%;}

.not-animated{ opacity:0;}
.totop{ position:fixed; right:20px; bottom:20px; cursor:pointer; z-index:5555;}

.top{ height:102px; position:fixed; width:100%; transition:all 0.5s; z-index:777; background:#fff; }
.logo{ float:left; margin-left:30px}
.top .logo img{ transition:all 0.5s; height:102px;}
.bb{float:right;overflow:hidden;margin-right:40px;width: 80px;}
.search{ float:left; margin-top:44px; transition:all 0.5s;}
.banb{ float:left; margin-left:11px; padding-left:15px; border-left:1px solid #999999; font-size:16px; font-family:Arial; margin-top:45px;  transition:all 0.5s;}
.banb a{ color:#999;}
.banb img{ position:relative; top:-5px; margin-left:5px;}
.nav{ float:right; margin-right:48px;}
.nav ul li{float:left;margin-left:35px;width: 65px;line-height:102px;font-size:16px;color:#212121; text-align:center;transition:all 0.5s;}
.nav ul li>a{ color:#797979; display:block;}
.nav ul li>a:hover{ color:#212121;background:url(../images/navh.jpg) no-repeat center bottom;}

.nav ul .navlixz>a{ color:#212121;background:url(../images/navh.jpg) no-repeat center bottom;}

.nav>ul>li .navul{position:absolute;display:none;background:#fff;width: 200px; border-top:2px solid #004583;}
.nav>ul>li .navli{border-bottom:1px solid #eee;}
.nav>ul>li .navli a{line-height:52px;color:#76838f;display:block;/* padding-left:40px; */font-size:14px;transition: all 0.5s;}
.nav>ul>li .navli:hover a{ color:#333;transform:translateX(10px) }


.tnku{position:fixed;width:100%;top:0px;left:0px;z-index:99999; bottom:0px;display:none;z-index:99999999999;}
.tnkuyy{width:100%;height:100%;background:rgba(0,0,0,0.7);position:absolute;top:0px;left:0px;bottom:0px;}
.alts{margin:0 auto;overflow:hidden;width:621px;height:50px;background:url(../images/ss.png) no-repeat center;margin-top:217px; position:relative; z-index:55;}
.jols{width:575px;float:left;overflow:hidden;height:50px;}
.jols input{padding-left:17px;width:558px;overflow:hidden;height:100%;background:none;border:0px;outline:none;font-family:"Microsoft YaHei";color:#333333;font-size:14px;}
.jhtl{width:46px;float:left;overflow:hidden;height:50px;}
.jhtl input{width:100%;height:100%;background:none;outline:none;border:0px;}

.toph{ height:70px;}
.toph .logo img{ height:70px;}
.toph .nav>ul>li{line-height: 70px;}
.toph .search{margin-top: 26px;}
.toph .banb{margin-top: 26px;}
.toph .topm{ margin:0px 30px;}

.topt{ height:102px;transition:all 0.5s;}
.topth{height:70px;}

.lanmu{ display:none;}
.dyy{ display:none;}

.yy{position:fixed;width:100%;height:30px;background:url(../images/dhyy.png) no-repeat center bottom;top: 87px;z-index: 39; transition:all 0.5s;}
.yy.topth{ top:55px;}


.menu{position:absolute;width:100%;z-index:1000;border-bottom:1px solid #eee;display:none; top:70px;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;}


@media (max-width:1110px) {
	.top{ height:70px;}
	.top .logo img{ height:70px;}
	.topt{ height:70px;}
	.bb{ display:none;}
	.nav{ display:none;}
	.lanmu{display:block;float:right;margin-right:3.125%;margin-top: 28px;margin-left:3.125%;}
    .dyy{ display:block; float:right;}
	.yy{ top:55px;}
	.menu{ border-bottom:0px;}
}



.banner{height:700px;/*background:url(../images/banner.jpg) no-repeat center;*/position:relative;}
.bannerwap{ display:none;}

.bannerwap .swiper-pagination-bullet-active{ background:#0d3f89;}


@media (max-width:768px) {
	.bannerwap{ display:block;}
	.banner{ display:none;}
	}

.snav{ padding:50px 0px; width:1200px; margin:0 auto;}
.sytop{ text-align:center;}
.sytit{ font-size:26px; color:#212121; line-height:26px;}
.syzy{ font-size:14px; color:#999999; margin-top:17px;}
.snavc{margin-top:30px;height:209px;}
.snavc ul{ overflow:hidden}
.snavc ul li{width:25%;float:left;position:relative;text-align:  center;}
.snavc ul li .kejitu{ position:relative; z-index:1; width:80px; height:80px; margin:0 auto; margin-top:45px;border-radius:50%; background:url(../images/fl1.jpg) no-repeat center; transition: all 0.5s;transform:rotate(-270deg); opacity:0;}
.snavc ul .snavcli2 .kejitu{background:url(../images/fl2.jpg) no-repeat center;}
.snavc ul .snavcli3 .kejitu{background:url(../images/fl3.jpg) no-repeat center;}
.snavc ul .snavcli4 .kejitu{background:url(../images/fl4.jpg) no-repeat center;}
.snavc ul li .kejiimg{position:absolute; top:0px; width:100%; z-index:2; }
.snavc ul li .kejiimg .kejiimgm{ width:80px; margin:0 auto; height:80px;background:#b5b5b5; border-radius:50%; margin-top:45px;}
.snavc ul li .kejiimg img{/* margin-top:27px; */}
.kejiwz{ color:#999; padding:11px 0px; font-size:16px;}
.snavc ul li:hover .kejiimg{ background:none}
.snavc ul li:hover .kejiimg .kejiimgm{ background:#0d3f89; opacity:0.72;}
.snavc ul li:hover .kejitu{ width:170px; height:170px; margin-top:0px; transform:rotate(-360deg); opacity:1}
.snavc ul li:hover .kejiwz{ color:#333;}

@media (max-width:1200px) {
	.snav{ width:93.75%;}
	}
@media (max-width:768px) {
	.snavc ul li{ width:50%; height:200px; margin-bottom:20px;}
	.snavc{ height:auto;}
	}
@media (max-width:640px) {
	.snav{padding:30px 0px;}
	.snavc{ margin-top:10px}
	}

.spro{ background:#f6f6f6; padding:60px 0px 100px;}
.sproc{ padding-top:60px;}
.sproc ul{ overflow:hidden;}
.sproc ul li{ float:left; width:calc(25% - 4px); margin:0px 2px; background:#fff; position:relative; margin-bottom:4px; padding-bottom:45px;}

.sproc ul li .sproimg{overflow:hidden;}
.sproc ul li .sproimg img{ max-width:100%; transition:all 0.5s;}
.sproc ul li .sproseach{ position:absolute; text-align:center; width:100%; top:0px;transition: all 0.5s; opacity:0;}
.sproc ul li .sprowz{ text-align:center; font-size:16px; color:#666;}
.sproc ul li:hover{ box-shadow: 0 0 10px #909090;}
.sproc ul li:hover .sprowz{ color:#0d3f89;}
.sproc ul li:hover .sproseach{ top:50%; opacity:1; margin-top:-40px;}
.sproc ul li:hover .sproimg img{ transform:scale(1.1,1.1)}

@media (max-width:768px) {
	.sproc ul li{ width:calc(50% - 4px)}
	.spro{padding:30px 0px 40px;}
	.sproc{ padding-top:30px;}
	}
@media (max-width:550px) {
	.sproc ul li{ padding-bottom:20px;}
	.sproc ul li .sprowz{ font-size:14px;}
	.sproc ul li .sproseach{}
	.sproc ul li .sproseach img{ height:40px;}
	.sproc ul li:hover .sproseach{margin-top:-20px;}
	}


.sabout{ background:url(../images/aboutimg.jpg) no-repeat center; height:621px;}
.saboutc{ padding-top:80px; width:800px; margin:0 auto;}
.sabouttopimg{ text-align:center;}
.saboutwz{ overflow:hidden; margin-top:40px;}
.saboutimg{ float:left;}
.saboutr{ float:left; margin-left:50px;}
.saboutzy{ font-size:16px; color:#212121; margin-top:8px;}
.sabouten{font-size:37px;color:#0a3f8b;font-family:Impact;line-height:37px;margin-top: 12px; text-transform:uppercase;}
@media (max-width:800px) {
	.saboutc{ width:93.75%; padding-top:50px;}
	.saboutimg{ float:none; text-align:center; margin-bottom:10px;} 
	.saboutr{ float:none; margin-left:0px; text-align:center}
	.saboutwz{ margin-top:20px;}
	}
@media (max-width:485px) {
	.sabout{ height:auto; padding-bottom:30px;background:url(../images/aboutimg1.jpg) no-repeat center top;}
	.saboutzy{ font-size:14px;}
	.sabouten{ font-size:30px; line-height:30px;}
	.saboutimg img{ width:50%;}
	}


.snews{ padding-top:60px; overflow:hidden;}
.snewsc{ padding-top:60px; width:1200px; margin:0 auto;}
.snewsc ul li{ width:calc(33.33% - 40px); float:left; padding:0 20px; margin-bottom:90px; overflow:hidden;}
.snewsc ul li a{ display:block;}
.snewsc ul li .snewimg{ overflow:hidden}
.snewsc ul li .snewimg img{ transition:all 0.5s;}
.snewsc ul li .snewtit{ font-size:16px; color:#666666; font-weight:bold; margin-top:30px; transition:all 0.5s;}
.snewsc ul li .snewzy{ font-size:14px; color:#666666; opacity:0.6; line-height:28px; margin-top:30px; height:84px; transition:all 0.5s;}
.snewsc ul li:hover .snewimg img{ transform:scale(1.1,1.1)}
.snewsc ul li:hover .snewtit{ color:#303030;}
.snewsc ul li:hover .snewzy{opacity:1; }
@media (max-width:1200px) {
	.snewsc{ width:93.75%;} 
	.snewsc ul li{ width:calc(33.33% - 20px); float:left; padding:0 10px; margin-bottom:40px;}
	.snewsc ul li .snewtit{ height:36px; margin-top:20px;}
	.snewsc ul li .snewzy{ margin-top:10px;}
	}
@media (max-width:810px) {
	.snewsc ul li{width:calc(50% - 20px);}
	.snewsc{padding-top:30px;}
	.snews{ padding-top:30px;}
	.snewsc ul li .snewzy{ overflow:hidden}
	}
@media (max-width:450px) {
	.snewsc ul li{width:100%;padding:0;}
	.snewsc ul li .snewimg img{ width:100%;}
	.snewsc ul li .snewzy{ margin-top:0px;}
	}


.foot{ background:#000000; padding:80px 0px 65px; border-bottom:1px solid #4d4d4d;}
.footm{ width:1200px; margin:0 auto; overflow:hidden;}
.flogo{ float:left;}
.fnav{ float:left; margin-left:40px}
.fnav ul li{ float:left; margin-right:40px;}
.fnav ul li>a{ color:#ffffff; font-size:16px;}
.fnav ul li .fnavul{ margin-top:23px;}
.fnav ul li .fnavul .fnavli{ font-size:13px; margin-bottom:10px; }
.fnav ul li .fnavul .fnavli a{ color:#fff; opacity:0.3;}
.fnav ul li .fnavul .fnavli a span{ font-family:'宋体';}
.fnav ul li .fnavul .fnavli:hover a{ opacity:0.8;}
.fcontact{ float:right;}
.fcontacttit{ font-size:16px; color:#fff;}
.fcontact img{ margin-top:25px;}
.fcontact p{ margin-top:20px; text-align:center; color:#fff; font-size:14px; opacity:0.6;}

@media (max-width:1200px) {
	.footm{ width:93.75%;}
	.flogo{ width:16.67%;}
	.fnav{margin-left: 2.5%;}
	.fnav ul li{margin-right: 40px;}
	.fcontact{ display:none;}
	}
@media (max-width:1100px) 
{
    .fnav ul li{ margin-right:20px;}
    }
@media (max-width:980px) {
	.foot{ padding:30px 0;}
	.flogo{ width:auto; text-align:center; float:none;}
	.flogo img{ width:15%;}
	.fnav{margin-left:0; float:none; text-align:center; margin-top:10px;}
	.fnav ul li{margin-right:0px; width:14%;}
	}
@media (max-width:700px) {
	.fnav{ display:none;}
	
	.foot{ padding:10px 0;}
	.flogo img{ width:20%;}
	}
@media (max-width:500px) 
{
    .flogo img{ width:25%;}
    }
.footf{ background:#000; line-height:52px; color:#6a6a6a;}
.footf a{ color:#6a6a6a;}
.footfm{ width:1200px; margin:0 auto; overflow:hidden; position:relative;}
.footfl{ float:left;}
.footfr{ float:right;}
.tj{  display:inline-block;}
.gs{  text-align:center;}
@media (max-width:1200px) {
	.footfm{ width:93.75%;}
	}
@media (max-width:860px) {
	.footf{ line-height:24px; padding:0px 15pxs;}
	.footfl{ float:none; text-align:center;}
	.footfr{ float:none; text-align:center;}
	.gs{ display:none;}
	.tj{ display:none;}
	}
	
.qqpf{ position:fixed; right:0px; bottom:300px; background:url(../images/qqpf.png) no-repeat center #004583; width:37px; height:140px; z-index:666;}
.qqpf a{ display:block;width:37px; height:140px;} 	
@media (max-width:768px) 
{
    .qqpf{ display:none;}
    }
   

/*ny*/
.banner_ny{height:360px;background:url(../images/banner_ny.jpg) no-repeat center;}
.nybannerwap{ display:none;}

@media (max-width:768px) {
	.nybannerwap{ display:block;}
	.banner_ny{ display:none;}
	}


.content{ width:1200px; margin:0 auto; padding-bottom:40px;min-height:300px;}
.cleft{ float:left; width:270px;margin-top: -30px;}
.lefttop{background: #004583;height: 70px;padding: 20px 0px 0px 20px;color: #FFF;font-size: 28px;font-weight: normal;line-height: 42px;text-align: left; font-weight:bold;}
.leftcon ul li{ padding-left:20px; border-left:1px solid #f2f2f2; background:#f2f2f2; line-height:46px; font-size:14px;} 
.leftcon ul li a{ display:block; color:#333;}
.leftcon ul li:hover{border-left:1px solid #004583; background:#fff;}
.leftcon ul li:hover a{ color:#004583;}
.leftcon ul .leftconli{border-left:1px solid #004583; background:#fff;}
.leftcon ul .leftconli a{ color:#004583;}
.cright{ width:calc(100% - 300px); float:right; padding-bottom:30px;}
.rightlg{ line-height:40px; overflow:hidden; border-bottom:1px solid #cccccc; margin-top:20px;}
.righttiti{ font-size:18px; color:#333; font-weight:bold; float:left; }
.rightlj{ float:right; font-size:13px;}
.rightlj a{ color:#666666;}
.about{ font-size:14px; line-height:2em; color:#333; padding:20px;}
.contact{font-size:14px; line-height:2em; color:#333; padding:20px;}

@media (max-width: 1200px){
	.content{ width:93.75%;}
	.cright img{ max-width:100%;}
	}
@media (max-width: 768px){
	.cleft{ float:none; display:none;}
	.cright{ width:100%; float:none;}
	.contact iframe{ display:none;}
	}
@media (max-width: 640px){
	.rightlg{ display:none;}
	}
/*honor*/
.honor ul{margin-top:20px;overflow:hidden;margin-bottom: 20px;display: grid;grid-template-columns: repeat(3,1fr);GAP: 30PX 10PX;}
.honor ul li{float:left;/* width:33.33%; *//* margin-bottom:15px; */}
.honor ul li a{ display:block; padding:0px 15px;}
.honor ul li .productsimg{ overflow:hidden;}
.honor ul li img{ max-width:100%;transition:all 0.5s;}
.honor ul li:hover .productsimg img{ transform:scale(1.1,1.1)}
.honor ul li p{ text-align:center; font-size:14px; color:#333; margin-top:15px;}
.honor ul li:hover p{ color:#004583}

.honor .pageNavi{ margin-bottom:15px;}

@media (max-width: 850px){
.honor ul {/* width:50%; */    grid-template-columns: repeat(2,1fr);}
	}

/*honorshow*/
.honorshow{ margin-top:20px; margin-bottom:20px;}
.honorshow .bshare-custom{ text-align:center; margin-top:10px;}

.hon_tit{ line-height:36px; background:#004583; border-radius:3px; margin-top:20px; padding-left:20px; color:#fff; font-size:16px;}
.hon_con{font-size:14px; line-height:2em; color:#333; padding:20px;}

/*product*/
.produtct{ margin-bottom:20px;}
.produtct ul{ margin-top:20px; margin-bottom:10px; overflow:hidden}
.produtct ul li{ float:left; width:33.33%; margin-bottom:15px;}
.produtct ul li a{ display:block; padding:0px 15px;}
.produtct ul li .productsimg{ overflow:hidden;}
.produtct ul li img{ max-width:100%;transition:all 0.5s;}
.produtct ul li:hover .productsimg img{ transform:scale(1.1,1.1)}
.produtct ul li p{ text-align:center; font-size:14px; color:#333; margin-top:15px;}
.produtct ul li:hover p{ color:#004583}

.pageNavi{ text-align:center; }
.pageNavi a{ display:inline-block; width:30px; line-height:30px; border:1px solid #edeef2; color:#666666; margin:0px 4px; font-size:14px; margin-bottom:10px;}
.pageNavi span{display:inline-block; width:30px; line-height:30px;border:1px solid #edeef2;color:#666666;margin:0px 4px;font-size:14px; margin-bottom:10px;}
.pageNavi .current{ color:#fff; background:#004583; border:1px solid #004583;}

/*produtctshow*/
.produtctshow{ margin-top:20px; margin-bottom:20px;}
.nss_tit{ text-align:center; font-size:20px; color:#333; }
.produtctshow .bshare-custom{ text-align:center; margin-top:10px;}
.pss_img{ text-align:center; margin-top:10px;}

.ns_pn{ font-size:14px; line-height:30px; margin-top:10px; color:#333; margin-bottom:10px;}
.ns_pn a{ color:#333;}

.pro_tit{line-height:36px; background:#004583; border-radius:3px; margin:20px 0px; padding-left:20px; color:#fff; font-size:16px;}

@media (max-width: 850px){
.produtct ul li{ width:50%;}
	}
@media (max-width: 640px){
	.bshare-custom{ display:none;}
	}
	
/*news*/
.news ul{ margin-top:20px; padding:0 10px}
.news ul li{ padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e9e9e9; overflow:hidden;}
.news ul li .newdate{ width:75px; float:left; background:#f2f2f2;text-align:center; color:#666;}
.news ul li .newdate .newri{ font-size:30px; line-height:50px; font-weight:bold; border-bottom:1px solid #fff;}
.news ul li .newdate .newyear{ line-height:22px;}
.news ul li .newr{ float:right; width:calc(100% - 100px);}
.news ul li .newr .newstit{font-size: 16px;font-weight: bold;line-height: 35px; color:#666;}
.news ul li .newr .newszy{color: #666;line-height: 22px; font-size:14px;}
.news ul li:hover .newstit{ color:#004583}

.news .pageNavi{ margin-bottom:10px;}



@media (max-width: 768px){
	.news ul li .newimg{ display: block;}
	.news ul li .newr{ width:calc(100% - 100px);}
	}
@media (max-width: 500px){
	.news ul li .newstit{ margin-top:10px;}
    .news ul li .newr .newszy{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
	}
@media (max-width: 400px)
{
    .news ul li .newr .newstit{ overflow:hidden; height:35px;}
    }

/*newsshow*/
.newsshow{margin-top:20px;}
.newstitel{    font-size: 16px;line-height: 25px;padding: 10px;text-align: center;font-weight: bold;}
.newsdate{ text-align:center; color:#666;}
.newsshow .bshare-custom{ text-align:center; margin-top:10px}
.newsshowcon{ margin-top:10px; line-height:2em; font-size:14px;}


/*feedback*/
.jobContent{padding:20px 10px;}
.jobContent .jobInfo{width:100%;background:#FFF;box-shadow:0px 0px 5px #999;text-indent:20px;text-align:left;}
.jobContent form{background:#FFF;box-shadow:0px 0px 5px #999;padding:20px 10px;}
.jobContent form .input-group{margin:20px;position: relative; display: table;border-collapse: separate; width:calc(100% - 20px);text-align: center;border-radius: 4px;border: 1px solid #ccc;}
.jobContent form .input-group .input-group-addon{width: 81px;padding: 6px 12px;font-size: 14px;color: #555;text-align: center;background-color: #eee;display: table-cell;white-space: nowrap;vertical-align: middle; border-right:1px solid #ccc;}
.jobContent form .input-group .form-control{display:table-cell;width:98%;padding: 6px 0px 6px 2%;font-size: 14px;color: #555; background-color: #fff; position:relative; z-index:2; border:0px; outline:none;}
.jobContent form .input-group .btn{ width:100%; background:#004583; border:0px; line-height:34px; height:34px; font-size:14px;border-radius: 4px; color:#fff;}



@media (max-width: 768px){
	.jobContent form{padding:5px 0;}
	.jobContent form .input-group .input-group-addon{ width:60px;}
	.jobContent form .input-group{width:calc(100% - 30px);}
	}