@charset "utf-8";
/* CSS Document */
body,p,ul,h1,h2,h3,h4,nav{ padding:0px; margin:0px; font-family:"微软雅黑"}
li{ list-style:none; padding:0px; margin:0px}
img{ border:none}
.w1200{ width:1200px; margin-left:auto; margin-right:auto}
.ov{ overflow:hidden}
.bg{ background:#f3f6fd; padding-top:1px; padding-bottom:60px; margin-top:60px}

.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:#666; 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{	border-right:#b71117 solid 0px; font-size:13px;}
.top-nav li a:hover {
	color:#fff;
}

.top-nav li:hover a {
	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:#0067c2 solid 0px; 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:13px}

.ys{ overflow:hidden; margin-top:80px;}
.ys li{ float:left; width:33.33333333%; text-align:center;}
.ys img{ float:left; display:inline; width:55px; margin-right:20px}
.ys div{ float:left; display:inline; text-align:left}
.ys div span{  font-size:24px}
.ys div p{ color:#666; font-size:14px;}


.about{ background:#f3f6fd; overflow:hidden; margin-top:80px; height:526px}
.about-box a{ text-decoration:none}
.about-left,.about-right{float: left;overflow: hidden;}
.about-left{ width:50%}
.about-right{ width:50%;}
.about-left p{ font-size:14px; color:#666666; line-height:35px; margin-top:15px;}
.aboutFonts{ width:90%; margin-left:40px; margin-top:30px }
.aboutFonts h1{ font-size:44px; font-weight:bold; padding:0px; margin:0px; padding-top:30px; padding-bottom:10px;}
.aboutFonts span{ font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
.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:20px; display:block; clear:both}
.m:hover{ color:#fff;}
.aboutFonts div { float:left; overflow:hidden; width:33%;margin-top:30px}
.aboutFonts div img{ width:45px; float:left; margin-right:20px; }
.aboutFonts div strong p{ margin-top:0px; line-height:20px; font-weight:normal}

.title{ text-align:center; margin-top:60px}
.title h1{ font-size:44px;}
.title span{ font-size:20px; font-weight:bold}

.f div{ width:90%; margin:0 auto}
.f img{ max-width:100%; width:auto}
.listpc{ text-align:center; margin-top:40px;}
.f span{ width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; display:block; color:#666; line-height:50px;}
.f a{ text-decoration:none}
.more{ color:#666; font-size:14px; border-radius:20px; border:#b5b5b5 solid 1px; width:100px; line-height:28px; text-align:center; display:block}
.f{ position:relative}
.subs{ text-align:center; margin-top:30px}
.subs a{ font-size:14px; color:#666666; text-decoration:none; border:#b5b5b5 solid 1px; border-radius:20px; width:120px; display:inline-block; margin:0 auto; line-height:32px; margin-bottom:10px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.subs a.act{ color:#FFF}

.productpc{ margin-top:40px}
.height{ margin-top:60px}

.new{ width:94%; margin:0 auto; overflow:hidden; margin-top:20px}
.new a{ text-decoration:none}
.new li{ float:left; width:46%; margin-top:2%;padding-bottom:20px; margin-right:1%; padding-top:20px; padding-left:20px; padding-right:20px; border:#e3ebfc solid 1px; position:relative; overflow:hidden}
.new li:nth-child(even){ margin-right:0%}
.new h1{ font-size:18px; color:#666; font-weight:normal; line-height:50px}
.new time{ font-size:12px; color:#c2c2c2; font-family:Arial, Helvetica, sans-serif}
.new p{ font-size:14px; color:#666666; line-height:30px; margin-bottom:20px}
.new li img{ width:200px;height:130px; float:left; margin-right:20px}
.new li span{ position:absolute; left:0; top:0;  width:10px; transition:0.5s;}
.new li:hover span{ width:100%}

.list1pc{ margin-top:40px}



.lxwm ul{ overflow:hidden; margin-top:60px}
.lxwm li{ float:left; width:24.94%; text-align:center; border-right:#e0e0e0 solid 1px; padding-bottom:20px;}
.lxwm li:last-child{ border-right:#e0e0e0 solid 0px;}
.lxwm li p{ margin-top:20px; line-height:35px}
.lxwm li  div{ font-size:24px !important; font-weight:bold; line-height:50px}
.lxwm li  strong{ line-height:30px; font-size:20px; font-weight:normal}
.lxwm li span{-moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s}
.lxwm li:nth-child(1) span{width:128px; height:128px; overflow:hidden;margin:0 auto;  text-align:center; display:block; border-radius:128px;}
.lxwm li:hover:nth-child(1) span{ width:128px; height:128px; overflow:hidden;margin:0 auto;  text-align:center; display:block; border-radius:128px}

.lxwm li:nth-child(2) span{width:128px; height:128px; overflow:hidden;margin:0 auto;  text-align:center; display:block; border-radius:128px;}
.lxwm li:hover:nth-child(2) span{width:128px; height:128px; overflow:hidden;margin:0 auto;  text-align:center; display:block; border-radius:128px}

.lxwm li:nth-child(3) span{width:128px; height:128px; overflow:hidden;margin:0 auto;  text-align:center; display:block; border-radius:128px;}
.lxwm li:hover:nth-child(3) span{width:128px; height:128px; overflow:hidden;margin:0 auto;  text-align:center; display:block; border-radius:128px}
.lxwm li:nth-child(4) span{width:128px; height:128px; overflow:hidden;margin:0 auto;  text-align:center; display:block; border-radius:128px;}
.lxwm li:hover:nth-child(4) span{ width:128px; height:128px; overflow:hidden;margin:0 auto;  text-align:center; display:block; border-radius:128px}

.lxwm li:hover span{ -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -webkit-transform:rotate(360deg)}
.lxwm li:nth-child(1) span{ background:#f3f6fd url(../images/lxwm_icon01.png) no-repeat center; }


.lxwm li:nth-child(2) span{ background:#f3f6fd url(../images/lxwm_icon02.png) no-repeat center; }


.lxwm li:nth-child(3) span{ background:#f3f6fd url(../images/lxwm_icon03.png) no-repeat center;}

.lxwm li:nth-child(4) span{ background:#f3f6fd url(../images/lxwm_icon04.png) no-repeat center;}


.footer{ color:#FFF; text-align:center;text-align:center; line-height:80px;font-size:15px; margin-top:30px;}
.footer a{ color:#FFF; text-decoration:none}

.izl-rmenu{position:fixed;right:0px;bottom:10px;padding-bottom:73px;background:url(/Public/index/floatitem/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(/Public/index/floatitem/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}

/***************************/
.ban{ width:100%; position:relative; overflow:hidden; height:600px;top:13px;}
.bans{ width:1920px; position:absolute; left:50%; margin-left:-960px; height:600px}
.bans img{ width:1920px; height:600px;}	
.sub{position:absolute; left:12px; right:0;  bottom:300px}
.sub_title{ font-weight:bold; font-size:30px; padding:10px 20px 10px 20px; background:rgba(255,255,255,0.5); width:160px; text-align:center; color:#000}

.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; overflow:hidden; margin-top:15px}
.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}


.lxwmtitle{ text-align:center; padding-top:50px}
.lxwmtitle h1{ font-size:54px; padding:0px; margin:0px; font-weight:bold; padding-bottom:10px}
.lxwmtitle p{ color:#666666}
.lxwm ul{ overflow:hidden; margin-top:60px}
.lxwm li{ float:left; text-align:center; border-right:#e0e0e0 solid 1px; padding-bottom:20px;}
.lxwm li:last-child{ border-right:#e0e0e0 solid 0px;}
.lxwm li p{ margin-top:20px; line-height:35px}
.lxwm li  div{ font-size:24px !important; font-weight:bold; line-height:50px}
.lxwm li  strong{ line-height:30px; font-size:20px; font-weight:normal}
.lxwm li:nth-child(1) span{ background:#f7f7f7 url(../images/lxwm_icon01.png) no-repeat center; width:128px; height:128px; overflow:hidden;margin:0 auto;  text-align:center; display:block; border-radius:128px;}
.lxwm li:hover:nth-child(1) span{ width:128px; height:128px; overflow:hidden;margin:0 auto;  text-align:center; display:block; border-radius:128px}

.lxwm li:nth-child(2) span{ background:#f7f7f7 url(../images/lxwm_icon02.png) no-repeat center; width:128px; height:128px; overflow:hidden;margin:0 auto;  text-align:center; display:block; border-radius:128px;}
.lxwm li:hover:nth-child(2) span{ width:128px; height:128px; overflow:hidden;margin:0 auto;  text-align:center; display:block; border-radius:128px}

.lxwm li:nth-child(3) span{ background:#f7f7f7 url(../images/lxwm_icon03.png) no-repeat center; width:128px; height:128px; overflow:hidden;margin:0 auto;  text-align:center; display:block; border-radius:128px;}
.lxwm li:hover:nth-child(3) span{  width:128px; height:128px; overflow:hidden;margin:0 auto;  text-align:center; display:block; border-radius:128px}
.lxwm li:nth-child(4) span{ background:#f7f7f7 url(../images/lxwm_icon04.png) no-repeat center; width:128px; height:128px; overflow:hidden;margin:0 auto;  text-align:center; display:block; border-radius:128px;}
.lxwm li:hover:nth-child(4) span{ width:128px; height:128px; overflow:hidden;margin:0 auto;  text-align:center; display:block; border-radius:128px}

.ewm{height:534px;background:url(../images/lxwm_ewmbg.png) center no-repeat fixed;text-align:center;color:#fff;}
.ewm h2{ font-size:36px; line-height:58px; padding-top:54px;}
.ewm p{ font-size:24px; line-height:42px;}
.ewm span{ display:block; font-size:18px; line-height:45px;}
.ewm img{ display:block; margin:63px auto 0;}

.ditu{ width:100%; height:auto; position:relative;}
.ditu img{ display:block; width:100%; height:auto;}
.ditu p{ position:absolute; left:0; bottom:0; z-index:10; text-align:center; background:rgba(0,128,59,0.8); font-size:24px; color:#fff; line-height:92px; width:100%;}

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

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

.case { overflow: hidden}
.case li{ width:24%; float:left; margin-top:2%;  margin-left:0.5%;margin-right:0.5%; text-align:center; background:#f2f2f2;}
.case li img{ max-width:100%; width:auto; display:block}
.f span{ line-height:60px; display:block}