@charset "utf-8"; .container { width: 100%; box-sizing: border-box; padding: 0 15px; } html{font-family:"微软雅黑"!important;} .box-center { width: 1920px; position: relative; left: 50%; margin-left: -960px; } .lg-hide { display: none; } @media (max-width: 768px) { .lg-hide { display: block; } } /*sun_top*/ .sun_top { background: #000; font-size: 14px; color: #A2A2A2; line-height: 40px; } .sun_top a { color: #A2A2A2; transition: all .5s ease; } .sun_top a:hover { color: #b71d24; } .sun_top p{ display:inline-block } @media (max-width: 768px) { .sun_top { text-align: center; line-height: 25px; font-size: 12px; } .sun_top .wel { width: 100%; float: none; } .sun_top .top_link { width: 100%; float: none; } } /*sun_search*/ .sun_search { background: #212121; padding: 10px; display: none; } .sun_search .keys { font-size: 14px; color: #A2A2A2; line-height: 35px; } .sun_search .keys a { display: inline-block; padding-right: 10px; color: #A2A2A2; } .sun_search .search_box { width: 20%; } @media (max-width: 990px) { .sun_search .search_box { width: 50%; } } @media (max-width: 768px) { .sun_search .keys { width: 100%; float: none; } .sun_search .search_box { width: 100%; float: none; margin: 0 auto; } } .sun_search #formsearch { background: #fff; width: 100%; height: 35px; border-radius: 5px; position: relative; } .sun_search #formsearch #keyword { width: 80%; float: left; background: none; outline: none; border: none; padding-left: 10px; height: 35px; font-size: 13px; color: #757575; box-sizing: border-box; } .sun_search #formsearch #s_btn { width: 20%; height: 35px; background: none; outline: none; border: none; font-size: 0; position: absolute; z-index: 10; right: 0; top: 0; cursor: pointer; } .sun_search #formsearch .sub_btn_bg { position: absolute; z-index: 8; height: 35px; text-align: center; line-height: 35px; right: 0; top: 0; width: 20%; } .sun_search #formsearch .sub_btn_bg i { font-size: 16px; } /*sun_head*/ .sun_head { background: #252525 url(../images/header-v5-bg.png) no-repeat 0 0; background-size: cover; transition: all .5s ease; } .sun_head .logo { display: block; position: relative; height: 100%; padding: 15px 30px 15px 0; transition: all .5s ease; } .sun_head .logo:after { content: ' '; width: 2000px; position: absolute; top: 0; right: 0; height: 110%; background: #b61c23 url(../images/header-v5-bg.png) no-repeat 0 0; background-size: cover; z-index: 9999; transform: skewX(-45deg); } .sun_head .logo img { position: relative; z-index: 99999; max-width: 100%; } .sun_head .nav_btn { display: none; } .sun_head .sun_nav { width: 72%; } .sun_head .sun_nav .nav_ul > li { float: left; width: 9.6666%; position: relative; text-align: center; line-height: 95px; } .sun_head .sun_nav .nav_ul > li:last-child{background: #AE2026;height: 40px; line-height: 40px; margin-top: 27px;} .sun_head .sun_nav .nav_ul > li:last-child .top a:hover{color:#fff;} .sun_head .sun_nav .nav_ul > li .top > a { font-size: 14px; font-weight: 500; letter-spacing: 0.03em; position: relative; color: #fff; z-index: 999; } .sun_head .sun_nav .nav_ul > li .top i { font-size: 16px; color: #fff; } .sun_head .sun_nav .nav_ul > li:hover .top > a { color: #c01921; } .sun_head .sun_nav .nav_ul > li:hover .top i { color: #c01921; } .sun_head .sun_sub { display: none; position: absolute; z-index: 9999; width: 150%; border-top: 2px solid #c01921; background: #191919; } .sun_head .sun_sub > li > a { color: #767474; display: block; font-size: 13px; font-weight: 600; line-height: 40px; padding: 0 25px; position: relative; text-align: left; transition: all .5s ease; } .sun_head .sun_sub > li > a:hover { color: #c01921; } .sun_head .sun_sub > li + li { border-top: 1px solid #2a2a2a; } .sun_head .search_btn { width: 4%; margin-left: 1%; margin-top: 2.5%; } .sun_head .search_btn .search_box { width: 30px; height: 30px; border-radius: 50%; border: 1px solid #fff; text-align: center; line-height: 28px; } .sun_head .search_btn .search_box i { font-size: 14px; color: #fff; } .sun_head .search_btn .search_box:hover { border-color: #c01921; } .sun_head .search_btn .search_box:hover i { color: #c01921; } .sun_head.fixed { position: fixed; width: 100%; top: 0; z-index: 99999; } @media (max-width: 990px) { .sun_head .head_l { width: 20%; } .sun_head .sun_nav { width: 60%; } .sun_head .sun_nav .nav_ul > li { line-height: 60px; } .sun_head .sun_nav .nav_ul > li .top > a { font-size: 12px; } .sun_head .sun_sub > li > a { font-size: 12px; } .sun_head .search_btn { width: 5%; } .sun_head .search_btn .search_box { width: 25px; height: 25px; line-height: 23px; } .sun_head .search_btn .search_box i { font-size: 12px; } } @media (max-width: 768px) { .sun_head .head_l { width: 92%; } .sun_head .head_l .logo { padding: 5px 0; } .sun_head .head_l .nav_btn { display: block; width: 20px; margin-top: 36px; } .sun_head .head_l .nav_btn span { display: block; height: 2px; background: #fff; margin: 4px 0; opacity: 1; transition: all .5s ease; } .sun_head .head_l .nav_btn:after, .sun_head .head_l .nav_btn:before { content: ''; display: block; height: 2px; background: #fff; transition: all .5s ease; transform-origin: 8%; } .sun_head .head_l .nav_btn.click span { opacity: 0; } .sun_head .head_l .nav_btn.click:after { transform: rotate(-45deg); transform-origin: 8%; } .sun_head .head_l .nav_btn.click:before { transform: rotate(45deg); transform-origin: 8%; } .sun_head .sun_nav { width: 100%; float: none; padding-top: 10px; display: none; } .sun_head .sun_nav .nav_ul > li { float: none; width: 100%; line-height: 35px; text-align: left; } .sun_head .sun_nav .nav_ul > li .top:after { content: ''; display: table; clear: both; } .sun_head .sun_nav .nav_ul > li .top > a { font-size: 14px; font-weight: 500; letter-spacing: 0.03em; width: 65%; display: block; float: left; } .sun_head .sun_nav .nav_ul > li .top i { display: block; text-align: right; line-height: 35px; width: 20%; float: right; font-size: 16px; color: #fff; padding-right: 1%; box-sizing: border-box; } .sun_head .sun_nav .nav_ul > li + li { border-top: 1px solid #2A2A2A; } .sun_head .sun_sub { display: none; position: static; z-index: 9999; width: 100%; border-top: 2px solid #c01921; background: #191919; } .sun_head .sun_sub > li > a { font-size: 12px; line-height: 35px; } .sun_head .search_btn { width: 6%; margin-top: 28px; } } /*banner*/ #swiper1 .swiper-pagination { bottom: 27px; } #swiper1 .swiper-pagination-bullet { width: 12px; height: 12px; border: 1px solid #fff; box-sizing: border-box; opacity: 1; } #swiper1 .swiper-pagination-bullet-active { background: #fff; } #swiper1 .swiper-button-prev, #swiper1 .swiper-button-next { background: none; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); outline: none; border: none; } #swiper1 .swiper-button-prev { left: 10%; } #swiper1 .swiper-button-next { right: 10%; } @media (max-width: 768px) { #swiper1 .fa { font-size: 2em; } } /*sun_about*/ .sun_about { padding: 80px 0; -webkit-background-size: cover; background-size: cover; } .sun_about .img { width: 30%; } .sun_about .img img { width: 100% !important; } .sun_about .wz { width: 67%; } .sun_about .wz h3 { font-size: 28px; color: #102132; font-weight: 500; letter-spacing: .03em; margin-bottom: 22px; } .sun_about .wz .wzcon { font-size: 14px; color: #777777; font-weight: 500; letter-spacing: .03em; margin-bottom: 19px; line-height:28px; } .sun_about .wz .more { font-size: 14px; color: #3B3B3B; font-weight: 700; line-height: 30px; border: 1px solid #3B3B3B; letter-spacing: .03em; margin: 0; text-transform: uppercase; padding: 0 22px; display: inline-block; position: relative; transition: all .5s ease-out; } .sun_about .wz .more span { position: relative; z-index: 9; } .sun_about .wz .more:before { content: ""; position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; background: #c01921; transform: scaleX(0); transform-origin: 0 50%; transition: all .5s ease-out; } .sun_about .wz .more:hover { color: #fff; } .sun_about .wz .more:hover:before { transform: scaleX(1); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } @media (max-width: 768px) { .sun_about .img { width: 100%; float: none; margin-bottom: 15px; } .sun_about .wz { width: 100%; float: none; } } /*sun_culture*/ .sun_culture { /* background: #191919;*/ background: url(../images/xfd.jpg) top center no-repeat; } .sun_culture .img { width: 50%; } .sun_culture .img .img_box { float: right; display: inline-block; vertical-align: middle; transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); backface-visibility: hidden; position: relative; background: #e1e1e1; transition-property: color; transition-duration: 0.3s; } .sun_culture .img .img_box:after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background: #EDB005; transform: scale(0); transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; opacity: .3; } .sun_culture .img .img_box img { height: auto; } .sun_culture .wz { /* width: 50%;*/ box-sizing: border-box; padding: 100px 20px 60px 80px; } .sun_culture .wz h3 { font-size: 24px; color: #c01921; font-weight: bold; line-height: 28px; text-transform: uppercase; margin: 0; margin-bottom: 17px; } .sun_culture .wz .wzcon { font-size: 14px; line-height: 26px; color: #fff; letter-spacing: .03em; font-weight: normal; } .sun_culture:hover .img .img_box:after { background: #EDB005; transform: scale(1); } @media (max-width: 768px) { .sun_culture .img { width: 100%; float: none; } .sun_culture .img .img_box { float: none; } .sun_culture .img img { width: 100%; } .sun_culture .wz { width: 100%; float: none; } } /*sun_news*/ .sun_news { background: url(../images/news_bg.jpg) top center no-repeat; background-size: cover; padding: 60px 0; } .sun_tit h3 { display: inline-block; font-size: 24px; line-height: 16px; color: #000000; font-weight: bold; text-transform: capitalize; margin-bottom: 50px; padding-bottom: 20px; position: relative; } .sun_tit h3:after { content: ' '; width: 50px; height: 2px; background: #c01921; display: block; position: absolute; bottom: -2px; left: 0; } .sun_tit .slick_jt { float: right; } .sun_tit .slick_jt .slick-next, .sun_tit .slick_jt .slick-prev { display: inline-block; width: 30px; height: 30px; background: #fff; font-size: 18px; line-height: 30px; text-align: center; padding: 0; margin-left: 10px; -webkit-transition: all .3s ease; transition: all .3s ease; cursor: pointer; } .sun_tit .slick_jt .slick-next .fa, .sun_tit .slick_jt .slick-prev .fa { color: #767676; -webkit-transition: all .3s ease; transition: all .3s ease; } .sun_tit .slick_jt .slick-next:hover, .sun_tit .slick_jt .slick-prev:hover { background: #c01921; } .sun_tit .slick_jt .slick-next:hover .fa, .sun_tit .slick_jt .slick-prev:hover .fa { color: #fff; } .sun_news .slick_news .slick-slide { outline: none; margin: 0 15px; cursor: default; } .sun_news .slick_news .slick-slide .slick_con { background: #fff; } .sun_news .slick_news .slick-slide .slick_con .img { display: block; width: 30%; float: left; } .sun_news .slick_news .slick-slide .slick_con .img img { width: 100%; } .sun_news .slick_news .slick-slide .slick_con .wz { width: 65%; float: left; margin-left: 20px; } .sun_news .slick_news .slick-slide .slick_con .wz h3 { font-size: 14px; line-height: 37px; color: #fff; font-weight: bold; background: #c01921; padding: 0 49px; margin-bottom: 23px; position: relative; right: 50px; margin-top: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .sun_news .slick_news .slick-slide .slick_con .wz p { padding-right: 5px; font-size: 14px; color: #484848; margin: 0; font-weight: 500; max-height: 85px; overflow: hidden; } @media (max-width: 600px) { .sun_news .slick_news .slick-slide .slick_con .img { width: 100%; text-align: center; float: none; } .sun_news .slick_news .slick-slide .slick_con .img img { width: 60%; display: inline-block; } .sun_news .slick_news .slick-slide .slick_con .wz { width: 90%; margin: 0 auto; float: none; padding-bottom: 10px; } .sun_news .slick_news .slick-slide .slick_con .wz h3 { right: 0; } } /*sun_pro*/ .sun_pro { padding: 80px 0; background: #272E39 url(../images/pro_bg.jpg) top center no-repeat; background-size: cover; } .sun_pro .pro_slick .slick-slide { margin: 0 15px; outline: none; } .sun_pro .pro_slick .slick_con { text-align: center; } .sun_pro .pro_slick .slick_con .img { border-radius: 50%; display: inline-block; margin-bottom: -82.5px; position: relative; z-index: 99; overflow: hidden; } .sun_pro .pro_slick .slick_con .img2 { display: none; border-radius: 50%; margin-bottom: -82.5px; position: relative; z-index: 99; overflow: hidden; } .sun_pro .pro_slick .slick_con:hover .img2 { display: inline-block; } .sun_pro .pro_slick .slick_con:hover .img { display:none; } .sun_pro .pro_slick .slick_con .wz { padding: 82.5px 22px 40px 22px; background: #1B222C; display: block; border: 1px solid #565B64; position: relative; } .sun_pro .pro_slick .slick_con .wz h2 { font-size: 16px; font-weight: bold; margin-top: 24px; transition: all .3s ease; position: relative; z-index: 2; color: #fff; } .sun_pro .pro_slick .slick_con .wz p { color: #9A9999; font-size: 14px; margin-top: 11px; transition: all .3s ease; position: relative; z-index: 2; } .sun_pro .pro_slick:after { content: ''; position: absolute; z-index: 1; display: block; top: 0; left: 0; width: 100%; height: 0; background: #c01921; transition: all 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66); } .sun_pro .pro_slick .slick_con:hover .wz h2 { color: #fff; } .sun_pro .pro_slick .slick_con:hover .wz:after { height: 100%; } .sun_pro .pro_slick .slick_con:hover .wz p { color: #939293; } /*sun_mdxx*/ .sun_mdxx { padding: 65px 0 20px 0; background: #f5f5f5; } .sun_mdxx .mdxx_list li { width: 31.33%; margin: 0 1% 40px 1%; float: left; border-bottom: 1px solid #DADADA; padding-bottom: 10px; } .sun_mdxx .mdxx_list li .img { position: relative; margin-bottom: 10px; } .sun_mdxx .mdxx_list li .img .date { position: absolute; display: block; width: 16%; top: 0; left: 0; background: #c01921; padding-top: 10%; padding-bottom: 2%; font-size: 25px; font-weight: bold; color: #fff; text-align: center; } .sun_mdxx .mdxx_list li .img .date span { display: block; font-size: 14px; font-weight: normal; text-transform: uppercase; } .sun_mdxx .mdxx_list li h3 { font-size: 16px; color: #000000; font-weight: bold; letter-spacing: .03em; text-transform: uppercase; transition: all .3s ease; } .sun_mdxx .mdxx_list li p { font-size: 14px; color: #8E8D8D; font-weight: 500; letter-spacing: .03em; margin-top: 10px; height: 42px; overflow: hidden; } @media (max-width: 990px) { .sun_mdxx .mdxx_list li { width: 48%; } } @media (max-width: 768px) { .sun_mdxx .mdxx_list li { width: 98%; float: none; } } /*sun_tl*/ .sun_tl { background: #161616; padding: 30px 0; } .sun_tl .ft_item { /* width: 23%;*/ margin: 0 1%; } .sun_tl .ft_item h4 { font-size: 16px; line-height: 26px; font-weight: bold; color: #fff; text-transform: uppercase; padding-bottom: 15px; margin-bottom: 10px; border-bottom: 1px solid #0E3C4F; color: #c01921; border-color: #262728; } .sun_tl .ft_logo { /* padding-top: 2%;*/ /* text-align: center;*/ position: relative; top: -20px; width: 18%; } .sun_tl .ft_logo img { max-width: 100%; } .sun_tl .ft_nav .ft_box a { display: block; padding-right: 2%; width: 43%; float: left; font-size: 14px; color: #777777; line-height: 30px; } .sun_tl .ft_nav { font-size: 14px; color: #636363; line-height: 20px; width: 18%; } .sun_tl .ft_nav .ft_box a:hover { color: #c01921; } .sun_tl .ft_news { font-size: 14px; color: #636363; line-height: 20px; width: 26%; } .sun_tl .ft_news li { border-bottom: 1px solid #2C2C2E; } .sun_tl .ft_news li a { font-size: 14px; color: #636363; line-height: 35px; display: block; transition: all .3s ease; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .sun_tl .ft_news li a:hover { color: #c01921; } .sun_tl .fr_cont { font-size: 14px; color: #636363; line-height: 20px; width: 28%; } .sun_tl .fr_cont p { margin-bottom: 10px; } @media (max-width: 768px) { .sun_tl .ft_item { width: 46%; margin: 0 2% 15px 2%; } } @media (max-width: 420px) { .sun_tl .ft_item { width: 98%; margin-bottom: 15px; float: none; } } /*sun_foot*/ .sun_foot { background: #0F0F0F; padding: 15px 0; font-size: 0.875rem; color: #aaa; line-height: 2; text-align: center; } .sun_foot a { color: #aaa; } .sun_foot a:hover { color: #c01921; } #backtotop { position: fixed; z-index: 999; right: 10px; bottom: 5%; width: 30px; height: 30px; border: 1px solid #c01921; color: #c01921; text-align: center; line-height: 30px; transition: all .5s ease; display: none; } #backtotop .fa { font-size: 28px; } #backtotop:hover { background: #c01921; color: #fff; } .imgtx { display: block; position: relative; width: 100%; overflow: hidden; height: 100%; } .imgtx:before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: #c01921; transform: scale(0); transition: transform 0.3s ease-out; } .imgtx img { width: 100%; transition: all .5s ease; opacity: 1; } .imgtx:hover:before { transform: scale(1); } .imgtx:hover img { opacity: .45; transform: scale(1.1); } /*xys_message*/ .xys_message { width: 60%; margin: 0 auto; } .xys_message .input_g { margin-bottom: 15px; } .xys_message .input_g span.title { display: block; float: left; width: 25%; text-align: right; font-size: 1rem; color: #666; line-height: 35px; } .xys_message .input_g input[type='text'], .xys_message .input_g .m_input { width: 72%; float: right; height: 35px; border: 1px solid #efefef; border-radius: 5px; padding-left: 10px; box-sizing: border-box; background: #fff; outline: none; } .xys_message .input_g input[type='text']::-webkit-input-placeholder, .xys_message .input_g .m_input::-webkit-input-placeholder { color: #999; opacity: 1; } .xys_message .input_g input[type='text']:-moz-placeholder, .xys_message .input_g .m_input:-moz-placeholder { color: #999; opacity: 1; } .xys_message .input_g input[type='text']::-moz-placeholder, .xys_message .input_g .m_input::-moz-placeholder { color: #999; opacity: 1; } .xys_message .input_g input[type='text']:-ms-input-placeholder, .xys_message .input_g .m_input:-ms-input-placeholder { color: #999; opacity: 1; } .xys_message .input_g #content { height: 150px; resize: none; font-family: "微软雅黑"; padding-top: 5 pxs; } .xys_message .input_g #code { width: 72%; float: right; padding-top: 0; } .xys_message .input_g #code #checkcode { width: 30%; float: left; height: 35px; } .xys_message .input_g #code #checkCodeImg { width: 120px !important; float: left; margin-left: 10px; } .xys_message .input_g #code #change_code { margin-left: 10px; float: left; font-size: 16px; color: red; line-height: 35px; } .xys_message .btn_g { padding-left: 28%; } .xys_message .btn_g .msgbtn { width: 25%; height: 35px; color: #fff; background: #c01921; font-size: 14px; border-radius: 5px; cursor: pointer; border: none; outline: none; } @media (max-width: 768px) { .xys_message { width: 95%; margin: 0 auto; } .xys_message .btn_g { padding-left: 28%; } .xys_message .btn_g .msgbtn { width: 40%; } } @media (max-width: 420px) { .xys_message .input_g span.title { width: 100%; float: none; text-align: left; } .xys_message .input_g input[type='text'], .xys_message .input_g .m_input { width: 100%; float: none; } .xys_message .input_g #code { width: 100%; float: none; } .xys_message .btn_g { padding-left: 0; } .xys_message .btn_g .msgbtn { width: 100%; } } /*鍐呴〉涓讳綋*/ .sun_page { padding: 20px 0; } .sun_page .left { width: 20%; float: left; } .sun_page .right { width: 76%; float: right; } @media (max-width: 768px) { .sun_page .left { width: 100%; float: none; } .sun_page .right { width: 100%; float: none; } } /*sun_news_ll*/ .sun_news_ll li { padding-bottom: 1.2rem; margin-bottom: 1.2rem; border-bottom: 1px solid #F0F2F5; } .sun_news_ll li h3 { margin: 0 0 1rem; font-size: 1.2rem; font-weight: normal; } .sun_news_ll li h3 a { color: #2a333c; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .sun_news_ll li h3 a:hover { color: #c01921; text-decoration: underline; } .sun_news_ll li .info { color: #76838f; margin-bottom: 10px; font-size: 0.9rem; line-height: 1.7; } .sun_news_ll li .date { font-weight: 300; color: #a3afb7; font-size: .8rem; } /*sun_news_detail*/ .sun_news_detail .title { text-align: center; font-size: 1.2rem; font-weight: normal; border-bottom: 1px solid #F0F2F5; line-height: 1.8; padding-bottom: .8rem; color: #333; } .sun_news_detail .caseimg { width: 100%; text-align: center; margin-top: 10px; border-bottom: 1px solid #F0F2F5; margin-bottom: 10px; padding-bottom: 10px; } .sun_news_detail .caseimg img { max-width: 100%; } .sun_news_detail .news_date { border-bottom: 1px solid #F0F2F5; padding: 5px 0; text-align: center; } .sun_news_detail .news_date .spana { display: inline-block; vertical-align: middle; margin: 0 5px; } .sun_news_detail .news_date .bd_share { display: inline-block; width: 150px; vertical-align: middle; margin: 0 5px; } .sun_news_detail .content { padding: 1rem; font-size: .85rem; line-height: 1.7; color: #666; } /*relateproduct relate*/ .relate { padding-top: .8rem; } .relate h4 { margin-bottom: .6rem; } @media (max-width: 768px) { #relate_n li { width: 100%; float: none; } } /*sun_product_ll*/ .sun_product_ll li { width: 23%; float: left; background: #f2f2f2; margin: 0 1% 1rem 1%; box-sizing: border-box; } .sun_product_ll li .img { position: relative; display: block; overflow: hidden; } .sun_product_ll li .img img { transition: all .5s ease; width: 100%; } .sun_product_ll li .img:after { content: ''; position: absolute; z-index: 9; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: all .5s ease; } .sun_product_ll li .img:before { content: ''; background: url(../images/add_icon.png) center no-repeat; width: 50px; height: 50px; display: block; position: absolute; z-index: 10; top: -25px; margin-left: -25px; margin-top: -25px; left: 50%; transition: all .5s ease; } .sun_product_ll li .img:hover:after { opacity: 1; } .sun_product_ll li .img:hover:before { top: 50%; } .sun_product_ll li .img:hover img { transform: scale(1.1); } .sun_product_ll li p { text-align: center; font-weight: normal; } .sun_product_ll li p a { display: block; font-size: 1rem; line-height: 2.5; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .sun_product_ll li p a:hover { color: #c01921; text-decoration: underline; } @media (max-width: 990px) { .sun_product_ll li { width: 31.333%; } } @media (max-width: 768px) { .sun_product_ll li { width: 48%; } } /*sun_case_lll*/ .sun_case_lll li { width: 23%; float: left; background: #f2f2f2; margin: 0 1%; box-sizing: border-box; padding-bottom: .8rem; margin-bottom: 1rem; } .sun_case_lll li .img { display: block; width: 100%; padding: 1%; box-sizing: border-box; } .sun_case_lll li .img img { width: 100%; } .sun_case_lll li h3 { text-align: center; font-weight: normal; } .sun_case_lll li h3 a { font-size: 1rem; line-height: 1.7; color: #333; } .sun_case_lll li h3 a:hover { color: #c01921; text-decoration: underline; } @media (max-width: 990px) { .sun_case_lll li { width: 31.333%; } } @media (max-width: 768px) { .sun_case_lll li { width: 48%; } } /*sun_pro_detail_box*/ .pro_detail_toit { text-align: center; font-size: 1.2rem; color: #666; font-weight: normal; padding: .5rem 0; border-bottom: 1px solid #F0F2F5; margin-bottom: 1rem; } .sun_pro_detail_box { margin-bottom: 1rem; padding-bottom: 1rem; } .sun_pro_detail_box .sun_pro_txtxt { width: 100%; } .sun_pro_detail_box .sun_pro_big_tx { width: 100%; box-sizing: border-box; padding: 0 5%; position: relative; } .sun_pro_detail_box .sun_pro_big_tx .slick-slide { outline: none; } .sun_pro_detail_box .sun_pro_big_tx .slick-slide .img_a { text-align: center; } .sun_pro_detail_box .sun_pro_big_tx .slick-slide .big { max-width: 100%; } .sun_pro_detail_box .sun_pro_small_tx { width: 80%; margin: 0 auto; } .sun_pro_detail_box .sun_pro_small_tx .slick-arrow { position: absolute; top: 50%; width: 16px; height: 27px; margin-top: -13px; background: url(../images/pro_tx_jt.png) center no-repeat; outline: none; border: none; font-size: 0; z-index: 9999999; display: block; overflow:hidden; opacity: 1 } .sun_pro_detail_box .sun_pro_small_tx .slick-arrow.slick-prev { left: -20px; background-position: 0 -27px; } .sun_pro_detail_box .sun_pro_small_tx .slick-arrow.slick-prev:hover { background-position: 0 0; } .sun_pro_detail_box .sun_pro_small_tx .slick-arrow.slick-next { right: -20px; background-position: -16px 0; } .sun_pro_detail_box .sun_pro_small_tx .slick-arrow.slick-next:hover { background-position: -16px -27px; } .sun_pro_detail_box .sun_pro_small_tx .slick-slide { outline: none; box-sizing: border-box; } .sun_pro_detail_box .sun_pro_small_tx .slick-slide .img_b { display: block; padding: 5%; box-sizing: border-box; } .sun_pro_detail_box .sun_pro_small_tx .slick-slide .small { width: 100%; box-sizing: border-box; border: 2px solid #E7E7E7; } .sun_pro_detail_box .sun_pro_small_tx .slick-current .small { border-color: #c01921; } .sun_pro_detail_box .sun_pro_ddd { width: 100%; margin-top: 1rem; } .sun_pro_detail_content .title { border-bottom: 1px solid #c01921; margin-bottom: .8rem; } .sun_pro_detail_content .title strong { display: inline-block; padding: 7px 25px; border-radius: 7px 7px 0 0; background: #F2F2F2; font-size: .8rem; } @media (min-width: 780px) { .container { width: 780px; margin: 0 auto; } } @media (min-width: 1000px) { .container { width: 1000px; margin: 0 auto; } } @media (min-width: 1200px) { .container { width: 1200px; margin: 0 auto; padding: 0; } }