/*----- 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;} /*头部样式*/ .container{width: 1200px; margin: 0 auto;} .box-center, .sun_banner, .sun_sdly .sdly_box, .sun_hf{width: 1920px; position: relative; left: 50%; margin-left: -960px;} /*sun_top*/ .sun_top{height: 40px; background: #f4f4f4; font-size: 14px; color: #666666; line-height: 40px;} .sun_top a{color: #666666;} /*sun_hews*/ .sun_head{height:92px; border-bottom: 1px solid #e6e6e6;} .sun_head .logo{display: block; width: 50%; height: 89px; line-height: 89px;} .sun_head .logo img{max-width: 100%;} .sun_head .head_r{text-align: right; line-height: 89px; font-size: 14px; color: #1a1a1a;} .sun_head .head_r img{margin-right: 5px;} .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;} .picMarquee-left{width: 950px;position: relative;margin-top: 2px;float:right;} .picMarquee-left .prev{width: 42px;height: 42px;/*background: url(../images/z1.png)center no-repeat;*/position: absolute;left: -20px;top: 100px;cursor: pointer;} .picMarquee-left .next{width: 42px;height: 42px;/*background: url(../images/y1.png)center no-repeat;*/position: absolute;right: -85px;top: 100px;cursor: pointer;} .picMarquee-left .prev:hover{/*background: url(../images/z2.png)center no-repeat;*/} .picMarquee-left .next:hover{/*background: url(../images/y2.png)center no-repeat;*/} .picMarquee-left .bd{padding-left:33px;width:calc(930px - 84px);overflow: hidden;width:950px;} .picMarquee-left .bd ul{ overflow:hidden; zoom:1; } .picMarquee-left .bd ul li{border:1px solid #e0e1dc;margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center; } .picMarquee-left .bd ul li .pic{ text-align:center; } .picMarquee-left .bd ul li .pic img{ width:247px; height:250px; display:block;} .picMarquee-left .bd ul li .title{font-size: 16px;padding-top: 10px;} .picMarquee-left .bd ul li .title a{color: #050505;} /*搜索和热门搜索*/ #search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;} /*sun_nav*/ .sun_nav{height: 50px;} .sun_nav .sun_menu>li{width: 12.5%; float: left; box-sizing: border-box;} .sun_nav .sun_menu>li>a{display: block; text-align: center; font-size: 14px; color: #666; line-height: 50px;} .sun_nav .sun_menu>li>a.cur, .sun_nav .sun_menu>li>a:hover{background: #ce2029; color: #fff;} .sun_nav .sun_menu>li+li{border-left: 1px dashed #e1e1e1;} /*sun_banner*/ .sun_banner{height: 613px;} .html5zoo-nav-0{display: none !important;} .html5zoo-arrow-left-0{left: 50% !important; margin-left: -600px !important;} .html5zoo-arrow-right-0{right: 50% !important; margin-right: -600px !important;} /*sun_hots*/ .sun_hots{position: relative; height: 160px; background: #f4f4f4;} .sun_hots .container{position: absolute; z-index: 9999; top: -56px; left: 50%; margin-left: -600px; background: url(../images/bg1.jpg); height: 160px; box-sizing: border-box;} .sun_hots .search{width: 535px; margin: 38px 0 0 29px;} .sun_hots .search .search_box{background: #fff; width: 359px; height: 50px; box-sizing: border-box; padding: 13px 0 0 20px; margin-bottom: 15px;} .sun_hots .search .search_box #formsearch{width: 320px; height: 28px; box-sizing: border-box; border: 2px solid #d40000;} .sun_hots .search .search_box #formsearch #keyword{width: 266px; height: 24px; background: #ffffff; float: left; outline: none; border: none; font-size: 12px; color: #666666; box-sizing: border-box; padding-left: 10px;} .sun_hots .search .search_box #formsearch #s_btn{width: 50px; height: 24px; float: right; background: #d40000; outline: none; border: none; color: #fff;} .sun_hots .search .keys{font-size: 14px; color: #fff;} .sun_hots .search .keys a{color: #fff; padding-right: 10px;} .sun_hots .search .keys a+a:before{content: '|'; padding-right: 10px;} .sun_hots .sun_hots_cont{width: 390px; margin-top: 20px; background: url(../images/phone.png) left 20px center no-repeat; padding-left: 115px; font-size: 14px; color: #fff; line-height: 25px; box-sizing: border-box;} .sun_hots .sun_hots_cont h3{font-size: 16px; font-weight: normal; margin-bottom: 5px;} .sun_hots .zx_btn{width: 152px; height: 52px; box-sizing: border-box; border: 1px solid #fff; border-radius: 2px; text-align: center; line-height: 50px; margin: 54px 60px 0 0; transition: all .5s ease;} .sun_hots .zx_btn a{display: block; transition: all .5s ease; font-size: 14px; color: #fff;} .sun_hots .zx_btn:hover{background: #fff;} .sun_hots .zx_btn:hover a{color: #ce2029;} /*sun_pro*/ .sun_pro{background: #f4f4f4; padding-bottom: 80px;} .sun_tit h3{text-align: center; font-size: 24px; line-height: 25.2px; color: #1a1a1a; font-weight: normal; background: url(../images/tt_bg.png) bottom center no-repeat; height: 60px; margin-bottom: 10px;} .sun_tit h3 span{padding-top: 4px;display: block; line-height: 16.8px; text-transform: uppercase; color: #888888; font-size: 16px;} .sun_tit p{font-size: 12px; color: #888888; text-align: center; line-height: 1.6;} .sun_pro .pro_tab_tx{margin-top: 80px;} .sun_pro .pro_tab_tx .hd{width: 200px; float: left;} .sun_pro .pro_tab_tx .hd li{height: 80px; line-height: 80px; text-align: center; font-size: 14px; color: #fff; cursor: pointer; background: #585858;} .sun_pro .pro_tab_tx .hd li a{color:#fff;} .sun_pro .pro_tab_tx .hd li:first-child{background:#ce2029;} .sun_pro .pro_tab_tx .hd li:nth-of-type(2){background: #494949;} .sun_pro .pro_tab_tx .hd li:nth-of-type(3){background: #3d3d3d;} .sun_pro .pro_tab_tx .hd li:nth-of-type(4){background: #2c2b2b;} .sun_pro .pro_tab_tx .hd li:last-child{background: #0e0e0e;} .sun_pro .pro_tab_tx .hd li.on{background: #ce2029;font-size:24px;font-weight:600;} .sun_pro .pro_tab_tx .hd li.on a{font-family: "兰亭粗黑 utf-8";} /*.sun_pro .pro_tab_tx .bd{width: 930px; float: right;}*/ .sun_pro .pro_tab_tx .bd .bdcon li{width: 230px; float: left; margin-bottom: 10px; margin-right: 15px;} .sun_pro .pro_tab_tx .bd .bdcon li .img{display: block; display: block; width: 230px; height: 230px; background: #fff; box-sizing: border-box; border: 1px solid #dbdbdb; margin-bottom: 10px;} .sun_pro .pro_tab_tx .bd .bdcon li .img img{width: 100%; height: 100%;} .sun_pro .pro_tab_tx .bd .bdcon li h3{font-size: 12px; color: #1a1a1a; line-height: 28px;} .sun_pro .pro_tab_tx .bd .bdcon li p{font-size: 12px; color: #ce2029; line-height: 1.4;} .sun_pro .pro_tab_tx .bd .bdcon li:nth-of-type(4n){margin-right: 0;} /*sun_sdly*/ .sun_sdly{background: #fff; padding-top: 55px;} .sun_sdly .titil{text-align: center;} .sun_sdly .titil h3{font-size: 24px; line-height: 33.6px; color: #1a1a1a; font-weight: normal;} .sun_sdly .titil h4{text-transform: uppercase; font-size: 12px; line-height: 2; color: #a7a7a7; font-weight: normal; padding: 0 200px; transform: scale(0.8); margin-bottom: 20px;} .sun_sdly .sdly_box{background: url(../images/bg2.jpg) top center no-repeat; height: 648px;} .sun_sdly .sdly_box .img{display: block; width: 960px; height: 60px;} .sun_sdly .sdly_box .img img{width: 100%; height: 100%;} .sun_sdly .sdly_box .wz{width: 960px;} .sun_sdly .sdly_box .wz .wzcon{width: 600px; box-sizing: border-box; padding: 45px 0 0 25px;} .sun_sdly .sdly_box .wz .wzcon .wzttit{text-align: center; color: white; font-size: 24px; letter-spacing: 1px; line-height: 33.6px; margin-bottom: 30px; font-weight: bold;} .sun_sdly .sdly_box .wz .wzcon .wzttit span{display: block; letter-spacing: 6px; line-height: 16.8px; text-transform: uppercase; color: #f1c1c3; font-size: 12px; font-weight: normal;} .sun_sdly .sdly_box .wz .wzcon .item{position: relative; width: 547px; height: 82px; margin-bottom: 22px;} .sun_sdly .sdly_box .wz .wzcon .item img{width: 547px; height: 82px; transition: all 2s ease;} .sun_sdly .sdly_box .wz .wzcon .item .daad{position: absolute; z-index: 99; left: 77px; top: 20px;} .sun_sdly .sdly_box .wz .wzcon .item h3{font-size: 14px; color: #1a1a1a;} .sun_sdly .sdly_box .wz .wzcon .item p{z-index: 99; color: #666666; line-height: 1.7;} .sun_sdly .sdly_box .wz .wzcon .item:last-child{margin-bottom: 0;} .sun_sdly .sdly_box .wz .wzcon .item:last-child h3, .sun_sdly .sdly_box .wz .wzcon .item:last-child p{color: #fff;} /*animated*/ @keyframes flipInY{0%{transform: rotateY(180deg); animation-timing-function: ease-in; opacity: 0;} to{transform: rotateY(360deg);}} .flipInY{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY;} .animated{animation-duration: 1s; animation-fill-mode: both;} /*sun_about*/ .sun_about{background: #f4f4f4 url(../images/bg3.png) top center no-repeat; height: 765px; box-sizing: border-box; padding-top: 65px;} .sun_about .about_box{margin-top: 50px;} .sun_about .about_box .img{display: block; width: 522px; height: 359px;} .sun_about .about_box .img img{width: 100%; height: 100%;} .sun_about .about_box .wz{width: 630px; padding-top: 65px;} .sun_about .about_box .wz .wzcon{font-size: 12px; line-height: 2; color: #5a5a5a; height: 168px; overflow: hidden; margin-bottom: 30px;} .sun_about .about_box .wz .more{display: block; text-transform: uppercase; font-size: 14px;} /*sun_hf*/ .sun_hf{height: 180px; position: relative;} .sun_hf .container{position: absolute; z-index: 900; left: 50%; margin-left: -600px; top: -85px;} .sun_hf .container h3{position: absolute; z-index: 99; font-size: 24px; letter-spacing: 1px; color: #ff9600; top: 45px; left: 480px;} .sun_hf .container h3 span{display: block; padding-left: 65px;} .sun_hf .container .ljzx{position: absolute; top: 10px; right: 0; display: block; width: 152px; height: 52px; box-sizing: border-box; border: 1px solid #fff; border-radius: 2px; text-align: center; line-height: 50px; margin: 54px 60px 0 0; transition: all .5s ease; font-size: 14px; color: #fff;} .sun_hf .container .ljzx:hover{background: #fff; color: #ce2029;} /*sun_news*/ .sun_news{background: #fff; padding-bottom: 50px;} .sun_news .sun_news_ll{margin-top: 45px;} .sun_news .sun_news_ll li{float: left; width: 373px; margin-right: 26px;} .sun_news .sun_news_ll li .img{display: block; width:380px; height: 100px; margin-bottom: 5px;} .sun_news .sun_news_ll li .img img{width: 100%; height: 100%;} .sun_news .sun_news_ll li h3{font-size: 12px; color: #000; line-height: 25px;} .sun_news .sun_news_ll li .time{font-size: 12px; padding-top: 5px; color: #929292;} .sun_news .sun_news_ll li .info{font-size: 12px; color: #5A5A5A; line-height: 1.6;} .sun_news .sun_news_ll li:last-child{margin-right: 0;} .sun_news .news_more{margin-top: 40px;} .sun_news .news_more a{display: block; height: 50px; line-height: 50px; background: #C12028; font-size: 12px; color: #fff; text-align: center; border-radius: 5px;} /*友情链接*/ .sun_links{line-height: 30px; font-size: 14px; color: #666; margin-bottom: 10px;} .sun_links span{font-weight: bold;} .sun_links a{color: #666; display: inline-block; padding-right: 10px;} /*sun_foot*/ .sun_foot{background: #1a1a1a; padding-top: 40px; padding-bottom: 10px;} .sun_foot .ft_links{text-align: center; padding-bottom: 20px; border-bottom: 1px solid #323232; font-size: 0; margin-bottom: 35px;} .sun_foot .ft_links a{display: inline-block; width: 14.2857%; font-size: 14px; color: #666666;} .sun_foot .ft_links a:hover{color: #ce2029;} .sun_foot .ft_boxl{width: 750px;} .sun_foot .ft_boxl .ft_logo{display: block; margin-bottom: 20px;} .sun_foot .ft_boxl .ft_logo img{max-width: 100%;} .sun_foot .ft_boxl .ft_cont{ margin-left:98px; float: left; width: 235px;font-size: 12px; color: #676767; line-height: 24px; margin-bottom: 20px;} .sun_foot .ft_boxl .ft_cpy{ width: 411px; font-size: 12px; color: #676767; line-height: 30px; float: left;} .sun_foot .ft_boxl .ft_cpy a{color: #676767;} .sun_foot .ft_boxr{/*text-align: right;*/ padding-top: 40px;font-size: 13px;color: #eee;} .sun_foot .ft_boxr img{width: 140px;padding-right: 10px;} #backtotop{position: fixed; bottom: 20px; right: 19px; width: 40px; height: 40px; text-indent: -999em; z-index: 20000; display: none; background-image: url(../images/top.png); background-repeat: no-repeat; background-position: -503px 0; cursor: pointer;} #backtotop:hover{background-position: -503px -42px;} /*--首页新闻样式*/ .c4{width:1200px;margin:0 auto;margin-top:20px;} .wen1{width:725px;float:left;} .wtt{font-size:20px;color:#c12028;background:url(../images/xs.png) no-repeat left bottom;height:45px;position:relative;} .wtt span{color:#666;font-size:12px;font-weight:normal;padding-left:5px;text-transform: uppercase;} .wtt a{width:70px;height:25px;border:1px dashed #666;border-radius:15px;font-size:12px;text-align:center;line-height:25px;font-weight:normal;position:absolute;right:5px;top:5px;text-transform:uppercase;} .news_list4{display:block;margin-top:15px;} .news_list4 li{;position:relative;height:85px;border-bottom: 1px dashed #b4b4b4;margin-bottom:10px;} .time{width:50px;height:50px;background:#da1010;overflow:hidden;float:left;margin-top:5px;} .shi1{color:#fff;font-size:23px;text-align:center;font-weight:bold;margin-top:-1px;} .shi2{color:#fff;font-size:12px;text-align:center;} .news_nr{width:650px;float:right;} .news_nr a{color:#444444;font-size:16px;line-height:28px;} .news_nr span{display:block;font-size:12px;color:#666666;line-height:24px;height:50px;overflow:hidden;} .wen2{float:right;width:430px;} .chtp{width:430px;height:180px;overflow:hidden;margin-top:15px;} .news_list5{display:block;margin-top:13px;} .news_list5 li{;position:relative;height:85px;border-bottom: 1px dashed #b4b4b4;margin-bottom:10px;} .news_list5 a{color:#c12028;font-size:16px;line-height:28px;} .news_list5 span{display:block;font-size:12px;color:#666666;line-height:24px;height:50px;overflow:hidden;} /*------------内页-------------------*/ #container{width:1200px;margin:0 auto;margin-top:10px;} /*------------内页-------------------*/ .left .box{margin-bottom:10px;} .left .box h3 { height: 38px; width: 205px; padding-top: 10px; line-height: 28px; text-align: center; color: #fff; font-size: 24px; font-weight: bold; background: #CE222B; /*padding-left:15px;*/ } .left .box .content{padding:5px 0px;} .prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;} /*.n_banner{width:1920px;left:50%;margin-left:-960px;height:400px;position: relative;} .n_banner img{width:1920px;height:400px;}*/ .n_banner{width:100%;} .n_banner img{max-width:100%; height:auto !important;width:auto !important;} .left{width:225px;float:left;margin-top: -50px; position: relative; z-index: 9999;} .sort_menu{} .sort_menu h3{background-color:#ececec;line-height:28px;font-weight:bold;} .sort_product{margin-top:10px;} .sort_product h3{background-color:#ececec;line-height:28px;font-weight:bold;} .n_contact{margin-top:10px;} .n_contact h3{background-color:#ececec;line-height:28px;font-weight:bold;} .n_contact .content{padding:5px;line-height:24px;} .right{width:940px;float:right;padding-bottom:10px;} .sitemp{height: 47px; border-bottom: #dddddd solid 1px; margin-bottom: 15px;} .sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;color:#461d00;font-size:18px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sitemp .site{width:380px;float:right;text-align:right;line-height:30px;} .right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;} .left .box1 h3 { height: 88px; width: 205px; padding-top: 10px; line-height: 88px; text-align: center; color: #fff; font-size: 24px; font-weight: bold; background: #CE222B; padding-left:0; }