 @charset "gb2312";
html, body, h1, h2, h3, h4, h5, ul, li, ol, dd, dl, form{margin:0; padding:0; list-style-type:none; -webkit-margin-before:0; -webkit-margin-after:0;}
body{font-family:Î¢ÈíÑÅºÚ; background:#fff; font-size:14px; line-height:1.5; color:#666; min-width:1200px; text-align:center;}
img, a img{border:0 none; vertical-align:top;}
a{color:#222; text-decoration:none; transition:all .3s ease;}
a:hover, a:active{color:#f30; text-decoration: underline;}
a:focus{outline:none; -moz-outline:none}
a{outline:none;blr:expression(this.onFocus=this.blur());}
area{outline:none;}
.clear{clear:both}
p{margin:0.6em 0; text-align:justify;text-justify:inter-ideograph;}
u, s{text-decoration:none; display:block}
b{color:#3399cc;transition:all .3s ease;font-size: 16px;}
a s{cursor:pointer}
.fr{float:right!important;}
.fl{float:left!important;}

/*banner´óÍ¼*/
.bg1{ position:relative;min-width:1200px; width:100%; overflow:hidden; margin:0 0 50px;}

/*¸÷À¸Ä¿ÈÝÆ÷*/
.w{width:1280px; margin:auto; text-align:left; position:relative;}
.list{text-align:left; clear:both; width:1200px; margin:auto; position:relative; padding-bottom: 50px;}
h1{ height:52px; padding:30px 0 20px; color:#fff; font:bolder 36px/48px Î¢ÈíÑÅºÚ; overflow:hidden; position:relative; clear:both; margin:0 auto; width:1200px;}
h1 s{display:block; font:normal 24px/46px Î¢ÈíÑÅºÚ; color:#b00; text-transform:uppercase;}

h2{background:url(../images/zgts_titlebg20.png) no-repeat center; height:60px; color:#cc3333; font:bolder 30px/60px Î¢ÈíÑÅºÚ; text-align:center; clear:both}

.h1more,.h2more{position:absolute;top:50px; right:23px; font-size:16px; width:60px; color:#222; text-align:center;font-weight:normal;}
.h1more:hover,.h2more:hover{text-decoration:underline}

.i-title{width:100%;min-width:1200px;display:block;margin:0 auto;   }


/*µ¼º½ÑùÊ½*/
#daohang{ width:100%; height:72px; background:url(../images/bg-2.png);margin:0 auto; position: absolute;bottom: 0;left: 0;}
.daohangM{  width:1196px;margin:0 auto;padding-left:4px}
.daohangM span{ display:inline-block;  margin:0px; line-height:72px; height:72px;  color:#ffffff; overflow:hidden; vertical-align:middle;padding-right:63px;padding-left:63px;font-family:Î¢ÈíÑÅºÚ;}
.daohangM span a{ float:left; display:block; height:72px; font-size:22px; color:#ffffff; text-align: center;text-decoration: none;font-family:Î¢ÈíÑÅºÚ;}
.daohangM span a:visited{ float:left; display:block; height:72px;  color:#ffffff; text-align: center;font-size:22px;font-family:Î¢ÈíÑÅºÚ;}
.daohangM span a:hover {height:72px; color:#fffc01; text-align: center; font-size:22px; font-family:Î¢ÈíÑÅºÚ;}



/*Í¼Æ¬ÂÖ²¥*/
.picnews{width:570px; height:380px; float:left; overflow:hidden; position:relative;}
.picnews .hd{height:14px; position:absolute; z-index:1; bottom:65px; *bottom:50px; width:100%; text-align:center}
.picnews .hd ul{width:100%;}
.picnews .hd ul li{display:inline-block;*display:inline;zoom:1; border-radius: 7px;background: #fff; cursor:pointer; margin:0 4px; width:12px; height:12px; font-size:0; line-height:0;}
.picnews .hd ul li.on{background: #f6ab00; width:30px;}
.picnews .bd img{ width:570px; min-width:auto; height:380px;}
.picnews .bd s{position:absolute; bottom:0; left:0; display:block; color:#fff; width:530px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height: 20px; background:#7d0004; padding:10px 20px; text-align:center; font-size:15px; text-decoration:none; opacity:0.8;}
.picnews .bd a:hover s{color:#fff;text-decoration:underline; opacity:1;}

/*Í·²¿ÓÒ²àÐÂÎÅ*/
.topnews{float:right; width:520px; height:340px; color:#222; line-height:28px; font-size:16px; overflow:hidden;  padding:20px 40px;}
.topnews a.t{display:block; line-height:24px; color:#337ab0; font-size:20px; padding:0px 0 8px; text-align:center;}
.topnews a.d{color:#cc0000;}
.topnews a.t:hover, a.d:hover{color:#}
.topnews a{color:#cc0000;}
.topnews ul{padding:18px 0 0; margin-top:14px; border-top:solid 1px #b00;}
.topnews .newsli li span{color: #222;}
.rmore{color:#b00; float:right; font-size:16px;margin-top:-32px;}

.newsli li{ font-size:14px; position:relative}
.newsli li a{color:#222;}
.newsli a:hover{color:#c00;}
.newsli li span{font-size:14px; position:absolute; right:0;width:18%; text-align:right; color:#999}

.topic{background:#b00; color:#fff; line-height:70px; height:70px; font-size:32px; font-weight:bold; text-align:center; letter-spacing:0.25em; margin:0 0 20px}
.topic a{color:#fff; text-decoration:none;}

.tabbox{padding:50px 0 0; position:relative; margin:5px 0 0;background:url("../images/xdsl-bg1.png") no-repeat 0 50px; }
.tab{position:absolute; top:24px; left:0px; height:80px; width:1200px;}
.tab a{display:block; background:url("../images/h301.png"); width:350px; height:56px; margin:0 35px; float:left;}
.tablist{ background:url("../images/xdsl-bg3.png") no-repeat center bottom; padding:70px 0px 50px; font:18px/40px Î¢ÈíÑÅºÚ; color:#333;}
.tablist li{display:none;font-size:14px;line-height:26px;}
.tablist ul{padding:0 50px;background:url("../images/xdsl-bg2.png");    background-size: 100% 100%;}
.tab1 .tab a{background:url("../images/h301.png") no-repeat;width:295px;}
.tab1 .tab a:hover,.tab1 .tab a.cur{background:url("../images/h321.png") no-repeat;}
.tab1 .tab a+a{background:url("../images/h302.png") no-repeat;width:300px;}
.tab1 .tab a+a:hover,.tab1 .tab a+a.cur{background:url("../images/h322.png") no-repeat;}
.tab1 .tab a+a+a{background:url("../images/h303.png") no-repeat;width:390px;}
.tab1 .tab a+a+a:hover,.tab1 .tab a+a+a.cur{background:url("../images/h323.png") no-repeat;}

.tab2{padding:40px 0 0; margin:15px 0 0;background:url("../images/xdsl-bg1.png") no-repeat 0 40px;}
.tab2 .tab{}
.tab2 .tab a{background:url("../images/h304.png") center no-repeat;width:420px; height:56px; margin:0 85px;}
.tab2 .tab a:hover,.tab2 .tab a.cur{background:url("../images/h324.png") center no-repeat;}
.tab2 .tab a+a{background:url("../images/h305.png") center no-repeat;}
.tab2 .tab a+a:hover,.tab2 .tab a+a.cur{background:url("../images/h325.png") center no-repeat;}
.tab2 .tablist{background:url("../images/xdsl-bg3.png") no-repeat center bottom;}

.tab3{padding:40px 0 0; margin:15px 0 0;background:url("../images/xdsl-bg1.png") no-repeat 0 40px;}
.tab3 .tab a{background:url("../images/h306.png") center no-repeat;width:420px; height:56px; margin:0 90px;}
.tab3 .tab a:hover,.tab3 .tab a.cur{background:url("../images/h326.png") center no-repeat;}
.tab3 .tab a+a{background:url("../images/h307.png") center no-repeat;}
.tab3 .tab a+a:hover,.tab3 .tab a+a.cur{background:url("../images/h327.png") center no-repeat;}
.tab3 .tablist{background:url("../images/xdsl-bg3.png") no-repeat center bottom;}


.tab4{padding:0; margin:5px 0 0;}
.tab4 .tablist{background:url("../images/zgts_bg4.jpg") no-repeat center bottom; padding:40px 50px;}


/**/
.news_list{padding:10px 0px 0px; width:1200px;}
.news_list li{width:520px; float:left; margin:0 30px; background:url(../images/zgts_icon01.png) no-repeat 5px 15px; zoom:1; font-size:16px; line-height:24px; padding:3px 0px 3px 20px;position:relative}
.news_list li a{color:#222;overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; display:inline-block}
.news_list a:hover{color:#c00;}
.news_list li span{font-size:14px; position:absolute; right:0; width:18%; text-align:right; color:#999}


/*µ×²¿°æÈ¨*/
.footer{width:100%; padding:60px 0; background:url(../images/foot.png) no-repeat ; margin:0px auto 0; text-align:center;background-size:100% 100%;}
.copyright{font-size:14px; line-height:30px; color:#fff; font-family:"Î¢ÈíÑÅºÚ";}


.lsdt{width:1200px;margin:0 auto;}

.m{width:580px; height:39px;position:relative; background-color:#40a6ce;}
.m s{color:#fff;font-size:18px;padding-left:48px;line-height:39px;text-align:left;font-weight:bold}
.m2{width:950px; height:54px;position:relative;}




.zyls{MARGIN: 0px auto;width:950px; height:250px; padding:0px;background-color: #fff;float:left;    padding-top: 10px;}
.ls{width:578px;border:1px solid #ccc; height:225px; float:left; margin-left:38px;_margin-left:5px;}
.ls2{ background:url(../images/7.jpg) no-repeat;}
.xwpl{width:580px; height:225px; float:left; margin-left:10px; background:url(../images/zstd.jpg) no-repeat;}
.mtbd{width:580px; height:225px; float:left; margin-left:10px; _margin-left:5px;background:url(../images/xdth.jpg) no-repeat;}

.tpsp{MARGIN: 0px auto;width:950px; height:230px;}




.dtt{width:572px; height:175px; margin-left:3px;_margin-left:2px;}
.dtt ul{width:572px; height:166px;margin-top:18px;}
.dtt ul li{width:516px; height:30px; padding-left:24px;line-height:30px;}
.dtt ul li a{ float:left; }
.dtt span{ float:right;}

.more3{ position:absolute; right:50px; top:0px; line-height:42px;  font-size:14px; float:right;}





a.focusBox { text-decoration:none; color:#FFFFFF}    
a.focusBox:hover{  color:#FFFFFF  }    
.focusBox { position: relative; width:1200px;height:500px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; float:left;    padding-top: 4px;}    
.focusBox .pic { margin:0px; padding: 0px; list-style:none}
.focusBox .pic img { width:1200px;height:500px;display: block; }    
.focusBox .txt-bg { position: absolute; bottom: 0px; z-index: 1; height:40px; line-height:34px; width:1200px;  background:#000; filter: alpha(opacity=0); opacity:0; overflow:hidden; }    
.focusBox .txta { position: absolute; bottom: 8px; z-index: 2; height: 34px; width:1200px;}    
.focusBox .txta li.gwbt{ height:34px; line-height:34px; position:absolute; bottom:-34px;}    
.focusBox .txta li.gwbt a{ display: block; color:#FFFFFF;font-size:14px;  text-decoration: none; line-height:34px;padding: 0 0 0 20px; font-weight:bold;letter-spacing: 1px;}    
.focusBox .txta li.gwzy{color: #656766;position: absolute;z-index: 9999;width: 1200px;display: block;height: 100px;line-height: 20px;bottom: -120px;left:-600px;margin:10px 0px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;}
.focusBox .numa { position: absolute; z-index:3; bottom:14px; right:42%;}    
.focusBox .numa li{ float: left; position: relative; width:80px; height:15px; line-height:16px; overflow: hidden; text-align: center; margin-right:10px; cursor: pointer; background-color:#808080;color:#fff;  filter: alpha(opacity=80); opacity:0.8;  font-size: 10px;border-radius: 10px;}    
.focusBox .numa li a{ position: absolute; z-index:2; display: block; color: white; width:20px;; height:22px;top:0;left: 0; text-decoration: none; }    
.focusBox .numa li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }    
.focusBox .numa li.on,.focusBox .numa li:hover{ background:#08a0ea; filter: alpha(opacity=100); opacity:1;} 



.topnews {    float: right;    width: 380px;    height: 340px;    color: #222;    line-height: 28px;    font-size: 16px;    overflow: hidden;   padding: 20px 40px;}
.bg1 {    position: relative;    min-width: 1200px;    width: 100%;    overflow: hidden;    margin: 0 0 10px;}
.list {    text-align: left;    clear: both;    width: 1200px;    margin: auto;    position: relative;    padding-bottom: 11px;}




































