body{
    min-width:1200px;
}
#header-other{
    display: none;
}
/*轮播按钮*/
#myCarousel .carousel-indicators .banner-li{
    background: #FFFFFF;
    width: 14px;
    height: 14px;
    border: none;
    margin: 10px 8.5px;
}
#myCarousel .carousel-indicators{
    margin-bottom: -14px;
}
#myCarousel .carousel-indicators .active{
    background: #FF9000;
    width: 25px;
    height: 14px;
    border: none;
    margin: 10px 8.5px;
}
#myCarousel .item{
    width: 100%;
    height:450px;
    margin-top: 60px;
}
#myCarousel .item img{
    width: 100%;
    height: 100%;
}
.index-banner-button{
    width: 140px;
    height: 60px;
    border-radius: 10px;
    /*border:1px solid #535353;*/
    position: absolute;
    /*top:460px;*/
    top: 65%;
    left: 46%;
    z-index: 2000;
    background-color: #ffffff;
    color: #3b3b3b;
    font-size: 18px;
}
.index-banner-button a{
    display: block;
    width: 140px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color:inherit;
}
#myCarousel .item a{
   position: relative;
   display: block;
   height: 100%;
}
.index-banner{
   position: absolute;
   z-index: 1000;
   color: #fff; 
}
.index-banner>div:first-child{
    font-size: 40px;
    margin-bottom: 10px;
}
.index-banner1>div:last-child{
    text-align: center;
    font-size: 24px;
}
.index-banner2>div:last-child{
    font-size: 24px;
}
.index-banner1{
   color: #ac636e;
   top: 50%;
   left: 50%;
   margin-left: -320px;
   margin-top: -100px;
}
.index-banner2{
   color: #fff;
   top: 50%;
   left: 50%;
   margin-left: -577px;
   margin-top: -100px;
}
/*.index-banner-button a:hover{
    color: #000;
}*/
.knowmore .knowmore-body{
    /*width: 1200px;*/
    margin: 0px auto;
    padding-top: 66px;
    padding-bottom: 56px;
    overflow: hidden;
    text-align: center;
    font-size: 24px;
    color: #666666;
    letter-spacing: 2px;
}
.knowmore .knowmore-button{
    width: 468px;
    height: 69px;
    margin: 0px auto;
}
/*.knowmore .knowmore-button form > div{
    float: left;
}*/
.knowmore .knowmore-button  > div{
    float: left;
}
.knowmore .knowmore-button .form-left{
    width: 366px;
    height: 69px;
    line-height: 69px;
    background-image: url(../image/form-left.png);
}
.knowmore .knowmore-button .form-right{
    width: 102px;
    height: 69px;
    background-image: url(../image/form-right.png);
}
.knowmore .form-left input{
    width: 325px;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    margin:5px 0px 0px 35px;
}
.knowmore .form-left input::-webkit-input-placeholder{
    color: #3b3b3b;
    font-size: 24px;
}
.knowmore .form-left input::-moz-placeholder{
    color: #3b3b3b;
     font-size: 24px;
}
.knowmore .form-left input::-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #3b3b3b;
    font-size: 24px;
}
.knowmore .knowmore-button .form-right button{
    width: 102px;
    height: 69px;
    opacity:0.0;
    filter:Alpha(opacity=0); /* IE8 以及更早的浏览器 */
}
.knowmore .knowmore-title,.product .knowmore-title{
    display: block;
    color: #3b3b3b;
    font-size: 24px;
    text-align: center;
    letter-spacing: 3px;
    margin:90px auto 60px;
}
.product{
    width: 1100px;
    /*height: 421px;*/
    height: 515px;
    margin: auto;
}
.product >div{
    float: left;
    width: 350px;
}
.product >div:nth-of-type(2){
    margin: 0px 25px;
}
.product >div:first-child +div{
    margin: 0px 30px;
}
.product >div >p{
    margin: 24px 0px 22px;
    color: #333;
    font-size: 22px;
    text-align: center;

}
.product .fg{
    width: 34px;
    margin: 0px auto 32px;
    border-top:4px solid #fd6960; 
}
.product >div >div >p{
    color: #666666;
    font-size: 18px;
    /*text-align: center;*/
    padding-left: 20px;
    line-height: 30px;
}
.product >div >div >p i{
    margin:0px 14px;
}

