/*新站*/ #warp{ width:100%; max-width:1920px; min-width:750px; overflow:hidden; margin:auto;} .select-none{ -moz-appearance: none; -webkit-appearance:none; appearance:none;} .b{ font-weight:bold;} /*字体*/ /*@font-face { font-family: "DEMOS-LT-MEDIUM-ITALIC"; src: url("/font/DEMOS-LT-MEDIUM-ITALIC.TTF") format("truetype"); } .DEMOS-LT-MEDIUM-ITALIC{ font-family:'DEMOS-LT-MEDIUM-ITALIC' !important;} @font-face { font-family: "OPEN-SANS-BOLD"; src: url("/font/OPEN-SANS-BOLD.TTF") format("truetype"); } .OPEN-SANS-BOLD{ font-family:'OPEN-SANS-BOLD' !important;} @font-face { font-family: "gilroy-black-6"; src: url("/font/gilroy-black-6.otf") format("truetype"); } .gilroy-black-6{ font-family:'gilroy-black-6' !important;} @font-face { font-family: "Gilroy-Medium-2"; src: url("/font/Gilroy-Medium-2.otf") format("truetype"); } .Gilroy-Medium-2{ font-family:'Gilroy-Medium-2' !important;} @font-face { font-family: "SourceHanSansCN-Heavy"; src: url("/font/SourceHanSansCN-Heavy.otf") format("truetype"); } .SourceHanSansCN-Heavy{ font-family:'SourceHanSansCN-Heavy' !important;} @font-face { font-family: "SourceHanSansCN-Light"; src: url("/font/SourceHanSansCN-Light.otf") format("truetype"); } .SourceHanSansCN-Light{ font-family:'SourceHanSansCN-Light' !important;}*/ /*旋转*/ @-webkit-keyframes gogogo { 0%{ -webkit-transform: rotate(0deg); } 50%{ -webkit-transform: rotate(180deg); } 100%{ -webkit-transform: rotate(360deg); } } /*头部*/ #header{ width:100%; max-width:1920px; min-width:750px; background:#fff; position:fixed; top:0; left:0; right:0; z-index:6; margin:auto;} #header .logo{ width:168px; margin-top:16px;} #header .nav{ margin-left:15%;} #header .nav .slide{ padding:30px 0; position:relative; margin-left:60px;} #header .nav .slide::before{ width:100%; height:2px; display:none; background:#3e1a20; position:absolute; top:0; left:0; right:0; z-index:2; margin:auto; content:'';} #header .nav .slide .txt1{ line-height:20px; color:#363636;} #header .nav .slide.cur .txt1{ color:#3e1a20} #header .nav .slide.cur::before{ display:block;} #header .nav .slide:nth-child(1){ margin-left:0;} #header .option{} #header .option .lang{ margin-top:30px; margin-right:20px;} #header .option .lang .slide{ text-transform:uppercase; vertical-align:middle; color:#333; margin-left:20px;} #header .option .lang .slide img{ vertical-align:middle; margin-right:10px; margin-top:-3px;} #header .option .lang .slide:nth-child(1){ margin-left:0;} #header .option .button{ position:relative;} #header .option .button .target{ width:36px; height:80px; cursor:pointer; background:#f5f4f3 url(/images/img2.png) no-repeat center;} #header .option .button .search{ background:#421f25; position:absolute; top:100%; right:0; z-index:2;} #header .option .button .search form{ height:36px; display:flex; padding:0 9px;} #header .option .button .search form .input{ width:0px; height:100%; color:#666;} #header .option .button .search form .submit{ width:18px; height:100%; cursor:pointer; background:url(/images/img3.png) no-repeat center;} #header .option .button .search:hover form .input{ width:200px;} #header.shadow{ box-shadow:0 10px 10px 1px #f8f8f8;} /*手机版导航*/ /*#phone-nav{ width:100%; max-width:1920px; min-width:750px; text-align:center; background:rgba(255,255,255,.9); position:fixed; top:80px; left:0; right:0; z-index:5; margin:auto;}*/ #phone-nav{ width:100%; max-width:1920px; min-width:750px; text-align:center; background:rgba(255,255,255,1);position:fixed; top:80px; left:0; right:0; z-index:5; margin:auto;height: 0;display: none;overflow: hidden;} #phone-nav .slide{ width: 20%; color:#333; border-top:1px solid #666; padding:20px 0;float: left;} #phone-nav .slide a{ text-transform:uppercase;} /*广告*/ #banner{ width:100%; max-width:1920px; min-width:750px; position:relative;} #banner .slide{ width:100%; position:relative;} #banner .slide .img{ width:100%;} #banner .slide .contents{ text-align:center; position:absolute; top:50%; left:0; right:0; z-index:2; margin:auto; transform:translate3d(0px,-50%,0);} #banner .slide .contents .txt1{ font-size:60px; color:#fff;} #banner .slide .contents .txt2{ opacity:0.5; font-size:24px; color:#fff; margin-top:0.4%;} #banner .slide .contents .txt3{ line-height:1; text-transform:uppercase; color:#fff; font-size:46px;} #banner .slide .contents .txt4{ line-height:1; text-transform:uppercase; opacity:0.5; color:#fff; font-size:24px; margin-top:16px;} #banner .icon{ width:26px; position:absolute; left:0; right:0; bottom:9.4%; z-index:2; margin:auto;} #banner .arrow{ width:20px; position:absolute; top:48%; z-index:2;} #banner .arrow.prev{ left:5%;} #banner .arrow.next{ right:5%;} /*底部*/ #footer{ width:100%; background:#f8f6f4; position:relative; padding:80px 0 50px;} #footer .go-to-top{ width:70px; overflow:hidden; cursor:pointer; border-radius:50%; box-shadow:3px 5px 10px 1px #b8b6b5; position:absolute; top:-35px; left:0; right:0; z-index:2; margin:auto;} #footer .one{ width:100%; line-height:1;} #footer .one .slide{ border-right:1px solid #d0d0d0; padding:0 28px;} #footer .one .slide a{ color:#787878;} #footer .one .slide a:hover{ color:#3e1a20;} #footer .one .slide:last-child{ border-right:none;} #footer .two{ width:100%; margin-top:30px;} #footer .two .slide{ width:120px; margin:0 20px;} #footer .thr{ width:100%; line-height:1.8; text-align:center; font-size:14px; color:#787878; margin-top:30px;} #footer .thr a{ font-size:14px; color:#787878;} #footer .thr span{ font-size:14px; color:#787878;} #footer.white{ background:#fff;} /*内页导航*/ #current{ width:100%; text-align:center; border-top:1px solid rgba(255,255,255,.12); position:absolute; bottom:0; left:0; right:0; z-index:2; padding:30px 0; margin:auto;} #current .current-slide{ line-height:1; color:#ccc; position:relative; margin:0 46px;} #current .current-slide::before{ width:100%; height:2px; display:none; background:#fff; position:absolute; top:-30px; left:0; right:0; z-index:2; margin:auto; content:'';} #current .current-slide.cur{ color:#fff;} #current .current-slide.cur::before{ display:block;} #current .current-slide:hover{ color:#fff;} /*面包屑*/ #crumbs{ width:100%; color:#888; margin-top:3.2%;} #crumbs a{ color:#888; font-size:14px;} #crumbs span{ color:#888; font-size:14px;} /*内页*/ .inside{ padding:6% 0 9%;} .inside-title{ width:100%; text-align:center;} .inside-title .txt1{ line-height:1; text-transform:uppercase; color:#ccc; font-size:50px; font-family:'gilroy-black-6' !important;} .inside-title .txt2{ line-height:1; color:#3e1a20; font-size:36px; font-weight:bold; margin-top:24px;} .inside-title.text-left{ text-align:left;} .inside-title-two{ width:100%; text-align:center;} .inside-title-two .txt1{ width:100%; line-height:1; text-transform:uppercase; font-family:'OPEN-SANS-BOLD' !important; color:#e7e7e7; font-size:110px;} .inside-title-two .txt2{ width:100%; line-height:1; color:#3f1c22; font-weight:bold; font-size:45px; margin-top:-60px;} .inside-title-two .txt3{ width:100%; line-height:1.6; color:#333; font-size:18px; position:relative; padding-bottom:10px; margin-top:16px;} .inside-title-two .txt3::before{ width:50px; height:1px; background:#3f1c22; position:absolute; bottom:0; left:0; right:0; z-index:2; margin:auto; content:'';} /*首页*/ #index{} #index .one{ width:100%; position:relative; padding:7.3% 0 5.8%;} #index .one::before{ width:50%; height:100%; background:#211b1b; position:absolute; top:0; left:0; z-index:1; content:'';} #index .one::after{ width:50%; height:100%; background:#f8f6f4; position:absolute; top:0; right:0; z-index:1; content:'';} #index .one .bg-title{ line-height:0.8; opacity:0.04; letter-spacing:-5px; text-transform:uppercase; font-size:180px; font-weight:bold; color:#fff; font-family:'微软雅黑' !important; position:absolute; bottom:0; left:0; z-index:2;} #index .one .cw1300{ position:relative; z-index:3;} #index .one .cw1300 .left{ width:36.15%; position:relative;} #index .one .cw1300 .left::before{ width:122px; height:122px; background:url(/images/img62.png) no-repeat center; background-size:100%; position:absolute; bottom:-90%; left:0; z-index:2; content:'';} #index .one .cw1300 .left .title{ width:100%; opacity:0.99; color:#d2d2d2;} #index .one .cw1300 .left .brief{ width:100%; line-height:2.2; color:#929292; margin-top:30px;} #index .one .cw1300 .right{ width:45.38%;} #index .one .cw1300 .right .txt1{ width:100%; line-height:1.6; color:#333;} #index .one .cw1300 .right .txt2{ width:100%; line-height:2.2; color:#666; margin-top:30px;} #index .one .cw1300 .right .img{ width:100%; margin-top:100px;} #index .one .cw1300 .right .img .slide{ width:32%; background:#fff; margin-right:2%;} #index .one .cw1300 .right .img .swiper-pagination{ width:100%; font-size:0; position:relative; left:auto; bottom:auto; margin-top:5%;} #index .one .cw1300 .right .img .swiper-pagination span{ width:8px; height:8px; opacity:1; background:none; border:1px solid #cfcfcf; border-radius:50%; margin:0 10px;} #index .one .cw1300 .right .img .swiper-pagination span.swiper-pagination-bullet-active{ background:#3e1a20; border-color:#3e1a20;} #index .one .cw1300 .right .img .slide:last-child{ margin-right:0;} #index .two{ padding:5.3% 0 6%;} #index .two .item{ width:100%; margin-top:5%;} #index .two .item .slide{ width:47.69%; margin-top:3%;} #index .two .item .slide .img{ width:100%;} #index .two .item .slide .img::after{ padding-top:67.74%;} #index .two .item .slide .img .text{ width:42px; height:148px; background:#fff; position:absolute; left:30px; bottom:30px; z-index:2; padding:16px 10px;} #index .two .item .slide .img .text .txt1{ width:20px; height:100%; text-align:center; line-height:1.2; overflow:hidden; color:#282828;} #index .two .item .slide .img .text .txt2{ height:100%; line-height:1; letter-spacing:1px; color:#999; font-family:'微软雅黑' !important; margin-left:6px; writing-mode:tb; -webkit-writing-mode:tb; -ms-writing-mode:tb;} #index .two .item .slide .contents{ width:100%; margin-top:32px;} #index .two .item .slide .contents .title{ width:100%; line-height:1; color:#282828;} #index .two .item .slide .contents .brief{ width:100%; line-height:1.6; color:#929292; margin-top:12px;} #index .two .item .slide:nth-child(-n+2){ margin-top:0;} #index .thr{ width:100%; background-size:cover !important; padding:20% 0 3.6%;} #index .thr .txt1{ line-height:1; color:#fff;} #index .thr .txt2{ line-height:0.7; color:#fff; margin-left:-20px; margin-top:20px;} #index .thr .txt2 span{ font-size:220px; color:#fff;} #index .thr .txt2 i{ font-size:36px; color:#fff;} #index .thr .txt3{ line-height:1.8; color:#fff; margin-left:100px; margin-top:32px;} #index .four{ padding:5.2% 0;} #index .four .item{ width:100%; margin-top:40px;} #index .four .item .slide{ width:3.9%; margin-right:20px;} #index .four .item .slide .txt1{ line-height:1; opacity:0; color:#3f1c22;} #index .four .item .slide .img{ width:100%; background:none; border:1px solid #fff; border-radius:50%; margin-top:10px;} #index .four .item .slide .img::before{ width:4px; height:8px; background:url(/images/img91.png) no-repeat center; position:absolute; right:-12px; top:50%; z-index:2; margin-top:-4px; content:'';} #index .four .item .slide .name{ letter-spacing:1px; color:#3f1c22; position:relative; padding-bottom:40px; margin-top:54%; margin-left:37%; writing-mode:tb; -webkit-writing-mode:tb; -ms-writing-mode:tb;} #index .four .item .slide .name::before{ width:5px; height:5px; background:#3f1c22; border-radius:50%; position:absolute; bottom:0; left:0; right:0; z-index:2; margin:auto; content:'';} #index .four .item .slide:hover .txt1{ opacity:1;} #index .four .item .slide:hover .img{ background:#f6f6f6; border:1px solid #d4d4d4;} #index .four .item .slide:last-child{ margin-right:0;} #index .four .item .slide:last-child .img::before{ display:none;} #index .five{ width:100%; background:#f8f6f4;} #index .five .big-img{ width:100%;} #index .five .honor{ height:526px; background:#fff; position:relative; z-index:2; margin-top:-180px;} #index .five .honor .item{ width:60%; margin-top:4%; margin-left:4.6%;} #index .five .honor .item .slide{ width:32%; margin-right:2%;} #index .five .honor .item .slide .img{ width:100%;} #index .five .honor .item .slide .img::after{ padding-top:132%;} #index .five .honor .item .slide .brief{ width:100%; text-align:center; line-height:1.4; color:#3f1c22; margin-top:12px;} #index .five .honor .item .slide:last-child{ margin-right:0;} #index .five .honor .item .swiper-pagination{ width:100%; font-size:0; position:relative; bottom:auto; left:auto; margin-top:26px;} #index .five .honor .item .swiper-pagination span{ width:20px; height:3px; opacity:1; background:#ccc; border:none; border-radius:0; margin:0 5px;} #index .five .honor .item .swiper-pagination span.swiper-pagination-bullet-active{ background:#421f25;} #index .five .honor .hor-img{ width:32%; height:100%;} #index .five .honor .hor-img img{ width:100%;} #index .six{ background:#f8f6f4; padding:6.3% 0 9.4%;} #index .six .item{} #index .six .item .slide{ width:47.85%; background:#fff;} #index .six .item .slide .contents{ width:32%; padding:16% 7% 0;} #index .six .item .slide .contents .title{} #index .six .item .slide .contents .more{ vertical-align:middle; color:#282828; margin-top:40px;} #index .six .item .slide .contents .more img{ vertical-align:middle; margin-top:-3px; margin-left:24px;} #index .six .item .slide .img{ width:67.16%;} #index .six .item .slide .img::after{ padding-top:75.55%;} /*关于我们-企业简介*/ #about.index{} #about.index .contents{ width:50%; position:relative;} #about.index .contents::before{ width:187px; height:275px; background:url(/images/img43.png) no-repeat center; background-size:100%; position:absolute; left:-100px; top:-50px; z-index:2; content:'';} #about.index .contents .top{ width:100%; margin-top:40px;} #about.index .contents .top .txt1{} #about.index .contents .top .txt2{ line-height:1;} #about.index .contents .top .txt2 span{ font-size:120px; color:#333;} #about.index .contents .top .txt2 i{} #about.index .contents .bot{ width:100%; margin-top:20px;} #about.index .contents .bot .brief1{ line-height:1.4;} #about.index .contents .bot .brief2{ line-height:1.8; color:#666; margin-top:40px;} #about.index .img{ width:46.66%; position:relative;} #about.index .img img{ position:relative; z-index:3;} #about.index .img::before{ width:190px; height:230px; background:url(/images/img44.png) repeat center; position:absolute; bottom:-40px; right:-40px; z-index:2; content:'';} /*关于我们-发展历程*/ #about.course{} #about.course .item{ width:100%; margin-top:90px;} #about.course .item .slide{ width:100%; position:relative; padding-bottom:6.8%;} #about.course .item .slide .title{ width:90px; line-height:1; color:#3e1a20;} #about.course .item .slide .line{ width:13.33%; height:100%; position:absolute; top:0; left:11%; z-index:2;} #about.course .item .slide .line::before{ width:100%; height:1px; background:#3e1a20; position:absolute; top:5%; left:0; z-index:3; content:'';} #about.course .item .slide .line::after{ width:1px; height:100%; background:#eaeaea; position:absolute; top:5%; left:0; right:0; z-index:2; margin:auto; content:'';} #about.course .item .slide .brief{ width:40%; line-height:1.8; color:#666; margin-right:2%;} #about.course .item .slide .img{ width:30%; background:#ccc;} #about.course .item .slide .img::after{ padding-top:50%;} #about.course .item .slide:last-child{ padding-bottom:0;} /*关于我们-社会责任*/ #about.social{} #about.social .one{ width:100%;} #about.social .one .img{ width:100%;} #about.social .one .img .slide{ width:100%;} #about.social .one .img .slide::after{ padding-top:45%;} #about.social .one .img .swiper-pagination{ width:100%; font-size:0; bottom:30px;} #about.social .one .img .swiper-pagination span{ width:8px; height:8px; opacity:1; background:none; border:1px solid #fff; border-radius:50%; margin:0 10px;} #about.social .one .img .swiper-pagination span.swiper-pagination-bullet-active{ background:#fff;} #about.social .one .contents{ width:100%; margin-top:50px;} #about.social .one .contents .title{ width:20%;} #about.social .one .contents .brief{ width:72%; line-height:1.8; color:#666;} /*案例-列表*/ #case.list{} #case.list .one{ width:100%; margin-top:3.6%;} #case.list .one .item{ width:100%;} #case.list .one .item .slide{ width:33.125%; position:relative; margin-right:0.3125%; margin-top:0.3125%;} #case.list .one .item .slide .top{ width:100%;} #case.list .one .item .slide .top .img{ width:100%;} #case.list .one .item .slide .top .img::after{ padding-top:62.89%;} #case.list .one .item .slide .top .contents{ width:100%; height:100%; text-align:center; opacity:0; background:rgba(0,0,0,.7); position:absolute; top:0; left:0; z-index:2; padding:60px; margin:auto;} #case.list .one .item .slide .top .contents .title{ width:100%; color:#fff;} #case.list .one .item .slide .top .contents .brief{ width:100%; line-height:2; color:#ccc; margin-top:30px;} #case.list .one .item .slide .top .contents .more{ width:50px; margin-top:32px;} #case.list .one .item .slide .bot{ width:100%; margin-top:4%;} #case.list .one .item .slide .bot .brief{ width:100%; line-height:1.6; margin-top:3%;} #case.list .one .item .slide:hover .contents{ opacity:1;} #case.list .one .item .slide:nth-child(-n+3){ margin-top:0;} #case.list .one .item .slide:nth-child(3n){ margin-right:0;} #case.list .one .loading{ vertical-align:middle; opacity:0; color:#999; margin-top:60px;} #case.list .one .loading img{ vertical-align:middle; margin-right:16px; margin-top:-3px;} #case.list .one .loading.cur{ opacity:1;} #case.list .one .loading.cur img{ -webkit-animation:gogogo 2s infinite linear;} /*案例-详细*/ #case.detail .one{} #case.detail .one .title{ width:100%;} #case.detail .one .category{ width:100%; margin-top:24px;} #case.detail .one .breif{ width:100%; margin-top:24px;} #case.detail .one .breif li{ width:23.5%; color:#888; margin-right:2%; margin-top:12px;} #case.detail .one .breif li:nth-child(-n+4){ margin-top:0;} #case.detail .one .breif li:nth-child(4n){ margin-right:0;} #case.detail .two{ width:100%; margin-top:2.6%;} #case.detail .two .container{ width:100%; position:relative;} #case.detail .two .container .prev{ position:absolute; top:50%; left:13%; z-index:2;} #case.detail .two .container .next{ position:absolute; top:50%; right:13%; z-index:2;} #case.detail .two .container .slide{ width:1200px; cursor:pointer; margin-right:30px;} #case.detail .two .container .slide::after{ padding-top:63%;} #case.detail .two .share{ width:100%; margin-top:4.2%;} #case.detail .two .share .txt{ color:#888;} #case.detail .two .share .ites{ width:100%; margin-top:20px;} #case.detail .two .share .ites li{ width:42px; cursor:pointer; background:#c1c6d1; border-radius:50%; margin:0 1.3%;} #case.detail .two .share .ites li img{ width:60%;} #case.detail .two .share .ites li:hover{ background:#3e1a20;} #case.detail .thr{ width:100%; margin-top:6.3%;} #case.detail .thr .container{ width:100%; margin-top:2.5%;} #case.detail .thr .container .slide{ width:33.125%; margin-right:0.3125%;} #case.detail .thr .container .slide::after{ padding-top:62.89%;} #case.detail .thr .container .swiper-pagination{ width:100%; font-size:0; position:relative; left:auto; bottom:auto; margin-top:50px;} #case.detail .thr .container .swiper-pagination span{ width:8px; height:8px; opacity:1; background:none; border:1px solid #cfcfcf; border-radius:50%; margin:0 10px;} #case.detail .thr .container .swiper-pagination span.swiper-pagination-bullet-active{ background:#3e1a20; border-color:#3e1a20;} /*新闻-列表*/ #news.list{} #news.list .item{ width:100%; margin-top:50px;} #news.list .item .slide{ width:100%; border-bottom:2px solid #f1f1f1; padding:3.4% 0;} #news.list .item .slide .contents{ width:64%;} #news.list .item .slide .contents .title{ line-height:1;} #news.list .item .slide .contents .time{ width:100%; margin:12px 0;} #news.list .item .slide .contents .time .txt1{ line-height:2; color:#999;} #news.list .item .slide .contents .time .txt2{ background:#f3f3f3; color:#666; border-radius:4px; padding:6px 8px; margin-left:10px;} #news.list .item .slide .contents .brief{ width:100%; line-height:2; color:#666;} #news.list .item .slide .contents .more{ line-height:1; opacity:0; background:#3e1a20; color:#fff; padding:10px 25px; margin-top:12px;} #news.list .item .slide .img{ width:26.66%;} #news.list .item .slide .img::after{ padding-top:56.25%;} #news.list .item .slide:hover .contents .more{ opacity:1;} /*新闻-详细*/ #news.detail{ padding-top:70px;} #news.detail .one{ width:100%;} #news.detail .one .title{ width:100%; color:#363636;} #news.detail .one .other{ width:100%; line-height:1; margin:30px 0 60px;} #news.detail .one .other .txt{ vertical-align:middle; color:#828282; margin:0 12px;} #news.detail .one .other .txt img{ vertical-align:middle; margin-top:-3px; margin-right:10px;} #news.detail .two{ border-top:1px solid #e5e5e5; padding-top:30px; margin-top:60px;} #news.detail .two .back{ vertical-align:middle; background:#3e1a20; color:#fff; padding:12px 40px;} #news.detail .two .back img{ vertical-align:middle; margin-left:44px;} #news.detail .two .paging{ line-height:1; vertical-align:middle; color:#999; border:1px solid #e5e5e5; padding:12px 40px;} #news.detail .two .paging span{ width:16px; height:6px; vertical-align:middle; background-size:100% 100% !important; margin-top:-2px;} #news.detail .two .paging:hover{ color:#3e1a20; border-color:#3e1a20;} #news.detail .two .paging.pv span{ background:url(/images/img24.png) no-repeat center; margin-right:32px;} #news.detail .two .paging.pv:hover span{ background:url(/images/img25.png) no-repeat center;} #news.detail .two .paging.nx span{ background:url(/images/img26.png) no-repeat center; margin-left:32px;} #news.detail .two .paging.nx:hover span{ background:url(/images/img27.png) no-repeat center;} #news.detail .two .paging.none{ opacity:0;} /*联系我们*/ #contact{} #contact .one{ width:100%; line-height:1.8; margin:40px 0;} #contact .two{ width:100%; height: background:#fff; box-shadow:0 0 20px 5px #f5f5f5;} #contact .two .contents{ width:50%; padding:70px 50px 0;} #contact .two .contents .title{ width:100%; color:#3e1a20;} #contact .two .contents .item{ width:100%;} #contact .two .contents .item .ites{ width:100%; border-top:2px solid #f0f0f0; padding:30px 0;} #contact .two .contents .item .ites .slide{ width:100%; line-height:1.8; margin-top:12px;} #contact .two .contents .item .ites .slide .icon{ width:20px; height:20px;} #contact .two .contents .item .ites .slide .txt1{ color:#666; margin-left:12px; margin-right:6px;} #contact .two .contents .item .ites .slide .txt2{ width:80%; color:#666;} #contact .two .contents .item .ites .slide .txt2.gb{ font-size:18px; color:#3e1a20; font-family:'gilroy-black-6' !important;} #contact .two .contents .item .ites .slide:nth-child(1){ margin-top:0;} #contact .two .contents .item .ites:nth-child(1){ border-top:none;} #contact .two .map{ width:50%; height:500px; border:none;} /*多语言兼容*/ #warp.en .inside-title-two .txt1{ display:none;} #warp.en .inside-title-two .txt2{ margin-top:0;} #warp.en #index .two .item .slide .img .text{ width:22px;} #warp.en #index .two .item .slide .img .text .txt1{ display:none;} #warp.en .inside-title .txt1{ color:#3e1a20;} #warp.en .inside-title .txt2{ display:none;} /*H5兼容*/ @media only screen and (max-width:1680px){ #case.list .one .item .slide .top .contents{} #case.list .one .item .slide .top .contents .title{ font-size:26px;} #case.list .one .item .slide .top .contents .brief{ font-size:12px; margin-top:20px;} #case.list .one .item .slide .top .contents .more{ width:30px; margin-top:20px;} } @media only screen and (max-width:1440px){ #index .one .bg-title{ font-size:130px;} .inside-title-two .txt1{ font-size:76px;} .inside-title-two .txt2{ font-size:36px; margin-top:-46px;} .inside-title-two .txt3{ font-size:16px;} #index .six .item .slide .contents .title{ font-size:20px;} #index .six .item .slide .contents .more{ font-size:12px; margin-top:24px;} #banner .slide .contents .txt3{ font-size:30px;} #banner .slide .contents .txt4{ font-size:16px;} #current{ padding:20px 0;} #current .current-slide{ margin:0 30px;} #current .current-slide::before{ top:-20px;} .inside-title .txt1{ font-size:40px;} .inside-title .txt2{ font-size:28px; margin-top:16px;} #case.list .one .item .slide .top .contents .title{ font-size:20px;} #case.list .one .item .slide .top .contents .brief{ margin-top:12px;} } @media only screen and (max-width:1280px){ #header .nav .slide{ margin-left:40px;} #banner .slide .contents .txt1{ font-size:46px;} #banner .slide .contents .txt2{ font-size:20px;} #banner .icon{ width:20px; bottom:5%;} #index .one .bg-title{ font-size:120px;} #index .one .cw1300 .left::before{ width:100px; height:100px; bottom:-60%;} #index .thr .txt1{ font-size:20px;} #index .thr .txt2 span{ font-size:180px;} #index .thr .txt2 i{ font-size:20px;} #index .thr .txt3{ font-size:20px; margin-left:5%; margin-top:2%;} #index .five .honor{ height:420px; margin-top:-10%;} #index .five .honor .item{ margin-top:2%;} #index .five .honor .item .slide .brief{ font-size:12px; margin-top:8px;} #index .five .honor .item .swiper-pagination{ margin-top:3%;} #index .six .item .slide .contents .title{ font-size:18px;} #index .six .item .slide .contents .more img{ width:16px; margin-left:10px;} #case.list .one .item .slide .top .contents{ padding:40px;} #case.detail .one .title{ font-size:26px;} #case.detail .one .category{ font-size:18px; margin-top:20px;} #case.detail .one .breif{ margin-top:20px;} #case.detail .one .breif li{ font-size:14px;} #case.detail .two .container .slide{ width:80%; margin-right:3%;} #contact .two .contents{ padding:50px 40px 0} #contact .two .contents .title{ font-size:18px;} } @media only screen and (max-width:1100px){ #case.list .one .item .slide .top .contents{ padding:25px;} #case.list .one .item .slide .top .contents .more{ width:20px; margin-top:10px;} } @media only screen and (max-width:1024px){ #contact .two .contents .item .ites .slide .txt2{ width:70%;} } @media only screen and (max-width:980px){ #header .nav{ display:none;} #header .option .button .search{ display:none;} #banner .slide .contents .txt1{ font-size:30px;} #banner .slide .contents .txt2{ font-size:18px;} #index .one .bg-title{ font-size:90px;} #index .one .cw1300 .left::before{ width:60px; height:60px; bottom:-100px;} .inside-title-two .txt1{ font-size:60px;} .inside-title-two .txt2{ font-size:30px; margin-top:-38px;} .inside-title-two .txt3{ font-size:14px;} #index .two .item .slide .img .text{ display:none;} #index .thr .txt2 span{ font-size:140px;} #index .five .honor{ height:auto; padding:4%;} #index .five .honor .item{ width:100%; margin:auto;} #index .five .honor .hor-img{ display:none;} #index .six .item .slide{ width:49%;} #index .six .item .slide .contents{ width:36%;} #index .six .item .slide .contents .title{ font-size:16px;} #index .six .item .slide .img{ width:64%;} #about.index .contents{ width:100%;} #about.index .contents::before{ left:0; top:0;} #about.index .img{ width:100%; text-align:center; margin-top:6%;} #about.index .img::before{ display:none;} #about.index .img img{ max-width:100%; width:auto;} .inside-title .txt1{ font-size:32px;} .inside-title .txt2{ font-size:24px; margin-top:12px;} #about.course .item .slide .line{ width:10%; padding-bottom:0;} #case.list .one .item{ width:94%; margin:3.6% auto 0;} #case.list .one .item .slide{ width:49%; margin-right:2%; margin-top:2%;} #case.list .one .item .slide .top .contents{ display:none;} #case.list .one .item .slide .bot{ display:block;} #case.list .one .item .slide:nth-child(3n){ margin-right:2%;} #case.list .one .item .slide:nth-child(-n+3){ margin-top:2%;} #case.list .one .item .slide:nth-child(2n){ margin-right:0;} #case.list .one .item .slide:nth-child(-n+2){ margin-top:0;} } @media only screen and (max-width:750px){ #banner .slide .img img:nth-child(1){ display:none;} #banner .slide .img img:nth-child(2){ display:block;} #banner .arrow{ display:none;} #banner .icon{ display:none;} #index .one .bg-title{ font-size:86px;} #index .four .item .slide .name{ margin-left:2px;} #contact .two .contents{ padding:40px 30px 0;} #footer .one .slide a{ color:#333;font-size: 16px;font-weight: bold;} #phone-nav{height: auto;display: block;} }