﻿*{
    margin:0;
    padding:0;
}
html{
    font-family: "Microsoft YaHei";
}
/*.banner-wrap-box{*overflow-x:visible;*overflow-y:visible;}*/
.center-rigth-rigth-01{*overflow-x:visible;*overflow-y:visible;}
ul li{
    list-style: none;
    cursor: pointer;
}
dl img{
   float: left;
}
.ontop{
    width: 1349px;
    min-width: 1308px;
    height: 99px;
    position: absolute;
    top:0;
    z-index: 500;
    background: #82c1db;
    /*position: absolute;*/
}
.ontop_img{
    float: left;
    margin-left:41px;
    margin-top: 8px;
    *margin-top: 9px;
}
.ontop div p{
    display: inline-block;
    float: left;
    padding: 25px 10px;
    font-size: 37px;
}
.top{
    width: 100%;
    height: 99px;
    background: url("../../images/top.png");
    position: absolute;
    top:0;
    opacity: 0.2;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
}
.top-img{
    width:100%;position:absolute;top:0;opacity:0.2;height: 99px;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
}
.banner{
    width: 1349px;
    min-width: 1308px;
    height: 791px;
    position: relative;
    background: #eee;
    overflow: hidden;
}
.banner_01{
    background:url("../img/banner.png") no-repeat left 0px;
    /*background-size: contain;*/
    /*width:100%;*/
    opacity: 0.8;
    width: 100%;
    height: 791px;
    overflow: hidden;
    position: absolute;
}
.banner-onright-bg{
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
}
.banner_02{
    background:url("../img/baner_01.png") no-repeat left 0;
    /*background-size: contain;*/
    width:100%;
    height: 791px;
    opacity: 0.8;
    /*overflow: hidden;*/
    position: absolute;
    display: none;
}.banner_03{
     background:url("../img/baner_01_01.png") no-repeat left 0;
     /*background-size: contain;*/
     width:100%;
     height: 791px;
     opacity: 0.8;
     overflow: hidden;
     position: absolute;
 }
.top-right{
    float: right;
    margin-right:37px;
    margin-top: 35px;
}
.top-right ul li{
    font-size: 12px;
    padding:0 10px;
    display: inline-block;
    *zoom:1;
    *display: inline;
    height: 20px;
    *text-align: center;
    color:#061f57;

}
.top-right ul span{
    display: inline-block;
    *display:inline;
    *zoom:1;
    collapse: #1986b8;
    *margin-left:10px;
    color: #061f57;
    font-weight: 100;
    /*position: fixed;*/
}
.top-onbottom{
    width: 1349px;
    min-width: 1308px;
    overflow: hidden;
    position: absolute;
    top:90px;
    left:0;
    z-index: 2;
}
.topimg{float:left;width: 20px;
    height:20px;
    margin-left:50px;
    margin-top: 19px;
    *margin-top: 9px;
    position: relative;
    z-index: 2;
}
.top-onbottom ul img{

    margin-top: 8px!important;
    float: left;

}
.top-onbottom ul li{
    float:left;
    /*padding:0 20px;*/
    display: inline-block;
    *display: inline;
    *zoom:1;
    font-size: 16px;
    font-family: "Regular";
    width: 115px;
    height: 40px;
    line-height: 40px;
    color:white;
    margin-top: 8px;
    text-align: center;
    /*border: 1px solid red;*/
}
/*.top-onbottom ul span{*/
    /*display: inline-block;*/
    /*color: white;*/
    /**color:#6583af;*/
    /*float: left;*/
    /*font-size: 24px;*/
    /*height: 40px;*/
    /*line-height: 40px;*/
/*}*/
.seach{
    position: absolute;
    top:29%;
    left:11%;
    width: 720px;
}

.sobk {
    background-image: url("../img/seach_18.png");
    width: 714px;
    height: 59px;
    margin-left: -5px;
}


.seach ul{
    margin-top: -8px;
}
.seach ul li{
    font-size: 14px;
    display: inline-block;
    *display: inline;
    *zoom:1;
}
.seach ul span{
    display: inline-block;
    *display:inline;
    *zoom:1;
    font-weight: 900;
    font-size:14px;
    *height: 30px;
    *line-height: 26px;
    *margin-top:-20px;
    *font-size: 14px;
}
.seach-bg{
    position: relative;
}
.seach-bg li{
    position: absolute;
    z-index: 20;
}
.seach-bg img{
    position: absolute;
    opacity: 0.6;
    z-index: 10;
}
.banner-wrap{
    background: #abd4eb;
    width: 100%;
    height: 200px;
    position: relative;
    *top:540px;
    top:536px;
    opacity: 0.9;
    /*display: none;*/
}
.banner-wrap dl{
    width: 40px;
    position: absolute;
    top:155px;
    left:50%;
    *left:50%;
    margin-left: -20px;
}

