body{font-size:14px;margin:0; padding:0;line-height:130%;background:#fff url(../images/common/bg.jpg) repeat-x top; font-family:Arial, Helvetica, sans-serif;}
img{border:none}
ul{ list-style:none}
ul li{ list-style:none}
a,a:visited{color:#011264;}
a:hover{color:#011264;}
*{margin:0;padding:0}
.clear{clear:both;}
.fl-left{float:left}
.fl-right{float:right}
#container{margin:0px auto;}
#header{width:950px;height:125px;margin:0px auto;color:#011264}
#header h1{width:950px;height:105px;display:block;padding:0;}
.topmenu{ float:right;width:145px;padding:10px 0 0 314px;height:20px; background:url(../images/tel.jpg) no-repeat 0 3px}
.topmenu a{display:block;text-indent:-3000px;font-size:0; text-decoration:none;color:#000}
.topmenu a.cn{float:left;height:18px;width:65px; display:block;overflow:hidden;background:url(../images/common/topmenu.jpg) no-repeat 0 0}
.topmenu a.en{float:left;height:18px;width:70px;display:block;overflow:hidden;background:url(../images/common/topmenu.jpg) no-repeat -65px 0}
#navi-wrap{height:35px;display:block;background:url(../images/common/bg-navi.jpg) repeat-x}
.navi{width:950px;height:35px;margin:0px auto;}
.navi a{float:left;width:158px;height:35px;overflow:hidden;display:block; text-indent:-3000px;text-decoration:none; font-size:0}
.navi a.nav1{ background:url(../images/common/navi.jpg) no-repeat 0 0}
.navi a.nav1:hover{ background:url(../images/common/navi.jpg) no-repeat 0 -36px}

.navi a.nav2{ background:url(../images/common/navi.jpg) no-repeat -158px 0}
.navi a.nav2:hover{ background:url(../images/common/navi.jpg) no-repeat -158px -36px}

.navi a.nav3{ background:url(../images/common/navi.jpg) no-repeat -316px 0}
.navi a.nav3:hover{ background:url(../images/common/navi.jpg) no-repeat -316px -36px}

.navi a.nav4{ background:url(../images/common/navi.jpg) no-repeat -474px 0}
.navi a.nav4:hover{ background:url(../images/common/navi.jpg) no-repeat -474px -36px}

.navi a.nav5{ background:url(../images/common/navi.jpg) no-repeat -632px 0}
.navi a.nav5:hover{ background:url(../images/common/navi.jpg) no-repeat -632px -36px}

.navi a.nav6{width:160px; background:url(../images/common/navi.jpg) no-repeat -790px 0}
.navi a.nav6:hover{width:160px; background:url(../images/common/navi.jpg) no-repeat -790px -36px}
.left-subnav{display:none;height:245px;text-align:center;margin:0 auto; overflow:hidden}
.left-subnav a{float:left; text-align:center;height:49px;overflow:hidden;display:block; text-indent:-3000px;text-decoration:none; font-size:0}
.left-subnav a.left-subnav1{ background:url(../images/left-subnavi.jpg) no-repeat center 0}
.left-subnav a.left-subnav2{ background:url(../images/left-subnavi.jpg) no-repeat center -49px}
.left-subnav a.left-subnav3{ background:url(../images/left-subnavi.jpg) no-repeat center -98px}
.left-subnav a.left-subnav4{ background:url(../images/left-subnavi.jpg) no-repeat center -147px}
.left-subnav a.left-subnav5{ background:url(../images/left-subnavi.jpg) no-repeat center -196px}
.left-subnav1{display:none;height:150px;text-align:center;margin:0 auto; overflow:hidden}
.left-subnav1 a{float:left;width:212px;height:49px;overflow:hidden;display:block; text-indent:-3000px;text-decoration:none; font-size:0}
.left-subnav1 a.left-subnav1{ background:url(../images/left-subnavi1.jpg) no-repeat center 0}
.left-subnav1 a.left-subnav2{ background:url(../images/left-subnavi1.jpg) no-repeat center -49px}
.left-subnav1 a.left-subnav3{ background:url(../images/left-subnavi1.jpg) no-repeat center -98px}
.left-subnav2{display:none;height:348px;text-align:center;margin:0 auto; overflow:hidden}
.left-subnav2 a{float:left;width:212px;height:49px;overflow:hidden;display:block; text-indent:-3000px;text-decoration:none; font-size:0}
.left-subnav2 a.left-subnav1{ background:url(../images/left-subnavi2.jpg) no-repeat center 0}
.left-subnav2 a.left-subnav2{ background:url(../images/left-subnavi2.jpg) no-repeat center -49px}
.left-subnav2 a.left-subnav3{ background:url(../images/left-subnavi2.jpg) no-repeat center -98px}
.left-subnav2 a.left-subnav4{ background:url(../images/left-subnavi2.jpg) no-repeat center -147px}
.left-subnav2 a.left-subnav5{ background:url(../images/left-subnavi2.jpg) no-repeat center -196px}
.left-subnav2 a.left-subnav6{ background:url(../images/left-subnavi2.jpg) no-repeat center -245px}
.left-subnav2 a.left-subnav7{ background:url(../images/left-subnavi2.jpg) no-repeat center -294px}
#content{margin:5px auto 0 auto;padding:5px 0;background:#fff;width:948px;border-left:1px solid #efefef;border-right:1px solid #efefef}
.banner{width:948px;text-align:center;background:#fff;}
.banner p{padding:5px 0 0 10px;text-align:left;}
.con{width:948px;padding:5px 0}
.con-left{float:left;width:248px;padding:0px 0 10px 0}
.con-left a{width:248px;overflow:hidden;display:block; text-indent:-3000px;text-decoration:none; font-size:0}
.con-left a.left-nav1{height:70px;background:url(../images/common/left-navi.jpg) 0 0}
.con-left a.left-nav2{height:70px; background:url(../images/common/left-navi.jpg) 0 -71px}
.con-left a.left-nav3{height:70px; background:url(../images/common/left-navi.jpg) 0 -142px}
.con-left a.left-nav4{ height:70px;background:url(../images/common/left-navi.jpg) 0 -210px}
.con-left a.left-nav5{ height:70px;background:url(../images/common/left-navi.jpg) 0 -280px}
.con-left a.left-nav6{ height:70px;background:url(../images/common/left-navi.jpg) 0 -350px}
.con-left a.left-nav7{ height:70px;background:url(../images/common/left-navi.jpg) 0 -420px}
.con-left a.left-nav1:hover{background:url(../images/common/left-navi.jpg) 248px 0}
.con-left a.left-nav2:hover{ background:url(../images/common/left-navi.jpg) 248px -71px}
.con-left a.left-nav3:hover{ background:url(../images/common/left-navi.jpg) 248px -142px}
.con-left a.left-nav4:hover{ background:url(../images/common/left-navi.jpg) 248px -210px}
.con-left a.left-nav5:hover{ background:url(../images/common/left-navi.jpg) 248px -280px}
.con-left a.left-nav6:hover{ background:url(../images/common/left-navi.jpg) 248px -350px}
.con-left a.left-nav7:hover{ background:url(../images/common/left-navi.jpg) 248px -420px}
.con-right{float:right;width:700px;padding:5px 0 10px 0}
.box-wrap{width:690px;display:block;margin:0 0 8px 0;background:url(../images/top/box-b.jpg) repeat-y}
.box{ background:url(../images/top/box-f.jpg) no-repeat left bottom;padding:0}
.box-con{width:690px;display:block;background:url(../images/top/box-t.jpg) no-repeat left top;padding:0 0 5px 0}
h2.title{height:20px;;padding:10px 15px 5px 15px;font-size:14px;}
.con-long{float:right;width:942px;padding:5px 0 10px 0}
.con-long .box-wrap{width:942px;display:block;margin:0 0 8px 0;background:url(../images/cases/box-b.jpg) repeat-y}
.con-long .box{ background:url(../images/cases/box-f.jpg) no-repeat bottom;padding:0}
.con-long .box-con{width:942px;display:block;background:url(../images/cases/box-t.jpg) no-repeat top;padding:0 0 5px 0}
.box-wrap-s{width:487px;display:block;margin:0 0 8px 0;background:url(../images/top/box-b-s.jpg) repeat-y}
.box-s{ background:url(../images/top/box-f-s.jpg) no-repeat left bottom;padding:0}
.box-s-con{width:487px;display:block;background:url(../images/top/box-t-s.jpg) no-repeat left top;padding:0 0 5px 0}




 .more{float:right;  text-align:right;height:24px;font-size:11px;display:block;background: url(../images/top/more.jpg) no-repeat right 2px;padding:0 25px 0 10px;}
 .about{padding:5px 10px;}
 .about-con{padding:10px 20px;font-size:14px;line-height:150%}
 .img-styler{float:right;}
 .img-styler img{padding:1px;border:1px solid #ccc;margin:0 0 10px 10px}

.ul-product{padding:5px 0;margin:0 0 0 10px;width:680px;}
.ul-product li{float:left;width:109px;padding:0 0px 10px 3px}
.ul-product li p.pic-style{width:100px;padding:1px;border:1px solid #666;}
.ul-product li p{ text-align:center;padding:5px 0 0 0 }
a.pro{background: url(../images/common/arrow.jpg) no-repeat 0 3px;padding:0 0 0 10px;color:#011264;font-size:12px}
.ul-news{margin:0 0 0 10px}
.ul-news li{ background:url(../images/top/dot.jpg) no-repeat 0 10px;padding:0 0 0 10px}
.ul-news li p{padding:3px 0}
.ul-news li p a{color:#011264;}
.ul-news li p .date{font-size:10px;margin-left:10px}
.ul-news1{margin:10px 0 0 20px}
.ul-news1 li{ background:url(../images/top/dot.jpg) no-repeat 0 15px;padding:10px 0 10px 10px}
.ul-news1 li p.topic{color:#011264;font-weight:bold;padding:0 0 5px 0}
.ul-news1 li p {font-size:14px;}
.ul-news1 li p .date{font-size:11px;margin-left:10px;color:#666}

.curent{width:927px;height:25px;margin:0px auto 5px auto;padding:5px 0 0 15px;background: url(../images/common/bg-curent.jpg) no-repeat 0 0}
.tb-contact{width:600px;margin:20px auto;border:0;font-size:14px;}
.tb-contact th{padding:5px 10px; text-align:right}
.tb-contact td{padding:5px 10px;}
.online{padding:10px 30px;}
.online img{margin:5px 15px;}
.contact{padding:10px 10px 10px 50px;font-size:14px;line-height:150%}
.contact p{padding:10px 0 0 0}
.product{padding:10px}
.p-cen{ text-align:center;width:130px;height:150px;}
.p-cen img{border:1px solid #000}
.red{color:#f00}
.case-cen{float:left;width:420px;height:260px;padding:26px 24px 24px 23px;background:url(../images/cases/bg.jpg) no-repeat 0 0; text-align:center;}
.case-topic{float:left;width:350px;margin:20px 20px 0 20px}
.case-topic h3{font-size:18px;line-height:150%;border-bottom:1px solid #000;padding:5px 0;margin-bottom:15px}
.case-topic h3 a{ text-decoration:none}
.case-topic p{line-height:150%;font-size:14px}
.case-topic p.year{font-size:45px; font-family:Arial black, Helvetica, sans-serif; font-weight:bolder;line-height:150%;border-top:1px solid #000;padding:5px 0;margin-top:15px}
.info{padding:20px;line-height:150%;font-size:14px}
.map{ text-align:center}
.honouer{ text-align:center}
.honer-style{float:left; display:block;width:233px;height:175px;padding:14px;background: url(../images/honour/bg.jpg) no-repeat}
.h-cen{ text-align:center;width:261px;}
.honer-no{float:left; display:block;width:233px;height:175px;padding:14px;}
.project{ text-align:right;font-weight:bold;font-size:16px;padding:5px 0;color:#2242db}
h3.title{padding:0 0 10px 0;width:665px;margin:0 auto}
.box1{width:663px;margin:0 auto 10px auto;padding:15px 0;border:1px solid #ccc;background:url(../en/images/product/bg-box1.jpg) repeat-x bottom}
.box2{width:663px;margin:0 auto 10px auto;padding:15px 0;border:1px solid #ccc;background:url(../en/images/product/bg-box2.jpg) repeat-x bottom}
.box3{width:663px;margin:0 auto 10px auto;padding:15px 0;border:1px solid #ccc;background:url(../en/images/product/bg-box3.jpg) repeat-x bottom}
.box4{width:663px;margin:0 auto 10px auto;padding:15px 0;border:1px solid #ccc;background:url(../en/images/product/bg-box4.jpg) repeat-x bottom}
.more-product{ text-align:right;padding:0 10px}
.m-cen{ text-align:center;width:150px;height:150px;}
.m-cen img{border:1px solid #000}
.scroll_div{width:906px;height:120px;overflow: hidden; white-space: nowrap; padding:0; }
#scroll_begin, #scroll_end, #scroll_begin ul, #scroll_end ul, #scroll_begin ul li, #scroll_end ul li{display:inline;}
.scroll-img{width:924px;margin:0px auto;background: url(../images/top/left-bar.jpg) no-repeat left top;padding:0 0 0 18px;}
.scroll-imgr{margin:0px auto;background: url(../images/top/right-bar.jpg) no-repeat right top;padding:0 18px 0 0 ;}
.scroll-img img{margin-right:1px;}
#footer{width:942px;height:30px;color:#fff;border-top:5px solid #FFFF00;margin:0px auto;background:url(../images/common/bg-footer.jpg) repeat-x top; text-align:center}
#footer p{padding:0;line-height:30px;font-size:12px;}