* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Microsoft YaHei';
    font-size: 16px;
}

div{
    display: block;
}
.main, .main-auto {
    width: 1200px;
    margin: 0 auto;
}

.title-comms {
    margin: 40px 0;
    font-size: 28px;
}

#tb05 .hd {
    height: 280px;
}

ul {
    list-style: none;
    padding-left: 0;
}

ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
}

#tb05 .hd li.pp-li01 {
    margin-left: 50px;
}

#tb05 .hd li {
    width: 100px;
    float: left;
}

#tb05 .hd li {
    width: 100px;
    float: left;
}

.pp-box .hd-li-01 {
    position: relative;
    border-top: 1px solid #999999;
    text-align: center;
    margin: 80px 0px;
}

.goto-top {
    margin-top: -50px;
    
    font-size: 21px;
}

.pp-box .hd-li-01 i.i-top {
    margin-top: 12px;
}

.pp-box .hd-li-01 i {
    display: block;
    width: 16px;
    margin: 0 auto;
    height: 16px;
    border-radius: 8px;
    background-color: #999999;
}

.pp-box .hd-li-01 i.i-bottom {
    margin-top: -8px;
}

.goto-bottom {
    margin-top: 15px;
    font-size: 21px;
}



.int-banner{
    width: 100%;
    height: 550px;
    
    background: url("../image/int2.jpg");
    background-size: 100% 100%;
}

.int-content{
    width: 1200px;
    margin: 0 auto;
}

.int-name{
    width: 100%;
    text-align: center;
    font-size: 28px;
    padding:40px 0 40px 0;
}

.int-picont{
    padding: 30px 0 10px 0;
    position: relative;
}

.int-clip{
    width: 550px;
    height: 392px;
    display: block;
    
    overflow: hidden;
}

.pleft{
    top: 60px;
    left: 20px;
}

.pright{
    top: 60px;
    right: 20px;
}

.hrtopleft{
    left: -16px;
    top: -16px;
}

.hrtopright{
    right: -16px;
    top: -16px;
}

.hrleft{
    left: -16px;
    top: 0;
}

.hrright{
    right: -16px;
    top: 0;
}

.bottomright{
    right: 20px;
    bottom: -16px;
}

.bottomleft{
    left: 20px;
    bottom: -16px;
}

.int-font{
    width: 650px;
    height: 322px;
    background: #ffffff;
    display: table;
    position: absolute;
    z-index:99;
}

.int-font-nav p{
    color: #666666;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 2px
}

.int-font-nav{
    width: 100%;
    padding:0 30px 0 30px;
    display: table-cell;
    vertical-align: middle;
}

.hr-one{
    width: 400px;
    height: 16px;
    background: #999999;
    position: absolute;
    
    border: none;
}

.hr-two{
    width: 16px;
    height: 200px;
    background: #999999;
    position: absolute;
    
    border: none;
}

.hr-three{
    width: 350px;
    height: 16px;
    background: #999999;
    position: absolute;
   
    border: none;
}

.int-clip img{
   width: 550px;
}

.int-clip-img{
    float: left;
    width: 1650px;
}

.int-int-bottom{
    width: 100%;
}

.int-int-bottom hr{
    width: 60%;
    height: 0;
    border: 1.5px solid #eaeaea;
    float: left;
    margin-top: 9px;
}

.int-int-bottom ul li{
    list-style: none;
    width: 20px;
    height: 20px;
    float: left;
    border-radius: 10px;
    background: #eaeaea;
    margin-left: 15px;
    cursor: pointer;
}

.int-brand{
    width: 100%;
    background: #f4f4f4;
    padding-top: 50px;
    padding-bottom: 20px;
}

.bran-nav{
    width: 100%;
    height: 283px;
    background: #f0ad4e;
    display: table;
}


.int-honor{
    width: 1200px;
    position: relative;
}

.int-honor-clip{
    width: 1100px;
    overflow: hidden;

}

.int-honor-nav{
    width: 5200px;
    margin-left: -275px;
}

.honor-pic{
    width: 275px;
    float: left;
    padding: 0 5px 0 5px;
}
.honor-pic img{
    width: 100%;
}

.int-next,.int-pre{
    width: 30px;
    text-align: center;
    font-size: 30px;
    color: #ffffff;
    background: #a8a7a3;
    padding: 5px 0 5px 0;
    position: absolute;
    z-index: 999;
    cursor: pointer;
}

.int-next{
    top: 35%;
    left: 0;
}

.int-pre{
    top: 35%;
    right: 0;
}

.research{
    width: 100%;
    height: 600px;
    background: url("../image/r_3.jpg");
}
.r-po{
    position: relative;
}
.rese-nav{
    position: absolute;
    top: 0;
    right: 0;
}