.prev{
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    cursor: pointer;
    position: absolute;
    top:71px;
    left:82px;
    z-index: 2
}
.next{
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    cursor: pointer;
    position: absolute;
    top:71px;
    right: 106px;
    /**right: 60px;*/
    z-index: 2
}
.banner-wrap div div div{
    *display:inline;
    *zoom:1;
    float: left;
}
.banner-wrap div div div ul li{
    width: 266px;
    height: 188px;
    *height: 150px;
    /*padding: 15px 49px;*/
    *padding:15px 68px;
    float: left;
    display: inline-block;
    *display: inline;
    *zoom:1;
    *margin-top: -150px;
    text-align: center;
}
.banner-onbottomleft{
    margin-top: 30px;
}
.banner-onbottom  li img{
    margin-top: 30px;
    margin-left: -151px;
 }
.banner-wrap div ul li p{
    margin-top:6px;
    *margin-top: 70px;
    *margin-left: -105px;
    *position: absolute;
    *z-index: 900;
    font-size: 16px;
}
.banner-wrap div ul li a{
    *display: block;
    margin-top:6px;
    *width: 120px;
    *position: absolute;
    *z-index: 900;
    *margin-top: 100px;
    *margin-left: -90px;
    display: none;
}
.banner-onright{
    position: absolute;
    top:142px;
    right: 0;
}
.banner-onright ul li{
    position: relative;
    height: 50px;
    line-height: 50px;
    color:#d7edfe;
    margin-top: -6px;
    margin-bottom: -14px;
    /**line-height: 70px;*/
    /**top:12px;*/
}
.banner-onright ul li span{
    display: inline-block;
    *display:inline;
    width: 8px;
    height: 8px;
    border: 1px solid #55d8ff;
    border-radius:4px;
}
/*.banner-onright ul li img{*/
    /*position: relative;*/
    /*top:5px;*/
    /*z-index: 700;*/
/*}*/
.banner-onright ul hr{
    width: 259px;
    margin-left: -34px;
    *margin-top: -10px;
    /*background:#0583b7;*/
    /*opacity: 0.8;*/
}
.center{

    width: 1349px;
    min-width: 1308px;
    /*!**width:1200px;*!*/
    height: 401px;
    background: #eee;
    /*margin-top: -55px;*/
    position: relative;
    /*left:-23px;*/
    z-index: 2;
    /*margin:-55px auto 0;*/
}
.center-left{
    padding-top: 40px;
    padding-left: 60px;
}
.center-left p{
    padding: 10px 41px;
    background: #e7e7e7;
    cursor: pointer;
}
.center-left-left{
    float: left;
}
.center-left-rigth{
    float: left;
}
.c-l-l{
    position: absolute;
    width:291px;
    height: 280px;
    text-align: center;
    background: white;
}
.c-l-l span{
    display: inline-block;
    *display:inline;
    *zoom:1;
    width: 10px;
    height: 8px;
    background: #eaf2f7;
    cursor: pointer;
}
.c-l-r{
    position: absolute;
    left:60px;
    display: none;
    width:292px;
    height: 280px;
    text-align: center;
    background: white;
}
.c-l-r span{
    display: inline-block;
    *display:inline;
    *zoom:1;
    width: 10px;
    height: 8px;
    background: #eaf2f7;
    cursor: pointer;
}
.center-rigth{
    width:923px;
    height: 318px;
    float: right;
    margin-right: 23px;
}
.center-rigth p{
    padding: 10px 20px;
    background: white;
}
.center-rigth div div div div div{
    float: left;
    margin: 20px 24px;
}
.center-rigth div div div div div img{
    margin-left:24px;
    cursor: pointer;
}
.center-rigth div div div div div ul li{
    width: 132px;
    font-size: 12px;
    height: 30px;
    line-height: 20px;
    color:#999999;
}
.dian{
    display: inline-block;
    float: left;
    width: 84%;
    padding: 14px 3px;
    background: #e7e7e7;
}
.dian span{
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background: black;
    cursor: pointer;
}
.dian-f{
    float: right;
    margin-right: 30px;
}
.dian-f img{
    float: left;
}

.box11 ul{
    list-style: none;
    position: relative;
}
.box11 ul li{
    position: absolute;
    display: none;
    left:15px;
}
.banner-lun div{
    display: none;
    position: absolute;
}
.banner-onbottom li p{
    text-align: center;
    width: 120px;
    /*height: 33px;*/
    /*line-height: 18px;*/

}
.banner-onbottom li a{
    display: inline-block;
    *display:inline;
    text-align: left;
    width: 120px;
    height: 40px;
    line-height: 18px;
    font-size: 12px;
}
.center-rigth-rigth div{
    float: left;
}
.banner-onbottom li{
    float: left;
    *margin-left:50px!important;
}
.banner-onbottom p{
    *margin-left: -98px!important;
    *margin-top: 66px!important;
}
.foote{
    background: #061f57;
    width: 100%;
    height: 100px;

}