﻿
body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea,p {margin:0; padding:0;font-style: normal;font-weight:normal;font-size:12px;}
ol, ul ,li{list-style: none;}
img {border: 0; vertical-align:top;}
body{font:12px/22px;font-family:"Microsoft YaHei",微软雅黑;  color: #333; background: #fff;}
a{text-decoration:none; color: #5b5b5b;} 
.clear{clear:both;height:0; line-height:0; font-size:0;display:block; overflow:hidden}
.clearfix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;font-size:0}
.clearfix {zoom:1}
.fl{float:left; display: inline;}
.fr{float:right; display: inline;}
input:focus{
    outline: 0 none;
}
/*common*/
.top_bar .top_bar_inner .phone, .top_bar .top_bar_inner .search_btn, .footer_inner .footer_fn a, .index_page .top_box .hd .more_btn{
    background: url(http://www.elzinc.cn/Yourphp/Tpl/Home/Default/Public/statics/images/sprite_icon.png) no-repeat 0 0;
}
html,body{
    overflow-x:hidden;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('http://www.elzinc.cn/Yourphp/Tpl/Home/Default/Public/statics/css/HELVETI1.eot?v=4.1.0');
  src: url('http://www.elzinc.cn/Yourphp/Tpl/Home/Default/Public/statics/css/HELVETI1.eot?') format('embedded-opentype'), url('../font/HELVETI1.woff') format('woff'), 
  url('../font/HELVETI1.TTF') format('truetype'), url('../font/HELVETI1.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{
    background: url(../image/bg.gif) repeat 0 0;
}
.header{
    height:72px;
    width: 100%;
    margin-bottom: 10px;
    background: url(../image/header_bg.png) repeat-x 0 0;
}
.header .inner{
    width: 980px;
    margin: 0 auto;
}
.nav {
    margin-left: 10px;          
}
.nav li{
    float: left;
    height: 55px;
    padding-top: 17px;
    position: relative;
}
.nav li a{
    display: inline-block;
    font-size: 14px;
    color: #fff;
    padding: 0 12px;
    text-align: left;
}
.nav li a span{
    color: #fff;
    /*font-family: "FontAwesome";*/
	font-family:Verdana, Geneva, sans-serif;
    font-size: 14px;
    font-weight: normal;
}
.ie8 .nav li a span,.ie7 .nav li a span{
    font-size: 14px;
}
.nav li:hover,.nav .on{
    background: #eee;
    z-index: 2;
    box-shadow: 0 0 5px #333;
}
.nav li:hover a,.nav li:hover a span,.nav .on a,.nav .on a span{
    color: #666;
}
.nav li .sub_nav{
    background: #fff;
    position: absolute;
    top: 71px;
    left: 0px;
    padding: 10px 10px;
    display: none;
    z-index: 99;
    width: 200px;
    box-shadow: 0 4px 3px #333;
}
.nav li .sub_nav a span{
    color: #9a9a9a;
}
.nav li .sub_nav a{
    color: #666;
    display: block;
    font-size: 14px;
    border-bottom: 1px solid #ebebeb;
    padding: 10px 10px 10px 5px;
}
.nav li .sub_nav a:hover,.nav li .sub_nav a:hover span{
    color: #afafaf;
}
.banner{
    width: 100%;
}
.fn_r{
    background: url(../image/line.png) no-repeat 0 0;
}
.wx_box{
    position: relative;
    z-index: 99;
}
.wx_box .ewm{
    position: absolute;
    top: 72px;
    left: -30px;
    width: 129px;
    display: none;
    z-index: 222;
}
.wx_box a{
    display: block;
    width: 65px;
    height: 72px;
    background: url(../image/wx.png) no-repeat center center;
}
.wx_box a:hover{
    background: url(../image/wx2.png) #fff no-repeat center center;
}
.search_box{
    position: relative;
    width: 36px;
    height: 36px;
    border: 1px solid #fff;
    margin-top: 13px;
    z-index: 222;
    margin-left: 5px;
}
.search_box .search_btn{
    width: 36px;
    height: 36px;
    border: 0 none;
    background: url(../image/search_icon.png) no-repeat center center;
}
.search_box .text{
    height: 20px;
    line-height: 20px;
    padding: 6px;
    border: 0 none;
}
.search_box .text_box{
    position: absolute;
    top: -1px;
    right: 36px;
    width: 0;
    overflow: hidden;
}
.search_box .text_box .in{
    border: 1px solid #fff;
    padding: 2px;
}
.footer_inner_t{
    width: 100%;
    background: #0086bb;
    padding-top: 20px;
}
.footer_inner_b{
    width: 100%;
    height: 46px;
    line-height: 46px;
    background: #ededed;
    color: #fff;
}
.footer_inner_t .inner{
    width: 980px;
    margin: 0 auto;
}
.footer_inner_t .inner dl{
    float: left;
    margin-right: 40px;
    display: inline;
}

.ie9 .footer_inner_t .inner dl{
    margin-right: 65px;
}
.ie7 .footer_inner_t .inner dl, .ie8 .footer_inner_t .inner dl{
    margin-right: 45px;
}
.footer_inner_t .inner dt{
    color: #fff;
    font-size: 16px;
    border-left: 3px solid #fff;
    padding-left: 10px;
    margin-bottom: 15px;
}
.footer_inner_t .inner dd a{
    color: #fff;
    font-weight: normal;
    padding-left: 10px;
}
.footer_inner_t .inner dt span{
    /*font-family: "FontAwesome";*/
	font-family:Verdana, Geneva, sans-serif;
    font-size: 14px;
    font-weight: normal;
}
.ie9 .footer_inner_t .inner dt span{
    font-weight: normal;
}
.ie7 .footer_inner_t .inner dt span, .ie8 .footer_inner_t .inner dt span{
    font-size: 14px;
}


.footer_inner_t .inner dd a span{
    display: block;
    /*font-family: "FontAwesome";*/
	font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
}
.ie9 .footer_inner_t .inner dd a span{
    font-weight: normal;
}
.ie7 .footer_inner_t .inner dd a span, .ie8 .footer_inner_t .inner dd a span{
    font-size: 14px;
}

.footer_inner_t .inner a{
    padding: 0 3px;
    margin-bottom: 15px;
    display: block;
    font-size: 14px;
}
.footer_inner_t .inner dd a:hover{
    color: #fff;
}
.footer_inner_b .inner{
    width: 980px;
    margin: 0 auto;
    text-align: center;
}
.footer_inner_b .inner p{
    color: #9c9c9c;
    font-size: 14px;
}
.banner{
    width: 100%;
    height: 414px;
    overflow: hidden;
}
.slideBox{  overflow:hidden; position:relative; height: 414px;width: 980px; margin: 0 auto;   } 
.slideBox .hd{ 
    width: 100%;
    height: 32px;
    line-height: 32px;
  } 
.slideBox .hd ul li:last-child{
    width: 34%;
} .slideBox .hd ul li{    width: 33%; height: 32px; background: #7893a2;    overflow: hidden; cursor:pointer;float: left;    text-align: center;    background: url(../image/header_bg_on.png) repeat-x 0 0;    font-size: 14px;    color: #ffffff;} 
.slideBox .hd ul li.on{
    background: url(../image/banner_on.jpg) repeat-x 0 0;
    color: #333;
} 
.slideBox .bd{ position:relative; height:381px; z-index:0;   } 
.slideBox .bd li{
    height: 381px;width: 100%; 
}
.slideBox .bd li a{
    display: block;
    width: 100%;
    height: 100%;
}
.main_box{
    width: 980px;
    margin: 15px auto 70px;
}
.main_box .sider_nav{
    width: 211px;
}
.main_box .sider_nav li a{
    display: block;
    background: #fff;
    font-size: 14px;
    text-align: center;
    padding: 15px 15px;
    color: #666;
    border-bottom: 1px solid #ededed;
}
.main_box .sider_nav li a span{
    font-size: 12px;
    /*font-family: "FontAwesome";*/
}
.main_box .sider_nav li .on,.main_box .sider_nav li a:hover{
    background: #0086bb;
    color: #fff;
}
.main_box .r_content{
    width: 750px;
}

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

.d_banner{
    width: 980px;
    margin: 0 auto;
}





/*index*/

.index_page .main_box .r_content li{
    float: left;
    width: 240px;
    margin-right: 13px;
}
.index_page .main_box .r_content li img{
    width: 240px;
}
.index_page .main_box .r_content ul{
    margin-right: -15px;
}
.index_page .main_box .r_content li .tit{
    font-size: 14px;
    color: #1a92b2;
    margin: 5px 0;
    display: block;
}
.index_page .main_box .r_content li .tit span{
    font-size: 14px;
}
.index_page .main_box .r_content .t_box{
    padding-bottom: 25px;
    border-bottom: 1px dotted #646464;
    margin-bottom: 15px; 
}
.index_page .main_box .r_content li p{
    color: #626262;
}
.index_page .main_box .r_content li p span{
    font-size: 12px;
}


/*about_page*/
.about_page .main_box .r_content p{
    font-size: 14px;
}
.about_page .main_box .r_content li {
    color: #0086bb;
    font-size: 14px;
}
.about_page .main_box .r_content ul{
    margin-bottom: 20px;
}


/*news_page*/
.news_list_page .r_content li{
    border-bottom: 1px solid #cbcbcb;
}
.news_list_page .r_content li a{
    display: block;
    color: #000;
    padding: 5px 10px;
}
.news_list_page .r_content li a:hover{
    background: #e6ebea;
    color: #0086bb
}
.news_list_page .r_content li a p{
    font-size: 14px;
}
.pager{
    width: 100%;
    height: 42px;
    line-height: 42px;
    position: relative;
    background: #0086bb;
    margin-top: 30px;
}
.pager .prev_btn,.pager .next_btn{
    position: absolute;
    top: 6px;
}
.pager .prev_btn{
    width: 16px;
    height: 30px;
    left: 5px;
    background: url(../image/l.png) no-repeat 0 0;
}
.pager .next_btn{
    right: 5px;
    width: 16px;
    height: 30px;
    background: url(../image/r.png) no-repeat 0 0;
}
.pager{
    text-align: center;
}
.pager .num a{
    color: #fff;
    font-size: 14px;
    margin: 0 5px;
}
.pager .num .on,.pager .num a:hover{
    color: #11ab61
}

.news_page .r_content .hd{
    text-align: center;
    margin-bottom: 20px;
}
.news_page .r_content .hd h1{
    color: #0086bb;
    font-size: 18px;
    border-bottom: 1px solid #afafaf;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.news_page .r_content .hd p{
    color: #585858;
}
.news_page .r_content .bd p{
    font-size: 14px;
    margin-bottom: 10px;
}
.news_page .r_content .bd img{
    max-width: 750px;
}
.news_page .r_content .bd .img{
    text-align: center;
    padding: 20px 0;
}
.news_page .r_content .ft{
    padding-top: 20px;
}
.news_page .r_content .ft a,.news_page .r_content .ft li{
    font-size: 14px;
}
.news_page .r_content .ft li{
    margin-bottom: 5px;
}
.news_page .r_content .ft a:hover{
    color: #0086bb;
}


/*case*/
.case_list_page .r_content ul{
    margin-right: -15px;
}
.case_list_page .r_content li{
    float: left;
    width: 238px;
    height: 268px;
    margin-right: 13px;
    margin-bottom: 10px;
}
.case_list_page .r_content li a{
    display: block;
    border: 1px solid #d6d6d6;
    padding: 10px 15px;
    color: #6f6f6f;

}
.case_list_page .r_content li a:hover{
    border: 1px solid #0086bb;
    color: #0086bb;
}
.case_list_page .r_content li a img{
    width: 210px;height: 140px;
}
.case_list_page .r_content li a p{
    font-size: 14px;
    text-align: center;
    padding: 5px 0;
}
.case_page .r_content .inner{
    /*padding: 10px;
    background: #fff;*/
}

.case_page .r_content .intro_box dt{
    font-size: 18px;
    color: #0086bb;
    font-weight: bold;
    margin-bottom: 20px;
}
.case_page .r_content .intro_box dd{
    color: #333;
}


/*productlist_page*/
.productlist_page .r_content .p1{
    color: #0086bb;
    font-size: 14px;
    margin-bottom: 30px;
}
.productlist_page .r_content .p2{
    font-size: 14px;
    margin-bottom: 30px;
}
.productlist_page .r_content .u1{
    color: #0086bb;
    font-size: 14px;
    margin-bottom: 30px;
}
.productlist_page .r_content ul li{
    font-size: 14px;
}
.productlist_page .r_content .u2{
    margin-bottom: 30px;
}
.productlist_page .main_box .goods_box li{
    float: left;
    width: 240px;
    height: 310px;
    margin-right: 13px;
}
.productlist_page .main_box .goods_box li img{
    width: 240px;
}
.productlist_page .main_box .goods_box ul{
    margin-right: -15px;
}
.productlist_page .main_box .goods_box li .tit{
    font-size: 16px;
    color: #1a92b2;
    font-weight: bold;
    margin: 5px 0;
    display: block;
}
.productlist_page .main_box .goods_box li .tit span{
    font-size: 14px;
}
.productlist_page .main_box .t_box{
    padding-bottom: 15px;
    border-bottom: 1px dotted #646464;
    margin-bottom: 20px; 
}
.productlist_page .main_box .goods_box li p{
    color: #626262;
}
.productlist_page .main_box .goods_box li p span{
    font-size: 12px;
}


.product_page .r_content .hd{
    font-weight: bold;
    font-size: 19px;
    color: #0086bb;
    margin-bottom: 30px;
}
.product_page .r_content .bd .p1{
    color: #0086bb;
    margin-bottom: 20px;
}
.product_page .r_content .bd .p2{
    margin-bottom: 20px;
}
.product_page .r_content .tab_box{
    background: #fff;
    padding: 15px;
    padding-top: 5px;
}
.product_page .r_content .tab_box .h {
    border-bottom: 2px solid #dedede;
}
.product_page .r_content .tab_box .h li{
    float: left;
    margin-right: 30px;
    margin-bottom: -2px;
}

.product_page .r_content .tab_box .h li a{
    color: #0086bb;
    padding-bottom: 10px;
    font-size: 14px;
    display: block;
}
.product_page .r_content .tab_box .h li .on{
    border-bottom: 2px solid #0086bb;
}
.product_page .r_content .tab_box .item_box{
    display: none;
}
.cpzl_box{
    padding-top: 12px;
}
.cpzl_box li{
    float: left;
    margin: 0 80px 40px 0;
    display: inline;
}
.cpzl_box li img{
    width: 105px;
    height: 145px;
}
.cpzl_box li .txt{
    margin-left: 115px;
}
.cpzl_box li .txt dt{
    margin-bottom: 10px;
}
.cpzl_box li .txt dt a{
    font-weight: bold;
    font-size: 16px;
    color: #0086bb;
}
.cpzl_box li .txt dd{
    font-size: 14px;
}
.cpzl_box li .txt dd a{
    color: #0086bb;
}
.yyal_box {
    padding-top: 20px;
}
.yyal_box ul{
    margin-right: -30px;
}
.yyal_box li{
    float: left;
    width: 210px;
    height: 140px;
    position: relative;
    margin: 0 37px 25px 0;
    display: inline;
    *margin: 0 30px 25px 0;
}
.yyal_box li img{
    width: 210px;
    height: 140px;
}
.yyal_box li .bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0086bb;
    opacity: 0.8;
    filter:alpha(opacity=80);
    display: none;
}
.yyal_box li .tit{
    padding: 0 10px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    text-align: center;
    overflow:hidden;
    display: none;
}
.yyal_box li  .in{
    display:table-cell; vertical-align:middle;
    width: 100%;
    text-align: center;
    height: 140px;
}
.yyal_box li .s{
    vertical-align: middle;
    font-weight: bold;
    font-size: 16px;
}


#pagesize li{ list-style: none;width:auto;height:auto;}

