body {margin:0; font:14px/1.5 \5b8b\4f53,Arial,sans-serif;font-family: "微软雅黑";overflow-x: hidden;width:100%;position:relative;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}
table,td,tr,th{font-size:12px;}
ol,ul {list-style:none;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
.hx a,.hx em,.fB{font-weight:bold;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a {text-decoration: none;color: #333;}
a:visited {text-decoration:none;}
a:hover {color:#ba2636;cursor: pointer;}
a:active {color:#ba2636;} 
.clearfix{ clear: both;}
.blank20{ margin-top: 20px; float: left;}
.blank10{ margin-top: 10px; float: left;}

.block{float:left;width:100%;position:relative;}

.indexLilong{width: 100%; height: 100%;position:relative;}
#header {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    height: 82px;
    z-index: 10;
    padding-top: 10px;
    background: url(../images/inner_header_bg.png) repeat;
}
#headerinner {
    width: 1140px;
    position: absolute;
    left: 50%;
    margin-left: -570px;
    margin-top: 22px;
    z-index: 2;
}

#header ul li {
    float: left;
    font-size: 16px;
    margin-left: 72px;
}
#header ul li a {
    font-weight: bold;
    float: left;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}
#header ul li.active a {color: #9c201b;background:url(../images/a_underline.png) repeat-x 100% 100%;}    
#header ul a:hover{color: #9c201b;background:url(../images/a_underline.png)repeat-x 100% 100%;}

/****图片轮播*****/
.pagebody {
    width: 100%;
    position: relative;
    height:100%;
    overflow: hidden;
    z-index: 1;
}
#homebanner {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
}

#homebanner .item{position:relative;height: 100%;}
#homebanner .item img{width:100%;height:100%;}
/**0908新增banner上logo，标语滑进**/
#homebanner .item .big_logo {width: 550px;position: absolute;left: 50%;top:47%;z-index: 10;margin-left: -1600px;}
#homebanner .item .biaoyu {width:560px;height: 32px;position: absolute;left: 50%;top:70%;z-index: 10;margin-left: 1950px;}
/******轮播状态小图标TODO*****/
.pagebody .iconBox {
    position: absolute;
    width: 100%;
    height: 10px;
    bottom: 80px;
    left: 0px;
    text-align: center;
    z-index:5;
}
.iconBox .tab_lab{
    position: relative;
    width:450px;
    left: 50%;
    margin-left: -225px;

}
.iconBox a{
    float: left;
    display:block;
    width:90px;
    height: 40px;
    color:#fff;
    text-indent:-99em;
    overflow:hidden;
    background: url(../images/tab_icon_03.png) -110px 0 no-repeat;
}
.iconBox a:hover{
    background: url(../images/tab_icon_03.png) -14px 0 no-repeat;
}
.iconBox a.selected{
    background: url(../images/tab_icon_03.png) -14px 0 no-repeat;
}
/****0818新bannaer图轮播小图标****/
.pagebody .iconBox2 {
    width: 100%;
    height: 26px;
    bottom: 80px;
    left: 0px;
    text-align: center;
    z-index:5;
}
#home-slider-pagination {
    position: absolute;
    bottom: 14%;
    z-index: 3;
    width: 450px;
    left: 50%;
    margin-left: -225px;
}
#home-slider-pagination a {
    float: left;
    display: block;
    position: relative;
    width: 26px;
    height: 26px;
    margin: 0 29px;
}
#home-slider-pagination a div {
    width: 26px;
    height: 26px;
    position: absolute;
    left: 0;
    top: 0;
}
#home-slider-pagination a div.top{background: url("../images/new_img_tab_white.png") center center no-repeat; cursor: pointer;}
#home-slider-pagination a div.unactive{background: url("../images/new_img_tab_red.png") center center no-repeat;}
#home-slider-pagination a.selected div.active{display:block}
#home-slider-pagination a.selected div.unactive{display:none}