/*.advantage img{
    width: 100%;
}*/
.article{
    width: 1200px;
    margin: auto;
}
/*.article .dynamic{
   width: 1124px;
   height: 478px;
   margin: auto;
}
.article .dynamic >div{
    float: left;
    width: 480px;
    height: 478px;
}
.article .dynamic .dynamic-left{
    margin-right: 164px;
}
.dynamic-right p:nth-of-type(1){
    color: #e51c28;
    font-size: 24px;
}
.dynamic-right p:nth-of-type(2){
    color: #3b3b3b;
    font-size: 48px;
}
.dynamic-right .fg{
    width: 104px;
    margin: 44px 0px 30px;
    border-top:4px solid #3b3b3b;
}
.dynamic-right .left{
    width: 395px;
    height: 21px;
    float: left;
    overflow: hidden;
}
.dynamic-right .right{
    width: 85px;
    float: right;
    overflow: hidden;
}
.dynamic-right ul{
    height: 217px;
    margin-bottom: 30px;
    overflow: hidden;
}
.dynamic-right ul li {
    height: 21px;
    line-height: 21px;
    margin-bottom: 28px;
}
.dynamic-right ul li .left p{
    display: inline;
    font-size: 14px;
    color: #5e5c59;
    margin-left: 14px;
}
.dynamic-right ul li .right p{
    color: #b7b7b7;
    font-size: 14px;
    text-align: right;
}*/
.article .knowmore{
    display: block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    background-color: #fd6960;
}
.article .knowmore span{
    margin-left: 24px;
    color: #ffffff;
    font-size: 18px;
}
.article .knowmore span i{
    margin-right: 40px;
}
.article .case-show{
    width: 1124px;
    height: 478px;
    margin:120px auto 180px;
}
.article .case-show .case-show-left{
    margin-right: 164px;
}
.article .case-show > div {
    float: left;
    width: 480px;
    height: 478px;
}
.case-show-left p:nth-of-type(1) {
    color: #e51c28;
    font-size: 24px;
    text-align: right;
}
.case-show-left p:nth-of-type(2) {
    color: #3b3b3b;
    font-size: 48px;
    text-align: right;
}
.case-show-left .fg {
    width: 104px;
    margin: 44px 0px 30px;
    border-top: 4px solid #3b3b3b;
    float: right;

}
.clear{clear: both;}
.case-show-left ul {
    height: 217px;
    margin-bottom: 30px;
    overflow: hidden;
}
.case-show-left ul li {
    height: 21px;
    line-height: 21px;
    margin-bottom: 28px;
}
.case-show-left .left {
    width: 85px;
    float: left;
    overflow: hidden;
}
.case-show-left .right {
    width: 395px;
    float: right;
    overflow: hidden;
    text-align: right;
}
.case-show-left ul li .right p {
    display: inline;
    font-size: 14px;
    color: #5e5c59;
    margin-right: 14px;
}
.case-show-left ul li .left p {
    color: #b7b7b7;
    font-size: 14px;
    text-align: left;
}
.case-show-left .knowmore{
    float: right;
}
.journal{
    width: 800px;
    height: 400px;
    margin:180px auto 100px;
}
.cooperation{
    width: 1200px;
    margin:55px auto 0px;
    overflow: hidden;
}
.cooperation p{
    color: #333;
    font-size: 30px;
    text-align: center;
    margin-bottom: 80px;
}
.cooperation > div{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
/*.cooperation div a{
    display: block;
    float: left;
    width: 145px;
    height: 70px;
}*/
.cooperation div img{
    width: 145px;
    height: 70px;
    margin-right: 22px;
    margin-bottom: 24px;
}
.cooperation div img:last-child{
    margin-right:0px;
}
.cooperation div a:not(:last-child){
    margin-right: 40px;
}
#focus_Box{position:relative;width:800px;height:400px;margin:20px auto;}
#focus_Box ul{position:relative;width:810px;height:400px}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px;box-shadow:1px 1px 12px rgba(200, 200, 200, 1)}
#focus_Box li img{width:100%;height:100%;vertical-align:top}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:28px;height:53px;top:200px;}
#focus_Box .prev{background:url(../image/journal-btn-left.png) no-repeat;left:-100px;}
#focus_Box .next{background:url(../image/journal-btn-right.png) no-repeat;right:-100px;}
#focus_Box .more{z-index: 100;position: absolute;right:10px;top: -6px;font-size: 16px;color: #fd6960;}
.page-to-top{ display: none;}
.page-to-top a{
    display: block;
    position: fixed;
    width: 120px;
    height: 120px;
    right: 100px;
    bottom:0px;
    z-index: 100;
   background-image: url(../image/page-top.png);
}
/*2019-04-16   官网改版之友情链接*/
#friendship_link.active{
  display: block!important;
}
/*2019-04-25新官网*/
.product_img_header{
    width: 100%;
    height: 160px;
}
.product_img_header1{
    background-image: url(../image/product1.jpg);
    background-position: center;
    background-repeat: no-repeat;
}
.product_img_header2{
    background-image: url(../image/product2.jpg);
    background-position: center;
    background-repeat: no-repeat;
}
.product_img_header3{
    background-image: url(../image/product31.png);
    background-position: center;
    background-repeat: no-repeat;
}
/*.product_img_header1:hover{
    background-image: url(../images/index/product1-after.png);
}
.product_img_header2:hover{
    background-image: url(../images/index/product2-after.png);
}
.product_img_header3:hover{
    background-image: url(../images/index/product3-after.png);
}*/
.detailsProduct{
    text-align: center;
    margin-top: 46px;
}
.detailsProduct>a{
    display: inline-block;
    width: 100px;
    height: 36px;
    line-height: 35px;
    border: 1px solid #2005f9;
    color: #2005f9;
    border-radius:4px;
}
.detailsProduct>a:hover{
    background:#2005f9;
    color: #fff;
}
.advantageDiv{
    display:flex;
    justify-content:center;
    align-items: flex-end;
    height: 400px;
}
.advantage{
    width: 300px;
    position: relative;
    height: 360px;
    z-index: 10;
    background-repeat: no-repeat;
    background-position: center;
    transition: height 0.3s linear;
}
.advantage>div{
    position: absolute;
    top: 130px;   
    transition: top 0.3s linear;
    left: 50%;
    width: 100%;
    margin-left: -50%;
}
.advantage.img1{
    background-image: url(../image/advantage1.png);
}
.advantage.img2{
    background-image: url(../image/advantage2.png);
}
.advantage.img3{
    background-image: url(../image/advantage3.png);
}
.advantage.img4{
    background-image: url(../image/advantage4.png);
}
.advantage_describe{
    text-align: center;
    margin-bottom: 20px;
}
.advantage_describe_hide{
    font-size: 20px;
    color: #fff;
}
.advantage_describe_hide span{
    position: relative;
    left: 0px;
    top: -3px;
    margin-right: 20px;
}

