
body{
    background: #1c2023;padding-top: 100px;
}
/*************home************/
.header-wrap{
    height: 100px;background: #0a2655;position: fixed;margin:auto auto;left: 0;top: 0;right: 0;z-index: 3;
}
.header-main{
    width: 1080px;height: 40px;margin: 30px auto;display: flex;justify-content: space-between;
}
.logo{
    width: 158px;height: 40px;
}
.logo img{
    display: block;width: auto;height: 100%;
}
.news-wrap{
    display: flex;width: 100%;height: auto;
}
.navlist{
    width: auto;height: 40px;line-height: 40px;display: flex;justify-content: center;
}
.navlist li{
    margin: 0 20px;
}
.navlist li>a{
    color: #fff;font-size: 18px;
}
.dropdown{
    position: relative;
}
.dropdown-list{
    position: absolute;width: 120px;height: auto;left: -20px;top: 35px;background: rgba(0,0,0,0.7);padding: 10px;border-radius: 4px;display: none;transition: .3s all;
}
.dropdown-list a{
    display: block;height: 30px;line-height: 30px;font-size: 14px;color: #fff;border-bottom: 1px solid rgba(255,255,255,0.6);width: 100%;text-align: center;
}
.dropdown-list a:last-child{
    border-bottom: 0;
}
.dropdown:hover .dropdown-list{
    display: block;
}
.header-form{
    width: 240px;height: 30px;background: #fff;border-radius: 4px;margin-top: 5px;overflow: hidden;
}
.header-search{
    width: 200px;height: 30px;padding-left: 14px;font-size: 16px;color: #333;float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.header-search:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size:16px;color: #9fa0a0;font-family: "\5FAE\8F6F\96C5\9ED1";
}
.header-search::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size:16px;color: #9fa0a0;font-family: "\5FAE\8F6F\96C5\9ED1";
}
.header-search:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-size:16px;color: #9fa0a0;font-family: "\5FAE\8F6F\96C5\9ED1";
}
.header-search::-webkit-input-placeholder { /* WebKit browsers */
    font-size:16px;color: #9fa0a0;font-family: "\5FAE\8F6F\96C5\9ED1";
}
.header-search-btn{
    width: 40px;height: 30px;float: right;background: url("../images/search.png") no-repeat center center;
}
.project{
    width: 100%;height: auto;margin: 0 auto; overflow:hidden;position: relative;
}
.banner{
	width: 1920px;height: 850px;margin: 0 auto;
}
.bg1{
    background: url("../images/banner1.png") no-repeat;
}
.bg2{
    background: url("../images/banner2.png") no-repeat;
}
.bg3{
    background: url("../images/banner3.png") no-repeat;
}
.bg4{
    background: url("../images/banner4.png") no-repeat;
}
.project video{
	left: 0;right: 0;top: 0;margin: auto auto;position: absolute;
}
.project a{ display:block; height:auto }
.pos1{
    font-size: 208px; background: linear-gradient(to bottom, #e6920f,#fe0700);left: 0;right: 0;top: 25.6%;margin: auto auto;position: absolute;
    -webkit-background-clip: text;font-weight: bold;line-height: 1;
    color: transparent;text-align: center; 
    /*text-shadow: 0px 0px 10px rgba(255,255,255,0.1);*/
}
.pos2{
    font-size: 140px; background: linear-gradient(to bottom, #e6920f,#fe0700);left: 0;right: 0;top: 57%;margin: auto auto;position: absolute;
    -webkit-background-clip: text;font-weight: bold;line-height: 1;
    color: transparent;text-align: center;
}
.pos3{
    font-size: 170px;color: #00a8ff;font-weight: 900;left: 50%;margin-left: -680px;top: 37%;width: auto;position: absolute;line-height: 1;
}
.pos4{
    font-size: 141px;color: #fff;font-weight: bold;left: 50%;margin-left: -680px;top: 60.9%;position: absolute;line-height: 1;
}
.pos5{
    font-size: 124px;color: #fff;line-height: 1;font-weight: bold;left: 50%;margin-left: -468px;top: 68.7%;position: absolute;
}
.pos6{
    font-size: 82px;color: #88c122;line-height: 1;font-weight: bold;left: 50%;margin-left: -468px;top:85.1%;position: absolute;
}
.pos7{
    font-size: 70px;color: #fff;line-height: 1;font-weight: bold;left: 50%;margin-left: -670px;top:31.5%;position: absolute;
}
.pos8{
    font-size: 120px;color: #ffb100;line-height: 1;font-weight: bold;left: 50%;margin-left: -615px;top:43.76%;position: absolute;
}
footer{
    background: #0a2655;text-align: center;line-height: 60px;height: 60px;font-size: 18px;color: #fff; width:100%;
}

/*news*/
.main{
    width: 100%;max-width: 1330px;margin: 0 auto;
}
.banner{
    width: 100%;height: auto;margin: 32px auto 0;
}
.banner img{
    display: block;width: 100%;height: auto;margin: 0 auto;
}
.title{
    font-size: 30px;color: #fff;left: 20px;top: 10px;line-height: 1;
}
.news-wrap2{
    width: 100%;height: auto;border-top: 1px solid rgba(255,255,255,0.85);border-bottom: 1px solid rgba(255,255,255,0.85);padding-top: 20px;padding-bottom: 70px;margin-top: 5px;display: flex;
}
.news-img-wrap{
    width: 240px;height: auto;margin-right: 14px;
}
.news-img-wrap img{
    display: block;width: 100%;height: auto;border: 1px solid #000;margin-bottom: 27px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.news-main{
    flex: 1;
}
.news-main-top{
    height: 26px;line-height: 26px;
}
.news-title{
    font-size: 26px;color: #fff;font-weight: bold;
}
.news-time{
    font-size: 18px;color: rgba(255,255,255,0.85);
}
.news-main{
    font-size: 15px;color: #b5b5b5;line-height: 2;padding-top:10px;
}
/*分页*/
.clearfix:after { content:""; height:0; visibility:hidden; display:block; clear:both; }
.clearfix { zoom:1; }
.wrap { margin:20px auto 15px;overflow:hidden; position:relative; }
.inwrap{ float:left; position:relative; left:50%;}
.ys-page-wrap{
    width: auto;height: 36px;float:left; position:relative; left:-50%;
}
.ys-page-btn{
    width: auto;height: 34px;line-height: 34px;margin: 0 7px;
}
.ys-page-btn a{
    width: 100%;height: 100%;color: #fff;
}
.ys-page-btn:hover{
    border-bottom: 1px solid #fff;
}
.ys-page-btn:hover a{
    color: #fff;
}
.ys-page-wrap li{
    width: auto;height: 34px;line-height: 34px;margin:0 8px;cursor: pointer; float:left; font-size:14px;
}
.ys-page-wrap li a:hover{
    border-bottom: 1px solid #fff
}
.ys-page-wrap li a{
    color: #fff;
}
.pageinfo{color: #fff;}
.ys-page-wrap li.thisclass{
    border-bottom: 1px solid #fff
}
.ys-page-btn:last-child{
    margin-right: 0;
}
.ys-prev{
    background: url("../images/syy.png") no-repeat center center;width: 34px;
}
.ys-next{
    background: url("../images/xyy.png") no-repeat center center;width: 34px;
}


/*新闻列表*/
.newslisy{
    width: 100%;height: auto;margin: 0 auto;
}
.newslisy li{
    border-bottom: 1px solid rgba(255,255,255,.75);overflow: hidden;padding: 35px 0 10px;
}
.newslist-l{
    width: 50%;height: auto;display: flex;float: left;
}
.productlaunch{
    width: 227px;text-align: right;padding-top: 20px; padding-right:15px;
}
.productlaunch span{
    display: block;
}
.productlaunch span:first-child{
    font-size: 30px;
}
.productlaunch span:nth-child(2){
    font-size: 20px;
}
.product-img{
    flex: 1;
}
.product-img img{
    width: 100%;
}
.product-content{
    width: 44%;height: auto;float: right;margin-right: 4.7%; 
}
.product-title{
    font-size: 26px;line-height: 50px;margin-top: 20px;
}
.product-description{
    font-size: 14px;line-height: 29px;color: #b5b5b5;margin-top: 15px;
}
.product-description a{
    color: #b5b5b5;
}

/*产品详情页*/
.detail-banner{
    width: 100%;height: auto;margin: 0 auto;
}
.detail-banner img{
    display: block;width: 100%;height: auto;
}
.detail-banner-shade{
    padding: 0 6% 5px;height: auto;background: rgba(0,0,0,0.75);margin: auto auto;left: 0;right: 0;bottom: 0;
}
.detail-banner-shade p:first-child{
    font-size: 42px;line-height: 59px;font-weight: bold;
}
.h2-title{
    height: 98px;line-height: 98px;font-size: 66px;color: #3e3a39;text-align: center;background: #eeeeee;
}
.finishes-list{
    margin: 84px auto 0;width: 1096px;
}
.finishes-list li{
    width: 500px;height: 500px;border-radius: 36px;overflow: hidden;position: relative;float: left;margin-bottom: 96px;cursor: pointer;
}
.finishes-list li:nth-child(2n){
    float: right;
}
.finishes-list li img{
    display: block;width: 100%;height: 100%;
}
.shade{
    width: 100%;height: 105px;line-height: 105px;font-size: 32px;text-align: center;color: #fff;margin: auto auto;left: 0;right: 0;bottom: 0;
    transition: .3s all;background: rgba(0,0,0,0.8);cursor: pointer;
}
.shade:hover {
    height: 244px;line-height: 162px;
}
.view-wrap,.video-wrap{
    background: rgba(0,0,0,0.85);position: fixed;margin: auto auto;z-index: 5;left: 0;right: 0;top: 0;bottom: 0;
}
.view-main,.video-main{
    width: 640px;height: 480px;margin: auto auto;background: #fff;position: absolute;left: 0;right: 0;top: 0;bottom: 0;
}
.view-main img{
    display: block;width: 600px;height: auto;margin: 20px;max-height: 600px;
}
.view-main{transition: .3s all;background: rgba(0,0,0,0.4);}
.video-main{
    width: 640px;height: 360px;margin: auto auto;background: #fff;position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: flex;justify-content: center;
}
.video-main video{
    display: block;width: 640px;height: auto;background:#000;
}
.view-close,.video-close{
    width: 30px;height: 30px;background: url("../images/close.jpg") no-repeat 0 0;background-size: 100% 100%;border-radius: 15px;
    position: absolute;right: 0;top: 0;cursor: pointer; z-index:99;
}
.specifications-list{
    width: 700px;height: auto;margin: 50px auto;
    overflow: hidden;
}
.specifications-list dl{
    margin-top: 16px;margin-bottom: 16px;line-height: 32px;font-size: 20px;color: #dcdddd;overflow: hidden;
}
.specifications-list dl span{
    display: block;
}
.specifications-list dl:nth-child(2n){
    background: #626262;
}
.specifications-list dt{
    display: block;float: left;width: 37%;padding-left: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.specifications-list dd{
    display: block;float: left;width: 63%;
}
.specifications-list dd img{
    display: block;width: 196px;height: auto;margin: 20px auto 10px;
}

/*产品列表页*/
.product-list{
    /*width: 91%;*/height: auto;margin: 0 auto;width: 1750px;padding-bottom: 50px;
}
.per-product{
    width: 31.5%;margin-right: 2.75%;padding: 40px 0 0;height: 415px;overflow: hidden;
}
.per-product:nth-child(3n){
    margin-right: 0;
}
.per-product>img{
    display: block;width: 100%;height: auto;
}
.product-des{
    margin: auto auto;left: 0;right: 0;bottom: 0;height: 80px;transition: .3s all;text-align: center;;border-radius: 10px;cursor: pointer;
}
.product-name{
    font-size: 36px;color: #fff; width:550px; overflow:hidden;white-space:nowrap;
}
.product-en{
    font-size: 26px;font-weight: bold;color: #fff;letter-spacing: 14px;line-height: 1;
}
.product-info{
    font-size: 26px;color: #3e3a39;text-align: center;
}
.per-product:first-child .product-des{
    background: #f7b709;
}
.product-des:hover{
    padding-top: 56px;height: 154px;opacity: 0.8;
}
.product-des:hover .product-info{
    opacity: 1;
}
.product-des:hover .product-name,.product-des:hover .product-en{
    color: #fff;
}
.product-des:hover .product-en{
    font-size: 40px;
}
.per-product:nth-child(2) .product-des{
    background: #e94709;
}
.per-product:nth-child(3) .product-des{
    background: #7103b0;
}
.per-product:nth-child(4) .product-des{
    background: #0068b7;
}
.per-product:nth-child(5) .product-des{
    background: #009944;
}
.per-product:nth-child(6) .product-des{
    background: #b6dc07;
}
.img-wrap{
    width: 100%;height: 336px;overflow: hidden;
}
.img-wrap>img{
    display: block;width: 100%;height: 100%;
}
.video-play{
    width: 100%;height: 100%;background: url("../images/play-icon.png") no-repeat center center rgba(0,0,0,0.8);left: 0;top: 0;background-size: 70px 70px;cursor: pointer;
}



    /*产品详情列表*/
.finishes-list2{
    /*width: 1772px;*/display: flex;justify-content: space-between; margin: 60px auto;width: 92%;
}
.finishes-list2 li.per-finishes-list2{
    margin-right: 6%; overflow: hidden;border-radius: 15px!important;
}
.finishes-list2 li.per-finishes-list2:last-child{
    margin-right: 0;
}
.finishes-list2 li.per-finishes-list2>img{
    display: block;width: auto!important;  margin: 0 auto;
}
.finishes-list2-shade{
    width: 100%;height: 100px;transition: .3s all;left: 0;bottom: 0;background: rgba(0,0,0,0.8);padding-top: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.font32{
    font-size: 32px;
}
.font34{
    font-size: 34px;
}
.mt85{
    margin-top: 85px;
}
.finishes-list2-shade:hover{
    height: 265px;padding-top: 45px;
}
.des-detail-wrap{
    background: #10386d;padding: 60px 5%;line-height: 35px;
}
.specifications-list2{
    width: 90%;max-width: 1730px;
}
.specifications-list2 div{
    width: 48.9%;float: left;background: transparent;
}
.specifications-list2 div:nth-child(2){
    float: right;
}
.specifications-list2  div:nth-child(2) dl{
    background:none;
}
.specifications-list2  div:nth-child(2) dl:nth-child(2n+1){
    background: #626262;
}
.cofiguration-list{
    width: 92.44%;height: auto;max-width: 1775px;display: flex;justify-content: space-between;margin: 50px auto;
}
.cofiguration-list li{
	width:25%;
}
/*.per-cofiguration{
    width: 17%;
}*/
.cofiguration-name{
    font-size: 36px;color: #dcdddd;font-weight: bold;text-align: center;line-height: 1;
}
.model-number{
    width: 182px;height: 146px;border: 9px solid #231815;background: #fff;line-height: 1;text-align: center;padding-top: 5px;
    font-size: 26px;color: #231815;font-weight: bold;margin:66px auto 0;
}
.floor1{
    width: 230px;height: 114px;margin: -84px auto 0;
}
.floor1 .floor1-l{
    width: 78px;height: 68px;border: 9px solid #231815;border-radius: 50%;background: #fff;
    padding-top: 10px;
}
.floor1 .floor1-r{
    width: 96px;height: 84px;border: 9px solid #231815;border-radius: 50%;background: #fff;
    padding-top: 12px;float: right;
}
.floor1 .floor1-l dt,.floor1 .floor1-l dd,.floor2 .floor2-l dt,.floor2 .floor2-l dd,.floor3 .floor3-l dt,.floor3 .floor3-l dd,
.floor1 .floor1-r dt,.floor1 .floor1-r dd,.floor2 .floor2-r dt,.floor2 .floor2-r dd,.floor3 .floor3-r dt,.floor3 .floor3-r dd{
    display: block;font-size: 20px;line-height: 1;width: 100%;text-align: center;margin-top: 5px;font-weight: bold;height: 20px;
}
.floor2{
    width: 320px;height: 132px;margin: 0 auto;
}
.floor2 .floor2-l,.floor2 .floor2-r{
    width: 114px;height: 90px;border-radius: 50%;border: 9px solid #231815;text-align: center;padding-top: 24px;background: #fff;
}
.floor3{
    width: 410px;height: 148px;margin: -20px auto 0;overflow: hidden;
}
.floor3 .floor3-l,.floor3 .floor3-r{
    width: 130px;height: 100px;border-radius: 50%;border: 9px solid #231815;text-align: center;padding-top:30px;background: #fff;
}





img.img{ display:block;width:100%;height:100%;}
.content{ line-height:22px; padding:10px 0 0;color:#b5b5b5;}
.content img { margin:5px;}
.lnk {padding-top:20px;}
.lnk ,.lnk a{ color:#fff;}
.lnk li.left{float:left;}
.lnk li.right{float:right;}
.photo_shows { width:800px; margin:0 auto;}