/**通用导航***/
#ablock {
    width:100%;
    position: relative;
    z-index: 2;
}
#submain {
    width: 100%;
    z-index: 100;
    top: 0;
    background: url(../images/nav_bg.png) repeat;
    position: relative;
    left:0px;
}
#submain .nav_center{
    width:960px;
    height:58px;
    margin: 0 auto;
    vertical-align: middle;
}
#submain #logo{
    float:left;
    width:206px;
    height:58px;
    margin-top: 10px;
}
#submain ul {
    float: right;
    height: 50px;
    /*  background: url("../images/cover.png");*/
    margin-top:10px;
}
#submain ul li {
    display: block;
    height: 50px;
    float: left;
    margin-left:20px;
    margin-right:20px;
    margin-top:14px;
}
#submain ul li a {
    font-size: 16px;
    font-weight: bold;
    float: left;
    color: #333;
    cursor: pointer;
    text-decoration: none;
}
#submain li a.current {color: #9c201b;background:url(../images/a_underline.png) repeat-x 100% 100%;}    /**TODO**/
#submain ul a:hover{color: #9c201b;background:url(../images/a_underline.png) repeat-x 100% 100%;} 

/**关于我们***/
#aboutUs{width:100%;background: url(../images/about_bg_02.jpg) no-repeat center center;min-height:800px;}

#aboutUs .about-content{width:960px;min-height:680px;position:absolute;left:50%;top:50%;margin:-340px 0 0 -480px;}


#aboutUs .top{
    width:960px;
    float:left;
    margin-bottom:30px;
    margin-top: 70px;
}
#aboutUs .top .twoyears{
    float:left;
    width:350px;
    height: 270px;
}
#aboutUs .top .twoyears a{text-decoration: none;}
#aboutUs .top .twoyears div a:hover{text-decoration: underline;} 
#aboutUs .top .content{
    float:left;
    width:550px;
    height: 336px;
    overflow: auto;
    margin-left:50px;}
#aboutUs .top .content p {
    font-size: 13px;
    text-indent: 2em;
}
#flower {padding-left: 85px;background: url(../images/flower.png) left center no-repeat;margin-top: 40px; height: 83px;}
.twoyears .wmdw1{
    font-weight:bold;
    font-size:23px ;
    color:#333;
}
.twoyears .wmdw2{
    font-weight:bold;
    font-size:31px ;
    color:#9c201b;
}
#aboutUs .bottom{
    width:960px;
    height:232px;
    float:left;
}
#aboutUs .experience, #aboutUs .honer,#aboutUs .khfw, #aboutUs .sxal{
    float: left;
    width: 206px;
    height: 232px;
    background: url(../images/lbx.png)no-repeat;
    margin: 0 17px;
    position: relative;
}
/**关于我们--动态数字**/
#aboutUs .bottom span{
    color:#333;
}
#aboutUs .bottom span.num {
    display: block;
    font-family: "Letter Gothic Std";
    font-size: 56px;
    font-weight: bold;
    position: absolute;
    text-align: center;
    top: 58px;
    width: 100%;
}
#aboutUs .sxal span.num, #aboutUs .khfw span.num{
    width:80%;
}
#aboutUs span.plus {
    display: block;
    font-size: 50px;
    font-weight: bold;
    position: absolute;
    right: 0;
    text-align: center;
    top: 58px;
    width:40%;
}

#aboutUs .bottom p.en_words {bottom:49px;}
#aboutUs .bottom p{
    bottom: 41px;
    color: #767676;
    font-size: 16px;
    position: absolute;
    text-align: center;
    width: 100%;
}
/*********产品展示********/
#work{
    background: url(../images/production_bg.jpg) no-repeat center center;
    width:100%;
    overflow: hidden;
    position: relative;
    min-height:800px;
}
#work .work{height:100%}
div.jianjie {
    height: 100%;
}
#work div.item-list {
    height: 290px;
    margin-top: -145px;
    position: absolute;
    top: 50%;
    width: 100%;
}
/*#work div.item-list #jianjie li{float:left;width:430px;height:290px;}*/
/**图片上层阴影**/
#work .jianjie ul .shadowbg {
    background: rgba(0, 0, 0, 0) url("../images/fc_bg.png") repeat scroll 0 0;
    position: absolute;
    top: 0;
    z-index: 55;
    width:433px;
    height:290px;
    vertical-align: middle;
    margin: 0 auto;
}
#work .jianjie ul .shadowbg .main{text-align: center;
                                  /**0902以下为后加的***/                                
                                  position: absolute;
                                  z-index: 79;
                                  width: 433px;
                                  height: 299px;
}
#work .jianjie ul .shadowbg .main img{margin-top: 20px;}
#work .jianjie ul .shadowbg p{
    color: #fff;
    font-size: 24px;
    text-align: center;
    margin-top: 130px;
    margin-bottom: 5px;
}
#work .jianjie .shadowbg .bottom img {
    display: block;
    margin: 12px auto;
}
#work a.popup {
    display: none;/**0819修改，不需要靶心的图片**/
    height: 290px;
    position: absolute;
    width: 100%;
    z-index: 55;
}
#work .back{
    position: absolute;
    top: 0;
    z-index: 54;
    width:433px;
    height:290px;
}
#work .jianjie ul li {
    float: left;
    width:433px;
    height:290px;
    margin:0 13px;
    /*    overflow: hidden;*/
    position: relative;
    cursor: pointer;
}
/**左右切换小图标**/
#wleft {
    height: 56px;
    width: 33px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 5%;
    background: url("../images/pro_tab1.png");
    cursor: pointer;
    z-index: 100;
}
#wright {
    height: 56px;
    width: 37px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    right: 5%;
    margin-left: 536px;
    background: url("../images/pro_tab2.png");
    cursor: pointer;
    z-index: 100;
}

