/* 风格酷模版网 做优质整站源码下载网站 www.FengGeKu.com */

/* QQ群：434230249 */





/* 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;}
/*sun fontsize 60*/
.advfonts{ font-family:"CNew"; font-size:30px; color:#b3b3b3;}

.adv p{ color:#b3b3b3; font-size:14px;}





.f{ background:#FFF; transition:0.2s; text-align:center}
/*sun 450px*/
.f img{ max-width:100%;  width: 450px;height: 450px}

.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(http://anli.kaibaidu.com/yl354/pc/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(../image/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(../image/r_qq.png) 0px 0px no-repeat; */background-color:#006a4f;text-decoration:none;display:block;}

    .izl-rmenu .btn-wx{background:url(../image/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(../image/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(../image/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(http://anli.kaibaidu.com/yl354/pc/images/sz.png) 0px 0px no-repeat;background-color:#c31920;}

    .izl-rmenu .btn-color:hover{ background:url(http://anli.kaibaidu.com/yl354/pc/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}



/*************************/

.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;}

@media(max-width: 767px){
	.a_con{
		margin-left: 0px !important;
	}
	.c_con{
		margin-left: 0px !important;
		float: none !important;
	}
	.c_map{
		margin-right: 0px !important;
		float: none !important;
	}
	.f img{
		width: 180px;
		height: 180px;
	}
}