
/*头部*/
.inner{ width:1200px; margin:0 auto}
header{zoom:1;height:130px;width:100%; background-image:url(../menu_bg.png); position:fixed; left:0px; top:0px; z-index:999999999}
.header-menu{width:1200px;margin:0 auto; height:130px;}
.header-logo{ width:304px;height:79px; float:left}
.header-logo img{ height:79px; margin-top: 20px;}



/* JS导航栏 */
.met_flash{ margin-top:0px; font-size:0px; overflow:hidden; min-width:1200px} 
.met_flash ul{ margin:0px; padding:0px} 
.i-search{height:41px}
.i-search-1000{ width:1200px; height:50px; margin:0 auto;background-image:url(../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(../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:1200px; overflow:hidden; background:url(../more.gif); margin:10px 10px 0px 0px}
.style-1 .active{ background:#fff; padding:10px}
.style-2 h3.title { background:url(../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(../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(../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(../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(../i8-bg.jpg); background-repeat:repeat-x}
.index-links-txt{ background-image:url(../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(../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}
/*内页侧栏*/
.sidebar{ margin-top:15px}
.sidebar .sb_nav{ margin-top: 20px; width:220px;float:left; background-color:#fbfbfb}
.sidebar .sb_nav h3.title{ text-align: center; height:88px; color:#fff;font-weight:100; background-image:url(../l-t.jpg)}
.sidebar .sb_nav h3.title dl{ font-size:20px; color:#fff; padding-top:25px; line-height:20px; display:inherit}
.sidebar .sb_nav h3.title dd{ font-size:14px; color:#fff; font-weight:100; line-height:25px; font-family:Arial, Helvetica, sans-serif}
.sidebar .sb_nav h3.line{margin-top:15px; }
.sidebar .sb_nav .active{ padding-top:5px; padding:10px; background-color:#1e50ae}
#sidebar dl dt{line-height:40px; height:40px;font-size:14px;color:#fff;padding-left:30px; background:url(../pro_list_bg.jpg) no-repeat 205px 15px; background-repeat:200px; margin:0 auto; margin-bottom:5px;}
#sidebar dl dt a{ text-decoration: none;}
#sidebar dl dt a span{ color:#434343; font-size: 16px;}
#sidebar dl dt:hover{background-image:url(../pro_list_bg2.jpg);}
#sidebar dl dt a span:hover{ color:#fe7e00}
#sidebar dl dd{ padding:0px 0px 5px 0px; margin-top:-5px; border-top:#FFF solid 1px; margin-bottom:5px}
#sidebar dl dd h4{padding-left:30px; background-image:url(../pro_list_bg2j.jpg); line-height:34px; color:#333; font-size:12px; border-bottom:#CCC dashed 1px; background-color:#fff}
#sidebar dl dd h4 a{ color:#516265; font-weight:100}
#sidebar dl dd h4:hover {border-bottom:#516265 dashed 1px;}
#sidebar dl dd h4:hover a{ color:#516265; font-weight:100;}
#sidebar dl dd h4.on {border-bottom:#516265 dashed 1px;}
#sidebar dl dd h4.on a{ color:#516265}
#sidebar dl dt.on{ color: #fe7e00;}
#sidebar dl dt.on a{ font-weight:100; color:#09F}
#sidebar dl h4.on a{ font-weight:100}
.sidebar .sb_box{ margin-top: 20px; width:960px; float:right; background-color:#fff; border-radius:10px}
.sidebar .sb_box h3.title{height:40px; line-height:40px; position:relative; border-bottom:#ebebeb solid 1px}
.sidebar .sb_box h3.title span{ position:absolute; left:0px; top:-1px; font-size:18px; padding:0px; color:#000; font-weight:100}
.sidebar .sb_box h3.title div.position{ float:right; font-weight:normal; position:relative; top:0px; right:0px; color:#333; font-size:12px}
.sidebar .sb_box h3.title div.position a{ color:#333;; font-size:12px; text-transform:uppercase}
.sidebar .sb_box .active{ padding:0px; min-height:auto}
/*首页*/
.ber-b{ background-image:url(../ber-b.jpg); height:54px; background-repeat:repeat-x; }
.ber-b-1000{ width:1200px; 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}
.i-link{ background-image:url(../i-link.jpg); width:1200px; height:45px; margin:0 auto}
.i-link-c{ width:1200px; height:50px; text-align:center; margin:0 auto; margin-top:10px; margin-bottom:10px}
.i-link-c a{ width:190px; height:25px; line-height:25px; font-size:14px; float:left; display:block; text-align:left}
/*底部*/
.foot-bottom{color:#5c5c5c; padding-top:20px; padding-bottom:20px; text-align:center; min-width:1200px; margin-top:20px}
.foot-bottom a{ color:#5c5c5c}
.foot-bottom div{ color:#5c5c5c}
.foot-menu{ background-image:url(../foot-menu.jpg); width:1200px; height:36px; color:#fff; margin:0 auto; line-height:36px}
.foot-menu a{ text-align:center; color:#fff; font-size:14px; padding-left:10px; padding-right:10px}
.foot-menu span{ color:#fff; padding-left:20px; padding-right:20px}
footer{color:#5c5c5c;width:100%; min-width:1200px}
.foot-text{width:1200px; margin:0 auto; padding-top:10px; padding-bottom:20px; color:#5c5c5c; text-align:left}
.foot-text dl{ background-image:url(../foot-logo.jpg); width:300px; height:150px; float:left; }
.foot-text dd{ float:right; width:700px; color:#5c5c5c;margin-top:40px}
.foot-text dd a{ color:#5c5c5c}
#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}


.imoretxt{ clear:both; margin-top:20px;width:200px}
.imoretxt a{box-shadow:0px 0px 0px #fff;display:block; padding:2px; background-color:#125cc7; color:#fff; line-height:30px; font-size:14px; width:200px; text-align:center;border-radius:2px; border:#125cc7 solid 1px; border-radius:30px}
.imoretxt a:hover{box-shadow:0px 0px 0px #fff;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s; background-color:#400e18; color:#fff;border:#000000 solid 1px}
.imoretxt2{}
.imoretxt2 a{display:block;box-shadow:0px 0px 0px #000 ;background-color:#fff; color:#2a6eaf;border-radius:2px; border:#2a6eaf solid 1px; width:100px; padding:2px; line-height:25px; text-align:center}
.imoretxt2 a:hover{box-shadow:0px 0px 0px #000;display:block; padding:2px; background-color:#fff; color:#fff; background-color:#2a6eaf; line-height:25px; font-size:14px;text-align:center; margin:0 auto;border-radius:2px; border:#2a6eaf solid 1px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s}


.index_youshi{ height:450px; background-color:#f6f6f6}
.index_youshi ul{ width:1200px; margin:0 auto; list-style:none; margin:0px; padding:0px; margin:0 auto}
.index_youshi ul li{ margin:0px; padding:0px; width:25%; float:left}
.index_youshi ul li a{ width:80%; margin:0 auto; text-align:center; display:block}
.index_youshi ul li a dd{ font-size:18px; color:#000; margin-top:15px}
.index_youshi ul li a dt{ margin-top:15px}
.index_youshi ul li a:hover{ margin-top:-2px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s}


.inews{ width:1200px; margin:0 auto; margin-top:40px}
.inews-l{ width:650px; float:right}
.inews-l a{ clear: both;display:block; width:610px!important; height:70px!important; width:650px; height:110px; padding:20px; background-color:#f2f2f2; margin-bottom:10px;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5}


.inews-l dl{ height:70px; width:80px; float:left; border-right:#999 solid 1px}
.inews-l dl b{ display:block; line-height:35px; font-size:24px; font-family:"Arial Black", Gadget, sans-serif; text-align:center}
.inews-l dl span{ display:block; text-align:center; line-height:35px}
.inews-l dd{ width:500px; float:right; height:70px}
.inews-l dd h1{font-size:18px; font-weight:100; color:#666666; line-height:25px}
.inews-l dd p{font-size:12px;color:#888888; line-height:25px}


.inews-r{ width:550px; float:left}
.inews-r dl{}
.inews-r dl img{ width:500px; height:350px }
.inews-r p{ height:60px; display:block;line-height:60px}

/* return top */
.box2{
    position:fixed;
    right:10px;
    bottom: 10px;
    height:30px;
    width: 50px;    
    text-align:center;
    padding-top:20px;    
    background-color:#ccc;
	transition:all 0.1s linear 0.2s;
    border-radius: 20%;
    overflow: hidden;
	display:none;
}
.box2:hover{

    background-color:#1d3a6d;
	transition:all 0.1s linear 0.2s;

}
.box2:hover:before{
    top:50%
}
.box2:hover .box-in{
    visibility: hidden;
}
.box2:before{
    position: absolute;
    top: -50%;
    left: 50%;
    transform: translate(-50%,-50%);
    content:'';
    width: 40px;
    color:peru;
    font-weight:bold;

}    
.box2-in{
    visibility: visible;
    display:inline-block;
    height:10px;
    width: 10px;
    border: 3px solid black;
    border-color: white transparent transparent white;
    transform:rotate(45deg);
	margin-top:2.5px;
}
.jiathis_txt{display: none;}