/***新闻中心***/
#newsCenter{width:100%;min-height:800px;background: url(../images/news_bg.jpg) no-repeat;}
#newsCenter .news_area{
    height: 680px;
    left: 50%;
    margin: -340px 0 0 -480px;
    position: absolute;
    top: 52%;
    width: 960px;
}
#newsCenter .title{
    position: absolute;
    left:-54px;
    width:481px;
    height:456px;
    background: url(../images/news_04.png) no-repeat;
}
#newsCenter >div{
    color: #666;
}
#newsCenter .title h3{
    font-size: 13px;
    width:150px;    
    text-align: left;
    margin-top: 64px;
}

#newsCenter .title #news1{
    text-align: center;
    position: absolute;
    top: 24px;
    left:168px;
}
#newsCenter .title a{color: #333;}
#newsCenter .title #news2{
    text-align: center;
    position: absolute;
    top: 124px;
    left:312px;
}
#newsCenter .title #news3{
    text-align: center;
    position: absolute;
    top: 306px;
    left: 264px;
}
#newsCenter .title #news4{
    text-align: center;
    position: absolute;
    top: 306px;
    left: 80px;
}
#newsCenter .title #news5{
    text-align: center;
    position: absolute;
    top: 124px;
    left:26px;
}
#newsCenter #more_news {
    position: absolute;
    top: 220px;
    right:200px;
    width:70px;
    height:50px;
    font-size: 13px;
    color: #666;
}
#newsCenter #more_news a{
    text-decoration: none;
    color: #9c201b;
}
#newsCenter #more_news a:hover {text-decoration: underline;}

/**新闻中心-右侧新闻内容**/
#newsCenter .content{
    display: none;
    position: absolute;
    left:536px;
    width:424px;
}
#newsCenter .content a{text-decoration: none;}
#newsCenter .content h2{
    font-size: 15px;
    color: #333;
    margin-bottom: 20px;
}
#newsCenter .content span{
    font-size: 13px !important;
    font-family: "微软雅黑" !important;
    color: #666 !important;
}
#newsCenter .content .news_detail{
    font-family: "微软雅黑" !important;
    font-size: 13px !important;
    line-height: 25px;
    color: #666 !important;
    margin-top: 30px;
    text-align: center;
    max-height: 500px;
    overflow-y: auto;/**内容超出范围滚动**/
    overflow-x: hidden;/**无横向滚动条**/
}
#newsCenter .content p{
    text-align: left;
    text-indent: 2em;
}
#newsCenter .content p img{max-width:420px;height: auto;}
#newsCenter .content .wraper{
    width: 430px;
    height: 490px;
    overflow: hidden;
}
/**联系我们**/
#contactUs{
    width:100%;
    position: relative;
    min-height: 540px;
    overflow: hidden;
    background: url(../images/map_bg.jpg) center no-repeat;
}
#contactUs #contact_layerout {width: 1300px;position: absolute;top:30%;z-index: 10;left: 50%;margin-left: -650px;color: #f0f0f0;font-size: 14px;}
#contactUs img.bg {
    position: absolute;
    top:0; 
    left:0;
    width:100%;
    height:100%;
}

#contactUs .contact_area_left, #contactUs .contact_area_center, #contactUs .contact_area_right {
    width:33.3%;
    height:100%;
    color: #f0f0f0;
    font-size: 14px;
    position:absolute;
    top:0px;
    margin: 0 auto;
}
/**左侧最外层（背景层）**/
#contactUs .contact_area_left{
    height:100%;
    color: #f0f0f0;
    font-size: 14px;
    float:left;
    left:0
        /*    left:-33.3%;*/

}

