@charset "gb2312";
/* CSS Document */


*{margin:0 auto;padding:0px; }
body{ text-align:left; font-size:12px; font-family:微软雅黑;  color:#666; background:#fff}
ul,dl,ol,li,dt,dd { margin:0px; padding:0px;	list-style:none;}
img {border:0;}


.clear{ clear:both}
.hide{display:none}
.bott20{margin-bottom:20px}
p.tctx{ width:100%; font-size:16px; font-weight:bold; line-height:24px; color:#FFF;}

ul, ol {  padding: 0; margin:0px;  list-style: none;}
.container1{  width:100%;  margin:0 auto;}
.fwbj{  width:100%;  margin:0 auto;  }
.container{  width:1200px;  margin:0 auto;}
.anbj{  width:100%;  margin:0 auto; background:#f1f1f1 url(../images/02.png) left top no-repeat;  padding-bottom:25px;}
.bjd{  width:100%;  margin:0 auto; }
.container1400{  width:1300px;  margin:0 auto; }
img.sj{ display:none}
.container2{  width:1300px;  margin:0 auto; }


.footw{  width:1300px;  margin:0 auto;}
.foot{width:100%;  margin:0 auto;  background:#028895 url(../images/footbj.jpg) top repeat-x;  float:left; } 
ul.footlogo{ float:left; display:inline; margin-top:20px;}
ul.footwx{ float:right; display:inline; margin-top:10px;}
/* 导航菜单 */
ul{  list-style: none;  padding: 0;}

.cc{ width:100%; float:left; display:inline;  margin-top:0px;}
.footnav{ width:100%; float:left; display:inline;  margin-top:20px; }
ul.footnavk{ width:12%; float:left; display:inline; padding-bottom:8px;}
li.footnavkt{ width:90%; float:left; display:inline; height:25px; font-size:14px; font-weight:900; background:url(../images/fnavbj.jpg) left bottom no-repeat}
li.footnavkt a.f{ float:left; color:#f1f1f1;}	
li.footnavkt a.r{ float:right; color:#f1f1f1;}	
li.fnav{ float:left; width:90%; float:left; display:inline; font-size:12px; margin-top:7px;}
li.fnav a{ color:#f1f1f1;}
ul.footnav40{ width:39%; float:right;}
ul.footnav40 li{ width:100%; height:25px; font-size:14px; text-align:right; color:#FFF; margin-bottom:5px;}
li.f402{ background:url(../images/fw1.png) top  right no-repeat; }
li.f403{ background:url(../images/fw2.png) top  right no-repeat; }
li.f404{ background:url(../images/fw3.png) top  right no-repeat; }
ul.link{ width:100%; float:left; border-top:#07909d solid 1px; padding-top:10px; }
ul.link li{ float:left; display:inline; width:100%; font-size:14px; font-weight:bold; color:#CCC; padding-bottom:8px; }
ul.link a{ float:left; display:inline; margin-right:20px; color:#CCC; font-size:12px;}
.dbbq{ width:100%; float:left; background-color:#02757f; margin-top:13px; padding-top:25px; padding-bottom:10px; }
.dbbq li{ width:100%; float:left; text-align:center; font-size:12px; margin-bottom:12px; font-size:12px; color:#FFF; }
.dbbq li a{  color:#FFF; }
ul.jztc,ul.jztc2,ul.jztc4{ width:15%;  float:left; display:inline; text-align:center; background-color:#0096a5; margin-right:2%; height:290px; margin-top:15px; }
ul.jztc3{ width:15%;  float:left; display:inline; text-align:center; background-color:#0096a5; margin-right:2%; height:290px; margin-top:15px;}
ul.jztc1{ width:15%;  float:right; display:inline; text-align:center; background-color:#0096a5;  height:290px;margin-top:15px; }
p.tct{ width:100%; font-size:20px; font-weight:bold; line-height:40px; color:#fff; margin-top:25px;}
p.tctu{ width:50%;  margin:0px auto;}
p.tctu img{ width:100%;}
p.tccont{ width:90%; margin:0px auto; font-size:12px; margin-top:20px; text-align: center; color:#fff}
.jztcyuan{-moz-border-radius: 5px;-webkit-border-radius: 5px;    border-radius:5px;}
.jzbg{ width:100%; float:left;}
.hzhb{ width:100%; float:left; display:inline;}
.hzhb img{ width:100%; margin:0px; padding:0px;}
.hzhb li{ width:12.5%; float:left; display:inline; margin:0px; padding:0px;}

	/**幻灯片**/

.ban{ width:100%; float:left; text-align:left; padding-bottom:20px;}


.DB_tab25 {width:100%;height:520px;position:relative;overflow:hidden;cursor:pointer; float:left;}
.DB_tab25 .DB_bgSet{position:relative;}
.DB_tab25 .DB_bgSet li{position:absolute;width:100%;height:520px;display:none;}
.DB_tab25 .DB_imgSet{position:absolute;width:988px;left:50%;margin-left:-500px;}
.DB_tab25 .DB_imgSet .DB_1_1{position:absolute;left:20px;top:160px;}
.DB_tab25 .DB_imgSet .DB_1_2{position:absolute;left:20px;top:350px}

.DB_tab25 .DB_imgSet .DB_1_3{position:absolute;left:550px;top:100px}
.DB_tab25 .DB_imgSet .DB_2_1{position:absolute;left:360px;top:350px;}
.DB_tab25 .DB_imgSet .DB_2_2{position:absolute;left:90px;top:270px}
.DB_tab25 .DB_imgSet .DB_2_3{position:absolute;left:115px;top:90px}
.DB_tab25 .DB_imgSet .DB_3_1{position:absolute;left:520px;top:150px;}
.DB_tab25 .DB_imgSet .DB_3_2{position:absolute;left:520px;top:350px}
.DB_tab25 .DB_imgSet .DB_3_3{position:absolute;left: -50px;top:50px}
.DB_tab25 .DB_imgSet .DB_4_1{position:absolute;left:-30px;top:50px;}
.DB_tab25 .DB_imgSet .DB_4_2{position:absolute;left:430px;top:130px}
.DB_tab25 .DB_imgSet .DB_4_3{position:absolute;left:430px;top:200px}
.DB_tab25 .DB_imgSet .DB_4_4{position:absolute;left:430px;top:300px}
.DB_tab25 .DB_imgSet .DB_4_5{position:absolute;left:770px;top:80px}
.DB_tab25 .DB_menuWrap{position:absolute;width:988px;left:50%;margin-left:-500px;}
.DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;width:100%;top:490px;text-align:center;font-size:0; border-radius:20px;}
.DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline}
.DB_tab25 .DB_prev{position:absolute;left:-100px;top:220px;cursor:pointer;display:none}
.DB_tab25 .DB_next{position:absolute;right:-100px;top:220px;cursor:pointer;display:none}

/**幻灯片结束**/
#ban1{ display:none; width:100%;}
#ban1 img{ width:100%;}
ul.fwxm{ width:100%; padding-top:25px; padding-bottom:25px; position:relative;}
ul.fwxm span{ display:block;text-align:center;}
span.bigtitle{ font-size:36px; font-weight:bold; color:#333; width:100%;}
span.bigtitle a{ color:#333; }
span.bigtitle a:hover{ color:#0096a5; }
span.smalltitle{ font-size:16px; font-weight:bold; color:#333; width:100%; padding:5px 0px;}
a{ text-decoration:none}	 
ul.fwxm li{ display:block; width:25%; height:250px; float:left; margin:0px;  padding:0px; background-color:#ffffff; text-align:center;} 

ul.fwxm li.fw2{ background:url(../images/fw2.jpg) 50% 50% no-repeat;-webkit-background-sixe:100%; background-size:100%; } 

ul.fwxm li.fw4{ background:url(../images/fw4.jpg) 50% 50% no-repeat;-webkit-background-sixe:100%; background-size:100%; } 
ul.fwxm li.fw5{ background:url(../images/fw5.jpg) 50% 50% no-repeat;-webkit-background-sixe:100%; background-size:100%; } 

ul.fwxm li.fw7{ background:url(../images/fw7.jpg) 50% 50% no-repeat;-webkit-background-sixe:100%; background-size:100%; } 


span.sjz a{ display:none;}
ul.anli{ width:100%;
}
ul.anli li{ width:25%;float:left; margin:0px; padding:0px; list-style:none }
ul.anli li img{ margin:0px; padding:0px;}

/*左侧导航*/
.leftnav{ width:30px; position:absolute; left:-40px; top:28px;}
.leftnav a{ display:block; width:28px; height:28px; background:#fff; margin-bottom:5px; color:#333; text-align:center; transition:background 0.5s linear; overflow:hidden}
.leftnav a p,.leftnav a span{transition:transform 0.3s linear;-webkit-transition:transform 0.3s linear;-moz-transition:transform 0.3s linear;-o-transition:transform 0.3s linear; display:block; width:28px; height:28px;}
.leftnav a p.p1{ background:url(../images/icon1.jpg) 50% 50% no-repeat;}
.leftnav a p.p2{ background:url(../images/icon2.jpg) 50% 50% no-repeat;}
.leftnav a p.p3{ background:url(../images/icon3.jpg) 50% 50% no-repeat;}
.leftnav a p.p4{ background:url(../images/icon4.jpg) 50% 50% no-repeat;}
.leftnav a p.p5{ background:url(../images/icon5.jpg) 50% 50% no-repeat;}


.leftnav a:hover p{transform:translatey(-28px);}
.leftnav a:hover span{transform:translatey(-28px); background:#000;  color:#fff; font:bold 14px/28px "微软雅黑" }

/**/
#point1,#point2,#point3,#point4,#point5{width:100%; height:0; background:#fc9; float:left}
/**服务*/






/**案例**/



ul.anli {font-family:"微软雅黑";
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 0;
}
ul.anli img{ width:100%}
ul.anli li { text-align:center;
    display: inline-block; width:25%;
    list-style: none;
    padding: 0;
    margin: 0px 0px;
}

ul.anli li:nth-child(2) {
    margin-right: 0px;
    margin-left: 0px;
}



figure { 
    margin: 0;
    padding: 0;   
    position: relative;
    display: block;
    cursor: pointer;
    overflow: hidden;
    
}

figure:hover figcaption {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    opacity: 1;
    top: 0;
}

figcaption {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 250px;
    background: rgba(0,0,0,.5);
    color: #fff;
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    -ms-transition: all .9s ease;
    transition: all .9s ease;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -ms-transition-delay: .5s;
    transition-delay: .5s;
}

figcaption h3 {

    font-weight: 400;
    color: #f3b204;
    padding: 5px 20px;
    margin-bottom: 0;
    position: relative;
    righ: 100%;
    margin-top: 15px;
    font-size: 30px;
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    -ms-transition: all .9s ease;
    transition: all .9s ease;
}

figcaption p {

    padding: 5px 20px;
    margin-bottom: 0;
    margin-top: 15px;
    position: relative;
    left: 100%;
    font-size: 12px;
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    -ms-transition: all .9s ease;
    transition: all .9s ease;
}

figure:hover h3,figure:hover p {
    left: 0;
}

figcaption a {
    color: #fff;
    border: 2px solid #fff;
    padding: 4px 10px;
    text-decoration: none;
}

figcaption a:hover {
    color: #4f5856;
    background: #fff;
}
/**案例结束**/

/**新闻**/
.newbj{ width:100%;  margin:0 auto; background:#f1f1f1 url(../images/02.png) left top no-repeat; float:left; padding-bottom:50px }
ul.news{ width:100%; float:left; text-align: center; margin-top:25px;}
ul.news span.nbigtitle{ width:100%;  font-size:24px; font-weight:bold; display:block}
ul.news span.nsmalltitle{ width:100%; font-size:14px; font-weight:bold; display:block; margin-top:20px;}
.newsbig{ width:100%; text-align:center; margin-top:20px;  float:left;}
.newsbig a{ margin-right:1px;   background-color:#0096a5; margin-top:1px; font-size:14px; text-align:center; padding:5px 30px;color:#FFF;}
.newsbig a:hover{background-color:#333; }
ul.news1{ width:32%; height:305px; float:left; border:#b7d7ea solid 1px;  margin-top:35px; margin-right:1.7%; background-color:#FFF}
ul.news2{ width:32%; height:305px; float:left; border:#b7d7ea solid 1px; margin-top:35px; margin-right:1.7%;background-color:#FFF}
ul.news3{ width:32%; height:305px; float:right;border:#b7d7ea solid 1px; margin-top:35px;background-color:#FFF }
li.newsbt1{ width:100%; display:block; height:40px; border-bottom:#b7d7ea solid 1px; }
li.newsbt2{ width:100%; display:block; height:40px; border-bottom:#b7d7ea solid 1px; }
li.newsbt3{ width:100%; display:block; height:40px; border-bottom:#b7d7ea solid 1px; }
li.newsbt p{ float:left; display:inline; font-size:16px; font-weight:bold; margin-left:20px; margin-top:8px;}
li.newsbt span{ float:right; display:inline; font-size:12px; font-weight:100; margin-right:20px; margin-top:12px; color:#FFF;}
li.newsbt span a{  color:#333;}
li.newsbt span a:hover{  color:#ff0000;}

.newsbbtt{ width:100%; float:left; display:inline; height:40px;  border-bottom:#b7d7ea solid 1px;}
.newsbbtt p{ float:left; display:inline; font-size:16px; font-weight:bold; margin-left:20px; margin-top:8px;}
.newsbbtt span{ float:right; display:inline; font-size:12px; font-weight:100; margin-right:20px; margin-top:12px; color:#FFF;}
.newsbbtt span a{  color:#333;}
.newsbbtt span a:hover{  color:#ff0000;}



.newsnw{ width:100%; float:left; display:inline; margin-top:10px;}
.newsnw li{ width:100%; display:block; height:28px; background:url(../images/d.png) left 12px center no-repeat;border-bottom:#e9e9e9 dotted 1px; float:left;}
.newsnw li a{ float:left; display:inline; font-size:12px; margin-left:30px; margin-top:7px; color:#333; }
.newsnw li a:hover{ color:#ff0000; }
.newsnw li span{ float:right; display:inline; font-size:12px; margin-right:20px; margin-top:7px; color:#666; }

.newsnw1{ width:100%; float:left; display:inline; margin-top:10px;}

.newsnw1 li{ width:100%; display:block; float:left; display:inline; margin-bottom:10px;}



.newtu{ width:12%; height:52px;  float:left; margin-left:10px; }
.newtu img{ width:100%; height:52px; }

.newszi{ width:80%; height:52px;  float:left; margin:0px; padding:0px; margin-left:10px;}
.newszi span.newzi{ width:100%; float:left;}
.newszi span.newzi1{ width:100%; float:left; font-size:12px; color: #666; margin-top:10px;}

.newszi span.newzi a{  font-size:12px; color:#333; font-size:14px; }
.newszi span.newzi a:hover{ color:#ff0000; }

.newssan{ width:100%; float:left; display:inline;}
.newssan img{ width:100%;}
.newtus{ width:38%; height:120px; float:left; display:inline; margin-left:10px;}
.newszis{ width:50%; float:left; height:120px; font-size:12px; color:#666; margin-left:10px; text-indent:2em; line-height:20px;}
.newszis a{ color:#c88910; }
.newszis a:hover{ color:#f00;}
/* effect-6 css */


span.big01{ width:100%; font-size:24px; font-weight:bold; padding:20px 0px 0px 0px;}
p.big01{ width:80%; font-size:14px; font-weight:bold;  margin-left:10%; margin-top:30px; padding-bottom:15px;} 
ul.fwxm li a{ width:120px; padding:8px 0px;  border:#3c4247 solid 1px;  color:#3c4247; margin-bottom:5px; display:block;}
ul.fwxm li a:hover{ border:#ff0000 solid 1px;  color:#ff0000;  }
ul.fwxm li span.sjz{ display:none}

.jzbj{ width:100%;  margin:0 auto; float:left; padding-bottom:20px;  }
.c_about22{ width:100%; float:left; display:inline;}
.container2an{ width:1570px;  margin:0 auto;}

span.smalltitle a{  color:#000 } 

/*联系我们*/
.lxwmbt{ width:100%; float:left;}
.lxwmbt p{float:left; font-size:72px; color:#000}
.lxwmbt span{float:left; font-size:18px; font-weight:bold; color:#000; margin-left:15px; margin-top:55px;}
.lxwmlst{width:100%; float:left; margin-top:30px; color:#000}
.lxwmlstleft{width:48%; float:left}
.lxwmlstright{float:right; width:48%}
.lxwmlst dl,.lxwmlst dtm,.lxwmlst dd{width:100%}
.lxwmlst dt{ font-size:16px; font-weight:bold; margin-top:10px; }
.lxwmlst dd{font-size:12px; margin-top:10px; }
.lxwmlst li{ width:100%; margin-top:15px;}
.lxwmlst li img{position:relative}
.lxwmlst li p{float:left; margin-left:35px; margin-top:45px;}
.lxwmlst li p img{ margin-left:8px;}
.lxwmmap{ width:100%; float:left; margin-top:50px; height:360px; background:#739fc4}
.lxwmlstright dl dd img{float:none}

/*付款方式*/
.fkfsbt{ width:100%; float:left;}
.fkfsbt p{float:left; font-size:72px; color:#000}
.fkfsbt span{float:left; font-size:18px; font-weight:bold; color:#000; margin-left:15px; margin-top:55px;}
.fkfs{ width:100%; float:left;}
.fkfs dl{width:50%; float:left; margin-top:28px; color:#000}
.fkfs dt{width:100%; font-weight:bold; font-size:16px;}
.fkfs dd{ font-size:14px; padding-left:35px; margin-top:6px;}

/*ftp*/
.ftp{width:100%; float:left; margin-top:20px;}
.ftp p{ font-size:18px; font-weight:bold; color:#666; margin-top:6px;}
.ftp p a{color:#fe0000}
.ftp p.ffttpp{ font-weight:normal; margin-bottom:30px;}
.ftp span{width:100%; display:block; font: 14px/30px "微软雅黑"; color:#666}

/*客户评价*/
.khpjlst{ width:100%; float:left; margin-top:10px;}
.khpjlst ul{width:100%; float:left; margin-top:20px}
.khpjlst ul img{position:relative; float:left; width:15%}
.khpjlst li{float:right; width:83%}
.khpjlst li p{ font-size:16px; font-weight:bold; color:#000}
.khpjlst li span{font:12px/24px "微软雅黑"; color:#666; max-height:48px; overflow:hidden; width:100%; margin-top:10px; float:left;}

/**建站流程*/
.jzlc{ width:100%; float:left;}
.jzlc dl{ width:100%; float:left; margin-top:30px}
.jzlc dt{width:100%;  font-size:24px; font-weight:bold; color:#060606;}
.jzlc dd{ padding-left:70px; }
.jzlc dd p{ font-size:16px; font-weight:bold; color:#000; margin:20px 0 15px;}
.jzlc dd span{font:bold 12px/22px "微软雅黑"; color:#999}

@media (max-width:1570px){

.container2an{ width:100%;  margin:0 auto;}
.container2{ width:1300px;  margin:0 auto;}

.footw{  width:1300px;  margin:0 auto;}
}


@media (max-width:1410px){
	  
.container2{  width:1200px;  margin:0 auto;}   
.footw{  width:1200px;  margin:0 auto;} 
ul.news1{ width:32%; height:305px; float:left; border:#b7d7ea solid 1px;  margin-top:35px; margin-right:1.7%; background-color:#FFF}
ul.news2{ width:32%; height:305px; float:left; border:#b7d7ea solid 1px; margin-top:35px; margin-right:1.7%;background-color:#FFF}
ul.news3{ width:32%; height:305px; float:right;border:#b7d7ea solid 1px; margin-top:35px;background-color:#FFF }
.cc1{  background:url(../images/cc1.png) left top no-repeat; }
}
@media (max-width:1280px){
	 .container{    width:100%;  }
	    .container2{  width:86%;  margin:0 auto;   }
.leftnav{ display:none}
}

@media (max-width:1225px){
	  .container{    width:100%;  }
	    .container2{  width:86%;  margin:0 auto;   }
	.footw{  width:96%;  margin:0 auto;}	
		ul.news1{ width:47%; height:305px; float:left; border:#b7d7ea solid 1px;  margin-top:35px; margin-left:1%; }
ul.news2{ width:47%; height:305px; float:right; border:#b7d7ea solid 1px; margin-top:35px; margin-right:1%; }
ul.news3{ display:none}


   /* 小于1200时隐藏电话 */ 
   span.sjz,#topdh{ display:none;}      
  ul.fwxm li{ display:block; width:25%; height:200px; float:left; margin:0px; padding:0px;}  
    
	span.big01{ width:100%; font-size:22px; font-weight:bold; padding:20px 0px 0px 0px;}
p.big01{ width:80%; font-size:12px; font-weight:100; margin-left:10%; margin-top:18px; padding-bottom:15px;} 
a.more{ padding:5px 25px;  border:#3c4247 solid 1px;  color:#3c4247; list-style:none}
a.more:hover{ background-color:#3c4247 color:#fff;}

 #yin{ display:none}
 
 .news_c{ width:864px; float:right; display:inline; margin-top:20px;}


}

@media (max-width: 1100px){
	
	span.ab1{ display:none}
	  .container2{  width:94%;  margin:0 auto;   }
	.cc1{ background:url(../images/ccc1.png) left top no-repeat;   float:left; }
	.c_about1,.c_about2,.c_about21,.c_about22,.c_about23,.c_about32,.c_about33{ width:100%;}
	.c_about1 a{ width:12.5%; float:left; background: #f1f1f1 url(../images/ddd.jpg) right repeat-y; color:#333; }
	.c_about3{ width:100%; float:left;}
	.c_about1 a.now,.c_about1 a:hover{  background: #333 url(../images/ddd.jpg) right repeat-y; color:#FFF }
	 .newsbig{ width:98%; margin:0px auto; margin-left:1%; }
.newsbig a{ background-color:#0096a5; margin:0px;  font-size:14px; text-align:center; margin-top:1px; padding:0px;color:#FFF; width:12.5%; display:block; float:left; display:inline; height:28px; text-align:center; line-height:28px;}
.newsbig a.bj1,.newsbig a.bj11{  background: #0096a5 url(../images/dd.jpg) right repeat-y;}
.newsbig a:hover{background-color:#333; }
	

#igbook{ display:none}







	
}
@media (max-width: 900px){
.cc{ margin-top:0px; }	
.top{ position: inherit;   }

	.abban{ width:96%; float:left; height:auto;background: none; text-align:center; margin-left:2%;}
	.container23{ width:100%;}
	.abban img.pc{ display:none}
	.abban img.web{ display: inline-block}
	.container23 img{ width:100%;}
	.c_about1{  margin-top:15px; }
ul.jztc,ul.jztc2,ul.jztc4{ width:30%;  float:left; display:inline; text-align:center; background-color:#0096a5; margin-right:5%; height:250px; margin-bottom:}
ul.jztc3{ width:30%;  float:right; display:inline; text-align:center; background-color:#0096a5;  height:250px; margin-right:0px; }
ul.jztc1{ width:30%;  float:right; display:inline; text-align:center; background-color:#0096a5;  height:250px; }
p.tct{ width:100%; font-size:22px; font-weight:bold; line-height:40px; color:#FFF;}

p.tctu{ width:30%;  margin:0px auto;}
p.tctu img{ width:100%;}
p.tccont{ width:90%; margin:0px auto; font-size:12px; margin-top:20px; text-align: center; color:#FFF}

.jztcyuan{-moz-border-radius: 5px;-webkit-border-radius: 5px;    border-radius:5px;}


  #mainbody, #sidebar{
    width:100%;
    float:none;
  }
  .footw{  width:98%;  margin:0 auto;}		
.newsbig{ width:98%; margin:0px auto; margin-left:1%; }
.newsbig a{ background-color:#0096a5; margin:0px;  font-size:14px; text-align:center; margin-top:1px; padding:0px;color:#FFF; width:25%; display:block; float:left; display:inline; height:28px; text-align:center; line-height:28px;}
.newsbig a.bj1{  background: #0096a5 url(../images/dd.jpg) right repeat-y;}
.newsbig a.bj11{ background: none}
.newsbig a.bj11{ background: #0096a5}
.newsbig a:hover{background-color:#333; }
  #yin{ display: inline-block;}
  #header{
    font-size:12px;
    text-align:left;
    padding-left:20px;
	
  }
  
  ul.anli li {display: inline-block; width:50%;}


  
ul.fwxm li{ display:block; width:50%; height:200px; float:left; margin:0px; padding:0px;}  

ul.fwxm li.fw3{ float:right} 

ul.fwxm li.fw5{ float:right} 

span.bigtitle{ font-size:30px; }
span.smalltitle{ font-size:14px; }

  /* 切换按钮 */
  .toggle-btn {
    display: inline-block;
    position:absolute; 
    text-decoration: none; width:39px; height:39px;    right: 10px;
    top: 20px; 
  }
 
  /* 隐藏关闭按钮 */
 .footnav40,#nav .close{
    display: none;
  }
  ul.footnavk{ width:20%;}
  #topdh{   display: inline-block;  right: 50px; }
  /* 导航为目标状态的时候显示关闭按钮 */
  #nav:target .close{
    display: inline-block;
		position:absolute;   right: 10px;
    top: -63px;
  }
  
  /* 初始隐藏导航 */
  ul.link,#nav{
    display: none;
  }
  
  /* 导航为目标状态时的样式 */
  #nav:target{
    display: block;
	position:absolute;right:0px;top:83px; 


  
  }
  /* 目标状态下的导航的 ul 标签 */
  #nav:target ul{
    background: #f1f1f1;position:absolute;right:0px;top:3px; width:150px;

  }
  /* 目标状态下的导航的 li 与 a */
  #nav:target li, #nav:target li a{
    display: block;
    color: #666666;
    text-align: left;border-bottom:#f1f1f1 solid 1px; padding:3px 0px; font-size:14px;
  }
  /* 目标状态下的导航的列表下的 a 标签的悬停样式 */
  #nav:target li a:hover{
    background: #f1f1f1;
	 color:#066; border-bottom:#066 solid 1px;
  }
  /* 目标状态下导航的激活状态的样式 */
  #nav:target .active{
    background: #f1f1f1; color:#066;border-bottom:#066 solid 1px;
  }
 ul.anli li.yinc {display: none} 
  .ban{ display:none;}
    #ban1{ display: inline-block;   }


	.c_about1 a{ width:25%; float:left; background: #f1f1f1 url(../images/dd.jpg) right repeat-y; margin-bottom:1px; color:#333 }




.news_c{ width:864px; float:right; display:inline; margin-top:20px;}

.news_c_list{ width:272px; float:left; display:inline; height:363px; background:#FFF; margin-top:20px; margin-left:16px; position:relative}
.news_c_list1{ width:100%; float:left; display:inline;}
.news_c_list1 img{width:100%;}

.news_c_list2{ width:230px; float:left; display:inline; margin-left:21px; margin-top:20px;}
.news_c_list2 a{ font-size:18px; font-weight:bold; color:#333;}
.news_c_list2 a:hover{ color:#e74c3c; text-decoration:underline;}
.news_c_list3{ width:230px; float:left; display:inline; margin-top:12px; margin-left:21px; font-size:13px; color:#e74c3c;}
.news_c_list4{ width:230px; float:left; display:inline; margin-left:21px; margin-top:16px; line-height:22px; font-size:12px; color:#666; height:88px; overflow:hidden;}
.news_c_list5{ width:230px; float:left; display:inline; margin-top:15px; margin-left:21px;}
.news_c_list5 img{ float:left; display:inline; margin-top:4px;}
.news_c_list5 span{ float:left; display:inline; font-size:12px; color:#999; margin-right:20px; margin-left:5px;}

.news_c_list6{ width:100%;  height:30px; position:absolute; top:94px; left:0}
.news_c_list6 p{ padding-left:15px; padding-right:15px; float:left; display:inline; line-height:30px; background:#e74c3c; height:30px; font-size:12px; font-weight:bold; color:#FFF;}
.news3,.news1{ display:none}
ul.news2{ display: inline-block}
ul.news2{ width:98%; height:305px; margin:0px auto; border:#b7d7ea solid 0px;  margin-top:35px; margin-left:1%; float:left;  }
.c_about3 ul.c_about31 li{ width:50%; float:left; display:inline; margin-top:20px; padding-bottom:20px; text-align:center; box-shadow: inset 0 0px 1px #888888;
background: #fff;}
.c_about3 ul.c_about31 li p{ width:98%; float:left; display:inline; margin-left:1%;  }
.c_about3 ul.c_about31 li img{ width:33.33%;  margin-top:20px;  }

.c_about1 a{ background: #f1f1f1 url(../images/ddd.jpg) right repeat-y;color:#333; }
.c_about1 a:hover{ color:#FFF;background: #333 url(../images/ddd.jpg) right repeat-y;}
.c_about1 a.now{  color:#FFF;background: #333 url(../images/ddd.jpg) right repeat-y;}

.side{ display:none}
.lxwmbt p{width:100%}
.lxwmbt span{float:left; font-size:18px; font-weight:bold; color:#000; margin:0}
.khpjlst ul img{ width:20%}
.khpjlst li{ width:78%}
.jzlc dd{ padding-left:50px; }
}

@media (max-width:630px){
	

	p.tctx{ display:none}

ul.fwxm li.fw2{ height:140px; width:48.5%; background:url(../images/fw2.jpg) 50% 50% no-repeat;-webkit-background-sixe:100%; background-size:100%; float:left;border-radius: 6px} 

ul.fwxm li.fw4{height:140px; background:url(../images/fw4.jpg) 50% 50% no-repeat;-webkit-background-sixe:100%; background-size:100%; width:48.5%; float:right;border-radius: 6px } 
ul.fwxm li.fw5{height:140px; background:url(../images/fw5.jpg) 50% 50% no-repeat;-webkit-background-sixe:100%; background-size:100%;width:48.5%; float:right;border-radius: 6px} 

ul.fwxm li.fw7{height:140px; background:url(../images/fw7.jpg) 50% 50% no-repeat;-webkit-background-sixe:100%; background-size:100%; width:48.5%; float:left;border-radius: 6px} 
ul.fwxm li span.sjz{ display: block}
ul.fwxm li a{ display:block}
ul.fwxm li span.sjz a{ width:100%; height:16px; text-align:center; line-height:16px; background-color:#fff; color:#333; display:block; z-index:100; border:none; float:left; margin-top:108px;}
ul.fwxm li span.sjz a:hover{ width:100%; height:16px; text-align:center; line-height:16px; background-color:#fff; color:#333; display:block; z-index:100; border:none; float:left; margin-top:108px;}
.anbj{ background:#f1f1f1}
.newbj{ background-color:#f1f1f1}	
	.cc1{  background:url(../images/cccc1.png) center top no-repeat;  }	
	.cc{background:url(../images/cc2.jpg) top repeat-x; float:left; margin-top:0px;position: relative; z-index:1}	
.c_banner{ width:100%; height:180px; }

.container2{ width:94%; margin:0 auto; }
ul.news1{ display:none }
ul.news2{ width:100%; height:305px; margin:0px auto; border:#b7d7ea solid 0px;  margin-top:35px;  }
ul.news3{ display:none}
img.pc{ display:none}
img.sj{ display: inline-block;   }
.c_about22,.ih-item1{ display:none}

  .newsbig{ width:100%; margin:0px auto; }
.newsbig a{ background-color:#0096a5; margin:0px;  font-size:14px; text-align:center; margin-top:1px; padding:0px;color:#FFF; width:25%; display:block; float:left; display:inline; height:28px; text-align:center; line-height:28px;}
.newsbig a.bj1{  background: #0096a5 url(../images/dd.jpg) right repeat-y;}
.newsbig a:hover{background-color:#333; }

.hzhb li{ width:25%; float:left; display:inline; margin:0px; padding:0px;}
.hzhb li.hzyin{ display:none}


   /* 小于630时隐藏电话 */ 
   #topdh{ display:none;} 
   #header{ height:68px}
   ul.anli li { width:50%;} 
 ul.anli li.yinc {display: none} 
 figcaption h3{ margin-top:20px;}
   .ban{ display:none;}
   #logo{ width:180px; float:left;}
  #nav:target{
    display: block;
	position:absolute;right:0px;top:71px;  
  } 
  .dbbq span,.dbbq li.yin,.footnav,#yin{ display:none}
  .dbbq{ border:0px; padding-top:5px; color:#FFF;}

span.bigtitle{ font-size:22px; }
span.smalltitle{ font-size:13px; }
  #nav:target .close{
    display: inline-block;
		position:absolute;right: 10px;
    top: -51px;
  }  
    #ban1{   display: inline-block; float:left; margin-top:60px;   }
	
	
	

	ul.fwxm li.fw1,ul.fwxm li.fw6,ul.fwxm li.fw3,ul.fwxm li.fw8{ display:none} 

	
	
figcaption h3{ font-size:24px;}
ul.fwxm li.fw5{ float:right} 


ul.jztc{ width:48%;  float:left; display:inline; text-align:center; background-color:#0096a5; margin-right:0%; height:120px;}
ul.jztc2{ width:48%;  float:right; display:inline; text-align:center; background-color:#0096a5; margin-right:0%; height:120px;margin-right:0px;}
ul.jztc4{ width:48%;  float:right; display:inline; text-align:center; background-color:#0096a5; margin-right:0%; height:120px; }
ul.jztc3{ width:48%;  float:left; display:inline; text-align:center; background-color:#0096a5;  height:120px; margin-right:0px; }
ul.jztc1{ width:48%;  float:right; display:inline; text-align:center; background-color:#0096a5;  height:120px; }
.jztcyuan{-moz-border-radius: 5px;-webkit-border-radius: 5px;    border-radius:5px; margin-top:25px;}
.info p{ display:none}
p.tccont{ display:none}
p.tct{  width:100%; font-size:18px; font-weight:bold; line-height:40px; color:#fff; margin-top:70px; }

p.tctu{ width:30%;  margin:0px auto; margin-top:-85px;  }
p.tctu img{ width:100%;}



.c_about3 ul.c_about31 li{ width:100%; float:left; display:inline; margin-top:20px; padding-bottom:20px; text-align:center;box-shadow: inset 0 0px 1px #888888;
background: #fff;}

.c_about3 ul.c_about31 li img{ width:20%; margin-top:15px; background-color:#FFF; }

.lxwmlst{margin-top:10px}
.lxwmlstleft,.lxwmlstright{width:100%; float:left}
.lxwmlstleft img{width:auto}

.lxwmmap{ display:none}
.lxwmbt p{font-size:42px;}
.fkfsbt p{width:100%; font-size:42px;}
.fkfsbt span{float:left; font-size:18px; font-weight:bold; color:#000; margin:0}
.fkfs dl{width:100%}
.fkfs dd.fkfsdd{display:none}

.khpjlst ul img{ width:36%}
.khpjlst li{ width:62%}
.khpjlst li span{ margin-top:5px;}
.jzlc dd{ padding-left:0; }

}

@media (max-width:460px){
	span.newzi1{ display:none}
	.newszi span.newzi a{ font-size:16px;}

}

/* Swipe 幻灯片 */
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}

.slider-control .left{
  left: 24px;
background-position: 0 0;
position: absolute;
top: 50%;
left:10px;
z-index: 100; border:0px;
margin-top: -12px;
width: 13px;
height: 23px;
background: url(../images/main_slider_arrows.png) -13px 0 no-repeat;
cursor: pointer;

}

.slider-control .right{

background-position: 0 0;

position: absolute;
top: 50%;
right:10px;
z-index: 100; border:0px;
margin-top: -12px;
width: 13px;
height: 23px;
background: url(../images/main_slider_arrows.png) 0px 0 no-repeat;
cursor: pointer;
}




.slider-control button{

  display: none;
}

.swipe:hover button{
  display: block;
}

.slider-control button:hover{

}
/* Media Queries */


.iiee a{ border:0px; background:none;   font-weight: 400;
 color: #f3b204;   
 }	

.iiee a:hover {
    color: #f3b204;
    background: none; 
}