/*----- Common css ------*/ .fl { float: left; } .fr { float: right; } .di { _display: inline; } .fwn { font-weight: normal; } .dib { *display: inline; _zoom: 1; _display: inline; _font-size: 0px; } .w1920 { width: 1920px; left: 50%; margin-left: -960px; position: relative; } .w1200 { width: 1200px; left: 50%; margin-left: -600px; position: relative; } .w1100 { width: 1100px; left: 50%; margin-left: -550px; position: relative; } /*头部样式*/ #header { background: url(../images/hbg.png) center top no-repeat; height: 140px; } .toper { width: 1200px; margin: 0 auto; height: 45px; line-height: 35px; } .wel { color: #fff; float: left; } .k1 { float: right; color: #4c4c4c; } .k1 a { color: #4c4c4c; } .top { width: 1200px; margin: 0 auto; } .logo { float: left; width: 480px; } .topLink { float: right; position: relative; z-index: 9999; width: 590px; padding-top: 20px; } .translate { width: 100px; position: absolute; left: 0; top: 10px; z-index: 9999; } .tran-in { left: 120px; } .translate li { border: 1px dashed #cccccc; line-height: 26px; text-align: left; background: #fff; } .translate li a { display: block; padding-left: 10px; background: url(../images/dot4.png) no-repeat 88% 11px; } .translate li a:hover { text-decoration: none; color: #275cea; cursor: pointer; } .translate-en { display: none; padding: 6px; padding-top: 0px; } .translate li .translate-en a { padding-left: 0px; text-align: center; background: #fff; border-bottom: 1px solid #cccccc; } .translate li .translate-en a:hover { font-weight: bold; } /*搜索和热门搜索*/ .search { width: 334px; float: left; } .hotSearch { font-weight: normal; color: #999; padding-top: 5px; } .hotSearch a { margin-right: 10px; color: #999; } #formsearch { background: url(../images/ssbg.png) 0 0 no-repeat; width: 334px; height: 33px; line-height: 33px; } #formsearch input { height: 33px; background: none; border: none; line-height: 33px; } #formsearch input#keyword { padding-left: 5px; color: #999; width: 260px; } #formsearch input#s_btn { width: 60px; cursor: pointer; font-size: 0; } #search-type { float: left; width: 100px; height: 24px; border: 1px solid #c8c8c8; margin-right: 5px; } .k2 { float: right; text-align: left; width: 220px; line-height: 1.2; } .k2 img { padding-right: 10px; } .baoyang { margin-top: -50px; z-index: 99999; } h3.bytit { width: 417px; height: 47px; line-height: 47px; font-weight: normal; color: #fff; background: #0059A4 url(../images/jt1.png) 378px center no-repeat; text-indent: 20px; font-size: 16px; } .by_content { width: 1200px; height: 82px; margin: 0 auto; background: #fff url(../images/jt1.png) 1145px center no-repeat; box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.35); padding: 25px 20px; box-sizing: border-box; } .by_content a { display: block; height: 32px; line-height: 32px; font-size: 14px; color: #4c4c4c; } .by_content a:hover { color: #126EBB; } /*视频展示*/ .index_vedio { margin-top: 60px; margin-bottom: 50px; } .picScroll01 { width: 1200px; position: relative; margin-top: 40px; } .picScroll01 .bd { width: 1132px; margin: 0 auto; overflow: hidden; } .picScroll01 .bd ul li { width: 270px; text-align: center; margin-left: 18px; } .picScroll01 .bd ul li a.img img { width: 270px; height: 193px; } .picScroll01 .bd ul li h3 a { display: block; font-weight: normal; font-size: 14px; color: #4c4c4c; padding-top: 8px; } .picScroll01 .bd ul li:hover h3 a { color: #126EBB; } .picScroll01 .hd .next, .picScroll01 .hd .prev { display: block; cursor: pointer; position: absolute; top: 82px; width: 22px; height: 50px; } .picScroll01 .hd .next { background: url(../images/crgt.png) 0 0 no-repeat; right: 0; } .picScroll01 .hd .prev { background: url(../images/cleft.png) 0 0 no-repeat; left: 0; } h3.btit { text-align: center; background: url(../images/titbg.png) center 10px no-repeat; } h3.btit span { display: block; text-transform: uppercase; font-size: 17px; color: #4c4c4c; font-weight: normal; opacity: .5; } h3.btit>div { font-size: 24px; line-height: 1; } h3.btit>div b { color: #ff7200; } h3.btit>div strong { color: #126ebb; padding-left: 38px; } /*关于我们*/ .index_about { background: url(../images/abbg.png) center top no-repeat; height: 440px; padding-top: 37px; } .baner2 { width: 359px; height: 299px; overflow: hidden; float: left; margin-top: 45px; margin-left: 108px; position: relative; } .baner2 .bd ul li a.img img { width: 359px; height: 299px; } .baner2 .hd { width: 184px; height: 50px; background: rgba(0, 0, 0, 0.3); position: absolute; bottom: 25px; right: 15px; z-index: 9999; } .baner2 .hd ul { width: 124px; margin: 0 auto; padding-top: 7px; } .baner2 .hd ul li { width: 50px; height: 30px; border: 4px solid #AFAFAF; float: left; margin: 0 2px; cursor: pointer; } .baner2 .hd ul li.on { border-color: #666; } .baner2 .hd ul li img { width: 50px; height: 30px; } .baner2 .prev, .baner2 .next { position: absolute; z-index: 999999999; width: 15px; height: 27px; cursor: pointer; display: block; bottom: 35px; } .baner2 .prev { background: url(../images/bleft.png) 0 0 no-repeat; left: 168px; } .baner2 .next { background: url(../images/brgt.png) 0 0 no-repeat; right: 22px; } .abtxt { width: 515px; float: left; text-align: justify; margin-left: 30px; margin-top: 75px; } .abtxt .content { font-size: 14px; line-height: 25px; color: #333; height: 220px; overflow: hidden; } .abtxt a.ck { display: block; width: 127px; height: 37px; background: #0059A4; font-size: 14px; color: #fff; text-align: center; line-height: 37px; border: 1px solid transparent; } .abtxt a.ck:hover { background: none; border: 1px solid #0059A4; color: #0059A4; } .abico { width: 130px; float: right; margin-top: 40px; margin-right: 20px; } .abico ul li { width: 130px; height: 86px; background: #126EBB; text-align: center; color: #fff; margin-bottom: 2px; padding-top: 12px; } .abico ul li a.img { display: block; text-align: center; transition: all 0.5s; transform: scale(1, 1); width: 65px; height: 56px; margin: 0 auto 5px; } .abico ul li a.img img { width: 65px; height: 56px; } .abico ul li h3 a { font-weight: normal; text-align: center; color: #fff; font-size: 13px; } .abico ul li a.img:hover { transform: scale(-1, 1) } /*sun_ldys*/ .sun_ldys { background: url(../images/bg2.jpg) top center no-repeat; height: 440px; box-sizing: border-box; padding-top: 68px; } .sun_ldys li { width: 16.6666%; float: left; text-align: center; box-sizing: border-box; padding: 0 16px; } .sun_ldys li .img { display: block; margin: 0 auto; position: relative; width: 77px; height: 77px; overflow: hidden; margin-bottom: 60px; } .sun_ldys li .img img { width: 100%; left: 0; position: absolute; transition: all .5s ease; } .sun_ldys li .img .img1 { top: 0; } .sun_ldys li .img .img2 { top: 77px; } .sun_ldys li h3 { display: inline-block; color: white; font-size: 19px; font-weight: normal; border-bottom: 1px solid #fff; padding-bottom: 20px; margin-bottom: 20px; } .sun_ldys li p { color: white; line-height: 180%; font-size: 14px; } .sun_ldys li:hover .img .img1 { top: -77px; } .sun_ldys li:hover .img .img2 { top: 0; } /*sun_sj*/ .sun_sj { background: #126EBB; padding: 21px 0; } .sun_sj li { width: 25%; height: 115px; float: left; text-align: center; color: #fff; font-size: 14px; box-sizing: border-box; } .sun_sj li+li { border-left: 1px solid #094B82; } .container { *zoom: 1; } .container:after { content: ''; clear: both; display: table; } .container { width: 1200px; margin: 0 auto; } /*sun_pro*/ .sun_pro { padding-top: 60px; padding-bottom: 60px; } .sun_pro .pro_tit { text-align: center; margin-bottom: 35px; } .sun_pro .pro_tit h3 { font-size: 30px; color: #ff9900; } .sun_pro .pro_tit h3 span { color: #fff; } .sun_pro .pro_tit p { font-size: 14px; line-height: 25.2px; color: white; } .sun_pro .sun_prol { width: 240px; border-left: 8px solid #FF7200; box-sizing: border-box; background: #126EBB; margin-top: 75px; box-shadow: 0px 3px 7px rgba(193, 193, 193, 0.83); } .sun_pro .sun_prol h3 { font-size: 24px; color: #fff; line-height: 64px; border-bottom: 1px solid #fff; text-align: center; margin-bottom: 14px; } .sun_pro .sun_prol li { position: relative; } .sun_pro .sun_prol li a { display: block; font-size: 14px; color: #fff; line-height: 1; text-align: left; position: relative; z-index: 99; width: 190px; height: 64px; border-bottom: 1px solid #6CA5D5; margin-left: 32px; } .sun_pro .sun_prol li { position: relative; } .sun_pro .sun_prol li a span { display: block; line-height: 1; padding-top: 15px; font-size: 12px; color: #fff; opacity: 0.2; text-transform: uppercase; font-weight: normal; } .sun_pro .sun_prol li a b { font-size: 18px; color: #fff; padding-top: 10px; display: block; } .sun_pro .sun_prol li:hover a b { color: #FF7200; } /*.sun_pro .sun_prol li:after{position: absolute; content: ''; display: block; left: 11px; width: 233px; height: 65px; background: #ffd704 url(../images/pro_sort_li_bg.png) right 6px center no-repeat; display: none; top: 0;}*/ /*.sun_pro .sun_prol li:hover:after{display: block;}*/ .sun_pro .sun_prol li:hover a { color: #000; } .sun_pro .sun_prol .pro_phone { text-align: center; font-size: 24px; color: #fff; line-height: 67px; font-weight: bold; } .sun_pro .sun_pro_ll { width: 936px; margin-top: 75px; } /*.sun_pro .sun_pro_ll li{width: 302px; height: 262px; background: #fff; float: left; box-sizing: border-box; border: 1px solid #eeeeee; padding: 15px; margin: 0 15px 10px 0;} .sun_pro .sun_pro_ll li .img{display: block; width: 210px; height: 210px; margin: 0 auto; transition: all .5s ease;} .sun_pro .sun_pro_ll li .img img{width: 100%; height: 100%;} .sun_pro .sun_pro_ll li p{font-size: 14px; color: #666;} .sun_pro .sun_pro_ll li:hover .img{transform: translateY(-10px);} .sun_pro .sun_pro_ll li:nth-of-type(3n){margin-right: 0;}*/ .tj_pro>a.img { display: block; float: left; width: 332px; height: 262px; overflow: hidden; } .tj_pro>a.img img { width: 332px; height: 262px; } .tj_pro .protxt { width: 488px; float: right; } .tj_pro .protxt>h3 a { display: block; font-size: 24px; color: #ff7200; height: 60px; line-height: 60px; } .protxt .conte { font-size: 15px; line-height: 24px; color: #4c4c4c; text-align: justify; margin-bottom: 15px; } .protxt .jiage { font-size: 14px; color: #ff7200; margin-bottom: 30px; } .protxt .alink a { display: inline-block; width: 135px; height: 42px; text-align: center; line-height: 42px; font-size: 14px; color: #fff; margin-right: 20px; } .protxt .alink a.ck { background: url(../images/a1.png) 0 0 no-repeat; } .protxt .alink a.zx { background: url(../images/a2.png) 0 0 no-repeat; } .protxt .alink a:hover { text-decoration: underline; } .picMarquee02 { margin-top: 25px; width: 935px; overflow: hidden; } .picMarquee02 .bd ul li { display: block; width: 300px; height: 244px; border: 1px solid #707070; position: relative; margin-left: 15px; } .picMarquee02 .bd ul li a.img img { width: 300px; height: 244px; } .picMarquee02 .bd ul li .tit { position: absolute; width: 302px; height: 40px; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.65); color: #fff; font-size: 14px; line-height: 40px; opacity: 1; } .picMarquee02 .bd ul li:hover .tit { opacity: 0; } .picMarquee02 .bd ul li .tit a { display: block; color: #fff; padding-left: 5px; } .picMarquee02 .bd ul li .tit span { display: block; position: absolute; right: 5px; top: 0; } .picMarquee02 .bd ul li a.mask { display: block; background: rgba(0, 0, 0, 0.8); position: absolute; left: 0; top: 0; width: 302px; height: 246px; color: #fff; padding: 35px 10px 10px 20px; box-sizing: border-box; opacity: 0; } .picMarquee02 .bd ul li:hover a.mask { opacity: 1; } .picMarquee02 .bd ul li a.mask .tit2 { font-size: 16px; } .picMarquee02 .bd ul li a.mask .jiage { font-size: 14px; padding: -2px; padding-bottom: 10px; } .picMarquee02 .bd ul li a.mask .conte { font-size: 14px; line-height: 24px; } .picMarquee02 .bd ul li a.mask span.ck { color: #fff; width: 108px; height: 30px; border: 1px solid #fff; border-radius: 10px; font-size: 14px; line-height: 30px; text-align: center; display: block; margin-top: 10px; } .nei2 { background: url(../images/nei2abc.jpg) no-repeat top center; height: 964px; width: 1920px; position: relative; left: 50%; margin-left: -960px; /*margin-top: 40px;*/ border-bottom: 10px solid #FF7200; } .nei2tit { padding-top: 173px; } .nei2tit h1 { color: #FF7200; font-size: 48px; text-align: center; margin-left: -90px; } .nei2tit h1 span { color: #000; font-size: 24px; } .nei2tit p { text-align: right; color: #000; font-size: 24px; margin-right: 220px; } .nei2left { width: 646px; margin-top: 95px; } .nei2right { width: 480px; } .nei2Box { width: 440px; height: 100px; background: url(../images/haobac.png) no-repeat top center; padding: 11px 20px; color: #000; font-size: 14px; text-align: justify; line-height: 25px; margin-bottom: 34px; } .nei2Box>p:first-child { margin-bottom: 3px; } .nei2right { margin-top: 120px; } /*企业荣誉*/ .index_honor { padding: 50px 0; background: #126EBB; } h3.btit2 { text-align: center; background: url(../images/titbg2.png) center 10px no-repeat; } h3.btit2 span { display: block; text-transform: uppercase; font-size: 17px; color: #fff; font-weight: normal; opacity: .5; } h3.btit2>div { font-size: 24px; line-height: 1; } h3.btit2>div b { color: #ff7200; } h3.btit2>div strong { color: #fff; padding-left: 38px; } .picScroll03 .bd { width: 1200px; margin: 0 auto; overflow: hidden; margin-top: 35px; } .picScroll03 .bd ul li { width: 285px; margin-left: 15px; } .picScroll03 .bd ul li a.img { display: block; width: 283px; height: 200px; border: 1px solid #fff; overflow: hidden; } .picScroll03 .bd ul li a.img img { width: 283px; height: 200px; } .picScroll03 .bd ul li a.img img { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; cursor: pointer; } .picScroll03 .bd ul li:hover a.img img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out; } .picScroll03 .bd ul li h3 a { font-weight: normal; color: #fff; text-align: center; font-size: 14px; display: block; padding-top: 6px; } /*sun_news*/ .sun_news { background: url(../images/bbg.png) repeat; padding: 20px 0; } .sun_news .news_top { margin-bottom: 60px; } .sun_news .news_top .ttt { width: 340px; height: 47px; background: #126ebb; } .sun_news .news_top .ttt span { display: inline-block; padding-left: 40px; font-size: 14px; color: #fff; line-height: 47px; } .sun_news .news_top .ttt a { float: right; width: 33px; height: 33px; background: #245cb8; text-align: center; line-height: 33px; color: #fff; font-size: 14px; margin: 7px 8px 0 0; } .sun_news .news_top .news_box { width: 1200px; height: 82px; background: #f2f2f2; padding-left: 155px; box-sizing: border-box; } .sun_news .news_top .news_box span { display: inline-block; line-height: 87px; font-size: 14px; color: #999999; } .sun_news .news_top .news_box a { float: right; width: 33px; height: 33px; background: #cccccc; text-align: center; line-height: 33px; color: #fff; font-size: 14px; margin: 25px 24px 0 0; } .sun_news .news_bbttl { width: 540px; } .sun_news .news_bbttl .first { padding-bottom: 25px; border-bottom: 1px solid #eeeeee; margin-bottom: 25px; } .sun_news .news_bbttl .first h3 { font-size: 20px; } .sun_news .news_bbttl .first h3 a { color: #126ebb; } .sun_news .news_bbttl .first .date { font-size: 12px; color: #4c4c4c; } .sun_news .news_bbttl .first .info { font-size: 14px; color: #4c4c4c; line-height: 22px; } .sun_news .news_bbttl .sun_dedd li { line-height: 30px; font-size: 14px; } .sun_news .news_bbttl .sun_dedd li a { color: #4c4c4c; } .sun_news .news_bbttl .sun_dedd li a:hover { color: #126ebb; } .sun_news .news_bbttl .sun_dedd li span { color: #4c4c4c; display: inline-block; padding-right: 20px; } .sun_news .sun_case { width: 610px; } .sun_news .sun_case .sun_case_tx { position: relative; width: 227px; height: 158px; } .sun_news .sun_case .sun_case_tx #slider { border: 1px solid #999; position: absolute; background: #000; width: 227px; height: 158px; overflow: hidden; } .sun_news .sun_case .sun_case_tx #slider .slide { position: absolute; top: 0; width: 227px; height: 158px; background: #000; } .sun_news .sun_case .sun_case_lz { width: 355px; float: right; } .sun_news .sun_case .sun_case_lz h3 { font-size: 20px; color: #434343; margin-bottom: 10px; } .sun_news .sun_case .sun_case_lz .info { font-size: 12px; color: #5a5a5a; line-height: 20px; } .sun_news .sun_case .sun_case_lz .more { float: right; width: 120px; height: 30px; background: #126EBB; text-align: center; line-height: 30px; color: #fff; font-size: 14px; margin-top: 10px; } .sun_news .sun_case .sun_case_gdtx { margin-top: 40px; } .sun_news .sun_case .sun_case_gdtx .bd { width: 610px; overflow: hidden; } .sun_news .sun_case .sun_case_gdtx .bd li { width: 220px; height: 160px; margin-right: 15px; float: left; } .sun_news .sun_case .sun_case_gdtx .bd li img { width: 220px; height: 160px; } .ntit { width: 190px; height: 50px; line-height: 50px; color: #fff; text-transform: uppercase; text-align: center; font-size: 14px; border-radius: 10px; background: #FF7200; margin-bottom: 25px; } /*sun_links*/ .sun_links { line-height: 30px; font-size: 14px; color: #666; margin-top: 50px; } .sun_links span { font-weight: bold; } .sun_links a { color: #666; display: inline-block; padding-right: 10px; } /*sun_tl*/ .sun_tl { background: #126EBB; } .sun_tl .tl_date { width: 195px; height: 285px; background: #0059A4; box-sizing: border-box; padding: 50px 0 0 30px; color: #d8d8d8; } .sun_tl .tl_date h3 { font-size: 30px; margin-bottom: 5px; } .sun_tl .tl_date p { font-size: 12px; } .sun_tl .tl_date .dl { margin-top: 10px; } .sun_tl .tl_date .dl p { font-size: 18px; font-weight: bold; } .sun_tl .sun_tlr { width: 940px; } .sun_tl .sun_tlr .tl_nav { height: 70px; line-height: 90px; border-bottom: 1px solid #D8D8D8; margin-bottom: 30px; } .sun_tl .sun_tlr .tl_nav a { display: inline-block; padding-right: 37px; color: #fff; font-size: 14px; } .sun_tl .sun_tlr .tl_nav a:last-child { padding-right: 0; } .sun_tl .sun_tlr .tl_nav a:hover, .sun_foot .ft_cpy a:hover { text-decoration: underline; } .sun_tl .sun_tlr .ewm_img { display: block; width: 106px; height: 106px; } .sun_tl .sun_tlr .ewm_img img { width: 100%; height: 100%; } .sun_tl .sun_tlr .tl_cont { width: 350px; margin-left: 30px; } .sun_tl .sun_tlr .tl_cont p { font-size: 14px; color: #fff; line-height: 22px; } .sun_tl .sun_tlr .tl_ccc { margin-top: 30px; width: 250px; height: 40px; text-align: center; line-height: 40px; color: #d8d8d8; font-size: 14px; background: #0059A4; } .sun_tl .sun_tlr .tl_ccc a { color: #d8d8d8; } #guding { z-index: 999999; position: fixed; top: 40%; left: 0; } .guding_close { position: absolute; right: -1.5em; top: -1.5em; text-align:center; font-size: 20px; color: #000000; display: block; background-color: #e5e5e5; width: 1.5em; line-height: 1.5; } /*sun_foot*/ .sun_foot { background: #0059A4; padding: 10px 0; } .sun_foot .ft_cpy { font-size: 14px; color: #fff; line-height: 24px; } .sun_foot .ft_cpy a { color: #fff; } @keyframes fadeIn { 0% { opacity: 0; transform: translateY(-160px); } 100% { opacity: 1; transform: translateY(0); } } .fadeIn { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: fadeIn; } .animated { animation-duration: 2s; animation-fill-mode: both; } @keyframes fadeOut { 0% { opacity: 0; transform: translateY(160px); } 100% { opacity: 1; transform: translateY(0); } } .fadeOut { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: fadeOut; } .animated { animation-duration: 2s; animation-fill-mode: both; } /*------------内页-------------------*/ #container { width: 1200px; margin: 0 auto; margin-top: 10px; } .left .box { margin-bottom: 10px; border: #eaeaea 1px solid; } .left .box h3 { height: 47px; padding-left: 72px; color: rgb(26, 26, 26); font-size: 18px; font-family: 微软雅黑; line-height: 47px; font-weight: 400; background: url(../images/nei1.jpg)left 30px center no-repeat; border-bottom: 1px solid #eaeaea; } .left .box1 { margin-bottom: 10px; border: #eaeaea 1px solid; } .left .box1 h3 { height: 88px; padding-left: 72px; color: rgb(26, 26, 26); font-size: 18px; font-family: 微软雅黑; line-height: 88px; font-weight: 400; border-bottom: 1px solid #eaeaea; background: url(../images/nei1.jpg) left 30px center no-repeat; } .left .box .content { padding: 5px 10px; } .prodescription { border: 1px solid #e5e5e5; background: #f9f9f9; line-height: 24px; padding: 10px; margin-bottom: 15px; text-indent: 20px; } .n_banner { width: 100%; margin: 0 auto; } .n_banner img { width: 100%; margin: 0 auto; } .left { width: 225px; float: left; } .sort_menu {} .sort_menu h3 { background-color: #ececec; line-height: 28px; padding-left: 15px; font-weight: bold; } .sort_product { margin-top: 10px; } .sort_product h3 { background-color: #ececec; line-height: 28px; padding-left: 15px; font-weight: bold; } .n_contact { margin-top: 10px; } .n_contact h3 { background-color: #ececec; line-height: 28px; padding-left: 15px; font-weight: bold; } .n_contact .content { padding: 5px; line-height: 24px; } .right { width: 940px; float: right; padding-bottom: 10px; } .sitemp { line-height: 60px; height: 60px; overflow: hidden; padding-right: 10px; border-bottom: 1px solid #ddd; } .sitemp h2 { font-size: 15px; color: #515357; background: url(../images/d6.gif) left no-repeat; border-bottom: 1px solid #4f5e86; padding-left: 30px; float: left; } .sitemp .site { float: right; text-align: right; line-height: 60px; } .right .content { padding: 10px; padding-top: 15px; overflow: hidden; line-height: 24px; }