/**地址和电话包裹层**/
#contactUs .add_tel_wraper {
    float: left;
    height: 530px;
    width: 380px;

}
/**地址**/
#contactUs address{
    width: 350px;

}
#contactUs h3{
    font-size: 38px;
    font-weight: bold;
}
#contactUs address p{margin-top: 20px;}
#contactUs address p a {color: #f0f0f0;}
#contactUs address p a:hover {color: #9c201b;text-decoration: underline;}
#contactUs address p span{
    line-height: 38px;
}
/**电话·***/
#contactUs .tel{
    margin-top: 86px;
    display: none;/**0820暂时隐藏**/
}
#contactUs .tel ul{
    width: 360px;
    min-height: 160px;
}
#contactUs .tel ul li{
    float: left;
    width: 48%;
    list-style-image: url(../images/contact_li_03.png);
    padding-left: 5px;
    margin: 7px 0;
}

#contactUs .tel p.more{
    margin-top: 15px;
    margin-left: 220px;
}
#contactUs .tel p.more a{
    font-size: 12px;
    color: #f0f0f0;
    text-decoration: none;
}
#contactUs .tel p.more a:hover{
    color: #9c201b;
    text-decoration: none;
}
/***固定页底***/
#footer {
    z-index: 300;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 54px;
    background:#efefef;
    text-align: center;
    line-height: 38px;
}
#footer .copyright_area {
    position: relative;
    width:960px;
    height:42px;
    left: 50%;
    margin-left: -480px;
}
#footer .footer_content {
    color: #666;
    font-size: 12px;
    line-height: 82px;
    float: left;
}
#footer #beian {float: left;margin-right: 20px;}
#footer .right_icons a {
    float: right;
    width:34px;
    height:34px;
    margin:12px 0 24px 5px;
}
#footer a.erweima {
    position: relative;
    background: url(../images/footericons_bg.png) no-repeat top left;
} 
#footer a.erweima:hover {
    background: url(../images/footericons.png) no-repeat top left;
}
#footer a.weixin {
    background: url(../images/footericons_bg.png) no-repeat -58px 0;
}
#footer a.weixin:hover {
    background: url(../images/footericons.png) no-repeat -58px 0;
}
#footer a.weibo {
    background: url(../images/footericons.png) no-repeat -114px 0;
}
#footer a.weibo:hover{
    background: url(../images/footericons_bg.png) no-repeat -114px 0;
}
#footer a.sinca {
    background: url(../images/footericons.png) no-repeat -166px 0;
}
#footer  a.sinca:hover {
    background: url(../images/footericons_bg.png) no-repeat -166px 0;
}
#footer a.earth {
    background: url(../images/languange_cn.png) no-repeat top right;
} 
/**校友二维码***/
#footer #erweima_box{
    width: 115px;
    height: 115px;
    position: absolute;
    display: none;
    right: 188px;
    top:-90px;
}

/**微信二维码***/
#footer #weixin_box{
    width: 115px;
    height: 115px;
    position: absolute;
    display: none;
    right: 112px;
    top:-90px;
}

/**地球二维码***/
#footer #earth_box{
    width: 115px;
    height: 115px;
    position: absolute;
    display: none;
    right: 30px;
    top:-90px;
}
/**回到顶部**/
#backTop {
    background: #fff url("../images/backTop.png") no-repeat scroll 0 0;
    bottom: 44px;
    cursor: pointer;
    height: 62px;
    width: 62px;
    position: fixed;
    right: 30px;
    z-index: 55555;

}



/***新闻中心左侧效果***/
.why-us-active {
    position: absolute;
    display: none;
    background-repeat: no-repeat;   
}
#why-us-1-active{
    width:198px;
    height: 172px;
    left: 141px;
    background-image: url(../images/news01.png);
}   
#why-us-2-active{
    width:194px;
    height: 186px;
    right: -1px;
    top: 97px;
    background-image: url(../images/news02.png);
}   
#why-us-3-active{
    width:184px;
    height: 194px;
    right: 57px;
    top: 262px;
    background-image: url(../images/news03.png);
}
#why-us-4-active{
    width:196px;
    height: 192px;
    bottom: 4px;
    left: 55px;
    background-image: url(../images/news04.png);
}
#why-us-5-active{
    width:192px;
    height: 184px;
    left: 0;
    top: 94px;
    background-image: url(../images/news05.png);
}
#newsCenter .news-active{
    display: block;
}
#newsCenter .title .news-hover-h3{
    color:#fff;
}
#newsCenter .news-content-curent {
    display :block;
}