/* css reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:url(../images/bg.png) repeat-y center top; color:#555; font-size:12px; font-family:"微软雅黑", sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; }

img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;} 
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.clear{ clear:both;}
.f_l{ float:left;}
.f_r{ float:right; padding-right:15px;}
#lookall{ font-size:12px;}
.s_img{ margin:0px 15px;background:url('../images/hezuo_left_img.png') no-repeat left 4px; padding-left:30px;}
.fuwu_img{margin:0 15px 0 15px;background:url('../images/fuwu_left_img.png') no-repeat left center;}
.wp{ width: 1002px; margin: 0px auto; overflow: hidden; background: #fff;}
a{color: #333;}
a:hover{color:#1e80a7;}
.fl{ float:left;} .fr{ float:right;} .oh{ overflow:hidden;} .mt10{ margin-top:10px;} .mb10{ margin-bottom:10px;} 
.pt10{ padding-top:10px;} .pb10{ padding-bottom:10px;} #mr0{ margin-right: 0;}
.wrap{ width:1002px; margin:0px auto; overflow:hidden;}

/* header */
header{ width: 100%; z-index:999; overflow: hidden; background: url(../images/hbg.jpg) repeat-x;}
.head{ height: 130px;}
.logo{ margin-top: 22px;}
.tel{ margin-top: 40px;}
.nav{  color: #000;/* background: url(../images/navbg.jpg);*/ background:#016ec9; height: 48px; line-height: 48px; margin-bottom:10px;}
.nav-list{ border-left:1px solid #4587e8; }
.nav-list li{ float: left;/* background: url(../images/navline.jpg) no-repeat right center;*/ border-right:1px solid #4587e8; }
.nav-list li a{ float: left; display:block; width: 116px; height: 48px; font-size: 14px; line-height: 48px; color: #fff; text-align: center;}
.nav-list li a:hover{ background: url(../images/nav_hover.jpg) no-repeat;}
#bgnone{ background: none;}

.flexslider { position: relative; height: 400px; overflow: hidden; background: url(images/loading.gif) 50% no-repeat;}
.slides { position: relative; z-index: 1;}
.slides li { height: 400px;}
.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li { display: inline-block; width: 14px; 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(../images/dot.png) right 0 no-repeat; cursor: pointer;}
.flex-control-nav .flex-active { background-position: 0 0;}

.hots{ font-size: 14px; height: 25px; line-height: 25px;}

.search{ height: 73px; background: url(../images/serbg.jpg) repeat-x;}
.sebox{ padding-top: 25px; background: url(../images/shadow.png) no-repeat center top;}
.sea-txt{ border: 1px solid #ddd; border-right: none; height: 25px; line-height: 25px; width: 205px; text-indent:15px;}
.sea-btn{ border: none; background: url(../images/serbtn.jpg) no-repeat left center; width: 55px; height: 27px;}

.category{ border: 1px solid #0059ad; width: 207px;}
.cat-list{ width: 190px; margin: 0 auto; padding: 10px 0;}
.cat-list dl dt{ height: 31px; /*background: url(../images/cat.jpg) no-repeat;*/ background:#016ec9; width: 100%; margin-top: 10px; margin-bottom: 10px; line-height: 31px; color: #fff; font-size: 14px; text-align: center;}
.cat-list dl dd{ height: 25px; line-height: 25px; background:url(../images/newico.jpg) no-repeat 15px center; text-indent: 35px;}

.proshow{ border: 1px solid #ddd; width: 740px; padding:15px;}
.show-tit{ border-bottom: 1px solid #ddd; height: 40px; line-height: 40px; background: url(../images/hot_ico.jpg) no-repeat left center;}
.show-tit span{ display: inline-block; float: left; border-bottom: 1px solid #025dbc; font-size: 16px; padding-left: 30px; padding-right: 15px;}
.show-more{ display: inline-block; margin-top: 15px;}

.show-list{ width:740px; overflow:hidden;}
.show-list ul{ overflow:hidden; width:740px;}
.show-list ul li{ padding: 5px; overflow: hidden; overflow:hidden; float: left; border: 1px solid #ddd; margin-top: 15px; margin-right: 3px; margin-left:5px;}
.show-list ul li img{ width: 165px; height: 120px;}
.show-list ul li h2{ height: 25px; line-height: 25px; width:165px; text-align: center;}

.advbg{ background:#fff url(../images/adv_bg.jpg) repeat-x left top; overflow: hidden; margin-top: 15px;}

.adv01{ height: 392px; background: url(../images/adv_01.jpg) no-repeat; position: relative; margin-top: 35px;}
.adv01 h2{ position: absolute; top: 150px; font-size: 20px; right: 15px;}
.adv01 ul { position: absolute; top: 207px; right:25px;}
.adv01 ul li{ height: 30px; line-height: 30px; font-size: 12px;}

.adv02{ background: url(../images/adv_02.jpg) no-repeat; height: 266px; position: relative;}
.adv02 h2{ position: absolute; top: 82px; font-size: 20px; left: 110px;}
.adv02 ul { position: absolute; top: 141px; left:75px;}
.adv02 ul li{ height: 30px; line-height: 30px; font-size: 12px;}

.adv03{ background: url(../images/adv_03.jpg) no-repeat; height: 266px; position: relative;}
.adv03 h2{ position: absolute; top: 60px; font-size: 20px; right: 84px;}
.adv03 ul { position: absolute; top: 119px; right:0px;}
.adv03 ul li{ height: 30px; line-height: 30px; font-size: 12px;}

.adv04{ background: url(../images/adv_04.jpg) no-repeat; height: 289px; position: relative;}
.adv04 h2{ position: absolute; top:45px; font-size: 20px; left: 114px;}
.adv04 ul { position: absolute; top: 100px; left:55px;}
.adv04 ul li{ height: 30px; line-height: 30px; font-size: 12px;}

.ad1{ height: 90px; margin-top: 20px;}

.client{ overflow: hidden;}
.clibg{ background: url(../images/clientbg.jpg) no-repeat -1px 0; height: 280px; margin-top: 20px;}
.amazon_scroller{padding: 0px; margin-left: 6px; margin-top: 60px;}
.amazon_scroller .amazon_scroller_nav{position: absolute;}
.amazon_scroller .amazon_scroller_nav li{cursor: pointer;position: absolute;}
.amazon_scroller .amazon_scroller_mask{ position: absolute; margin-left: 30px; margin-right: 30px; overflow: hidden;}
.amazon_scroller ul{ padding: 0px;margin: 0px;float: left;}
.amazon_scroller ul li{padding: 0px;  margin: 0px;  margin-left: 13px; margin-right: 13px; list-style: none; float: left; text-align: center; display:inline;}
.amazon_scroller ul li a{text-decoration: none;}
.amazon_scroller ul li a:hover{ text-decoration: underline;}
.amazon_scroller ul li a img{ border: none;}

.cooper{ border: 1px solid #006ed2; width: 240px; padding: 10px; overflow: hidden;}
.title2{ background: url(../images/titbg.jpg) no-repeat; height: 36px; line-height: 36px; font-size: 16px; color: #fff; text-indent: 15px;}
.title2 .more a{ font-size:12px; float: right; color: #fff; margin-right: 15px;}
.cooper ul{ padding: 15px 0; overflow: hidden;}
.cooper ul li{ float: left; margin: 5px 5px 0 5px;} 

.he-right{ width: 705px; padding: 10px; overflow: hidden; border: 1px solid #ddd;}
.title3{ height: 35px; line-height: 35px; border-bottom: 1px solid #006ed2; }
.t3{background: url(../images/tite2.jpg) no-repeat; height: 35px; line-height: 35px; width: 113px; text-align: center; float: left; color: #fff; font-size: 16px;}
.title3 .more{ font-size: 12px;}
.cll-right{ width: 495px; float: left; margin-left: 15px;}
.cl-list ul li{ overflow: hidden; border-bottom: 1px dashed #ddd; margin-top: 10px; padding-bottom: 5px;}
.cl-list ul li img{ border: 1px solid #ddd; padding: 3px;}
.cll-right h2{ font-size: 14px; color: #0159a1; height: 35px; line-height: 35px;}
.cll-right p{ line-height: 25px; height: 75px;  overflow: hidden;}
.cl-more{ color: #0159a1; display: inline-block; height: 30px; line-height: 30px;}

.honor{ padding: 20px 0; text-align: center;} 
.honor h2{ height: 30px; line-height: 30px; text-align: center;}
.about{ line-height: 22px;}

.ad2{ margin-top: 10px; height: 90px;}

.artbox{ /*background: url(../images/artbg.jpg) repeat;*/ border-top: 1px solid #ddd; margin-top: 15px;}
.art-box{  margin: 20px auto;}
.art-left{ width: 253px;  padding-left: 10px; padding-right: 25px; /*background: url(../images/artline.jpg) no-repeat right center;*/}
.a_l_list{  overflow: hidden;}
.a_l_list ul{ padding: 10px 0;}
.a_l_list ul li{ border-bottom: 1px dashed #ddd; height: 30px; line-height: 30px; background: url(../images/newico.jpg) no-repeat left 11px; text-indent: 10px;}

.art-mid{ overflow: hidden; width: 415px;/* background: url(../images/artline.jpg) no-repeat right center;*/ padding-right: 30px; margin-left: 10px; }
.artm-pic{ padding: 10px 0; overflow:hidden; border-bottom: 1px solid #ddd;}
.artm-pic img{ padding: 3px; margin-right: 10px;}
.artm-cont h2{ height: 30px; line-height: 30px; font-size: 14px; overflow: hidden; }
.artm-cont h2 a{color: #0159a1;}
.artm-cont p{ line-height: 22px;}

.artm-list li{ border-bottom: 1px dashed #ddd; height: 30px; line-height: 30px; background: url(../images/newico.jpg) no-repeat 5px 11px; text-indent: 15px;}
.art-right{ width: 250px; height: 388px; overflow: hidden;}
.problem{ padding-top: 10px; }
.problem dt{ height: 30px; line-height: 30px; background: url(../images/q.jpg) no-repeat left center; text-indent: 25px; overflow: hidden;}
.problem dt a{color: #0159a1; font-weight: 700;}
.problem dd{ background: url(../images/a.jpg) no-repeat left top; text-indent: 25px; line-height: 20px; border-bottom: 1px dashed #ddd; padding-bottom: 5px;}

.link-tit{ height: 30px; font-size: 16px; color: #0159a1; border-bottom: 2px solid #0159a1}
.link-list{ padding: 10px 0; overflow: hidden;}
.link-list a{ margin-right: 15px; display: inline-block; float: left; height: 22px; line-height: 22px;}

footer{ /*background: url(../images/ftbg.jpg) repeat; */ background:#016ec9;padding-top: 15px; padding-bottom: 15px;}
.ftnav{ height: 40px; line-height: 40px; background:#055699; text-align: center; color: #fff;}
.ftnav a{ color: #fff; margin: 0 15px;}
.ftcont{ text-align: center; color: #fff; line-height: 22px; padding-top: 15px;}

/*subpage*/
.banner{ height: 310px; margin-bottom: 20px; margin-top: 15px;}
.LeftArea{ width:225px; overflow:hidden; background: #fff;}
.leftmenu{ overflow:hidden;}
.navtit{background:#0070d5; height:35px; line-height:35px; font-size:16px; color:#fff; padding-left:15px;}
.menulist{ overflow:hidden; border:1px solid #f1f1f1;}
.menulist ul{ overflow:hidden; padding: 5px 10px 10px 10px;}
.menulist ul li{ height:38px; line-height:36px; padding-left:50px; border-bottom:1px dashed #ddd;  font-size:14px; background:url(../images/dot2.png) no-repeat 15px 11px; color:#fff }
.menulist ul li:hover{ cursor:pointer;}
.hotlist{overflow:hidden; border:1px solid #ddd; }
.htCont{ padding:10px; overflow:hidden; background: #fff;}
.htCont ul li{ background:url(../images/newico.jpg) no-repeat 10px center; height:35px; line-height:35px; padding-left:25px; overflow:hidden; border-bottom: 1px dashed #ddd; text-overflow:ellipsis; white-space:nowrap;}

.RightArea{ width:725px;  float:right; overflow:hidden; border: 1px solid #ddd; border-top: 2px solid #1a7aa4; padding:0 20px; background: #fff;}
.RightTitle{  height:35px; line-height:35px; font-size:18px; background:url(../images/rtico.jpg) no-repeat left center; border-bottom:1px dotted #ddd; color:#333; padding: 5px 0 5px 15px;}

.postion{ height:35px; line-height:35px; font-size:12px; text-align:left;}
.postion a{ color:#333;}

.right_content{ padding:5px; line-height:30px;}

/*article-list*/
.articleList ul li{ line-height:25px; border-bottom:1px dashed #7d161a; padding-left:0px; padding-bottom:5px; margin:10px 0px;}
.articleList ul li h3{ font-size:16px; font-weight:normal; height:40px; line-height:40px; text-align: left; padding-left:22px; background:url(../images/line.png) no-repeat left center;}
.articleList ul li p{ font-size:12px; color:#666; padding-left:22px; text-align: left;}
.listdate{ font-size:12px; padding-left:15px; color:#ec6000;}

/*article info*/
.article{ padding:15px 0px; overflow:hidden;}
.art_title{ text-align:center; font-size:20px;}
.art_info{ text-align:center; height:30px; line-height:30px; margin-top:10px; margin-bottom:10px;}
.art_info small{ font-size:12px;}
.art_content{ line-height:25px; overflow:hidden;}
.cont_next{ border-top:1px dashed #DDD; padding-top:10px; margin-top:10px;}
.likes h4{ color:#1a7aa4; font-size: 16px; font-weight: 400;}
.likelist{ border-top:1px solid #1a7aa4;}
.likelist ul li{ height:30px; line-height:30px; padding-left:20px; width:47%; float:left; background:url(../images/newico.jpg) no-repeat 8px 11px;}

/*goods-list*/
.sub_goods{ overflow:hidden; padding:5px 0px;}
.sub_goods ul li{ text-align:center; line-height:25px; float:left; margin:10px 11px; width:215px;}
.sub_goods ul li img{width:215px; height:150px; border:1px solid #DDD;}
.sub_goods ul li h4{ text-align:center; font-size:12px; font-weight:normal; padding-top:5px; overflow:hidden; height:25px; line-height:25px;}


/*team-list*/
.sub_team{ overflow:hidden; padding:5px 0px;}
.sub_team ul li{ text-align:center; line-height:25px; float:left; margin:10px 6px; width:225px; overflow:hidden;}
.sub_team ul li img{width:210px; height:162px; border:1px solid #DDD;}
.sub_team ul li h4{ text-align:center; font-size:12px; font-weight:normal; padding-top:5px; overflow:hidden; height:25px; line-height:25px;}

/*client-list*/
.sub_client{ overflow:hidden; padding:5px 0px;}
.sub_client ul li{ text-align:center; line-height:25px; float:left; margin:10px 6px; width:165px; overflow:hidden;}
.sub_client ul li img{width:155px; height:85px; border:1px solid #DDD;}
.sub_client ul li h4{ text-align:center; font-size:12px; font-weight:normal; padding-top:5px; overflow:hidden; height:25px; line-height:25px;}

/*case-list*/
.sub_service{ overflow:hidden; padding:5px 0px;}
.sub_service ul li{ text-align:center; line-height:25px; float:left; margin:10px 5px; width:285px; overflow:hidden;}
.sub_service ul li img{width:275px; height:155px; border:none;}
.sub_service ul li h4{ text-align:center; font-size:12px; font-weight:normal; padding-top:5px;}


/*goods info*/

.goods_info{ padding:15px 5px; overflow:hidden;}
.goods_desc{ margin-top:0px; line-height:25px;}
.context{ border-top:1px dashed #DDD; overflow:hidden;}
.goods_title{ text-align:center; font-size:20px; overflow:hidden; height:40px; line-height:40px;}

/*related goods*/
.titles1{ font-size:18px; color:#000; border-bottom:1px solid #1a7aa4;}
.related{ overflow:hidden; }
.related ul{ margin-top:10px;}
.related ul li{ float:left; text-align:center; line-height:25px; margin:10px 11px; width:215px; overflow:hidden;}
.related ul li img{width:215px; height:150px; border:1px solid #DDD;}
.related ul li h4{ text-align:center; font-size:12px; font-weight:normal; padding-top:5px;}