@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
body{
    font-family: Arial,"微软雅黑";
    background: #13335B url(../images/bg-repeat.png) repeat-x left top;
}
.clear:after{content: "."; display:block; height:0; clear:both; visibility:hidden;}/*for w3c*/ 
.clear{zoom:1;}/*for IE*/
.content{ width:960px; margin:0px auto;}
.relative{position: relative; z-index: 100;}
.b{font-weight:bold;}
.hide{display: none !important;}

/*--------logo login------------*/
.top_logo_login{
    padding: 10px 0px;
    height: 40px;
}
.top_logo_login .logo{
    float: left;
}
.top_logo_login .login{
    float: right;
    font-size: 13px;
    padding: 10px 0px 0px;
    color: #666;
}
.top_logo_login .global{
    background: url(../images/global_small.png) no-repeat left center;
    padding: 0px 0px 0px 16px;
    float: left;
}
.top_logo_login .global label{
    margin-left: 12px;
    display: inline-block;
    background: url(../images/earth_map_small.png) no-repeat left center;
    padding: 0px 0px 0px 26px;
}
.top_logo_login .global select{
    background: #EEE;
    border: #CCC 1px solid;
    color: #666;
}
.top_logo_login .login_button{
    float: left;
}
.top_logo_login .login_button a{
    padding: 4px 8px;
    text-align: center;
    display: block;
    float: left;
    text-decoration: none;
    background: #CCC;
    color: #666;
    margin-left:10px;
    /*border-radius: 4px;*/
}
.top_logo_login .login_button a:hover{
    background: #12325A;
    color: #FFF;
}
.top_logo_login .search{
    padding: 0px 0px 0px 10px;
}
.top_logo_login .search label{
    float: left;
}
.top_logo_login .search input{
    background: #FEFEFE;
    border: #CCC 1px solid;
    height: 22px;
    vertical-align: middle;
    width: 130px;
}
.top_logo_login .search button{
    height: 24px;
    width: 26px;
    background: #AAA url(../images/search_white.png) no-repeat center center;
    border:#AAA 1px solid;
    vertical-align: middle;
    float: left;
    cursor:pointer;
}

/*---------nav menu---------------*/
.nav_bar{
    background: #12325A; 
    font-size: 15px;
    white-space: nowrap;
}
.nav_bar .nav_menu{
    line-height: 38px;
}
.nav_bar .nav_menu li{
    float: left;
    padding: 1px 0 0 1px;
    /*margin-right: 2px; */
    vertical-align: middle; 
    color: #EFEFEF;
    position: relative;
    z-index: 5000;
    border-left: #677483 1px solid;
    border-right: #111 1px solid;
}
.nav_bar .nav_menu li.first{
    border-left: 0 none;
}
.nav_bar .nav_menu li.last{
    border-right: 0 none;
}
.nav_bar .nav_menu a{
    display: block;
    padding: 0px 12px;
    color: #EFEFEF; 
    height: 38px;
    text-decoration: none;
    text-align: center;
}
.nav_bar .nav_menu a.about{
    width: 127px;
}
.nav_bar .nav_menu a.products{
    width: 105px;
}
.nav_bar .nav_menu a.quality{
    width: 120px;
}
.nav_bar .nav_menu a.technical{
    width: 129px;
}
.nav_bar .hover a,.nav_bar .nav_menu a.current{
    background: #EFEFEF; 
    color: #12325A;
}
.nav_bar .hover .submenu{
    display: block;
}

.nav_bar .submenu{
   position: absolute;
   top: 40px;
   left: 1px;
   z-index: 1000;
   background: #EFEFEF;
   font-size: 13px;
   display: none;

    -moz-box-shadow: 1px 2px 1px #666;
    -webkit-box-shadow: 1px 2px 1px #666;
    box-shadow: 1px 2px 1px #666;
    filter: progid:DXImageTransform.Microsoft.Shadow(strength = 2, direction = 157.5, color = '#666');
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 157.5, Color = '#666')";
}
.nav_bar .submenu a{
    background: #EFEFEF;
    color: #12325A;
    border-bottom: #AAA 1px dotted;
    text-align: left;
}
.nav_bar .submenu a:hover{ 
    color: #ff7200;
    background: #DDD;
}
/*-----------nav_second--------------*/
.nav_second{
    margin: 16px auto 0;
    font-size: 13px;
    border-bottom:#12325A 1px solid;
    padding: 0 0 6px;
    color: #444;
}
.nav_second a{
    margin:0 0 0 2px;
    color: #444;
    text-decoration: none;
}
.nav_second a:hover{
    color: #12325A;
}

