@charset "utf-8";
/* CSS Document */
body{font:12px/22px "\5B8B\4F53",arial; text-align:left;color:#333;font-family:"Microsoft YaHei"}
body,div,ul,ol,li,dl,dt,dd,span,p,h1,h2,h3,h4,h5,h6,img,form,table,tr,td,th,label{margin:0;padding:0;}
.fa{font-family: 'arial'}
img{border:none;}
h2,h3{ font-weight:500;}
ul,ol,li{list-style-type:none;}
select,input,label,textarea,img{vertical-align:middle;font-size:12px;color:#555;}
input {outline: none;border:none;background: none;}
a{color:#333;text-decoration:none;cursor: pointer;}
a:hover{text-decoration:none;}
.fl{float:left;}.fr{float:right;}
.w1200{width:1200px;margin:0 auto;}.w1400{width:1400px;margin:0 auto;}.w1340{width:1340px;margin:0 auto;}.w1300{width:1300px;margin:0 auto;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.mt10{margin-top:10px;}.mb10{margin-bottom:10px;}.ml10{margin-left:10px;}.mr10{margin-right:10px;}
.mt20{margin-top:20px;}.mb20{margin-bottom:20px;}.ml20{margin-left:20px;}.mr20{margin-right:20px;}
.mt30{margin-top:30px;}.mb30{margin-bottom:30px;}.ml30{margin-left:30px;}.mr30{margin-right:30px;}
.rel {position:relative;}.abs{position:absolute;}.cl{clear:both;}
input[type="checkbox"],
input[type="radio"],
input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="time"],
input[type="number"],select,textarea{
    border: none;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    line-height: normal;
    color: #424242;
    font-size:14px;
    font-family: inherit;
    box-sizing: border-box;
    -webkit-user-select: text;
            user-select: text;
    -webkit-appearance: none;
            appearance: none;
            outline: none;
}
.header{
    position:absolute;
    top:0;
    left:0;
    z-index:9;
    background:rgba(0,0,0,0.5);
    height:80px;
    width:100%;
}
.header .logo{
    position:absolute;
    right:50px;
    top:50%;
    margin-top:-14px;
}
.header .logo img{
    height:28px;
    object-fit: contain;
}
.header .header-r{
    float:left;
    margin:0 0 0 50px;
    display:flex;
	direction: rtl;
}
.header .header-r .nav ul{
    display:flex;
}
.header .header-r .nav ul li{
    margin:0 15px;
}
.header .header-r .nav ul li a{
    color:#fff;
    font-size:14px;
    line-height:78px;
    display:block;
    min-width:100px;
    text-align: center;
}
.header .header-r .nav ul li.cur a{
    border-bottom:#bd8c67 2px solid;
    color:#bd8c67;
}
.header .header-r .nav ul li:hover a{
    color:#bd8c67;
}
.header .header-r .langue{
    width:100px;
    position:relative;
}
.header .header-r .langue span{
    display:block;
    line-height:78px;
    color:rgba(255,255,255,0.5);
    font-size:14px;
    text-align:center;
    cursor:pointer;
}
.header .header-r .langue .drop{
    width:100px;
    position:absolute;
    top:78px;
    display:none;
}
.header .header-r .langue .drop a{
    display:block;
    line-height:50px;
    text-align:center;
    background:rgba(245,245,245,0.5);
    margin-bottom:1px;
    font-size:14px;
}
.header .header-r .langue .drop a.cur{
    background:rgba(189,140,103,0.5);
    color:#fff;
}
.header .header-r .langue:hover .drop{
    display:block;
}
.header .header-r .links a{
    display:block;
    float:right;
    width:20px;
    height:20px;
    padding:30px 10px;
    opacity:.5;
}
.header .header-r .links a img{
    width:20px;
    height:20px;
    display:block;
    object-fit: contain;
}
.index-banner .swiper-container img{
    width:100%;
    object-fit: contain;
}
.index-about{
    padding:50px 0;
    overflow:hidden;
}
.index-about .hd {
    margin-bottom:20px;
	
}
.index-about .hd h2{
    font-size:24px;
    color:#000000;
    line-height:60px;
    position:relative;
    padding:0 30px 0 0;
	text-align: right;
}
.index-about .hd h2:before{
    content:"";
    position:absolute;
    right:0;
    top:50%;
    background:url(../images/tit-mark.png) 0 0 no-repeat;
    background-size:20px;
    width:20px;
    height:20px;
    margin-top:-10px;
}
.index-about .intro{
    width: 630px;
    text-align: right;
	float:right;
	direction: rtl;
    unicode-bidi: bidi-override;

}
.index-about .intro p{
    font-size:16px;
    line-height:30px;
    margin-bottom:30px;
	text-align: right;
    direction: rtl;
}
.index-about .intro a{
    color:#999999;
    font-size:14px;
	float: right;
}
.index-about .aboutimg{
    width:548px;
    height:500px;
    overflow:hidden;
    float:left;
}
.index-about .aboutimg img{
    width:548px;
    height:500px;
    object-fit:cover;
}
.index-about .video{
    width:1200px;
    height:674px;
    position:relative;
    margin:40px 0 0 0;
    padding:40px 0 0 0;
    border-top:#f5f5f5 1px solid;
}
.index-about .video iframe{
    width:1200px;
    height:674px;
}
.index-hd{
    padding:30px 0;
    text-align:center;
}
.index-hd h2{
    font-size:24px;
    color:#000000;
    line-height:50px;
}
.index-hd p{
    font-size:14px;
    color:#999999;
    line-height:24px;
}
.index-product{
    background:#f5f5f5;
    padding-bottom:30px;
}
.index-product .con ul{
    margin-left:-25px;
}
.index-product .con ul li{
    float:left;
    width:450px;
    height:450px;
    position:relative;
    margin:0 0 25px 25px;
    overflow:hidden;
}
.index-product .con ul li img{
    width:450px;
    height:450px;
    object-fit: cover;
    display:block;
}
.index-product .con ul li .text{
    position:absolute;
    background:rgba(189,140,103,0.5);
    bottom:0;
    box-sizing:border-box;
    width:100%;
    right:-999px;
    padding:20px 30px;
	text-align: right;
}
.index-product .con ul li .text h3{
    font-size:20px;
    color:#ffffff;
    line-height:36px;
}
.index-product .con ul li .text .tag span{
    font-size:16px;
    color:#ffffff;
    line-height:36px;
    margin:0 20px 0 0;
}
.index-product .con ul li .text p{
    color:#fff;
    font-size:14px;
    line-height:24px;
	direction:rtl;
	unicode-bidi:bidi-override;
}
.index-product .con ul li:nth-child(1) .text{
    padding:30px 45px;
    right:-1999px;
}
.index-product .con ul li:hover .text{
    right:0;
    transition: right 0.3s;
}
.index-product .con ul li:hover .tit{
    display:none;
}
.index-product .con ul li:nth-child(1),
.index-product .con ul li:nth-child(1) img{
    width:775px;
    height:705px;
}
.index-product .con ul li:nth-child(2),
.index-product .con ul li:nth-child(3),
.index-product .con ul li:nth-child(2) img,
.index-product .con ul li:nth-child(3) img{
    width:600px;
    height:340px;
}
.index-product .con ul li .tit{
    position:absolute;
    text-align:center;
    width:100%;
    top:50%;
    margin-top:-40px;
}
.index-product .con ul li .tit h3{
    display:inline-block;
    height:80px;
    line-height:80px;
    font-size:18px;
    color:#fff;
    min-width:200px;
    padding:0 20px;
    box-sizing:border-box;
    background:rgba(0,0,0,0.3);
}
.index-product .more{
    text-align:center;
}
.index-product .more a{
    color:#999999;
    font-size:14px;
}
.index-cases{
    padding-bottom:50px;
}
.index-cases-con{
    position:relative;
    width:1400px;
    height:788px;
}
.index-cases-con .gallery-top{
    width:1400px;
    height:788px;
}
.index-cases-con .gallery-top .swiper-slide img{
    width:1400px;
    height:788px;
    object-fit: cover;
    display:block;
}
.index-cases-con .gallery-top .swiper-slide .text{
    position:absolute;
    background:rgba(0,0,0,0.5);
    width:605px;
    height:340px;
    top:50%;
    left:50%;
    margin-left:-302.5px;
    margin-top:-170px;
    font-size:18px;
    color:#fffefe;
    line-height:30px;
    display:-webkit-box;
    -webkit-box-align:center;
    -webkit-box-pack:center;
}
.index-cases-con .gallery-thumbs{
    position:absolute;
    right:20px;
    top:40px;
    z-index:99;
    height:710px;
}
.index-cases-con .gallery-thumbs ul li{
    margin-bottom:15px;
    cursor:pointer;
}
.index-cases-con .gallery-thumbs ul li.cur img{
    border:#bd8c67 2px solid;
}
.index-cases-con .gallery-thumbs ul li img{
    width:222px;
    height:125px;
    object-fit: cover;
    border:#fff 2px solid;
}
.index-cases-con .swiper-button-next{
    top:auto;
    bottom:0;
    margin:0;
    right:120px;
    transform: rotate(90deg);
}
.index-cases-con .swiper-button-prev{
    top:0;
    left:auto;
    margin:0;
    right:120px;
    transform: rotate(90deg);
}
.footer{
    background:#333333;
	direction:rtl;
	unicode-bidi:bidi-override;
}
.footer .w1400{
    padding:30px 40px 30px 0px;
    box-sizing:border-box;
    display:flex;
}
.footer .left{
    width:640px;
	text-align: right;
}
.footer .left .logo{
    height:28px;
    object-fit: contain;
    margin-bottom:15px;
	
}
.footer .left p{
    font-size:14px;
    color:#fff;
    line-height:36px;
	float: right;
}
.footer dl{
    margin:0 50px 0 0;
	text-align: right;
}
.footer dl dt{
    font-size:14px;
    color:#ffffff;
    position:relative;
    line-height:30px;
    margin-bottom:10px;
    padding-right:20px;
    font-weight:600;
	text-align: right;
}
.footer dl dt:before{
    content:"";
    position:absolute;
    right:0;
    top:50%;
    background:url(../images/tit-mark.png) 0 0 no-repeat;
    background-size:10px;
    width:10px;
    height:10px;
    margin-top:-5px;
}
.footer dl dd a,
.footer dl dd span{
    display:block;
    color:#fff;
    font-size:14px;
    line-height:36px;
}
.footer dl dd span{
    padding-left:30px;
    background-size:18px;
}
/*
.footer dl dd span.tell{
    background:url(../images/contact-tell.png) 0 center no-repeat;
}
.footer dl dd span.skype{
    background:url(../images/contact-skype.png) 0 center no-repeat;
}
.footer dl dd span.email{
    background:url(../images/contact-email.png) 0 center no-repeat;
}
.footer dl dd span.web{
    background:url(../images/contact-web.png) 0 center no-repeat;
}
.footer dl dd span.addr{
    background:url(../images/contact-addr.png) 0 center no-repeat;
}
*/
.footer .copyright{
    background:#222222;
    line-height:40px;
    text-align:center;
    color:#fff;
    font-size:14px;
}
.footer .copyright span{
    margin:0 10px;
}

.inner-banner{
    background-size:100%!important;
    height:500px;
    position:relative;
}
.inner-banner .text{
    width:300px;
    height:100px;
    background:rgba(189,140,103,0.5);
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-150px;
    margin-top:-50px;
}
.inner-banner .text h2{
    font-size:36px;
    color:#fff;
    text-align:center;
    line-height:100px;
}
.about-hd{
    border-bottom:#f5f5f5 1px solid;
    text-align:center;
}
.about-hd h3{
    text-align:center;
    line-height:50px;
    color:#bd8c67;
    font-size:18px;
    border-bottom:#bd8c67 4px solid;
    padding:0 10px;
    display:inline-block;
}
.about-company-intro{
    padding:30px 0;
    overflow: hidden;
}
.about-company-intro .intro{
    padding:40px 0;
    overflow: hidden;
	text-align: right;
	direction:rtl;
	unicode-bidi:bidi-override;
}
.about-company-intro .intro img{
    float:left;
    width:527px;
    height:375px;
    object-fit: cover;
    margin:0 30px 0 0;
}
.about-company-intro .intro p{
    line-height:30px;
    font-size:16px;
    color:#555555;
    margin-bottom:30px;
}
.about-company-intro .intro p:last-child{
    margin-bottom:0;
	text-align: right;
	direction: rtl;
}
.about-company-intro .culture{
    margin:30px auto 0;
}
.about-company-intro .culture .left{
    float:left;
    width:770px;
}
.about-company-intro .culture .left .text{
    margin-bottom: 30px;
    text-align:center;
}
.about-company-intro .culture .left .text h3{
    line-height:50px;
    color:#bd8c67;
    font-size:30px;
    border-bottom:#bd8c67 4px solid;
    padding:0 10px;
    display:inline-block;
    margin-bottom:10px;
}
.about-company-intro .culture .left .text p{
    color:#555555;
    font-size:24px;
    line-height:50px;
}
.about-company-intro .culture .right{
    float:right;
}
.about-company-intro .culture .right img{
    width:440px;
    height:482px;
    object-fit: cover;
}
.about-media-con {
    position:relative;
    background:#f5f5f5;
    width:1400px;
    height:650px;
    margin:40px auto;
    padding:10px;
    box-sizing:border-box;
}
.about-media-con .gallery-top{
    width:1120px;
    height:630px;
    margin:0;
}
.about-media-con .gallery-top .swiper-slide iframe{
    width:1120px;
    height:630px;
    display:none;
}
.about-media-con .gallery-top .swiper-slide.swiper-slide-active iframe{
    display:block;
}
.about-media-con .gallery-thumbs{
    position:absolute;
    right:10px;
    top:35px;
    height:580px;
    z-index:99;
}
.about-media-con .gallery-thumbs .swiper-slide{
    cursor:pointer;
}
.about-media-con .gallery-thumbs .swiper-slide:after{
    content:"";
    position: absolute;
    background: rgba(0,0,0,.3);
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9;
}
.about-media-con .gallery-thumbs .swiper-slide img{
    width:250px;
    height:140px;
    object-fit: cover;
    border:#f5f5f5 2px solid;
    box-sizing: border-box;
}
.about-media-con .gallery-thumbs .cur img{
    border:#bd8c67 2px solid;
}
.about-media-con .gallery-thumbs .cur:after{
    display:none;
}
.about-media-con .swiper-button-next{
    top:auto;
    bottom:10px;
    margin:0;
    right:10px;
    width:250px;
    height:20px;
    background:url(../images/arrow-bottom.png) center center no-repeat #e5e5e5;
    background-size:12px;
    cursor: pointer;
}
.about-media-con .swiper-button-prev{
    top:10px;
    left:auto;
    margin:0;
    right:10px;
    width:250px;
    height:20px;
    background:url(../images/arrow-top.png) center center no-repeat #e5e5e5;
    background-size:12px;
    cursor: pointer;
}
.about-develop-con{
    padding:40px 0;
    overflow:hidden;
}
.about-develop-con .left{
    background:#f5f5f5;
    width:240px;
    height:700px;
    float:left;
    padding:60px 20px;
    box-sizing:border-box;
    position:relative;
}
.about-develop-con .left .development-classify{
    height: 500px;
    margin:45px 0 0 0;
}
.about-develop-con .left ul li{
    position:relative;
}
.about-develop-con .left .development-classify ul li:after{
    content:"";
    background:#dcdcdc;
    width:1px;
    height:112px;
    top:0;
    left:50%;
    margin-left:-0.5px;
    position:absolute;
    z-index:1;
}
.about-develop-con .left ul li span{
    background:#dcdcdc;
    width:200px;
    height:60px;
    text-align:center;
    line-height:60px;
    color:#000000;
    font-size:18px;
    cursor:pointer;
    position:relative;
    z-index:2;
    display: block;
}
.about-develop-con .left ul li.cur span{
    background:#bd8c67;
    color:#fff;
}
.about-develop-con .left .development-classify ul li span:before{
    content:"";
    position:absolute;
    width:15px;
    height:15px;
    background:#dcdcdc;
    border-radius: 100px;
    left:50%;
    margin-left:-7.5px;
    top:-30px;
}
.about-develop-con .left ul li:last-child:after{
    content:"";
    position:absolute;
    width:15px;
    height:15px;
    background:#dcdcdc;
    border-radius: 100px;
    left:50%;
    margin-left:-7.5px;
    bottom:-30px;
}
.about-develop-con .right{
    height:700px;
    float:right;
    width:1145px;
}
.about-develop-con .development .swiper-slide img{
    width:1145px;
    height:455px;
    object-fit: cover;
    margin-bottom:20px;
}
.about-develop-con .development .swiper-slide p{
    color:#999999;
    font-size:16px;
    line-height:30px;
    margin-bottom:20px;
	text-align: right;
}
.development-prev,
.development-next{
    background-size:44px;
    width:44px;
    height:31px;
    position:absolute;
    left:50%;
    margin-left:-22px;
    cursor:pointer;
}
.development-prev{
    top:30px;
    background:url(../images/arrow-top2.png) 0 0 no-repeat;
}
.development-next{
    bottom:30px;
    background:url(../images/arrow-bottom2.png) 0 0 no-repeat;
}
.about-honor-con{
    padding:40px 0;
    overflow:hidden;
    position:relative;
}
.about-honor-con .honor{
    margin:0 auto 20px;
}
.about-honor-con .honor .swiper-slide{
    border:#f5f5f5;
    width:420px;
    height:320px;
    box-sizing:border-box;
}
.about-honor-con .honor .swiper-slide img{
    width:400px;
    height:300px;
    object-fit: cover;
    border:#f5f5f5 10px solid;
}
.honor-prev,
.honor-next{
    background-size:18px;
    width:30px;
    height:100px;
    position:absolute;
    top:50%;
    margin-top:-50px;
    cursor:pointer;
}
.honor-prev{
    left:0;
    background:url(../images/arrow-l.png) center center no-repeat #f5f5f5;
}
.honor-next{
    right:0;
    background:url(../images/arrow-r.png) center center no-repeat #f5f5f5;
}
.website{
    text-align:right;
    color:#999999;
    font-size:14px;
    line-height:36px;
    padding:20px 0;
    border-bottom:#f5f5f5 1px solid;
}
.website a{
    color:#999;
}
.product-center{
    padding:30px 0 60px;
    overflow:hidden;
}
.leftmenu{
    width:300px;
    float:right;
}
.leftmenu h3{
    background:#bd8c67;
    height:100px;
    line-height:100px;
    text-align:center;
    font-size:24px;
    color:#ffffff;
    margin-bottom:5px;
}
.leftmenu ul{
    background:#f5f5f5;
    padding:0 0 60px 0;
}
.leftmenu ul li{
    line-height:60px;
    border-bottom:#dcdcdc 1px solid;
	text-align: right;
}
.leftmenu ul li a:after{
    content:"";
    position: absolute;
    top:50%;
    margin-top:-5px;
    left:30px;
    border-top:transparent 5px solid;
    border-bottom:transparent 5px solid;
    border-right:#555555 8px solid;
}
.leftmenu ul li a{
    padding:0 20px 0 50px;
    color:#555555;
    font-size:18px;
    position:relative;
}
.leftmenu ul li.cur a,
.leftmenu ul li:hover a{
    color:#bd8c67;
}
.leftmenu ul li.cur a:after,
.leftmenu ul li:hover a:after{
    border-right:#bd8c67 8px solid;
}
.rightcot{
    float:left;
    width:1050px;
}
.productlist ul{
    margin-left:-50px;
}
.productlist ul li{
    float:left;
    width:336px;
    margin:0 0 20px 30px;
}
.productlist ul li img{
    width:336px;
    height:210px;
    object-fit: cover;
}
.productlist ul li p{
    text-align:center;
    font-size:16px;
    color:#555555;
    line-height:36px;
}
.productlist ul li a:hover p{
    color:#bd8c67;
}
/*分页*/
.paging{
    text-align:center;
}
.paging .cont{
    display:inline-block;
}
.paging .cont a{
    display:block;
    background:#dddddd;
    width:25px;
    height:25px;
    text-align:center;
    line-height:25px;
    font-size:14px;
    color:#777777;
    float:left;
    margin:0 5px;
}

.paging .cont span{
    display:block;
    background:#bd8c67;
    width:25px;
    height:25px;
    text-align:center;
    line-height:25px;
    font-size:14px;
    color:#fff;
    float:left;
    margin:0 5px;
}

.paging .cont a:hover,
.paging .cont a.on{
    background:#bd8c67;
    color:#fff;
}
.product-detail .topbox .leftside{
    width:580px;
    height:478px;
    background:#f5f5f5;
    padding:10px;
    box-sizing:border-box;
    position:relative;
    float:left;
}
.product-detail .topbox .leftside .gallery-top .swiper-slide img{
    width:560px;
    height:350px;
    display:block;
    object-fit: cover;
}
.product-detail .topbox .leftside .gallery-thumbs{
    width:510px;
    margin:20px auto 10px;
}
.product-detail .topbox .leftside .gallery-thumbs .swiper-slide img{
    width:120px;
    height:75px;
    object-fit: cover;
    cursor:pointer;
    box-sizing:border-box;
    border:#f5f5f5 1px solid;
}
.product-detail .topbox .leftside .gallery-thumbs .swiper-slide-active img{
    border:#bd8c67 1px solid;
}
.product-detail .topbox .leftside .swiper-button-prev,
.product-detail .topbox .leftside .swiper-button-next{
    background-size:14px!important;
    width:20px;
    height:73px;
    position:absolute;
    bottom:24px;
    cursor:pointer;
    top:auto;
}
.product-detail .topbox .leftside .swiper-button-prev{
    left:10px;
    background:url(../images/arrow-l.png) center center no-repeat #fff;
}
.product-detail .topbox .leftside .swiper-button-next{
    right:10px;
    background:url(../images/arrow-r.png) center center no-repeat #fff;
}
.product-detail .topbox .rightside{
    float:right;
    width:450px;
	text-align: right;
	direction:rtl;
	unicode-bidi:bidi-override;
}
.product-detail .topbox .rightside h3{
    font-size:20px;
    color:#000000;
    line-height:40px;
    margin-bottom:20px;
}
.product-detail .topbox .rightside ul li{
    font-size:16px;
    color:#555555;
    line-height:30px;
}
.product-detail .topbox .rightside ul li span{
    font-size:16px;
    line-height:30px;
    font-weight:bold;
    display:inline-block;
}
.product-detail .topbox .rightside .consult{
    font-size: 16px;
    color:#ffffff;
    width:150px;
    height:50px;
    line-height:50px;
    border-radius:5px;
    background:url(../images/ico-consult.png) 22px center no-repeat #03b6f1;
    background-size:26px;
    display:block;
    padding-left:55px;
    box-sizing:border-box;
    margin:20px 0 30px;
}
.product-detail .topbox .rightside .attention span{
    font-size:16px;
    color:#555555;
    line-height:32px;
    float:right;
}
.product-detail .topbox .rightside .attention a{
    float:right;
    margin:0 10px 0 0;
}
.product-detail .topbox .rightside .attention img{
    width:32px;
    height:32px;
}
.product-detail .detail{
    margin:20px 0 0 0;
}
.product-detail .detail-hd{
    border-bottom:#f5f5f5 1px solid;
    line-height:50px;
	text-align: right;
}
.product-detail .detail-hd h3{
    font-size:18px;
    color:#555555;
    display:inline-block;
    padding:0 20px;
    border-bottom:#bd8c67 2px solid;
}
.product-detail .detail .cont{
    padding:20px 50px 0 50px;
    box-sizing:border-box;
}
.product-detail .detail .cont img{
    max-width:100%;
    margin-bottom:10px;
}
.product-detail .detail .next {
    margin:30px 50px 0;
	direction:rtl;
	unicode-bidi:bidi-override;
}
.product-detail .detail .next a{
    font-size:16px;
    color:#999999;
    line-height:30px;
}
.caselist ul{
    margin-left:-50px;
}
.caselist ul li{
    float:left;
    width:336px;
	height: 274px;
    margin:0 0 20px 30px;
}
.caselist ul li img{
    width:336px;
    height:202px;
    object-fit: cover;
}
.caselist ul li p{
    text-align:center;
    font-size:16px;
    color:#555555;
    line-height:36px;
}
.caselist ul li a:hover p{
    color:#bd8c67;
}
.case-detail{
    margin:0 0 0 40px;
    width:1020px;
}
.case-detail .topbox{
    width:1020px;
    height:750px;
    background:#f5f5f5;
    padding:10px;
    box-sizing:border-box;
    position:relative;
    float:left;
}
.case-detail .topbox .gallery-top .swiper-slide img{
    width:1000px;
    height:600px;
    display:block;
    object-fit: cover;
}
.case-detail .topbox .gallery-thumbs{
    width:1000;
    margin:15px auto;
}
.case-detail .topbox .gallery-thumbs .swiper-slide img{
    width:180px;
    height:110px;
    object-fit: cover;
    cursor:pointer;
    box-sizing:border-box;
    border:#f5f5f5 1px solid;
}
.case-detail .topbox .gallery-thumbs .swiper-slide-active img{
    border:#bd8c67 1px solid;
}
.case-detail .topbox .swiper-button-prev,
.case-detail .topbox .swiper-button-next{
    width:30px;
    height:100px;
    position:absolute;
    cursor:pointer;
    top:300px;
    background-color:rgba(255,255,255,0.5);
    background-size:10px!important;
}
.case-detail .topbox .swiper-button-prev{
    left:10px;
}
.case-detail .topbox .swiper-button-next{
    right:10px;
}
.case-detail-intro{
    margin:10px 0 30px 0;
	text-align: right;
	direction:rtl;
	unicode-bidi:bidi-override;
}
.case-detail-intro h3{
    font-size:24px;
    color:#000000;
    line-height:50px;
}
.case-detail-intro p{
    color:#555555;
    font-size:16px;
    line-height:30px;
}
.case-detail .next a{
    font-size:16px;
    color:#999999;
    line-height:30px;
	margin-right: 10px;
	direction:rtl;unicode-bidi:bidi-override;
}
.brand-banner{
    background:url(../images/brand-banner.jpg) 0 0 no-repeat;
    background-size:cover;
    width:100%;
    height:1086px;
    margin-bottom:30px;
}
.brand-banner .w1400{
    box-sizing:border-box;
    padding:250px 90px 0;
	text-align: right;
}
.brand-banner h2{
    font-size:36px;
    line-height:48px;
    color:#ffffff;
    position:relative;
    padding-bottom:10px;
    margin-bottom:30px;
}
.brand-banner h2:after{
    content:"";
    position:absolute;
    bottom:0;
    right:0;
    background:#ffffff;
    width:80px;
    height:2px;
}
.brand-banner .text{
    font-size:18px;
    line-height:40px;
    color:#ffffff;
	direction:rtl;
	unicode-bidi:bidi-override;
}
.brand-banner .text h3{
    font-size:24px;
}
.barnd-strength{
    padding:0 0 50px 0;
}
.barnd-strength .about-honor-con{
    padding-bottom:20px;
}
.barnd-strength .about-honor-con .swiper-slide img {
    width: 400px;
    height: 300px;
    object-fit: cover;
}
.barnd-strength .about-honor-con .quality .swiper-slide img{
    width:300px;
    height:430px;
    border:#f5f5f5 10px solid;
}
.about-develop.diggings .left ul:after,
.about-develop.diggings .left ul li:after,
.about-develop.diggings .left ul li:before{
    display:none;
}
.about-develop.diggings .left .diggings-classify {
    height:450px;
    margin:50px 0 0 0;
}
.about-develop.diggings .left ul li{
    margin-top:0;
}
.about-develop.diggings .development .swiper-slide img{
    width:1145px;
    height:700px;
}
.about-develop.diggings .development .swiper-button-prev,
.about-develop.diggings .development .swiper-button-next{
    width:30px;
    height:100px;
    position:absolute;
    cursor:pointer;
    top:300px;
    background-color:rgba(255,255,255,0.5);
    background-size:10px!important;
    z-index:9;
    bottom:auto;
    margin:0;
    background-position: center center;
}
.about-develop.diggings .development{
    position:relative;
}
.about-develop.diggings .development .swiper-button-prev{
    left:0;
}
.about-develop.diggings .development .swiper-button-next{
    right:0;
    left:auto;
}
.about-develop-con.diggings .development .swiper-slide img{
    margin-bottom:0;
}
.contact-us{
    padding:30px 0;
    overflow:hidden;
	direction:rtl;
	unicode-bidi:bidi-override;
}
.contact-us .topbox{
    width:1260px;
    margin:0 auto;
    padding:40px 0;
}
.contact-us .topbox .left{
    float:right;
    width:630px;
	text-align: right;
}
.contact-us .topbox h3{
    font-size:30px;
    color:#000000;
    line-height:50px;
    font-weight:500;
}
.contact-us .topbox .text{
    margin-top:30px;
}
.contact-us .topbox .text h4{
    font-size:24px;
    color:#000000;
    line-height:36px;
    font-weight:500;
}
.contact-us .topbox .text p{
    font-size:18px;
    color:#000000;
    line-height:36px;
}
.contact-us .topbox .text .link{
    margin:15px 0 0 0;
}
.contact-us .topbox .text .link a{
    float:right;
    margin:0 0 0 15px;
}
.contact-us .topbox .text .link a img{
    width:32px;
    height:32px;
}
.contact-us .topbox .right{
    float:left;
	width: 600px;
}
.contact-us .topbox .form ul li {
    margin-bottom:20px;
    overflow:hidden;
}
.contact-us .topbox .form ul li label{
    font-size:18px;
    color:#555555;
    line-height:50px;
    display:block;
    float:right;
    width:150px;
	text-align: right;
}
.contact-us .topbox .form ul li input{
    font-size:18px;
    color:#555555;
    line-height:50px;
    border:#cccccc 1px solid;
    box-sizing:border-box;
    float:right;
    width:300px;
    padding:0 10px;
}
.contact-us .topbox .form ul li textarea{
    font-size:18px;
    color:#555555;
    line-height:28px;
    border:#cccccc 1px solid;
    box-sizing:border-box;
    float:left;
    width:450px;
    height:160px;
    padding:10px;
}
.contact-us .topbox .form ul li input::-webkit-input-placeholder{
    color:#ccc;
}
.contact-us .topbox .form ul li textarea::placeholder{
    color:#ccc;
}
.contact-us .topbox .form .btn{
    width:120px;
    height:40px;
    border-radius:5px;
    background:#bd8c67;
    color:#fff;
    font-size:16px;
    text-align:center;
    line-height:40px;
    display:block;
    margin:0 150px 0 0;
}
.contact-us .map{
    width:1260px;
    border-top:#f5f5f5 1px dashed;
    padding-top:30px;
    margin:30px auto;
}
.contact-us .mapbox{
    width:1260px;
    height:550px;
}