@charset "utf-8";
html,body{ font:12px/1.8 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#333; background:#ffffff; -webkit-text-size-adjust:none; padding:0px; margin:0px}
ul,li,dl,dd,dt,p{ margin:0px; padding:0px; list-style:none}
a{ color:#333; text-decoration:none}
a:hover{ color:#FF6600; text-decoration:none;}
/*头部*/
.inner{ width:1000px; margin:0 auto; position:relative;}
header{zoom:1;height:90px;width:100%}
.header{ width:100%; margin:0 auto; height:90px; background-position:center top; background-image:url(../images/header-bg-1920.jpg)}
.top-logo{height:90px;width:1000px; margin:0 auto;}

.head_menu{width:100%;height:60px; margin:0px; padding:0px; background-image:url(../images/menu-bg-1920.jpg); background-position:center top}
.head_menu_lang{ height:60px; line-height:45px; text-align:right; padding-right:15px}
.head_menu_lang span{ margin-left:5px; margin-right:5px}
nav{ height:60px; width:1000px; margin:0 auto;}

/*nav ul{ width:1000px; margin:0 auto}
nav ul li{ float:left; text-align:center; height:36px; line-height:36px; overflow:hidden;}
nav ul li a{ color:#fff; font-size:14px; font-weight:bold}
nav ul li a:hover{ color:#fff;}
nav ul li.line{ width:10px; height:36px; padding:0px; background-image:url(../images/menu-line.jpg)}
nav ul li.hover,nav ul li.navdown{ background-image:url(../images/menu-bg-2.jpg)}
nav ul li.hover a,nav ul li.navdown a{ color:#ffffff;}
nav ul li.hover a:hover,nav ul li.navdown a:hover{ color:#ffffff;}*/

/* JS导航栏 */
.nav1{float:left; width: auto; height:60px; position:relative; z-index:999; }
#nav_10001{ width:285px; line-height:75px;background-color:transparent; color:#FFFFFF; padding-top:0px;}
#nav_10001:hover{background-color:transparent; background-image:url(../images/no.gif); color:#990000}
#nav_10001.navdown{background-color:transparent; background-image:url(../images/no.gif); color:#990000}
.nav1 a{display:block; color:#8D8D8D; font-weight:bold; width:100px; text-decoration:none; height:45px!important; height:60px; font-size:16px; font-weight:100; line-height:17px; padding-top:15px}
.nav1 a span{ display:block; width:100px; height:15px; font-size:10px; line-height:15px}
.nav1 a:hover{ color:#fff;background-image:url(../images/menu-bg-2.jpg)}
.nav1 a.navdown{background-image:url(../images/menu-bg-2.jpg); display:block; color:#FFF;}
.link-z{width:2px; height:60px; padding:0px; margin:0px; float:left;}
.nav1Box{ height:60px; line-height:60px; display:block; text-align:center; z-index:9999999999; clear:both}
.nav2{position:absolute; top:60px; left:0px; z-index:999; width:250px; background:#FF8A00; padding:0px; z-index:9999999999}
.nav2 dd{list-style-type:none; height:30px; border-bottom:#f1f1f1 solid 1px; text-align:center; z-index:9999999999; position:relative}
.nav2 dd:hover{border-top:none; z-index:9999999999; height:30px; background-color: #CC3300; border-bottom:#f1f1f1 solid 1px;color:#FFFFFF}
.nav2 dd a{ color:#ffffff; height:30px; border-top:none; line-height:30px; width:250px; font-weight:normal; z-index:9999999999; font-size:14px; padding-top:0px}
.nav2 dd:hover a{ color:#FFFFFF; background:none}
/* JS导航栏 */
.met_flash{ margin-top:0px; font-size:0px; overflow:hidden;} 
.met_flash ul{ margin:0px; padding:0px;} 

.i-search{height:41px}
.i-search-1000{ width:1000px; height:50px; margin:0 auto;background-image:url(../images/isearch-bg.jpg); background-position:right bottom; background-repeat:repeat-x}
.i-search-1000-l{ width:600px; height:50px; float:left; line-height:50px; font-size:14px}
.i-search-1000-r{ width:400px; height:50px; float:right}
/*首页*/
.aboutus{ float:left; width:675px; margin-top:10px;}
.case{ float:right; width:290px; margin-top:10px; overflow:hidden;}
.style-1 h3.title span{ float:left; background:url(../images/dt-5.gif) repeat-x; height:32px; line-height:32px; padding:0px 25px; color:#fff; font-weight:normal; font-size:14px;}
.style-1 h3.title  a.more{ float:right; width:39px; height:11px; line-height:1000px; overflow:hidden; background:url(../images/more.gif); margin:10px 10px 0px 0px;}
.style-1 .active{ background:#fff; padding:10px;}
.style-2 h3.title { background:url(../images/dt-6.gif) repeat-x; height:32px; line-height:32px; padding-left:15px; color:#fff; font-weight:normal; font-size:14px; position:relative;}
.style-2 h3.title a.more{ position:absolute; right:10px; top:0px; color:#fff; font-size:12px;}
.style-2 .active{ background:#fff; padding:10px;}
.style-2 dl.ind{ clear:both; zoom:1}
.style-2 dl.ind dt{ float:left; display:inline; border-bottom:1px dotted #ccc; padding:10px 0px 10px 0px; zoom:1}
.style-2 dl.ind dt a{ margin-left:5px;}
.style-2 dl.ind dd{ float:right; display:inline; border-bottom:1px dotted #ccc; padding:10px 0px 10px 0px; overflow:hidden;}
.style-2 dl.ind dd h4{ margin-left:10px;}
.style-2 dl.ind dd p.desc{ margin-left:10px; font-style: italic; color:#666;}
.index-news{ float:left; width:330px; margin-right:15px; margin-top:15px;}
.listel li{ margin:0px 5px; height:30px; line-height:30px; overflow:hidden; padding-left:13px; background:url(../images/dt-1.gif) no-repeat left 12px; }
.listel li a{ margin-right:5px; zoom:1;}
.listel li span{ float:right; color:#666;}
.index-conts{ float:right; width:290px; margin-top:15px;}
.index-product{ padding-top:15px; *margin-top:15px; *padding-top:0px;}
.index-product .profld{ margin:0px; position:relative; overflow:hidden;}
.index-product h3 span{ float:left; }
.index-product ol{ position: absolute; width: 2012em; }
.index-product ol li{ float:left; text-align:center; }
.index-product ol li a.img{ display:block; text-align:center; font-size:0px;}
.index-product ol li a.img img{ margin:auto; border:1px solid #d6d6d6;}
.index-product ol li h3{ font-weight:normal; margin-top:5px; height:20px; line-height:20px; overflow:hidden;}
.index-product .flip{ height:20px; overflow:hidden; margin:8px 15px 0px; float:left; }
* html .index-product .flip{ width:300px;}
*+html .index-product .flip{ width:300px;}
.index-product .next,.index-product .prev{ width:18px; height:18px; overflow:hidden; display:block; float:left; background:url(../images/neu.gif) no-repeat;}
.index-product .next{ background-position:-17px 0px; }
.index-product .next:hover{ background-position:-57px 0px; }
.index-product .prev{ background-position:-40px 0px; }
.index-product .prev:hover{ background-position:0px 0px; }
#trigger{ float:left; margin-right:5px; margin-top:0px; position:relative; bottom:8px; *bottom:0px; *top:5px; zoom:1;}
#trigger a{ background:url(../images/neu.gif) no-repeat -78px -10px; width:8px; height:8px; font-size:0px; display:inline-block; overflow:hidden; margin-right:5px;}
#trigger a.current{ background-position:-78px 0px;}

#tabs-nav{ float:left;text-align: center; margin-left:15px;}
#tabs-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display:inline; position:relative; *top:12px;}
#tabs-nav li a {width: 8px; height: 8px; display: block; overflow:hidden; background:#9df0f5; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
#tabs-nav li a:hover { background:#fff; }
#tabs-nav li a.flex-active{ background:#fff; cursor: default; }
.links{ background-image:url(../images/i8-bg.jpg); background-repeat:repeat-x}
.index-links-txt{ background-image:url(../images/i8.jpg); height:53px}
.index-links{ background:#fff; padding:5px 15px 10px; margin-top:15px; position:relative;}
.index-links h3{ height:32px; line-height:32px; padding-left:20px; background:url(../images/dt-2.gif) no-repeat left center; font-weight:normal; font-size:14px; position:relative; border-bottom:1px dotted #ccc; margin-bottom:10px;}
.index-links h3 a.more{ position:absolute; right:10px; top:0px; color:#666; font-size:12px;}
.index-links ul{ margin:0px; padding:0px;}
.index-links .img{ margin-bottom:3px;}
.index-links .img li{ list-style:none; display:inline; padding-right:5px;}
.index-links .img img{ width:88px; height:31px;}
.index-links .txt{ zoom:1;}
.index-links .txt li{ list-style:none; float:left; width:88px; height:20px; line-height:20px; margin-right:5px; overflow:hidden;}

/*内页侧栏*/
.main_box{width:1000px; margin:0 auto;margin-top:15px;}
.main_box .l_nav{ float:left; width:246px;}
.main_box .l_nav h3.title{ text-align:left; padding:0px 15px; height:54px; line-height:54px; font-size:18px; color:#fff; background-image:url(../images/l-t.jpg); font-weight:100; margin:0px;}
.main_box .l_nav h3.title dl{ font-size:20px; color:#FFFFFF; padding-top:15px; line-height:25px; margin-right:15px}
.main_box .l_nav h3.title dd{ font-size:16px; color:#FFFFFF; font-weight:100; line-height:25px; display:none}
.main_box .l_nav h3.line{margin-top:15px; }
.main_box .l_nav .l_sort{padding-bottom:20px; background-color:#222222; padding-top:15px}

.l_sort{background-image:url(../images/l-bg.jpg); width:246px; border-bottom:#0573a8 solid 2px}
.l_sort dl{ width:218px; margin:0 auto; height:38px}
.l_sort dl dt{padding-left:15px; margin-top:0px; background-image:url(../images/l-list-bg.jpg); height:38px; line-height:38px; font-size:14px; color:#000000}
.l_sort dl dt a{color:#000000;}
.l_sort dl dt:hover{font-weight:bold; color:#ff0000;}
.l_sort dl dt:hover a{ color:#ff0000}
.l_sort dl dt.on{font-weight:bold; color:#ff0000;}
.l_sort dl dt.on a{ font-weight:bold; color:#ff0000;}

.main_box .content_box{  float:right; width:720px; background:#fff; overflow:hidden; }
.main_box .content_box h3.title{ background-image:url(../images/r-t.jpg); height:35px; line-height:35px; position:relative; border-bottom:#333399 solid 1px}
.main_box .content_box h3.title span{position:absolute; left:0px; top:-1px; font-size:16px; padding:0px; color:#333333}
.main_box .content_box h3.title div.position{ float:right; font-weight:normal; position:relative; top:0px; right:0px; color:#333333}
.main_box .content_box h3.title div.position a{ color:#333;; font-size:12px}
.main_box .content_box .active{ padding:0px; min-height:500px}

.x_box{ padding-top:25px; min-height:500px}

/*首页*/
.ber-b{ background-image:url(../images/ber-b.jpg); height:54px; background-repeat:repeat-x; }
.ber-b-1000{ width:1000px; height:54px; margin:0 auto}
.ber-b-1000 dl{ width:262px; float:left; height:54px}
.ber-b-1000 dd{ width:600px; float:right; height:54px; line-height:54px; font-size:14px; text-align:right}

.i5{ width:1000px; height:50px; margin:0 auto; background-image:url(../images/i1.jpg); margin-top:15px; margin-bottom:15px}
.i5 a{ font-size:16px; color:#FFFFFF; line-height:50px; padding-left:10px}

.i5-con{ width:1000px; margin:0 auto; height:520px}
.i5-con a{ display:block; width:156px; height:156px; float:left; margin-left:5px; margin-right:5px}
.i5-con a dl{ margin:0px; padding:0px;width:146px!important; width:156px; height:146px!important; height:156px; border:#ffffff solid 5px}
.i5-con a:hover dl{ margin:0px; padding:0px;width:146px!important; width:156px; height:146px!important; height:156px; border:#ff0000 solid 5px}
.i5-con a dl img{ width:146px; height:146px;}
.i5-con a:hover dl img{ width:146px; height:146px;filter:alpha(opacity=60);  -moz-opacity:0.6;  -khtml-opacity: 0.6;  opacity: 0.6;}
.i5-con a dd{ display:block; padding:0px; margin:0px; height:20px; text-align:center; line-height:20px; font-size:14px}
.i5-con a:hover dd{ display:block; padding:0px; margin:0px; height:20px; text-align:center; line-height:20px; font-size:14px; font-weight:bold}

.i6{ background-image:url(../images/i2.jpg); width:1000px; height:393px; margin:0 auto; background-position:center top; background-repeat:no-repeat}

.i-link{ background-image:url(../images/i-link.jpg); width:1000px; height:40px; margin:0 auto}
.i-link-c{ width:1000px; height:50px; text-align:center; margin:0 auto; margin-top:10px; margin-bottom:10px}
.i-link-c a{ width:250px; height:25px; line-height:25px; font-size:14px; float:left; display:block; text-align:left}
/*底部*/
footer{ height:189px;color:#FFFFFF;background-image:url(../images/foot-bg.jpg)}
.foot-nav{ text-align:center; margin-top:10px; height:25px; line-height:25px;}
.foot-nav a{ color:#FFFFFF}
.foot-nav span{ font-size:10px; margin:0px 8px; color:#FFFFFF;}


.foot-text{width:1000px; margin:0 auto; height:173px}
.foot-text dl{ float:left; background-image: url(../images/foot-l.jpg); width:573px; height:189px; background-repeat:no-repeat}
.foot-text dd{ padding:0px; margin:0px; float:right;text-align:left; color:#ffffff; width:400px; font-size:14px; padding-top:40px}
.foot-text dd a{ color:#000000}

#imglist{ padding-left:0px; padding-right:0px}
.img:hover img{filter:alpha(opacity=60);  -moz-opacity:0.6;  -khtml-opacity: 0.6;  opacity: 0.6;}
#showtext{ padding-left:0px; padding-right:0px}




.i1{ background-image:url(../images/i1.png); width:100%; height:100px!important; height:120px; background-position:center bottom; background-repeat:no-repeat; margin:0 auto; text-align:center; line-height:30px; font-size:24px;background-color:#FBFBFB; padding-top:20px}
.i1 span{ font-size:18px}

.i2{ width:1000px; height:290px; margin:0 auto; margin-top:25px}
.i2-l{ width:400px; height:290px; float:left}
.i2-r{ width:580px; height:290px; float:right}
.i2-r-con{ height:170px}
.i2-r-a{ height:112px}
.i2-r-a a{ background-image:url(../images/ia1.jpg); width:110px; height:112px; display:block; float:left; margin-right:40px}
.i2-r-a a:hover{ background-image:url(../images/ia2.jpg); width:110px; height:112px;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s}
.i2-r-a a dl{ margin:0px; padding:0px; width:20px; margin:0 auto; height:15px; line-height:15px; font-size:14px; text-align:center}
.i2-r-a a dd{ padding:0px; margin:0px; width:80px; height:80px; line-height:80px; font-size:14px; margin:0 auto; text-align:center; color:#FFFFFF}



.i3{ height:732px; background-color:#5071B5; margin-top:40px}

.i3c{ background-image:url(../images/i2.jpg); width:395px; height:80px; background-position:center bottom; background-repeat:no-repeat; margin:0 auto; text-align:center; line-height:30px; font-size:24px;color:#FFFFFF}
.i3c span{ font-size:18px; color:#FFFFFF}
.iclass{ height:35px; width:800px; border: #889FCD solid 1px; text-align:center; line-height:35px; margin:0 auto; margin-top:20px; color:#ffffff; font-size:16px}
.iclass a{ color:#CDD2D8; font-size:14px}
.iclass a:hover{ color:#FFFFFF}

.pro{ width:1000px; margin:0 auto; padding-top:20px}
.pro a{ width:230px; height:230px; margin:10px; float:left; position:relative}
.pro a dl img{ width:230px; height:230px}
.pro a dd{ display:none; position:absolute; left:0px; top:0px; width:230px; height:150px!important; height:230px; text-align:center; color:#FFFFFF; font-size:14px; padding-top:80px}
.pro a:hover dd{ display:block; background-image:url(../images/ipro-a2.png);-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s}
.inews-1920{width:100%; margin:0 auto;background-color:#FBFBFB; padding-top:40px}
.inews{ width:1000px; height:300px; margin:0 auto;background-color:#FBFBFB}
.inews a{ width:440px; height:114px; display:block; float:left; margin:10px; background-color:#FBFBFB}
.inews a dl{ float:left; width:114px; height:114px; background-image:url(../images/i4.jpg); text-align:center}
.inews a dl span{ display:block; font-size:56px; line-height:36px; padding-top:20px; text-align:center; color:#333399}
.inews a dd{ float:right; height:114px; background-image:url(../images/i5.jpg); width:275px;word-break:break-all}
.inews a dd span{ font-size:14px; font-weight:bold; color:#333399}
.inews a dd p{ padding-top:15px; padding-right:10px}

.i8{ background-image:url(../images/i6.jpg); height:523px; background-position:center top; background-repeat:no-repeat}

.row_pic{ width:100%}
.row_pic ul{ margin:0px; padding:0px; list-style:none}
.row_pic ul li{ margin:0px; padding:0px; width:33.3333%; float:left; margin-bottom:20px}
.row_pic ul li{ margin:0px; padding:0px; width:33.3333%; float:left; margin-bottom:20px}
ul li dl{display:block; margin:0px; padding:0px; width:95%; margin:0 auto; border:#eee solid 1px; padding:1%}
.row_pic ul li dl img{ width:100%; display:block}
.row_pic ul li dd{display:block; margin:0px; padding:0px; width:95%; margin:0 auto; height:40px; line-height:40px; text-align:center; font-size:16px}
.row_pic ul li p{display:block; margin:0px; padding:0px; width:95%; margin:0 auto; display:none}

.row_arti{ width:100%}
.row_arti ul{ margin:0px; padding:0px; list-style:none}
.row_arti ul li{ margin:0px; padding:0px; width:100%; border-bottom:#eee dashed 1px; line-height:200%; padding-top:15px; padding-bottom:15px} 
.row_arti ul li a img{ display:block;float:left; margin-right:15px; width:240px; height:90px}
.row_arti ul li a b{ font-size:16px;}
.row_arti ul li p{display:block; margin:0px; padding:0px; width:100%; margin:0 auto;}
.float-right{ float:right}

.form-group{ width:100%; clear:both; margin-top:20px; height:40px}
.form-group div{ width:400px; margin:0 auto; height:40px}
.form-group div input{ width:400px; height:28px; border-radius:2px; border:#ccc solid 1px; padding:5px}
.form-group div textarea{width:398px; height:60px; border-radius:2px; border:#ccc solid 1px; padding:5px}