@charset "utf-8";
/* CSS Document */
body,p,ul,h1,h2,h3,h4{ padding:0px; margin:0px; font-family:"微软雅黑"}
li{ list-style:none; padding:0px; margin:0px}
.w1200{ width:1200px; margin-left:auto; margin-right:auto}
.ov{ overflow:hidden}
.bg{ background:#f5f5f5; padding-top:30px; padding-bottom:40px; margin-top:50px}
.bgwhite{padding-top:30px; padding-bottom:40px;}
.header{ padding-left:10px; padding-right:10px}
.header:after{ content:""; clear:both; display:block}
.header img{ float:left; display:inline; margin-top:20px}

nav{  height:50px;  position:relative; z-index:2; float:right; display:inline}
.top-nav {
	list-style:none;
	margin:0 auto;
	
}
.top-nav li {
	float:left;
	list-style:none;
	width:120px;
	text-align:center;
	display:block
	
}
.top-nav  span{ background:#9d9d9d; width:1px; height:13px; display:block; display:inline-block; float:left; margin-top:40px}
.top-nav li a {
	text-decoration:none;
	font-size:14px;
	color:#666666;
	display:block;
	font-family:"微软雅黑";
	line-height:90px
	
	
}

.top-nav li a:hover ul{ display:block}
.top-nav li ul li a{background:rgba(0,0,0,0.5);}
.top-nav li ul li a{	border-right:#b71117 solid 0px; font-size:13px;}
.top-nav li a:hover {
	color:#fff;
}
.top-nav li:hover {
	color:#fff;
		background:rgba(0,0,0,0.5);
}
.top-nav li:hover a {
	color:#fff;
		
}
.top-nav li a:hover ul {
	background:rgba(0,0,0,0.5);
	color:#FFF;
}
.top-nav ul {
	list-style:none;
	display:none;
	width:120px;
	padding:0px;
	position:absolute; 
	
	
}
.top-nav li ul li{ position:relative}
.top-nav li ul li ul {
	position:absolute;
	top:1px;
	left:120px;
}
.top-nav li ul li a{ line-height:40px; border-top:#9d9d9d solid 1px; color:#FFF}
.top-nav li ul li a i:after{ content:"+"; font-style:normal; padding-top:10px}
.top-nav li ul li:hover i:after{ content:"-"; font-style:normal; padding-top:10px}

.pc{ margin-top:14px}
.adv { margin-top:50px;}
.adv li{ float:left; width:299px; text-align:center; border-right:#e2e2e2 solid 1px;}
.adv li:last-child{ border-right:#e2e2e2 solid 0px;}
.advfonts{ font-family:"CNew"; font-size:60px; color:#b3b3b3;}
.adv p{ color:#b3b3b3; font-size:14px;}


.f{ background:#FFF; transition:0.2s; text-align:center}
.f img{ max-width:100%}
.f span{ overflow:hidden; width:90%; display:block; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#666666; line-height:50px;margin:0 auto}
.f p{ overflow:hidden; width:90%;  font-size:14px; color:#666666; line-height:30px; margin-top:10px; margin:0 auto}
.f a{ text-decoration:none}
.f a:last-child{ text-decoration:none; font-size:12px; color:#666; width:117px; margin:30px auto 50px auto; display:block; text-align:center; line-height:30px; border:#dddddd solid 1px; border-radius:20px}
.f:hover{ -moz-box-shadow:0px 30px 15px #dddddd; -webkit-box-shadow:0px 30px 15px #dddddd; box-shadow:0px 30px 15px #dddddd;}
.f:hover  a:last-child{ background:#dddddd;}

.title{ text-align:center; margin-top:60px}
.title h2{ font-size:34px; color:#666666; font-weight:bold; line-height:50px}
.title p{ font-size:14px; color:#666666; font-family:Arial, Helvetica, sans-serif; margin-top:5px}

.sciencepc{ margin-top:40px; padding-bottom:80px}

.product{ margin-top:60px}
.product:after{ content:""; display:block; clear:both}
.fs{ background:#FFF; text-align:center}
.fs img{ max-width:100%}
.fs span{ overflow:hidden; width:90%; display:block; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#666666; line-height:50px;margin:0 auto}
.fs a{ text-decoration:none}
.fs:hover img{ opacity:0.8}

.list{ text-align:center; margin-top:30px}
.list a{ font-size:14px; color:#666666; text-decoration:none;border:#dddddd solid 1px; margin: 0 auto ; padding:10px 20px 10px 20px; }
.list a.act{background:#dddddd;}
.list a:hover{background:#dddddd;}

.about{ background:url(../images/bg_02.jpg) no-repeat center; height:849px; margin-top:40px; }

.about-box a{ text-decoration:none}
.about-img img{ margin-top:131px; border-radius:20px; }
.about-left,.about-right{float: left;overflow: hidden;}
.about-left{ width:61%}
.about-right{ width:39%}
.about-left p{ font-size:14px; color:#666666; line-height:35px; margin-top:15px;}
.aboutFonts{ width:90%; margin-left:40px; margin-top:200px }
.aboutFonts h1{ font-size:34px; color:#666666; font-weight:bold; padding:0px; margin:0px; padding-top:30px; padding-bottom:10px;}
.aboutFonts span{ font-size:14PX; color:#666666; font-family:Arial, Helvetica, sans-serif}
.m{border:#d7d7d7 solid 1px; width:202px; float:left; text-align:center; font-size:16px; color:#666666; display:block; border-radius:30px; line-height:50px; margin-top:60px; transition:0.2s}
.m:hover{ color:#666; background:#ddd}

.news img{ width:260px; height:158px;  display:inline-block; float:right}
.news  a{ text-decoration:none; color:#666}
.news  a span{  color:#666;}
.news  .ps{ font-size:12px; color:#bbbbbb; }

.news  p:last-child{ font-size:14px; color:#666666; line-height:28px; margin-top:10px}
.news li{ overflow:hidden; margin-top:40px; border-bottom:#eaeae9 solid 1px; padding-bottom:40px; position:relative}
.news li:last-child{ border-bottom:#eaeae9 solid 0px;}
.news div{ float:left; width:840px}
.g{ position:absolute; left:0; bottom:0; height:1px;  transition:0.5s; border-bottom:#c5c5c5 solid 1px; width:0px}
.news li:hover .g{ width:100%}


.contactbox{ overflow:hidden; margin-top:60px; padding-bottom:80px}
.contactleft{ width:500px; height:300px; float:left; overflow:hidden; border:#dadada solid 1px}
.contactright{ width:600px; float:right}
.contactright li{ text-align:left; font-size:15px; color:#666666; margin-bottom:14px}
.contactright li div{ background:#FFF; width:130px; float:left; text-align:center; padding:10px; margin-right:20px}
.contactright li img{ width:120px; height:120px; margin-bottom:5px; display:inline-block}
.contactright li span{ font-size:14px; display:inline-block; width:100%}

.footer{ background:#343434; color:#FFF; text-align:center;text-align:center; line-height:80px;font-size:15px;}
.footer a{ color:#FFF; text-decoration:none}
.izl-rmenu{position:fixed;right:0px;bottom:10px;padding-bottom:73px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;}
    .izl-rmenu .btn1{width:50px;height:50px;margin-bottom:1px;cursor:pointer;position:relative; border-radius:2px}
    .izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#222222;}
    .izl-rmenu .btn-qq:hover{background-color:#222222;}
    .izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{/* background:url(../images/r_qq.png) 0px 0px no-repeat; */background-color:#006a4f;text-decoration:none;display:block;}
    .izl-rmenu .btn-wx{background:url(../images/kf_wx.png) 0px 0px no-repeat;background-color:#222222;}
    .izl-rmenu .btn-wx:hover{background-color:#222222;}
    .izl-rmenu .btn-wx .pic{position:absolute;left:-110px;top:0px;display:none; background:#FFF; padding:5px;-moz-box-shadow:0px 0px 4px #636870; -webkit-box-shadow:0px 0px 4px #636870; box-shadow:0px 0px 4px #636870;width:96px !important;height:96px !important;}
	 .izl-rmenu .btn-wx .pic img{width:96px !important;height:96px !important;}
    .izl-rmenu .btn-phone{background:url(../images/kf_tel.png) 0px 0px no-repeat;background-color:#222222;}
    .izl-rmenu .btn-phone:hover{background-color:#222222;}
    .izl-rmenu .btn-phone .phone{background-color:#222222;position:absolute;width:160px;left:-160px;top:0px;line-height:50px;color:#FFF;font-size:18px;text-align:center;display:none;}
    .izl-rmenu .btn-top{background:url(../images/kf_top.png) 0px 0px no-repeat;background-color:#222222;display:none;}
    .izl-rmenu .btn-top:hover{background-color:#222222;}
	
	.izl-rmenu .btn-color{background:url(../images/sz.png) 0px 0px no-repeat;background-color:#c31920;}
    .izl-rmenu .btn-color:hover{ background:url(../images/sz.png);background-color:#c31920;}
    .izl-rmenu .btn-color .pic{position:absolute;left:-200px;top:0px;display:block;width:200px;height:76px;background-color:#c31920;}
	 .izl-rmenu .btn-color .pic div{ width:18px; height:18px; float:left; border-radius:100%; margin-top:25px; margin-left:15px}
	 .izl-rmenu .btn-color .pic .blue{  
        background-color: #0982ec; 
    }
   .izl-rmenu .btn-color .pic .dblue{ 
        background-color: #006a4f; 
    }
    .izl-rmenu .btn-color .pic .red{ 
        background-color: #a50109; 
    }
	 .izl-rmenu .btn-color .pic .black{ 
        background-color: #08a172; 
    }
	.izl-rmenu .btn-color .pic .yellow{ 
        background-color: #dd932a; 
    }
		.izl-rmenu .btn-color .pic .xmh{ 
        background-color: #5dc800; 
    }

.h{ height:60px; display:none}
.footerNavs{position:fixed; bottom:0; z-index:99999; width:100%; background:#FFF; border-top:#dddddd solid 1px; display:none; padding-bottom:10px; padding-top:10px;border-bottom:#dddddd solid 1px;}
.footerNavs a{ color:#FFF; font-size:14px; text-decoration:none}
.footerNavs ul{ overflow:hidden}
.footerNavs ul li{ float:left; width:24%; text-align:center;  border-right:#dddddd solid 1px;}
.footerNavs ul li:last-child{border-right:none;}
.c{ color:#666666}

/* PB模板库：Www.PBku.Cn */
/* QQ：43171398 */
/* PBOOTCMS模板交流群号：183945698*/
/* 商龙PBootCMS模板下载  http://www.EcLong.com */
/* 八戒站长 http://www.BaJieZhan.Com  */
/* 站长源码城 整站模板下载网站 Www.CnYmc.Com */
/* 淘搜：Www.TaoSou.Net */
/* 素材海：Www.SuCaiHai.Com */
/* 模板齐：Www.MoBanQi.Com */
/* 开发堂模板网：Www.KaiFaTang.Com */
/*************************/
.ban{ width:100%; position:relative; overflow:hidden; height:500px;top:14px;}
.bans{ width:1920px; position:absolute; left:50%; margin-left:-960px; height:500px}
.bans img{ width:1920px; height:500px;}	
.sub{position:absolute; left:20px; right:0;  bottom:240px}
.sub_title{color:#313131; font-weight:bold; font-size:30px; padding:10px 20px 10px 20px; background:rgba(255,255,255,0.5); width:160px; text-align:center}

.dqwz{line-height:80px; color:#666666; font-size:14px;-moz-box-shadow:0px 0px 6px #dfdfdf; -webkit-box-shadow:0px 0px 6px #dfdfdf; box-shadow:0px 0px 6px #dfdfdf; padding-left:15px; padding-right:15px}
.dqwz img{}
.lm{ float:right}
.lm li{ float:left}
.lm a{ margin-left:40px;}
.lm a:hover{  padding-bottom:30px;border-bottom:#3b3b3b solid 2px}
.lm a.act{ padding-bottom:30px; border-bottom:#3b3b3b solid 2px}
.dqwz a{ text-decoration:none; color:#666666}
.containter{ margin-top:20px; margin-bottom:20px; padding-left:15px; padding-right:15px;}
.containter img{ max-width:100%; width:auto}

.new{ padding-left:15px; padding-right:15px;}
.page{ text-align:center; margin-bottom:40px; margin-top:10px}
.page a{ font-size:14px; color:#666666; text-decoration:none; padding:5px 10px 5px 10px; border:#d9d9d9 solid 1px; margin-left:10px}
.page a.page-num-current{ background:#d9d9d9;}

.lists{ overflow:hidden}
.lists .swiper-slide{ float:left; width:24%; margin-right:0.5%; margin-left:0.5%; margin-top:2%; margin-bottom:2%}

.ft{ border-bottom:#dddddd solid 1px; margin-top:10px}
.ft a:last-child{ margin:5px auto 20px auto}
.s{margin-top:2%; margin-bottom:-3%}

.titles{ color:#666666; font-size:18px; text-align:center; margin-top:20px}
.ts{ font-size:12px; color:#b0b0b0; text-align:center; line-height:50px; border-bottom:#d9d9d9 solid 1px; margin-left:15px; margin-right:15px}
.next{ overflow:hidden; margin-top:20px; border-bottom:1px #e5e5e5 solid; border-top:1px #e5e5e5 solid; padding:10px 0 10px 0; line-height:30px;margin-left:15px; margin-right:15px}
.next a{ font-size:12px; color:#666666; display:block; text-decoration:none;}