/* Write your styles */

/*.am-slider-a1 .am-control-nav li {*/

    /*margin: 0 6px;*/

    /*display: inline-block;*/

    /*border: 3px solid #03a6a9;*/

    /*background: #57c4c5;*/

    /*border-radius: 50%;*/

/*}*/

/*.am-slider-a1 .am-control-nav li a {*/

    /*width: 16px;*/

    /*height: 16px;*/

    /*border: 3px solid #259295;*/

    /*margin: 3px;*/

    /*display: block;*/

    /*background-color: rgb(42, 56, 82);*/

    /*cursor: pointer;*/

    /*text-indent: -9999px;*/

    /*border-radius: 50%;*/

    /*-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);*/

    /*box-shadow: inset 0 0 3px rgba(0,0,0,.3);*/

/*}*/

*{

    font-family:微软雅黑;

}

.am-slider-a1 .am-control-nav {

    width: 100%;

    position: absolute;

    bottom: 2vh;

    text-align: center;

    line-height: 0;

}

.am-slider-a1 .am-control-nav li a {

     width: 30px;

     height: 30px;

     margin: 3px;

     display: block;

    background:#fff url(../images/bsx-hover.png) no-repeat center;

     cursor: pointer;

     text-indent: -9999px;

     border-radius: 50%;

     -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);

     box-shadow: inset 0 0 3px rgba(0,0,0,.3);

    border:none;

 }

.am-slider-a1 .am-control-nav li a.am-active {

    background:#0e90d2 url(../images/bsx.png) no-repeat center;

    cursor: default;

}

.am-container{

    max-width:90vw;

}

.header{

    background:rgba(0,0,0,0.5);

    height :13vh;

    line-height:13vh;

    position :absolute;

    top :0;

    left :0;

    z-index:100;

}

.header-logo{

    padding:0vh 6vw 0vh 1vw;

}

.header-logo-box img{

    max-width :100%;

}

.header-menu{



}

.header-menu-box{

    font-size:0.9vw;

    color :#fff;


}

.header-menu-box img{

    height :1.2vw;

    position :relative;

    top :-0.2vw;

    left :-0.3vw;

}
.header-menu-icon{
    height: 1vw;
}
.header-menu-icon-hover{

    display :none;
    height: 1vw;

}

.header-menu-box:hover{

    font-weight:bold;

    color :#e5b823;

    background: rgba(1,139,142,0.5);

}

.header-menu-box:hover .header-menu-icon-hover{

    display :inline-block;

}

.header-menu-box:hover .header-menu-icon{

    display :none;

}

.menu-active .header-menu-box{

    font-weight:bold;

    color :#e5b823;

}

.menu-active .header-menu-box .header-menu-icon-hover{

    display :inline-block;

}

.menu-active .header-menu-box .header-menu-icon{

    display :none;

}

