#header .top{ width:1200px; margin:0 auto; position:relative; height:119px;}
#header .top .topnav{ position:absolute; top:21px; right:0; height:14px; line-height:14px;}
.topnav a,.search a.btn,.case .title a,.news .title a,.product .title a,.add .title a{background:url(../images/pt.png) left center no-repeat;}
.topnav a{ overflow:hidden; display:inline-block; height:14px; padding-left:12px;}
.topnav a.home{ background-position:0 -137px}
.topnav a.join{ background-position:0 -113px}
.topnav a.contact{ background-position:0 -126px}
#header .top .logo{ position:absolute; left:0; top:39px;}
#header .top .phone{ position:absolute; top:16px; right:67px;}
#header .top .search{ position:absolute; top:77px; right:214px;}
#header .top .bt{ position:absolute; top:30px; left:359px; font-size:45px; font-weight:700;}
.bt a {color:#000000;}
.search { height:24px; line-height:24px; border:1px solid #0067c3; border-radius:10px; padding-left:12px; width:142px}
.search .btn{ display:block; float:left; width:9px; height:9px; background-position:0 -102px; margin:9px 0 0;}
.search .btn input{ background:none; border:none}
.search .input{ float:left; height:24px; line-height:24px; width:124px; text-align:right; color:#0067c3; background:none; border:none}

#header .nav{ position:relative; z-index:10000000; width:100%; height:56px; background:#1676cd;}
#header .nav ul{ width:1200px; margin:0 auto;}
#header .nav li{ float:left; width:240px; height:58px;position:relative}
#header .nav li .menu{ display:block; height:56px; width:240px; margin:-11px -8px 0; text-align:center; line-height:56px; padding-top:11px; color:#fff; font-size:16px;}
#header .nav li .menu:hover,#header .nav li .menu.on,#header .nav li:hover .menu{ background:url(../images/index_26.gif) center top no-repeat; color:#555454}
#header .nav li .drop{ position:absolute; left:-2px; top:58px; display:none; width:128px; background:#ffcc00; text-align:center; padding:0 8px; display:none}
#header .nav li .drop a{ display:block; height:36px; line-height:36px; border-bottom:1px solid #555454; font-size:14px; color:#555454; margin-bottom:3px}
#header .nav li:hover .drop{ display:block}
#header .nav li.last{ background:none}

.banner{position:relative; left:50%;width:1920px; height:458px; text-align:center;margin:0 0 72px -960px;}
.banner li{ width:100%; text-align:center}

#content{ width:1200px; margin:0 auto;}
.case{ float:left; width:355px; overflow:hidden;}
.case .title{ height:41px; line-height:41px; padding-left:37px; }
.case .title a,.product .title a{ float:right; display:block; width:22px; height:22px; background-position:0 -73px; margin:8px 18px 0 0}
.section .title h3,.product .title h3{color:#0067c3; font-size:22px; font-weight:bolder;}
.section .title h3 span,.product .title h3 span{ color:#575757; font-size:16px; font-family:Arial; text-transform:uppercase}
.case .carousel{ padding-top:13px; height:320px; position:relative;}
.case .slides{overflow:hidden;position:relative;width:355px; margin:0 auto;}
.carousel .slides .slideItem{padding:0px;overflow:hidden;position:absolute;cursor:pointer;opacity:1 !important;}
.prevButton,.nextButton{display:block;position:absolute;z-index:99;cursor:pointer;bottom:2px;width:30px;height:15px;}
.prevButton{left:238px; background:url(../images/index_58.gif) no-repeat;}
.nextButton{left:268px; background:url(../images/index_59.gif) no-repeat}

.news{ width:408px; margin:8px 30px; float:left; overflow:hidden;}
.news .title a{ float:right; width:23px; height:24px; background-position:0 -14px;}
.news .title{ height:24px; line-height:24px;}
.news .headlines img{ display:block; float:left; width:132px; height:88px; margin:-1px 17px -1px -1px;}
.news .headlines .h_right{ float:left; width:236px; line-height:16px;}
.news .headlines .h_right a{ display:block; height:38px; line-height:38px; color:#ffba00; font-size:15px; font-weight:bold;}
.news .headlines{ height:86px; border:1px solid #dcdcdc; background:#f6f6f6; margin:27px 0 6px}
.news li{ height:34px; line-height:34px; border-bottom:1px dashed #575757; background:url(../images/index_50.gif) 3px center no-repeat; padding-left:28px;}
.news li span{ float:right;}
.section{ height:368px; overflow:hidden;}

.about{ background:url(../images/index_59.jpg) no-repeat; width:1920px; height:343px; margin:0px 0 18px -353px; padding:33px 0 0 364px;}
.about .title{ width:229px; height:46px; padding:15px 0 0 15px;}
.about .title a{ color:#fff; font-size:20px; }
.about .title a span{ color:#ffcc00; font-family:Arial; font-weight:normal; text-transform:uppercase; padding-left:6px;}
.about .cont{ line-height:26px; width:523px; padding-left:15px; color:#FFFFFF; font-size:14px; text-indent:1rem;}
.about .cont a{ display:block; width:103px; height:31px; line-height:29px; border:1px solid rgba(248,206,9,1); margin-top:14px; color:rgba(248,206,9,1); text-transform:uppercase}

.product{ height:403px;overflow:hidden}
.product .title{ height:38px; line-height:38px; background:#e5e5e5; padding-left:22px;}
.product .product_list{ padding-top:19px;}
.product .bd{width:1200px; float:left; margin:0 5px 13px; height:310px;}
.product_list .picList li{ float:left; width:278px; height:275px; margin:0 10px;}
.product_list .picList li .photo{ width:278px; height:275px; text-align:center;}
.product_list .picList li  .name{ display:block; width:278px; height:54px; text-align:center; line-height:54px; color:#ffffff; font-size:16px; background:rgba(22,118,205,.65); margin-top:-55px; position:relative; z-index:1000}
.product .hd{ height:15px; clear:both; overflow:hidden}
.product .hd a{ display:block; width:30px; height:15px; float:left; cursor:pointer}
.product .next{ background:url(../images/index_59.gif) no-repeat}
.product .prev{ background:url(../images/index_58.gif) no-repeat}


.add {width:355px; float:right; margin:9px;}
.add .title a{ float:right; width:23px; height:24px; background-position:0 -14px;}
.add .title{ height:24px; line-height:24px;}
.add .cont { font-size:18px; width:398px; position:absolute; margin:20px -19px;}
.add .cont li { height:71px; border:1px solid rgba(22,118,205,1); border-radius:10px; margin-bottom:15px; color:#05196ec9;}
.add .cont li img{padding:20px;}
.add .cont li span { position:absolute; margin:19px 1px;}



#footer{ width:100%; height:144px; background:rgba(67,67,67,1); text-align:center; line-height:74px; padding-top:11px; color:#ffffff; margin-top:76px; font-size:16px;}
#footer a{ color:#ffffff; font-size:18px;}
#footer span{ font-family:Verdana, Geneva, sans-serif}
.ftlogo {width:176px; margin:-118px 0 19px 310px}
.er { width:94px; margin:-58px 356px 19px 0; float:right;}


#header1{ height:104px; background:#1676cd; width:100%; margin-bottom:33px;}
#header1 .top{ width:1002px; margin:0 auto; position:relative}
#header1 .top .logo{ position:absolute; left:7px; top:20px;}
#header1 .top .rexian{ position:absolute; top:15px; right:193px; background:url(../images/about_03.gif) left center no-repeat; padding-left:30px; color:#fff; font-size:24px; height:26px; line-height:26px; font-weight:bolder}
#header1 .top .search{ position:absolute; top:16px; right:0; background:#fff}
#header1 .nav{ position:absolute; top:72px; right:0;}
#header1 .nav li{ float:left; margin-left:54px;}
#header1 .nav li a{ color:#fff; font-size:14px;}
#header1 .nav li a:hover,#header1 .nav li.current a{ color:#ffcc00}

.left{ float:left; width:251px;}
.left li{ height:49px; line-height:49px; border:2px solid #1676cd; border-bottom:none; padding-left:0px; font-size:18px; border-left:6px solid rgba(248,206,9,1);}
.left li:hover,.left li.hover{ background:url(../images/about_07.gif) #1676cd 192px center no-repeat}
.left li:hover a,.left li.hover a{ color:#fff}
.left ul{ margin-bottom:2px; border-bottom:2px solid #1676cd}

.service_tel{ line-height:20px; color:#1676cd; border:1px solid rgba(234,234,234,1);}
.service_tel img{ display:block}
.service_tel p{ height:20px; font-size:14px; margin-top:11px; padding-left:6px;}

.right{ float:right; width:900px;}
.right .title{ height:46px; line-height:46px; border-bottom:1px solid #dcdcdc; margin-bottom:12px}
.right .title p{ float:right}
.right .title h3{ height:45px; border-bottom:2px solid #1676cd; display:inline-block; float:left; padding-right:13px; font-size:18px; font-weight:normal}

.ny_danye img{ max-width:100%; display:block}
.ny_danye .cont{ line-height:27px;}

.page{width:852px; height:21px; border-bottom:1px solid #d3d3d3; margin:52px auto 0; clear:both}
.page a.prev,.page a.next{ float:left; width:22px; height:22px; margin-bottom:-1px;}
.page .num{ float:left; width:808px; text-align:center}
.page .num span{ height:22px;background:#fff; padding:0 10px; display:inline-block; margin-bottom:-2px;}
.page .num a{ display:inline-block; width:20px; height:20px; text-align:center; line-height:20px; border:1px solid #d3d3d3; color:#000; margin:0 4px;}
.page a:hover,.page a.cur{ color:#1676cd; border-color:#1676cd}

.ny_news .first_list img{ display:block; float:left; width:232px; height:137px; padding:1px; }
.ny_news .first_list .first_list_right{ float:right; width:641px; line-height:20px;}
.first_list .first_list_right .tit{ display:block; height:31px; color:#808080; font-size:16px; font-weight:bold;}
.first_list .first_list_right .text{ height:40px; overflow:hidden; margin-bottom:4px;}
.first_list .first_list_right .more{ display:block; color:#1676cd}
.first_list .first_list_right .date{ display:block; height:20px; line-height:20px; background:url(../images/news_03.gif) left center no-repeat; padding-left:20px; margin-top:10px;}
.ny_news .first_list{ height:166px; overflow:hidden; margin-bottom:26px;}
.ny_news li{ height:37px; line-height:37px; border-bottom:1px dotted #dddddd}
.ny_news li span{ float:right}

.ny_pro li .photo{ display:block; width:410px; height:225px; text-align:center;}
.ny_pro li .photo img {max-width:100%; height:100%; }
.ny_pro li .info{ width:410px; height:135px;}
.ny_pro li .info .name{ height:40px; line-height:40px; padding-left:19px; font-size:17px; color:#000000; font-weight:bold;}
.ny_pro li .info .text{ line-height:18px; padding:0 19px; height:36px; overflow:hidden; margin-bottom:10px;}
.ny_pro li .info .more{ display:block; height:24px; line-height:24px; background:#adadad; padding-left:20px; color:#fff}
.ny_pro li{ float:left; width:410px; height:360px; border:1px solid rgba(232,232,232,1); margin:0 25px 67px;}
.ny_pro ul{ float:left; margin:0 -24px 0 -23px;}
.ny_pro li:hover{ border-color:#7c7f90}
.ny_pro li:hover .more{ background:#7c7f90}

#full .qq_info a,#full .qq_info span{ display:block}
#full .qq_info span{ width:86px; background:#fff; text-align:center; padding-top:6px; line-height:24px; border:1px solid #968f96; border-top:none}


.sideMenu h3{ width:194px; height:48px;padding-left:51px;  cursor:pointer;font:normal 16px "Microsoft YaHei";line-height:48px;background: #1676cd; color:#fff;margin-bottom: 1px; border-left:6px solid rgba(248,206,9,1);}
.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
.sideMenu h3.on em{ background-position:16px -57px; }
.sideMenu ul{color:#999; display:none; /* ĬÈ϶¼Òþ²Ø */ }
.sideMenu h4{ font-size: 16px;padding-left: 36px; font-weight:normal;line-height: 40px; height:40px}
.sideMenu .on:hover{ background:#1676cd; }
.sideMenu .on:hover a{ color:#FFF;}
.sideMenu  h3 a{ color:#FFF;}