/*----------focus_banner-------------*/
.focus_banner,.focus_banner_about,.focus_banner_products{
    margin: 16px auto 0px;
    padding: 1px;
    width: 956px;
    height: 200px;
    border:#AAA 1px solid;
    overflow: hidden;
    background: #FFF;
}
.focus_banner_about,.focus_banner_products{
    height: 100px;
}
.focus_banner .mask,.focus_banner .loading{
    text-align: center;
    position: absolute;
    left: 1px;
    top: 1px;
}
.focus_banner .mask_inner,.focus_banner .loading{
    width: 956px;
    height: 200px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
}
.focus_banner .link{
    position: absolute;
    right: 6px;
    bottom: 6px;
}
.focus_banner .link a{
    background: #EFEFEF;
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    border:#CCC 2px solid;
    margin-left: 6px;
    overflow: hidden;
    text-indent: -999em;
    border-radius: 8px;
}
.focus_banner .link a:hover,.focus_banner .link a.current{
    background: #12325A;
}

/*--------index_products------------*/
.content_band{
    padding: 26px 0px 0px;
    font-size: 13px;
}
.content_band2{
    padding: 10px 0 0;
}
.content_band h3{
    font-size: 15px;
    padding: 6px;
    background: #334e7d;
    border-bottom: #1f2f4c 2px solid;
    /*border-top-left-radius: 6px;
    border-top-right-radius: 6px;*/
    position: relative;
    z-index: 200;
    color: #DDD;
}
.content_band h3 .more{
    position: absolute;
    right: 6px;
    top:8px;
}
.content_band h3 a{
    text-decoration: none;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #CCC;
}
.content_band h3 a:hover{
    color: #FFF;
}
.content_band .band{
    width: 310px;
    padding: 1px;
    border: #334e7d 1px solid;
    height: 200px;
    /*border-radius: 6px;*/
    background-color: #EEE;
}
.content_band .band li{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.content_band .left{
    float: left;
}
.content_band .middle{
    float: left;
    margin: 0 8px;
}
.content_band .right{
    float: right;
}
/*products*/
.index_products{
    width: 590px;
}
.index_products .list{
    padding: 0px 0px 8px;
}
.index_products .list img{
    width: 130px;
    height: 86px;
}
.index_products .list li{
    float:left;
    padding: 2px 10px 8px 0px;
}
.index_products .list a{
    /* border:#888 3px solid; */
    border:#666 2px solid;
    width: 130px;
    height: 86px;
    display: block;
    position: relative;
    z-index: 100;
    color: #FFF;
    text-decoration: none;
}
.index_products .list a:hover{
    border-color: #334E7D;
}
.index_products .list span{
    position: absolute;
    background-color: #96A0B1;
    background-color: rgba(51,78,125,0.4);
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 28px;
    line-height: 26px;
    text-indent: 4px;
    cursor: pointer;
}
.index_products .list a:hover span{
    background-color: rgba(51,78,125,0.8);
}
/*technical*/
.content_band .index_download{
    width: 360px;
    height: 190px;
}
.index_download .list span{
    margin-left: 10px;
    color: #999;
}
.index_download .tips{
    background: url(../images/alert.png) no-repeat 10px 14px;
    padding: 10px 0 0 38px;
    color: #777;
}
.index_download p{
    margin: 6px 14px;
    padding: 6px;
    background: #CCC;
}
.index_download p a{
    color: #777;
}
.index_download p a:hover{
    color: #ff7200;
}
.index_technical h3,.index_download h3,.index_news h3{
    /* background: #f3769c;
    border-bottom: #EF3E74 2px solid; */
}
.index_technical .list,.content_about .technical_content .band .list,.index_download .list,.index_news .list{
    background:url(../images/index_band_bg.png) no-repeat 100px -30px;
    padding:6px;
}
.index_technical .list{
    background:url(../images/index_band_bg2.png) no-repeat 100px -55px;
}
.content_about .technical_content .band .list,.index_download .list{
    background: none;
}
.index_technical .list li,.content_about .technical_content .band li,.index_download .list li,.index_news .list li{
    background:url(../images/pdf.gif) no-repeat 4px center;
    line-height: 26px;
    height: 26px;
    padding: 0px 0px 0px 26px;
}
.index_technical .list a,.content_about .technical_content .band a,.content_about .news_content .list a,.index_download .list a,.index_news .list a{
    text-decoration: none;
    color: #444;
}
.index_technical .list a:hover,.content_about .technical_content .band a:hover,.content_about .news_content .list a:hover,.index_download .list a:hover,.index_news .list a:hover{
    color: #111;
    text-decoration: underline;
}
.index_news .list li{
    background: url(../images/dot_arrow.png) no-repeat 4px center;
    padding: 0px 0px 0px 12px;
}
/*about*/
.index_about{
    background: url(../images/index_band_bg2.png) no-repeat 100px -30px;
}
.index_about h3{
    /* background: #ffab51;
    border-bottom: #FF8E14 2px solid; */
}
.index_about .list{
    color: #444;
    padding: 4px;
    line-height: 150%;
}
.index_about .list p{
    padding: 2px;
}
/*certification*/
.index_certification h3{
    /* background: #b7d481;
    border-bottom: #9dc553 2px solid; */
}
.index_certification .list li{
    padding: 10px 0px 0px 5px;
    float: left;
    width: 149px;
    height: 153px;
    overflow: hidden;
}
.index_certification .list img{
    width: 150px;
}

/*-------copyright---------*/
.copyright{
    margin-top: 26px;
    border-top: #334e7d 2px solid;
    background: #09192e;
    width: 100%;
    height: auto;
    font-size: 13px;
}
.copyright_content{
    padding: 10px;
    line-height: 180%;
    color: #CCC;
    text-align: center;
}

/*------------about-------------*/
.content_about{
    margin: 16px auto 0;
    font-size: 13px;
    color: #444;
}
.content_about .left_menu{
    width: 296px;
    float: left;
}
.content_about .left_menu .band{
    padding: 1px;
    border: #AAA 1px solid;
    /*border-radius: 6px;*/
    margin-bottom: 16px;
}
.content_about .left_menu h3{
    font-size: 15px;
    padding: 6px;
    background: #334e7d;
    border-bottom: #1f2f4c 2px solid;
    /*border-top-left-radius: 6px;
    border-top-right-radius: 6px;*/
    color:#DDD;
}
.content_about .left_menu .list{
    padding: 10px 6px;
}
.content_about .left_menu a{
    color: #444;
    text-decoration: none;
}
.content_about .left_menu a.current{
    color: #12325A;
}
.content_about .left_menu a:hover{
    text-decoration: underline;
    color: #111;
}
.content_about .left_menu li{
    padding: 3px 6px;
}
.content_about .right_content{
    /* width: 646px; */
    padding: 1px;
    border: #AAA 1px solid;
    /*border-radius: 6px;*/
    /* float: right; */
    background-color: #EEE;
}
.content_product_list .left_menu .list{
    background-color: #EEE;
}
.content_product_list .left_menu .band{
    margin-bottom: 0px;
}
.content_product_list .right_content{
    width: 646px;
    min-height: 700px;
    _height: 700px;
    float: right;
}
.content_product_list .right_content .band li{
    background: none;
    line-height: 100%;
    height: auto;
    padding: 14px;
    float: left;
    width: 130px;
    height: 131px;
    text-align: center;
}
.content_product_list .right_content img{
    margin-bottom: 6px;
    display: block;
}
.content_product_list .right_content .gallery{
    width: 600px;
    margin:23px auto 16px;
}
.content_product_list .right_content .detail_intro{
    width: 600px;
    margin:0px auto;
}
.content_product_list .right_content .detail_intro dt{
    background: #ccc;
    font-weight: bold;
    padding: 6px 8px;
}
.content_product_list .right_content .detail_intro label{
    font-weight: bold;
    padding: 0px 6px 0px 0px;
}
.content_product_list .right_content .detail_intro li{
    width: auto;
    float: none;
    height: auto;
    text-align: left;
    padding: 11px 8px 0px;
}
.product_category_list{
    background:#EEEEEE;
    min-height: 666px;
    _height: 666px;
}
.product_category_list dt{
    font-weight: bold;
    padding: 6px 6px 6px 12px;
    background: #DDDDDD url("../images/dot_arrow_2.png") no-repeat 4px 10px;
    cursor: pointer;
    margin: 1px 1px 0px;
    border-bottom: #AAA 1px solid;
}
.product_category_list dt.open{
    background-position: 2px -34px;
}
.content_about .product_category_list .list{
    padding: 4px 6px 12px;
    font-size: 12px;
    border-bottom: #AAA 1px solid;
}
.content_about .product_category_list li{
    padding: 0px;
}
.content_about .product_category_list a{
    padding: 4px 6px;
    display: block;
}
.content_about .product_category_list a:hover{
    text-decoration: none;
    background: #9ab7ea;
}
.content_about .product_category_list a.active{
    background: #ffab51;
}
.content_about .right_content h3{
    padding: 8px;
    background: #DDD;
    border-bottom: #AAA 2px solid;
    font-weight: bold;
    /*border-top-left-radius: 6px;
    border-top-right-radius: 6px;*/
}
.content_about .right_content p{
    padding: 6px;
    line-height: 150%;
}
/*------------technical------------*/
.content_about .technical_content,.content_about .news_content{
    /* width: 646px;
    float: right; */
    padding: 0px;
    border: 0 none;
    border: #AAA 1px solid;
}
.content_about .news_content .detail{
    padding: 10px;
}
.content_about .technical_content{
    /* border: #AAA 1px solid; */
}
.content_about .technical_content .band,.content_about .news_content .band{
    margin-bottom:16px;
    padding: 1px;
    /* border: #AAA 1px solid; */
    /*border-radius: 6px;*/
}

.content_about .right_content .contact_list,.content_about .news_content .list{
    padding: 6px;
}
.content_about .right_content .contact_list li,.content_about .news_content li{
    background: url(../images/trinity.png) no-repeat left center;
    padding: 8px 23px;
}
.content_about .news_content li{
    padding: 6px 10px 4px 23px;
}
.content_about .right_content .certification_list{
    padding: 6px 0px;
}

/*------------content_products-------------*/
.content_products{
    margin: 16px auto 0px;
    font-size: 13px;
}
.content_products h3{
    font-size: 15px;
    padding: 6px;
    background: #334e7d;
    border-bottom: #1f2f4c 2px solid;
    /*border-top-left-radius: 6px;
    border-top-right-radius: 6px;*/
    color: #DDD;
}
.content_products h3.band2{
    border-bottom:#FF8E14 2px solid; 
    background: #ffab51;
    color: #fff;
}
.content_products .list{
    padding: 6px;
}
.content_products li{
    padding: 3px;
}
.content_products a{
    text-decoration: none;
    color: #666;
}
.content_products a:hover{
    text-decoration: underline;
    color: #ff7200;
}
.content_products .band{
    padding: 1px;
    /* border: #AAA 1px solid; */
    border: #666 1px solid;
    /*border-radius: 6px;*/
    margin-bottom: 16px;
    background-color: #EEE;
}
.content_products .products_left,.content_products .products_middle,.content_products .products_right{
    float: left;
    width: 310px;
}
.content_products .products_middle{
    padding: 0px 15px;
}

/*---top_arrow-------*/
.top_arrow{
    position: fixed;

    right: 10px;
    bottom: 97px;

    width: 52px;
    height: 52px;

    display: none;
}
.top_arrow a{
    display: block;
    width: 100%;
    height: 100%;
    background: #334E7D url(../images/arrow_top.png) no-repeat center center;
    border: #6A7D95 1px solid;
}

.content_equipment p{
    height: 216px;
    text-align: center;
    padding: 6px 0px 0px;
}