a {color: #333;text-decoration: none;cursor: pointer;}
a:hover, a:active {
	text-decoration: none;
	vertical-align:baseline;
	word-break:break-all;
	color:#0079ca;
	cursor:pointer;
}
.width1200{ width:1200px; margin:0 auto; letter-spacing:1px;color:#333333;}
.top{ height:60px; line-height:60px;}

.top .f-fl i{ font-size:20px; font-weight: bold}
.banner .f-fr{ width:600px; text-align:center; padding-top:0px;}
.banner .f-fr img{ width:400px; height:auto;}

.banner{ background: url(/pubimages/web/P020181122516262126081.jpg) no-repeat center #1e2a44; background-size:cover; padding:80px 0;}
.banner .f-fl{ width:500px; color:#fff; }
.banner .f-fl h2{ font-size:29px; padding-bottom:20px; font-weight:normal;}
.banner .f-fl p{ font-size:16px; line-height:32px; padding-bottom:20px; text-indent:32px;}
.banner .f-fl a{ display:inline-block; background:#aa3c14; color:#fff; height:50px; line-height:50px; padding:0 60px 0 50px; margin-right:20px; font-size:16px;}
.banner .f-fl a.a1{ background:url(/pubimages/web/2019_gu_rukou.png) no-repeat 135px center #aa3c14; }
.banner .f-fl a.a2{ background:url(/pubimages/web/2019_gu_tishi.png) no-repeat 135px center #aa3c14; }
.zx{ height:50px; line-height:50px; border-bottom:1px solid #ececec; }
.zx .f-fl{background: url(/pubimages/web/2019_gu_zxicon.png)  no-repeat left center; padding-left:20px;    font-size: 15px;}
.lc{ padding:50px 0 0 0;}
.lc .hd,.lc .bd { display:block; width:100%;    overflow: hidden;   margin: 0 auto;}
.lc .hd ul li{ float:left; width:100px; text-align:center; margin-right:175px; position:relative; cursor:pointer;}
.lc .hd ul li:after{ content:""; height:1px; width:175px; line-height:0; font-size:0; position:absolute; top:25px; right:-175px; background:#d4d2d3;}
.lc .hd ul li:last-child{ margin-right:0;}
.lc .hd ul li:last-child:after{ display:none}
.lc .hd ul li i{ display:block; height:50px; width:50px; text-align:center; line-height:50px; color:#fff; font-size:16px; background:#d4d2d3; border-radius:50%; overflow:hidden; margin:0 auto; color:#333}
.lc .hd ul li.on i{ background:#0079ca; color:#fff;}
.lc .hd ul li span{ display:block; text-align:center; font-size:16px; padding-top:15px;}
.lc h1{ font-size:30px; text-align:center; font-weight:normal; padding:10px 0 30px 0;}
.lc .bd{ padding: 30px 10px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);margin: 40px 0;}
.lc .bd p img{ float:left; margin-right:15px;}
.sm{ padding:50px 0; background:#f4f4f4}
.sm h1{ font-size:30px; text-align:center; font-weight:normal; padding:0px 0 50px 0;}
.sm ul li{ float:left; width:280px; background:#fff; margin-right:26px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);}
.sm ul li:last-child{ margin-right:0;}
.sm ul li .toptxt{ padding:30px 15px;  background:#0079ca; color:#fff;height:100px;}
.sm ul li .toptxt h2{ font-size:18px; padding-bottom:10px; text-align:center;}
.sm ul li .toptxt p{ font-size:14px; text-indent:28px;}
.ck{ display:block; height:50px; line-height:50px; width:200px; text-align:center; font-size:16px; border:1px solid #0079ca; margin:40px auto;}
.ck:hover{ background:#0079ca; color:#fff;}
.sm ul li:hover .toptxt{ background:#0079ca; color:#fff;}
.box3{ background:url(/pubimages/web/P020181122543103355512.jpg) no-repeat center bottom; background-size:cover}
.box3 .f-fl{ width:650px;}
.box3 .f-fl h2{ font-size:25px; text-align:center; padding:200px 0 20px 0;}
.box3 .f-fl p{ font-size:18px; text-indent:36px; line-height:50px;}
.box3 .f-fr{ }
.doit{ background:url(/pubimages/web/2019_gu_iphone_bg.png) no-repeat center top;  width:433px; height:609px; margin-top:50px; overflow:hidden;}
.doit .ulbox{ padding:20px 0 0 45px; display:block; width:340px;}
.doit .ulbox h3{ height:40px; line-height:40px; border-bottom:1px solid #ececec; cursor:pointer; background:url(/pubimages/web/2019_gu_icon10.png) no-repeat right center}
.doit .ulbox ul { padding-left:0px;}
.doit .ulbox ul li{ line-height:28px; border-bottom:1px solid #ececec;cursor: pointer;    font-size: 15px;margin-bottom: 12px;}
.doit h2{margin:70px 0 0 45px; background:url(/pubimages/web/2019_gu_askicon.png) no-repeat left center; height:40px; line-height:40px; font-size:18px; padding-left:30px;display: inline-block;}
.doit .backit{display: inline-block;margin: 70px 0 0 172px;background: #0079ca;color: #fff; border-radius: 3px;padding: 5px 10px;    cursor: pointer;}

.newsbox{ padding:40px 0; background: url(/pubimages/web/P020181122516384204393.jpg) no-repeat center top ; background-size:cover; color:#fff;}
.newsbox b{    margin: 0 8px;}
.newsbox h1{font-size:30px; text-align:center; font-weight:normal; padding:0px 0 50px 0;}
.newsbox h1 a{    color: #ffffff;}
.newspic{ float:left; width:380px;  height:270px; overflow:hidden }
.newspic .bd{width:380px;  height:250px;  overflow:hidden}
.newspic .bd img{ height:250px;}
.newspic .bd ul li{ position:relative;}
.newspic .bd h2{ height:50px; line-height:50px; background:rgba(0,0,0,0.6); width:100%; position:absolute; left:0; bottom:0; color:#fff;}
.newspic .bd h2 a{ padding-left:15px  ;  color:#fff;}
.newspic .hd {   width:100%; padding-top:8px;  }
.newspic .hd ul { display:block; text-align: center;}
.newspic .hd ul li{ display:inline-block; height:8px; width:8px; border-radius:50%; background:#d7d7d7; margin:0 3px; z-index:999; text-indent:999px;}
.newspic .hd ul li.on{ background:#fc6364; }

/***.newslist{  width:800px; float:right;}***/
.newslist h2{ height:40px; line-height:40px;  font-weight:normal;}
.newslist h2 span.f-fl{ display:inline-block; height:40px; color:#fff; padding:0 25px; font-size:18px; background:#0167cc;}
.newslist h2 span.f-fr{ background:url(../images/moreicon.png) no-repeat right center; padding-right:15px;}
.newslist ul{  }
.newslist ul li{ width: 43%;display: inline-block; margin: 0 30px;height:40px; line-height:40px; overflow:hidden; background:url(/pubimages/web/ico_disc.png) no-repeat left center; padding-left:15px; color:#999}
.newslist ul li a{ font-size:16px; display:inline-block; width:100%;overflow:hidden; color:#fff;text-overflow:ellipsis;white-space:nowrap}

.contactbox{ padding:50px 0;}
.contactbox h1{font-size:30px; text-align:center; font-weight:normal; padding:0px 0 50px 0;}
.contactbox h1 span{ display:block;  text-align:center; font-size:15px; padding-top:15px;}
.contactbox .f-fl{ width:550px;  }
.contactbox .f-fl h2{ border-bottom:1px solid #ccc; line-height:40px; height:40px;}
.contactbox .f-fl h2 span{ background:url(/pubimages/web/2019_gu_mapicon.png) no-repeat left center; padding-left:30px; display:inline-block; border-bottom:1px solid #0079ca; color:#0079ca; font-size:18px; line-height:40px; float:left}
.contactbox .f-fl h2 i{     font-size: 15px;float:right; font-weight:normal;}
.contactbox .f-fl ul{ padding-top:20px;}
.contactbox .f-fl ul li{ font-size: 16px;float:left; width:255px; height:40px; line-height:40px;  background:url(/pubimages/web/fg_list_bg.png) no-repeat left center; padding-left:20px; position:relative; cursor:pointer;}
.contactbox .f-fl ul li .libox{line-height:30px; position:absolute; width:550px; height:70px; border:1px solid #ccc; background:#fff; top:30px; left:0; z-index:99; padding:10px; border-radius:5px; display:none;    font-size: 14px;}
.contactbox .f-fl ul li span:hover{    color: #2e90d1;}
/****.contactbox .f-fl ul li span:hover .libox{ display:block;}****/
.contactbox .f-fr{ width:550px;}
.contactbox .f-fr h2{ border-bottom:1px solid #ccc; line-height:40px; height:40px;}
.contactbox .f-fr h2 span{    background: url(/pubimages/web/2019_gu_askicon.png) no-repeat left center;padding-left: 30px; display:inline-block; border-bottom:1px solid #0079ca; color:#0079ca; font-size:18px; line-height:40px;}
.contactbox .f-fr h2 i{ float:right; font-weight:normal;}
.contactbox .f-fr ul{ padding-top:20px;}
.contactbox .f-fr ul li{   height:40px; line-height:40px; background:url(/pubimages/web/fg_list_bg.png) no-repeat left center; padding-left:20px;    font-size: 16px; }
.footbox{ background:#000; color:#fff; padding:15px 15px; text-align:center;}
.back{ padding:20px 0; text-align:center; position:absolute; bottom:0; left:0; width:100%;  }
.back a{ display:inline-block; padding:10px 40px;background:#0079ca; color:#fff; border-radius:3px;}
.thecontent{ position:relative; height:496px; position:relative;  }
.thecontent h4{border-bottom:1px solid #ccc; line-height:32px; font-size:18px;margin-bottom: 15px;}
.OrgList h3{    width: 141px;height: 40px;text-align: left;cursor: pointer; font-size: 20px;margin: 20px 0;border-bottom: 3px solid #7dc0eb;}
.OrgList table tr th{    border: 1px solid #eee; background-color: #7dc0eb;height: 40px;padding: 10px 5px; color: #ffffff;    font-size: 16px;}
.OrgList table tr td{    border: 1px solid #eee;text-align: center;padding: 5px 10px;}
.OrgList table tr td.qmtd{text-align: left;}

@media screen and (min-width:300px) and (max-width:1024px) {
.cen{ text-align:center;}		 
.width1200{ width:100%; margin:0 auto; letter-spacing:1px;}
.top{ height:60px; line-height:60px;}

.top .f-fl i{ font-size:14px; font-weight: bold}
.top .f-fr{ display:none;}
.banner .f-fr{ width:100%; text-align:center; padding-top:25px; }
.banner .f-fr img{ width:90%; height:auto;}
.banner{ background: url(/pubimages/web/P020181122516262126081.jpg) no-repeat center #0079ca; background-size:cover; padding:30px 15px;}
.banner .f-fl{ width:100%; color:#fff; }
.banner .f-fl h2{ font-size:18px; padding-bottom:10px;  font-weight:bold; text-align:center;}
.banner .f-fl p{ font-size:16px; line-height:32px; padding-bottom:20px; text-indent:32px;}
.banner .f-fl a{ display:inline-block; background:#aa3c14; color:#fff; height:50px; line-height:50px; padding:0 30px 0 30px; margin-right:20px; font-size:16px;}
.banner .f-fl a.a1{ background:url(/pubimages/web/2019_gu_rukou.png) no-repeat 135px center #aa3c14; }
.banner .f-fl a.a2{ background:url(/pubimages/web/2019_gu_tishi.png) no-repeat 135px center #aa3c14; }
.zx{ padding:15px; line-height:24px; height:50px; height:auto; border-bottom:1px solid #ececec; }
.zx .f-fl{background: url(/pubimages/web/2019_gu_zxicon.png)  no-repeat left 3px; width:100%; padding-left:20px; box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.zx .f-fr{ display:none;}
.lc{ padding:30px 0 0 0; overflow:hidden}
.lc .hd { display:block; width:100%; height:200px;}
.lc .hd ul li{ float:left; width:33.333%; text-align:center; margin-right:0px; margin-bottom:20px; position:relative; cursor:pointer;}
.lc .hd ul li:after{ content:""; height:1px; width:20%; line-height:0; font-size:0; position:absolute; top:25px; right:-10px; background:#d4d2d3;  }
.lc .hd ul li:last-child{ margin-right:0;}
.lc .hd ul li:last-child:after{ display:none}
.lc .hd ul li i{ display:block; height:50px; width:50px; text-align:center; line-height:50px; color:#fff; font-size:16px; background:#d4d2d3; border-radius:50%; overflow:hidden; margin:0 auto; color:#333}
.lc .hd ul li.on i{ background:#0079ca; color:#fff;}
.lc .hd ul li span{ display:block; text-align:center; font-size:16px; padding-top:15px;}
.lc h1{ font-size:30px; text-align:center; font-weight:normal; padding:10px 0 30px 0;}
.lc .bd{     width: 90%; padding: 27px 10px;    margin: 40px auto;}
.lc .bd p img{ float:left; margin-right:15px;}
.sm{ padding:30px 15px; background:#f4f4f4}
.sm h1{ font-size:30px; text-align:center; font-weight:normal; padding:0px 0 30px 0;}
.sm ul li{ float:left; width:100%; background:#fff; margin-right:0px; margin-bottom:10px; }
.sm ul li:last-child{ margin-right:0;}
.sm ul li .toptxt{ padding:20px 15px;  background:#0079ca; color:#fff;}
.sm ul li .toptxt h2{ font-size:18px; padding-bottom:5px; text-align:center;}
.sm ul li .toptxt p{ font-size:14px; text-indent:28px;}
.ck{ display:block; height:40px; line-height:40px; width:200px; text-align:center; font-size:16px; border:1px solid #0079ca; margin:20px auto;}
.ck:hover{ background:#0079ca; color:#fff;}
.sm ul li:hover .toptxt{ background:#0079ca; color:#fff;}
.box3{ background:url(/pubimages/web/P020181122543103355512.jpg) no-repeat center bottom; background-size:cover; padding:0 15px;}
.box3 .f-fl{ width:100%;}
.box3 .f-fl h2{ font-size:25px; text-align:center; padding:30px 0 20px 0;}
.box3 .f-fl p{ font-size:16px; text-indent:36px; line-height:32px;}
.box3 .f-fr{ }
.doit{ background:none ;   width:100%; height:545px; height:auto; margin-top:20px; overflow:hidden;}
.doit .ulbox{ padding:0px 0 0 0px; display:block; width:100%;}
.doit .ulbox h3{ height:40px; line-height:40px; border-bottom:1px solid #ccc; cursor:pointer; background:url(/pubimages/web/2019_gu_icon10.png) no-repeat right center}
.doit .ulbox ul { padding-left:0px;}
.doit .ulbox ul li{ height:30px; line-height:30px; border-bottom:1px solid #ececec;}
.doit h2{margin:0px 0 20px 0px; background:url(/pubimages/web/2019_gu_askicon.png) no-repeat left center; border-bottom:none; height:40px; line-height:40px; font-size:20px; padding-left:30px;}
.doit .backit{    margin: 0 0 0 154px;}

.newsbox{ padding:40px 15px 0px 15px; background: url(/pubimages/web/P020181122516384204393.jpg) no-repeat center top ; background-size:cover; color: #666666;;}
.newsbox h1{font-size:30px; text-align:center; font-weight:normal; padding:0px 0 20px 0;}
.newspic{ float:left; width:100%;  height:370px; height:auto; overflow:hidden }
.newspic .bd{width:100%;  height:auto;  overflow:hidden}
.newspic .bd img{ height:auto; width:100%}
.newspic .bd ul li{ position:relative;}
.newspic .bd h2{ height:50px; line-height:50px; background:rgba(0,0,0,0.6); width:100%; position:absolute; left:0; bottom:0; color:#fff;}
.newspic .bd h2 a{ padding-left:15px  ;  color:#fff;}
.newspic .hd {   width:100%; padding-top:8px;  }
.newspic .hd ul { display:block; text-align: center;}
.newspic .hd ul li{ display:inline-block; height:8px; width:8px; border-radius:50%; background:#d7d7d7; margin:0 3px; z-index:999; text-indent:999px;}
.newspic .hd ul li.on{ background:#fc6364; }

.newslist{  width:100%; float:right;}
.newslist h2{ height:40px; line-height:40px;  font-weight:normal;}
.newslist h2 span.f-fl{ display:inline-block; height:40px; color:#fff; padding:0 25px; font-size:18px; background:#0167cc;}
.newslist h2 span.f-fr{ background:url(../images/moreicon.png) no-repeat right center; padding-right:15px;}
.newslist ul{  }
.newslist ul li{ width: 100%;margin: 0;height:auto; line-height:28px; overflow:hidden; background:none; padding-left:0; color:#999;margin-bottom: 10px;}
.newslist ul li a{ font-size:15px; display:inline-block; width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal;    border-bottom: 1px dotted #cccccc;}

.contactbox{ padding:30px 15px;}
.contactbox h1{font-size:30px; text-align:center; font-weight:normal; padding:0px 0 20px 0;}
.contactbox h1 span{ display:block;  text-align:center; font-size:14px; padding-top:15px;}
.contactbox .f-fl{ width:100%;     position: relative; }
.contactbox .f-fl h2{ border-bottom:1px solid #ccc; line-height:40px; height:40px;}
.contactbox .f-fl h2 span{ background:url(/pubimages/web/2019_gu_mapicon.png) no-repeat left center; padding-left:30px; display:inline-block; border-bottom:1px solid #0079ca; color:#0079ca; font-size:18px; line-height:40px; float:left}
.contactbox .f-fl h2 i{ float:right; font-weight:normal;    font-size: 14px;}
.contactbox .f-fl ul{ padding-top:20px;}
.contactbox .f-fl ul li{ float:left; width:100%;  line-height:40px;  background:url(/pubimages/web/fg_list_bg.png) no-repeat left center; padding-left:20px; box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ position:relative; cursor:pointer;}
.contactbox .f-fl ul li .libox{ position:absolute; width:100%; height:70px ; height:auto; border:1px solid #ccc; background:#fff; top:30px; left:0; z-index:99; padding:10px 0 0 10px; border-radius:5px; display:none;}
.contactbox .f-fl ul li:hover .libox{ display:block;}
.contactbox .f-fr{ width:100%;}
.contactbox .f-fr h2{ border-bottom:1px solid #ccc; line-height:40px; height:40px;}
.contactbox .f-fr h2 span{ display:inline-block; border-bottom:1px solid #0079ca; color:#0079ca; font-size:18px; line-height:40px;}
.contactbox .f-fr h2 i{ float:right; font-weight:normal;}
.contactbox .f-fr ul{ padding-top:20px;}
.contactbox .f-fr ul li{   height:40px; line-height:40px; background:url(/pubimages/web/fg_list_bg.png) no-repeat left center; padding-left:20px; overflow:hidden}		 
.contactbox .f-fr ul li a{ display:inline-block; width:100%;overflow:hidden; 
text-overflow:ellipsis;
white-space:nowrap	 }
.copyright span:nth-child(1){width:100%;float:left;}
.clickNull{ width: 100%;height: 100%;position: absolute;}
}