@charset "utf-8";
html{ -webkit-text-size-adjust:100%  }
body{ margin:0px; padding:0px; margin:0px auto;background-color:#fafafa; color:#666; width:100%; min-width:1200px; width:expression((documentElement.clientWidth < 1200) ? "1200px" : "100%" ); zoom:1; position:relative; font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { margin:0; padding:0;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0; vertical-align:top;}
/*top.html*/
#superContainer {
    height: 100%;
    position: relative;
}
.section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


#menu{ position:fixed; right:10px; top:146px; z-index:1000; width:55px; height:563px; overflow:hidden;}
#menu li{ height:56px; margin-bottom:16px; text-align:center; font-size:16px; font-weight:bold;float:left;position:relative;z-index:9999;}
#menu li.active,#menu li:hover{ background-position:0 0;background-image:url(../images/iconk.png);background-repeat:no-repeat;}
#menu li.active a,#menu li:hover a{ color:#00479d;}
#menu li a{ display:block; padding-top: 35px; background-position: 12px 6px; background-repeat:no-repeat; color:#666; font-size:12px;text-align: left;padding-left: 15px;}
#menu li.active a,#menu li a:hover{}
#menu li a.a1{ background-image:url(../images/icon1.png);}
#menu li a.a2{ background-image:url(../images/icon2.png);}
#menu li a.a3{ background-image:url(../images/icon3.png);}
#menu li a.a4{ background-image:url(../images/icon4.png);}
#menu li a.a5{ background-image:url(../images/icon5.png);}
#menu li a.a6{ background-image:url(../images/icon6.png);}
.menu_callme{/* width:300px; *//* height:200px; *//* padding:30px; */border: 1px solid #A3D5F4; background-color: #fff; position:fixed;left:50%;top:50%;margin-left:-150px;margin-top:-220px;z-index:999;overflow: hidden;}
.menu_callme .callbody{width:300px;position:relative;padding: 30px;font-size: 14px;line-height: 23px;}
.menu_callme .callbody span{display: block;position: absolute;top: -2px;right: -4px;width: 20px;height: 20px;background: url(../images/close.png) no-repeat;cursor: pointer;}



.online_serivce{position:fixed;left:0;top:70%;}
.online_serivce .close{float:left;width:13px;display:none;}
.online_serivce .close a{ display:block; height:84px;background:url(../images/an.png) no-repeat center;}
.online_serivce .img{float:left;}
.online_serivce .open{float:left;cursor:pointer;display:none;}



/*pages*/
.Pages{ padding-top:32px; border-top:1px solid #d5d7d9; line-height:18px; zoom:1; overflow:hidden; text-align:right; margin-top:10px; padding-bottom:10px; font-size:90%;}
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 2px;}
.Pages b{ font-weight:normal;}
.Pages .p_cur b{ color:#ff0000;}
.Pages .p_page em{ font-style:normal; font-family:Arial; display:none;}
.Pages .p_page em a{ padding:0px 7px; border:solid 1px #e1e1e1; background:#f1f1f1;}
.Pages .p_page em a.a_cur{ color:#fff; border:solid 1px #0395ea; background:#0e76b3;}
.Pages .p_page b{ font-weight:normal;}
.Pages .i_text{ width:30px; padding:0px; text-align:center; font-size:12px; border:inset 1px #ddd; background:#fff;}
.Pages .i_button { position:relative;width:31px; height:21px; cursor:pointer; border:none; background:url(../images/go.jpg) no-repeat; vertical-align:middle9;}
/*pages end*/

.info{text-align:justify; word-wrap: break-word; word-break: normal; line-height:25px;}
.Auto{ width:1200px; margin:0 auto; background-color:#fff;}
.Auto2{width:1200px; margin:0 auto; }
.Header{  position:relative; width:100%; left:0; top:0; min-width:1200px;  z-index:999;background: #fff;}
.Header .TopBg{background-color:#fff;}
.Header .Auto{ position:relative;}
.logo{float: left;}
.logo img{width:152px;height:80px;}

.lang{padding:0 5px;background-color:#f4f4f4; border:1px solid #eaeaea; border-radius:2px;line-height:28px; z-index:3;float: right;}
.lang a{ display:inline-block; font-family:Arial; color:#b2b2b2;}
.lang  b{width:0; height:0; border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #949494; display:inline-block; margin-left:5px; vertical-align:middle;}


.Header .a-link{ text-align:right; line-height:30px; font-size:14px; height: 30px; position:relative;float: right;display: none;}
.Menu nav span{ position:absolute;right: 0px;top:5px;background: url(../images/top_contact.jpg) 0 50% no-repeat;padding-left: 45px;line-height: 30px;}
.Header .a-link a{ margin-right:15px; display:inline-block;}
.Header .a-link a.elokt{ padding-left:34px; background:url(../images/i_elokt.jpg) no-repeat left center;}
.Header .a-link a.caigou{ padding-left:27px; background:url(../images/caigou.jpg) no-repeat left center;}
.Header .a-link a.tmall{ padding-left:34px; background:url(../images/i_tmall.jpg) no-repeat left center;}
.Header .a-link a.sina{ padding-left:22px; background:url(../images/i_sina.jpg) no-repeat left center;}
.Menu nav span img{ height:19px; max-width:180px; vertical-align:middle;}
.Menu nav span em{ font-style:normal; color:#044f9f; font-size:16px; font-weight:bold;}
.Menu nav span em p{display: inline-block;}

.MenuBg{background-color:#fff;}
.Menu{ background-color:#fff;/* position:relative; z-index:20;*/background:url(../images/headerbg.png) repeat-x left bottom; padding-bottom:6px;}
.Menu nav{ width:1200px; margin:0 auto;height:50px; background-color:#fff;position: relative;}
.Menu li{ list-style:none; line-height:48px; float:left; font-size:14px; background:url(../images/menu_line.jpg) no-repeat left center; text-align:center;width:94px;position:relative;z-index: 99;}
.Menu li#m03,.Menu li#m04,.Menu li#m05,.Menu li#m06,.Menu li#m07,.Menu li#m08,.Menu li#m09,.Menu li#m10,.Menu li#m11{ width:94px;}
.Menu li#m01{ width:78px;}
.Menu li a{ display:block;font-size:16px;}
.Menu li a:hover{ font-weight:bold;background: url(../images/navhover.jpg) no-repeat;color:#fff;text-decoration: none;}
.Menu li.aon a{ font-weight:bold;background: url(../images/navhover.jpg) no-repeat;color:#fff;}
.Menu li.aon a:hover{font-weight:bold;background: url(../images/navhover.jpg) no-repeat;color:#fff;}
.Menu li#m01 a:hover{background: url(../images/navli.jpg) no-repeat;}
.Menu li#m01.aon a{background: url(../images/navli.jpg) no-repeat !important;}

.subnav{ width:100%; min-width:1200px;display:none; overflow:hidden;background: url(../images/ying1.png) repeat-x left top #fff;position: fixed;
    right: 10px;
    top: 126px;
    z-index: 1000;
    height: 463px;
    overflow: hidden;margin: 0 auto;}
.subnav .Auto{ border:1px solid #ededed; border-top:0; position:relative;z-index:200;background-color:#fff;}
.subnav .nav,.subnav .con-list{ overflow:hidden;background:url(../images/ying.png) repeat-x left top #fff;}

.subnav .nav dt img{ /*width:25px;*/ height:25px; vertical-align:middle; margin-right:5px;}
.con-list .con{ float:left;line-height:24px; font-size:12px;}

.subnav .navg,.subnav .con-list{overflow:hidden;background:url(../images/ying.png) repeat-x left top #fff;}
.con-list{text-align: left;line-height: 24px;padding:5px;padding-bottom: 0;text-indent:5px;width:230px;float:left}
.subnav .navg dt{ background:url(../images/ying.png) repeat-x left top;text-align:center; display:block; float:left; line-height:51px; font-size:14px; font-weight:normal; border-left:1px solid #e7e7e7; margin-left:-1px;width:300px;height: 460px;}

.subnav .nav dt{ background:url(../images/ying.png) repeat-x left top;text-align:center; display:block; float:left; line-height:51px; font-size:14px; font-weight:normal; border-left:1px solid #e7e7e7; margin-left:-1px;width:240px;height: 460px;}
.subnav .nav dt a{display:block;}

.subnav .navg dt img{ /*width:25px;*/ height:25px; vertical-align:middle; margin-right:5px;}


#subnav4 .con-list{ background:url(../images/subnav_200.jpg) repeat;}
#subnav4 .con-list .con{width:180px;}

#subnav6 .con-list{ background:url(../images/subnav_200.jpg) repeat;}
#subnav6 .con-list .con{width:180px;}


#subnav1 .con-list .con{width:220px;}


/*#subnav2 .nav dt,#subnav5 .nav dt,#subnav6 .nav dt{}*/
#subnav4 .con-list,#subnav2 .con-list{ background:url(../images/subnav_240.jpg) repeat;}
#subnav6 .con-list,#subnav2 .con-list{ background:url(../images/subnav_240.jpg) repeat;}
#subnav2 .con-list{ background:url(../images/subnav_300.jpg) repeat;}
#subnav2 .con-list .con{width:280px;}
#subnav4 .con-list .con, #subnav3 .con-list .con{width:220px;}
#subnav6 .con-list .con, #subnav3 .con-list .con{width:220px;}
#subnav3 .con-list{ background:url(../images/subnav_240.jpg) repeat;}
#subnav4 .con-list{ background:url(../images/subnav_600_240.jpg) repeat-y #fff;}
#subnav6 .con-list{ background:url(../images/subnav_600_240.jpg) repeat-y #fff;}


#subnav3 .con-list{ background:url(../images/subnav_300.jpg) repeat;}
#subnav3 .con-list .con{width:280px;}

#subnav8 .nav dt{width:200px;}
#subnav9 .nav dt,#subnav5 .nav dt{width:300px;}
#subnav9 dt.end{ width:480px;}

.ban{height:280px; text-align:center; padding-top:140px;}
.ban img{ width:1200px; height:280px;}
.ying{ background:url(../images/ying.png) repeat-x left top; position:absolute; left:0; top:140px; width:100%; display:block; height:8px; z-index:10;}

.Content{ width:1200px; margin:0 auto;}

.Sidebar{ float:left; width:278px;}
.Sidebar li{ list-style:none;  font-size:16px; }
.Sidebar li a{background:url(../images/tan_li.jpg); background-repeat:no-repeat; background-position:right center; display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-right:20px; height:55px; line-height:55px; color:#333333; padding-left:86px; position:relative; border-bottom:#a6c0db dotted 1px;}
.Sidebar li a:hover,.Sidebar li a.aon{color: #0a3f89;}
.Sidebar li img{ position:absolute; height:25px; left:20px; top:19px;}

.RightBar{ float:right; width:884px;}
.RightBar .detail{ overflow:hidden; margin-top:10px; margin-bottom:10px;}
.Current{ border-bottom:1px solid #e1e1e1; height:35px; color:#999; margin-bottom:23px; font-size:12px;}
.Current b{ border-bottom:2px solid #00b0e2; display:inline-block; height:35px; color:#00b0e2; font-size:22px;}
.Current em{ font-style:normal; float:right;}
.Current em span,.Current em a:hover{ color:#0a3f89;}
.Current em a{ color:#999;}

.Nav{ margin-bottom:25px;border-top: 1px solid #DDD;}
/*
.Nav li{ float:left; list-style:none; border-right:2px solid #fff; font-size:14px;}
.Nav li a{ padding:0 25px; display:inline-block; line-height:43px;}
.Nav li a:hover,.Nav li a.aon{ color:#fff; background-color:#00b0e2;}*/


.Nav .sl-wrap {position: relative;_zoom: 1;line-height: 34px;border-bottom: 1px solid #DDD;}
.Nav .sl-key {float: left;width: 100px;padding-left: 10px;}
.Nav .sl-value {margin-left: 110px;padding-right: 130px;padding-left: 10px;overflow: hidden;zoom: 1;}
.Nav .sl-v-list {overflow: hidden;zoom: 1;padding-top: 4px;}
.Nav .sl-v-list ul {float: left;overflow: hidden;zoom: 1;position: relative;height: 30px;list-style: none;}
.Nav .sl-v-list li {margin-right: 50px;float: left;_display: inline;margin-bottom: 4px;height: 26px;line-height: 26px;}
.Nav .sl-v-list li a {float: left;white-space: nowrap;zoom: 1;color: #005aa0;}
.Nav .sl-v-list li a:hover,.Nav .sl-v-list li a.aon{text-decoration: none;color: #e4393c;}

.HeaderBg{ overflow:hidden; background-color:#fff;}
.H_Header{ width:1200px; margin:auto; position:relative;background-color: #fff;}

.H_Header .HBanTop{width:1200px; margin-bottom:0px;  overflow:hidden; position:relative;}
.H_Header .HBanTop a{ display:block;}
.H_Header .HBanTop span{ display:block; position:absolute; top:-5px;right:-4px; width:20px; height:20px; background:url(../images/close.png) no-repeat; cursor:pointer;}

.case-list li{ list-style:none; padding-bottom:20px; margin-bottom:28px; border-bottom:1px dotted #c8c8c8; position:relative; padding-left:220px; min-height:200px;}
.case-list li .img{ position:absolute; left:0px; width:200px; top:0;}
.case-list li .img img{ width:200px; height:200px;}
.case-list li h4{ margin:0; font-size:14px; padding-bottom:10px;}
.case-list li .intro{ font-size:14px; padding-bottom:28px;}
.case-list li .date{ margin:0; background:url(../images/i_date.jpg) no-repeat left center; padding-left:15px; position:absolute; bottom:28px; font-size:90%; color:#ababab;}

.case-list2{margin-top:10px;}
.case-list2 li{ list-style:none; padding-bottom:20px; margin-bottom:28px; border-bottom:1px dotted #c8c8c8; position:relative; padding-left:220px; min-height:200px;}
.case-list2 li .img{ position:absolute; left:0px; width:200px; top:0;}
.case-list2 li .img img{ width:200px; height:200px;}
.case-list2 li h4{ margin:0; font-size:14px; padding-bottom:10px;}
.case-list2 li .intro{ font-size:14px; padding-bottom:28px;}
.case-list2 li .date{ margin:0; background:url(../images/i_date.jpg) no-repeat left center; padding-left:15px; position:absolute; bottom:28px; font-size:90%; color:#ababab;}
.case-list2 li .material{font-size:14px;padding-bottom:10px; overflow:hidden;}
.case-list2 li .area{font-size:14px;padding-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin: 0px;}

.bottom{ background-color:#f5f5f5; padding:37px 0; margin-top:35px; font-size:12px;}
footer{ background-color:#e0e0e0; clear:both; }
footer p{ background:url(../images/bottombg.png) no-repeat left center;  margin:0; padding-left:167px; padding-top:22px;min-height:62px; font-size:12px; color:#999;}
footer p a{ color:#999;}
footer dl{ float:right;}
footer dd{ float:left; width:58px;position:relative; margin-left:12px; margin-top:15px;height:58px;}
footer dd span{ width:20px; height:20px; right:-10px; top:-10px; display:block; z-index:1; position:absolute;}
footer dd span.i-caigou{ background:url(../images/i_caigou.png) no-repeat;}
footer dd span.i-sina{ background:url(../images/i_sina.png) no-repeat;}
footer dd span.i-wx{ background:url(../images/i_wx.png) no-repeat;}
footer dd img{ width:46px; height:46px; border:6px solid #fff;position:absolute; right:0; bottom:0;}
footer dd .img{ }

.bottom dl{ float:left; width:122px; }
.bottom dl.dl10{ width:auto;}
.bottom dt{color:#333; padding-bottom:10px;}
.bottom dd{ line-height:30px;}
.bottom dd a{ color:#666;}
.bottom dd a:hover{color:#1377bd;}

.product-Info .bigImg{ float:left; width:463px;}
.product-Info .bigImg img{ width:453px; height:457px; padding:4px; border:1px solid #eee;}
.product-Info .Intro{ float:right; width:389px; border-left:1px solid #00b0e2; position:relative; min-height:467px;}
.product-Info .Intro h1{ font-size:18px; font-weight:normal; padding-left:36px; margin-left:-20px; border-bottom:1px solid #00b0e2; margin-top:0; margin-bottom:10px; margin-right:0; padding-top:10px; padding-bottom:10px; color:#444;}
.product-Info .Intro li{ list-style:none;}

.list-ul{ padding-bottom:100px;}
.list-ul ul{ width:100%; clear:both; overflow:hidden;}
.list-ul ol,.list-ul li{ float:left; line-height:30px; font-size:14px;word-wrap:break-word;}
.list-ul li{ width:304px;}
.list-ul ol{ width:85px; text-align:right; padding:0;}
.list-ul li a{ background-color:#8b8b8b; padding:0 13px; color:#fff; display:inline-block; line-height:24px; margin-right:5px;}

.Img-box{ position:absolute; overflow:hidden; height:90px; width:100%; bottom:0; left:0;}
.Img-box .bd{ margin:0 39px; position:relative;}
.Img-box .bd li{ width:92px; margin:0 5px; cursor:pointer;}
.Img-box .bd li img{ width:86px; height:84px; padding:2px; border:1px solid #ddd;}
.Img-box .bd li.on img{ border:1px solid #1ab8e5;}
.Img-box a.prev,.Img-box a.next{ position:absolute; width:39px; height:90px; background-position: center center; background-repeat:no-repeat; z-index:10; cursor:pointer;}
.Img-box a.prev{ left:0; background-image:url(../images/btn_left.jpg);}
.Img-box a.next{ right:0; background-image:url(../images/btn_right.jpg);}
.Img-box a.prevStop{ background-image:url(../images/btn_leftStop.jpg) !important; cursor:default;}
.Img-box a.nextStop{ background-image:url(../images/btn_rightStop.jpg) !important; cursor:default;}

.prod-title{ padding-top:33px; border-bottom:1px solid #b6b6b6; font-size:20px; color:#444;}
.prod-title span{ border-bottom:2px solid #444; display:inline-block; padding-bottom:10px;}
.prod-con{ padding-top:22px;}
.prod-con img{ max-width:100%;}

.honor-list li{ float:left; width:284px; list-style:none; margin:0 5px;overflow:hidden; text-align:center;}
.honor-list li a{ display:block; height:220px;}
.honor-list li div{ padding:2px; border:1px solid #ddd; display:table; height:174px; width:274px; overflow:hidden; text-align:center; margin-bottom:10px;}
.honor-list li div p{ display:table-cell; vertical-align:middle;}

.service-list li{ height:39px; line-height:39px; border-bottom:1px dotted #bababa; list-style:none;}
.service-list li a{ padding-left:12px; background:url(../images/icon.gif) no-repeat left center;}
.service-list li span{ float:right; color:#a5a5a5;}
.service-list li b.new{ background:url(../images/new.gif) no-repeat center center; width:22px; display:inline-block;height:12px; margin-left:5px;}

.news-info header{ text-align:center; border-bottom:1px dotted #ddd; margin-bottom:20px;}
.news-info header div{ font-size:120%; font-weight:bold; color:#333;}
.news-info header p{ margin:0; padding:10px 0;}
.news-info header p span{ margin-left:15px;}
.info_back{ text-align:center; font-weight:bold; border-top:1px dotted #ddd;  border-bottom:1px dotted #ddd; padding:5px 0; margin:10px 0;}
.info_back a{color:#1a54a6;}
.info_NP{ line-height:30px; font-size:90%;}
.info_NP a{ color:#666;}
.info_NP a:hover{ color:#1a54a6;}

.inquiry{ height:65px; overflow:hidden; padding-top:30px;}
.inquiry span{ float:left; font-size:22px; width:126px; height:65px; line-height:65px; background:url(../images/inq_title.jpg) no-repeat 21px center #00b0e2; padding-left:57px; color:#fff;}
.inquiry .text{ width:503px; margin:0 9px; float:left; line-height:63px; height:63px; border:1px solid #c7c7c7; background:#fff;}
.inquiry .btn{ width:142px; height:65px; cursor:pointer; float:left; background:url(../images/inq_icon.jpg) no-repeat center center #00b0e2; border:0;}
.inq-show{ width:348px; position:fixed; height:87px;left:50%; top:50%; margin-left:-174px; margin-top:-43px; z-index:100; display:none; border-radius:5px; background:url(../images/resultbg.jpg) repeat-x left bottom #fff;}
.inq-show span{ background:url(../images/inq_close.png) no-repeat; width:25px; height:25px; overflow:hidden; line-height:100px; position:absolute; right:-12px; top:-12px; cursor:pointer; z-index:10; display:inline-block;}
.inq-show div{ padding-left:97px; background:url(../images/inq_bg.png) no-repeat 10px center; height:87px; line-height:87px; font-size:20px;}
.inq-show div b{ font-size:30px; color:#ff0000; font-weight:normal;}

.service-list ol{ list-style:none; padding-bottom:20px; margin-bottom:28px; border-bottom:1px dotted #c8c8c8; position:relative; padding-left:220px; height:140px;}
.service-list ol .img{ position:absolute; left:0px; width:200px; top:0;}
.service-list ol .img img{ width:200px; height:140px;}
.service-list ol h4{ margin:0; font-size:14px; padding-bottom:10px;}
.service-list ol .intro{ font-size:14px; padding-bottom:28px; color:#8b8b8b;}
.service-list ol .date{ margin:0; background:url(../images/i_date.jpg) no-repeat left center; padding-left:15px; position:absolute; bottom:28px; font-size:90%; color:#ababab;}

.download-list li{ height:39px; line-height:39px; border-bottom:1px dotted #bababa; list-style:none;}
.download-list li a{ padding-left:12px; background:url(../images/icon.gif) no-repeat left center;}
.download-list li span{ float:right; color:#a5a5a5;}
.download-list li span a{ padding-left:0; background:none;color:#1a54a6;}

.download-list ol{ text-align:center; float:left; margin-right:10px; padding-left:0;  height:320px; margin:0;margin-right:30px;}
.download-list ol div{ margin-bottom:10px;}
.download-list ol div img{ padding:4px; width:188px; height:253px; border:1px solid #cdcdcd;}
.download-list ol.end{ margin-right:0;}
.download-list ol a{ color:#707070;}
.download-list ol a:hover{color:#1a54a6;}

.news-list ol{ list-style:none; padding-bottom:20px; margin-bottom:15px; border-bottom:1px dotted #c8c8c8; position:relative; padding-left:220px; height:140px;}
.news-list ol .img{ position:absolute; left:0px; width:200px; top:0;}
.news-list ol .img img{ width:200px; height:140px;}
.news-list ol h4{ margin:0; font-size:14px; padding-bottom:10px;}
.news-list ol .intro{ font-size:14px; padding-bottom:28px; color:#8b8b8b;}
.news-list ol .date{ margin:0; background:url(../images/i_date.jpg) no-repeat left center; padding-left:15px; position:absolute; bottom:28px; font-size:90%; color:#ababab;}

.news-list li{ height:39px; line-height:39px; border-bottom:1px dotted #bababa; list-style:none;}
.news-list li a{ padding-left:12px; background:url(../images/icon.gif) no-repeat left center;}
.news-list li span{ float:right; color:#a5a5a5;}
.news-list li b.new{ background:url(../images/new.gif) no-repeat center center; width:22px; display:inline-block;height:12px; margin-left:5px;}

.padding{ padding-top:140px;}
#allmap{width:1200px; margin:0 auto;height:280px;}
#allmapb{min-width:1200px; margin:0 auto;min-height:800px;}

.works-list{ clear:both; overflow:hidden;}
.works-list li{ float:left; width:278px; margin-right:24px; padding-top:28px; height:317px; border-bottom:1px solid #e9e9e9; list-style:none;}
.works-list li img{ width:278px; height:216px;}
.works-list li h3{ font-size:16px; margin:0; padding:10px 0;}
.works-list li h3 a{ color:#646869;}
.works-list li h3 span{ float:right;}
.works-list li h3 a span{ display:inline-block; color:#fff; background-color:#00b0e2; line-height:24px; height:24px; width:54px; text-align:center; font-size:12px; font-weight:normal;}
.works-list li p{ color:#837e7e; margin:0; line-height:20px; font-size:90%;}

.case-search em,.case-search .select,.case-search .text,.case-search .btn{ float:left;}
.case-search em{ font-style:normal; display:inline-block; height:27px; line-height:27px;}
.case-search .select{ width:150px; height:25px; border:1px solid #d8d8d8; position:relative; background:url(../images/icon_select.jpg) no-repeat 96% center; margin-right:10px;}
.case-search .select a{ line-height:25px; display:block; padding-left:9px; padding-right:26px;}
.case-search .select .hide{ position:absolute; left:0; top:24px;border:1px solid #d8d8d8; background-color:#fff; width:100%; left:-1px; display:none;overflow: auto;height: 251px;}
.case-search .text{ width:190px; height:25px; line-height:25px; background:#fff;border:1px solid #d8d8d8; text-align:center; }
.case-search .btn{ width:50px; height:27px; background:#00b0e2; color:#fff; cursor:pointer; border:0; margin-left:10px;text-align:center;}

.job-list{ padding-bottom:20px;}
.job-list table{border:1px solid #e8e8e8; border-collapse:collapse;}
.job-list td{ padding-left:23px; border:1px solid #e8e8e8; border-collapse:collapse; background-color:#fff;}
.job-list .f-name{ width:111px; text-align:center; padding-left:0; font-size:12px;}
.job-list .show td{ height:28px; font-size:12px; line-height:28px;}
.job-list tr.top td{ background-color:#f7f7f7;}
.job-list .show{ position:relative;}
.job-list .show a.a-open{ color:#0a3f89; font-weight:bold; position:absolute; top:5px; left:137px;}
.job-list .show td span{ float:right;}
.job-list .show td span a{ font-weight:normal; color:#fff; background:url(../images/btn_apply.jpg) no-repeat; width:93px; height:25px; overflow:hidden; line-height:100px; display:inline-block; vertical-align:middle;}
.job-list .hide{ display:none;/* margin-top:-1px;*/}
.job-list .hide table,.job-list .hide td{ border-top:0;}
.job-list .hide .f-name{ vertical-align:top; padding-top:25px;}

.form_table .f-name{ text-align:right; width:200px;}
.form_table td{ padding-bottom:10px; vertical-align:top;}
.form_table .form_err,.form_table  strong{ color:#ff0000;}
.form_table .text{width:300px; height:25px; line-height:25px; background:#fff;border:1px solid #d8d8d8;}
.form_table .btn{width:60px; height:27px; background:#00b0e2; color:#fff; cursor:pointer; border:0; }

.feedback{ border:1px solid #e3e3e3; background:url(../images/feedbackbg.jpg) no-repeat 463px 42px; padding:32px 0;}
.feedback .f-name{ width:92px; padding-right:10px; text-align:right;}
.feedback td{ padding-bottom:7px; vertical-align:top;}
.feedback .text{ width:125px; height:29px; line-height:29px; border:1px solid #dcdcdc; padding:0 5px; background: url(../images/textbg.jpg) repeat-x left top;}
.feedback textarea{ width:332px; height:150px; line-height:25px; border:1px solid #dcdcdc; padding:0 5px;background: url(../images/textareabg.jpg) repeat-x left top #fff;}
.feedback .form_err{ color:#f00;}
.feedback .btn{ width:119px; height:36px; cursor:pointer; border:none; border-radius:3px; background:#00b0e2; font-weight:bold; color:#fff;}

.templet_links_001{ height:auto !important; height:400px; min-height:400px;}
.templet_links_001 ul li{ text-align:center; width:176px; float:left; height:90px; overflow:hidden; padding-top:15px;}
.templet_links_001 ul .pic{ border:solid 1px #ccc; padding:2px; background:#fcfcfc; width:150px; margin:0 auto;}
.templet_links_001 ul .pic img{ width:150px; height:60px;}
.templet_links_001 ul h5{ font-size:12px; font-weight:normal; padding:8px 0px; margin:0;}

.ul_sitemap li{ padding-bottom:10px;}

.ban-box{ width:1200px; height:483px; margin:0 auto; position:relative; overflow:hidden;}
.ban-box .bd li img{width:1200px; height:500px;}
.ban-box .hd{ text-align:center; position:absolute; left:0; width:100%; bottom:32px; height:16px; z-index:10;}
.ban-box .hd a{ width:16px; height:16px; display:inline-block; margin:0 5px; background:url(../images/dot_con.png) no-repeat left center;}
.ban-box .hd a.on{ background-position: right center;}
.ban-box a.prev,.ban-box a.next{ position:absolute; top:50%;width:45px; height:100px; margin-top:-50px; cursor:pointer; z-index:10;}
.ban-box a.prev{ left:0; background:url(../images/btn_prev.png) no-repeat; }
.ban-box a.next{ right:0; background:url(../images/btn_next.png) no-repeat; }

.about-box{ width:1200px; margin:0 auto; height:500px; overflow:hidden; font-size:12px;}
.about-box .box{ background-color:#f5f5f5; float:left; width:400px; height:250px; overflow:hidden; position:relative;}
.about-box .box .img{ width:400px; height:250px;}
.about-box .bg-blue{ background-color:#00b0e2; color:#fff;}
.about-box .txt{ padding:0 39px;}
.about-box .txt-ks{ padding-top:27px;}
.about-box .title{ padding-top:30px; padding-bottom:25px; font-size:26px; color:#fff; padding-left:63px;}
.about-box .title a{ color:#fff;}
.about-box .more{ position:absolute; font-weight:bold;}
.about-box .more i{ font-family:宋体; font-style:normal; font-weight:normal;}
.about-box .b1 .more{ left:39px; bottom:30px; color:#00b0e2;}
.about-box .b2 .more{ top:33px; right:32px;color:#fff;}
.about-box .t-about{ background:url(../images/icon01.png) no-repeat 39px 38px;}
.about-box .t-cultrue{ background:url(../images/icon02.png) no-repeat 39px 38px;}
.about-box .t-honor{ background:url(../images/icon03.png) no-repeat 30px 29px;padding-top:21px;}
.about-box .t-prod{ background:url(../images/icon04.png) no-repeat 29px 25px;padding-top:21px; position:absolute;}
.about-box .t-about a{ color:#00b0e2;}
.about-box .list{ padding-left:29px; background:url(../images/h_honor.jpg) no-repeat 90% 0; min-height:126px;}
.about-box .list li{ list-style:none; line-height:26px;}
.about-box .list li a{ color:#fff; background:url(../images/li_icon.jpg) no-repeat left center; padding-left:10px;}
.about-box .list li a:hover{ text-decoration:underline;}

.home-tit{ border-bottom:1px solid #e1e1e1; margin-bottom:30px;}
.home-tit div{width:1200px; margin:0 auto;height:52px;}
.home-tit .t-news{ background:url(../images/title_news.jpg) no-repeat left bottom; }
.home-tit .t-classic{ background:url(../images/title_classic.jpg) no-repeat left bottom; }
.home{width:1200px; margin:0 auto;}

.news-left{ float:left; width:500px; height:400px; overflow:hidden; position:relative;}
.news-left .bd li{ height:324px; position:relative; list-style:none;}
.news-left .bd li img{ width:500px; height:324px;}
.news-left .bd li span{ position:absolute; left:0; bottom:0; width:100%; background-color:#000;filter:alpha(opacity=25);opacity: 0.25;-moz-opacity:0.25;-khtml-opacity: 0.25; height:40px; z-index:1;}
.news-left .bd li a.txt{ position:absolute;left:0; bottom:0;  line-height:40px; width:100%; color:#fff; z-index:3; display:block; height:40px; font-weight:bold; padding-left:10px;}
.news-left .hd{ background-color:#141414; height:66px; padding-top:10px;}
.news-left .hd li{ float:left; width:100px; text-align:center; list-style:none; cursor:pointer;}
.news-left .hd li img{ width:90px; height:56px;}
.news-left .hd li.on img{ border:2px solid #00b0e2;width:86px; height:52px;}

.news-right{ float:right; width:660px;}
.news-right .hd{ border-bottom:1px solid #e1e1e1; height:40px;background:url(../images/tabline.jpg) no-repeat left top; overflow:hidden;}
.news-right .hd li{ list-style:none; width:140px; text-align:center; font-size:16px; font-weight:bold; background:url(../images/tabline.jpg) no-repeat right center; float:left; cursor:pointer;}
.news-right .hd li.on{ color:#1a54a6;}
.news-right .bd .list-ul{}
.news-right  .list-ul dd{ list-style:none; line-height:36px;}
.news-right  .list-ul dd a{ padding-left:10px; background:url(../images/icon.gif) no-repeat left center; font-size:12px;}
/*.news-right  .list-ul dd  b.new{ background:url(../images/new.gif) no-repeat center center; width:22px; display:inline-block;height:12px; margin-left:5px;}*/
.news-right  .list-ul dd.rel1 b,.news-right .list-ul dd.rel2 b,.news-right .list-ul dd.rel3 b{ background:url(../images/new.gif) no-repeat center center; width:22px; display:inline-block;height:12px; margin-left:5px;}
.news-right  .list-ul dd time{ float:right;}

.news-right  .list_ul_double dd{  float:left; width:330px;}
.news-right  .list_ul_double dd time{ padding-right:15px;}

.news-right  .list-ull dd{ list-style:none; float:left; width:660px; line-height:36px;}
.news-right  .list-ull dd a{ padding-left:10px; background:url(../images/icon.gif) no-repeat left center; font-size:12px;}
.news-right  .list-ull dd time{ float:right;}
.news-right  .list-ull dd  b.new{ background:url(../images/new.gif) no-repeat center center; width:22px; display:inline-block;height:12px; margin-left:5px;}
.news-right  .more{text-align:right;}
.news-right  .more a{ color:#1a54a6}
.classic-left{ width:912px; float:left; position:relative; height:400px;}
.classic-left .box{ position:absolute;}
.classic-left .box1{ left:0; top:0;}
.classic-left .box2{ right:0; top:0;}
.classic-left .box3{ left:237px; top:0;}
.classic-left .box4{ left:237px; top:204px;}
.classic-left .box5{ left:459px; top:204px;}
.classic-left .box1 img,.classic-left .box2 img{ width:229px; height:400px;}
.classic-left .box4 img,.classic-left .box5 img{ width:214px; height:196px;}
.classic-left .box3 img{ width:436px; height:196px;}
.classic-left .name{ position:absolute; width:100%; background:url(../images/namebg.png) repeat; text-align:center; left:0; display:none;}
.classic-left .name h1{ font-size:18px; margin:0; color:#fff; font-weight:normal;}
.classic-left .name  a{  color:#fff;border:1px solid #fff; display:inline-block; height:23px; line-height:23px; width:74px; background:url(../images/name_a.gif) no-repeat 95% center;}

.classic-left .box4 .name,.classic-left .box5 .name{ bottom:0;}
.classic-left .box4 .name h1,.classic-left .box5 .name h1{height:55px; line-height:55px; padding-left:17px; text-align:left;}
.classic-left .box4 .name a,.classic-left .box5 .name a{ position:absolute; right:5px; bottom:15px;}

.classic-left .box1 .name,.classic-left .box2 .name{ height:100px;}
.classic-left .box3 .name{ height:196px; width:98px; right:0; left:auto;}
.classic-left .box2 .name{ bottom:0;}

.classic-left .box1 .name h1{ padding-top:26px; padding-bottom:5px;}
.classic-left .box2 .name h1{ padding-top:18px;padding-bottom:10px;}
.classic-left .box3 .name h1{ padding:28px 33px 30px;}

.classic-right{ float:right; height:400px; background-color:#f0f0f0; width:280px; position:relative;}
.classic-right h1{ color:#1a54a6; font-size:24px; font-weight:normal; margin:0; height:74px; line-height:74px; padding-left:26px;}
.classic-right .hd{ position:absolute; right:22px; top:37px;}
.classic-right .hd li{ width:13px; height:13px; display:inline-block; margin:0 2px; overflow:hidden; line-height:100px; background:url(../images/parent_icon.jpg) no-repeat left center; float:left; cursor:pointer;}
.classic-right .hd li.on{ background-position: right center;}
.classic-right .picList li{ float:left; width:139px; height:107px; border-top:1px solid #e3e3e3;border-left:1px solid #e3e3e3; margin-left:-1px; list-style:none; display:table;}
.classic-right .picList li .pic{ display:table-cell; text-align:center; vertical-align:middle;height:107px;}
.classic-right .picList li .pic img{ height:60px;width:137px;}
.classic-right .picList li .pic a img { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    -webkit-filter: grayscale(100%); /* chrome+ */
    filter: grayscale(100%); /* 未来浏览器 */
    filter: gray; /* ie6-8 */
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);/*ie6-9 */
    }
.classic-right .picList li .pic a:hover img{filter: url("data:image/svg+xml;utf8"); /* Firefox 3.5+ */
    -webkit-filter: grayscale(0%); /* chrome+ */
    filter: grayscale(0%); /* 未来浏览器 */
    filter: ; /* ie6-8 */
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);/*ie6-9 */
   }
   
.Img-Nav{ clear:both; overflow:hidden; width:1200px; margin:0 auto;}   
.Img-Nav li{ float:left; width:280px; margin-right:20px; cursor:pointer; height:215px; list-style:none; text-align:center; position:relative;}
.Img-Nav li .hover{ display:none; position:absolute; left:0; top:0; width:100%; height:157px; background:url(../images/hoverbg.png) repeat; color:#fff;}
.Img-Nav li .hover img{ margin-top:36px; width:50px; height:50px;}
.Img-Nav li .hover p{ padding:0 10px; font-size:12px;}
.Img-Nav li h3{ margin:0; height:58px; line-height:58px; font-size:16px; font-weight:normal; background-color:#f5f5f5;}
.Img-Nav li:hover h3{ background-color:#1a54a6; color:#fff;}
.Img-Nav li:hover .hover{ display:block;}


.kist_comlu{ border-bottom:#616161 solid 1px; font-size:14px; width:1200px; height:35px; line-height:35px; margin:5px 0; color: #999;}
.kist_comlu a{color: #999;}
.kist_comlu a:hover{ color:#0a3f89;}
.kist_comlu span{ color:#0a3f89;}

/*视频中心*/
.videoBox2{ padding: 5px 0px 16px 0px;}
.videoBox2 ul{}
.videoBox2 li{padding: 5px 5px 12px 5px; border:1px solid #efefef; float:left;margin-right: 30px;margin-bottom: 20px;}
.videoBox2 .videoPic{ overflow:hidden; width: 261px; height: 178px; position:relative;}
.videoBox2 .videoPic img{width: 260px;height: 170px;}
.videoBox2 .videoPic .imgbg{ display:block; width: 261px;height:170px; position:absolute;left:0px;top:0px; opacity:0.5; cursor:pointer; /*background:url(../images/public_vedioBg.png) no-repeat left center;*/}
.videoBox2 .videoPic .imgbg img{width: 261px;height:170px;}
.videoBox2 span{ display:block; text-align:center;}
.videoCont{padding:15px 25px 16px 20px;}
.videoCont p{font-size:16px; font-weight:bold; text-align:center; line-height:28px;padding-bottom:10px;}
.videoCont .box{width:550px; margin:0 auto; overflow:hidden;margin-bottom:30px;}
.vedio_info{ text-align:center;}