.header-bottom{

    background :linear-gradient(to right,#008b8d,#dfb325);

    height :5px;

    position :absolute;

    top :13vh;

    left :0;

    z-index:1;

}

.inabout{

    margin-top:2vh;

    height :73vh;

}

.inabout-left{

    height :73vh;

    position :relative;

}

.inabout-title{

    padding-left:5vw;

    padding-top:3vh;

    padding-bottom:4vh;

    height :13vh;

}

.inabout-title-en{

    color :#a1a1a1;

    font-size:1.2vw;

    font-family:宋体;

    line-height:2vh;

    transform-origin:left;

    transform:scaleX(0.9);

    font-weight:bold;

}

.inabout-title-ch{

    color :#000;

    font-size:2vw;

    font-family:宋体;

    font-weight:bold;;

}

.inbout-message{

    height :60vh;

    padding:3vh 2vw 0 5vw;

    background:url(../images/inaboutbg.jpg);

}

.inabout-message-title{

    height :7vh;

    line-height:7vh;

    font-size:1.4vw;

    color :#008b8d;

}

.inabout-message-title span{

    display :inline-block;

    background:#008b8d;

    width :8vw;

    height :0.2vh;

    position :relative;

    top :-1vh;

    margin-right:1vw;

}

.inabout-message-ftitle{

    color :#000;

    font-size:1vw;

    height :5vh;

    line-height:5vh;

    padding-left: 2.4vw;

}

.inabout-message-content{

    color :#7c7c7c;

    font-size:0.8vw;

    line-height:6vh;

}

.inabout-message-but{

    width :100%;

    text-align:right;

}

.inabout-message-but button{

    display:inline-block;

    background :url(../images/but.jpg) no-repeat right center #fff;

    background-size:auto 100%;

    font-size:0.76vw;

    color :#008b8d;

    border :1px solid #008b8d;

    padding:8px;

    padding-right:70px;

    transition:0.5s;

}

.inabout-message-but button:hover{

    color :#fff;

    background :url(../images/but.jpg) no-repeat right center #008b8d;

    background-size:auto 100%;

}

.inabout-message-hezuo{

    margin-top:1vh;

    width :100%;

    height :15vh;

    overflow :hidden;

    position :absolute;

    bottom :0;

}

.inabout-message-hezuo-slider div{

    height :15vh;

}

.inabout-message-hezuo img{

    height :100%;

}

.inabout-image{

    height :73vh;

}

.inabout-image img{

    height :73vh;

}

.inproduct{

    padding-top:4vh;

}

.inproduct-title{

    text-align:center;

    font-family:宋体;

    padding-bottom:2vh;

    background:url(../images/title-bottom.jpg) no-repeat bottom center;

    background-size: 4vw 0.4vh;

}

.inproduct-title-ch{

    font-size:2vw;

    color :#000;

    font-weight:bold;

    line-height:2vw;

}

.inproduct-title-en{

    font-size:1.8vw;

    color :#999;

    font-weight:bold;

}

.inproduct-list{

    margin-top:2vh;

    text-align:center;

    margin-left:-1vw;

    margin-right:-1vw;

}

.inproduct-list li{

    padding:1vw;

}

.inproduct-list li .inproduct-list-box{

    height :83vh;

    overflow :hidden;

    position :relative;

}

.inproduct-box-bg{

    position :absolute;

    /*top :-30vw;*/

    /*left :-35vw;*/

    top :-20vw;

    left :-20vw;

    width :100vw;

    height :100vw;

    border-radius:50%;

    background :linear-gradient(#000000 ,#ccc);

    opacity :0.5;

    z-index:10;

    transition:0.5s;

    transform-origin:center;

    transform:scale(1) rotate(-90deg);

}

.inproduct-box-title{

    position :absolute;

    top :1.5vw;

    left :1.5vw;

    font-size:1.2vw;

    font-weight:bold;

    color :#fff;

    transition:0.5s;

    z-index:11;

}

.inproduct-box-title span{

    display :inline-block;

    width :1.5vw;

    height :1.5vw;

    margin-left:0.2vw;

    border :2px solid #fff;

    border-radius:50%;

    text-align:center;

    line-height:1.1vw;

    font-weight:100;

    transition:0.5s;

}

.inproduct-box-image img{

    width :100%;

    transition:0.5s;

    transform:scale(1);

}



.inproduct-list-box:hover .inproduct-box-image img{

    transform:scale(1.1);

    transition:1s;

}

.inproduct-list-box:hover .inproduct-box-title{

     transform:scale(1.1) translateX(90%);

    transition:1s;

 }

.inproduct-list-box:hover .inproduct-box-title span{

    transform:scale(1.1) translateX(1000%);

    transition:1s;

}

.inproduct-list-box:hover .inproduct-box-bg{

    /*animation:myfirst 2s;*/

    /*animation-fill-mode : forwards;*/

    opacity :0;

    transform:scale(1) rotate(720deg);

    transition:1s;

}

@keyframes myfirst

{

    25% {transform:scale(0.1);transform-origin:center;opacity:0.8}

    40% {transform:scale(0.1) translateY(-300px);transform-origin:center;opacity:0.8}

    55% {transform:scale(0.1) translateY(200px);transform-origin:center;opacity:0.8}

    100% {transform:scale(0.1) rotate(180deg);transform-origin:right 10px;opacity:0.8}

}

.inproduct-more{

    background :url("../images/product-more-bg.png") #008b8d;

    height :15vh;

    text-align:center;

    color :#fff;

    padding-top:3vh;
    transition: 0.5s;

}
.inproduct-more:hover{
    background :url("../images/product-more-bg.png") #deb224;
}

.inproduct-more .jia{

    font-size:1.2vw;

    font-weight:bold;

}

.inproduct-more .more{

    font-size:0.9vw;

}

.inproduct-more .more span{

    display :inline-block;

    transform:rotate(-90deg) scaleY(1.5);

}



.innew{

    margin-top:4vh;

    padding-top:4vh;

    background:url("../images/innewsbg.jpg") no-repeat top center;

    background-size :100% auto;

}

.innew-title{

    position :relative;

}

.innew-title-list{

    width :20vw;

    position :absolute;

    right :0;

    top :0;

    text-align:center;

}

.innew-title-list .innew-title-box{

    border-bottom:1px solid #c2c2c2;

    padding-bottom:1vh;

    margin-bottom:2vh;

}

.innew-title-list li:hover .innew-title-box ,.innew-actice .innew-title-box{

    color :#008b8d;

}

.innew-title-list li:hover ,.innew-actice{

    background:url("../images/title-bottom.jpg") bottom center no-repeat;

    background-size:40% 3px;

}

.innews-list{

    margin-top:3vh;

}

.innews-list li{

    padding:1vw;

    position :relative;

}

.innews-list-box{

    background :#fff;

    padding:5vh 1vw;

    overflow :hidden;

    transition:0.5s;

}

.innews-list-box-bg{

    background :#fff;

    width :100%;

    height :100%;

    top :0;

    left :0;

    position :absolute;

    border :4px solid #008b8d;

}

.innews-list-box-bg-hover{

    background :#fff;

    width :150%;

    height :100%;

    top :0;

    left :-25%;

    position :absolute;

    transform:skewX(30deg) scaleX(1);

    transform-origin:left;

    transition:0.5s;

}



.innews-list li:nth-child(2n) .innews-list-box-bg-hover{

    transform-origin:right;

}

.innews-list-box:hover{

    transform:translateX(-5px);

}

.innews-list li:nth-child(2n) .innews-list-box:hover{

    transform:translateX(5px);

}

.innews-list-box:hover .innews-list-box-bg-hover{

    transform:skewX(30deg) scaleX(0);

    transition:1s;

}



.innews-box-time{

    text-align:center;

    color :#008b8d;

    margin-top:5vh;

}

.innews-box-time .tian{

    font-size:2.2vw;

    font-weight:bold;

    line-height:5vh;

}

.innews-box-time .nianyue{

    font-size:1vw;

}

.innews-box-content{

    margin-top:5.5vh;

    color :#5e5e5e;

    font-size:1vw;
}
.innews-box-content div{

    overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

}

.innews-box-images{

    text-align:center;

    height :18vh;

    line-height:18vh;

    overflow :hidden;

}

.innews-box-images img{

    height :18vh;

}

.innews-list-but{

    width :100%;

    text-align:center;

    margin-top:2vh;

    margin-bottom:3vh;

}

.innews-list-but a{

    display:inline-block;

    background :url(../images/but.jpg) no-repeat right center #fff;

    background-size:auto 100%;

    font-size:0.76vw;

    color :#008b8d;

    border :1px solid #008b8d;

    padding:8px;

    padding-right:70px;

    transition:0.5s;

}

.innews-list-but a:hover{

    color :#fff;

    background :url(../images/but.jpg) no-repeat right center #008b8d;

    background-size:auto 100%;

}

.infooter{

    margin-top:8vh;

    position :relative;

    z-index:9;

}

.infooter ul:hover{

    box-shadow:5px 5px 30px 5px #000;

}

.infooter ul{

    background :url("../images/footer-bg.jpg") no-repeat center bottom;

    background-size:100% auto;

    padding:15vh 0;

}

.infooter-box{

    text-align:center;

    color :#fff;

    opacity :0.7;

}

.infooter-box-name{

    font-size:1.2vw;

}

.infooter-box-gang{

    font-size:1.2vw;

}

.infooter-box-tell{

    font-size:2.4vw;

    font-weight:bold;

    line-height:3vw;

}

.infooter-box-message{

    font-size:1vw;

    line-height:3vw;

}

.infooter-box-wxname{

    font-size:0.8vw;

    margin-top:0.5vh;

}

.infooter-box-ma{

    height :14vh;

}

.infooter-box-ma img{

    height :14vh;

}

.footer{

    background :#3a3a3a;

    padding-top:10vh;

    margin-top:-10vh;

}

.footer-message{

    height :20vh;

    line-height:20vh;

    color :#008b8d;

    font-size:0.8vw;

}

.footer-message span,.footer-message span a{

    color :#e5b823;

}

.footer-gotop{

    text-align:center;

    margin-top:5vh;

    cursor :pointer;

}

.footer-gotop .gotop{

    width :1.5vw;

    height :1.5vw;

    border :1px solid #008b8d;

    transform:rotate(90deg);

    color :#008b8d;

    display :inline-block;

    border-radius:50%;

    text-align:center;

    line-height:1.3vw;

}

.footer-gotop .shu{

    color :#008b8d;

    display :inline-block;

    transform:scaleY(2);

    margin-top:-4vh;

}

.footer-gotop .text{

    font-size:0.8vw;

    display :inline-block;

    color :#008b8d;

    margin-top:1.5vh;

}

.footer-menu{

    height :20vh;

    line-height:20vh;

    text-align: left;

}

.footer-menu a{

    text-align:center;

    color :#828282;

    font-size:0.8vw;
    overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

}

.weizhi{

    background :#008c8d;

    color :#fff;

    font-size:0.85vw;

    position :relative;

    line-height:8vh;

}

.weizhi a{

    color :#fff;

}

.about{

    background :url("../images/about-bg.jpg") no-repeat top center;

    background-size:100% 100%;

    position :relative;

}

.about-title{

    padding-left:0.8vw;

    background:url("../images/title-bottom.jpg") no-repeat left center;

    background-size:0.4vw 0.4vw;

    font-size:1vw;

    font-weight:bold;

    color :#000;

}

.about-body{

    padding:5vh 1.2vw;

}

.about-image{

    background :url("../images/about-image-bg.jpg") no-repeat bottom;

    background-size:100% auto;

    background-attachment:fixed;



}
.about-image img{
  		width:100%;
}

.about-bottom-text{

    text-align:center;

    font-size:1vw;

    font-weight:bold;

    color :#008c8d;

}

.about-bottom-image{

    padding-top:2vh;

    text-align:center;

}

.about-bottom-image img{

    max-width:70%;

}



.cp-menu{

    text-align:center;

    padding:0 20vw;

    position :relative;

    background :#fff;

}

.cp-menu a{

    display :inline-block;

    color :#333;

    font-size:0.8vw;

    padding:2vh 1vw;

    border-bottom:2px solid #fff;

}

.cp-menu a:hover{

    border-bottom:2px solid #008b8d;

}

.cp-menu a.cp-menu-active{

    border-bottom:2px solid #008b8d;

}

.cp{

    background :url("../images/about-bg.jpg") no-repeat top center;

    background-size:100% 100%;

    position :relative;

}

.cp-list{

    padding:10vh 2vw;

}

.cp-list li{

    padding:2vh 2vw;

}

.cp-list-box{

    background :#fff;

    position :relative;

    transition:1s;

}

.cp-box-image{

    text-align:center;

    height :65vh;

    padding-bottom:15vh;

    line-height:50vh;

    position :relative;

    z-index:9;

}
.cpContent-list-box .cp-box-image{

    height :45vh!important;

    padding-bottom:10vh!important;

    line-height:35vh!important;
}

.cp-box-image img{

    max-width:60%;

    max-height:90%;

    transition:1s;

}

.cp-box-message{

    position :absolute;

    bottom :0;

    left :0;

    height :15vh;

    z-index:10;

    transition:1s;

    background :rgba(255,255,255,0);

}
.cpContent-list-box .cp-box-message{

    position :absolute;

    bottom :0;

    left :0;

    height :10vh!important;

    z-index:10;

    transition:1s;

    background :rgba(255,255,255,0);

}

.cp-box-title{

    padding:1vw;

}

.cp-box-title .title{

    font-size:1.4vw;

    color:#000;

    line-height:6vh;
    overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

}
.cpContent-list-box .cp-box-title .title{
     font-size:1vw;
    line-height:4vh;
 }

.cp-box-title .yan-box{

    text-align:center;

    line-height:6vh;

}

.cp-box-title .yan-box img{
    width: 2vw;
}
.cpContent-list-box .cp-box-title .yan-box img{
    width: 1.5vw;
}
.cp-box-title .yan-box .yan-hover{

    display :none;

}

.cp-box-class{

    height :6vh;

    line-height:6vh;

    font-size:0.85vw;

    color :#858585;

    padding-left:0.5vw;

}
.cpContent-list-box .cp-box-class{

    height :4vh;

    line-height:4vh;

    overflow: hidden;
}
.cp-box-class .xian{

    float :right;

    width :10%;

    height :3vh;

    border-bottom:1px solid #858585;

    margin-right:3%;

    transition:1s;

}
.cpContent-list-box .cp-box-class .xian{

    height :2vh;
}

.cp-box-bg{

    width :100%;

    height :100%;

    background :url(../images/cp-bg.png) no-repeat;

    background-size:auto 100%;

    background-position:right;

    position :absolute;

    top :0;

    left :0;

    opacity:0.3;

    transition:1s;

}

.cp-list-box:hover{

    box-shadow:1px 0px 10px 2px #ccc;

    transform:scale(0.95);

}

/*.cp-list-box:hover .cp-box-image img{

    transform:rotate(-15deg);

}*/

.cp-list-box:hover .cp-box-bg{

    transition:1s;

    background-position:left;

    opacity :1;

}

.cp-list-box:hover .cp-box-message{

    background :#e5b823;

    transform:scale(1.05);

}

.cp-list-box:hover .cp-box-message .title{

    color :#fff;

}

.cp-list-box:hover .cp-box-message .cp-box-class .class{

    color :#fff;

}

.cp-list-box:hover .cp-box-message .cp-box-class .xian{

    width :60%;

    height :3vh;

    border-bottom:1px solid #fff;

}
.cpContent-list-box:hover .cp-box-message .cp-box-class .xian{

    width :50%;
    height :2vh;
}

.cp-list-box:hover .cp-box-title .yan-box .yan{

    display :none;

}

.cp-list-box:hover .cp-box-title .yan-box .yan-hover{

    display :inline-block;

}

.page{

    text-align:center;

    position :relative;

    background :#fff;

    padding:5vh;

}

.page a,.page span{

    color :#000;

    width :2vw;

    height :2vw;

    text-align:center;

    line-height:2vw;

    font-size:0.8vw;

    display :inline-block;

    transition:0.5s;

}

.page a:hover{

    background :#008b8d;

    color :#fff;

}
.page .page_nowindex{
      background :#008b8d;

    color :#fff;
}



.news{

    background :url("../images/about-bg.jpg") no-repeat top center;

    background-size:100% 100%;

    position :relative;

}

.news-list{

    margin:5vh 2vw;

}

.news-list li{

    border-left :1px solid #d3d3d3;

}

.news-list li:nth-child(3n+1){

    border :none;

}

.news-list-box{

    height :70vh;

    padding:2vw;

    color :#676767;

    position :relative;

    transition:0.5s;

}

.news-box-time{

    font-size:0.8vw;

}

.news-box-title{

    font-size:1.4vw;

    color :#008b8d;

    padding:2vh 0;

    transition:0.5s;

}

.news-box-type{

    font-size:0.7vw;

}

.news-box-images{

    height :25vh;

    line-height:25vh;

    text-align:center;

    overflow :hidden;

    padding-top:0.5vh;

}

.news-box-images img{

    width :100%;

}

.news-box-content{

    font-size:0.8vw;

    line-height:5vh;

}

.news-box-jiantou{

    position :absolute;

    bottom:4vh;

    left :2vw;

    z-index:10;

}

.news-box-jiantou .jiantou-hover{

    display :none;

}

.z-index10{

    position :relative;

    z-index:10;

}

.news-box-bg{

    background :#008b8d;

    position :absolute;

    top :0;

    left :0;

    width :100%;

    height :100%;

    z-index:0;

    transition:0.5s;

    transform:scale(0);

}

.news-list-box:hover{

    color :#fff;

}

.news-list-box:hover .news-box-title{

    color :#fff;

}

.news-list-box:hover .news-box-bg{

    transform:scale(1);

}

.news-list-box:hover .news-box-jiantou .jiantou-hover{

    display :inline-block;

}

.news-list-box:hover .news-box-jiantou .jiantou{

    display :none;

}

.server{

    background :url("../images/about-bg.jpg") no-repeat top center;

    background-size:100% 100%;

    position :relative;

}

.server-youshi{

    text-align:center;

    padding:5vh 0;

}

.server-youshi-title{

    float :left;

    width :100%;

}

.server-youshi-title .ch{

    font-size:2vw;

    font-weight:bold;

    color :#008b8d;

    text-align:center;

    width :100%;

}

.server-youshi-title .en{

    color :#898989;

    font-size:1vw;

    text-align:center;

    width :100%;

}

.server-youshi-content{

    text-align:center;

}

.server-youshi-content img{

    max-width:100%;

}

.contact{

    background :url("../images/about-bg.jpg") no-repeat top center;

    background-size:100% 100%;

    position :relative;

    padding:10vh 10vw 20vh;

}

.contact-message li{

    padding:2vh 0;

    border-top:1px solid #898989;

    line-height :5vh;

}

.contact-message li:nth-child(1){

    border :none;

}

.contact-name{

    color :#000;

    font-size:0.9vw;

}

.contact-msg{

    color :#898989;

    font-size:0.8vw;

}
.newsContent{
    background: #fff;
    position: relative;
}
.newsContent-title{

    font-size:1.8vw;

    font-weight:bold;

    color :#000;

    text-align:center;

    padding:2vh;

}

.cpContent{

    padding:4vh 0;

    border-top:1px solid #eee;

}

.cpContent-image{

    text-align:center;

    margin-top:3vh;

}
.weizhi-menu a{
    background: #fff;
    color: #098686;
    padding:0.8vh 1vw;
    transition:0.5s;
    border-radius: 10px;
    position: relative;
    left: 0px;
    top: 0px;
    font-size: 0.7vw;
}
.weizhi .am-u-lg-3{
    margin-right: 2vw;
}
.weizhi-menu a img{
    height: 2.4vh;
    margin-right: 0.5vw;
    /*display: none;*/
}
.weizhi-menu a:hover{
    background: #fff;
    padding:0.8vh 1vw;
    box-shadow: 1px 2px 5px 1px #005858;
    left: -1px;
    top: -2px;
}
.weizhi-menu .cp-menu-active{
    background: #fff;
    border-radius: 10px;
    box-shadow: 1px 2px 5px 1px #005858;
    left: -1px;
    top: -2px;

}
#yanghu,#gonggao{
    display: none;
}
.server-youshi-content{
    position: relative;
    width: 100%;
    height: 80vh;
    float: left;
    top: -5vh;
}
.server-youshi-content img{
    width: 100%;
}
.server-youshi-content .youshi-box{
    transition: 0.5s;
    height: 20vh!important;
}
.server-youshi-content .youshi-box:hover .youshi-box-image-hover{
    display: block;
} 
.server-youshi-content .youshi-box:hover .youshi-box-image{
    display: none;
} 

.server-youshi-content .youshi-box:hover{
    padding-right: 10px;
}
.server-youshi-content .youshi-box:nth-child(n+4):hover{
    padding-right: 0;
    padding-left: 10px;
}
.server-youshi-content .server-youshi-center{
    position: absolute;
    width: 30%;
    left: 35%;
    top: 10vh;
}
.server-youshi-content .server-youshi1{
    position: absolute;
    width: 35%;
    left: 5%;
    top: 16vh;
    z-index: 1;
    height:5.5vh;
    overflow: hidden;
}
.server-youshi-content .server-youshi2{
    position: absolute;
    width: 35%;
    left: 1.5%;
    top: 33vh;
    z-index: 1;
    height:5.5vh;
    overflow: hidden;
}
.server-youshi-content .server-youshi3{
    position: absolute;
    width: 35%;
    left: 5%;
    top: 52vh;
    z-index: 1;
    height:5.5vh;
    overflow: hidden;
}
.server-youshi-content .server-youshi4{
    position: absolute;
    width: 35%;
    right: 5%;
    top: 52vh;
    z-index: 1;
    height:5.5vh;
    overflow: hidden;
}
.server-youshi-content .server-youshi5{
    position: absolute;
    width: 35%;
    right: 1.5%;
    top: 33vh;
    z-index: 1;
    height:5.5vh;
    overflow: hidden;
}
.server-youshi-content .server-youshi6{
    position: absolute;
    width: 35%;
    right: 5%;
    top: 16vh;
    z-index: 1;
    height:5.5vh;
    overflow: hidden;
}
.youshi-box-image-hover{
    display: none;
}









.productContent{

    border-top:1px solid #cfcfcf;
    position: relative;
    z-index: 9;
    background:rgba(250,250,250,1); 

}

.productContent-fanhui{

    margin-top:30px;

    text-align:left;

    margin-bottom:50px;

}

.productContent-fanhui a{

    text-align:center;

    display :inline-block;

    width :200px;

    height :35px;

    font-size:15px;

    line-height:35px;

    background :#333333;

    color :#fff;

    transition:0.7s;

}

.productContent-fanhui a span{

    display :inline-block;

    width :20px;

    height :1px;

    background :#fff;

    margin-right:10px;

    position :relative;

    top :-5px;

}

.productContent-fanhui a:hover{

    background :#ee1c25;

}

.productContent-image{

    text-align:center;

}

.productContent-image img{

    max-width:100%;

}

.productContent-message{

    line-height:40px;

}

.productContent-message span{

    font-weight:bold;

}

.productContent-content{

    border-top:1px solid #ee1c25;

    margin-top:30px;

    padding-top:20px;

}

.productContent-content pre{

    border :none;

    background :none;

    font-size:16px;

}

.cpContent-title{
    line-height: 5vh;
    padding-left: 4vw;
    font-size: 1vw;
    font-weight: bold;
    color: #fff;
    background: url(../images/timg.png) no-repeat;
    background-position: left 1vw  center;
    background-size: auto 100% ;
    margin-bottom: 2vh;
}


.gengduo{
    width: 100%;
    position: relative;
    float: left;
    padding-top: 2vh;
    background: #fff;
}
.gengduo-title{
    background:url(../images/title-bottom.jpg) left center no-repeat;
    line-height: 6vh;
    background-size: 5px 5px ;
    padding-left: 10px;
    font-size: 0.95vw;
    color: #000;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}
.gengduo-list li{
    padding:2vh 2vw;
}

.gengduo-list li .cp-box-image{

    text-align:center;

    height :65vh;

    padding-bottom:15vh;

    line-height:50vh;

    position :relative;

    z-index:9;

}


.gengduo-list li .cp-box-message{

    position :absolute;

    bottom :0;

    left :0;

    height :15vh;

    z-index:10;

    transition:1s;

    background :rgba(255,255,255,0);

}
.header-menu-one{
    text-align: center;
}
.header-menu-two{
    position: relative;
    z-index: 100;
    display: none;
}
.header-menu-two li{
    text-align: left;
    padding-left: 1.5vw;
    height: 40px;
    line-height: 40px;
    background: rgba(1,139,142,0.7);
}
.header-menu-two li:nth-last-child(1){
    border: none;
}
.header-menu-two li a{
    font-size: 15px;
    color: #fff;
}
.header-menu-one:hover .header-menu-two{
    display: block;
}
.header-menu-two li:hover a{
    color: #e5b823;
}
.inproduct-box-hoverimg{
    width:100%;
    height:100;
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-align: right;
    transition: 1s;
    transform: translateX(200px);
    opacity: 0;
}
.inproduct-box-hoverimg img{
    width: 40%;
}
.inproduct-list-box:hover .inproduct-box-hoverimg{
    
    transform: translateX(0);
    opacity: 1;
}