.container{
    width: 1200px;
    margin: 0 auto;
}
.topTip{
    background: #ffffff;
    box-shadow:0px  10px 10px #cccccc;
    padding: 10px; 
    overflow: hidden;
    -webkit-transition:.6s ease-in-out;
    top: 0;
}
.topTip.on{
    position:relative;
	margin-top: -57px;
    visibility: hidden;
}
.topTip p{
    display: inline-block;
    float: left;
    width: calc(100% - 100px);
}
.topTip a{
    display: inline-block;
    float: right;
    border: 1px solid  #434343;
    width: 65px;
    height: 25px;
    text-align: center;
    line-height: 25px;
}
.top_r{
    display: none;
  }
header{
    height: 86px;
    position: fixed;
    left: 0;right: 0;
    z-index: 5;
    background: #84286b;
    overflow: hidden;
}
header .container{
    height: 100%
}
header .logo{
    position:relative;
    top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	float: left;
}
header .logo img{
	
	    width: 170px;
	
	
}
header .share{
    position:relative;
    top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	float: right;
}
header .share a{
    display: inline-block;
    margin-left: 20px;
}
header .search{
    position:relative;
    top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	float: right;
    margin-left: 20px;
}
header .search .txt{
    float: left;
    height: 22px;
    border-right: 1px solid #ffffff;
    margin-right: 10px;
    background: none;
    color: #000000;background: #ffffff;
    text-indent: 12px;
    width: 0;
    -webkit-transition:all .5s; -moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s
}
.search:hover .txt{
    width: 150px;
}
.menu{
    background: #969696;;
    height: 40px;
    margin-top: 86px;
    text-align: right;
    position: fixed;
    left: 0;right: 0;
    z-index: 9;
}
.menu ul{
    display: inline-block;
}
.menu ul li.item{
    float: left;
    position: relative;
    z-index: 2;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 1px;
}
.menu ul li.on{
    background: rgb(241, 241, 241,.5);
}
.menu ul li div.item{
    height: 40px;
    line-height: 40px;
}
.menu ul li div.item a{
    font-size: 14px;
    color:#ffffff;
    text-transform:capitalize;
}
.menu ul li div.item a:hover{
    color:#c1369b;
}
.menu ul li.on div.item a{
    color:#c1369b;
}
.menu ul li div.item i{
    margin-left: 5px;
    width: 13px;
    display: inline-block;
}
.menu ul li div.item i img{
    width: 100%;
}
.menu ul li .secNav{
    position: absolute;
    -webkit-transition:.3s ease-in-out;
    transform:translateY(10px);
	-webkit-transform:translateY(10px);
    visibility: hidden;
    background: rgb(241, 241, 241,.8);
    left: 0;right: 0;
    min-width: 120px;
}
.menu ul li .secNav.active{
   
    transform:translateY(0px);
	-webkit-transform:translateY(0px);
    visibility: visible;
}
.menu ul li .secNav li{
    text-align: center;
    padding: 10px  0;
    border-bottom: 1px solid #ffffff;
}
.menu ul li .secNav li:nth-last-child(1){
    border-bottom: 0;
}
.menu ul li .secNav li a{
    display: inline-block;
    width:90%;
}
.bannerHome{
    position: relative;
    z-index: 1;
}
.bannerHome .swiper-slide{
    position: relative;
}
.bannerHome .swiper-slide img{
    display: block;width: 100%;
}
.bannerHome .swiper-slide .mb{
    position: absolute;
    left: 0;right: 0;top: 0;bottom: 0;
    background: rgb(0, 0, 0,.5);
}
.bannerHome .swiper-pagination{
    bottom: 18%;
    text-align: left;
    left: 55px;
    z-index: 99;
}
.bannerHome .swiper-pagination-bullet{
    width: 5px;
    height: 4px;
    background: #FFFFFF;
    border-radius: 2px;
    opacity: 0.8;
    margin-left: 5px;
}
.bannerHome .swiper-pagination-bullet-active{
    width: 20px;
    height: 4px;
    background: #FFFFFF;
    border-radius: 2px;
}
.swiper-container .swiper-slide{
    position: relative;
    height: 100%;
   
}
.videoBOX{
    overflow: hidden;
 padding-top: 10px;
}
.videoBOX .video{
    float: left;
    width: 50%;    height: 365px;
    overflow: hidden;
}
.videoBOX .video   video{
 height: 100%;
}
.videoBOX .right{
    float: right;
    width: 50%;background: #ffeffa;
    height: 365px;
}
.videoBOX .right .title{
    margin: 38px 20px;
    border-bottom: 1px solid #da7fc0;
    padding-bottom: 15px;
}
.videoBOX .right .title h2{
    font-size: 24px;
}
.videoBOX .right .title p{
    font-size: 14px;color: #555555;
    margin-top: 10px;
}
.videoBOX .list{
    margin: 10px 20px;
}
.videoBOX .list li{
    float: left;
    width: 120px;
    margin-right: calc((100% - 480px)/3);
}
.videoBOX .list li:nth-last-child(1){
    margin-right: 0;
}
.videoBOX .list li .img{
    width: 90px;
    height: 90px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0  auto;
}
.videoBOX .list li .img img{
    max-width: 90%;
  -webkit-transition:.6s ease-in-out;
}
.videoBOX .list li .img:hover img{
    -webkit-transform:scale(1.11);
    transform:scale(1.11)
}
.videoBOX .list li p{
    font-size: 14px;
    color: #555555;
    margin-top: 10px;
    text-align: center;
}
.videoBOX .list li:nth-child(1) .img{
    background: #da7fc0;
}
.videoBOX .list li:nth-child(2) .img{
    background: #da7fc0;
}
.videoBOX .list li:nth-child(3) .img{
    background: #000000;
}
.videoBOX .list li:nth-child(4) .img{
    background: #000000;
}
.tit{
    text-align: center;
    margin-top: 45px;
}
.tit span{
    font-size: 32px;
    color: #000000;
    position: relative;
    padding-bottom: 10px;
}
.tit span::after{
    content: '';
    background: #da7fc0;
    height: 2px;
    width: 40%;
    position: absolute;
    bottom: 0;
    left: 30%;
}
.tit.white span{
    font-size: 32px;
    color: #ffffff;
    position: relative;
    padding-bottom: 10px;
}
.tit.white  span::after{
    content: '';
    background: #ffffff;
    height: 2px;
    width: 40%;
    position: absolute;
    bottom: 0;
    left: 30%;
}
.bz{
    margin-top: 15px;
    font-size: 15px;
    color: #ffffff;
    text-align: center;
    padding: 32px  0;
}
.bz2{
    margin-top: 15px;
    font-size: 16px;
    color: #555555;
    padding: 12px  0;
}
.bz.black{
    color: #555555;
}
.productList{
    margin-top: 55px;
}
.productList li{
    float: left;
    width: calc((100% - 40px)/3);
    margin-right: 20px;
   
}
.productList li:nth-child(3n){
    margin-right: 0;
}
.productList.four li{
    float: left;
    width: calc((100% - 60px)/4);
    margin-right: 20px;
    margin-bottom: 40px;
}
.productList.four li:nth-child(4n){
    margin-right: 0;
}
.productList li  a:hover .title{
    color:#c1369b;
}
.productList li  a.view:hover {
    color:#c1369b;
}
.productList li .img{
    overflow: hidden;
    position: relative;
    height: auto;
}
.productList li .img a{
    display: block;
    width: 100%;
}
.productList li .img img{
    width: 100%;-webkit-transition:.6s ease-in-out;
}
.productList li .img:hover  img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.productList li .title{
    font-size: 16px;
    color: #878787;
    margin-top: 15px;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 10px;
}
.productList li  p{
    font-size: 14px;
    color: #999999;
    margin-top: 10px;
}
.productList li a.view{
    display: inline-block;
    width: 95px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    color: #ffffff;background: #000000;
    margin-top: 15px;
}
.line{
    border-bottom: 1px solid #d5d5d5;
    margin-top: 55px;
    overflow: hidden;
    margin-bottom: 55px;  
}
.productList2{
    margin-top: 55px;
}
.productList2 li{
    float: left;
    width: calc((100% - 80px)/3);
    margin-right: 40px;
    margin-bottom: 0px;
}
.productList2 li:nth-child(3n){
    margin-right: 0;
}
.productList2 li .img{
    overflow: hidden;
    margin: 2px;
    position: relative;
}
.productList2 li .img span{
    position: absolute;
    right: 10px; top: 10px;
    z-index: 5;
}
.productList2 li  a:hover .title{
    color:#c1369b;
}
.productList2 li  a.view:hover {
    color:#c1369b;
}
.productList2 li .img img{
    width: 100%;
}
.productList2 li .title{
    font-size: 16px;
    color: #878787;
    margin-top: 15px;
    padding-bottom: 10px;
    margin-left: 15px;margin-right: 15px;
}
.productList2 li .title.line2{
    border-bottom: 1px solid #d9d9d9;
}
.productList2 li  p{
    font-size: 14px;
    color: #999999;
    margin-top: 5px;margin-left: 15px;margin-right: 15px;
}
.productList2 li a.view{
    display: inline-block;
    width: 95px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    color: #ffffff;background: #000000;
    margin-top: 10px;
    margin-left: 15px;
    margin-bottom: 10px;
}
.productList2 li .box{
    border: 1px solid #d5d5d5;
    height: 510px;
}
.more{
    text-align: center;
     margin-top: 30px;
     margin-bottom: 20px;
}
.more a{
    font-size: 14px;
    color: #333333;
}
.productList3{
    margin-top: 55px;
}
.productList3 li{
    float: left;
    width: calc((100% - 120px)/3);
    margin-right: 40px;
}
.productList3 li:nth-child(4n){
    margin-right: 0;
}
.productList3.stree li{
    float: left;
    width: calc((100% - 80px)/3);
    margin-right: 40px;
}
.productList3.stree li:nth-child(3n){
    margin-right: 0;
}
.productList3 li .img {
    text-align: center;
}
.productList3 li .img img{
   width: 75%;
   display: inline-block;
}
.productList3 li .title{
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 10px;
    margin-top: 15px;
}
.productList3 li a.view{
    display: inline-block;
    width: 95px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    color: #ffffff;background: #000000;
    margin-top: 15px;
}
.productList3 li a.view:hover{
    color:#c1369b;
}
.productList5 li .img img{
   width: 65%;
   display: inline-block;
}
.productList5 li{
    float: left;
    width: calc((100% - 120px)/4);
    margin-right: 40px;
}
.whybg{
    margin-top: 55px;
    overflow: hidden;
    background-image: url(../images/banner5.jpg);
    background-position: center center;
    background-size: cover;
    min-height: 600px;
    padding: 55px 0;
}
.whyList{
    margin-top: 100px;
}
.whyList li{
    float: left;
    width: calc((100% - 240px)/5);
    margin-right: 60px;
}
.whyList li:nth-child(5n){
    margin-right: 0;
}
.whyList li .img{
    width: 100px;
    height: 100px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.whyList li .img img{
    min-width: 40%;
}
.whyList li  p{
    font-size: 14px;
    color: #ffffff;
    margin-top: 15px;
    text-align: center;
}
.beour{
    margin-top: 35px;
}
.beour li{
    overflow: hidden;
    height:300px
}
.beour li  .img{
    width: 50%;
}
.beour li:nth-of-type(odd) .img{
    float: left;
}
.beour li:nth-of-type(even) .img{
    float: right;
}
.beour li .img img{
    width: 100%;
}
.beour li .desc{
    float: right;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    text-align: center;
}
.beour li .desc:nth-of-type(odd){
    float: right;
}
.beour li .desc:nth-of-type(even){
    float: left;
}
.beour li .desc .box{
    width: 80%;
}
.beour li .desc .title{
    font-size: 34px;
    color: #da7fc0;
    position: relative;
    padding-bottom: 10px;
}
.beour li .desc .title::after{
    content: '';
    background: #da7fc0;
    height: 2px;
    width: 40%;
    position: absolute;
    bottom: 0;
    left: 30%;
}
.beour li .desc .con{
    font-size: 15px;
    margin-top: 20px;
}
.newsList{
    margin-top: 85px;
}
.newsList li{
    float: left;
    width: calc((100% - 50px)/2);
    margin-right: 50px;
}
.newsList li:nth-child(2n){
    margin-right: 0;
}
.newsList li .img{
    overflow: hidden;
    position: relative;
}
.newsList li .img img{
    width: 100%;
}
.newsList li .title{
    font-size: 16px;
    color: #878787;
    margin-top: 15px;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 10px;
}
.newsList li  p{
    font-size: 14px;
    color: #999999;
    margin-top: 10px;
}
.newsList li a:hover .title{
    color:#c1369b;
}
.picScrol  a:hover p{
    color:#c1369b;
}
.picScrol {
    position: relative;
    margin-top: 66px;
}
.picScrol .swiper-container{
    width: 100%;
    margin: 0 auto;
}
.picScrol .swiper-slide{
    overflow: hidden;
}
.picScrol .swiper-slide .img{
    background: rgb(33, 33, 33,5);
    padding: 10px;
    height: 26vw;
    max-height: 300px;
    min-height: 200px;
}
.picScrol .swiper-slide .img img{
    width: 100%;
	height: 100%;
}
.picScrol .swiper-button-prev{
    background-image:url("../images/left.png");
    width: 33px;height: 72px;
    margin-left: -93px;
}
/*改变了颜色和加粗的样式*/
.picScrol .swiper-button-next{
    background-image:url("../images/right.png");
    width: 33px;height: 72px;
    margin-right: -93px;
}
.picScrol .swiper-slide p{
    font-size: 14px;
    color: #878787;
    margin-top: 15px;
}
/*底部*/
footer{
    background: #2a2a2a;
    padding: 25px 0;
    overflow: hidden;
    margin-top: 30px;
}
footer .logo{
    float: left;
    width: 219px;
}
footer .logo img{
    max-width: 100%;
}
footer .nav{
    float: left;
    width: calc(100% - 530px);text-align: center;
}
footer .nav ul{
    display: inline-block;
}
footer .nav li{
    float: left;
    text-align: left;
    margin-right: 50px;
}
footer .nav li:nth-child(3){
    margin-right: 0;
}
footer .nav li h2{
    display: inline-block;
    height: 45px;
}
footer .nav li:last-child h2{
   opacity: 0;
}
footer .nav li h2 span{
    position: relative;
    font-size: 18px;
    color: #ffffff;
    padding-bottom: 10px;
}
footer .nav li h2 span::after{
    content: '';
    background: #ffffff;
    height: 2px;
    width: 40%;
    position: absolute;
    bottom: 0;
    left: 0%;
}
footer .nav li p{
    margin-top: 7px;
}
footer .nav li p a{
    font-size: 14px;
    color: #ffffff;
}
footer .nav li p a:hover{
    color:#c1369b;
}
footer .form{
    float: right;
    width: 310px;
}
footer .form .title{
    margin-bottom: 40px;
}
footer .form .title span{
    position: relative;
    font-size: 18px;
    color: #ffffff;
    padding-bottom: 10px;
}
footer .form .title span::after{
    content: '';
    background: #ffffff;
    height: 2px;
    width: 40%;
    position: absolute;
    bottom: 0;
    left: 0%;
}
footer .form .row{
    color: #ffffff;
    margin-top: 10px;
}
footer .form .row input{
    background: #ffffff;
    height: 30px;
    width: 290px;
    text-indent: 10px;
}
footer .form .row .morerow{
    background: #ffffff;
    height: 50px;width: 290px;  text-indent: 10px;
}
footer .form .submit{
    text-align: right;
    margin-top: 5px;
    margin-right: 18px;
}
footer .form .submit .tj{
    display: inline-block;
    width: 65px;
    height: 25px;background: #da7fc0;
    color: #ffffff;
    text-align: center;
    line-height: 25px;
}
footer .form .submit .tj:hover{
    color:#000000;
}
footer .ts{
    margin-top: 30px;
    font-size: 14px;
    color: #ffffff;
}
.copyright{
    height: 45px;
    background: #f3f3f3;
    line-height: 45px;
}
.copyright p{
    float: left;
    display: inline-block;
}
.copyright .container{
    height: 100%;
}
.copyright span{
    display: inline-block;
    position:relative;
    top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	float: right;
   
}
.copyright span a{
    display: inline-block;
    float: left;
    margin-left: 15px;
}
.copyright span img{
    display: block;
}
/*产品*/
.leftMenu{
    float: left;
    margin-top: 126px;
    width: 200px;
}
.titSmall {
    margin-top: 30px;
}
.titSmall span{
    font-size: 16px;
    color: #434343;
    position: relative;
    padding-bottom: 10px;
}
.titSmall span::after{
    content: '';
    background: #434343;
    height: 2px;
    width: 20%;
    position: absolute;
    bottom: 0;
    left: 0%;
}
.leftMenu .list{
    margin-top: 15px;
}
.leftMenu .list li{
    height: 45px;
    line-height: 45px;
    border-bottom: 1px dashed #d9d9d9;
}
.leftMenu .list li a{
    color: #434343;font-size: 14px;
}
.leftMenu .list li.on a{
    color: #c1369b;
}
.leftMenu .list li:hover a{
    color: #c1369b;
}
.rightm{
    float: right;
    margin-top: 126px;
    width: calc(100% - 230px);
}
.location{
    margin-top: 30px;
}
.location a{
    font-size: 14px;
    color: #434343;
}
.productTit{
    margin-top: 20px;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 10px;
}
.productTit .title{
    color: #333333;
    font-size: 24px;
}
.productTit p{
    color: #666666;
    font-size: 16px;
    margin-top: 10px;
    line-height: 1.5;
}
.page{
    text-align: center;
    margin-top: 35px;
}
.page div{
    display: inline-block;
}
.page a{
    border: 1px solid #a0a09f;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 8px;
    margin: 0 5px;
    float: left;
    color: #555555;
    font-size: 14px;
    background: #efefef;
}
.page a:hover{
    background: #ffffff;
}
.page a.on{
    background: #ffffff;
}
.page span{
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 5px;
    float: left;
    margin: 0 5px;
        color: #555555;
    font-size: 14px;
}
.page input{
    height: 25px;
    width: 25px;
    display: inline-block;
    border: 1px solid #a0a09f;
    float: left;
    margin: 0 5px;
	text-align:center;
}
/* 产品-详情 */
 .contain{
    padding-left: 0;
    width: 100%;
    overflow: hidden;
}
.proxqbox{width: 100%;overflow: hidden;
margin-top: 120px;
}
.proxqbox .contain{overflow: hidden;}
.proxqbox-wd{float: right;width: 43%;
    padding: 38px 0px;
    }
.proxqbox-wdtit{width: 100%;}
.proxqbox-wdtit h6{font-size: 18px;color: #333333;font-weight: 700; line-height: 2;}
.proxqbox-wdtit{
    color: #999999;
    font-size: 14px;
}
.proxqbox-wdlist{width: 100%;padding: 12px 0 2px;}
.proxqbox-wdlist h6{font-size: 18px;color: #c39b56;font-weight: 700;}
.proxqbox-wdtb{width: 100%;display: block;margin-top: 16px;}
.proxqbox-wdtb li{width:calc(100% - 38px);overflow: hidden;display: block;border-top: 1px solid #efefef;background-repeat: no-repeat;background-position: left center;padding-left: 38px}
.proxqbox-wdtb li:nth-child(1){background-image: url('../images/proxqic1.png');}
.proxqbox-wdtb li:nth-child(2){background-image: url('../images/proxqic2.png');}
.proxqbox-wdtb li:nth-child(3){background-image: url('../images/proxqic3.png');}
.proxqbox-wdtb li:nth-child(4){background-image: url('../images/proxqic4.png');}
.proxqbox-wdtb li:nth-child(5){background-image: url('../images/cutting.png');}
.proxqbox-wdtb li p, .proxqbox-wdtb li span{display: block;line-height: 62px;font-size: 14px;color: #666;}
.proxqbox-wdtb li p{float: left;}
.proxqbox-wdtb li span{float: right;}
.proxqbox-btn{width: 100%;margin-top: 22px;}
.proxqbox-btn a{display: block;width: 49%;
    height: 52px;line-height: 52px;
    font-size: 16px;color: #fff;text-align: center;
    position: relative;}
.proxqbox-btn>a i{display: inline-block;vertical-align: middle;width: 23px;height: 23px;background-repeat: no-repeat;margin-right: 10px;}
.proxqbox-btn>a.proxqbox-btn-buy{background: #84286b;float: left;}
.proxqbox-btn>a.proxqbox-btn-buy i{background-image: url('../images/contact.png');}
.proxqbox-btn>a.proxqbox-btn-video{background: #434343;float: right;}
.proxqbox-btn>a.proxqbox-btn-video i{background-image: url('../images/proxqic7.png');}
.proxqbox-btn  a .ewm{
    position: absolute;
    top: -250px;
    display: none;
}
.proxqbox-btn a .ewm img{
    width: 100%;height: 100%;
}
.proxqbox-btn  a:hover .ewm{
    display: flex;
}
.proxqbox-wddesc{padding-left: 28px;
    line-height: 22px;
    background: url('../images/proxqic8.png') no-repeat left center;
    min-height: 14px;margin-top: 85px;
}
.proxqbox-wddesc a{
    font-size: 14px;color: #666666;
}
.proxqbox-wddesc a:hover{
    color:#c1369b;
}
.proxqbox-mbimg{width: 100%;float: left;
    display: none;
    margin-top: 20px;
}
.proxqbox-big{width: 100%;height: 300px;position: relative;
    line-height: 300px;text-align: center;}
.proxqbox-big img{max-width: 100%;max-height: 100%;
}
.proxqbox .gallery-top{
    width: 100%;
    position: relative;
   
}
.proxqbox .gallery-thumbs{
    width: 80%;
    float: left;height :66px;
    position: relative;padding: 0 34px;
    margin: 0 auto;
    margin-top: 32px;
   
}
.proxqbox .swiper-slide{
    display: flex;
    justify-content: center;
}
.proxqbox .gallery-thumbs .swiper-button-prev,.proxqbox .gallery-thumbs .swiper-button-next{
    margin: 0;bottom: auto;top: 0;
    position: absolute;
    background: #fff url('../images/pageic.png') no-repeat center;
    left:0%;width: 34px;height: 100%;transition: all .4s ease;}
.proxqbox .gallery-thumbs .swiper-button-prev{right: auto;left: 0;}
.proxqbox .gallery-thumbs .swiper-button-next{left: auto;right: 0;transform: rotate(180deg);}
.proxqbox .gallery-thumbs .equip-min{
    width: 95%;
}
.proxqbox .gallery-thumbs .equip-min span{width:80%;
    padding: 8px;display: block;height: 46px;overflow: hidden;text-align: center;
    border: 1px solid #e5e5e5;
}
.proxqbox .gallery-thumbs .equip-min.cur span{border-color: #84286b;}
.proxqbox .gallery-thumbs .equip-min span img{max-width: 100%;height: 100%;}
.proxqbox-pcimg{display: block;float: left;position: relative;width: 46%;
    height: 600px;
}
.proxqbox-pcimg2{
    display: block;float: left;
    position: static;width: 54%;
    height: 520px;
    z-index: 9;
    overflow: hidden;
    border: 1px solid #eeeeee;
    margin-top: 40px;
}
.conbox{
    margin-top: 150px;
    overflow: hidden;
}
/* 图片放大 */
.proxqbox-pcimg{
    width: 55%;
   
}
.proxqbox-pcimgbig{
    position: relative; 
    float: right;
    width: calc(100% - 120px);
    margin-top: 55px;
   
}
.proxqbox-pcimgbig a{
    display: flex;width: 100%;height: 520px;
    text-align: center;line-height: 520px;
    border: 1px solid #eeeeee;
    align-items: center;
    justify-content: center;
}
.proxqbox-pcimgbig a img{max-width: 88%;max-height: 88%;cursor: crosshair;}
div.zoomDiv {z-index: 999;position: absolute;top: 0px;left: 0px;width: 440px;height: 514px;background: #fff;border: 1px solid #e5e5e5;display: none;text-align: center;overflow: hidden;}
div.zoomMask {position: absolute;background: url("http://www.jq22.com/demo/jquery-fdj-150220102655/images/mask.png") repeat scroll 0 0 transparent;cursor: move;z-index: 1;}
/* ==== */
.proxqbox-pcimgsm{width: 88px;
    height: 600px;
    float: left;
    position: relative; margin-top: 10px;
}
.proxqbox-pcimgsmsize{width: 100%;
    position: relative;height: 550px;
    overflow: hidden;
    margin-top: 45px;
}
.proxqbox-scroll{width: 100%;display: block;margin-top: -6px;}
.proxqbox-scroll li{width:calc(100% -  2px);cursor: pointer;
    height: 94px;line-height: 94px;margin-top: 9px;
    text-align: center;border: 1px solid #ededed;
    display: flex;
    align-items: center;justify-content: center;
}
.proxqbox-scroll li img{max-width: 88%;max-height: 88%;}
.proxqbox-scroll li.ontrue{border-color: #84286b;}
.proxqbox-prev, .proxqbox-next{
    position: absolute;
    width: 100%;
    height: 35px;left: 0;
    cursor: pointer;
    background: #fff url('../images/aboic6.png') no-repeat center;
    transition: all .4s ease;
    z-index: 99;
}
.proxqbox-prev{top: 0;}
.proxqbox-next{bottom: 0px;transform: rotate(180deg);}
.proxqbox-prev:hover, .proxqbox-next:hover{background-image: url('../images/aboic6H.png');}
.proCon{
    font-size: 14px;
    line-height: 2;
}
.proCon p{
padding: 8px 0;
}
.proCon h6{
    color: #555555;
    font-size: 20px;
    margin: 10px 0;
}
.proCon img{
    max-width: 100%;
    margin-top: 10px;
}
.proPage{
    border-top: 1px solid #efefef;
    overflow: hidden;
    padding-top: 15px;
    margin-top: 30px;
}
.proPage a:nth-child(1){
    display: inline-block;
    float: left;
}
.proPage a:nth-child(2){
    display: inline-block;
    float: right;
}
.newsList2 li{
    border-bottom: 1px solid #efefef;
    padding-bottom: 20px;
    margin-top: 20px;
    overflow: hidden;
}
.newsList2 li .img{
    float: left;
    width: 300px;
    height: 200px;
}
.newsList2 li .img img{
    width: 100%;
    height: 100%;
}
.newsList2 li .box{
    float: right;
    width: calc(100% - 340px);
    margin-right: 20px;
}
.newsList2 li .box .title a{
    font-size: 18px;color: #555555;
}
.newsList2 li .box .date{
    font-size: 16px;color: #878787;
    margin-top: 5px;
}
.newsList2 li .box .desc{
    font-size: 14px;color: #878787;
    line-height: 1.5;
    margin-top: 5px;
}
.newsList2.faq .box{
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}
.newsTitle{
    font-size: 28px;
    color: #555555;
    margin-top: 15px;
}
.newsDate{
    color: #555555;
    font-size: 14px;
    margin: 10px 0;
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
}
.aboutTit{
    margin-top: 20px;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 10px;
}
.aboutTit .title{
    color: #333333;
    font-size: 28px;
}
.aboutTit p{
    color: #666666;
    font-size: 16px;
    margin-top: 10px;
    line-height: 1.5;
}
.conbox .form .row{
    overflow: hidden;
    margin-top: 20px;
}
.conbox .form .row .input:nth-child(1){
    width: 48%;
    float: left;
}
.conbox .form .row .input:nth-child(2){
    width: 48%;
    float: right;
}
.conbox .form .row .input i{
    color: crimson;font-style: normal;
    width: 15px;
    text-align: center;
    display: inline-block;
}
.conbox .form .row input{
    border: 1px solid #d9d9d9;
    width: calc(100% - 20px);
    height: 50px;
    line-height: 50px;text-indent: 15px;
}
.conbox .form .text{
    margin-top: 20px;
    overflow: hidden;
}
.conbox .form .text textarea{
    border: 1px solid #d9d9d9;
    width: 100%;
    height: 66px;
    width: calc(100% - 20px);
    float: left;
    padding: 10px 0;
    text-indent: 15px;
}
.conbox .form .text i{
    color: crimson;font-style: normal;
    width: 15px;
    text-align: center;
    display: inline-block;
}
.conbox .form .code p{
    display: inline-block;
    float: left;
    line-height: 30px;
    margin-right: 5px;
}
.conbox .form .code {
    margin-top: 20px;
    overflow: hidden;
}
.conbox .form .code i{
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.conbox .form .code span{
    display: inline-block;
    float: left;   line-height: 30px;
    margin-left: 10px;color: crimson;
}
.conbox .form .code i img{
    display:block;
    height: 30px;
}
.conbox .form .code input{
    display: inline-block;
    float: left;
    width: 65px;
    height: 30px;  border: 1px solid #d9d9d9;
    margin-right: 5px;
}
.conbox .submit{
    text-align: center;
    margin-top: 20px;
}
.conbox .submit .tj{
    display: inline-block;
    background: #000000;
    width: 355px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #ffffff;
}
.conbox .submit .tj:hover{
    display: inline-block;
    background: #c1369b;
    width: 355px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #ffffff;
}
.contactUs{
    border-top: 1px solid #d9d9d9;
   padding-top: 15px;
   margin-top: 50px;
   overflow: hidden;
}
.contactUs ul{
    width: 95%;
    margin: 0 auto;
}
.contactUs ul li{
    float: left;
    width: calc((100% - 60px)/4);
    margin-right: 20px;
    margin-top: 30px;
}
.contactUs ul li:nth-last-child(1){
    margin-right: 0;
}
.contactUs ul li .img{
    width: 88px;
    height: 88px;
    border: 1px solid #d9d9d9;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto;
    border-radius: 50%;
}
.contactUs ul li .img img{
    display: block;
    width: 60%;
}
.contactUs ul li  .title{
    text-align: center;
    font-size: 20px;
    color: #555555;
}
.contactUs ul li  p{
    text-align: center;
    font-size: 14px;
    color: #555555;
    line-height: 1.5;
}
.map{
    margin-top: 55px;
}
.map img{
    width: 100%;
}
.contain{
}
.joinln-item{width: 100%;margin-top: 46px;overflow: hidden;box-shadow: 0 2px 12px 2px #eee;}
.joinln-img, .joinln-wdbox{height: 410px;}
.joinln-img{width: 48.5%;float: left;}
.joinln-img img{width: 100%;object-fit: cover;height: 100%;}
.joinln-wdbox{width: 51.5%;float: right;display: flex;align-items: center;padding: 0 50px;}
.joinln-wd{width: 100%;}
.joinln-wd h4{font-size: 24px;color: #333;font-weight: 700;line-height: 1.4em;}
.joinln-wd p{font-size: 15px;color: #777;line-height: 22px;margin-top: 16px;}
.joinzp-item{width: 100%;margin-top: 42px;background: #f6f6f6;
padding-bottom: 15px;
}
.joinzp-nav{width: 100%;overflow: hidden;background: #302b23;}
.joinzp-nav li,.joinzp-li-desc li{line-height: 72px;font-size: 16px;user-select: none;float: left;text-align: center;}
.joinzp-nav li{color: #fff;}
.joinzp-li-desc li{color: #555;cursor: pointer; line-height:30px;}
.joinzp-nav li:first-child, .joinzp-li-desc li:first-child{
    width: 20%;text-align: left;transition: all .4s ease;
    padding-left: 8%;
}
.joinzp-nav li:nth-child(2), .joinzp-li-desc li:nth-child(2){width: 20%;}
.joinzp-nav li:nth-child(3), .joinzp-li-desc li:nth-child(3){width: 20%;}
.joinzp-nav li:nth-child(4), .joinzp-li-desc li:nth-child(4){width: 20%;}
.joinzp-nav li:nth-child(5), .joinzp-li-desc li:nth-child(5){width: 12%;}
.joinzp-list{width: 100%;}
.joinzp-li{width: 100%;overflow: hidden;margin-top: 16px;background: #fff;}
.joinzp-li-desc{width: 100%;overflow: hidden;}
.joinzp-li-desc li i{display: inline-block;width: 36px;height: 36px;background: url('../images/joinic1.png') no-repeat center;vertical-align: middle;}
.joinzp-li-cont{display: none;width: 100%;padding: 32px 48px 48px;border-top: 1px solid #84286b;}
.joinzp-li-cont-info{width: 100%;margin-top: 28px;}
.joinzp-li-cont-info:first-child{margin-top: 0;}
.joinzp-li-cont-info h6{font-size: 16px;color: #333;font-weight: 700;line-height: 30px;}
.joinzp-li-cont-info p{font-size: 14px;color: #777;line-height: 30px;}
.joinzp-li-cont-info h4{font-size: 14px;color: #555;line-height: 30px;}
.joinzp-li-desc:hover li:first-child{color: #84286b;}
.joinzp-li-desc.ontrue li:last-child i{background-image: url('../images/joinic1H.png');}
.joinzp-item .swiper-wrapper{padding-bottom: 50px;}
.joinzp-item  .swiper-pagination{bottom: 0;}
.joinzp-item .swiper-pagination-bullet {
    width: 10px;height: 10px;
    opacity: 1;background-color: #666666;
}
.joinzp-item .swiper-pagination-bullet-active {opacity: 1;background: #84286b;}
.joinfl-list{width: 100%;margin-top: 20px;}
.joinfl-list li{width: 25%;text-align: center;float: left;margin-top: 44px;}
.joinfl-icon{width: 106px;height: 118px;margin: 0 auto;line-height: 116px;background: url('../images/b.png') no-repeat left top /100% auto;
display: flex;
align-items: center;justify-content: center;
}
.joinfl-icon img{max-width: 100%;}
.joinfl-wd{width: 100%;margin-top: 14px;}
.joinfl-wd p{font-size: 14px;color: #444;}
/*关于我们*/
.aboutPic li{
    float: left;
    width: calc((100% - 40px)/3);
    margin-top: 20px;
    margin-right: 20px;
}
.aboutPic li:nth-child(3n){
    margin-right: 0;
}
.aboutPic li .img{
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 15vw;
    max-height: 200px;
    min-height: 109px;
}
.aboutPic li .img img{
    max-width: 100%;
    max-height: 100%;
}
.aboutPic li .title{
    text-align: center;
    font-size: 14px;
    color: #878787;
    margin-top: 10px;
}
.aboutPic a:hover .title{
    color:#c1369b;
}
/*我们的客户 OUR Clients*/
.ourPic li{
    float: left;
    width: calc((100% - 170px)/4);
    margin-top: 58px;
    margin-right: 50px;
}
.ourPic li:nth-child(4n){
    margin-right: 0;
}
.ourPic li .img{
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 6.5vw;
    max-height: 200px;
    min-height: 105px;
}
.ourPic li .img img{
    max-width: 100%;
    max-height: 100%;
}
.ourPic li .title{
    text-align: center;
    font-size: 14px;
    color: #878787;
    margin-top: 10px;
}
.ourPic a:hover .title{
    color:#c1369b;
}
/*证书*/
.Certificate li{
    float: left;
    width: calc((100% - 60px)/4);
    margin-top: 20px;
    margin-right: 20px;
}
.Certificate li:nth-child(4n){
    margin-right: 0;
}
.Certificate li .img{
    overflow: hidden;
}
.Certificate li .img img{
    width: 100%;
    vertical-align: middle;
    max-width: 100%;
    object-fit: contain;
    height: 20vw;
    max-height: 300px;
    min-height: 200px;
}
.Certificate li .title{
    text-align: center;
    font-size: 14px;
    color: #878787;
    margin-top: 10px;
	height: 25px;
}
.Certificate li a:hover .title{
    color:#c1369b;
}
.codebg{
    background: rgb(0, 0, 0,.5);
    position: fixed;
    left: 0;right: 0;top: 0;bottom: 0;
    z-index: 9999;
    display: none;
    justify-content:center;
    align-items: center;
}
.codebg.on{
    display: flex;
}
.codebg .box{
        background: rgb(255, 255, 255);
        border-radius: 5px;
        width: 300px;
        padding-bottom: 15px;
}
.codebg .box a{
    margin-top: 15px;
    margin-bottom: 10px;
    margin-right: 15px;
    display: inline-block;
    float: right;
}
.codebg .box img.tu{
    width: calc(100% - 30px);
    margin-left: 15px;
}
.videobg{
    background: rgb(0, 0, 0,.5);
    position: fixed;
    left: 0;right: 0;top: 0;bottom: 0;
    z-index: 9999;
    display: none;
    justify-content:center;
    align-items: center;
}
.videobg.on{
    display: flex;
}
.videobg  .video{
    position: relative;
    display: flex;
    justify-content:center;
}
.videobg  .video video{
    width: 500px;
    height: 400px;
}
.videobg  .video a{
    display: block;
    position: absolute;
    right: 0px;top: 0;
    width: 25px;
    z-index: 9999;
}
.videobg  .video a img{
    width: 100%;
}