.advantage_describe>div:nth-of-type(2){
    font-size: 18px;
    color: #fff;
}
.advantage_describe_hide{
    height: 0;
    overflow: hidden;
}
.advantage_describe_hide>ul{
    padding: 0 90px;
}
.advantage_describe_hide>ul.jishu{
    padding: 0 55px;
}
.advantage:hover{
    height: 380px;
    background: #2005f9;
}
.advantage:hover>div{
    top: 80px;
}
.advantage:hover>div .advantage_describe_hide{
    height: 100px;
}
/*.advantage{
    width: 100%;
   
    margin:70px 0px 116px;
}*/
.map{
    width: 1200px;
    height: 105px;
    margin:0 auto;
    background: url(../image/shijieditu.png) no-repeat;
    display: flex;
    justify-content:space-around;
    padding-bottom: 60px;
}
.map>div{
    border-left: 1px solid rgba(151,151,151,1);
    padding-left: 35px;
    height: 60px;
    position: relative;
    top: 25px;
    color: #666666;
    font-size: 20px;
}
.article_title{
    font-size: 32px;
    text-align: center;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(151,151,151,1);
    color: #333;
    margin-bottom: 70px;
}
.dynamic{
    display: flex;
    justify-content:space-between;
}
.dynamic>div{
    width: 48%;
    color: #333
}
.dynamic_title{
    position: relative;
    width: 100%;
    height: 28px;
    line-height: 28px;
    font-size: 24px;
    padding-left: 11px;
    border-left: 6px solid #2005f9;
    margin-bottom: 17px;
}
.dynamic_title>a{
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 5px;
    font-size: 18px;
}
.dynamic_title>a:hover{
    color: #2005f9;
}
.dynamic_content{
    width: 540px;
    margin-top: 44px;
}
.dynamic_content ul{
    height: 217px;
    margin-bottom: 30px;
    overflow: hidden;
}
.dynamic_content ul li{
    height: 21px;
    line-height: 21px;
    margin-bottom: 28px;
}
.dynamic_content .left{
    width: 455px;
    height: 21px;
    float: left;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow: hidden;
}
.dynamic_content .left span{
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #2005f9;
}
.dynamic_content ul li .left p{
    display: inline;
    font-size: 18px;
    color: #666666;
    margin-left: 14px;
}
.dynamic_content ul li .left a:hover p{
    color: #2005f9;
}
.dynamic_content .right{
    width: 85px;
    float: right;
    overflow: hidden;
}
.dynamic_content ul li .right p{
    color: #999999;
    font-size: 14px;
    text-align: right;
}
/*兼容*/
@media  screen and (max-width: 1700px) and (min-width:1560px) {
.advantage{
    /*margin: 70px 0px 30px;*/
    }    
}
@media  screen and (max-width: 1560px) and (min-width:1400px) {
.advantage{
    /*margin: 70px 0px 30px;*/
    }  
    .cooperation > div{
        width: 1023px;
        margin: 0 auto;
        margin-bottom: 34px;
    }    
}
@media  screen and (max-width: 1399px) and (min-width:1000px){
    .index-banner2{
        margin-left: -560px;
    }
    .product{
        /*height: 435px;*/

        width: 968px;
    }
    .product >div{
        width: 288px;
    }
    .product >div:nth-of-type(2){
       margin: 0px 38px; 
    }
    .product >div >div >p{
        font-size: 16px;
        padding-left: 0;
    }

.cooperation > div{
    width: 1023px;
    margin: 0 auto;
    margin-bottom: 34px;
}
.article{
    width: 980px;
}
.dynamic_img>img{
    width: 100%;
}
.dynamic_title{
    width: 100%;
}
.dynamic_content{
    width: 100%;
}
.dynamic_content .left{
    width: 80%;
}
.advantageDiv{
    height: 300px;
}
.advantage{
    width: 218px;
    height: 257px;
}  
.advantage.img1{
   background-image: url(../image/advantage1-1.png); 
}
.advantage.img2{
   background-image: url(../image/advantage2-2.png); 
}
.advantage.img3{
   background-image: url(../image/advantage3-3.png); 
}
.advantage.img4{
   background-image: url(../image/advantage4-4.png); 
}
.advantage:hover{
    height: 277px;
    background: #2005f9;
}
.advantage>div{
    top: 70px;
}
.advantage:hover>div{
    top: 50px;
}
.advantage:hover>div .advantage_describe_hide{
    height: 100px;
}
.advantage_describe_hide{
    font-size: 15px;
    color: #fff;
}
.advantage_describe_hide>ul{
    padding: 0 55px;
}  
.advantage_describe_hide>ul.jishu{
    padding: 0 33px;
}
.product_img_header1{
  background-image: url(../image/product1-s.png);  
}
.product_img_header2{
  background-image: url(../image/product2-s.png);  
}
.product_img_header3{
  background-image: url(../image/product3-s.png);  
}

}