@charset "utf-8"; .g_introduce { padding: 60px 0; float: left; width: 100%; } .g_introduce .big_title { width: 100%; text-align: center; float: left; } .g_introduce .big_title .u_title { margin: 10px 0; font-size: 40px; font-weight: bold; } .g_introduce .big_title .u_english { font-size: 14px; color: #666; } .g_introduce .list { width: 100%; float: left; margin-top: 40px; } .g_introduce .list li:nth-child(1) .text:before { border-top: 5px solid #0500ff; } .g_introduce .list li:nth-child(2) .text:before { border-right: 5px solid #0500ff; } .g_introduce .list li:nth-child(3) .text:before { border-bottom: 5px solid #0500ff; } .g_introduce .list li:nth-child(4) .text:before { border-left: 5px solid #0500ff; } .g_introduce .list li:hover .text:before { border: 5px solid #0500ff; transform: rotate(360deg); -ms-transform: rotate(360deg); /* IE 9 */ -moz-transform: rotate(360deg); /* Firefox */ -webkit-transform: rotate(360deg); /* Safari 和 Chrome */ -o-transform: rotate(360deg); /* Opera */ } .g_introduce .list li { width: 25%; float: left; text-align: center; } .g_introduce .list li .text { width: 200px; height: 200px; display: inline-block; border: 5px solid #ccc; border-radius: 50%; position: relative; padding-top: 50px; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari 和 Chrome */ -o-transition: all 1s; /* Opera */ } .g_introduce .list li .text .u_number { color: #0500ff; } .g_introduce .list li .text .u_number em { font-size: 42px; } .g_introduce .list li .text .u_desc { font-size: 20px; } .g_introduce .list li .text:before { border: 5px solid #ccc; position: absolute; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari 和 Chrome */ -o-transition: all 1s; /* Opera */ content: ""; width: 100%; height: 100%; border-radius: 50%; left: -5px; top: -5px; } .g_recommend_product { padding: 60px 0; float: left; width: 100%; background: #f0f0f0; /* .left{ float: right; width: 25%; ul{ li{ width: 100%; float:left; margin-top:30px; font-size: 20px; font-weight: bold; div{ float:left; } span{ float:right; color: #666; cursor: pointer; em{ width: 20px; height: 20px; border-radius: 50%; border: 5px solid #fff; background: #666; float:left; margin-right: 10px; margin-top: 5px; } } } .on{ span{ em{ background: $Zys; } } } } } .right{ width: 75%; float:left; padding-right: 40px; .content{ width:40%; float: left; padding-right: 20px; .big_title{ font-size:26px; color: $Zys; em{ font-weight:bold; } } .big_desc{ margin-top:20px; font-size: 14px; } .text{ width: 100%; margin-top: 20px; li{ display:none; .u_title{ font-weight:20px; font-weight:bold; } .u_desc{ font-size: 14px; margin-top: 10px; color: #666; } .u_plus{ float:left; margin-top: 20px; a{ display:inline-block; padding: 0 20px; line-height: 40px; border-radius: 30px; background: $Zys; color: #fff; box-shadow:0 10px 10px rgba(0,0,0,.2) } } } .on{ display: block; } } } .slide{ width: 60%; float: right; li{ width: 100%; float:left; display: none; img{ width: 100%; } } .on{ display: block; } } } */ } .g_recommend_product .big_title { width: 100%; text-align: center; float: left; } .g_recommend_product .big_title .u_title { margin: 10px 0; font-size: 40px; font-weight: bold; } .g_recommend_product .big_title .u_english { font-size: 14px; color: #666; } .g_recommend_product .box { float: left; width: 100%; margin-top: 50px; } .g_recommend_product .box_left { width: 15%; float: left; text-align: center; font-size: 12px; } .g_recommend_product .box_left .u_desc { margin-top: 5px; } .g_recommend_product .box_left img { width: 100%; } .g_recommend_product .box_center { width: 70%; float: left; padding: 0 10px; } .g_recommend_product .box_center img { width: 100%; } .g_recommend_product .box_center .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: linear; /*之前是ease-out*/ -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; margin: 0 auto; } .g_recommend_product .box_right { width: 15%; float: left; text-align: center; font-size: 12px; } .g_recommend_product .box_right .u_desc { margin-top: 5px; } .g_recommend_product .box_right img { width: 100%; } .g_new_release { padding: 0px 0 60px 0; float: left; width: 100%; } .g_new_release .big_title { width: 100%; background: url(../images/ba_02.jpg) no-repeat; padding: 40px 0; text-align: center; color: #fff; font-size: 40px; } .g_new_release .big_title .u_title { position: relative; display: inline-block; } .g_new_release .big_title .u_title:before { width: 50px; height: 3px; background: #fff; bottom: -15px; content: ""; position: absolute; left: 50%; margin-left: -25px; } .g_new_release .sidebar_a { width: 20%; float: left; border: 2px solid #0500ff; margin-top: 30px; } .g_new_release .sidebar_a .Small_title { background: #0500ff; padding:5px 20px; float: left; width: 100%; color: #fff; margin-bottom: 10px; text-align: center; } .g_new_release .sidebar_a .Small_title .chinese { font-size: 20px; font-weight: bold; display: inline-block; } .g_new_release .sidebar_a .Small_title .english { font-size: 14px; margin-top: 5px; } .g_new_release .sidebar_a .Small_title .chinese:before{ background: url(../images/nav_icon_02.png) no-repeat; background-size: 30px; width: 30px; height: 30px; margin-right: 10px; float: left; content: ""; } .g_new_release .sidebar_a ul li { width: 100%; float: left; padding: 10px; } .g_new_release .sidebar_a ul li .one_title { border-radius: 50px; width: 100%; background: #0500ff; position: relative; float: left; } .g_new_release .sidebar_a ul li .one_title a { display: block; width: 100%; position: relative; padding-left: 30px; font-weight: bold; line-height: 35px; color: #fff; font-size: 18px; font-weight: normal; } .g_new_release .sidebar_a ul li .one_title a:before { background: url(../images/nav_icon_01.png) no-repeat; background-size: 20px; width: 20px; height: 20px; margin-right: 10px; margin-top: 8px; float: left; content: ""; } .g_new_release .sidebar_a ul li ul { margin-top: 10px; float: left; width: 100%; } .g_new_release .sidebar_a ul li ul li:last-child { border: 0; } .g_new_release .sidebar_a ul li ul li { border-bottom: 1px dotted #ccc; padding: 10px 30px; position: relative; } .g_new_release .sidebar_a ul li ul li:hover:before{ background: #fff; color: #ff9c00; } .g_new_release .sidebar_a ul li ul li:hover > a{ color: #fff; } .g_new_release .sidebar_a ul li ul li:hover{ border-bottom: #fff 1px solid; background: #0500ff; border-radius: 30px; } .g_new_release .sidebar_a ul li ul li:before { width: 16px; height: 16px; line-height: 13px; text-align: center; background: #0500ff; border-radius: 50%; color: #fff; content: "+"; position: absolute; font-size: 12px; left: 8px; top: 12px; } .g_new_release .sidebar_a ul li ul li a { font-size: 14px; display: block; color: #0500ff; } .g_new_release .sidebar_b { width: 80%; float: right; margin-top: 30px; } .g_new_release .sidebar_b li { width: 33.3333%; float: left; padding-left: 20px; padding-bottom: 15px; text-align: center; } .g_new_release .sidebar_b li:hover img { border: 1px solid #0500ff; } .g_new_release .sidebar_b li img { width: 100%; border: 1px solid #fff; } .g_new_release .sidebar_b li .bt { float: left; margin-top: 10px; width: 100%; } .g_new_release .sidebar_b li .bt a{ float: left; width: 100%; display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .g_new_release .sidebar_b li .bt a:hover { color: #0500ff; font-weight: bold; } .g_advert { padding: 60px 0; float: left; width: 100%; } .g_advert img { width: 100%; } .g_advantage { padding: 60px 0; float: left; width: 100%; position: relative; } .g_advantage:before { width: 1500px; height: 1500px; border-radius: 50%; background: #f7f7f7; position: absolute; right: -30%; content: ""; top: 20%; } .g_advantage .big_title { width: 100%; text-align: center; float: left; position: relative; } .g_advantage .big_title .u_title { margin: 10px 0; font-size: 40px; font-weight: bold; } .g_advantage .big_title .u_desc { font-size: 14px; color: #666; } .g_advantage .list { width: 100%; float: left; position: relative; } .g_advantage .list li:nth-child(odd) { width: 100%; float: left; } .g_advantage .list li:nth-child(odd) .u_img { float: right; width: 50%; } .g_advantage .list li:nth-child(odd) .u_img img { width: 100% ;; } .g_advantage .list li:nth-child(odd) .information { float: left; position: relative; } .g_advantage .list li:nth-child(even) { width: 100%; float: left; } .g_advantage .list li:nth-child(even) .u_img { float: left; width: 50%; } .g_advantage .list li:nth-child(even) .u_img img { width: 100% ;; } .g_advantage .list li:nth-child(even) .information { float: right; position: relative; } .g_advantage .list li { width: 100%; float: left; } .g_advantage .list li .information { width: 50%; position: relative; padding-left: 80px; margin-top: 90px; } .g_advantage .list li .information .u_number { font-size: 30px; line-height: 60px; text-align: center; width: 60px; height: 60px; background: #0500ff; position: absolute; top: 0px; left: 0; color: #fff; } .g_advantage .list li .information .text .u_title { font-size: 28px; font-weight: bold; color: #0500ff; } .g_advantage .list li .information .text .english { display: inline-block; border: 2px solid #ccc; color: #ccc; padding: 0 10px; margin: 10px 0; } .g_advantage .list li .information .text p { content: ""; } .g_advantage .list li .information .text .consultation a { display: inline-block; border: 1px solid #0500ff; border-radius: 50px; padding: 0 20px; line-height: 40px; margin-top: 20px; } .g_advantage .list li .information .text .consultation a:hover { background: #0500ff; color: #fff; } .g_case { padding: 0px 0 60px 0; float: left; width: 100%; } .g_case .big_title { width: 100%; background: url(../images/ba_01.jpg) no-repeat; padding: 40px 0; text-align: center; color: #fff; font-size: 40px; } .g_case .big_title .u_title { position: relative; display: inline-block; } .g_case .big_title .u_desc { font-size: 14px; } .g_case .big_box { width: 100%; float: left; margin-top: 40px; } .g_case .big_box .sidebar_a { width: 25%; float: left; } .g_case .big_box .sidebar_a li { width: 100%; float: left; margin-bottom: 15px; border: 4px solid #0500ff; } .g_case .big_box .sidebar_a li a { display: block; padding: 10px 20px; } .g_case .big_box .sidebar_a li a:hover { background: #0500ff; color: #fff; } .g_case .big_box .sidebar_a li .chinese { font-size: 18px; font-weight: bold; } .g_case .big_box .sidebar_a li .english { color: #ccc; } .g_case .big_box .sidebar_a .on a { background: #0500ff; color: #fff; } .g_case .big_box .sidebar_b { width: 50%; float: left; padding: 0 20px; } .g_case .big_box .sidebar_b .swiper-slide img { width: 100%; } .g_case .big_box .sidebar_c { background: #f0f0f0; width: 25%; float: left; padding: 10px; } .g_case .big_box .sidebar_c .small_title { width: 100%; float: left; } .g_case .big_box .sidebar_c .small_title .left { font-weight: bold; } .g_case .big_box .sidebar_c ul { width: 100%; float: left; margin-top: 10px; } .g_case .big_box .sidebar_c ul li { width: 100%; float: left; margin: 5px 0; } .g_case .big_box .sidebar_c ul li a { display: block; position: relative; } .g_case .big_box .sidebar_c ul li a img { width: 100%; } .g_case .big_box .sidebar_c ul li a .u_title { position: absolute; bottom: 0px; left: 0px; background: rgba(0, 0, 0, 0.5); color: #fff; width: 100%; text-align: center; line-height: 30px; } .g_advert_01 { float: left; width: 100%; } .g_advert_01 img { width: 100%; } .g_news { padding: 60px 0; float: left; width: 100%; } .g_news .big_title { width: 100%; text-align: center; float: left; } .g_news .big_title .u_title { margin: 10px 0; font-size: 40px; font-weight: bold; } .g_news .big_title .xq { font-size: 14px; color: #666; } .g_news .big_box { width: 100%; float: left; margin-top: 30px; } .g_news .big_box .sidebar_a { width: 65%; float: left; padding-right: 30px; } .g_news .big_box .sidebar_a .small_title { width: 100%; float: left; border-bottom: 1px solid #ccc; padding-bottom: 15px; } .g_news .big_box .sidebar_a .small_title .left img { margin-right: 5px; } .g_news .big_box .sidebar_a .news_special { width: 100%; float: left; margin-top: 30px; } .g_news .big_box .sidebar_a .news_special .u_img { width: 40%; float: left; } .g_news .big_box .sidebar_a .news_special .u_img img { width: 100%; } .g_news .big_box .sidebar_a .news_special .text { float: right; padding-left: 15px; width: 60%; } .g_news .big_box .sidebar_a .news_special .text .u_title { font-size: 16px; font-weight: bold; } .g_news .big_box .sidebar_a .news_special .text .u_desc { font-size: 14px; margin-top: 10px; color: #666; } .g_news .big_box .sidebar_a .news_special .text .u_plus { margin-top: 10px; } .g_news .big_box .sidebar_a .news_special .text .u_plus a { display: inline-block; padding: 0 20px; background: #0500ff; line-height: 30px; font-size: 12px; color: #fff; border-radius: 50px; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2); } .g_news .big_box .sidebar_a ul { margin-top: 15px; width: 100%; float: left; } .g_news .big_box .sidebar_a ul li { width: 50%; padding-right: 10px; float: left; margin-bottom: 10px; } .g_news .big_box .sidebar_a ul li .small_box { width: 100%; border: 1px solid #ccc; line-height: 40px; float: left; position: relative; height: 40px; overflow: hidden; padding-left: 50px; font-size: 14px; padding-right: 10px; } .g_news .big_box .sidebar_a ul li .small_box .u_number { position: absolute; left: 0px; top: 0px; width: 40px; height: 40px; line-height: 40px; background: #ccc; float: left; text-align: center; } .g_news .big_box .sidebar_a ul li .small_box a:hover { color: #0500ff; } .g_news .big_box .sidebar_b { width: 35%; float: left; padding-right: 30px; } .g_news .big_box .sidebar_b .small_title { width: 100%; float: left; border-bottom: 1px solid #ccc; padding-bottom: 15px; } .g_news .big_box .sidebar_b .small_title .left img { margin-right: 5px; } .g_news .big_box .sidebar_b .list { width: 100%; height: 260px; margin: 0 auto; line-height: 90px; font-size: 12px; overflow: hidden; float: left; margin-top: 10px; } .g_news .big_box .sidebar_b .list li { height: 80px; border-bottom: 1px dotted #ccc; margin-top: 10px; } .g_news .big_box .sidebar_b .list li .ask { width: 100%; overflow: hidden; position: relative; padding-left: 40px; float: left; height: 25px; line-height: 25px; } .g_news .big_box .sidebar_b .list li .ask .font { background: #666; color: #fff; width: 25px; height: 25px; line-height: 25px; position: absolute; left: 0px; top: 0px; font-size: 14px; text-align: center; } .g_news .big_box .sidebar_b .list li .answer { width: 100%; margin-top: 5px; overflow: hidden; position: relative; padding-left: 40px; float: left; height: 40px; overflow: hidden; line-height: 1.6; color: #666; font-size: 12px; } .g_news .big_box .sidebar_b .list li .answer .font { background: #0500ff; color: #fff; width: 25px; height: 25px; line-height: 25px; position: absolute; left: 0px; font-size: 14px; top: 0px; text-align: center; } .g_news .big_box .sidebar_b .list a { color: #666; text-decoration: none; font-size: 14px; } .g_news .big_box .sidebar_b .list a:hover { color: #ED5565; text-decoration: underline; } .g_about { padding: 60px 0; float: left; width: 100%; background: #f0f0f0; } .g_about .big_title { width: 100%; text-align: center; float: left; } .g_about .big_title .u_title { margin: 10px 0; font-size: 40px; font-weight: bold; } .g_about .big_title .u_desc { font-size: 14px; color: #666; } .g_about .big_box { width: 100%; float: left; display: flex; margin-top: 30px; } .g_about .big_box .u_img { width: 50%; float: left; } .g_about .big_box .u_img img { width: 100%; } .g_about .big_box .text { padding: 40px; float: right; width: 50%; background: #fff; } .g_about .big_box .text .u_desc { line-height: 1.8; color: #666; } .g_about .big_box .text .u_plus { display: inline-block; margin-top: 25px; } .g_about .big_box .text .u_plus a { display: block; background: #0500ff; padding: 0 20px; line-height: 35px; border-radius: 50px; color: #fff; } .g_about .list { width: 100%; float: left; text-align: center; margin-top: 30px; } .g_about .list li { display: inline-block; border: #0500ff 1px solid; border-radius: 50px; line-height: 40px; margin: 0 15px 0 15px; } .g_about .list li a { display: block; position: relative; padding: 0 60px 0 50px; } .g_about .list li a:before { content: ""; position: absolute; right: 10px; background: url(../images/icon_04.png) no-repeat; background-size: 15px; width: 15px; height: 15px; top: 13px; } .g_about .list li .u_img { display: inline-block; } .g_about .list li .u_img img { width: 20px; } .g_about .list li .u_title { font-weight: bold; color: #0500ff; display: inline-block; } .g_friendlink { background: #0500ff; width: 100%; float: left; } .g_friendlink .list { width: 100%; float: left; position: relative; color: #fff; } .g_friendlink .list .left_title { background: #515151; height: 100%; line-height: 40px; float: left; padding: 0 20px; } .g_friendlink .list ul { float: left; margin-left: 20px; } .g_friendlink .list ul li { float: left; margin-right: 20px; line-height: 40px; } .g_friendlink .list ul li a { color: #fff; } @media screen and (max-width: 769px) { .g_search { display: none; } .g_introduce { padding: 20px 10px; } .g_introduce img { display: none; } .g_introduce .big_title .u_title { font-size: 18px; } .g_introduce .list li { width: 50%; margin-bottom: 20px; } .g_introduce .list li .text { width: 150px; height: 150px; padding-top: 30px; } .g_introduce .list li .text .u_number em { font-size: 30px; } .g_recommend_product { padding: 20px 10px; padding: 20px 10px; /* .left{ width: 100%; ul{ li{ width: 25%; text-align: center; float:left; margin-top: 0px; font-size:16px; div{ display: none; } span{ float:left; em{ margin-top: 0; margin-right: 5px; } } } } } .right{ width:100%; padding: 0; .slide{ width: 100%; padding: 0px; margin-top: 20px; } .content{ width: 100%; padding: 10px; } } */ } .g_recommend_product .big_title img { display: none; } .g_recommend_product .big_title .u_title { font-size: 18px; } .g_recommend_product .box { margin-top: 20px; } .g_recommend_product .box_left { display: none; } .g_recommend_product .box_center { width: 100%; } .g_recommend_product .box_right { display: none; } .g_new_release { padding-bottom: 20px; } .g_new_release .big_title { padding: 20px 0 40px 0; } .g_new_release .big_title .u_title { font-size: 18px; font-weight: bold; } .g_new_release .sidebar_a { display: none; } .g_new_release .sidebar_b { width: 100%; padding: 0 5px; } .g_new_release .sidebar_b li { width: 50%; padding: 5px; } .g_advert { display: none; } .g_advantage { padding: 20px 10px; } .g_advantage:before { content: none; } .g_advantage .big_title .u_img { display: none; } .g_advantage .big_title .u_title { font-size: 18px; } .g_advantage .list { margin-top: 20px; } .g_advantage .list li:nth-child(odd) .u_img { width: 100%; } .g_advantage .list li:nth-child(odd) .u_img img { width: 100%; } .g_advantage .list li:nth-child(odd) .information { width: 100%; margin-top: 20px; } .g_advantage .list li:nth-child(even) .u_img { width: 100%; } .g_advantage .list li:nth-child(even) .u_img img { width: 100%; } .g_advantage .list li:nth-child(even) .information { width: 100%; margin-top: 20px; } .g_advantage .list li { margin-bottom: 20px; } .g_advantage .list li .information .text p { font-size: 14px; } .g_case { padding-bottom: 20px; } .g_case .big_title { padding: 20px 0; } .g_case .big_title .u_title { font-size: 18px; } .g_case .big_box { margin-top: 20px; padding: 0 20px; } .g_case .big_box .sidebar_a { width: 100%; } .g_case .big_box .sidebar_a li { width: 50%; } .g_case .big_box .sidebar_a li .chinese { font-size: 14px; } .g_case .big_box .sidebar_b { width: 100%; padding: 0; } .g_case .big_box .sidebar_c { width: 100%; } .g_case .big_box .sidebar_c ul li { width: 50%; padding: 0 5px; } .g_case .big_box .sidebar_c ul li a .u_title { font-size: 12px; } .g_advert_01 { display: none; } .g_news { padding: 20px 0; } .g_news .big_title .u_img { display: none; } .g_news .big_box { padding: 0 10px; } .g_news .big_box .sidebar_a { width: 100%; padding: 0px; } .g_news .big_box .sidebar_a .news_special .u_img { width: 100%; } .g_news .big_box .sidebar_a .news_special .text { width: 100%; margin-top: 20px; padding: 0px; } .g_news .big_box .sidebar_a .news_special .text .u_title { font-size: 15px; } .g_news .big_box .sidebar_a .news_special .text .u_desc { font-size: 12px; height: 34px; overflow: hidden; } .g_news .big_box .sidebar_a ul li { width: 100%; padding-right: 0px; } .g_news .big_box .sidebar_b { width: 100%; padding-right: 0px; } .g_about { padding: 20px 0; } .g_about .big_title .u_img { display: none; } .g_about .big_title .u_title { font-size: 18px; } .g_about .big_box { display: block; width: 100%; } .g_about .big_box .u_img { width: 100%; } .g_about .big_box .text { width: 100%; } .g_about .list { padding: 0 20px; } .g_about .list li { width: 100%; margin: 5px 0; } } /* 主色 #EC8617 高亮色 $Zys 字体颜色 #515151 文本颜色#626262 线颜色 #dedede 点缀色 #517fff */ /*# sourceMappingURL=index.css.map */