.rese-nav li{
    list-style: none;
    width: 250px;
    height: 100px;
    background: #ffffff;
    opacity: 0.9;
    border-radius: 10px;
    margin-top: 20px;
    display: table;
}

.li-div{
    display: table-cell;
    vertical-align: middle;
}

.li-div p{
    font-size: 16px;
}

.float-tit{
    text-align: center;
    width: 1200px;
    position: absolute;
    color: #ffffff;
    font-size: 18px;
    bottom: -580px;
    font-weight: 600;
}

.int-other{
    background: #eaeaea;
    padding: 15px 15px 20px 20px;
}

.int-other li{
    list-style: none;
    float: left;
    padding: 5px 0 5px 0;
    font-size: 16px;
    background: #717171;
    color: #ffffff;
    width: 100px;
    text-align: center;
    margin-left: 5px;
    margin-top: 10px;
    cursor: pointer;
}

.int-other li:last-child{
    background: #baa673;
}

.int-other-clip{
    position: relative;
    overflow: hidden;
    padding-top: 50px;
}

.cliponr{
    width: 1040px;
    margin: 0 auto;
    overflow: hidden;
}

.int-other-nav{
    width: 5160px;
    margin-left: -344px;
}

.other-nav-pic{
    width: 344px;
    float: left;
    padding: 0 15px 0 15px;
}

.mulit-name{
    color: #000000;
    font-size: 20px;
    padding: 5px 10px 5px 10px;
    cursor: pointer;
}

.int-mulit{
    margin-top: 50px;
    margin-bottom: 20px;
}

.mhover{
    background: #717171;
    color: #ffffff !important;
}

.mulit-display{
    margin-top: 30px;
}
.int-mulit-banner{

    background: url("../image/hj1.jpg") no-repeat;
    width: 100%;
    height: 500px;
    background-size: 100% 100%;
}

.mulit-slider{
    position: relative;
    padding-top: 50px;
}

.mulit-clip{
    width:1000px ;
    overflow: hidden;
}

.mulit-clip-nav{
    width: 3600px;
}

.mulit-clip-pic{
    width: 250px;
    float: left;
    padding: 0 16.5px 0 16.5px;
}

.mulit-yq{
    height: 500px;
}

.mulit-yq-left{
    width: 589px;
    height: 500px;
    float: left;
}
.mulit-yq-right{
    width: 611px;
    height: 500px;
    float: left;
    background: #333333;
    padding: 20px 15px 0 15px;
}

.right-nav-c h4,.right-nav-c p{
    color: #ffffff;
}

.right-nav-c h4{
    font-size: 20px;
    line-height: 36px;
    height: 36px;
}

.right-nav-c p{
    font-size: 16px;
    line-height: 25px;
}


.yiqi-subr,.yiqi-an{
    height: 150px;
}

.bran-nav-top .bran-date-nav{
    margin-left: 6.2%;
    margin-bottom: -23px;
}

.bran-nav-bottom .bran-date-nav{
    margin-left: 6.2%;
    margin-top: -20px;
}

.bran-nav-bottom .bran-date-nav:nth-child(1){
    margin-left: 12.9%;
}

.bran-date-nav{
    float: left;
    text-align: center;
    display: table;
}
.bran-date-nav li{
    list-style: none;
}
.brand-border{
    width: 100%;
    height: 0;
    border: 3px solid #bcbcbc;
    display: inline-block;
}

.bran-cir{
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #bcbcbc;
    margin: 0 auto;
    position: relative;

}

.bran-date{
    width: 120px;
    padding: 5px 8px 5px 8px;
    border: 1px solid #bcbcbc;
    font-size: 18px;
    
    cursor: pointer;
}

.bran-nav-top .bran-date{
    margin-bottom: 10px;
}

.bran-nav-bottom .bran-date{
    margin-top: 10px;
}

.brand-cont{
    padding: 50px 0 30px 0;
    
}

.brand-cont-left,.brand-cont-right{
    float: left;
    height: 296px;
    background: #e7e7e7;
}

.brand-cont-left{
    width: 66.66%;
}

.brand-cont-right{
    width: 33.33%;
   
    padding-right: 30px;
}

.brand-dm{
    font-size: 30px;
    color: #1ea63a;
}

.brand-dtc{
    font-size: 18px;
}

.int-cir{
    background: #6d6d6d !important;
}

#opticty{
    border: 2px solid #fafafc;
    background: none;
}

#opticty p{
    color: #fafafc;
    font-weight: 600;
}

.int-li{
    background: #6a6a6a !important;
}

.int-fb-green{
    color: #1ea52d !important;
    border:1px solid #1ea52d;
}
.int-bg{
    background: #1ea52d !important;
}


.brand-cont-right-nav{
    display: table;
    height: 100%;
}