/* CSS Document */
@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
/**{transition: all 300ms cubic-bezier(.4, 0, .2, 1); -moz-transition: all 300ms cubic-bezier(.4, 0, .2, 1);-webkit-transition: all 300ms cubic-bezier(.4, 0, .2, 1); -o-transition: all 300ms cubic-bezier(.4, 0, .2, 1); -ms-transition: all 300ms cubic-bezier(.4, 0, .2, 1);}*/
body {
    font-family:'微软雅黑', 'YaHei', '黑体', 'Hei', Tahoma, Helvetica, arial, sans-serif;
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}
a:hover{
    text-decoration: none;

}
/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
a{
    text-decoration:none;
    color: #323232;
    font-size: 15px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

ul::after{
    content: '';
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}

ul li{
    *zoom: 1;
}


/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;}
/* 通用样式 */
.middle{ width:1160px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.clear{clear: both;}

.min_img{
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.min_img img{ max-width:100%; height:100%}
.min_img>img{
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.min_img>img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.max_over{
    display: inline-block;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*头部开始*/
.hd-top{
    height: 41px;
    line-height: 41px;
    background: #eeeeee;
}

.hd-top h3{
    font-size: 15px;
    color: #5a5a5a;
    font-weight: 400;
}

.hd-lx a{
    font-size: 15px;
    color: #5a5a5a;
    padding: 0 5px;
}

.hd-lx{
    font-size: 15px;
    color: #5a5a5a;
}

.hd-lx a:hover{
    color: #1684cb;
}

.hd-main{
    height: 120px;
    overflow: hidden;
    *zoom: 1;
}

.hd-logo{
    display: block;
    margin-top: 25px;
}

.hd-top-ct h3{
    font-size: 15px;
    color: #292929;
    font-weight: 400;
}

.hd-top-ct h3 span{
    font-size: 25px;
    color: #1684cb;
    font-weight: bold;
}

.hd-sc>form{
    background:  url(http://www.h808.cn/style/images/hd_sc.png) 0 0 no-repeat;
    width: 298px;
    height: 32px;
    margin-top: 10px;
}

.hd-sc>form input[type="text"]{
    width: 240px;
    margin-left: 7px;
    height: 32px;
    background: none;
    border: none;
}
.hd-sc>form input[type="submit"]{
    width: 42px;
    height: 32px;
    background: none;
    border: none;
    cursor: pointer;
}

.hd-sc{
    margin-top: 40px;
}

/*导航*/

.hd-nav{
    background: #1684cb;
    height: 60px;
}

.hd-nav ul li{
    height: 48px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.hd-nav ul li a{
    height: 15px;
    line-height: 15px;
    color: #ffffff;
    font-size: 15px;
    padding: 0 42px;
    border-right: 1px solid rgba(255,255,255,0.8);
    margin-top: 17px;
    display: block;
}


.hd-nav ul li:hover{
    background: #005993;
}

.hd-nav ul li:hover a{
    border-right: 1px solid rgba(255,255,255,0);
}



/* flexslider */
.flexslider {

    position:relative;
    width:100%;
    overflow:hidden;
    zoom:1;
}
.flex-viewport {
    max-height:2000px;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    transition:all 1s ease;
}
.flexslider .slides {
    zoom:1;
}
.flex-direction-nav a {
    width:60px;
    height:90px;
    line-height:99em;
    overflow:hidden;
    margin:-60px 0 0;
    display:block;
    background:url(http://www.h808.cn/style/images/ad_ctr.png) no-repeat;
    position:absolute;
    top:50%;
    z-index:10;
    cursor:pointer;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:all .3s ease;
}



.flex-direction-nav .flex-next {
    background-position:0 -90px;
    right:0;
}
.flex-direction-nav .flex-prev {
    left:0;
}
.flexslider:hover .flex-next {
    opacity:0.8;
    filter:alpha(opacity=25);
}
.flexslider:hover .flex-prev {
    opacity:0.8;
    filter:alpha(opacity=25);
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
    opacity:1;
    filter:alpha(opacity=50);
}
.flex-control-nav {
    width:100%;
    position:absolute;
    bottom:50px;
    text-align:center;
}
.flex-control-nav li {
    margin:0 5px;
    display:inline-block;
    zoom:1;
    *display:inline;
}
.flex-control-paging li a {
    background:url(http://www.h808.cn/style/images/dot.png) no-repeat 0 -16px;
    display:block;
    height:16px;
    overflow:hidden;
    text-indent:-99em;
    width:16px;
    cursor:pointer;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}
.flex-control-paging li a.flex-active {
    background-position:0 0;
}

.img{
    height:590px;
}

/*产品中心*/
.pt-hd{
    text-align: center;
    margin: 80px 0 50px;
}

.pt-hd p{
    font-size: 25px;
    color: #434343;
    text-transform: uppercase;
}

.pt-hd h3{
    background:  url(http://www.h808.cn/style/images/hd-h3.png) center no-repeat;
    font-size: 25px;
    color: #434343;
    font-weight: 400;
    margin: 11px 0 32px;
}

.pt-hd span{
    font-size: 15px;
    color: #646363;
}

.pt-left{
    width: 266px;
}

.pt-l-hd{
    background:  url(http://www.h808.cn/style/images/hd-l-bj.jpg) 0 0 no-repeat;
    width: 266px;
    height: 104px;

}

.pt-l-hd>div{
    padding: 30px;
}


.pt-l-hd h3{
    font-size: 22px;
    color: #ffffff;
}

.pt-l-hd p{
    font-size: 18px;
    color:rgba(255,255,255,0.5);
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 5px;
}

.pt-l-nav{
    background: #f7f7f7 url(http://www.h808.cn/style/images/pt-nav-bj.jpg) bottom center no-repeat;
    overflow: hidden;
    *zoom: 1;
    padding: 0 12px 175px;
}

.pt-l-nav ul li a{
    font-size: 15px;
    color: #6c6c6c;
    display: block;
}

.pt-l-nav ul li{
    line-height: 56px;
    border-bottom: 1px solid #dfdfdf;
    padding: 0 6px;
    background:  url(http://www.h808.cn/style/images/yjt.png) 228px center no-repeat;
}

.pt-l-nav ul li a:hover{
    color: #1684cb;
}

.pt-right{
    width: 863px;
}

.pt-list ul li{
    width: 266px;
    text-align: center;
    margin-right: 32px;
    margin-bottom: 25px;
}

.pt-list ul li:nth-child(4n){
    margin-right: 0;
}


.pt-img{
    width: 266px;
    height:200px;     background: #F0F0F0 ; padding:3px; border:1px solid #F0F0F0

}
.pt-img img{ width:100%; height:100%}
.pt-list ul li h3{
    font-size: 15px;
    color: #6c6c6c;
    font-weight: 400;
    line-height: 37px;
}


.pt-list ul li:hover h3{
    color: #1684cb;
}

.zx-zx{
    display: block;
}

.zx-zx img{
    max-width: 100%;
}

/*选择我们的四大理由*/

/*.chos-text{*/
    /*width: 458px;*/
/*}*/

/*.choose{*/
    /*background:  url(http://www.h808.cn/style/images/cs-bj.jpg) top center no-repeat;*/
    /*overflow: hidden;*/
    /**zoom: 1;*/
/*}*/

/*.chos-hd{*/
    /*font-size: 33px;*/
    /*color: #1684cb;*/
    /*font-weight: bold;*/
    /*text-align: center;*/
/*}*/

/*.chos-hd span{*/
    /*color: #85bb2b;*/
/*}*/

/*.chos-hd h3{*/
    /*background:  url(http://www.h808.cn/style/images/li-hbj.png) center no-repeat;*/
/*}*/

/*.chos-hd p{*/
    /*font-size: 16px;*/
    /*color: #212121;*/
    /*text-transform: uppercase;*/
    /*margin-top: 15px;*/
/*}*/

/*.chos-hd{*/
    /*margin: 78px 0 84px;*/
/*}*/

/*.chos-thd{*/
    /*width: 458px;*/
    /*height: 72px;*/

/*}*/

/*.chos-thd>div{*/
    /*padding:17px 0 17px 83px;*/
/*}*/

/*.chos-thd h3{*/
    /*font-size: 20px;*/
    /*color: #414141;*/

/*}*/
/*.chos-thd p{*/
    /*font-size: 12px;*/
    /*color: #848484;*/
    /*transform-origin: left;*/
    /*-webkit-transform: scale(0.9);*/
    /*-moz-transform: scale(0.9);*/
    /*-ms-transform: scale(0.9);*/
    /*-o-transform: scale(0.9);*/
    /*transform: scale(0.9);*/

    /*margin-top: 5px;*/
/*}*/


/*选择我们的四大理由*/
.ly{
    background:  url(http://www.h808.cn/style/images/cs-bj.jpg) top center no-repeat;
    height: 1103px;
    overflow: hidden;
    *zoom: 1;
    margin-top: 75px;
}

.ly_hd h3{
    font-size: 33px;
    color: #1684cb;
}

.ly_hd h3 span{
    color: #85bb2b;
}

.ly_hd {
    text-align: center;
    margin: 80px 0;
}

.ly_hd p{
    font-size: 16px;
    color: #212121;
    text-transform: uppercase;
    margin-top: 5px;
}

.ly_text{

    padding-left: 18px;
    width: 382px;
    font-size: 15px;
    color: #5e5d5d;
    text-align: justify;
    line-height: 1.8em;
    margin-left: 54px;
    margin-top: 28px;
    margin-bottom: 40px;
}

.hdd{
    width: 458px;
    height: 72px;
    overflow: hidden;
    *zoom: 1;

}

.hdd div{
    padding: 17px 0 0 83px;
}

.hdd h3{
    font-size: 20px;
    color: #414141;
}


.hdd p{
    font-size: 12px;
    color: #848484;
    text-transform: uppercase;
    margin-top: 5px;
}

.ly_left{
    width: 457px;
}

/*关于我们*/

.pt_hd{
    text-align: center;
    margin: 82px 0 50px;
}

.pt_hd p{
    font-size: 25px;
    color: #434343;
    text-transform: uppercase;
}

.pt_hd h3{
    color: #434343;
    font-size: 25px;
    font-weight: 400;
    margin-top: 5px;
}

.pt_hd h3 span{
    color: #1684cb;
    padding: 0 10px;
}

.pt_hd em{
    font-size: 15px;
    color: #646363;
    font-style: normal;
    margin-top: 32px;
    display: block;
}


.ab_us{
    background:  url(http://www.h808.cn/style/images/ab_bj.jpg) top center no-repeat;
    height: 751px;
    overflow: hidden;
    *zoom: 1;

}


.ab_left{
    width: 549px;
    height: 419px;
    border: 15px solid #ffffff;
}

.ab_right {
    width: 534px;
}

.ab_right h3{
    display: inline-block;
    font-size: 24px;
    color: #f5fbff;
    font-weight: 400;
    border-bottom: 2px solid #FF9900;
    height: 32px;
}

.ab_right  p{
    font-size: 15px;
    color: #ffffff;
    text-align: justify;
    line-height: 1.5em;
    margin-top: 35px; line-height:32px
}

.ab_right a{
    width: 124px;
    height: 39px;
    background: #FF9900;
    color: #ffffff;
    display: block;
    text-align: center;
    line-height: 39px;
    margin-top: 38px;
}

.ab_right a:hover{
    background: #1684cb;
}

/*新闻中心*/
.news_left{
    width: 764px;
}

.newsl_hd{
    height: 39px;
    background: #1684cb;
}

.newsl_hd ul li a{
    display: block;
    width: 142px;
    height: 36px;
    line-height: 36px;
    margin-top: 3px;
    color: #ffffff;
    font-size: 17px;
    text-align: center;
}


.newsl_hd ul li a:hover{
    background: #ffffff;
    color: #6c6c6c;
}

.newsl_hd ul li{
    margin-left: 3px;
}

.newsl_hd>a{
    font-size: 13px;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 37px;
    margin-right: 12px;
}

.news_img{
    width: 469px;
    height: 253px;
}

.news_img img{
    max-width: 469px;
    max-height: 253px;
}

.newtj_r{
    width: 276px;
    margin-top: 4px;
}

.newtj_r a{
    font-size: 20px;
    color: #3e3e3e;
    border-bottom: 1px solid #dbdbdb;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 2em;
    display: block;
    font-weight: bold;
}

.newtj_r a:hover{
    color: #1684cb;
}

.newtj_r p{
    font-size: 15px;
    color: #808080;
    line-height: 1.8em;
    text-align: justify;
    margin-top: 21px;
}

.a_more{
    width: 97px;
    height: 31px;
    text-align: center;
    line-height: 31px;
    overflow: hidden;
    background: #85bb2b;
    color: #ffffff!important;
    font-size: 15px!important;
    font-weight: 400!important;
    margin-top: 30px;
}

.a_more:hover{
    background: #1684cb;
    color: #ffffff!important;
}

.new_tj{
    margin-top: 36px;
}

.news_llist ul li{
    width: 49%;
    float: left;
    line-height: 55px;
    border-bottom: 1px dashed #eee;
}

.news_llist ul li:nth-child(2n){
    float: right;
}

.news_llist ul li a{
    font-size: 15px;
    color: #5b5b5b;
    background:  url(http://www.h808.cn/style/images/news_jt.png) left center no-repeat;
    display: block;
    padding-left: 15px;
    width: 225px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news_llist ul li p{
    font-size: 15px;
    color: #5b5b5b;
}

.news_llist ul li a:hover{
    color: #1684cb;
}

.news_llist{
    margin-top: 10px;
}

.news_right{
    width: 350px;

    overflow: hidden;

}

.news_llist2{
    background: #f9f9f9;
    border: 1px solid #efefef;
    margin-top: 0;
    padding:10px;

    overflow: hidden;
}

.news_llist2 ul li{
    width: 100% ;
}

/*友情链接*/
.fd_link{
    height: 74px;
    background: #eeeeee;
    overflow: hidden;
    *zoom: 1;
    margin-top: 65px;
}

.fd_link h3{
    font-size: 18px;
    color: #005993;
    margin-top: 25px;
}


.fd_link h3 p{
    font-size: 15px;
    color: #676767;
    font-weight: 400;
}

.fd_link ul li a{
    font-size: 15px;
    color: #6c6c6c;
    line-height: 74px;
}

.fd_link ul li{
    margin-left: 40px;
}


.fd_link ul li a:hover{
    color: #1684cb;
}



/*底部开始*/
.ft_nav{
    text-align: center;
    margin-top:33px;
}

.ft_nav ul{
    display: inline-block;

}

.ft_nav ul li a{
    font-size: 15px;
    color: #ffffff;
    padding: 0 22px;
}

.ft_nav ul li a:hover{
    text-decoration: underline;
}

.ft_nav ul li{
    font-size: 15px;
    color: #ffffff;
}


.footer{
    background: #005993;
    height: 240px;
    overflow: hidden;
    *zoom: 1;
}

.ft_logo{
    text-align: center;
    margin-top: 40px;
}

.ft_ct{
    text-align: center;
    font-size: 15px;
    color: #c3d0de;
    line-height: 1.8em;
    margin-top: 42px;
}

.ft_ct span{
    padding: 0 18px;
}

.ft_cpy{
    text-align: center;
    font-size: 15px;
    color: #c3d0de;
    margin-top: 25px;
}

.ft_cpy span{
    padding:  0 15px;
}


/*产品中心*/

.this-add{
    padding: 0 15px;
    border: 1px solid #eee;
    line-height: 35px;
    font-size: 15px;
    color: #5a5a5a;
    margin-bottom: 25px;
}

.this-add a{
    font-size: 15px;
    color: #5a5a5a;
}

.this-add a:hover{
    color: #1684cb;
}

.page{
    margin: 45px 0;
}




/*新闻中心开始*/
.new_img{
    width: 198px;
    height: 132px;
}


.new_img img{
    width: 198px;
    max-height: 132px;
}



.news_text{
    width: 640px;
}


.news_text a{
    font-size: 16px;
    color: #323233;
    display: block;
    max-width: 620px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;

}


.news_text a:hover{
    color: #3b7dc8;
}


.news_text p{
    font-size: 15px;
    color: #909090;
    line-height: 1.5em;
    text-align: justify;
    margin-top: 20px;
    height: 63px;
    overflow: hidden;
}


.news_text span{
    font-size: 12px;
    color: #909090;
    display: block;
    margin-top: 20px;
}


.news_list ul li{
    padding: 20px 0;
    border-bottom: 1px dashed #eeeeee;
}


.news_list ul li:nth-child(1){
    padding-top: 0;
}



/*---------------------------------show_新闻-----------------*/
.page_content{
    background: #ffffff;
    padding: 15px 30px 45px;
    overflow: hidden;
    *zoom: 1;
    border: 1px solid #eee;
}

.page_h3{
    text-align: center;
    margin-top: 10px;

}


.page_h3 h3{
    font-size: 23px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 15px;
}

.page_h3 p{
    font-size: 12px;
    color: #5a5a5a;
    margin-bottom: 15px;
}

.page_ct{
    font-size: 15px;
    color: #8A9094;
    line-height: 2em;
    text-align: justify;
}

.page_ct img{
    max-width: 100%;
}


.banner{ height:590px; overflow:hidden}

#menu-footer li{ display:inline; padding:0px 10px;border-right:1px solid #DEECF8}
#menu-footer li:last-child{ border-right:none}