/*新站*/ #warp{ width:100%; max-width:1920px; min-width:320px; overflow:hidden; margin:auto;} .select-none{ background:url(/images/img68.png) no-repeat 95% center; background-size:18px !important; -moz-appearance: none; -webkit-appearance:none; appearance:none;} .b{ font-weight:bold;} /*头部样式*/ #header{ width:100%; max-width:1920px; position:fixed; top:0; left:0; right:0; z-index:6; padding:25px 0; margin:auto;} #header .logo{ width:200px;} #header .right{ margin-top:12px;} #header .right .nav{} #header .right .nav .slide{ margin-right:56px;} #header .right .nav .slide .txt1{ color:#fff;} #header .right .nav .slide .txt1:hover{ color:#c8161d !important;} #header .right .nav .slide.cur .txt1{ color:#c8161d !important; font-weight:bold;} #header .right .nav .slide:last-child{ margin-right:0;} #header .right .nav .two{ display: none; top: 100%; left: -10px; padding: 20px 10px; width: 150%; background: #fff;} #header .right .nav .two .slide{ margin-top: 10px; margin-right: 0;} #header .right .nav .two .slide:first-child{ margin-top: 0;} #header .right .nav .slide:hover .two{ display: block;} #header .right .option{ margin-top:3px; margin-left:30px;} #header .right .option .slide{ height:18px; border-left:1px dashed #fff; border-right:1px dashed #fff; padding:0 30px;} #header .right .option .slide:first-child{ padding-left: 21px;} #header .right .option .slide:last-child{ border-right:none; padding-right:0;} #header .right .option .txt{ line-height:1; vertical-align:middle; color:#fff;} #header .right .option .txt img{ vertical-align:middle; margin-top:-4px; margin-right:10px;} #header .right .option .language{ position:relative;} #header .right .option .language{} #header .right .option .language .default{ line-height:1; vertical-align:middle; cursor:pointer; background:url(/images/img3.png) no-repeat right center; color:#fff; padding-right:20px;} #header .right .option .language .default img{ vertical-align:middle; margin-top:-4px; margin-right:10px;} #header .right .option .language .ites{ width:100px; position:absolute; top:100%; left:50%; z-index:2; padding-top:10px; transform:translate3d(-50%,0,0);} #header .right .option .language .ites li a{ text-align:center; background:#fff; color:#333; padding:8px 12px;} #header .right .option .language .ites li:hover a{ background:#c8161d; color:#fff;} #header .right .option .language:hover .ites{ display:block;} #header .right .option .search{ position:relative;} #header .right .option .search .icon{ width:17px; cursor:pointer;} #header .right .option .search .form{ position:absolute; top:100%; right:0; z-index:2; padding-top:10px;} #header .right .option .search .form form{ width:220px; height:30px; background:#fff; border:1px solid #333; padding:0 10px;} #header .right .option .search .form form .input{ width:180px; height:100%;} #header .right .option .search .form form .submit{ width:17px; height:100%; cursor:pointer; background:url(/images/img5.png) no-repeat center;} #header .right .option .search:hover .form{ display:block;} #header .right .target{ width:46px; margin-top:-2px; margin-left:20px;} #header .right .target img{ width:100%;} #header.cur{ background:#fff;} #header.cur .logo img{ display:none;} #header.cur .logo img:nth-child(2){ display:block;} #header.cur .right .nav .slide .txt1{ color:#333;} #header.cur .right .option .txt{ color:#333;} #header.cur .right .option .txt img{ display:none;} #header.cur .right .option .txt img.hide{ display:inline-block;} #header.cur .right .option .language .default{ background:url(/images/img3_1.png) no-repeat right center; color:#333;} #header.cur .right .option .language .default img{ display:none;} #header.cur .right .option .language .default img.hide{ display:inline-block;} #header.cur .right .option .slide{ border-color:#333 !important;} #header.cur .right .option .search .icon img{ display:none;} #header.cur .right .option .search .icon img.hide{ display:inline-block;} #header.cur .right .target img{ display:none;} #header.cur .right .target img.hide{ display:block;} #header.none{ transform:translate3d(0px,-100%,0);} #header-block{ width:100%; height:100px;} /*手机版导航*/ #phone-nav{ width:100%; text-align:center; background:rgba(255,255,255,.9); position:fixed; top:94px; left:0; right:0; z-index:10; margin:auto;} #phone-nav .slide{ width:100%; color:#333; border-top:1px solid #333; padding:24px 0;} #phone-nav .slide.cur{ color:#c8161d;} /*广告样式*/ #banner{ width:100%; position:relative;} #banner .arrow{ width:94px; opacity:0; overflow:hidden; border-radius:50%; position:absolute; top:50%; z-index:3; transform:translate3d(0,-50%,0);} #banner .arrow.prev{ left:3.6%;} #banner .arrow.next{ right:3.6%;} #banner .slide{ width:100%;} #banner .slide .img{ width:100%;} #banner .slide .contents{ position:absolute; top:50%; left:0; right:0; z-index:2; margin:auto; transform:translate3d(0,-50%,0);} #banner .slide .contents .txt1{ line-height:1; color:#fff;} #banner .slide .contents .txt2{ line-height:1.4; opacity:0.7; font-family:'Arial'; color:#fff; margin-top:24px;} #banner .slide .contents .txt3{ line-height:1; opacity:.3; color:#fff; margin-top:10px;} #banner .page{ display:flex; position:absolute; bottom:100px; left:0; right:0; z-index:2; margin:auto;} #banner .page li{ height:1px; flex-grow:1; position:relative;} #banner .page li .num{ text-align:center; display:none; position:absolute; top:-34px; left:0; right:0; z-index:2; margin:auto;} #banner .page li .num span{ line-height:1; display:inline-block; color:#c42848; position:relative; padding:0 12px; margin-bottom:10px;} #banner .page li .num span::before{ width:4px; height:4px; background:#c42848; border-radius:50%; position:absolute; top:50%; left:0; z-index:2; margin-top:-2px; content:'';} #banner .page li .num span::after{ width:4px; height:4px; background:#c42848; border-radius:50%; position:absolute; top:50%; right:0; z-index:2; margin-top:-2px; content:'';} #banner .page li .num img{ display:block; margin:auto;} #banner .page li::before{ width:100%; height:100%; background:rgba(255,255,255,.5); position:absolute; top:0; left:0; z-index:2; content:'';} #banner .page li::after{ width:100%; height:100%; display:none; background:rgba(255,255,255,.5); position:absolute; top:0; right:0; z-index:2; content:'';} #banner .page li.cur .num{ display:block;} #banner .page li.cur::before{ width:45%; background:#c8161d;} #banner .page li.cur::after{ width:45%; display:block; background:#c8161d;} #banner:hover .arrow{ opacity:1;} /*快速浏览*/ #quickView{ bottom: 0; width: 100%; height: 63px;} #quickView .quickView{ width:100%; height: 63px; background:rgba(0,0,0,.8); bottom:0; left:0; right:0; z-index:3; padding:24px 0 1px;} #quickView .cw1200{ display: flex; justify-content: start; align-items: start;} #quickView .quick-slide{ height: 18px; line-height:1; color:#c8161d; border-right:1px dashed #c0161d; padding:0 18px; margin-bottom:20px; max-width: 180px;} #quickView .quick-slide:last-child{ border:none; padding-right:0;} #quickView .quick-slide.none{ border:none; padding:0;} #quickView .quick-list{ display: flex; justify-content: start; align-items: start; flex-wrap: wrap; max-width: calc(100% - 24%);} @media screen and (min-width: 750px){ #quickView .quickView.fixed{ top: 0; left: 0;} } /*面包屑*/ #current{ width:100%; background:#fff; border:1px solid #e5e5e5;} #current .one{ margin-top:26px;} #current .one .txt1{ display:inline-block;} #current .one .txt1 img{ margin-top:-1px;} #current .one .txt2{ line-height:1; vertical-align:middle; color:#999; margin-left:15px;} #current .one .txt2 img{ vertical-align:middle; margin-right:15px; margin-top:-3px;} #current .two{} #current .two .slide{ position:relative; padding:23px 0; margin-left:40px;} #current .two .slide::before{ width:100%; height:1px; display:none; background:#c8161d; position:absolute; bottom:-1px; left:0; right:0; z-index:2; margin:auto; content:'';} #current .two .slide a{ color:#525252;} #current .two .slide.cur::before{ display:block;} #current .two .slide.cur a{ color:#c8161d;} #current .two .slide:nth-child(1){ margin-left:0;} /*底部样式*/ #footer{ width:100%; background:#222;} #footer .one{ padding:100px 0 80px;} #footer .one .contact{ width:19.28%;} #footer .one .contact .txt1{ width:100%; line-height:2; color:#fff;} #footer .one .contact .txt2{ width:100%; line-height:2; color:#fff; border-top:1px solid rgba(255,255,255,.5); padding-top:20px; margin-top:20px;} #footer .one .contact .txt1 a{ width:100%; line-height:2; color:#fff;} #footer .one .nav{} #footer .one .nav .item{ margin-left:160px;} #footer .one .nav .item .title{ line-height:1; color:#fff;} #footer .one .nav .item .ites{ margin-top:20px;} #footer .one .nav .item .ites .slide{ line-height:1; margin-top:14px;} #footer .one .nav .item .ites .slide a{ color:#fff;} #footer .one .nav .item .ites .slide a:hover{ color:#c8161d;} #footer .one .nav .item .ites .slide:first-child{ margin-top:0;} #footer .one .qr-code{} #footer .one .qr-code .slide{ width:145px; margin-right:26px;} #footer .one .qr-code .slide .img{ width:100%;} #footer .one .qr-code .slide .txt{ width:100%; line-height:1; color:#fff; margin-top:18px;} #footer .one .qr-code .slide:last-child{ margin-right:0;} #footer .two{ line-height:1; border-top:3px solid #393939; padding:36px 0;} #footer .two .txt{ font-size:14px; font-weight:bold; color:#fff;} #footer .two .txt a{ font-size:14px; font-weight:bold; color:#fff;} /* #footer .two .txt:hover{ color:#c8161d;} */ #footer .two .txt a:hover{ color:#c8161d;} #footer .two .txt.margin{ margin-right:16px;} #footer .two .txt.margin:last-child{ margin-right:0;} /*首页样式*/ #index{ width:100%;} #index .inside-title{ margin-top:-16px;} #index .one{ width:100%; background:url(/images/img9.jpg) no-repeat center; background-size:cover; padding:90px 0 70px;} #index .one .item{ margin-top:45px; padding-top: 45px; width:100%; background: #fff;} #index .one .item .top{ width:100%; padding:0 7.14%;} #index .one .item .top .contents{ width:51.16%;} #index .one .item .top .contents .title{ width:100%; line-height:1.3; color:#333; font-weight:bold;} #index .one .item .top .contents .brief{ width:100%; line-height:1.8; color:#666; border-top:1px solid #dedede; padding-top:30px; margin-top:30px;} #index .one .item .top .contents .option{ width:100%; margin-top:60px;} #index .one .item .top .contents .option .more{ line-height:1; vertical-align:middle; background:#6a6668; color:#fff; padding:20px 44px;} #index .one .item .top .contents .option .more img{ vertical-align:middle; margin-top:-2px; margin-right:20px;} #index .one .item .top .contents .option .more.cur{ background:#c8161d; box-shadow:0 0 10px 1px #f5dce1;} #index .one .item .top .img{ width:45%;} #index .one .item .bot{ width:100%; margin-top:50px;} #index .one .item .bot .wrapper .slide{ width:33.33%; background:#fff; position:relative; padding:42px 0 32px; border: 1px solid #eee; border-left: 0;} #index .one .item .bot .wrapper .slide:first-child{ border-left: 1px solid #eee;} #index .one .item .bot .wrapper .slide .background{} #index .one .item .bot .wrapper .slide .background .img{ width:60%;} #index .one .item .bot .wrapper .slide .background .img::after{ padding-top:107%;} #index .one .item .bot .wrapper .slide .background .txt{ width:90%; line-height:1; margin-top:50px;} #index .one .item .bot .wrapper .slide .contents{ width:100%; height:100%; opacity:0; background:rgba(107,105,106,.8); position:absolute; top:0; left:0; right:0; z-index:2; padding:25% 12.8% 0; margin:auto;} #index .one .item .bot .wrapper .slide .contents .title{ width:100%; line-height:1; color:#fff;} #index .one .item .bot .wrapper .slide .contents .brief{ width:100%; line-height:1.8; color:#fff; margin-top:20px;} #index .one .item .bot .wrapper .slide .contents .more{ line-height:1; background:#c8161d; color:#fff; border-radius:6px; padding:18px 40px; margin-top:40px;} #index .one .item .bot .wrapper .slide:hover .background .txt{ opacity:0;} #index .one .item .bot .wrapper .slide:hover .contents{ opacity:1;} #index .one .item .bot .wrapper .slide:nth-child(2n){ background:#ebebeb;} #index .one .item .bot .swiper-scrollbar{ width:100%; height:13px; background:none; position:relative; top:auto; left:auto; z-index:2; margin-top:40px;} #index .one .item .bot .swiper-scrollbar::before{ width:100%; height:3px; background:#e3e3e3; position:absolute; top:50%; left:0; z-index:2; margin-top:-1.5px; content:'';} #index .one .item .bot .swiper-scrollbar .swiper-scrollbar-drag{ height:100%; background:#c8161d url(/images/img13.png) no-repeat center; border-radius:20px; z-index:3;} #index .one .item .bot .swiper-scrollbar .swiper-scrollbar-drag::before{ width:4px; height:5px; background:url(/images/img14.png) no-repeat center; position:absolute; left:8px; top:50%; z-index:2; margin-top:-2.5px; content:'';} #index .one .item .bot .swiper-scrollbar .swiper-scrollbar-drag::after{ width:4px; height:5px; background:url(/images/img15.png) no-repeat center; position:absolute; right:8px; top:50%; z-index:2; margin-top:-2.5px; content:'';} #index .two{ padding:120px 0;} #index .two .top{ width:100%;} #index .two .top .contents{ width:48.57%; position:relative;} #index .two .top .contents .year{ line-height:.8; opacity:0.1; font-size:230px; color:#666; position:absolute; top:0; right:0; z-index:2;} #index .two .top .contents .brief{ width:100%; line-height:2.4; color:#666; position:relative; z-index:3; margin-top:46px;} #index .two .top .contents .more{ vertical-align:middle; margin-top:70px;} #index .two .top .contents .more img{ vertical-align:middle; margin-top:-3px; margin-left:10px;} #index .two .top .img{ width:45.71%; position:relative;} #index .two .top .img span{ text-transform:uppercase; text-shadow:0 0 10px #ededed; font-size:120px; color:#fff; position:absolute; top:27%; right:-41%; z-index:2; transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);} #index .two .bot{ width:100%; display:flex; margin-top:70px;} #index .two .bot .slide{ line-height:1; flex-grow:1; background:#6b696a; color:#fff; padding:32px 0; margin-right:1px;} /*#index .two .bot .slide:hover,*/ #index .two .bot .slide.cur{ background:#c8161d; box-shadow:0 0 10px 1px #f5dadf;} #index .two .bot .slide:last-child{ margin-right:0;} #index .thr{ width:100%; background:url(/images/img18.jpg) no-repeat center; background-size:cover; padding:110px 0 120px;} #index .thr .item{ width:100%; margin-top:24px;} #index .thr .item .wrapper .slide{ width:100%;} #index .thr .item .wrapper .slide .left{ width:52.85%;} #index .thr .item .wrapper .slide .left .list{ width:100%; margin-top:60px;} #index .thr .item .wrapper .slide .left .list .img{ width:51.35%;} #index .thr .item .wrapper .slide .left .list .img img{ max-width:none;} #index .thr .item .wrapper .slide .left .list .img::after{ padding-top:65.78%;} #index .thr .item .wrapper .slide .left .list .img .time{ background:#fff; position:absolute; top:0; left:0; z-index:2; padding:14px;} #index .thr .item .wrapper .slide .left .list .img .time .txt1{ line-height:1;} #index .thr .item .wrapper .slide .left .list .img .time .txt2{ line-height:1; color:#000; border-top:1px solid rgba(255,255,255,.1); padding-top:8px; margin-top:8px;} #index .thr .item .wrapper .slide .left .list .contents{ width:44.44%; padding-top:26px;} #index .thr .item .wrapper .slide .left .list .contents .title{ width:100%; color:#333;} #index .thr .item .wrapper .slide .left .list .contents .brief{ width:100%; line-height:1.6; color:#666; margin:16px 0;} #index .thr .item .wrapper .slide .left .list .contents .more{ color:#333;} #index .thr .item .wrapper .slide .left .list:hover .img .time{ background:#c8161d;} #index .thr .item .wrapper .slide .left .list:hover .img .time .txt1{ color:#fff;} #index .thr .item .wrapper .slide .left .list:hover .img .time .txt2{ color:#fff;} #index .thr .item .wrapper .slide .left .list:hover .contents .title a{ color:#c8161d;} #index .thr .item .wrapper .slide .left .list:hover .contents .more{ color:#c8161d;} #index .thr .item .wrapper .slide .left .list:first-child{ margin-top:0;} #index .thr .item .wrapper .slide .right{ width:41.42%;} #index .thr .item .wrapper .slide .right .list{ width:100%; border:1px solid #dedede; margin-top:40px;} #index .thr .item .wrapper .slide .right .list .contents{ width:82%; border-right:1px solid #dedede; padding:34px 30px;} #index .thr .item .wrapper .slide .right .list .contents .title{ width:100%; line-height:1;} #index .thr .item .wrapper .slide .right .list .contents .brief{ width:100%; line-height:1.8; color:#666; margin-top:16px;} #index .thr .item .wrapper .slide .right .list .time{ width:18%;} #index .thr .item .wrapper .slide .right .list .time .txt1{ line-height:1; color:#333; border-bottom:1px solid #dedede; padding:30px 0;} #index .thr .item .wrapper .slide .right .list .time .txt2{ line-height:1; color:#333; margin-top:18px;} #index .thr .item .wrapper .slide .right .list:first-child{ margin-top:0;} #index .thr .item .wrapper .slide .right .list:hover{ background:#fff;} #index .thr .item .page{ width:100%; margin-top:50px; z-index: 5;} #index .thr .item .page .arrow{ width:58px; background:#c8161d url(/images/img21.png) no-repeat center; background-size:9px !important;} #index .thr .item .page .arrow.next{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);} #index .thr .item .page .arrow.swiper-button-disabled{ background:#fff url(/images/img20.png) no-repeat center;} #index .thr .item .page .more{ line-height:1; vertical-align:middle; background:#fff; padding:20px 34px; margin:0 12px;} #index .thr .item .page .more img{ vertical-align:middle; margin-top:-5px; margin-left:10px;} #index .thr .item .page .more:hover{ background:#c8161d; color:#fff;} #index .thr .item .page .more:hover img{ display:none;} #index .thr .item .page .more:hover img:nth-child(2){ display:inline-block;} #index .four{ padding:110px 0;} #index .four .item{ width:100%; margin-top:40px;} #index .four .item .wrapper .slide{ width:100%; padding-top:1px;} #index .four .item .wrapper .slide .list{ width: 20%; height:150px; border-bottom:1px solid #dedede; border-left:1px solid #dedede;} #index .four .item .wrapper .slide .list img{ max-width:90%; max-height:90%;} #index .four .item .wrapper .slide .list:nth-child(-n+5){ border-top:1px solid #dedede;} #index .four .item .wrapper .slide .list:nth-child(5n){ border-right:1px solid #dedede;} #index .four .item .wrapper .slide .list:last-child{ border-right:1px solid #dedede;} #index .four .item .swiper-pagination{ width:100%; font-size:0; position:relative; bottom:auto; left:auto; margin-top:30px;} #index .four .item .swiper-pagination span{ width:10px; height:10px; opacity:1; background:none; border:3px solid #6b696a; border-radius:50%; margin:0 3px;} #index .four .item .swiper-pagination span.swiper-pagination-bullet-active{ border-color:#c8161d;} #index .five{ width:100%; background:url(/images/img33.jpg) no-repeat center; background-size:cover; padding:110px 0 80px;} #index .five .title{ width:92%; line-height:1; color:#fff; margin:auto;} #index .five .more{ line-height:1; color:#fff; border:1px solid rgba(255,255,255,.3); padding:20px 50px; margin-top:50px;} #index .five .more:hover{ background:#c8161d; border-color:#c8161d;} /*内页样式*/ .inside{ background:#fafafa url(/images/img38.jpg) no-repeat top center; background-size:100% !important;} .inside-title{} .inside-title .txt1{ line-height:1; letter-spacing:-1px; font-weight:bold; font-size:36px; color:#333;} .inside-title .txt2{ line-height:1; text-transform:uppercase; font-size:18px; color:#333; font-family:'Arial'; margin-top:6px;} .inside-title2{ width:100%;} .inside-title2 .txt1{ line-height:1; color:#333;} .inside-title2 .txt2{ line-height:1; text-transform:uppercase; color:#999; font-family:'Arial'; position:relative; padding-bottom:20px; margin-top:14px;} .inside-title2 .txt2::before{ width:50px; height:5px; background:#c8161d; position:absolute; bottom:0; left:0; right:0; z-index:2; margin:auto; content:'';} .inside-title2 .txt2.none{ padding-bottom:0;} .inside-title2 .txt2.none::before{ display:none;} .inside-tab{} .inside-tab .slide{ line-height:1; cursor:pointer; color:#999; font-weight:bold; position:relative; padding-bottom:20px; margin-right:40px;} .inside-tab .slide::before{ width:30px; height:2px; display:none; background:#c8161d; position:absolute; bottom:0; left:0; right:0; z-index:2; margin:auto; content:'';} .inside-tab .slide.cur{ color:#333;} .inside-tab .slide.cur::before{ display:block;} .inside-tab .slide:last-child{ margin-right:0;} .inside-tab2{} .inside-tab2 .slide{ line-height:1; color:#999; border-left:1px dashed #999; padding:0 20px;} .inside-tab2 .slide.cur{ color:#c8161d;} .inside-tab2 .slide:first-child{ border-left:none; padding-left:0;} .inside-tab2 .slide:last-child{ padding-right:0;} .inside-more{ line-height:1; color:#999; font-weight:bold; margin-left:40px;} /*内页-翻页*/ .inside-page{ border-top:1px solid #e5e5e5; padding-top:30px; margin-top:60px;} .inside-page .back{ line-height:1; vertical-align:middle; background:#c8161d; color:#fff; padding:12px 40px;} .inside-page .back img{ vertical-align:middle; margin-left:44px;} .inside-page .paging{ line-height:1; vertical-align:middle; color:#999; border:1px solid #e5e5e5; padding:12px 40px;} .inside-page .paging span{ width:16px; height:6px; vertical-align:middle; background-size:100% 100% !important; margin-top:-2px;} .inside-page .paging:hover{ color:#c8161d; border-color:#c8161d;} .inside-page .paging.pv span{ background:url(/images/img51.png) no-repeat center; margin-right:32px;} .inside-page .paging.pv:hover span{ background:url(/images/img52.png) no-repeat center;} .inside-page .paging.nx span{ background:url(/images/img51.png) no-repeat center; margin-left:32px; transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);} .inside-page .paging.nx:hover span{ background:url(/images/img52.png) no-repeat center;} .inside-page .paging.none{ opacity:0;} /*关于森科-公司简介*/ #about.index{ width:100%; padding:100px 0 120px;} #about.index .contents{ width:56.66%;} #about.index .contents .txt1{ width:100%; line-height:1; color:#c8161d;} #about.index .contents .txt2{ width:100%; line-height:1.6; color:#a88f67;} #about.index .contents .title{ width:100%; line-height:1; color:#282828; margin:16px 0 32px;} #about.index .contents .brief{ width:100%; line-height:1.8; color:#666; margin-top:50px;} #about.index .img{ width:38.33%;} /*关于森科-发展历程*/ #about.course{ padding:100px 0;} #about.course .item{ margin-top:70px;} #about.course .item .item1{ width:100%; background:url(/images/img39.png) no-repeat center bottom; background-size:100%; position:relative; padding-bottom:30px;} #about.course .item .item1 .arrow{ width:38px; height:38px; background:url(/images/img41.png) no-repeat center; background-size:100% !important; position:absolute; top:-2px; z-index:2;} #about.course .item .item1 .arrow.swiper-button-disabled{ background:url(/images/img40.png) no-repeat center;} #about.course .item .item1 .arrow.prev{ left:0;} #about.course .item .item1 .arrow.next{ right:0; transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);} #about.course .item .item1 .container{ width:94%;} #about.course .item .item1 .container .slide{ cursor:pointer; color:#dedede;} #about.course .item .item1 .container .slide.swiper-slide-thumb-active{ color:#c8161d;} #about.course .item .item2{ width:100%; margin-top:60px;} #about.course .item .item2 .slide{ width:100%; background:#fff;} #about.course .item .item2 .slide .img{ width:50%;} #about.course .item .item2 .slide .contents{ width:50%; padding:54px 40px;} #about.course .item .item2 .slide .contents .title{ width:100%; line-height:1; color:#c8161d; border-bottom:1px solid #f5f5f5; padding-bottom:30px; margin-bottom:30px;} #about.course .item .item2 .slide .contents .brief{ width:100%; line-height:1.8; color:#333;} /*关于森科-合作伙伴*/ #about.partners{ padding:100px 0;} #about.partners .brief{ width:100%; line-height:1.6; color:#282828; margin-top:40px;} #about.partners .item{ width:100%; margin-top:46px;} #about.partners .item .slide{ width:20%; background:#fff; border:1px solid #dedede; margin:-0.5px;} #about.partners .item .slide::after{ padding-top:54.16%;} /*产品中心-列表*/ #products.list{ padding:70px 0;} #products.list .item{ margin-top:70px;} #products.list .item .slide{ width:100%; background:#eee; padding:60px; margin-top:50px;} #products.list .item .slide .img{ padding-right: 5%; width:35%; border-right: 1px solid #dedede;} #products.list .item .slide .contents{ width:47%;} #products.list .item .slide .contents .title{ width:100%; line-height:1; color:#333;} #products.list .item .slide .contents .brief{ width:100%; line-height:1.8; color:#666; margin-top:30px;} #products.list .item .slide .contents .more{ line-height:1; background:#6b696a; color:#fff; padding:20px 54px; margin-top:36px;} #products.list .item .slide .contents .more:hover{ background:#c8171e;} #products.list .item .slide .contents .ites{ width:100%; border-top:1px solid #dedede; padding-top:20px; margin-top:25px;} #products.list .item .slide .contents .ites .txt1{ width:100%; line-height:1; color:#333;} #products.list .item .slide .contents .ites .number{ width:100%;} #products.list .item .slide .contents .ites .number .txt2{ margin-right:50px; margin-top:25px;} #products.list .item .slide:first-child{ margin-top:0;} /*产品中心-详细*/ .pro-outer #banner{ width: 100%; height: 708px; background: url(/images/pro_detail_ban.jpg) no-repeat center; background-size: cover !important;} .pro-outer #banner .pro-info{ display: flex; justify-content: space-between; align-items: center; margin: 0 auto; width: 1200px;} .pro-outer #banner .pro-info .img{ position: relative; z-index: 5; /*width: 47.3%;*/width: 42.3%; pointer-events: none;} .pro-outer #banner .pro-info .img img{ width: 100%;} .pro-outer #banner .pro-info .info{ display: flex; justify-content: start; flex-direction: column; width: 472px;} .pro-outer #banner .pro-info .info .subtit{ width: 100%; line-height: 28px; font-size: 20px; color: #fff; font-weight: bold;} .pro-outer #banner .pro-info .info .title{ width: 100%; line-height: 40px; font-size: 36px; color: #fff; font-weight: bold;} .pro-outer #banner .pro-info .info .brief{ margin-top: 20px; padding-top: 36px; width: 100%; line-height: 30px; border-top: 1px solid rgba(255, 255, 255, .3); font-size: 18px; color: #fff;} .pro-outer #banner .pro-info .info .btn{ display: flex; justify-content: center; align-items: center; margin-top: 67px; width: 200px; height: 70px; line-height: 70px; background: #c8161d; font-size: 18px; color: #fff;} .pro-outer #banner .pro-info .info .btn img{ margin-right: 20px;} .pro-outer #quickView .cw1200{ justify-content: flex-end;} #products.detail{ padding:60px 0;} #products.detail .one{ width:100%; border-bottom:1px solid #eee;} #products.detail .one .slide{ line-height:1; background:#6b696a; color:#fff; border-radius:4px 4px 0 0; position:relative; z-index:2; padding:20px 42px; margin-bottom:-1px; margin-right:1px;} #products.detail .one .slide.cur{ background:#c8161d;} #products.detail .two{ width:100%;} #products.detail .two .slide{ width:100%; margin-top:46px;} #products.detail .two .slide .title{ width:100%; color:#333;} #products.detail .two .slide .ites{ width:100%; padding:0 34px;} #products.detail .two .slide .ites .list{ width:100%; color:#666; position:relative; padding:0 16px; margin-top:20px;} #products.detail .two .slide .ites .list::before{ width:3px; height:3px; border:2px solid #c8161d; border-radius:50%; position:absolute; left:0; top: 7px; z-index:2; content:'';} #products.detail .thr{ width:100%;} #products.detail .thr .slide{ width:100%; background:#f0f0f0; padding:50px 80px 60px; margin-top:50px;} #products.detail .thr .slide .img{ width:45%;} #products.detail .thr .slide .contents{ width:45%;} #products.detail .thr .slide .contents .title{ width:100%; color:#000;} #products.detail .thr .slide .contents .brief{ width:100%; line-height:2; color:#000; margin-top:24px;} /*应用案例-列表*/ #case.list{ padding:100px 0;} #case.list .item{ width:100%;} #case.list .item .slide{ width:100%; display:flex; align-items:center; background:#fff; margin-top:40px;} #case.list .item .slide .img{ width:40%;} #case.list .item .slide .contents{ width:60%; padding:0 5%;} #case.list .item .slide .contents .title{ width:100%; line-height:1; color:#333;} #case.list .item .slide .contents .brief{ width:100%; line-height:2; color:#666; border-top:1px solid #dedede; padding-top:30px; margin-top:30px;} #case.list .item .slide .contents .more{ line-height:1; vertical-align:middle; background:#6b696a; color:#fff; padding:20px 40px; margin-top:60px;} #case.list .item .slide .contents .more img{ margin-top:-2px; margin-right:18px;} #case.list .item .slide .contents .more:hover{ background:#c8161d;} #case.list .item .slide:first-child{ margin-top:0;} /*应用案例-详细*/ #case.detail{ padding:90px 0 130px;} #case.detail .one{ display:flex; align-items:center; background:#fff;} #case.detail .one .img{ width:56%;} #case.detail .one .img::after{ padding-top:70%;} #case.detail .one .contents{ width:44%; padding:0 6.6%;} #case.detail .one .contents .title{ width:100%; color:#111;} #case.detail .one .contents .brief{ width:100%; line-height:2; color:#828282; margin:20px 0 50px;} #case.detail .one .contents .more{ line-height:1; color:#111; border:1px solid #ccc; border-radius:50px; padding:20px 64px;} #case.detail .one .contents .more:hover{ background:#c8161d; color:#fff;} #case.detail .two{ width:100%; margin-top:40px;} #case.detail .two .top{ width:100%; border-bottom:1px solid #c8161d;} #case.detail .two .top .slide{ line-height:1; background:#6b696a; color:#fff; padding:16px 84px;} #case.detail .two .top .slide.cur{ background:#c8161d;} #case.detail .two .editor{ min-height:1000px; margin-top:40px;} /*资讯中心-列表*/ #news.list{ background-color:#fff; padding:80px 0;} #news.list .one{ width:100%; display:flex; align-items:center; position:relative; padding-bottom:44px;} #news.list .one::before{ width:100%; height:4px; background:url(/images/img44.jpg) repeat-x; position:absolute; bottom:0; left:0; right:0; z-index:2; margin:auto; content:'';} #news.list .one .img{ width:50%;} #news.list .one .contents{ width:50%; padding:0 10px 0 40px;} #news.list .one .contents .title{ width:100%; line-height:1;} #news.list .one .contents .brief{ width:100%; line-height:1.8; color:#666; margin-top:12px;} #news.list .one .contents .time{ width:100%; line-height:1; color:#828282; margin-top:50px;} #news.list .one .contents .more{ line-height:1; vertical-align:middle; color:#333; border:1px solid #000; padding:20px 50px; margin-top:50px;} #news.list .one .contents .more img{ vertical-align:middle; margin-top:-3px; margin-left:60px;} #news.list .one .contents .more:hover{ background:#c8161d; border-color:#c8161d; color:#fff;} #news.list .one .contents .more:hover img{ display:none;} #news.list .one .contents .more:hover img.hide{ display:inline-block;} #news.list .two{ width:100%;} #news.list .two .slide{ width:100%; border-bottom:1px dashed #ddd; position:relative; padding:36px 0;} #news.list .two .slide::before{ width:50%; height:100%; opacity:0; background:#fafafa; position:absolute; top:0; left:100%; z-index:2; content:'';} #news.list .two .slide::after{ width:50%; height:100%; opacity:0; background:#fafafa; position:absolute; top:0; right:100%; z-index:2; content:'';} #news.list .two .slide .time{ width:80px;} #news.list .two .slide .time .txt1{ width:100%; line-height:1; color:#666;} #news.list .two .slide .time .txt2{ width:100%; line-height:1; color:#333; margin-top:12px;} #news.list .two .slide .contents{ width:90%;} #news.list .two .slide .contents .title{ width:100%; line-height:1;} #news.list .two .slide .contents .brief{ width:100%; line-height:1.8; color:#666; margin-top:14px;} #news.list .two .slide:hover{ background:#fafafa; border-bottom:1px solid #d22435;} #news.list .two .slide:hover::before{ opacity:1;} #news.list .two .slide:hover::after{ opacity:1;} /*资讯中心-详细*/ #news.detail{ padding:100px 0 130px;} #news.detail .one{ width:100%;} #news.detail .one .title{ width:100%;} #news.detail .one .other{ width:100%; margin-top:14px;} #news.detail .one .other .txt{ vertical-align:middle; color:#828282; margin:0 16px;} #news.detail .one .other .txt img{ vertical-align:middle; margin-top:-2px; margin-right:10px;} #news.detail .one .editor{ width:100%; min-height:640px; margin-top:24px;} /*联系我们*/ #contact{ width:100%;} #contact .one{ width:100%; padding:80px 0;} #contact .one .address{ width:100%; height:490px; background:#fff; margin-top:80px;} #contact .one .address .map{ width:50%; height:100%;} #contact .one .address .contents{ width:50%; padding:40px 46px;} #contact .one .address .contents .title{ width:100%; color:#c8161d;} #contact .one .address .contents .ites{ width:100%; border-top:1px solid #f1f1f1; padding-top:30px; margin-top:30px;} #contact .one .address .contents .ites .slide{ width:100%; color:#333; margin-top:16px;} #contact .one .address .contents .ites .slide:nth-child(1){ margin-top:0;} #contact .one .item{ width:100%; display:flex; justify-self: start; align-items:stretch; flex-wrap: wrap; margin-top:56px;} #contact .one .item .slide{ margin-top: 30px; width:33.33%; border-right:1px solid #dedede; padding:0 34px;} #contact .one .item .slide .title{ width:100%; border-bottom:1px solid #dedede; position:relative; padding-bottom:20px;} #contact .one .item .slide .title::before{ width:23px; height:1px; background:#c8161d; position:absolute; bottom:-1px; left:0; z-index:2; content:'';} #contact .one .item .slide .brief{ width:100%; line-height:1.6; color:#333; margin-top:22px;} #contact .one .item .slide:nth-child(3n-2){ padding-left:0;} #contact .one .item .slide:nth-child(2){ padding-left:34px;} #contact .one .item .slide:nth-child(-n+3){ margin-top: 0;} #contact .one .item .slide:nth-child(3n){ border-right:none; padding-left:34px; padding-right:0;} #contact .two{ padding:100px 0;} #contact .two .form{ width:100%; margin-top:90px;} #contact .two .form .input{ width:32%; height:70px; color:#101211; border:1px solid #dedede; padding:0 24px; margin-right:2%;} #contact .two .form .input:last-child{ margin-right:0;} #contact .two .form .textarea{ width:100%; height:200px; color:#101211; border:1px solid #dedede; resize:none; padding:24px; margin-top:2%;} #contact .two .form .submit{ line-height:1; cursor:pointer; background:#c8161d; color:#fff; border-radius:50px; padding:20px 96px; margin-top:48px;} /*H5兼容*/ @media only screen and (max-width:1680px){ } @media only screen and (max-width:1440px){ #header{ padding:14px 0;} #header .right .fz18{ font-size:16px;} #header .right .nav .slide{ margin-right:36px;} #header .right .option .slide{ padding:0 20px;} #banner .slide .contents .txt1{ font-size:50px;} #banner .slide .contents .txt2{ font-size:16px;} #banner .arrow{ width:60px;} .pro-outer #banner .pro-info{ width: 85%;} .pro-outer #banner .pro-info .img{ width: 37.3%;} .pro-outer #banner .slide{ height: 100%;} .pro-outer #banner .slide .pro-info{ height: 100%;} .pro-outer #banner .pro-info .info .btn{ margin-top: 40px;} #products.list .item .slide .img{ width:45%;} #footer .one .nav .item{ margin-left: 120px;} } @media only screen and (max-width:1280px){ #case.list .item .slide .contents{ padding:5%;} #footer .one .nav .item{ margin-left: 80px;} } @media only screen and (max-width:1140px){ #header .logo{ width:180px;} #header .right{ margin-top:10px;} #header .right .fz18{ font-size:14px;} #header .right .nav .slide{ margin-right:20px;} #header .right .option .slide{ padding:0 16px;} #footer .one .nav .item{ margin-left: 40px;} } @media only screen and (max-width:980px){ .inside-title .txt1{ font-size:40px;} .inside-title .txt2{ font-size:20px; margin-top:10px;} .inside-more{ font-size:18px;} .inside-tab2 .slide{ font-size:20px;} .inside-title2 .txt2{ font-size:24px;} #header .logo{ width:220px;} #header .right{ margin-top:12px;} #header .right .nav{ display:none;} #header .right .option .slide{ display: flex; align-items: center;} #header .right .option .language .default{ font-size:0; padding:0; background: none;} #header.cur .right .option .language .default{ background: none;} #header .right .option .language .default img{ margin:auto;} #header .right .option .txt img{ display:none !important;} #header .right .option .slide{ min-width:30px; min-height:30px; font-size: 25px;} #header .right .option .slide:first-child{ border-left:none; padding-left:none;} #header .right .option .search .icon{ width:100%;} #header .right .option .slide img{ max-width:100%; max-height:100%;} #header .right .option .language .ites{ width:160px; padding-top:24px;} #header .right .option .language .ites li{ font-size:18px;} #header .right .option .language .ites li a{ padding:12px 0;} #header .right .option .search .form{ position:fixed; top:83px; left:0; right:0; z-index:5; padding:0; margin:auto;} #header .right .option .search .form form{ width:100%; height:80px; padding:0 36px;} #header .right .option .search .form form .input{ width:80%; font-size:24px;} #header .right .option .search .form form .submit{ width:30px; float:right; background-size:100%;} #header .right .target{ display:block;} #header-block{ height:83px;} #banner .slide .img img{ display:none;} #banner .slide .img img.hide{ display:block;} #banner .arrow{ display:none;} #banner .slide .contents .txt1{ font-weight:bold; font-size:40px;} #banner .slide .contents .txt2{ opacity:1; font-size:20px;} #banner .page{ bottom:5%;} #banner .page li .num span{ font-size:16px;} .pro-outer #banner{ height: 608px;} .pro-outer #banner .slide .img img{ display: block;} .pro-outer #banner .pro-info .img{ margin-top: -10%;} .pro-outer #banner .pro-info .info{ margin-top: -10%; width: 50%;} .pro-outer #banner .pro-info .info .subtit{ font-size: 16px;} .pro-outer #banner .pro-info .info .title{ font-size: 28px;} .pro-outer #banner .pro-info .info .brief{ font-size: 14px;} .pro-outer #banner .pro-info .info .btn{ margin-top: 30px; width: 160px; height: 50px; line-height: 50px; font-size: 14px;} .pro-outer #banner .pro-info .info .btn img{ max-height: 50%;} #index .one .item{ margin-top:60px;} /* #index .one .item .top{ padding:0;} */ #index .one .item .top .contents{ width:55%;} #index .one .item .top .contents .title{ font-size:30px;} #index .one .item .top .contents .brief{ font-size:20px;} #index .one .item .top .img{ width:42%;} #index .one .item .top .contents .option{ marign-top:30px;} #index .one .item .top .contents .option .more{ padding:16px 32px;} #index .one .item .bot .wrapper .slide{ width:50%;} #index .two{ padding:90px 0 60px;} #index .two .top .contents{ width:100%;} #index .two .top .contents .brief{ font-size:20px; margin-top:30px;} #index .two .top .contents .more{ font-size:24px; margin-top:40px;} #index .two .top .img{ display:none;} #index .two .bot{ margin-top:60px;} #index .two .bot .slide{ font-size:18px; padding:24px 0;} #index .thr{ padding:90px 0;} #index .thr .item{ margin-top:60px;} #index .thr .item .wrapper .slide .left{ width:100%;} #index .thr .item .wrapper .slide .left .list{ margin-bottom:40px; margin-top:0;} #index .thr .item .wrapper .slide .left .list .img .time{ text-align:center;} #index .thr .item .wrapper .slide .left .list .img .time .txt2{ font-size:18px;} #index .thr .item .wrapper .slide .left .list .contents{ padding-top:16px;} #index .thr .item .wrapper .slide .left .list .contents .brief{ font-size:18px;} #index .thr .item .wrapper .slide .left .list .contents .more{ font-size:18px;} #index .thr .item .wrapper .slide .right{ width:100%;} #index .thr .item .wrapper .slide .right .list .contents .brief{ font-size:18px;} #index .thr .item .wrapper .slide .right .list .time .txt2{ font-size:18px; margin-top:24px;} #index .thr .item .page .more{ font-size:22px; padding:18px 40px;} #index .four{ padding:90px 0 60px;} #index .four .item .swiper-pagination{ margin-top:40px;} #index .five .title{ font-size:36px;} #index .five .more{ padding:20px 60px;} #footer .one{ padding:60px 0;} #footer .one .contact{ width:100%;} #footer .one .contact .fz14{ font-size:22px;} #footer .one .contact .txt2{ font-size:22px; border:none; padding:0; margin:auto;} #footer .one .nav{ width:100%; margin-top:40px;} #footer .one .nav .item{ width:100%; border-bottom:1px solid #fff; padding:30px 0; margin:auto;} #footer .one .nav .item .title{ font-size:28px; position:relative;} #footer .one .nav .item .title::before{ font-size:30px; color:#fff; position:absolute; right:0; top:-10%; z-index:2; content:'+';} #footer .one .nav .item .ites{ display:none; margin-top:30px;} #footer .one .nav .item .ites .slide{ font-size:22px; margin-top:20px;} #footer .one .nav .item:first-child{ border-top:1px solid #fff;} #footer .one .nav .item.cur .title::before{ content:'-';} #footer .one .qr-code{ width:100%; text-align:center; margin-top:50px;} #footer .one .qr-code .slide{ float:none; display:inline-block; margin:0 14px;} #footer .one .qr-code .slide .txt{ font-size:20px;} #footer .two{} #footer .two .txt{ width:100%; line-height:1.6; font-size:18px;} #footer .two .txt a{ font-size:18px;} #footer .two .txt span{ font-size:18px;} #footer .two .clean{ width:100%; margin-top:20px;} #footer .two .clean .txt{ width:auto;} #quickView{ background:#000;/* position:relative;*/} #about.index{ padding:90px 0;} #about.index .contents{ width:100%;} #about.index .contents .txt1{ font-size:20px;} #about.index .contents .title{ font-size:36px;} #about.index .contents .txt2{ font-size:22px;} #about.index .contents .brief{ font-size:22px;} #about.index .img{ display:none;} #about.course{ padding:90px 0;} #about.course .item .item1 .container{ width:90%;} #about.course .item .item2 .slide .img{ width:100%;} #about.course .item .item2 .slide .contents{ width:100%;} #about.course .item .item2 .slide .contents .title{ font-size:30px;} #about.course .item .item2 .slide .contents .brief{ font-size:20px;} #about.partners{ padding:90px 0;} #about.partners .brief{ font-size:20px;} #about.partners .item .slide{ width:50%;} #products.list .item .slide{ padding:40px;} #products.detail .thr .slide{ padding:40px;} #news.list .one .contents{} #news.list .two .slide .time{ width:auto;} #news.list .two .slide .contents{ width:82%;} #contact .one .item{ display:block; margin-top:80px;} #contact .one .item .slide{ width:100%; border:none !important; padding:0 20px !important; margin-top:40px;} #contact .one .item .slide .title{ font-size:32px;} #contact .one .item .slide .brief{ font-size:22px;} #contact .one .item .slide:nth-child(-n+3){ margin-top: 40px;} #contact .one .item .slide:first-child{ margin-top:0;} #contact .two{ padding:90px 0;} #contact .two .form{ margin-top:30px;} #contact .two .form .input{ width:100%; font-size:20px; margin-right:0; margin-top:2%;} #contact .two .form .textarea{ font-size:20px;} #contact .two .form .submit{ font-size:22px;} #case.list{ padding:90px 0;} #case.list .item .slide .img{ width:50%;} #case.list .item .slide .contents{ width:50%;} #case.list .item .slide .contents .brief{ font-size:20px; padding-top:20px; margin-top:20px;} #case.list .item .slide .contents .more{ padding:16px 36px; margin-top:30px;} #case.detail{ padding:80px 0;} #case.detail .one{ display:block;} #case.detail .one .img{ width:100%;} #case.detail .one .img img{ width:100%;} #case.detail .one .contents{ width:100%; padding:40px 30px;} #case.detail .one .contents .title{ font-size:36px;} #case.detail .one .contents .brief{ font-size:20px; margin:30px 0;} #case.detail .one .contents .more{ font-size:22px;} #case.detail .two{ margin-top:80px;} #case.detail .two .top .slide{ font-size:20px; padding:20px 80px;} } @media only screen and (max-width:750px){ .inside-title .txt1{ font-size: 32px;} #header .right .option .slide:first-child{ padding-left: 0;} #header .right .option .slide img{ width: 30px;} .pro-outer #banner{ height: auto; padding-bottom: 120px;} .pro-outer #banner .pro-info{ width: 92%; justify-content: start; flex-direction: column;} .pro-outer #banner .pro-info .img{ margin-top: 0; width: 100%;} .pro-outer #banner .pro-info .info{ margin-top: 0; width: 100%;} .pro-outer #banner .pro-info .info .subtit{ line-height: 1.8; font-size: 24px;} .pro-outer #banner .pro-info .info .title{ line-height: 1.8; font-size: 32px;} .pro-outer #banner .pro-info .info .brief{ line-height: 1.8; font-size: 24px;} .pro-outer #banner .pro-info .info .btn{ width: 100%; height: 80px; line-height: 80px; font-size: 32px;} .pro-outer #banner .pro-info .info .btn img{ height: 80%;} #quickView{ height: 101px;} #quickView .quick-slide{ font-size:20px;} #quickView .quickView{ height: 101px;} .pro-outer #quickView .cw1200{ justify-content: start;} #current .one{ display: none; width:100%;} #current .two{ display: flex; justify-content: flex-end; width:100%;} #current .two .slide{ float: none;} #current .fz14{ font-size:20px;} /* #products.list .item .slide .img{ width:50%;} */ #products.list .item .slide .contents{ width:48%;} #products.list .item .slide .contents .brief{ font-size:20px; margin-top:20px;} #products.list .item .slide .contents .more{ padding:16px 46px; margin-top:30px;} #products.list .item .slide .contents .ites{ padding-top:30px; margin-top:30px;} #products.list .item .slide .contents .ites .number{} #products.list .item .slide .contents .ites .number .txt2{ font-size:18px; margin-right:20px; margin-top:20px;} #products.detail .one .slide{ font-size:20px;} #products.detail .two .slide .title{ font-size:28px;} #products.detail .two .slide .ites .list{ font-size:22px;} #products.detail .two .slide .ites .list::before{ top: 12px;} #products.detail .thr .slide .img{ width: 100%;} #products.detail .thr .slide .contents{ width: 100%;} #products.detail .thr .slide .contents .title{ font-size:36px;} #products.detail .thr .slide .contents .brief{ font-size:20px;} #news.list .one{ display:block;} #news.list .one .img{ width:100%;} #news.list .one .contents{ width:100%; padding:0; margin-top:30px;} #news.list .one .contents .title{ font-size:30px;} #news.list .one .contents .time{ margin:30px 0;} #news.list .one .contents .more{ margin:auto;} #news.list .one .contents .fz14{ font-size:20px;} #news.list .two .slide{ padding:40px 0;} #news.list .two .slide .time .txt1{ font-size:36px;} #news.list .two .slide .time .txt2{ font-size:20px;} #news.list .two .slide .contents .title{ font-size:26px;} #news.list .two .slide .contents .brief{ font-size:20px;} #turn_page a, #turn_page font{ font-size:18px;} #news.detail{ padding:90px 0;} #news.detail .one .title{ font-size:30px;} #news.detail .one .other .txt{ font-size:20px;} .inside-page .fz16{ font-size:20px;} #contact .one .address{ height:auto;} #contact .one .address .map{ width:100%; height:300px;} #contact .one .address .contents{ width:100%; padding:40px 30px;} #contact .one .address .contents .title{ font-size:30px;} #contact .one .address .contents .ites .slide{ font-size:22px;} #index .one .item .top{ display: flex; justify-content: center; align-items: center; flex-direction: column-reverse;} #index .one .item .top .contents{ width: 100%;} #index .one .item .top .img{ width: 100%;} #index .four .item .wrapper .slide .list{ width: 50%;} #index .four .item .wrapper .slide .list:nth-child(-n+5){ border-top: 0;} #index .four .item .wrapper .slide .list:nth-child(-n+2){ border-top: 1px solid #dedede;} #index .four .item .wrapper .slide .list:nth-child(2n){ border-right: 1px solid #dedede;} } /* 英文样式 */ #warp.en #footer .one .nav .item{ margin-left: 110px;} @media only screen and (max-width:1460px){ #warp.en #footer .one .nav .item{ margin-left: 80px;} } @media only screen and (max-width:1300px){ #warp.en #footer .one .nav .item{ margin-left: 40px;} } @media only screen and (max-width:1140px){ #warp.en #footer .one .nav .item{ margin-left: 20px;} #warp.en #footer .one .qr-code .slide{ width: 100px;} #warp.en #footer .one .qr-code .slide .txt{ font-size: 13px;} } /* 英文版 */ @media screen and (max-width: 1600px){ #warp.en #header .right .nav .slide{ margin-right: 25px;} } @media screen and (max-width: 1490px){ #warp.en #header .right .option{ margin-left: 0;} #warp.en #header .right .option .slide{ padding: 0 10px;} } @media screen and (max-width: 1270px){ #warp.en #header .logo{ width: 120px;} #warp.en #header .right .fz18{ font-size: 12px;} } @media screen and (max-width: 750px){ #warp.en #header .logo{ width: 220px;} #warp.en #header .right .fz18{ font-size: 24px;} #warp.en #header .right .option .language .default{ font-size: 0;} }