@charset "utf-8";
body, div, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, table,th, td, input, button, select, textarea {margin:0; padding:0;font-style: normal;font:14px/24px "\5FAE\8F6F\96C5\9ED1",Arial;}
ol, ul ,li{list-style: none;}
img {border: 0; vertical-align:middle;}
body{color:#999999;background:#FFF; text-align:center;}
.clear{clear:both;height:1px;width:100%; margin:0 auto; overflow:hidden; margin-top:-1px;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{zoom: 1}
a{color:#333;text-decoration:none; } 
a:hover,dl.project dd a:hover{color:#cc0000;}

.red ,.red a{ color:#F00;}
.blue ,.blue a{ color:#1E51A2;}

.lf{float:left;}
.rt{float:right;}

.pt5{padding-top:5px;}
.pb5{padding-bottom:5px;}
.pt10{ padding-top:10px}
.pt20{ padding-top:20px}
.pb10{ padding-bottom:10px}
.pb20{ padding-bottom:20px}
.w480{ width:480px}
.w980{ width:980px; margin:0 auto}
.ovhi{ overflow:hidden}
.bgf5{ background:#f5f5f5}
.bgfff{ background:#FFF}

#header ,#main ,#footer,#navigation,.fboximg,#location,#mains,.all{ margin:0 auto; overflow:hidden}

#header{ width:100%; min-width:980px}
.tops{ height:36px; background:#f5f5f5; border-bottom:1px solid #eeeeee}
.tops .lf,.tops .rt{ height:36px; line-height:36px; font-size:12px;color:#999999}

.l-r{ overflow:hidden; padding:10px 0}
.logo{ float:left; width:249px; height:77px;}
.top-tel{ float:right; height:77px}

#nav{ height:50px; background:#097aca; min-width:980px}
ul#navigation{ height:50px; overflow:hidden; margin:0 auto; width:980px}
ul#navigation li{ float:left; height:50px; line-height:50px; padding:0 2px; font-size:16px}
ul#navigation li a{ color:#FFF; float:left; line-height:50px; padding:0 37px;background:#097aca}ul#navigation li a:hover{ color:#f5f5f5;background:#037cf0}

.fboximg{ overflow:hidden; margin:0 auto; width:100%; height:451px; min-width:980px; padding-bottom:20px}
.flexslider{position:relative;height:451px;overflow:hidden;background:url(loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:451px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2; left:45%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:60px;background:url(prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(next.png) center center no-repeat;}

#main{ width:980px; overflow:hidden}

.tit-box{border-bottom: 3px solid #f0f0f0; height:40px}
.tit-box h3{float:left; height: 40px; line-height:40px; padding:0 10px; font-weight:bold; font-size:22px; overflow: hidden; color:#0474df; border-bottom: 3px solid #0474df;}
.tit-box.hui h3{ color:#666;border-bottom: 3px solid #666}
.tit-box h3 a{color:#0474df}
.tit-box h3 span{ font-size:16px; font-style:italic; color:#CCC; font-weight:normal}

#business{ padding:10px 0; text-align:left; overflow:hidden}
dl.project{ width:100%; overflow:hidden}
dl.project dt{ float:left; width:80px; text-align:right; height:34px; line-height:34px; font-size:12px; font-weight:bold}
dl.project dd{ float:right; width:884px; line-height:20px; padding:7px 0; font-size:12px; text-align:left; border-bottom:1px solid #e9e9e9; color:#e9e9e9}
.f14{ font-size:12px}
dl.project dt a{ color:#333}
dl.project dd a{ padding:0 5px; color:#999}

.home-index{ padding:20px 0; overflow:hidden}
.home-index .imgpic{ float:left; width:372px; height:228px}
.home-index .abouttext{ float:right; width:560px; font-size:16px; color:#999;text-align:left;border:1px solid #3385ff; padding:10px 20px}
.home-index .abouttext p{ padding:6px 0; margin:0}

ul.imglist{margin:0 auto; width:1000px; padding:20px 0; overflow:hidden}
ul.imglist li{ float:left;width:230px; height:149px;padding-right:20px; padding-bottom:25px}
ul.imglist li div{width:230px; height:149px; overflow:hidden; position:relative}
ul.imglist li img{ position:absolute; z-index:10; width:230px; left:0; height:149px; top:0; background:#FFF}
ul.imglist li h3{ position:absolute; z-index:20; width:210px; text-align:left; padding:0 10px; line-height:34px; color:#FFF; left:0; bottom:0; height:34px;background:rgba(0,0,0,.4);}
ul.imglists{ width:750px; padding-bottom:0}

ul.newslist,ul.newslist li{ width:100%; text-align:left}
ul.newslist li{ padding:10px 0; overflow:hidden}
ul.newslist li .photo{float:left; width:150px; height:99px;overflow: hidden;padding-right:15px;}
ul.newslist li .photo img,ul.infoimg li .photo img,ul.rt-list li .photo img,ul.alone-img li .b div img{width: 100%;height: 100%; box-sizing: border-box;opacity: 1;-webkit-transition: all .8s ease;-moz-transition: all .8s ease;-o-transition: all .8s ease;-ms-transition: all .8s ease;transition: all .8s ease;}
ul.newslist li .photo a:hover img{opacity: .8;-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
ul.newslist li .lf{ float:left;  width:386px}
ul.newslist li .lf h3{ line-height:26px; height:26px;font-weight:bold;overflow:hidden;text-overflow:ellipsis}

ul.newslist li .lf p{ margin:0; padding:0;line-height:22px; height:22px; font-size:12px; overflow:hidden; padding-top:5px;}
ul.newslist li .ti,ul.infoimg li .ti{ float:left; padding-right:10px; overflow:hidden;  text-align:center; }
ul.newslist li .ti .bx{ float:left;width:60px; height:40px;background:#F4F4F4; line-height:20px; padding:10px}
ul.newslist li .ti .bx .ri{ font-size:20px; color:#06F; text-align:center}

#location{ width:980px; padding:10px 0; text-align:left; font-size:12px}
#location span{ font-size:16px; font-family:"\9ED1\4F53"; padding:0 6px}

.w200{ width:200px}
.w750{ width:750px}
.w280{ width:280px}
.w680{ width:680px}
#main_left{ float:left; overflow:hidden}
#main_right{ float:right; overflow:hidden}

#mains{ width:100%; background:#f5f5f5}

ul.infoimg,ul.alone-img{ display:block; width:100%; overflow:hidden}
ul.infoimg li,ul.rt-list li{ overflow:hidden; border-bottom:1px solid #eeeeee; padding:10px 0; width:100%}
ul.infoimg li .photo{ float:left; width:249px;padding-right:15px; height:159px; overflow:hidden}
ul.infoimg li .lf{ float:left; width:620px; text-align:left}
ul.infoimg li .lf h3,ul.rt-list li .lf h3{ height:30px; line-height:30px; font-weight:bold; font-size:16px;overflow:hidden;text-overflow:ellipsis }
ul.infoimg li .lf h3 a,ul.rt-list li .lf h3 a{ color:#333}ul.infoimg li .lf h3 a:hover,ul.rt-list li .lf h3 a:hover{ color:#cc0000}
ul.infoimg li .lf p{ margin:0; height:20px; line-height:20px;overflow:hidden}
ul.infoimg li .lf .bot{ line-height:20px; height:20px; font-size:12px}ul.infoimg li .lf .bot a,ul.rt-list li .lf p a{ color:#090}
ul.infoimg li .ti .bx{ float:left;width:80px; height:50px;background:#F4F4F4; line-height:24px; font-size:16px; padding:10px}
ul.infoimg li .ti .bx .ri{ font-size:24px; color:#06F; text-align:center}

ul.alone-img{ width:720px}
ul.alone-img li{ float:left; width:220px; padding:10px 20px 10px 0}
ul.alone-img li .b{ width:220px; height:149px; position:relative}
ul.alone-img li .b div{ position:absolute; left:0; width:220px; top:0; height:149px; overflow:hidden; z-index:80}
ul.alone-img li .b h3{ position:absolute; left:0; bottom:0; text-align:left; z-index:100; width:210px; padding:0 5px; height:30px;background:rgba(0,0,0,.4); line-height:30px; color:#FFF;overflow:hidden;text-overflow:ellipsis}

.pages{padding:10px 0 20px 0;clear:both;text-align:center;font-family:Arial,"\5B8B\4F53",sans-serif;font-size:14px;vertical-align:top}
.pages a,.pages span{display:inline-block;height:23px;text-decoration:none;line-height:23px;padding:5px 10px;margin:5px 1px 0 0;background:#ddd;overflow:hidden;vertical-align:top;color:#666}
.pages span{background:#f4f4f4}
.pages span.current,.pages a:hover{background:#307ae3;color:#FFF}

ul.rt-list{ width:100%; overflow:hidden; padding:10px 0; text-align:left}
ul.rt-list li .photo{ float:left; width:106px; height:77px; padding-right:14px; overflow:hidden}
ul.rt-list li .lf{float:left; width:160px}
ul.rt-list li .lf h3{ height:48px; line-height:24px; font-size:16px}
ul.rt-list li .lf p{ padding-top:9px; height:20px; line-height:20px; font-size:12px}

.link-box{ padding:20px 0; overflow:hidden; color:#999}
.link-box a{ float:left; padding:0 10px; color:#999; overflow:hidden; height:24px; overflow:hidden}

ul#menu{ background:#FFF; padding:10px;overflow:hidden}
ul#menu li{ height:40px;}
ul#menu li a{ float:left;width:100%; text-indent:20px; text-align:left; height:40px; line-height:40px}
ul#menu li a:hover{ background:#e6e6e6}
ul#menu li a.on,ul#menu li a.on:hover{ background:#d9d9d9; color:#cc0000}

.all{ width:100%}
.lf-tit{ background:#FFF; padding-top:20px; height:30px; color:#000;  text-align:left; overflow:hidden}
.lf-tit h3{ font-weight:bold; padding-left:15px;line-height:30px;font-size:16px; }
.lf-txtbox{ background:#FFF; padding:10px 15px; font-size:12px; color:#666; padding-bottom:20px; text-align:left; overflow:hidden}

#content{ padding:10px; background:#FFF; width:730px; overflow:hidden; display:block}
h1#title{ font-size:20px;color:#000; padding:10px 0; border-bottom:1px solid #f2f2f2; font-family:"\9ED1\4F53"; font-weight:bold; line-height:36px}
#main-body{ line-height:32px; padding:10px; width:710px; overflow:hidden;font-size:16px; text-align:left; color:#333}
#main-body p{ margin:16px auto}#main-body p img,#main-body img{max-width:716px}
#main-body p.fo,#main-body p.tgs{ text-align:right; color:#999; margin:0 auto; line-height:24px; font-size:12px}
#main-body p.tgs{ text-align:left; font-size:14px}
.upd{ color:#666}.upd a{ color:#333}

ul.ablist{ padding:20px; background:#fbfbfb; overflow:hidden}
ul.ablist li{ float:left; width:330px; padding:0 10px; text-align:left; height:24px; background:url(dot.gif) no-repeat 0 10px; overflow:hidden}
ul.ablist li span{ color:#999}ul.ablist li span a{ color:#0263be}ul.ablist li span a:hover{ text-decoration:underline}
.public{ padding-left:25px; background:url(ghs.png) no-repeat 5px center}
#footer{ background:#09263e; text-align:left; padding:20px 0;min-width:980px; color:#ababab}
#footer a:hover,.ft-nav a:hover,.copyright a:hover,.link-box a:hover{ text-decoration:underline}
.ft-nav{ color:#FFF; padding-bottom:10px;font-size:12px;}.ft-nav a{ color:#FFF; padding-right:16px}
.copyright,.copyright a{ color:#ababab; font-size:12px; line-height:20px}
.copyright .txt{ padding-top:2px}
.ft-logobg{ background:url(ft-l.png) no-repeat 0 0; height:72px; width:100px}