@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:30px 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}
/**服务*/




/*微信模块开发*/

    .function_divcon{text-align:center;}
.function_divcon a{display:inline-block;background:url(../images/grounding_icon01.png) no-repeat;width:282px;height:123px;overflow:hidden;margin-right:24px;margin-bottom:24px }
.function_divcon a span{margin:28px 0 0 20px;width:68px;height:68px;float:left;}
.function_divcon a .cx_img01 {
    background: url(../images/icon4.png) no-repeat;}
.function_divcon a .cx_img02 {
    background: url(../images/icon8.png) no-repeat;}
.function_divcon a .cx_img03 {
    background: url(../images/icon9.png) no-repeat;}
.function_divcon a .cx_img04 {
    background: url(../images/icon2.png) no-repeat;}
.function_divcon a .cx_img06 {
    background: url(../images/icon4.png) no-repeat;}
.function_divcon a .cx_img07 {
    background: url(../images/icon5.png) no-repeat;}
.function_divcon a .cx_img08 {
    background: url(../images/icon6.png) no-repeat;}
.function_divcon a .cx_img09 {
    background: url(../images/icon11.png) no-repeat;}
   
   
.function_divcon a dl{width:160px;height:68px;margin-top:33px;margin-left:16px;float:right;text-align:left;}
.function_divcon a dl dt{display:block;color:#646464;font-size:16px;}
.function_divcon a dl dd{display:block;color:#646464;font-size:12px;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.function_divcon a:hover{background:url(../images/grounding_icon02.png) no-repeat;
    -webkit-transition: 0.5s;transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;}
.function_divcon a:hover span{-webkit-transition: 0.5s;transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;}
.function_divcon a:hover dt,.function_divcon a:hover dd{color:#fff;-webkit-transition: 0.5s;transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;}


/*微信app*/
.servisetwob ul {
	padding:0rem 1rem 0;
    text-align: center;
}
.pbox {
    height: 7rem;
    width: 7rem;
    display: inline-block;
    margin: 0 0 1.05rem 2rem;
    border-radius: 0.125rem;
    -webkit-box-shadow: 0 0 10px rgba(143, 149, 149, 0.5);
    -moz-box-shadow: 0 0 10px rgba(143, 149, 149, 0.5);
    box-shadow: 0 0 10px rgba(143, 149, 149, 0.5);
}

.pbox1 {
    background: url(../images/ptico_03.png) no-repeat center #5bdeab;
    background-position: -6px 0;

}
.pbox2 {
    background: url(../images/ptico_03.png) no-repeat center #68a7fc;
    background-position: -156px 0;

}
.pbox3 {
    background: url(../images/ptico_03.png) no-repeat center #fc4b71;
    background-position: -304px 0;

}

.pbox4 {
    background: url(../images/ptico_03.png) no-repeat center #fcd023;
    background-position: -451px 0;
}
.pbox5 {
    background: url(../images/ptico_03.png) no-repeat center #29b0ff;
    background-position: -6px -149px

}
.pbox6 {
    background: url(../images/ptico_03.png) no-repeat center #fb9d38;
    background-position: -156px -149px;

}

.pbox7 {
    background: url(../images/ptico_03.png) no-repeat center #ec544c;
    background-position: -304px -156px;

}
.pbox8 {
    background: url(../images/ptico_03.png) no-repeat center #f8bb00;
    background-position: -451px -156px;
}
.pbox p {
    text-align: center;
    font-size: 1rem;
    line-height: 0.9rem;
    color: white;
    padding-top: 4.5rem;
    background-size: 14.2rem 6.6rem;
}



/**案例**/



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