@charset "utf-8";
/* CSS Document */
body{ padding:0px; margin:0px; font-family:"微软雅黑"; overflow-x:hidden}
li{ list-style:none}
p,ul,dl,dd,h1,h2,h3,dl,dt,dd{ padding:0px; margin:0px;}
img{ border:0}
.w1200{ width:1200px; margin-left:auto; margin-right:auto}
.w{ width:105%}

.top{ overflow:hidden;line-height:40px;}
.top p{ display:inline; float:left; font-size:14px; color:#fff;}
.top a{ display:inline; float:right; font-size:14px; color:#fff;  text-decoration:none; margin-left:12px; padding-right:12px }
.top span{ display:inline; float:right; color:#bdbdbd; font-size:12px;}
.one{ background:#f18101; width:12px; height:12px; margin-top:15px;border:#ffffff solid 1px}
.twos{ background:#e81215; width:12px; height:12px;margin-top:15px;border:#ffffff solid 1px}
.three{ background:#00b6b7; width:12px; height:12px;margin-top:15px;border:#ffffff solid 1px}
.four{ background:#0982ec; width:12px; height:12px;margin-top:15px;border:#ffffff solid 1px}
.five{ background:#314693; width:12px; height:12px;margin-top:15px; border:#ffffff solid 1px}


.header{ overflow:hidden; margin-top:30px;}
.header .logo{ float:left; display:inline}
.header .ad{ float:left; display:inline; border-left:#e0e0e0 solid 1px; margin-left:14px; padding-left:14px;}
.header .ad p:nth-child(1) { font-size:24px; color:#666666; margin-bottom:5px}
.header .ad p:nth-child(2){ color:#666; font-size:16px;}
.header .tel{ float:right; display:inline;}
.header .tel span{ float:left; display:inline; margin-right:15px; width:61px; height:61px; border-radius:100%; text-align:center;}
.header .tel span img{ margin-top:13px}
.header .tel div{ float:right; display:inline}
.header .tel div  p:nth-child(1){ font-size:16px; color:#666;}
.header .tel div  p:nth-child(2){ font-size:30px; font-weight:bold}


.nav{height:50px; z-index:9999;  position:fixed; top:165px;width:1200px; margin:0 auto; right:0; left:0}
.nav li{ float:left; width:149px; position:relative; z-index:9999; padding-top:12px; padding-bottom:13px; color:#fff; font-size:18px; text-align:center;}
.nav ul{ width:105%}
.nav li:first-child{ border-left:#000 solid 0px !important;}
.nav li:last-child{ border-right:#000 solid 0px !important;}
.nav li a{ text-decoration:none;}
.nav li a span{ color:#fff;  display:inline-block;line-height:25px; font-size:16px}
.nav li a img{ margin-right:8px; float:left; padding-top:2px; padding-left:52px;}
.nav li:hover a span{ color:#fff}
.s{ display:none; position:absolute; width:149px; top:50px;}
.s a{ display:block; color:#000; line-height:40px; text-align:center; font-size:14px; display:block; }
.s a:first-child{border-top:#0367be solid 0px;  }
.nav li:hover .s{ display:block;}
.nav li:hover .s a{ color:#fff}
.nav li.act a span{ color:#fff}
.headers{ top:0px;height:50px; width:100%}
.headers li{ float:left; width:149px; position:relative; z-index:9999; padding-top:11px; padding-bottom:14px; color:#fff; font-size:16px; text-align:center;}
.headers  .s{ top:50px; width:149px}
.headers li a span{ color:#fff;  display:inline-block;line-height:25px; font-size:16px}


.pc{ margin-top:50px;}

.serov{ overflow:hidden; margin-top:20px; -moz-box-shadow:0px 10px 10px 5px #e6e6e6; -webkit-box-shadow:0px 10px 10px 5px #e6e6e6; box-shadow:0px 20px 20px 5px #e6e6e6; ; padding-bottom:20px}
.serfonts{ display:inline; float:left; color:#666666; font-size:14px; margin-top:15px}
.serfonts a{ color:#666666; text-decoration:none; font-size:14px; margin-right:20px}
.serform{ float:right}
.serform input[type='text']{ line-height:40px; border-top:#dcdcdc solid 1px;border-left:#dcdcdc solid 1px;border-right:#dcdcdc solid 1px;border-bottom:#dcdcdc solid 1px; width:250px; padding-left:10px;}
.serform input[type='submit']{ line-height:40px; border-top:#dcdcdc solid 0px;border-left:#dcdcdc solid 0px;border-right:#dcdcdc solid 0px;border-bottom:#dcdcdc solid 1px; color:#fff;  width:100px}
.form{ padding:30px 0 30px 0; overflow:hidden}
.form h1{ text-align:center; color:#e7e7e7; margin-bottom:40px; font-weight:normal}
.form li{ float:left}
.form li input[type='text']{ border:none; margin-right:20px; line-height:40px; padding-left:15px; width:200px; color:#666666}
.form li input[type='submit']{ width:150px; line-height:40px; color:#ffffff;border:none;}


.form .tel{ float:right; display:inline; margin-top:-10px;}
.form .tel span{ float:left; display:inline; margin-right:15px; width:61px; height:61px; border-radius:100%; text-align:center;}
.form .tel span img{ margin-top:13px}
.form .tel div{ float:right; display:inline}
.form .tel div  p:nth-child(1){ font-size:16px; color:#fff;}
.form .tel div  p:nth-child(2){ font-size:30px; font-weight:bold; color:#fff}
	


.title-s { text-align:center; margin-top:60px; overflow:hidden; }
.title-s span{ font-size:30px; font-weight:bold; display:block; margin-bottom:15px; float:left}
.title a{ font-size:18px;  font-weight:normal; text-decoration:none; font-family:"微软雅黑";  float:right; margin-top:20px}




.nav_a{ margin-top:20px; margin-bottom:20px}
.nav_a hgroup{ text-align:center; overflow:hidden}
.nav_a hgroup a{ font-size:16px; color:#fff; text-decoration:none; line-height:50px;  display:block}
.nav_a li{margin-top:10px;width:170px; float:left; overflow:hidden}


.fwxm{ padding:3px 0 40px 0; margin-top:30px; background:url(../images/bg.jpg) no-repeat center fixed;background:#e5e5e5}
.fwxm h1{ text-align:center; font-size:16px; font-weight:bold; color:#fff; padding-top:100px;}
.cplist{text-align:center; margin-top:15px; background:rgba(255,255,255,1);  transition: all 0.5s; margin-bottom:0px; padding-bottom:30px; padding-top:10px; padding-left:10px; padding-right:10px}
.cplist span{  display:block; font-size:15px; line-height:50px}
.cplist img{ width:100%;}
.cplist a{ font-size:16px; color:#666666; text-decoration:none; text-align:center}i
.cplist span{ line-height:60px;  display:block}
.cpnav { text-align:center; margin-top:30px}
.cpnav a{ color:#FFF; font-size:16px; width:106px; height:35px; line-height:35px; text-align:center; text-decoration:none; display:inline-block;}
.cplist:hover span{  color:#666}
/*.cplist:hover{border-top-left-radius:6em;border-bottom-right-radius:6em;}*/
.height{ height:40px;}
.cplist .xx{ color:#fff; font-size:14px; width:140px; line-height:35px; display:inline-block; margin-right:20px}
.cplist .dg{ color:#666; font-size:14px; width:140px; line-height:34px; display:inline-block}


.caselost{ margin-top:40px;}
.caselist{ text-align:center; background:#FFF; overflow:hidden;-moz-box-shadow:0px 10px 10px 5px #e6e6e6; -webkit-box-shadow:0px 10px 10px 5px #e6e6e6; box-shadow:0px 20px 20px 5px #e6e6e6; }
.caselist span{  display:block; font-size:15px; color:#666}
.caselist img{ width:100%;transition: all 1.2s;
    -moz-transition: all 1.2s;
    -webkit-transition: all 1.2s;
    -o-transition: all 1.2s;}
.caselist a{ font-size:16px; color:#666666; text-decoration:none; text-align:center}
.caselist span{ line-height:60px;  display:block}
.caselist:hover span{  color:#000}
.caselist:hover img{ transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1); opacity:0.8;}
	
	
.font-s{ text-align:center; margin-bottom:50px;}
.font-s h1{font-size:46px; font-weight:normal}
.font-s p{ font-size:16px; color:#666; margin-top:10px}

.fwzx1{ background:url(../images/bg2.jpg) center no-repeat;  margin-top:40px; overflow:hidden; padding:60px 0 100px 0;  background-attachment:fixed; background:#e5e5e5}
.fwzx1 ul li { overflow:hidden; width:360px; background:#FFF; border-radius:0px; height:90px; margin-top:40px; padding-right:10px;}
.fwzx1 ul li span{ width:90px; height:90px; border-radius:0px; display:block; text-align:center; line-height:90px; color:#FFF; font-size:40px; margin-top:0px; display:inline-block; float:left; margin-right:20px}
.fwzx1 ul li p{ font-size:14px; color:#666; line-height:22px; margin-top:8px}



.fwzx1left{ width:350px; float:left}
.fwzx1right{ width:350px; float:right}
.fwzx1center{ width:489px; height:378px; float:left; margin-left:10px}
.fwzx1center li{ width:489px !important;border-radius:none; height:378px !important; background:none !important}
.fwzx1center li img{ width:489px !important;border-radius:none; height:378px !important;}

.about-box{	height: 450px;overflow: hidden; margin-top:60px; margin-bottom:40px}
.about-box a{ text-decoration:none}
.about-img img{/*float:right*/width:585px; height:450px}
.about-left,.about-right{width:600px;float: left;overflow: hidden;}
.about-right p{ font-size:16px; color:#666666; line-height:35px; margin-top:15px;}
.aboutFonts{ margin-left:40px; }
.aboutFonts h1{ font-size:30px; font-weight:normal; padding:0px; margin:0px; padding-bottom:10px;}
.aboutFonts span{ width:100px; height:2px; display:block;}
.m{width:180px; float:left; text-align:center; font-size:14px; color:#fff; display:block; line-height:45px; margin-top:30px; transition:0.2s}

.about ul{ overflow:hidden; background:#FFF;-moz-box-shadow:0px 10px 10px 5px #e6e6e6; -webkit-box-shadow:0px 10px 10px 5px #e6e6e6; box-shadow:0px 20px 20px 5px #e6e6e6; margin-top:20px; margin-bottom:50px}
.about ul li{ float:left; text-align:center; width:298px; overflow:hidden; border-right:#dddddd solid 1px}
.about ul li div{  display:inline-block}
.about ul li span{ display:inline-block; color:#666}
.about ul li span strong{ font-size:55px; }
.about ul li img{ text-align:center; margin-bottom:5px; margin-top:20px; transition: all 0.5s; }
.about ul li p{ font-size:15px; text-align:center; color:#666666; margin-bottom:30px}
.about ul li:hover img{transform: rotate(360deg);}
.about ul li:last-child{border-right:#dddddd solid 0px}


.news{ overflow:hidden; margin-bottom:0px; margin-top:20px}
.newsLeft{ width:570px; float:left}
.t{ overflow:hidden; border-bottom:#0093ec solid 1px; padding-bottom:8px;}
.t img{ float:left; display:inline; margin-right:10px;}
.t span{ color:#0093ec; font-size:18px; float:left}
.t a{ text-decoration:none; font-size:15px;color:#0093ec; float:right; display:inline; padding-top:6px;}
.newsPic{ margin-top:30px; overflow:hidden}
.newsPic h4{ padding:0px; margin:0px; color:#666666; font-size:14px; font-weight:normal; margin-top:10px;}
.newsPic img{ width:252px; height:170px; float:left; margin-right:20px;}
.newsPic a{ text-decoration:none; color:#666666; font-size:18px;}
.newsPic p{ font-size:14px; color:#666666; line-height:28px;margin-top:10px;}
.newsPic span{ font-size:16px; display:block; color:#2a2a2a}
.newsPic time{ font-size:14px; color:#666666; line-height:40px; width:290px; border-bottom:#e6e6e6 solid 1px; display:block; float:left; margin-bottom:3px;}
.newsPics{ margin-top:30px; overflow:hidden; width:105%}
.newsPics h4{ padding:0px; margin:0px; color:#666666; font-size:14px; font-weight:normal; margin-top:10px;}
.newsPics img{ width:280px; height:244px;}
.newsPics a{ text-decoration:none; color:#666666; font-size:18px; width:280px; display:block; float:left;margin-right:10px; text-align:center}
.newsPics p{ font-size:14px; color:#666666; line-height:28px;margin-top:10px;}
.newsPics span{ font-size:16px; display:block; line-height:60px; background:#f6f6f6}
.newsPics a:hover span{ background:#0982ec; color:#FFF}
.newsPics time{ font-size:14px; color:#666666; line-height:40px; width:290px; border-bottom:#e6e6e6 solid 1px; display:block; float:left; margin-bottom:10px;}
.more{ font-size:14px !important; margin-top:4px !important; display:block}
.newsRight{width:570px; float:right}
.newsFonts{ overflow:hidden; margin-top:20px;}
.newsFonts a{ font-size:15px; color:#666666; text-decoration:none}
.newsFonts li{ line-height:50px; border-bottom:#dbdbdb dotted 1px; overflow:hidden}
.newsFonts  img{vertical-align:middle; margin-right:8px;}
.newsFonts span{ float:right; font-size:12px; padding-top:0px;}
.title_1{ margin-top:55px; overflow:hidden; margin-bottom:0px; padding-bottom:10px}
.title_1 a{ font-size:16px; text-decoration:none; line-height:35px; display:inline; float:right;}
.title_1 p{ font-size:14px; color:#0982ec; float:left; display:inline; margin-top:5px;}
.title_1 strong{color:#0982ec; float:left; display:inline; font-weight:normal; margin-left:8px; margin-right:8px;}
.title_1 span{ font-size:24px; display:inline;  float:left; font-weight:bold}



footer{ margin-top:80px;box-shadow:6px 6px 6px #a1a1a1; box-shadow:6px 6px 6px #a1a1a1; box-shadow:6px 6px 6px #a1a1a1;}
.footernav{ text-align:center;}
.footernav a{ font-size:15px; color:#e0e0e0; text-decoration:none; line-height:60px; padding-left:30px; padding-right:30px;}

.copy{ margin-top:40px; overflow:hidden; padding-bottom:30px}
.copy li{ float:left; color:#e0e0e0;font-size:15px}
.copy li:nth-child(1){ }
.copy li:nth-child(1) img{ float:left; margin-right:25px}
.copy li:nth-child(1) dl{ float:left; font-size:14px}
.copy li:nth-child(1) dl dd{ line-height:35px; }
.copy li:nth-child(1) dl a{ color:#FFF; text-decoration:none; width:220px; display:block; text-align:center; line-height:40px; border-radius:30px; margin-top:10px}
.copy li:nth-child(2) dl{height:150px; margin-left:40px; padding-left:40px; line-height:30px}

.copy li:nth-child(3){ float:right; text-align:center}
.copy li:nth-child(3) span{ display:block; margin-top:20px}
.copy li:nth-child(3) img{ width:100px}
.copy li:nth-child(3) dd{ float:left; margin-left:30px}


.link{ color:#e0e0e0; line-height:50px; font-size:14px}
.link a{ color:#e0e0e0; font-size:14px; text-decoration:none; margin-right:20px}

.izl-rmenu{position:fixed;right:0px;bottom:10px;padding-bottom:98px;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:#222222;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; 
    }
	
.two{ margin:0px auto;height:280px;width:1200px;overflow:hidden; position:relative;}
.two ul{height:380px;width:960000000000px;position:absolute;left:0;}
.two ul li{display:block;float:left;margin:5px;height:220px; text-align:center; position:relative;}
.two ul li a{display:inline-block;height:80px; text-decoration:none} 
.two ul li img{display:block; width:300px; height:220px;}
.two ul li a span{height:0;display:block;color:#666666;font-size:15px; line-height:50px;}








.marque{ position:relative; top:30px}
.marque a{  text-decoration:none}
.goL{ position:absolute; left:-50px; top:126px; width:200px; z-index:3}
.goL img{ width:38px; height:auto}
.goR{ position:absolute; right:-50px; top:126px; z-index:3}
.goR img{ width:38px; height:auto}
#marquee1{width:1200px;overflow:hidden; margin:0 auto;}
#marquee1 ul li{float:left;width:406px; text-align:center; }
#marquee1 ul li span{display:block; width:386px; margin-top:10px; margin-bottom:20px;background:#e5e5e5; }
#marquee1 ul li img{display:block;width:386px; height:250px;transition: all 1.2s;
    -moz-transition: all 1.2s;
    -webkit-transition: all 1.2s;
    -o-transition: all 1.2s;}

#marquee1 ul li span div{width:386px; height:250px; overflow:hidden}
#marquee1 ul li:hover img{  transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);}
#marquee1 h1{ font-size:15px; color:#666; text-align:center; font-weight:normal; line-height:30px; padding:15px}






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


aside{ width:240px; float:left; background:#fff; border:#d9d9d9 solid 1px;}
.sub_titles{ padding-bottom:40px }
.sub_titles ul{ margin-top:0px; padding-left:20px;padding:20px 10px 10px 10px}
.sub_titles h1{  color:#FFF; line-height:60px; text-align:center}
.sub_titles a{ text-decoration:none; color:#666666; font-size:14px; line-height:40px; display:block;}
.sub_titles a span{ background:#d9d9d9; width:2px;  height:14px; display:block; float:left; margin-top:13px; margin-right:10px; margin-left:10px}
.sub_titles li:hover span{ color:#FFF}
.sub_titles li:hover a{ color:#FFF}
.sub_titles li.act span{ color:#FFF}
.sub_titles li.act a{ color:#FFF}
.sub_titles li{ border-bottom:#d9d9d9 solid 1px}
.fonts{ font-size:24px !important; margin-right:10px; font-weight:normal}
.ma{ margin-top:90px}
.ov{ overflow:hidden}

.contact{  }
.contact ul{ margin-top:0px; padding-left:20px;padding:20px 10px 10px 10px}
.contact h1{  color:#FFF; line-height:60px; text-align:center}
.contact a span{ background:#d9d9d9; width:2px;  height:14px; display:block; float:left; margin-top:13px; margin-right:10px; margin-left:10px}
.contact li{ border-bottom:#d9d9d9 solid 1px; font-size:14px; color:#666666; line-height:40px}

.containter{ float:right; width:940px; background:#FFF; border:#d9d9d9 solid 1px;}
.containter header{ font-size:14px; color:#666666;border-bottom:#d9d9d9 solid 1px; padding-bottom:10px; padding-left:20px; height:20px; margin-top:10px}
.containter header a{ color:#666666; font-size:14px; text-decoration:none}
.containter header a:last-child{ float:right; display:none}
.tops img{ max-width:100%; width:auto}
.tops{ padding:30px}

.new img{ width:252px; height:170px; float:left; margin-right:20px}
.new a{ text-decoration:none; font-size:12px; color:#666}
.new span{ font-size:18px; color:#666; display:block;}
.new p{ font-size:16px; color:#666; line-height:30px; margin-top:10px}
.new time{ font-size:12px; color:#666; margin-top:10px; display:block}
.new li{ border-bottom:#ececec solid 1px; padding-bottom:20px; overflow:hidden; margin-top:20px}
.new li:first-child{ margin-top:0px}

.page{ text-align:center; margin-bottom:20px; margin-top:20px}
.page a{ font-size:14px !important; color:#666; text-decoration:none; padding:5px 10px 5px 10px; border:#d9d9d9 solid 1px; margin-left:5px; margin-right:5px}

.cases{ overflow:hidden}
.cases li{ float:left; width:280px; text-align:center; margin-right:20px}
.cases img{ width:280px; height:230px}
.cases a{ text-decoration:none; color:#666}
.cases span{ line-height:50px}


.ca{ overflow:hidden}
.ca li{ float:left; width:280px; text-align:center; margin-right:20px}
.ca img{ width:280px; height:180px}
.ca a{ text-decoration:none; color:#666}
.ca span{ line-height:50px}

.qyzz{ overflow:hidden}
.qyzz li{ float:left; width:280px; text-align:center; margin-right:20px}
.qyzz img{ width:280px; height:210px}
.qyzz a{ text-decoration:none; color:#666}
.qyzz span{ line-height:50px}


.fwxms{ overflow:hidden}
.fwxms li{ float:left; width:280px; text-align:center; margin-right:20px}
.fwxms img{ width:280px; height:230px}
.fwxms a{ text-decoration:none; color:#666}
.fwxms span{ line-height:50px}

.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;}
.next{ overflow:hidden; margin-top:20px; border-bottom:1px #e5e5e5 solid; border-top:1px #e5e5e5 solid; padding:10px 0 10px 0; line-height:30px}
.next a{ font-size:14px; color:#666666; display:block; text-decoration:none;}