@charset "utf-8";
/* CSS Document */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, q, em, ul, li, ol, form, article, aside, embed, dl, dt, dd, table, td, th, input, button, legend, fiedlset, blockquote, textarea, label, strong, img, fieldset{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal; font-size:100%;}
img, input{border:0 none;}
ul,li{list-style:none;}
table{border-collapse:collapse;}
body{font-size:14px;font-family:"微软雅黑"; color:#313133;line-height:1.6em; background-color:#FFF;}
a{ color:#292929; text-decoration:none;}
a:hover{color:#01488B;text-decoration:none;}
.clearFix:after{clear:both;display:block;visibility:hidden;height:0;line-height:0;content:".";}
.clearFix{zoom:1;}
a:focus,input{outline:none;}
area, a, a img,input{blr:expression_r(this.onFocus=this.blur());}
/*head*/
#top{ width:1220px; height:145px; overflow:hidden; margin:0 auto;}
#logo{ width:233px; height:89px; overflow:hidden; float:left; display:inline; margin-top:35px;}
#topright{ width:720px; height:145px; overflow:hidden; float:right; display:inline; background-image:url(../images/tieta.png); background-repeat:no-repeat; background-position:right bottom;  position:relative;}
#toplink{ width:350px; position:absolute; top:30px; right:90px; text-align:right; color:#888888; font-size:12px;}
#toplink span{ color:#053969; font-weight:bold; font-size:14px;}
#toplink a{ color:#888888;}
#tel{ position:absolute; top:60px; right:90px; text-align:right;}
#nav{ width:660px; overflow:hidden; position:absolute; bottom:20px; left:0px;}
#nav li{ width:110px; font-size:16px; text-align:center; float:left; display:inline;}
/*banner*/
#full-screen-slider {width:100%; height:425px; min-width:1220px;position:relative; background-color:#000000;}
#slides { display:block; width:100%; height:425px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:55%; top:400px; z-index:9900;  padding:5px 5px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:5px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#F64E28}
/*foot*/
#foot_bg{ clear:both;width:100%; height:350px; min-width:1220px; background-image:url(../images/bottom_bg.jpg); background-repeat:no-repeat; background-position:center center; color:#FFF;}
#foot{ width:1000px; height:210px; overflow:hidden; margin:0 auto; padding-top:70px; padding-bottom:70px;}
#foot h5{ height:43px; line-height:43px; font-size:43px; text-align:center; padding-bottom:90px;}
#foot li{ float:left; display:inline; width:190px;}
#foot li.little{ width:46px; margin-left:10px;}
#frlink{ width:1000px; overflow:hidden; margin:10px auto; line-height:20px; color:#787878; text-align:center; padding-bottom:15px;}
#frlink a{ color:#787878;}
#bottom{ text-align:center; line-height:24px; color:#BABABA; padding-bottom:15px;}
/*main*/
#gonggao{ clear:both; width:1220px; height:35px; line-height:35px; overflow:hidden; margin:0 auto; padding-top:15px; padding-bottom:15px;}
#gonggaoico{ width:25px; height:22px; overflow:hidden; float:left; display:inline; margin-right:20px; margin-top:6px;}
#scrollDiv{height:35px;line-height:35px;overflow:hidden; float:left; display:inline; font-size:14px;}
#scrollDiv li{height:35px;}
#scrollDiv li span{ padding-left:20px; color:#6D6E73;}
#scrollDiv li a{ color:#3B2B5C;}
#scrollDiv li a:hover{ color:#01488B;}
#gonggaomore{ width:74px; height:35px; overflow:hidden; float:left; display:inline; margin-left:20px;}

#about_bg{ width:100%; min-width:1220px; height:500px; overflow:hidden; background-color:#EBF8FF; padding-top:40px; padding-bottom:40px;}
#about_bg h5{ height:50px; line-height:50px; font-size:30px; color:#252F38; text-align:center; font-weight:normal;}
#about_bg h6{ height:30px; line-height:30px; text-align:center; color:#45769E; font-size:18px; font-weight:normal;}
#about{ width:1220px; height:366px; overflow:hidden; margin:0 auto; margin-top:20px; color:#747474;}
.aboutli{ width:236px; height:316px; overflow:hidden; float:left; display:inline; margin:5px; padding:25px; background-image:url(../images/main_bg.png); background-repeat:no-repeat; position:relative;}
.aboutli h4{ height:50px; line-height:50px; text-align:center;font-size:20px; color:#4D4D4D;}
.aboutli h3{ width:286px; height:30px; line-height:30px; text-align:center;font-size:16px; color:#16A1BE; position:absolute; bottom:30px; left:0px;}
.aboutli h3 a{ color:#16A3C1;}
#litext{ padding-top:20px;}
#map{ width:168px; height:140px; margin:0 auto; margin-bottom:10px;}
#map_text{ font-size:12px; line-height:1.4em;}
#tiyan{ width:232px; height:206px; margin-top:10px;}
#demo{ width:230px; height:210px; overflow:hidden;}
#demo1{height:auto;text-align:left;}
#demo2{height:auto;text-align:left;}
#demo1  li{list-style-type:none;height:22px;text-align:left;text-indent:15px;}
#demo2  li{list-style-type:none;height:22px;text-align:left;text-indent:15px;}
#case li{ height:26px; line-height:26px; overflow:hidden; color:#B0B0B0; }

#newstitle{ width:100%; min-width:1220px; height:52px; border-bottom:1px #DADADA solid; margin-top:30px; margin-bottom:40px;}
#newstitle h5{ width:160px;height:50px; line-height:50px; font-size:30px; color:#252F38; text-align:center; font-weight:normal; border-bottom:2px #80B5D7 solid; margin:0 auto;}
#newhome{ width:1220px; padding-bottom:60px; overflow:hidden; margin:0 auto;}
#newhome .trendpt { width:550px;overflow:hidden; float:left; display:inline; margin:15px;height:140px;}
#newhome .trendp img { display:block; width:220px; height:138px; border:#ccc 1px solid; margin-right:15px; float:left; display:inline; }
#newhome .trendt { width:310px; line-height:22px; float:left; display:inline; margin-top:5px; color:#575757; }
#newhome .trendt dt{ font-weight:bold; font-size:14px; margin-bottom:5px;}


#code,#code_hover,#gotop{ width:36px; height:48px; background:url(../images/icon.png) no-repeat; position:fixed; right:10px; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); z-index:99999;
}
#code{ background-position:-276px -258px; bottom:120px; _margin-bottom:120px;}
#code_hover{ background-position:-316px -258px; bottom:120px; _margin-bottom:120px;}
#gotop{ background-position:-276px -310px; bottom:67px; _margin-bottom:67px;} 

#code_img{ width:270px; height:355px; background:url(../images/icon.png) -4px -3px no-repeat; position:fixed; right:50px; bottom:67px; cursor:pointer; display:none; z-index:99999;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px;}