@font-face { font-family: 'iconfont'; src: url('../font/iconfont.eot'); src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype'), url('../font/iconfont.svg#iconfont') format('svg'); } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .m_ { -webkit-animation: ro 5s infinite linear; animation: ro 5s infinite linear; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes ro { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes ro { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .topadcsml{width:100%;height:380px; margin-top: 240px; margin-bottom:0px;overflow:hidden; text-align:center;} .topadcsml a {display: block;height:100%;width:100%;} .topadcsml2{width:100%;height:600px; margin-top: 240px; margin-bottom:0px;overflow:hidden; text-align:center;} .topadcsml2 a {display: block;height:100%;width:100%;} .topadcs{width:100%;height: 550px; margin-bottom:0px;margin-top: 240px;overflow:hidden; text-align:center;} .topadcs a{display:block;margin:0 auto;height:300px;} body{background-color: #ebebeb;} .left { width:220px; float:left; overflow:hidden;} .left2 { width:900px; float:left; overflow:hidden;} .left3 { width:754px; float:left; overflow:hidden; color:#666;} .lefttop { background:url(../images/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-top:10px;} .left2top { height:3px; font-size:0; overflow:hidden;} .leftbot { background:url(../images/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;} .left2bot { height:3px; font-size:0; overflow:hidden; margin-bottom:10px; } .rightbot{ height:3px; font-size:0; overflow:hidden; margin-bottom:10px; } .right { width:735px; float:right; display:inline; overflow:hidden;} .loginMian .right{ width:99%; float:right; display:inline; overflow:hidden;} .rights { width:760px; float:right; display:inline; overflow:hidden;} .right2 { width:275px; float:right; overflow:hidden;} .right3 { width:201px; float:right; overflow:hidden; color:#666;} .right2top { background:url(../images/right2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;} .right2bot { font-size:0; overflow:hidden; margin-bottom:10px;} .right_main { width:890px; min-height:458px; padding-bottom:15px; overflow:hidden;background:#fff;} .right2_main { width:273px; border:solid 1px #d5d5d5; border-top:0; padding-bottom:15px; overflow:hidden;background:#fff} .left2_main { width:898px; border:solid 1px #d5d5d5; padding-bottom:15px; overflow:hidden;background:#fff;} .t01 , .t02 , .t03 , .t05 , .t06 , .t07 , .t08 , .t09 , .plc , .rtit , .rtit1 , .pro_lc , .lc1 , .lc2 , .lc3 , .lc4 , .lnav h3 , .userleftnav h4 , .leftsearch , .topsearch , .ljob , .jointel, .club_lin2, .procom h4, .caigou, .comments h4{ background:url(../images/SkinsVIBar.png) no-repeat;} .b01 , .b02 , .b03 , .b04 , .b05 , .b06 , .b07 , .b08 , .b09 , .b10 , .b11 , .b12 , .b13 , .b14 , .b15 , .b16 , .b17 , .b18 , .b19 , .b20 , .b21 , .b22 , .b23, .b24, .b25, .b26 , .b27 , .b28 , .b29 , .b30 , .b31 , .b32 , .b33 , .b34 , .b35 , .b36 , .b37 , .b38 , .b39, .b40, .b41, .b42, .b43, .b44, .b45, .b46, .b47, .b48, .b49, .b49b, .b59, .b60, .b61, .b62, ul.n_rt_ul {background: url(SkinsVIBtn.png) no-repeat; border:0; cursor: pointer; overflow:hidden; } .login_tab .txtboxcs{ border:solid 1px #d7d7d7; height:22px;} /*.zc_tab2{border:solid 1px #d7d7d7;}*/ .topadcs a {display: block;height:100%;width:100%;} .nrcs{ border:1px solid #d7d7d7; border-top:0; margin-bottom:10px; background:#fff; width:752px; padding-top:10px} .prs .t05{background:#ED5F05;height:63px;line-height:63px;font-size:18px;padding-left: 16px;} .prs .t05_con{padding:0;border:1px solid #ccc;} .prs li{line-height:45px;padding:0 0 0 15px;background:url(../images/cpMuDt.png) no-repeat 15px center;border-bottom:1px solid #ccc;} .prs li.cur a{ color:#ff4200;} .prs li a{color:#333333;font-size:14px;padding-left: 20px;} .nchange{width:100%; background:#a2aebc; height:38px; margin-top:20px; } .nchange ul{ overflow:hidden;} .nchange li{ float:left; height:38px; line-height:38px;} .nchange li a{ display:block; padding:0 18px; font-size:14px; color:#fff; text-decoration:none;} .nchange li:hover,.nchange li.cur{ background:#ed5f05;} .hottel{color:#ec6900;font-weight:normal;} p sub{ vertical-align:sub} p sup{ vertical-align:top} .newsList{margin-top: 20px;} .newsList dl{position:relative; padding:20px; height:190px; background-color:#eee;} .newsList dt{float:left;} .newsList dt img{display:block;width: 300px;height: 190px;} .newsList dd{margin-left: 325px;} .newsList dd h5{height:40px; line-height:40px; font-size:16px; font-weight:normal;} .newsList dd h5 a{color:#ec6900;} .newsList dd h5 span{ float: right;color: #bfbfbf;} .newsList dd p{line-height:180%; text-indent:27px; height:112px; overflow:hidden; font-size:13px;} .newsList dd i{position:absolute; bottom:-10px; left:0; border:5px solid transparent;} .newsList ul{margin-top:16px;} .newsList li{position:relative; height:50px; line-height:50px; overflow:hidden; font-size:14px; border-bottom:1px dotted #ccc;} .newsList li a{padding-left:18px; background:url(../images/newsLi_ico.png) no-repeat left center;} .newsList li span{position:absolute; top:0; right:0; color:#999;} .leftr{ float:left; overflow:hidden;display:inline;} .lf_n{width:230px; overflow:hidden; margin-bottom:10px; } .lf_n h2{ text-align:center; line-height:90px;height:90px; overflow:hidden;background:#ED5F05;} .lf_n h2 a{ font-size:24px; color:#fff;} .lf_n_c{ background:#fff;} .lf_n_c ul li a.cur{color:#8ec31f;} .lf_n h3{ font-weight:100; line-height:41px;height:41px;padding:0 0 0 41px; overflow:hidden;background:#8ec31f url(cplb/lf_n_ic1.gif) 154px 14px no-repeat; } .lf_n h3 a{ font-size:20px; color:#fff;} .lf_n h3.cur a{ font-size:20px; color:#fff;} .lf_n ul.menu{padding:11px 12px 12px 14px;} .lf_n ul.menu li{padding:0 0 0 25px;font-weight:100; line-height:44px;height:44px; border-bottom:1px #bfbfbf dashed; overflow:hidden; font-size:16px;} .lf_n ul.menu li a{color:#333;} .lf_n ul.menu li.cur a{color:#ed5f05;} .lf_n ul.menu .lst{ border:none;} .lf_n p{padding:20px 0 0 23px;height:68px; overflow:hidden; color:#fff;background:#ec6900;} .lf_n p span{ display:block;padding:0 0 0 40px; line-height:24px;overflow:hidden;background:url(../images/lf_n_ic2.png) left 8px no-repeat; font-size:14px; color:#fff;} .lf_n p b{ font-size:22px; color:#fff; font-family:Arial; display:block;} .cpMuBox{width:201px; overflow:hidden; background-color:#fff;margin-bottom:10px;} .cpMuBox dl{padding-bottom:10px; border-bottom:1px solid #d0e1da;} .cpMuBox dt{margin-bottom:10px; padding-left:20px; height:38px; line-height:38px; border-bottom:1px solid #d0e1da; font-size:14px; font-weight:bold;} .cpMuBox dt a{color:#126a44;} .cpMuBox dd{padding-left:12px; margin-right:10px; height:26px; line-height:26px; overflow:hidden;} .cpMuBox dd.cur a{color:#ED5F05;} .cpMuBox dd a{color:#767676;} .tjwtBox{padding:22px; width:648px; background-color:#fff; font-family:微软雅黑;} .tjwtBox h4{padding-bottom:14px; margin-bottom:22px; font-size:14px; color:#676364; border-bottom:1px solid #e8e8e8; font-weight:normal;} .tjwtBox .m_form{} .tjwtBox .m_form li{margin-bottom:13px; color:#777;height:38px;} .tjwtBox .m_form label{display:inline-block; float:left; line-height:36px; height:36px; width:77px; border:1px solid #dedede; border-right-width:0; text-align:center; background:#fff;} .tjwtBox .m_form .iptTxt{float:left; width:252px; border:1px solid #dedede; height:16px; line-height:16px; padding:10px 0; outline:none; text-indent:1em; background:#fff; color:#333;} .tjwtBox .m_form .btnTjly{width:93px; height:31px; background:#9d2737; border:none; cursor:pointer; color:#fff;} .tjwtBox .m_form li.yzm .iptTxt{float:left; width:180px;} .tjwtBox .m_form .areLi label{height:132px;} .tjwtBox .m_form .txtAre{float:left; width:343px; height:104px; border:1px solid #dedede; outline:none; resize:none; padding:14px; color:#333; line-height:18px;} .tjwtBox .m_form .btnSubmit , .tjwtBox .m_form .btnReset{width:161px; text-align:center; height:36px; line-height:36px; color:#fff; border:none; background-color:#b3b3b3; cursor:pointer;} .tjwtBox .m_form .btnSubmit{margin-right:10px; background-color:#D09039;cursor:pointer;} .tjwtBox .m_form .areLi{height:138px;} .rycon{border:1px solid #DDD0BD;width:197px; height:160px;margin-bottom:10px;} .rycon{padding-left:2px;background:#fff;} .rycon dl{width:166px;overflow:hidden;padding:5px 19px;} .rycon dl dt{width:166px;height:227px;overflow:hidden;} .rycon dl dt img{width:164px;height:225px;overflow:hidden;border:1px solid #ccc;} .rycon dl dd{width:166px;text-align:center;margin-top:10px;} .dgxxBox{padding:0 15px; width:645px; height:290px; font-family:微软雅黑;} .dgxxBox p{font-size:16px; padding:25px 0; color:#666;} .dgxxBox .m_form{} .dgxxBox .m_form li{width:310px; height:38px; float:left; margin-bottom:13px; color:#777;} .dgxxBox .m_form label{float:left; border:1px solid #dedede; line-height:36px; height:36px; width:77px; display:inline-block; text-align:center; background:#fff;} .dgxxBox .m_form .iptTxt{float:right; width:230px; border:1px solid #dedede; border-left-width:0; height:16px; line-height:16px; padding:10px 0; outline:none; text-indent:1em; background:#fff; color:#333;} .dgxxBox .m_form .iptTxts{float:left; width:105px; border:1px solid #dedede; border-left-width:0; height:16px; line-height:16px; padding:10px 0; outline:none; text-indent:1em; background:#fff; color:#333;} .dgxxBox .m_form img{vertical-align: middle;height:33px;margin-left: 15px;} .dgxxBox .m_form .txtAre{margin-left:12px; width:475px; height:161px; border:1px solid #dedede; outline:none; resize:none; padding:14px; color:#333; line-height:18px;} .dgxxBox .m_form .btnTjly{width:310px; height:38px; background:#f9770a; border:none; cursor:pointer; color:#fff;} .dgxxBox .m_form .areLi{height:205px; float:right; display:inline;} .dgxxBox .m_form .btnLi{background:none; height:60px;} .probtx{color:#F01414;display: block; margin-top: 5px; font-size:12px;} .lymsg{ font-size:13px; display: block;position: absolute;width: 10px;height: 10px;margin-left: 5px;*margin-left: -10px;margin-top: 2px;*margin-top: -10px;color:#F01414;} .lymsg1{ font-size:13px; display: block;position: absolute;width: 10px;height: 10px;margin-left:18px;margin-top:17px;color:#F01414;} .proleft { overflow:hidden; float:left; width:250px; height:100%; background-color:#FFF;} .proleft h2{ font-size:22px; color:#fff; text-align:center; padding:30px 0 25px 0; background-color:#f9770a;} .proleft .navbox{ overflow:hidden; width:248px; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8;} .proleft h3{ font-size:16px; padding-left:15px; border-left:6px solid #f08200; margin-top:15px; margin-bottom:9px; clear:both;} .proleft h3 a{ color:#121212} .proleft .erji{ overflow:hidden; width:220px; margin-left:16px; clear:both;} .proleft .erji a{ display:block; padding-left:8px; height:38px; line-height:38px; font-size:14px; color:#303030;/*width:100px; float: left;*/ border-bottom:1px dashed #ccc; text-decoration:none;} .proleft .erji a:hover { color:#f9770a; font-weight:bold; background:url(../images/pro_left02.png) no-repeat 200px center;} .proleft .lg{ overflow:hidden; width:100%; padding:10px 0; background-color:#f9770a; text-align:center} .proleft .lg a{ font-size:16px; color:#fff; font-weight:bold;} .abouts{padding:10px;border:1px solid #ccc;margin-bottom:10px;} .abouts .gyCont{ overflow:hidden;} .abouts .gyCont ul{overflow:hidden;} .abouts .gyCont li{margin:10px 13px; float:left; width:300px; text-align:center;} .abouts .gyCont li h5{ width:100%; height:30px; line-height:30px; font-size:16px; overflow:hidden;} .abouts .gyCont li:hover h5{ } .abouts .gyCont h5 a{display:block;} .contactn .tits {background:#ED5F05; color: #fff; height: 32px;line-height: 32px;padding-left: 13px;} .contactn .tits a { color: #fff;} .contactn .subnr { background: none repeat scroll 0 0 #fff; border: 1px solid #ccc; overflow: hidden;padding: 5px 9px;width: 190px;} .contactn .subnr p {line-height: 25px;overflow: hidden;} .contactn .subnr span {color: #333333;} .contactn .subnr h5 {line-height: 28px;overflow: hidden;} /*---留言回复样式--*/ .bitian { height:30px; line-height:30px; } .bitian div{ float:right;} .texts{background:url(../images/"tit1.gif") repeat-x ;line-height:31px;border:1px solid #E8E8E8;text-indent:15px;color:#ED5F05;border-bottom:0} .word{line-height:25px;padding:10px 10px;border-bottom:1px solid #E8E8E8} /*---资讯详细页的推荐产品--*/ .n_info_tjcp h4{ border-bottom:1px solid #d7d7d7;} .n_info_tjcp dl{float: left;height: 155px;overflow: hidden; padding: 10px 0 0 4px; width: 163px;} .n_info_tjcp dt{width:152px; height:110px; line-height:0; font-size:0;} .n_info_tjcp dt img{ width:152px; height:110px;} .n_info_tjcp dd{ line-height:14px; height:28px; overflow:hidden; text-align:center; padding-top:5px; color:#ab8673; width:152px;} .n_info_tjcp dd a{ height:14px; overflow:hidden; display:block; color:#333;} /*---产品列表页面的随机资讯--*/ .RandomNews h4{ padding-left:27px;height:36px;line-height:36px;color:#fff;background:#ED5F05;font-weight:bold;} .RandomNews li{ height:28px;line-height:28px; padding:0 17px 0 10px; width:350px; float:left;overflow:hidden;} .RandomNews li a{ background:url(../images/ico55.gif) no-repeat 0 5px; padding-left:12px;} .right .RandomNews .news_random{border:1px solid #ccc;border-top:none;background:#fff;} .right .RandomNews ul{padding-top:8px;border:1px solid #ccc;border-top:none;margin-bottom:15px;width:762px;background:#fff;} dl.product_dl_commend {width:206px; overflow:hidden; float:left;padding:20px 6px 10px 10px;} dl.product_dl_commend dt{width:206px; line-height:0; font-size:0} dl.product_dl_commend dt img {width:202px; padding:1px; border:1px solid #ccc;} dl.product_dl_commend dt a:hover img {border:1px solid #ED5F05;} dl.product_dl_commend dd{padding-top:14px; height:15px; width:206px; line-height:15px; text-align:center; overflow:hidden;} .nbanner{ width:100%; height:300px; background:#adadad} .path{ height:55px; line-height:55px;} .path .cur{ font-weight:bold;color:#ea0018} /*产品中心*/ .ncentent{ overflow:hidden} .leib{ width:220px; float:left;padding-bottom:10px;background:#fff;} .leib h4{ height:45ppx; background:#ED5F05; border-left:3px #f1ee01 solid; font-weight:normal; display:block; line-height:45px; text-align:center} .leib h4 a{ color:#ffffff; font-size:18px;} .leib h4 a span{ font-size:12px;} .leib dl{ border:1px #cfcfcf solid; border-top:0px; padding:10px;} .leib dl dt{ background:url(../images/dt.png) right center no-repeat; line-height:35px; border-bottom:1px #cccccc dashed} .leib dl dt a{ font-size:14px;color:#333333; font-weight:bold} .leib dl dd{ line-height:30px;} .leib{} .ncentent .proul li{ width:234px; float:left; margin-left:18px;} .ncentent .proul li img{ display:block; border:1px #cfcfcf solid} .ncentent .proul li h5{ font-weight:normal; text-align:center; line-height:30px;} .ncentent .proul li h5 a{ font-size:14px;color:#333333} /*newscenter*/ .CompanyDynamic, .new_c { position:relative; margin-bottom: 20px;} .CompanyDynamic .cdPager { position:absolute; bottom:30px; right:80px; z-index:9 } .CompanyDynamic .cdPager a { text-indent:80em; width:18px; height:18px; display:inline-block; float:left; margin:0 6px 0 0; background:url(../images/new_ic4.gif) center top no-repeat; } .CompanyDynamic .cdPager a:hover, .CompanyDynamic .cdPager a.cur { background:url(../images/new_ic3.gif) center top no-repeat; } .cdSlideshow { height:280px; width: 959px; } .news_box { padding:20px 20px 0;overflow:hidden; margin-bottom:20px; margin-top: 20px;} .bg{ background:#fff;} .new { height:620px; overflow:hidden; } .pb_t { line-height:48px; height:48px; overflow:hidden; background:url(../images/pb_t_l.gif) left bottom repeat-x; } .pb_t h3 { font-family:"Microsoft YaHei"; float:left; font-weight:100; } .pb_t h3 b { display:inline-block; background:url(../images/pb_t_lb.gif) right bottom no-repeat; float:left; } .pb_t h3 a { font-size:22px; color:#464646; margin:0 10px 0 0; display:inline-block; padding:0 0 0 13px;border-left: 4px solid #f56a00; } .pb_t h3 em { font-size:22px; margin:0 10px 0 0; display:inline-block; padding:0 0 0 30px; background:url(../images/sol_t_ic.gif) left 14px no-repeat; font-style:normal; } .pb_t h3 em a{color:#303030;} .pb_t h3 a:hover { color:#303030; } .pb_t h3 span { text-transform:uppercase; font-size:18px; color:#cdcdcd; text-transform:uppercase; display:inline-block; float:left; } .pb_t p { float:right; font-size:14px; padding:5px 0 0; height:43px; overflow:hidden; } .pb_t p a, .pb_t p a:hover { color:#767676; margin:0 6px; font-family:"Microsoft YaHei"; } .pb_t .fr { display:inline-block; padding:0 37px 0 0; background:url(../images/pb_t_ic.gif) right 12px no-repeat; font-family:"Microsoft YaHei"; font-size:16px; color:#4f4d4d; } .pb_t .fr:hover { color:#4f4d4d; } .new_c dl { height:280px; } .new_c { clear:both; padding:31px 0 0; overflow:hidden; width:960px; } .new_c dt img { display:block; width:435px; height:268px; overflow:hidden; padding:4px; border:1px #e6e6e6 solid; } .new_c dd { width:490px; padding-left:1px; overflow:hidden; } .new_c dd h4 { line-height:30px; height:30px; overflow:hidden; font-weight:100; font-family:"Microsoft YaHei"; width:490;white-space: nowrap;text-overflow: ellipsis; } .new_c dd h4 a, .new_c dd h4 a:hover { font-size:16px; color:#454545; } .new_c dd p { padding:5px 10px 0 0; text-align:justify; line-height:25px; color:#898989; height:230px; overflow:hidden; font-size: 14px;} .new_c dd span { display:block; padding:0 0 0 230px; } .new_c dd span a { width:17px; height:17px; display:inline-block; margin:0 6px 0 0; background:url(../images/new_ic4.gif) center top no-repeat; } .new_c dd span a:hover, .new_c dd span .cur { background:url(../images/new_ic3.gif) center top no-repeat; } .new_c ul { padding:12px 21px 0; clear:both; height:217px; overflow:hidden; background:#f5f5f5; } .new_c ul li { line-height:40px; height:40px; overflow:hidden; padding:0 0 0 17px; background:url(../images/new_ic2.gif) left 18px no-repeat; border-bottom:1px #a4a4a4 dotted; font-family:"Microsoft YaHei"; font-size: 14px; } .new_c .lst { border:none; } .new_c ul li span { float:right; margin:0 7px 0 0; font-size:14px; color:#b6b6b6; font-family:"宋体"; } .new_c ul li a, .new_c ul li a:hover { color:#454545; } /*mdf*/ .mdf { margin-top: 20px;height:445px; overflow:hidden; } .mdf_u { padding:30px 0 0; height:220px; clear:both;width:110%; } .mdf_u li { float:left; width:350px; display:inline; margin:0 50px 0 0; } .mdf_u .lst { margin:0; } .mdf_u li a { display:block; height:214px; width:100%; position:relative; overflow:hidden; border-bottom:4px #fff solid;text-decoration:none; } .mdf_u li a img { display:block; width:350px; height:221px; overflow:hidden; } .mdf_u li a p { position:absolute; width:350px; padding: 25px 0 0; display:block; text-align:center; height: 147px; left:0; top:0; overflow:hidden; /* background:url(../images/Common/1.png); */ z-index:-1; } .mdf_u li a p b { display:block; line-height: 20px; height: 62px; overflow:hidden; font-family:"Microsoft YaHei"; font-size:16px; color:#ed5f05; font-weight:100; padding: 10px;} .mdf_u li a p span { display:block; line-height:18px; color: #ed5f05; height: 26px; overflow:hidden;font-size:16px; } .mdf_u li a p i { display:inline-block; text-align:center; margin:0 auto; line-height:22px; height:22px; width:101px; border: 1px #ed5f05 solid; color: #ed5f05; font-family:"宋体"; font-size:18px; font-style:normal; } .mdf_u li a:hover p, .mdf_u .cur a p { z-index:9; } .mdf_u li a:hover, .mdf_u .cur a { border-bottom:4px #f9770a solid; } .mdf_b { clear:both; } .mdf_b li { line-height:42px; height:42px; overflow:hidden; padding:0 0 0 20px; background:url(../images/new_ic1.gif) 3px 19px no-repeat; border-bottom:1px #a4a4a4 dotted; font-family:"Microsoft YaHei"; width:360px; font-size:14px; } .mdf_b .lst { border:none; } .mdf_b li span { float:right; margin:0 7px 0 0; font-size:14px; color:#b6b6b6; font-family:"宋体"; } .mdf_b li a{ width:350px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .mdf_b li a, .mdf_b ul li a:hover { color:#454545; } /*newMain*/ .newMain{padding-bottom:10px;} .newMain .nt{ height:50px; border-bottom:1px solid #7f7f7f;} .newMain .nt ul{ float:left;} .newMain .nt li{ height:50px; float:left; position:relative; width:120px; line-height:50px; margin:0 10px; text-align:center;} .newMain .nt li a{ font-size:18px; text-decoration:none;} .newMain .nt li i{ display:block; position:absolute; width:100%; height:3px; background-color:#626262; bottom:-2px; left:0; display:none;} .newMain .nt .mor_n{ float:right; padding-right:20px; background:url(../images/morbg.png) no-repeat right center; margin-right:10px; font-size:14px; color:#5a5a5a; margin-top:20px;} .newMain .nt li:hover a,.newMain .nt li.cur a{ color:#efa530; font-weight:bold;} .newMain .nt li:hover i,.newMain .nt li.cur i{ display:block;} .newMain .new_l{ float:left; width:630px;} .newMain .new_l .news{ margin-top:27px;} .newMain .new_l .news dl{ overflow:hidden;} .newMain .new_l .news dt{ float:left;} .newMain .new_l .news dt img{ display:block;} .newMain .new_l .news dd{ margin-left:325px;} .newMain .new_l .news dd h5{ height:16px; line-height:16px; overflow:hidden; padding-top:5px; padding-bottom:10px; width:285px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .newMain .new_l .news dd h5 a{ font-size:14px;color:#1b1b1b;} .newMain .new_l .news dd p{ font-size:13px; line-height:24px; height:72px; overflow:hidden; margin-bottom:15px;color: #585657;} .newMain .new_l .news dd>a{ font-size:13px;} .newMain .new_l .news ul{ overflow:hidden; width:650px; margin-top:15px;} .newMain .new_l .news li{ float:left; width:300px; height:35px; line-height:35px; margin-right:25px;} .newMain .new_l .news li em{ float:right; font-size:13px;} .newMain .new_l .news li a{ color:#0f0f0f; padding-left:13px; font-size:13px; background:url(../images/dian.png) no-repeat left center;} .newMain .new_r{ float:left; width:485px; margin-left: 25px;} .newMain .new_r .quetion{ height:275px; overflow:hidden; margin-top:25px; padding:0 5px;} .newMain .new_r .quetion dl{ margin-bottom:22px;} .newMain .new_r .quetion dt{ padding-left:30px; background:url(../images/news_wen.jpg) no-repeat left center; height:22px; line-height:22px; overflow:hidden; width:285px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .newMain .new_r .quetion dt a{ font-size:14px; color:#666;font-weight:bold;} .newMain .new_r .quetion dd{ color:#585657;font-size:13px;border-bottom:1px dotted #ddd; background:url(../images/news_da.jpg) no-repeat left top; line-height:22px; margin-top:15px;padding-left: 30px; margin-left: 2px; padding-bottom: 20px;} /* -- 产品列表样式 -- */ /* -- 产品列表样式,第二种表现形式 -- */ .fontnr {font-size: 14px;line-height: 24px; margin: 0 20px; padding: 20px 0;border-bottom:1px solid #ccc;width:920px;overflow:hidden} .cpList li{padding:10px 14px; float:left; margin-right:20px; margin-bottom:20px; background-color:#ecf0f3; text-align:center;} .cpList li.noMr{margin-right:0;} .cpList li h5{height:35px; line-height:35px; font-weight:normal;} .cpList li:hover{background-color:#c20667;} .cpList li:hover h5 a{color:#fff;} /*.releft{ float: left; height: 574px; width: 645px;overflow:hidden}*/ .releft{ float: left; height: 550px; width: 845px;overflow:hidden} .reright{ border-left: 1px solid #E5E5E5; float: left; height: 480px; margin-top: 40px; width: 250px;padding-left:38px;padding-top:32px;} .releft h1 {padding-left:55px;color: #768263; font-family: '微软雅黑';font-size: 26px;font-weight: normal;margin-top: 30px;margin-bottom:30px;} .rst_login{line-height:26px;} /* -- 新闻详细及产品详细评论 -- */ /* -- 新闻详细及产品详细评论 -- */ .comments { border:solid 1px #d7d7d7; overflow:hidden; margin-bottom:10px;} .comments h4{ line-height:27px; background-position:-63px -850px; text-indent:10px; color:#333; } /* -- 评论标题色带 -- */ .comments h4 a { color:#333; }/*可修改文字色彩*/ .comments h4 a:hover { color:#333; text-decoration:underline;} .comments h4 span a { color:#ED5F05; } /*可修改文字色彩(评论条数) padding-bottom:15px;*/ .comments h4 span a:hover { color:#ED5F05; text-decoration:underline;} .comments dl {overflow:hidden; border-bottom:1px solid #d7d7d7; padding:8px 15px; } .comments dl dt { width:40px; float:left;} .comments dl dt img { width:40px; height:40px; display:block; border:1px solid #ccc;padding:1px;} .comments dl dd{word-break:break-all; overflow:hidden; padding-left: 15px;} .comments dl dd span.ip { padding:0 30px; } .comments dl dd.con { color:#000; margin-top:8px; line-height:20px; } .comments dl .huifus { border:1px dashed #FFCC00; padding:5px; line-height:18px;color:#FF3300} .comments dl .huifu h5 { background:none; color:#d7d7d7; height:20px; line-height:20px; text-indent:0;} .info_pl { text-align:right; margin-top:5px; margin-right:9px; margin-bottom:10px;} .info_pl a { color:#000; text-decoration:underline;} /*.comments dl .huifu { border:dashed 1px #d7d7d7; padding:5px; line-height:18px; width:680px;}查看评论,可修改文字色彩*/ .info_pl a:hover { color:#ED5F05;} /*查看评论,可修改文字色彩*/ .time{color:#999} .comms{padding-left:14px;} .commenttb{margin-top:10px;} .commtit{margin-left: auto; margin-right: auto; width: 620px;margin-top:20px;} .yangs img{padding:1px;border:1px solid #ccc;} /* -- 标题样式 -- */ .t01 { background-position:-63px -132px; height:19px; padding:3px 0 0 12px; color:#fff; margin-bottom:10px;} .t02 { background-position:-63px -165px; height:19px; padding:3px 0 0 12px; color:#fff; } .t03 { background:#E2E2E2; line-height:28px; text-indent:15px; } .t04 { background:#ec6900; line-height:30px; text-indent:15px; } .t06 { background-position:-63px -267px; line-height:25px; text-indent:15px; } .t07 { background-position:-63px -232px; line-height:25px; text-indent:15px; color:#333; } /* -- 购物流程提示 -- */ .lc1 , .lc2 , .lc3 , .lc4 { margin:15px 0; height:59px; } .lc1 { background-position:-287px -537px; } .lc2 { background-position:-287px -606px; } .lc3 { background-position:-287px -675px; } .lc4 { background-position:-287px -744px; } .pro_lc { height:39px; background-position:-66px -1094px; line-height:39px; padding:0 10px; color:#ED5F05; font-size:14px; margin-bottom:10px; } /* -- 产品中心购物流程 -- */ .lc_hot { float:right; font-weight:bold; font-size:16px; color:#FF0000;} .pro_lc .span_1 { margin-left:185px;} .pro_lc .span_2 { margin-left:55px;} .pro_lc .span_3 { margin-left:65px;} .pro_lc .span_4 { margin-left:65px;} /* -- 当前位置 -- */ .plc { background-position:-66px -1034px; height:35px; line-height:35px; padding:0 10px; position:relative; font-size:14px; color:#666; overflow:hidden; margin-bottom:10px;} /*面包屑导航,文字色彩可自行修改,现在为灰色*/ .plc span {} .plc img { margin-top:2px; vertical-align:middle;} .plc_tit { font-weight:bold; line-height:50px;} /* a的颜色*/ .plc_tit:hover { text-decoration:none;} .plc2 { background:#ccc; margin-top: 10px; line-height:43px; text-indent:10px; color:#000; margin-bottom:10px; }/*资讯详细页面，面包屑导航,文字色彩可自行修改,现在为白色*/ .plc2 a { color:#000;}/*资讯详细页面，面包屑导航连接,文字色彩可自行修改,现在为白色*/ .plc2 a:hover { color:#000;}/*资讯详细页面，面包屑导航连接,文字色彩可自行修改,现在为白色*/ .rtit , .rtit1 { background-position:-63px -302px; height:20px; padding:5px 0 0 0; text-indent:13px; overflow:hidden; } .rtit {color:#333;}/*橙色字体*/ .rtit span { float:left;} .rtit1 { color:#333;/*灰色字体*/ overflow:hidden; } .ljob { background-position:-280px -373px; height:7px; font-size:0; overflow:hidden; }/* -- 招聘列表顶部背景 -- */ .userleftnav h4 { text-indent:10px; background-position:-63px -337px; line-height:28px; color:#fff;} /* -- 会员中心左侧导航大类背景 -- */ .topsearch { background-position:-66px -418px; padding:7px 0 0 5px; width:197px; height:55px; font-size:14px; }/* -- 顶部资讯订阅背景-- */ /*-----------------招商加盟---------------------*/ .con_tit { color:#f00; background:url(../images/ico8.gif) no-repeat 0 6px; padding-left:10px; line-height:20px; }/*内容小标题*/ .con_tit a { color:#DD3904;}/*内容小标题.agent_con span { margin-left:5px;}*/ .age_li_about h4 {line-height:27px;} .agent_con { width:900px; padding-top:10px; line-height:24px;} .agent_con p { font-size:14px; margin:10px 0;} .agent_con h1{ font-size:18px; margin:30px; auto; text-align:center;padding-bottom:15px; color:#ED5F05;} age_li_about h2{ margin:15px auto;} .agenttop .call { padding-bottom:10px; }/*表单顶部的文字样式，颜色根据需要修改*/ .agenttop div {font-size:12px; line-height:20px;} .agenttop .call span{ font-weight:bold; color:#f00; margin:0;} /*传真号码，颜色自行修改*/ .red_x { color:#DD3904; display:inline; font-family:"宋体"; font-size:12px;} .red_x1 { color:#f00; display:inline; font-family:"宋体"; font-size:12px;} /*招商加盟--申请加盟表单块*/ .tab_1 input{ border:1px solid #d7d7d7; height:25px; line-height:25px; margin-right:10px; } .tab_lt { text-align:right; font-size:14px;} .tab_1 .span_1 { color:#F00;} .tab_1 .b17, .tab_1 .b18{ margin-left:0; margin-top:10px; padding:0;border:0} .tab_1 { line-height:35px; margin:10px 0 0 40px;} .tab_bz { vertical-align:top;} /*招商加盟--列表*/ .agent_con .age_list { margin-bottom:15px;} .agent_con .age_list li { font-size:14px; height:25px; line-height:25px;} .agent_con .age_list li a { padding-left:10px;} .agent_con .age_list li a:hover, .agent_con .age_list li a.cur { background:url(../images/ico8.gif) no-repeat left 5px; font-weight:bold; color:#DD3904; text-decoration:underline;} .agent_con .age_li_about { font-size:14px; } .agent_con .age_li_about p { white-space: normal; letter-spacing: normal;} .rt_bot_line { background:#ED5F05; height:2px; font-size:0; margin-top:20px; margin-bottom:10px;} .age_con_key { margin:0 auto;} .age_con_key .age_con_key1 { font-size:14px;} .age_con_key .age_con_key1 span { margin:0; font-weight:bold;} .age_con_key .age_con_key2 { float:right;} /*-----招商加盟结束------*/ /*-----帮助中心表单顶部粗体字------*/ .hp_tiwen_top { width:550px; margin:0 auto; font-weight:bold; font-size:14px; line-height:20px; padding-top:5px;} .hp_tiwen_top span { color:#DD3904;} /*帮助中心，我要提问*/ .help_tab { margin:0 auto; padding:15px;} .help_tab_lt { width:90px; font-size:14px; vertical-align:middle;} /*---资讯中心---*/ .news_con { width:730px; margin:0 auto; padding-top:15px;} /*资讯中心大框架*/ /*资讯中心首页的--ul*/ ul.news_ul { line-height:25px; font-size:14px; color:#666; padding:0 5px; margin-bottom:10px; } ul.news_ul li { background:url(../images/ico10.gif) no-repeat 0 11px; padding-left:10px; height:25px;} ul.news_ul li a { float:left; display:block;margin-right:5px;} ul.news_ul li .a_2 { width:405px; display:block; float:left; overflow:hidden; text-overflow:ellipsis; } ul.news_ul li a:hover { } ul.news_ul .last{ float:right; font-size:10px; color:#888;} /*资讯首页内容,点击时的图片*/ /*资讯中心列表页面的--dl*/ dl.news_dl {font-size:14px; color:#666; padding:0 5px; line-height:22px; border-bottom:1px dashed #CCCCCC;} dl.news_dl a{ color:#000; } dl.news_dl dt { margin-bottom:3px; margin-top:5px; line-height:24px; height:24px; width:720px; overflow:hidden;} dl.news_dl .dt_1 { height:20px; background:url(../images/ico10.gif) no-repeat 0 6px; padding-left:10px; font-size:13px; color:#ED5F05; font-weight:bold; } dl.news_dl .dt_1:hover {background:url(../images/ico7.gif) no-repeat 0 6px;color:#ED5F05; }/*资讯首页内容,点击时的图片*/ dl.news_dl .dt_2 { font-size:12px; float:right; padding:0 10px 0 8px; font-family:"宋体"; } dl.news_dl .dt_3 { font-size:12px;} dl.news_dl .dt_3 a { color:#FF0000; text-decoration:underline;} /*文章出处*/ dl.news_dl dd { font-size:12px; padding-left:10px; height:45px; overflow:hidden; margin-bottom:10px;} .mb10{ margin-bottom:10px;} .mt20{ margin-top:20px;} .newchang{ border-bottom:1px dashed #d7d7d7; height:25px; padding-left:30px;} /*资讯中心列表页面（图片列表）--dl_2*/ dl.dl_2 { width:282px; padding:10px 9px 0px; float:left; display:inline-block;} dl.dl_2 dt { width:282px; overflow:hidden; } /*图片边框*/ dl.dl_2 dt a { width:278px; padding:1px; border:1px solid #d7d7d7; display:block;} dl.dl_2 dt a:hover {border:1px solid #ED5F05;}/*图片边框,点击时的状态*/ dl.dl_2 img { display:block;width:278px; } dl.dl_2 dd { margin:2px 0 0 0; width:282px; height:40px; line-height:20px; font-size: 14px; overflow:hidden; text-align:center; padding:0 4px;} /*.news_con2{ background:#f5fafe; width:730px; margin:0 auto;display:inline-block;padding:6px 0 25px 5px;}*/ dl.dl_42{ height:230px ; margin-bottom:20px; border-bottom:1px dotted #d7d7d7 } .dl_42 dt{width:334px; float:left;} .dl_42 dt a{width:330px; padding:1px; border:1px solid #d7d7d7; display:block;} .dl_42 dt a:hover {border:1px solid #ED5F05;}/*图片边框,点击时的状态*/ .dl_42 dt img{ display:block;width:330px;} .dl_42 dd{ padding-left:15px; float:left; width:540px; line-height:24px; height:194px; overflow:hidden; color:#666;} .dl_42 dd h4{ font-size:16px; padding-bottom:5px; height:24px; line-height:24px; overflow:hidden;} .dl_42 dd h4 a{color:#ED5F05;} .dl_42 dd span{} dl.gongc{ width: 207px; /* margin-bottom:20px; */ margin-right: 18px;float: left;margin-bottom: 15px;/* border-bottom:1px dotted #d7d7d7 */} .gongc dt{/* width: 274px; */ /* float:left; */} .gongc dt a{/* width: 270px; */ padding:1px; border:1px solid #d7d7d7; display:block;} .gongc dt a:hover {border:1px solid #ED5F05;}/*图片边框,点击时的状态*/ .gongc dt img{ display:block;width: 200px;} .gongc dd{ /* padding-left:15px; */ /* float:left; */ /* width:540px; */ line-height:24px; height: 24px; overflow:hidden; text-align: center;color:#666;} .gongc dd h4{ font-size:16px; padding-bottom:5px; height:24px; line-height:24px; overflow:hidden;} .gongc dd h4 a{color: #333;} /*资讯中心列表页面（图片列表）--dl_5*/ dl.dl_2s { float:left; display:inline-block;padding:10px 9px;} dl.dl_2s dt { width:210px; overflow:hidden;padding:1px; border:1px solid #d7d7d7; display:block;} /*图片边框*/ dl.dl_2s dt a { width:210px; } /*dl.dl_2s dt a:hover {border:1px solid #A10000;}图片边框,点击时的状态*/ dl.dl_2s img { display:block;width:210px; } dl.dl_2s dd { width:210px; height:24px; line-height:24px;overflow:hidden;} dl.dl_2s dd h4 { color:#666; height:22px; line-height:22px; overflow:hidden;font-weight:normal;font-size:12px;text-align:center} /*资讯详细页面内容*/ .n_info_con { width:884px; padding:30px 15px 0 10px; overflow:hidden;font-size:12px;} .n_info_con h1{text-align:center;font-size:26px;color:#000;margin-bottom:6px;} .n_info_con2 { width:900px; margin:0 auto;} .n_info_con h3 { text-align:center; color:#000; font-family:"宋体"; margin-bottom:10px; font-size:24px;} /*资讯详细页面，内容标题*/ .info_con_tit {font-family:"宋体"; line-height:24px; margin-bottom:15px;border-bottom:1px solid #E5E5E5;padding-bottom:20px;} .info_con_tit span { margin-right:20px;} .info_con_tit .n_tit { text-align:center; color:#7E7E7E;} .info_con_tit .n_tit a{ color:#BCBBBB;} .info_con_tit .n_tit2 { height:24px;} .n_info_con .tit2_span { float:right; margin:0; _margin-top:5px;} .n_info_con p { font-size:14px; line-height:25px; padding:0 20px;} .n_info_con p a { color:#B61212;} .n_info_con .apage { text-align:center; margin-bottom:10px;} /*资讯详细页面，翻页区块*/ .info_input { text-align:center; color:#000; margin-bottom:15px;} /*详细页面，评论，推荐，打印，订阅，按钮样式块*/ .info_input input { } /*详细页面，评论，推荐，打印，订阅，按钮,可修改文字色彩*/ .info_key { border-bottom:solid 1px #d7d7d7; height:30px; line-height:30px; padding-left:10px; margin:10px 0;} .info_key span { font-size:14px; font-weight:bold;} .info_key a { margin-right:10px;} .ad2 { margin-bottom:10px;} .n_info_con2 .t04 { color:#fff;}/*可修改文字色彩(关于网络推广)*/ .n_info_con2 .t04 a { color:#B61212;}/*可修改文字色彩(关于网络推广)*/ .n_info_con2 .t04 a:hover { color:#B61212;} /* -- 新闻详细页新闻列表 -- */ .info_b , .info_b2 { border:solid 1px #d7d7d7; width:898px;padding:5px 0; overflow:hidden; margin-bottom:10px;background:#fff;} ul.p_list_ul, ul.p_list_ul2 { font-size:14px; } ul.p_list_ul li, ul.p_list_ul2 li { background:url(../images/ico10.gif) no-repeat 10px 9px; line-height:23px; float:left; width:298px; overflow:hidden; text-overflow:ellipsis; text-indent:20px; margin-left:10px; display:inline; color:#666;} .info_b2 { width:738px;} ul.p_list_ul2 li { width:342px; padding-right:5px;} /*资讯页面，发表评论*/ .info_fb { border:solid 1px #d7d7d7; overflow:hidden; padding:10px; line-height:25px;} .info_fb table { width:100%; border:0;} .td_b { font-size:14px; color:#000; font-weight:bold; text-align:right;} /*(我要评论),可修改文字色彩*/ .info_fb .text { width:200px; height:20px; line-height:20px; border:solid 1px #d7d7d7;} .info_fb .textarea { vertical-align:top; border:solid 1px #d7d7d7; width:400px;} .vat { vertical-align:top; text-align:right;} .info_fb .b13, .info_fb .b14 { margin:10px 0; height:29px;} /*资讯页面，右边*/ .ad1 { width:263px; height:226px; display:block; margin:0 auto;} .right2_main .t03 { color:#000; } .right2_main .t03 a { color:#000;}/*资讯页面，右边粗体标题样式,可修改文字色彩*/ .right2_main .t03 a:hover { color:#ED5F05;}/*资讯页面，右边粗体标题样式,可修改文字色彩*/ /* -- 右侧新闻列表 -- */ /* -- 右侧新闻列表 -- */ ul.n_rt_ul { background: url(../images/news_list_bg.gif) no-repeat 0 5px; width:220px; margin:8px auto; overflow:hidden; padding-left:5px;} ul.n_rt_ul li { line-height:24px; overflow:hidden; text-overflow:ellipsis; padding-left:20px; height:24px;overflow:hidden} ul.n_rt_ul2 {width:240px; margin:8px auto; overflow:hidden;} ul.n_rt_ul2 li { line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; padding-left:5px; } /*---产品中心---*/ .pro_main { zoom:1; } .t05 {line-height:40px;background:#ED5F05;margin-top:10px;} .t05 {padding:0 10px; color:#fff;font-size:14px;} /*左边标题块*/ .t05 a{color:#fff;} .t05 img { padding:6px 0 0 0; float:right;} .t05_con { border:solid 1px #ccc; border-top:0; padding:8px 1px; margin-bottom:10px; zoom:1; overflow:hidden;background:#fff;} .t05_cons { border:solid 1px #d7d7d7; border-top:0; padding:2px 0; margin-bottom:10px; zoom:1;} .t05_cons1 { border:solid 1px #d7d7d7; border-top:0; padding:2px 10px; zoom:1;background:#fff;} .t05_cons1 li {background:url(../images/news_s.png) no-repeat 6px center; line-height: 25px;height:25px; overflow: hidden; padding-left: 14px; width: 175px; white-space: nowrap; text-overflow: ellipsis;} /* -- 产品分类列表 -- */ ul.t05_ul li {line-height:30px;color:#666;margin-bottom:5px;padding:0 5px 0 14px;overflow:hidden;background:#f3f3f3; width:176px;_float:left;} ul.t05_ul li span { font-size:11px; } ul.t05_ul li a { *width:159px; display:block; overflow:hidden;} .check { color:#E61217;} .t05_con .tc .text { border:solid 1px #d7d7d7; height:20px; line-height:20px;} .clr { float:right; color:#fff; font-weight:normal; font-size:12px;} /* -- 最近浏览过的产品 -- */ dl.t05_con_dl { margin-bottom:10px; width:194px; padding-left:11px;} dl.t05_con_dl dt { width:194px;} dl.t05_con_dl dt img { width:190px; padding:1px; border:solid 1px #d7d7d7;} dl.t05_con_dl dt a:hover img { border:solid 1px #ED5F05;} dl.t05_con_dl dd { width:174px; margin-top:3px;text-align:center;} #detailvalue1{padding-left:15px;} .pro_banner { width:750px; height:275px; overflow:hidden;background:#d7d7d7; float:left;} .pro_banner img {width:630px; height:275px; display:block;} /* -- 产品展示 -- */ .riti1_con { border:solid 1px #d7d7d7; border-top:0; border-bottom:0; zoom:1; } /*产品右边内容边框*/ .pro_ul {float:left;padding:10px 3px;} .pro_ul dl{ height:84px; overflow:hidden; padding:0;} .pro_ul dd h4{font-weight:normal;font-size:12px;} .pro_ul dd{ color:#575757; height:20px; line-height:20px; width:174px; overflow:hidden;text-align:center} .pro_ul dt { width:174px; height:126px; } .pro_ul dt img{ width:166px; height:122px;} .pro_ul dt a { width:166px; height:122px; border:solid 1px #d7d7d7; padding:1px; display:block;} .pro_ul dt a:hover { border:solid 1px #ED5F05;} /*产品边框，点击效果*/ /*第二种产品展示*/ .dl_pro3{ padding:10px 9px;float:left; width:222px;} .dl_pro3 dd h4{font-weight:normal;font-size:12px;} .dl_pro3 dd{ color:#575757; height:20px; line-height:20px; width:222px; overflow:hidden;text-align:center} .dl_pro3 dt { width:222px; height:146px; float:left;} .dl_pro3 dt img{ width:218px; height:142px;} .dl_pro3 dt a { width:218px; height:142px; border:solid 1px #d7d7d7; padding:1px; display:block;} .dl_pro3 dt a:hover { border:solid 1px #ED5F05;} /*产品边框，点击效果*/ /*第三种产品展示*/ .dl_pro { float:left; width:218px; height:165px; padding:13px 11px; overflow:hidden} .dl_pro dt a{ width:218px; height:164px;border:1px solid #d7d7d7; padding:1px;display:block;} .dl_pro dt { width:222px; height:172px;font-size:0; line-height:0} .dl_pro dt img { width:218px; height:164px; } .dl_pro dd { width:218px; height:25px; line-height:25px;text-align:center; overflow:hidden} .dl_pro dd a { font:12px "宋体";line-height:26px} .dl_pro dt a:hover { border:solid 1px #ED5F05;} /*产品边框，点击效果*/ .dl_pro2 { float:left; width:204px; padding:13px 18px; overflow:hidden} .dl_pro2 dt a{ width:200px; height:145px;border:1px solid #d7d7d7; padding:1px;display:block;} .dl_pro2 dt { width:204px; height:149px;} .dl_pro2 dt img { width:200px; height:145px; } .dl_pro2 dd { width:204px; height:25px; line-height:25px;text-align:center; overflow:hidden} .dl_pro2 dd a { font:12px "宋体";line-height:26px} .dl_pro2 dt a:hover { border:solid 1px #ED5F05;} /*产品边框，点击效果*/ .pro_curmbs { margin-bottom:10px; height:35px;line-height:35px;} /*产品列表页，面包屑导航,字体颜色可自行修改*/ .pro_curmbs span { color:#ED5F05;} .pro_curmbs a { color:#333;} .pro_curmbs a:hover { color:#ED5F05;} .pro_curmbs .a_b { color:#ED5F05; font-weight:bold;} .proarray { background:#EBEBFF; border:0 solid #d7d7d7; border-width:1px; padding:3px 5px 0 5px; overflow:hidden; height:23px; margin:0 auto 10px; }/*产品列表页，产品显示方式控制导航,字体颜色和背景可自行修改*/ .proarray .span_1 { float:right;} .proarray img { vertical-align:middle; margin:0 5px;} /*--产品列表，顶部图文产品详细介绍--*/ .p_list_dl{margin-bottom:42px; float:left; width:50%;} .p_list_dl dt img{display:block; border:1px solid #e5e5e5;} .p_list_dl dd{margin-left:198px; height:152px; overflow:hidden;} .p_list_dl dd h5{font-size:14px; height:32px; line-height:17px;} .p_list_dl dd h5 a{color:#546a85;} .p_list_dl dd p{line-height:20px; height:40px; font-size:13px; overflow:hidden; color:#546a85;} .p_list_dl dd div{margin-top:16px; overflow:hidden;} .p_list_dl dd div span{float:left; width:50%; line-height:22px; color:#767676;} .p_list_dl dd div span em{position:relative; top:-1px; margin-right:6px; color:#b0b0b0;} /* -- 产品列表样式,第二种表现形式 -- */ dl.p_list_dl .d1{ width:198px; font-size:12px; font-family: Arial, Helvetica, sans-serif; line-height:20px;height:40px;text-align:center} dl.p_list_dl .d1 a { color:#666; font-family: Arial, Helvetica, sans-serif;} dl.p_list_dl .d1 a:hover { color:#ED5F05;} /*产品名称连接*/ dl.p_list_dl .d2 { height:54px; white-space:normal; line-height:18px; } /* -- 产品详细页 -- */ .bigimg {width:390px; height:390px; border:solid 1px #d7d7d7; padding:2px; margin-bottom:10px;} .smallimg{} a.leftico { background:url(../images/ico25.gif) no-repeat; display:block; width:15px; height:15px; overflow:hidden; margin-top:21px; float:left;} a.leftico:hover { background:url(../images/ico25_1.gif) no-repeat;} a.rightico{ background:url(../images/ico24.gif) no-repeat; display:block; width:15px; height:15px; overflow:hidden; margin-top:21px; float:left; margin-left:10px;} a.rightico:hover { background:url(../images/ico24_1.gif) no-repeat;} .smallimg .look { text-decoration:underline; color:#f00; margin-top:20px; display:block; float:left; margin-left:10px;} .smallimg li{ float:left; display:inline; margin:0 0 0 10px; } .smallimg li a { display:block; background:url(../images/smallimgbg2.gif); width:43px; height:43px; padding:8px 0 0 3px; } .smallimg li a:hover , .smallimg li a.cur{ background:url(../images/smallimgbg1.gif);} .smallimg li img { width:40px; height:40px; display:block; } .look_big { text-align:center; line-height:25px; margin:15px 0; } .look_b { text-align:center;} .look_b input { margin:0 4px; *height:23px;} /* -- 产品详细页__产品详细参数 -- */ .mod_goods_info {clear:both;margin-bottom:10px;position:relative; background-color:#eee; height:65px;} .mod_goods_info .hds {height:65px;_overflow:hidden;} .mod_goods_info .hds li {float:left;cursor:pointer;border-right:1px solid #fff} .mod_goods_info .hds li h3 {display:block;width:128px;height:65px;line-height:65px;text-align:center;font-size:18px;border-bottom:0; font-weight:normal} .mod_goods_info .hds li h3 a {color:#666;font-weight: normal;text-decoration:none;outline:none} .mod_goods_info .hds .status_on { height:62px; line-height:62px;border-top:3px solid #f9770a;position:relative;} .mod_goods_info .hds .status_on h3 {height:62px; line-height:58px;background-color:#fff;color:#f9770a} .mod_goods_info .hds .status_on h3 a {color:#076EBB;font-weight:bold} .mod_goods_info .more{ position:absolute;top:8px; right:0px;} .mod_goods_info .more a:link, .mod_goods_info .more a:visited{text-decoration:none;color:#f9770a;} .mod_goods_info .more a:hover{color:#D4105A;} .pright { width:280px; float:left; margin-left:20px;} .propar { width: 50%;float: left;}/*产品详细参数字体颜色*/ .propar .line{ font-weight:normal; text-decoration:line-through;} .propar .span_1 { font-weight:bold; font-size:14px; color:#f00;} .propar .span_2 { font-size:16px;} .propar h4 { color:#333; line-height:28px; background:#F7F7F7; padding:0 8px;} .propar .more { text-align:right; border-bottom:dashed 1px #d7d7d7; margin-bottom:5px; } .propar .more a {color:#ED5F05; padding-left:12px; line-height:20px; } .propar .more a img { margin-right:5px;} /* -- 产品详细页__产品视频演示 -- */ .provideo { color:#666;} .provideo h4 { line-height:28px; background:#F7F7F7; padding:0 5px; margin-bottom:5px;} .pro_video { text-align:center; margin-bottom:5px;} .proinfo { font-size:14px; line-height:25px;} .proinfo h2{ height:35px; line-height:35px; font-size:16px; margin:15px 0; padding-bottom:5px; border-bottom:#CCC 1px dashed;} .proinfo h3{ height:30px; line-height:30px; font-size:14px; margin:10px 0; } .proinfo h4 { line-height:28px; background:#F7F7F7; padding:0 5px; margin-top:10px;} .proinfo p {color:#414141; line-height:180%; margin:10px 0; font-size:14px;} .proinfo p a { color:#ED5F05;} .proinfo table{ border-collapse:collapse; } .proinfo td{ border:#ccc solid 1px; padding:5px; } .proinfo .p_tit { font-weight:bold;} .newsinfo { font-size:14px; line-height:25px;} .newsinfo h2{ height:35px; line-height:35px; font-size:16px; margin:15px 0; padding-bottom:5px; border-bottom:#CCC 1px dashed;} .newsinfo h3 { height:28px; line-height:28px; font-size:14px;margin:12px 0;padding-bottom:5px;} .newsinfo p {color:#414141; line-height:180%; margin:10px 0; font-size:14px;} .newsinfo p a { color:#ED5F05;} .newsinfo table{ border-collapse:collapse; } .newsinfo td{ border:#ccc solid 1px; padding:5px; } .pro_key { line-height:35px; border-top:dashed 1px #d7d7d7; margin-top:5px; font-size:14px;clear:both;} .pro_key span { font-weight:bold;} .pro_key a {font-size:12px; margin-right:10px;} .propar div , .proshop div {padding:5px; padding-bottom:0; line-height:22px;} .propar div span { font-weight:bold;} .propar a.more {background:url(../images/ico14.gif) no-repeat 0 3px!important; _background:url(../images/ico14.gif) no-repeat 0 1px; padding-left:10px;} .proshop { border:1px dashed #d7d7d7;} .proshop .bg{ background:#fff; border:2px solid white; text-align:center; padding:5px 0 10px 0;} .proinfo div { } .proshop .bg span { font-weight:bold; font-size:12px; color:#ff0000; line-height:20px;} .proshop .bg .text_3 { border:solid 1px #d7d7d7; height:20px; line-height:20px;} .ad3 { margin-bottom:10px;} .procom h4 { line-height:26px; text-indent:10px; background-position:-63px -813px; color:#333; } .procom dl { width:240px; float:left; display: inline; margin:10px 0 10px 5px; } .procom dl dt { float:left; width:104px; height:104px; } .procom dl dt a { width:100px; height:100px; border:1px solid #d7d7d7; padding:1px; display:block;} .procom dl dt a:hover { border:solid 1px #ED5F05;} /*产品图片边框连接*/ .procom dl dt img { width:100px; height:100px; display:block;} .procom dl dd { width:125px; float:right; line-height:22px;} .procom dl .d1 { width:125px; height:42px; overflow:hidden; margin-bottom:2px;} .procom dl .d1 a{ color:#666; text-decoration:underline;} .procom dl .d1 a:hover { color:#ED5F05;} .procom dl .d2 { font-weight:bold; color:#666;} .procom dl .d2 span { color:#f00; font-weight:bold;} .procom dl .d3 { color:#666;} .procom dl .d3 span { text-decoration:line-through; } .cp { border:1px solid #d7d7d7; background:#fff; padding-bottom:12px; margin-bottom:10px; } .cptab { border-bottom:1px solid #d7d7d7; background:#f7f7f7; } .cptab { line-height:25px; font-size:14px; color:#B61212; text-decoration:none; padding:0 8px; } .cptab a:hover {text-decoration:none;} .cptab a.cr { background:#eee; font-weight:bold; } .cp dl { width: 209px; overflow:hidden; float:left; display:inline; padding: 12px 3px 0 11px; } .cp dt { /* width:164px; */ overflow:hidden; } .cp dt a {/* width:160px; */ display:block; border:1px solid #D5D5D5; padding:1px;} .cp dt a:hover { border:solid 1px #B61212;} /*产品图片边框连接*/ .cp dt img {width: 205px; height:135px; display:block;} .cp dd { line-height:24px; padding-top:8px; overflow:hidden; display:block;text-align:center } .t06 a { color:#ED5F05;} .t06 a :hover { color:#ED5F05;} .cases { margin-bottom:10px;} .cases h4 { line-height:28px; background:#F7F7F7; text-indent:5px; margin-top:10px; } .cases dl { width:360px; height:164px; overflow:hidden; float:left; display:inline; margin:8px 5px 0 5px; } .cases dt { width:163px; height:163px; overflow:hidden; float:left; } .cases dt a { width:159px; height:159px; padding:1px; border:1px solid #d7d7d7; display:block;} .cases dt a:hover{border:1px solid #ED5F05;} .cases dt img { width:159px; height:159px; display:block;} .cases dd { width:180px; float:left; margin-left:5px; display:inline; line-height:20px; padding-right:10px; overflow:hidden;} .cases dd a {} .cases dd.tit { } .cases dd.tit a { font-weight:bold; color:#ED5F05; text-decoration:underline; } .cases dd.d2 { height:140px; } .caigou { background:#ED5F05;color:#fff; padding:5px; margin:5px 0; } /* -- 采购意向标题色带 -- */ .caigou strong { font-size:14px; font-weight:bold;} .caigou .span_1 { float:right;} .caigou_tab { line-height:27px; margin-bottom:10px; color:#666;} .caigou_tab .tt { vertical-align:top; text-align:right;} .caigou_tab .span_b { font-weight:bold; color:#f00; } .caigou_tab .textarea {margin-top:3px;} /*---产品点评中心---*/ .left3 .apage { width:660px; margin:20px auto 0 auto;} .club_tit { font-size:14px; border-bottom:dashed 1px #d7d7d7; padding-bottom:8px; text-indent:5px; margin-bottom:10px;} /*评论产品名称*/ .club_dl { width:727px; margin:0 auto;} .club_dl dt { width:70px; height:70px; float:left;} .club_dl dt a { width:66px; height:66px; border:solid 1px #d7d7d7; padding:1px; display:block;}/*用户头像,点击时的边框*/ .club_dl dt a:hover { border:solid 1px #ED5F05;} .club_dl dt img { width:66px; height:66px; display:block;} .club_dl dd { float:left; width:620px; margin-bottom:5px; margin-top:5px; margin-left:10px;} .club_dl dd .sp_1 { width:357px; overflow:hidden; float:left; display:block; font-weight:bold; color:#ED5F05; font-size:14px; } .club_dl dd .sp_2 { float:left; margin-left:17px; display:inline;} .club_dl dd .a1 { color:#ED5F05; text-decoration:underline; font-weight:bold;} .club_dl dd .a1:hover { color:#ED5F05} .club_dl dd .a2 { color:#666; text-decoration:underline; font-weight:bold;} .club_dl dd .a2:hover { color:#666;} .club_dl dd .a3 { color:#ED5F05; text-decoration:underline; } .club_dl dd .a3:hover { color:#ED5F05;} .club_con,.club_con2 { width:705px; border:solid 1px #d7d7d7; background:#f1f1f0; padding:10px; margin:5px auto 0 auto; line-height:24px;} /*评论内容*/ .club_con p span, .club_con2 p span { color:#ED5F05; font-size:14px;} .club_con p .sp_1, .club_con2 p .sp_1 { color:#000; font-size:12px; font-weight:bold;} .club_con p .sp_2, .club_con2 p .sp_2 { color:#ED5F05; font-size:12px;} .club_con p .sp_3, .club_con2 p .sp_3{ color:#f00; font-size:12px; font-weight:bold;} .club_con2 { width:690px; padding:0 15px; margin-bottom:30px;} .club_con2_tit { width:720px; margin:0 auto 0 auto; } .club_con2_tit a { color:#ED5F05;} .club_line { background:#d5d5d5; height:1px; font-size:0; overflow:hidden; margin:15px 0;} /*分割线*/ .club_lin2 { background-position:-280px -393px; width:670px; height:5px; margin:25px auto; font-size:0;} .club_line3 { border-bottom:dashed 1px #d7d7d7; height:1px; font-size:0; overflow:hidden; margin-bottom:10px;} .rt_club_dl {} /*点评空间*/ dl.rt_club_dl{ height:60px;} .rt_club_dl dt { width:64px; height:64px; float:left; margin-right:8px;} .rt_club_dl dt a { width:60px; height:60px; border:solid 1px #d7d7d7; padding:1px; display:block;} .rt_club_dl dt a:hover {border:solid 1px #ED5F05;} .rt_club_dl dt img { width:60px; height:60px; display:block;} .rt_club_dl dd { color:#ED5F05; line-height:16px; height:16px;} .dianping { line-height:18px; margin-top:5px;} .dianping span { color:#ED5F05; font-weight:bold;} .dianping a { color:#ED5F05; text-decoration:underline; font-weight:bold;} .dianping a:hover { color:#ED5F05;} /*左边产品*/ dl.t05_con_dl2 { width:80px; float:left; display:inline; margin:5px 3px; overflow:hidden;} dl.t05_con_dl2 dt { width:54px; height:54px; margin:0 auto;} dl.t05_con_dl2 dt img { width:50px; height:50px; display:block; } dl.t05_con_dl2 dt a { width:50px; height:50px;border:1px solid #d7d7d7; padding:1px; display:block;} dl.t05_con_dl2 dt a:hover { border:1px solid #ED5F05; }/*最近浏览过的产品,点击时的边框*/ dl.t05_con_dl2 dd { overflow:hidden; text-align:center; margin-top:2px; height:30px;} .pl_much { font-weight:bold; font-size:14px; text-indent:10px; margin-top:10px; margin-bottom:10px;}/*评论条数*/ .pl_much span { color:#f00;} .pl_much img { vertical-align:top;} .pl_dc { font-weight:bold; color:#ED5F05; font-size:14px; text-indent:10px; margin-bottom:15px;} .pl_dc .sp_1 { color:#666; margin-left:20px;} .pl_dc .sp_2 { color:#666; font-weight:normal;} .pl_dc a { color:#ED5F05; text-decoration:underline;} .club_pl_tab { width:710px; margin:0 auto;} /*评论回应填写表单*/ .club_pl_tab .textarea { width:600px; height:175px;} .club_pl_tab td { padding:2px 0;} .club_pl_tab .b15, .club_pl_tab .b16 { margin:10px 10px 10px 0;} .club_pl_tab .blk { color:#000;} .cp_detail {} /*产品详细*/ .cp_detail_tit { color:#ED5F05; line-height:20px;} .cp_detail dt { width:175px; height:175px;} .cp_detail dt a{ width:171px; height:171px; display:block; border:solid 1px #d7d7d7; padding:1px;} .cp_detail dt a:hover {border:solid 1px #ED5F05;} .cp_detail dt img { width:171px; height:171px; display:block;} .cp_detail dd { font-size:14px; margin:5px 0;} .cp_detail .d1 span { text-decoration:line-through;} .cp_detail .d2 { font-weight:bold; color:#f00;} .cp_detail .d3 { text-align:center;} .cp_detail .b31 { font-size:12px;} .cp_detail .b28, .cp_detail .b29 { margin-top:5px;} .cp_detail .b28 { margin-right:10px;} .cp_detail .d_1 { font-size:12px; color:#ED5F05;} .cp_detail .d_1 span { color:#666;} .cp_detail .d_2 { text-align:center;} .cp_detail .d_2 .b45, .cp_detail .d_2 .b46 { margin-top:5px;} .pl_other { display:inline-block; float:left; margin:7px 7px; } /*评过此商品的人还有*/ .pl_other:hover { text-decoration:none;} .pl_other img { vertical-align:middle;} .other_pl_dl { margin-bottom:12px;} /***会员的其它评论*/ .other_pl_dl dt { border:solid 1px #ED5F05; background:#FFF; height:20px; line-height:20px; font-family:"宋体";} .other_pl_dl dt a { color:#ED5F05; width:155px; text-decoration:none; display:block; overflow:hidden; text-overflow:ellipsis; float:left; } .other_pl_dl dt a:hover { color:#ED5F05;} .other_pl_dl dt span {width:12px; height:12px; background:#ED5F05; color:#fff; text-align:center; overflow:hidden; display:inline-block; float:left; line-height:12px; margin-top:4px; margin:4px 3px 0 3px;} .other_pl_dl dd { line-height:18px; height:54px; overflow:hidden; margin-top:2px;} .pl_yony { text-indent:10px; margin-top:15px;} .pl_yony a { color:#000; font-weight:bold;} .pl_yony a:hover { color:#f00;} /*---搜索中心--*/ .search_con { padding:10px 0;} dl.sear_dl { margin:10px auto; width:204px; float:left; margin-left:16px;} dl.sear_dl dt.tit, .l2tit { font-size:14px; text-indent:10px; line-height:25px; } dl.sear_dl dt.tit .tit_a, .l2tit .tit_a {height:25px; background:url(../images/ico10.gif) no-repeat 0 12px;overflow:hidden; display:block; float:left;} dl.sear_dl dt.tit .tit_b{ width:300px; height:25px; overflow:hidden; display:block; float:left;} dl.sear_dl dt.tit .span1, .l2tit .span1{ font-size:12px; float:left; margin-left:10px;} dl.sear_dl dt.tit .span2, .l2tit a .span2{ float:left; margin-left:10px;} dl.sear_dl dt.tit .span2 a, .l2tit a .span2 a{ color:#ff0000;} dl.sear_dl dd.d1 { padding:0 10px; line-height:22px; text-align:justify; text-justify:inter-ideograph; overflow:hidden; color:#000;} dl.sear_dl dd span , .l2tit span { padding:0 20px; } dl.sear_dl dd .a_d { margin-right:5px; padding-left:10px; line-height:20px;} .search_con .search_hl{color:Red;padding:0px;} .sear_dl .dt2 {} .sear_dl .dt2 a { border:solid 1px #d7d7d7; padding:1px; display:block;} .sear_dl .dt2 a:hover { border:solid 1px #ED5F05;} /*产品边框，点击效果*/ .sear_dl .dt2 img {display:block;width:200px; } .sear_dl .d2 { height:22px; overflow:hidden; line-height:22px; text-align:center; text-justify:inter-ideograph;} /*---会员中心---*/ .VipMian{margin:50px 0px; background: #fff;} .VipMian .fl{width:201px;margin-top:54px;margin-left:25px;} .VipMian .fl .left{width:201px;} .VipMian .right{width:895px;} .loginMian .right{ width:99%; float:right; display:inline; overflow:hidden;} .logo2 { float:left;} .logo2 img { display:block;} .u_top_rt { width:580px; height:32px; float:right; margin-top:5px;} /*logo右边的整块,上边界根据需要进行调整*/ .u_top_rt .zfb { float:left; vertical-align:middle; margin-right:10px; margin-top:12px;} .u_name { line-height:20px; float:left; margin-right:10px; display:inline; margin-top:13px;} .u_name span { font-weight:bold; color:#ED5F05;} .u_next { width:300px; height:50px; float:left;} .u_top_call{ color:#f00; text-align:right; margin-bottom:5px; padding-right:12px;} .u_top_call img { vertical-align:middle;} .u_top_call span { font-weight:bold; margin-left:5px; font-size:14px;} .u_top_nav { } .u_top_nav ul { margin:0; padding:0;} .u_top_nav ul li { float:left; margin-left:8px;} .u_top_nav ul li a { display:block; border:1px solid #222; background:#F7F7F7 url(ico33.gif) no-repeat 4px 7px ; padding:2px 4px 2px 16px; } .u_top_nav ul li a:hover { border:1px solid #ED5F05; background:#EEF2FD url(ico32.gif) no-repeat 4px 7px; text-decoration:none;} /*头部导航*/ .u_menu { background:url(../images/u_menu_bg.gif) repeat-x; line-height:35px; margin-bottom:10px;} /*会员菜单背景*/ .u_menu div { width:900px; margin:0 auto; font-weight:bold; font-size:14px;} .u_menu a { color: #fff; padding-left:10px; }.u_menu a:hover { color:#fff; } .userleftnav { border:1px solid #d7d7d7; padding:1px; margin-bottom:10px;} /* -- 会员区导航背景颜色,边框 -- */ .userleftnav h4 { text-indent:25px; background-position:-63px -337px; line-height:28px; color:#333;} /* -- 会员中心左侧导航大类背景 -- */ .userleftnav ul{ margin:0 auto; padding:5px 10px; } .userleftnav li { text-indent:10px; overflow:hidden; } .userleftnav ul a {height:25px; display:block; line-height:25px; } .userleftnav ul a:hover { height:23px; line-height:23px; border:1px solid #f2682a; background:#fff; text-decoration:none;}/* -- 会员中心左侧导航,点击效果 -- */ .u_right_main { padding:30px; margin-bottom:10px; zoom:1;}/*border:solid 1px #d7d7d7;*/ .left_ad { border:1px solid #d7d7d7; padding:1px;height: 425px;width:195px; margin-bottom:20px;} .u_crumbs { margin-bottom:10px;} /*会员面包屑导航*/ .u_crumbs a { color:#000;} .u_crumbs a:hover { color:#ED5F05;} .u_crumbs span { color:#ED5F05;} .u_dingyue { border:solid 1px #d7d7d7; padding:15px; margin-bottom:10px;} .u_dingyue dl { width:100%; } .u_dingyue dt { width:97px; float:left; border:0;} .u_dingyue dt img { margin-top:10px;} .u_dingyue dl .u_dy_con { width:485px; border:solid 3px #ED5F05; float:right; overflow:hidden; padding:10px; line-height:22px; font-size:14px;} .u_dy_con .tit { font-weight:bold;} .u_dingyue dl .tit_b{ width:435px; font-size:14px; font-weight:bold; float:left; display:block; padding-left:50px; margin-top:15px;} .u_dingyue dl .a_1 { color:#ED5F05; text-decoration:underline;} .u_dingyue dl .a_1:hover {color:#ED5F05; text-decoration:underline;} .u_dingyue dl .a_2 { color:#ED5F05; text-decoration:underline;} .u_dingyue dl .a_2:hover {color:#ED5F05; text-decoration:underline;} .u_dingyue dl .img_2 { margin-left:10px;} h4.dy_h4 { background:#F2F2F2; height:30px; line-height:30px; text-indent:15px;} .u_dy_ta { border:solid 1px #cfcfcf; line-height:18px; color:#333; font-family:"宋体"; padding:8px; margin-bottom:10px;} .u_dy_tab { width:100%; line-height:22px; margin-bottom:10px;} .bot_btn { text-align:center; margin-top:15px;} .dy_tit { font-weight:bold; line-height:25px;} .bot_btn .b10, .bot_btn .b11, .bot_btn .b08, .bot_btn .b04, .bot_btn .b13{ margin-right:13px;} .bot_btn2 .b02 { margin-right:10px;} .bot_btn2 .b04, .bot_btn2 .b05 { margin-right:10px; margin-top:10px;} .bot_line { background:#f00; height:2px; font-size:0;} .copyright { text-align:center; line-height:22px;} .copyright span { margin:0 8px;} .ft_menu {} .ft_menu a { color:#000; margin:0 5px;} .ft_menu a:hover { color:#f00;} .u_tg { border:solid 1px #d7d7d7; padding:8px; font-size:14px; margin-bottom:10px;} /*邀请好友表单*/ .u_tg .tit { font-size:14px;} .u_tg .text { border:solid 1px #d7d7d7; height:20px; line-height:20px;} .u_tg .u_em { margin-top:5px;} .u_tg .u_em a { font-weight:bold; float:right; color:#DD3904; margin-right:2px; } dl.userinfo { background:#FCEDD8; height:115px; padding:5px; overflow:hidden; margin:5px 0 0 ; } dl.userinfo dt { border:1px solid #CCC; width:113px; height:113px; float:right; } dl.userinfo dt img { display:block; width:113px; height:113px; } dl.userinfo dd { line-height:22px; float:left; width:491px; padding:0 12px; } dl.userinfo dd.d1 { background: none repeat scroll 0 0 #FFFFFF;border: 3px solid #f2682a; height: 105px; margin-bottom: 10px;margin-top: 2px;width: 755px; line-height:35px;} dl.userinfo dd.d1 span { display:block; height:35px; overflow:hidden;} .u_right_main .t03 { margin:5px 0;padding-right:10px;} .u_idx_tab {line-height:25px; margin-left:15px;} .u_right_main .t07 { margin-top:20px;} .u_idx_news { border:solid 1px #d7d7d7; border-top:0; padding:5px 0 5px 10px;} /*会员首页，新闻样式*/ .idx_ul { width:385px; float:left;} .idx_ul li { background:url(../images/ico16.gif) no-repeat 0 8px; padding-left:7px; height:20px; line-height:20px;} .idx_ul li a {overflow:hidden; text-overflow:ellipsis; display:block; float:left; width:298px;} .idx_ul li span { float:right; font-size:11px; } .u_idx_news img { float:left; display:block; margin-left:20px; width:219px; height:165px;} .zc_lc1 { background:url(../images/zc_lc_1.gif) no-repeat; height:33px; margin:10px 0 20px 0;} .zc_one { font-size:14px; margin-bottom:10px;/* padding-left:20px;*/} .zc_form { font-size:14px; line-height:20px; } .zc_form span { font-size:12px;} /*注册第一步--修改*/ .zc_tab1,.zc_tab2,.zc_tab3 { width:100%; margin-bottom:10px;} .zc_tab2{margin-left:80px;margin-bottom:30px;} .zc_tab1 .red_x { margin:0;} .zc_tab1 td ,.zc_tab2 td,.zc_tab3 td{ padding:5px 0;} .zc_tab3 .b34 { font-size:12px; padding-left:18px;} .zc_tab2 img{display:none;} .zc_tab2 .tr{ text-align:right; width:80px;} .zc_tab2 cite{display:inline-block;font-style:normal;background:#fff8e8;border:solid 1px #ffe7af;padding:0 5px;color:Red;font-size:12px;} .zc_tab2 td img{ padding-left:30px;} .zc_tab2 .code{ padding-left:100px;} .zc_tab2 .code img{ vertical-align:middle; padding-right:10px;} /*---完全注册表单---*/ .zc_form h4 { margin:20px 0 10px 0; color:#000;} .zc_tab { width:100%; color:#666; border:solid 1px #d0d0d0; background:#f7f7f7; padding-left:25px; } .zc_tab td { padding:3px 0;} .zc_tab .red_x { margin:0;} .zc_form .tab_bz { text-align:right;} .zc_form .ty { text-align:center;} .zc_form .ty span { font-size:14px; color:#f00; margin:10px 0;} .zc_form .textarea2 { overflow-y:auto; background:#f7f7f7; width:99%; margin-bottom:10px;} .zc_cg{ width:650px; margin:10px auto 0; background:#F1F4FE; border:2px solid #ED5F05; padding:20px; text-align:center; line-height:20px; font-size:14px;} /*提示信息，背景可自行修改*/ /*提示信息，背景可自行修改*/ .zc_cg .zc_zy { font-weight:bold; color:#ED5F05;} .zc_cg .b17, .zc_cg .b18 { margin:15px 20px 0 0;} /*忘记密码*/ .pass_tis { color:#666; font-size:14px; line-height:20px;} .pass_tis span { color:#f00; font-weight:bold;} .getpassword1 { background:url(../images/getpassword1.gif) no-repeat right center ; width:350px; height:124px; margin:10px auto 0; font-size:14px; color:#666;} .getpassword1 div { margin-bottom:10px;} .getpassword1 span { font-weight:bold; color:#ED5F05;} .getpassword1 .b17 { margin-top:10px; margin-left:18px; *margin-left:28px; display:inline;} .getpassword2 { background:url(../images/getpassword2.gif) no-repeat right center ; width:500px; margin:0 auto; height:150px; padding-top:50px; font-size:14px; color:#666;} .getpassword2 .text { width:230px; height:18px; border:solid 1px #d7d7d7; line-height:18px;} .getpassword2_1 { padding-left:75px; font-weight:bold; margin-bottom:10px;} .getpassword2_2 { padding-left:78px;} .getpassword2_3{margin-bottom:10px;} .zc_cg span { color:#ED5F05;} .cg_img { vertical-align:middle; margin-right:10px;} .pass_tab, .pass_tab2 { margin:0 auto; font-size:14px; color:#666;} .pass_tab td, .pass_tab2 td { padding:5px 0;} .pass_tab a ,.pass_tab2 a{ color:#ff0000; text-decoration:underline;} .pass_tab a:hover, .pass_tab2 a:hover{ color:#ff0000;} .pass_tab2 { float:left; margin:20px 20px 0 120px; display:inline;} .pho_img { float:left;} .pass_tab2 .text { border:solid 1px #d7d7d7; height:20px; line-height:20px;} .pho_ok { text-align:left; line-height:25px; padding-left:50px;} .pho_ok img { float:left;} .pho_ok span { font-weight:bold;} /* .login_dl_left { float: left; height: 442px; width: 720px;} .login_dl_left h1{ color: #768263; font-family: '微软雅黑'; font-size: 26px; font-weight: normal; margin-top: 26px;padding-left:40px;} .lg_form { margin-left: 100px; margin-top: 32px; position: relative; width: 620px;} .lg_name {float: left;padding-top:10px;height:42px;overflow:hidden;} .lg_name span {color: #333333;float: left; font-size: 14px; line-height: 29px; margin-top: 2px;} .err_name { float: left;margin-left: 12px; padding-top:20px; } .lg_login {margin-left: 60px;margin-top: 15px;} .lg_pass { float: left; margin-top:10px;} .lg_pass span { color: #333333; float: left; font-size: 14px; line-height: 29px; } .err_pass { float: left; margin-left: 12px; margin-top: 28px; } */ .loginMian{background: #fff;margin:50px 0px} .login_dl_left { float: left; height: 442px; width: 720px; } .login_dl_left h1{ color: #f2682a; font-family: '微软雅黑'; font-size: 26px; font-weight: normal; margin-top: 26px;padding-left:105px;} .lg_form { margin-left: 250px; margin-top: 32px; position: relative; width: 620px;} .lg_name {float: left;padding-top:20px;height:42px;overflow:hidden;} .lg_name span {color: #333333;float: left; font-size: 14px; line-height: 29px; margin-top: 2px;} .err_name { float: left;margin-left: 12px; padding-top:28px; } .lg_login {margin-left: 70px;margin-top: 15px;} .lg_pass { float: left; margin-top:10px;} .lg_pass span { color: #333333; float: left; font-size: 14px; line-height: 29px; width:56px;} .err_pass { float: left; margin-left: 12px; margin-top: 18px; } .err_code { float: left; margin-left: 12px; margin-top: 28px; } .txtboxcs{ border:solid 1px #d7d7d7; height:28px; margin-left:10px;} .lg_remember { padding-left: 60px; margin-top:5px;font-size:12px;margin-left:10px;} .lefttit { background:url(../images/ico26.gif) no-repeat 20px 17px; line-height:50px; text-indent:42px; font-size:14px; color:#666; } .lefttit .sp_1 { font-weight:bold; } .lefttit span { color:#ED5F05;} .leftinfo { background:url(../images/login_left_form_bg.gif) repeat-x top ; padding:0 0 0 42px; height:311px; color:#666;} .leftinfo label{font-size:12px;} .leftinfo .login_tab { line-height:20px; font-size:14px; margin-top:7px;} .leftinfo .login_tab td { padding:5px 0;} .leftinfo .login_tab a { color:#f00; font-size:12px; text-decoration:underline;} .leftinfo .login_tab .a2 { color:#f00; text-decoration:none; background:url(../images/ico7.gif) no-repeat 0 6px; background:url(../images/ico7.gif) no-repeat 0 4px\9; padding-left:10px; line-height:20px;} .login_dl_right { border-left: 1px solid #C3BBBB; float: left; height: 370px; width: 230px; margin:30px 0px 0px 20px;padding-left:20px;} .righttit { line-height:50px; text-indent:10px; } .rightinfo { padding:0 10px; } .rightinfo li{ border-bottom:1px dashed #CCC; height:30px; font-size:14px; line-height:30px; background:url(../images/ico10.gif) no-repeat 0 14px; padding-left:10px; overflow:hidden; width:515px;} .rightinfo li .a_1 { color:#ED5F05; text-decoration:underline;} .rightinfo li .a_1:hover { color:#ED5F05;} .rightinfo li .a_2 { color:#ED5F05; font-weight:bold; text-decoration:underline;} .rightinfo div.tr { padding:32px 0 51px 0; float:right;} /*招商加盟会员中心--文字数据*/ .agent_tab { line-height:25px; margin-top:10px; text-align:center; width:100%; border:solid 1px #d7d7d7; margin-bottom:15px;} .agent_tab .tl { padding-left:10px; } .agent_tab th { background:#F9F9F9; font-weight:normal; border:solid 1px #d7d7d7;} .agent_tab td { border:solid 1px #d7d7d7;} /*招商加盟会员中心--产品*/ .agent_pro_dl { border-bottom:solid 1px #d7d7d7; padding-bottom:15px; height:165px; overflow:hidden; color:#666; line-height:22px; margin-bottom:25px; } .agent_pro_dl dt { width:164px; height:164px; overflow:hidden; float:left; margin-right:} .agent_pro_dl dt a { width:160px; height:160px; border:solid 1px #d7d7d7; padding:1px; display:block;} .agent_pro_dl dt a:hover { border:solid 1px #ED5F05;} .agent_pro_dl dt img { width:160px; height:160px; display:block;} .agent_pro_dl dd { width:550px; float:right; overflow:hidden; margin-bottom:7px;} .agent_pro_dl .d1 { width:550px; height:20px;} .agent_pro_dl .d1 .tit { width:230px; height:20px; overflow:hidden; display:block; float:left; font-weight:bold; color:#ED5F05; text-decoration:underline; font-size:14px;} .agent_pro_dl .d1 .sp_1 { margin-left:50px;} .agent_pro_dl .d1 .sp_1 span { text-decoration:line-through;} .agent_pro_dl .d1 .sp_2 { font-weight:bold; color:#f00; font-size:14px; margin-left:10px;} .agent_pro_dl .sp_b { font-weight:bold;} .agent_pro_dl .d2 { height:60px; overflow:hidden;} .agent_pro_dl .b29, .agent_pro_dl .b28 { height:25px; margin-top:10px; padding-bottom:3px;} /*会员，我的首页*/ .base_tab { width:80%; color:#666; font-size:14px;} .base_tab span { font-size:12px;} .base_tab td { padding:5px 0;} .base_tab .vat { text-align:right;} .base_tab .b17 { margin-right:10px;} /*修改密码*/ .pass_xg { margin:20px auto 0 auto;} .pass_xg .tr { font-size:14px; color:#666; } .pass_xg td:nth-child(2){width:282px;} .pass_xg .tr span{color:#f00;} .pass_xg img { margin-left:20px;} .pass_xg a { color:#ED5F05; text-decoration:underline;} .pass_xg a:hover { color:#ED5F05;} .pass_xg_bot { width:580px; margin:0 auto; color:#666; font-size:14px; line-height:20px;} .pass_xg_bot h4 { color:#ff0000;} .pass_xg_bot .xg_bot { text-align:center; margin-top:10px; width:410px;} /*会员FAQ页面*/ .u_faq { padding:10px; border:1px solid #d7d7d7; background:#F9F9F9; margin-bottom:10px; line-height:18px; color:#666;} /*边框、背景可自行修改*/ .u_faq .wt { margin-bottom:5px;} .u_faq .for { border:1px solid #4470F6; background:#ECF1FF; padding:10px;}/*边框、背景可自行修改*/ .u_faq strong { font-weight:bold;} .faq_tab { margin-top:20px; border:0;} .faq_tab .textarea { width:278px;} .faq_tab td { padding:3px 0;} .faq_tab td span{ color:#f00; padding-left:4px; font-weight:bold; } /*会员收货地址页面*/ .add_top { font-size:14px; margin-bottom:10px;} .add_top span { font-weight:bold; color:#ED5F05;} .add_tab { width:100%; border:solid 1px #d7d7d7; margin-bottom:15px; font-family:"宋体";}/*表单样式*/ .add_tab th { background:#f9f9f9; height:30px; line-height:30px; font-weight:bold; border:solid 1px #d7d7d7; text-align:center;} .add_tab th span { font-weight:normal;} .add_tab td { border:solid 1px #d7d7d7; height:25px; text-align:center;} .add_tab a { color:#000;} .add_tab a:hover { color:#ED5F05; text-decoration:none;} .add_tab a.a { color:#ED5F05;} .add_tab a.a:hover { color:#ED5F05;} .fieldset { border:solid 1px #d7d7d7; margin-bottom:10px;}/*会员收货地址，新增地址，特效效果样式*/ .legend { border:1px solid #d7d7d7; background:#F9F5F5; padding:5px;filter : progid:DXImageTransform.Microsoft.DropShadow(color=#E7E7E7,offX=0,offY=2,positives=true); font-size:14px; font-weight:bold; margin-left:10px;} .add_tab2 { margin:10px 0 10px 15px;} .add_tab2 td { padding:5px 0;} .add_tab2 td span { color:#666;} .add_tab2 td .red_x { color:#ff0000;} /*会员--我的收藏夹*/ .favorites { color:#ED5F05; border:1px solid #ED5F05; background:#FFF; padding:8px 0; line-height:22px; text-indent:10px; font-family:"宋体"; margin-bottom:10px;} /* */ .favorites .b { font-weight:bold;} .favorites a { color:#ED5F05; padding:5px 8px 0 8px;} .fav_search { margin-bottom:15px;} .fav_search a { color:#ED5F05;} .fav_search span { float:right;} .fav_search .text { height:17px; line-height:17px;} .fav_nav { margin-bottom:0; margin-bottom:-12px\9; *margin-bottom:-11px;} .fav_nav a { display:block; float:left; background:#F6F0F0; border:0 solid #CFCFCF; border-width:1px 1px 0; margin-right:8px; padding:4px 8px; margin:0 8px 0 -1px; *margin:0 8px 0 0px; color:#666; position:relative; top:3px; *top:3px;} /*会员--我的收藏夹,切换效果图样式*/ .fav_nav a:hover { color:#ED5F05;} .fav_nav a.b { font-weight:bold; font-size:14px; color:#000; position:relative; top:0; margin-bottom:0px; padding:5px 8px;} .fav_nav a.b:hover { color:#ED5F05;} /*会员--我的订单*/ .order_top { border:solid 1px #d7d7d7; margin-bottom:15px; margin-top:25px;} .order_top_con { border: solid 1px #fff; background:#F6F6F6; padding-bottom:10px;} .order_top_con li {border:solid 1px #ddd; background:#F9F5F5; padding:0 7px; float:left; line-height:25px; margin-left:10px; display:inline; position:relative; top:-15px;} /*会员--我的订单,导航*/ .order_top_con li .b { font-weight:bold; } .order_top_con li a { color:#000;} .order_top_con li a:hover { color:#ED5F05;} .order_top_con table { line-height:28px; margin:0px 0 0 10px;} .add_tab .cashou { color:#ED5F05;} /*我的订单，请查收样式,根据皮肤色修改连接色彩*/ .add_tab .cashou:hover { color:#ED5F05; text-decoration:underline;} .total { font-size:14px; margin-top:-10px; margin-bottom:10px;} .total span { font-size:12px; } .total span .color {font-weight:bold; color:#f00; font-size:14px;} /*会员--直接支付*/ dl.pay_top { margin-bottom:10px;} dl.pay_top dt { float:left; width:168px; height:130px; overflow:hidden;} dl.pay_top dt img { display:block; margin-top:20px; } dl.pay_top dd { line-height:25px;} .pay_box { background:#E4EBFF; padding:10px 0; margin-bottom:10px; margin-top:10px; *margin-top:0;} /*支付方式选择,背景可修改*/ .pay_tab { width:100%; font-size:14px;} .pay_tab td { padding:3px 0;} .add_tab2 .textarea { width:280px;} /* -- 购物车网上银行列表 -- */ .pay_bank { border:solid 1px #d7d7d7; border-top:0; padding-bottom:10px;} .bank_tit { font-size:14px; font-weight:bold; text-align:center; line-height:25px;} ul.p_bank_ul li, ul.p_bank_ul2 li { width:113px; height:33px; border:1px solid #d7d7d7; overflow:hidden; float:left; display:inline; } ul.p_bank_ul li { margin:10px 15px 0 15px;} .p_bank2 { border:solid 1px #d7d7d7; padding:10px 0; margin-top:5px;} ul.p_bank_ul2 li {margin:10px 0 0 25px;} /*在线充值*/ .pay_top span { color:#ED5F05; font-weight:bold;} .pay_top a { color:#ED5F05; text-decoration:underline; float:right;} .pay_top a:hover { color:#ED5F05;} .pay_tab span { font-size:12px; font-weight:bold;} .pay_tab .tr span { font-size:14px; font-weight:bold;} .pay_border { width:534px; float:left; padding:10px; border:3px solid #ED5F05; text-align:left; font-size:12px; background:#fff; line-height:20px;} /*粗边框*/ .pay_border div { line-height:20px;} /*好友分组管理*/ .friend_tit { line-height:25px; margin-bottom:3px;} .friend_tit span { float:right; margin-bottom:3px;} .friend_tit a { color:#000; margin:0 8px;} .friend_tit a:hover { color:#ED5F05;} .friend_tit a.b { color:#ED5F05; font-weight:bold;} .friend_bot { width:402px; height:260px; border:solid 1px #E4E3E3; margin:40px auto 20px auto; }/*好友分组管理,好友分组管理样式*/ .friend_bot_tit { width:382px; height:25px; border-bottom: solid 1px #E4E3E3; background:#EBEBEB; line-height:25px; padding:0 10px;} .sp_close { float:right; _padding-top:6px;} .sp_close img { vertical-align:middle; margin-left:5px;} .friend_tab { margin:20px 0 0 0; font-family:"宋体"; float:left; margin-left:10px;} .friend_tab td { padding:3px 0;} .friend_tab .textarea { width:260px; height:100px;} .friend_tab .b15 { margin-right:10px;} .move { font-weight:bold; color:#ED5F05; padding:10px 0; *padding:5px 0;} .add_tab td.move_lt { text-align:left; } .move_lt select { margin-left:10px;} .move_lt .b37 { font-weight:bold; padding-bottom:3px;} .move_lt .b36 { padding-bottom:3px;} /*好友列表*/ .friend_bot2 { width:600px; height:336px; border:solid 1px #E4E3E3; margin:40px 0 0 30px; display:inline; float:left; margin-bottom:20px;} .friend_bot_tit2 { width:580px; height:25px; border-bottom: solid 1px #E4E3E3; background:#EBEBEB; line-height:25px; padding:0 10px;} .u_close { margin:0px 0 0 5px; vertical-align:middle; } .u_close img { margin:5px 0 0 5px;} .u_fr_tab2 { margin:20px 0 0 0; line-height:22px; font-family:"宋体"; float:left;} .u_fr_tab2 .name { font-weight:bold; color:#ED5F05; font-size:14px;} .u_fr_tab2 .text { width:180px; height:20px; border:solid 1px #d7d7d7; line-height:20px; } .u_fr_tab2 td .sp { color:#000;} .u_fr_tab2 .textarea { width:285px; height:100px; margin-top:5px; border:solid 1px #d7d7d7; } .u_tab_rt { width:160px; float:left; margin-top:20px;} .u_tab_rt .u_fr_img1 { display:block; width:77px; height:66px; float:right; margin-bottom:10px; margin-top:18px; _margin-top:21px;} .u_fr_title { width:160px; height:22px; line-height:22px; text-indent:10px; background:#ED5F05; color:#fff;} .u_fr_list { width:158px; overflow:hidden; overflow-y:auto; height:95px; border:solid 1px #ED5F05; padding-top:5px; margin-bottom:1px;} .u_fr_list li { width:153px; height:22px; line-height:22px; padding-left:5px;} .u_fr_list li a { border-bottom:dashed 1px #333;} .u_fr_list li a:hover { text-decoration:none;} .u_fr_list .u_fr_1 { width:12px; height:13px; } .u_fr_bot a { color:#ED5F05;} /*邀请好友注册*/ .u_dy_main { } .u_dy_main_title { font-size:14px; color:#666; line-height:25px; margin-top:15px;} /*表单框上方介绍文字*/ .u_dy_main .textarea { border:solid 1px #d7d7d7; width:716px; padding:5px 5px 5px 5px; font-size:14px; line-height:20px;} .u_invitatio_main2 { border:solid 1px #d7d7d7; width:660px; height:200px; overflow:hidden; overflow-y:auto; padding:5px 0 5px 5px; color:#bbb; font-size:14px; line-height:20px; } /*会员--站内短信*/ .sms_tab { border:0; width:100%; border:solid 1px #d7d7d7; line-height:25px; margin-bottom:10px; font-family:"宋体";} .sms_tab th { height:30px; line-height:30px; background:#f9f9f9; font-weight:bold; border-bottom:solid 1px #d7d7d7;} .sms_tab td { border-bottom: dashed 1px #d7d7d7;} /*---购物支付中心样式---*/ .cart_main {border:solid 1px #d7d7d7; padding:0 15px 15px 15px; margin-bottom:10px;} /*购物支付,中间内容框*/ .cart_top { border:solid 1px #d7d7d7; margin-bottom:5px;} .cart_nav { height:28px; line-height:28px; font-weight:bold; font-size:14px; border-bottom: solid 1px #fff; border-top: solid 1px #fff; background:#efeeef; padding:0 10px;} /*支付中心--头部导航*/ .cart_n_rt { float:right;} .cart_n_rt span { margin-left:10px;} .cart_n_rt .sp_1 { color:#ED5F05;} .cart_n_rt .sp_2 {font-weight:normal;} .cart_n_rt .sp_2 .a_1 {font-weight:bold; color:#000; } /*头部连接*/ .cart_n_rt .sp_2 .a_1:hover { color:#ED5F05;} .cart_n_rt a { color:#ff0000; font-weight:normal;} .cart_n_rt a:hover { color:#f00} .cart_crumbs { font-weight:bold; line-height:30px; margin:6px 0;} /*支付中心，面包屑导航*/ .cart_crumbs a { color:#000;} .cart_crumbs a:hover { color:#ED5F05;} .orders { color:#666; margin-bottom:15px;}/*订单号*/ .orders span { font-weight:bold;} .orders .sp_end { font-size:14px; color:#ED5F05;} .orders img { margin:0 5px; vertical-align:middle;} /*--收款人信息*--*/ .cart_tab_1 { line-height:25px; width:100%; margin-bottom:15px; color:#666; } .cart_tab_1 th { font-weight:bold; border-bottom:dashed 1px #d7d7d7;} .cart_tab_1 td { border-bottom:dashed 1px #d7d7d7; height:25px;} .sp_sj { margin-left:50px; font-weight:bold;} /*--送货方式--*/ .songhuo { color:#666; margin-bottom:15px;} .songhuo img { margin-left:10px; vertical-align:middle;} /*--支付方式--*/ .zhifb { color:#666; margin:20px 0;} .zhifb img { margin-left:10px; vertical-align:middle;} /*--商品清单--*/ .cart_tab_2 { width:100%; text-align:center; line-height:30px; border:solid 1px #ddd; margin:5px 0 10px 0;} .cart_tab_2 th { font-weight:bold; text-align:center; border:solid 1px #ddd;} .cart_tab_2 td { border:solid 1px #ddd;} .cart_tab_2 th.tl {padding-left:10px; text-align:left;} .cart_tab_2 .tl { padding-left:10px;} .cart_tab_2 a { color:#000;} .cart_tab_2 a:hover { color:#ED5F05;} .jiesuan { font-size:14px; border-bottom:dashed 1px #d7d7d7; line-height:25px; height:25px; margin-bottom:8px;} .jiesuan .sp_1 { color:#ED5F05;} .jiesuan .sp_2 { font-weight:bold; color:#f00;} /*邮件发送分享*/ .send_news h4 { background:#ededed; height:28px; line-height:28px; padding-left:10px;} .send_news h4 a { position:relative; top:5px; right:5px;} .send_news dl { margin:20px; height:130px; color:#666; border-bottom:solid 1px #d5d5d5; padding-bottom:20px;} .send_news dl dt { float:left; margin-right:10px; } .send_news dl dt img { width:128px; height:128px; padding:1px; border:solid 1px #d5d5d5;} .send_news dl dd.first { margin-bottom:5px;} .send_news dl dd.first a {font-weight:bold; font-size:15px; color:#000;} .send_news .sn_cont { margin:20px; color:#666; line-height:180%; } .send_news .sn_cont .b { font-size:14px; font-weight:bold;} .send_news .sn_cont .b span { color:red;} .send_news .sn_cont p.last { font-size:12px;} /*收藏*/ .fav { width:250px; border:solid 1px #d7d7d7; height:132px; font-size:12px; } .fav h4 { padding:3px; background:#ebeceb; border:solid 1px #e4e3e3; font-size:12px;} .fav h4 a { float:right;} .fav table { margin:5px;} .fav table td { padding:3px;} /*--购物支付,第四步底部产品--*/ .cart_bot_pro { color:#666; padding-top:15px; } .cart_bot_1 { background:url(../images/ad_bg.gif); height:80px; overflow:hidden; padding:24px 0 0 0; } .cart_bot_1 .c_t_1 { padding-left:60px; line-height:22px; } .cart_bot_1 .c_t_1 span { color:#ff0000; } .cart_bot_1 .c_t_1 a.m { color:#ED5F05; font-weight:bold; text-decoration:underline; } /*查看详情连接*/ .cart_bot_1 .c_t_1 a.m:hover { color:#ED5F05; } .cart_bot_2 { background:#F6F6F6; padding:5px; height:134px; overflow:hidden; } .p_btn_l , .p_btn_r { width:12px; float:left; } .p_btn_r { margin-left:12px;} .cart_bot_dl { width:692px; float:left; } .cart_bot_con dl { width:330px; float:left; display:inline; margin:16px 0 0 11px; } .cart_bot_con dt { width:100px; height:100px; background:#fff; overflow:hidden; float:left; } .cart_bot_con dt a { width:96px; height:96px; border:solid 1px #d7d7d7; padding:1px; display:block;} /*产品点击样式(连接)*/ .cart_bot_con dt a:hover { border:solid 1px #ED5F05;} /*产品点击样式(连接)*/ .cart_bot_con dt img { width:96px; height:96px; display:block; } .cart_bot_con dd { width:223px; float:right; overflow:hidden;} .cart_bot_con dd.tit { overflow:hidden; } .cart_bot_con dd.tit a { color:#666; font-size:14px; } .cart_bot_con dd.tit a:hover { color:#ED5F05; font-size:14px; } .cart_bot_con dd.con { height:45px; overflow:hidden; margin:7px 0; } .cart_bot_con dd.btn a { font-weight:bold; color:#ED5F05; text-decoration:underline; width:142px; overflow:hidden; display:block; float:left; line-height:28px; } .cart_bot_con dd.btn a:hover { color:#ED5F05; } .cart_bot_con dd.btn .b15 { float:left; margin-left:10px;} .cart_tis, .cart_tis2 { font-weight:bold; font-size:14px; text-align:center; margin-top:10px;} .cart_tis2 { color:#666;} .cart_tis2 span { color:#ff0000;} /* -- 购物车订单确认底部支付宝 -- */ dl.oder { width:215px; height:40px; overflow:hidden; margin:0 auto; padding:5px 0 0px;} dl.oder dt { float:left; width:123px; overflow:hidden; margin:0 8px 0 0;} dl.oder dd { float:left; line-height:20px; } dl.oder a { color:#666; text-decoration:underline;} dl.oder a:hover { color:#ED5F05;} /*---购物支付中心,底部样式---*/ .cart_footer { line-height:22px; color:#666;} .cart_ft_nav { text-align:center;} .cart_ft_nav a { margin:0 10px;} .cart_youtu { border:solid 1px #d7d7d7; color:#666; line-height:22px; padding:5px; margin-top:5px; margin-bottom:10px;} /* 购物成功提示 */ .pay_ok { background:#EFF7FF;width:672px; height:143px; border:2px solid #AFD2FF; padding:15px 0 0 18px; line-height:20px; margin:30px auto 0; display:block;} .pay_ok .tit { font-weight:bold; font-size:14px; padding-left:61px; width:580px;} .pay_ok_con { color:#ED5F05; font-size:14px;padding-left:61px; width:580px;} .shop_money { margin:20px 0; color:#ED5F05; }/*款项用途，虚拟充值*/ .zf_money { margin:10px 0; font-size:14px; } .zf_money_2 { margin-left:14px; margin-top:10px;} .zf_money_2 span { font-weight:bold; color:#f00; } /*支付方式*/ .cart_tab_3 { width:100%; line-height:25px; color:#666; margin-bottom:10px;} .cart_tab_3 span { color:#ff0000; font-weight:bold;} /*选择购买产品*/ .cart_tab_4 {width:726px; line-height:25px; border:solid 1px #d7d7d7; margin-top:-5px; margin-bottom:10px;} .cart_tab_4 ul{ width:726px;height:144px; } .cart_tab_4 ul li{float:left;width:363px;border-bottom:1px dashed #d7d7d7;height:25px; overflow:hidden; padding-top:3px;font-family:"Arial";} .cart_tab_4 ul li span { float:left;padding-right:20px;width:25px; overflow:hidden; display:block; } .cart_tab_4 ul li p{float:left; display:block;padding-left:12px;} .cart_tab_4 ul li a{ display:block; width:233px; overflow:hidden; padding-right:10px; } .cart_tab_4 ul .line{height:24px; overflow:hidden;width:363px; border:0;} .cart_b4_bot { font-weight:bold; color:#ED5F05; margin-bottom:15px; margin-top:5px;} .cart_tab_2 .tr_bg { background:#ECECEC;} .cart_tab_2 a.cur { color:#ED5F05; text-decoration:underline;} .cart_tab_2 a.cur:hover { color:#ED5F05; text-decoration:underline;} /*填写联系方式*/ .cart_tab5_top { font-weight:bold; font-size:14px; margin-bottom:10px;} .cart_tab5_top span { margin-right:30px;} .cart_tab_5 { width:100%; } .cart_tab_5 th { width:100px; text-align:right; background:#FFFFEB; border:solid 1px #d7d7d7; padding:10px 0; font-weight:normal} .cart_tab_5 td { background:#F6F6F6; border:solid 1px #d7d7d7; padding:10px 0 10px 5px; color:#666;} .cart_tab_5 td div { line-height:20px;} .cart_tab_5 .ruguo { color:#ED5F05;} /*如果你有电子优惠券*/ /*---会员互动页面---*/ /*--邮件订阅与退订--*/ .pri_dl { padding-top: 20px; text-align: center; margin-top:10px; font-size:14px; color:#666; line-height:23px; padding-bottom:10px; margin: 0 auto;} .pri_dl dt { /* float:left; */ /* margin:0 20px 0 90px; */ display:inline;} .pri_dl dd { text-align: center; /* width:600px; */ /* float:right; */} .pri_dl dd h4 { border-bottom:dashed 1px #d7d7d7; text-indent:5px; margin-bottom:5px; color:#000;} .pri_dl dd.bg {background:url(../images/ico6.gif) no-repeat 3px 9px; text-indent:10px;} .pri_dl dd.tex { margin-top:20px;} .pri_dl dd .text { border:solid 1px #d7d7d7; font-size:12px; } .dashed_line { border-bottom: dashed 1px #d7d7d7; height:1px; overflow:hidden; font-size:0; margin:15px 0;} .pri_zuy { color:#666; line-height:20px; text-align: center;} /*注意内容*/ .pri_zuy span { float:left;} .pri_dl dd div { padding-left:20px; *padding-left:25px;} .pri_dl dd div .textarea { width:340px;} .pri_dl dd a { font-weight:bold; color:#a97d50; text-decoration:underline;} .pri_dl dd a:hover { color:#a97d50;} /* -- 弹出窗口 把资讯推荐给我的朋友 -- */ .mesbook3 { width:630px; margin:0 auto; border:solid 1px #d7d7d7; } .mesbook3 h4 { background:url(../images/Sennews_tit_bg.gif) repeat-x; height:22px; padding:4px 1em 0; } .mes_top_dl { padding:15px 20px 0 20px;} .mes_top_dl dt { width:132px; height:132px; float:left; display:inline;} .mes_top_dl dt img { width:128px; height:128px; display:block;} .mes_top_dl dt a { width:128px; height:128px; border:solid 1px #d7d7d7; padding:1px; display:block;}/*图片连接*/ .mes_top_dl dt a:hover { border:solid 1px #ED5F05;}/*图片连接*/ .mes_top_dl dd { float:right; width:445px; line-height:20px;} .mes_top_dl .tit { font-weight:bold; font-size:14px; color:#000; text-decoration:underline; width:210px; overflow:hidden; display:block; float:left; margin-right:15px;} /*文章标题*/ .mes_top_dl .tit:hover { color:#ED5F05;} /*文章标题*/ .mes_top_dl .from { margin-left:15px; color:#ff0000;}/*文章出处*/ .mes_top_dl .from a { color:#ff0000; text-decoration:underline;}/*文章出处*/ .mes_top_dl dd.d2 { margin-top:10px; *margin-top:-5px; color:#666; height:100px; overflow:hidden;} .mes_top_dl dd.d2 a { color:#ED5F05;} .mes_top_dl dd.d2 a:hover { color:#ED5F05; text-decoration:underline;} .mesbook3 h4 span img { vertical-align:middle; margin-top:-2px; *margin:0;} .mesbook3_line { height:1px; background:#d7d7d7; font-size:0; margin:20px auto; overflow:hidden; width:590px;} .mesbk3_tab { width:590px; margin:0 auto; color:#666;} /*推荐填写表单*/ .mesbk3_tab .text { border:solid 1px #d7d7d7; height:20px;} .mesbk3_tab div { font-weight:bold; font-size:14px;} .mesbk3_tab td { padding:3px 0;} .mesbk3_tab span { font-weight:normal;} .mesbk3_tab .textarea { width:278px;} /* -- 弹出窗口 -- */ .mesbook1, .mesbook2{width:398px;position:absolute;left:1041px;top:600px;border:1px solid #d7d7d7; padding-bottom:10px;} /*边框和背景可自行修改*/ .mesbook1 .tit, .mesbook2 .tit{ border:1px solid #E4E3E3; background:#EBECEB; height:18px; padding:4px 5px 0; } /*标题块-背景可自行修改*/ .mesbook1 dl.b1 { width:370px; margin:10px auto;} .mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; } .mesbook1 dl.b1 dd { width:265px; float:right; line-height:25px; } .mesbook1 dl.b1 dd.dd_b { width:180px; overflow:hidden; font-weight:bold; color:#ED5F05; font-size:14px; border-bottom:solid 1px #ED5F05; line-height:18px; margin-bottom:10px; float:left; margin-left:105px; display:inline; } /* 粗体字样式*/ .mesbook1 .fr { float:right;} .close { vertical-align:middle; margin-left:5px;} /* -- 弹出窗口 拷贝地址 --*/ .copy { margin:20px 0 0 20px; color:#666; line-height:20px;} .copy .b17 { margin-top:5px;} .mesbook2 {left:1000px;top:400px;} .mesbook2 p { line-height:20px; padding:20px; color:#666;} .mesbook2 p img { float:left;} .top_tit .top_tit1 { font-weight:bold; text-decoration:underline; color:#000; font-size:14px;} /*---问题跳转页面---*/ .pri_dl .time_7 { border:1px solid #CCC; background:url(../images/mes_time_bg.gif) repeat-x; margin:30px auto 0 auto; width:45px; height:25px; line-height:25px; color:#ff0000; font-weight:bold; } .pri_zuy a { color:#ED5F05; text-decoration:underline;} .pri_zuy a:hover { color:#ED5F05;} @charset "utf-8"; /* CSS Document */ .cpMain{ background:#ececec; overflow:hidden;} .cpMain .container{ margin-top:20px;padding-bottom:30px; width: 1220px;} .dp01 { position:relative; width:885px; height:247px; overflow:hidden;margin-top: 29px; margin-bottom:10px; } .dp01 .box { position:relative; width:885px; height:247px; overflow:hidden; } .dp01 .list { position:relative; width:9999px; overflow:hidden; } .dp01 .list li { position:relative; width:885px; height:257px; float:left; display:inline; } .dp01 .list li img { width:885px; height:247px; } .dp01 .prev, .dp01 .next { position:absolute; top:50%; margin-top:-25px; width:47px; height:47px; background-image:url(common/control.png); background-repeat:no-repeat; font:0/0 Arial; cursor:pointer; z-index:2; } .dp01 .prev { left:10px; background-position:0 -50px; } .dp01 .next { right:10px; background-position:0 0; } .dp01 span.text{ display:block; position:absolute; padding:10px 0 0 27px; font:12px "Microsoft Yahei"; width:672px; height:52px; left:0; top:180px; font-style:normal; line-height:24px; color:#fff; } .dp01 span.text b{ display:block; line-height:20px;height:20px; color:#fff; font-size:14px; font-weight:normal; } .dp01 span.num{ display:block; width:34px; height:34px; font-size:14px; font-style:italic; line-height:20px; color:#fff; font-family:"新宋体"; position:absolute; left:840px; top:220px; } .dp01 span.num b{ font-size:32px; color:#8ec31f; } /*cpright*/ .cpright{ width:920px; padding:0 20px; background:#fff; float:right;padding-bottom: 20px;font-size:14px} .rtop{ overflow:hidden; padding-top:28px; padding-bottom:9px; border-bottom:1px solid #dbdbdb;} .rtop h5{ float:left; padding-left:10px; border-left:3px solid #ed5f05; font-weight:normal; line-height:16px;} .rtop h5 a{ font-size:16px; color:#ed5f05;} .rtop span{ float:right;} .rtop span em{ color:#999;} .rtop span a{ color:#999;} .rtopcon{ padding-top:15px;line-height: 25px; } .cjwq{width:100%;margin-top: 40px;} .cjwq_nav{height: 40px;line-height: 40px; padding-right: 15px;background-color: #f08200;} .cjwq_nav h3{border-bottom: 2px solid #fff;float: left; margin: 0;} .cjwq_nav a.more{float: right;text-transform: uppercase;font-size: 14px;color: #000;} .cjwq_nav h3 a{font-size: 16px;color: #fff;font-weight: bold;} .cjwq_n{height:auto;overflow: hidden;width: 100%;} .cjwq_n dt{width:40%;float: left; margin-top:10px} .cjwq_n dt img{width:100%;height:auto;} .cjwq_n li{width:100%;height: 90px;} .cjwq_n li dd{width:60%;float: right;} .cjwq_n li dd a.news_a{height: 30px;line-height:30px;display: block;color:#000;overflow: hidden;font-size: 16px;padding-left: 10px;} .cjwq_n li dd p{margin:0;padding:0;font-size: 12px;color: #717171;height: 48px;line-height: 24px;display: block;overflow: hidden;padding-left: 10px; background-color: #fff} .relnews{width:100%;margin-top: 40px;} .relnews_t{height: 40px;line-height: 40px;padding-right: 15px;background-color: #f08200;} .relnews_t h3{border-bottom: 2px solid #fff;float: left; margin: 0;} .relnews_t a.more{float: right;text-transform: uppercase;font-size: 14px;color: #000;} .relnews_t h3 a{font-size: 16px;color: #fff;font-weight: bold;} .relnews_con{height:auto;overflow: hidden;width: 100%; padding-top: 10px;padding-bottom: 10px;} .relnews_con li{height:auto;line-height:40px;font-size: 16px;border-bottom: 1px dashed #d0d0d0; margin-left: 10px; margin-right: 10px;} .relnews_con li a{ padding-left: 10px;} .relnews_con li p{font-size: 12px;color: #717171;height:24px;line-height: 24px;display: block;overflow: hidden;} .cpnewsshow{ overflow:hidden; padding-top:20px;} .cpnewsshow li{margin-bottom:30px; width:95%;margin-left:auto;margin-right:auto; border-bottom:1px dashed #d0d0d0;} .cpnewsshow li h4{ line-height:16px; margin-top:6px; margin-bottom:8px;} .cpnewsshow li h4 a{ font-size:16px; color:#333;} .cpnewsshow li span{float:right;} .cpnewsshow li:hover h4 a{ color:#f9770a; } /*cpshow*/ .cpshow{ overflow:hidden; padding-top:20px;} .cpshow li{ float:left; width:290px; margin-bottom:30px; margin-right:15px;} .cpshow li:nth-child(3n){margin-right:0px;} .cpshow li.noMl{ margin-right:0;} .cpshow li img{ display:block; border:1px solid #d3d3d3; width:288px ;height: 189px;} .cpshow li h4{ line-height:16px; margin-top:6px; margin-bottom:8px;text-align:center;} .cpshow li h4 a{ font-size:16px; color:#333;} .cpshow li p{ font-size:13px; color:#666; line-height:28px; overflow:hidden;} .cpshow li span{ display:block; overflow:hidden; margin-top:8px;} .cpshow li span .zx{ float:left; width:103px; height:40px; line-height:40px; text-align:center; font-size:13px; color:#fff; text-decoration:none; border-left:3px solid #333; background:#666;} .cpshow li span .xq{ float:right; font-size:13px; color:#666; margin-top:14px;} .cpshow li img:hover{ border-color:#f9770a;} .cpshow li:hover h4 a{ color:#f9770a; } .cpshownews{ overflow:hidden; padding-top:20px;} .cpshownews li{ float:left; width:290px; margin-bottom:30px; margin-right:15px;} .cpshownews li:nth-child(3n){margin-right:0px;} .cpshownews li.noMl{ margin-right:0;} .cpshownews li img{ display:block; border:1px solid #d3d3d3; width:288px ;height: 189px;} .cpshownews li h4{ line-height:16px; margin-top:6px; margin-bottom:8px;text-align:center;} .cpshownews li h4 a{ font-size:16px; color:#333;} .cpshownews li p{ font-size:13px; color:#666; line-height:28px; overflow:hidden;} .cpshownews li span{ display:block; overflow:hidden; margin-top:8px;} .cpshownews li span .zx{ float:left; width:103px; height:40px; line-height:40px; text-align:center; font-size:13px; color:#fff; text-decoration:none; border-left:3px solid #333; background:#666;} .cpshownews li span .xq{ float:right; font-size:13px; color:#666; margin-top:14px;} .cpshownews li img:hover{ border-color:#f9770a;} .cpshownews li:hover h4 a{ color:#f9770a; } /*newsCont*/ .newsCont{ background:#ececec; overflow:hidden;} .newsCont .container{ background:#fff; margin-top:20px;} .newsCont .nnBox{ padding:0 20px;} .ntop{ overflow:hidden; padding-top:28px; padding-bottom:9px; border-bottom:1px solid #dbdbdb;} .ntop>h5{ float:left; font-weight:normal; line-height:20px;} .ntop>h5>a{ font-size:20px; color:#003366;} .ntop span{ float:right; line-height:20px;} .ntop span em{ color:#999;} .ntop span a{ color:#999;} /*xzCont*/ .xzCont{ margin-top:20px; padding-bottom:54px;} .xzCont dl{ overflow:hidden; padding:20px; background:#ececec;} .xzCont dt{ float:left;} .xzCont dt img{ display:block;} .xzCont dd{ margin-left:234px;} .xzCont dd h5{ font-weight:normal; line-height:16px; margin-bottom:12px;} .xzCont dd h5 a{ font-size:16px; color:#133a58;} .xzCont dd p{ font-size:13px; line-height:23px; height:69px; overflow:hidden;} .xzCont dd>a{ display:block; width:90px; height:30px; line-height:30px; text-align:center; font-size:13px; color:#ececec; text-decoration:none; background:#777777; margin-top:32px;} .xzCont ul{ overflow:hidden;} .xzCont li{ float:left; width:421px; padding:20px; border:1px solid #ececec; border-left-width:3px; margin-right:10px; margin-top:10px;} .xzCont li.noMl{ margin-right:0;} .xzCont li h5{ font-weight:normal; line-height:16px; margin-bottom:15px;} .xzCont li h5 a{ font-size:16px; color:#003366;} .xzCont li p{ font-size:13px; color:#666; line-height:23px; height:46px; overflow:hidden;} .xzCont li:hover{ border-color:#0c4da1;} .boxclass{ width: 100%; height: auto; overflow: hidden; } .title_ { text-align: center; position: relative; width: 100%; height:auto; } .title_ > h2 { font-size: 32px; color: #940505; line-height: 32px; font-weight: 600; position: relative; -webkit-transition: all .65s ease; transition: all .65s ease; overflow: hidden; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; letter-spacing: 1px; height: 40px; margin-top: 30px; } .title_ > h2 span { color: #15A9A9; } .title_ .en_title { text-transform: uppercase; color: #999; font-size: 14px; width: 100%; top: 46px; -webkit-transition: all .65s ease; transition: all .65s ease; overflow: hidden; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } .title_ .en_title > span { position: relative; } .title_ .en_title > span:after { width: 28px; height: 1px; background: #999999; position: absolute; content: ''; right: -35px; top: 50%; } .title_ .en_title > span::before { width: 28px; height: 1px; background: #999999; position: absolute; content: ''; left: -35px; top: 50%; } .video ul { position: relative; z-index: 8888; } .video ul li { height: 440px; background-color: #fff; margin-bottom: 30px; width: 50%; float: left; } .video ul li:hover { -webkit-box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.05); } .video ul li > div { height: 100%; margin: 30px; height: 380px; padding-top: 30px; } .video ul li > div > div { height: 100%; float: left; } .video ul li > div > div:first-child { width: 100%; position: relative; cursor: pointer; } .video ul li > div > h3{text-align: center;font-size: 18px;font-weight: bold; line-height: 40px;} .video ul li > div > div:first-child >div{ position: absolute; top: 50%; left: 50%; margin-left: -40px; margin-top: -40px; height: 80px; width: 80px;; z-index: 9; } /* .video ul li > div > div:first-child:After{ position: absolute; width: 64px; height: 64px; left: 0; top :0; right: 0; bottom: 0; margin: auto; content: ''; background-image: url(../imgs/play.png); z-index: 62; } */ .video ul li > div > div:last-child { width: 100%; } .video ul li > div > div:last-child h2 { font-size: 24px; font-weight: 600; color: #333; width: 50%; padding-top: 50px; padding-bottom: 20px; position: relative; } .video ul li > div > div:last-child h2::after { position: absolute; width: 50px; height: 4px; background: #b92822; left: 60px; bottom: 0; content: ''; } .video ul li > div > div:last-child h2, .video ul li > div > div:last-child p { padding-left: 60px; } .video ul li > div > div:last-child p { font-size: 16px; color: #666; line-height: 28px; } .mask_open{ height: 100% } .video_container{ position: fixed; width: 1200px; height: 675px; left: 0; top: 0; bottom: 0; right: 0; margin: auto; transform: translateY(100%); opacity: 0; transition: all 1s ease; z-index: 99999999; background-color: #fff; } .video_show{ transform: translateY(0%); opacity: 1; } .video_container iframe{ width: 100%; height: 100%; object-fit: fill; } #close{ position: absolute; right: -40px; top: -10px;; font-size: 34px; color: #088530; cursor: pointer; background-color: #fff; } .mask__2{ position: fixed; width: 100%; height: 0%; background-color: rgba(0,0,0,0.5); left: 0; top: 0; z-index: 888; transition: all 1s ease; } .mask__{ position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); left: 0; top: 0; z-index: 888; } .qrcode_{ text-align: center; position: fixed; width: 150px; height: 150px; text-align: center; padding-top: 20px; top: 0; left: 0; bottom: 0; right: 0; margin: auto; z-index: 999; transition: all .8s ease; } .display_{ transform: scale(0) } .hide{ display: none } .qrcode_ img{ width: 120px;; } .qrcode_ p{ font-size: 16px; color: #fff; line-height: 30px; } [data-loader=arrow-circle] { width:120px; height:120px; position:absolute; top:0; left:0; bottom: 0; right: 0; margin:auto; } .circle{ position: absolute; -webkit-animation:arrow-circle infinite 2s linear; -moz-animation:arrow-circle infinite 2s linear; -o-animation:arrow-circle infinite 2s linear; animation:arrow-circle infinite 2s linear; left: 0;top: 0; z-index: 9; } @-webkit-keyframes arrow-circle { 0% { -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg) } 100% { -webkit-transform:rotate(0); -ms-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0) } } @-moz-keyframes arrow-circle { 0% { -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg) } 100% { -webkit-transform:rotate(0); -ms-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0) } } @-o-keyframes arrow-circle { 0% { -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg) } 100% { -webkit-transform:rotate(0); -ms-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0) } } @keyframes arrow-circle { 0% { -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg) } 100% { -webkit-transform:rotate(0); -ms-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0) } } .loading{ position: fixed; z-index: 99999999999999; background-color: #fff; width: 100%; height: 100%; top: 0; right: 0; transition: all 1s ease } .loading.loaded { width: 0; } .loading.loaded div{ opacity: 0; } .status { display: none; } .left, .right { fill: #FFF; transition: all .5s; } .play_btn:hover svg .left { d: path('M0 1 0 49 10 49 10 1Z') ; } .play_btn:hover svg .right { d: path('M35 0 35 50 25 50 25 0Z') ; } path{ pointer-events:all; transition: all .8s ease } .time_line{ position: absolute; left: 50%; top: 50%; margin: auto; margin-top: 100px; height: 30; margin-left: -80px; width: 180px;; } .lcbox{width: 1220px; margin-left: auto; margin-right: auto; background-color: #fff; padding: 20px 60px 0px 60px; box-sizing: border-box;} .lcbox h3{ margin-top: 10px; margin-bottom: 15px;width: 100%; height: auto; overflow: hidden;} .lcbox ul{ width: 100%; height: auto; overflow: hidden;} .lcbox ul li i { display: block; width: 28px; height: 28px; line-height: 28px; text-align: center; color: #fff; border: 1px #999 solid; border-radius: 2px; float: left; margin: 7px 15px 0 0; background-color: #e40f0f; } .lcbox ul li{ line-height: 40px; font-size: 16px; width: 100%;float: left;} .lcbox p{ width: 200px;height: 35px; margin-top: 20px; border-radius: 20px; line-height: 35px; font-size: 16px; text-align: center; background-color: #B92822; color: #fff;} .ghbox{ width: 1220px; margin-left: auto; margin-right: auto; background-color: #fff; padding: 20px 60px 20px 60px; box-sizing: border-box;} .ghbox .ghtop{ width: 100%; margin-left: auto; margin-right: auto; line-height: 25px; font-size: 14px; background-color: #d8d7d7; padding: 15px;box-sizing: border-box; } .part4main{ width:1120px; margin:20px auto;line-height:26px; position:relative;} .part4main .case { width: 100%; position: relative; } .part4main .case dl { width: 55%; height: 135px; border: #898a86 1px dashed; border-left: #535353 4px solid; border-right: #535353 4px solid; margin-bottom: 8px; } .part4main .case dl dt { height: 16px; border-left: #db4437 5px solid; margin-left: 7px; margin-top: 12px; line-height: 16px; text-indent: 6px; } .part4main .case dl dd { width:100%; font-size: 13px; line-height: 26px; margin-left: 7px; margin-top: 15px; padding: 10px; box-sizing: border-box; } .part4main .caseimg { height: 440px; position: absolute; right: 0px; top: 0; } #case1 { height: 145px; } #case2 { height: 165px; } .part4main .casexian { width: 1px; height: 467px; border-left: #db4437 1px solid; position: absolute; left:58%; margin-left: auto; margin-right: auto; } .part4main #caseico { width: 16px; height: 16px; background: url(../images/caseico.png) no-repeat; position: absolute; left:58%; top: 61px; margin-left: auto; margin-right: auto; } .HotSale{ width:1098px; height:410px; overflow: hidden; border:1px #9f0719 solid; border-top:2px #9f0719 solid; border-bottom:2px #9f0719 solid;margin-left: auto;margin-right: auto; margin-top: 30px;} .hd ul li{width:20%;height:34px; box-sizing: border-box; border-right:2px #9f0719 solid; border-bottom:1px #9f0719 solid; float:left;text-align:center; line-height:34px;} .hd{width: 100%;height: auto;overflow: hidden;} .hd ul li.on{ background:#9f0719; color:#FFF; cursor:pointer;} .hd ul li.noborder{ border-right:0;width:20%;} .HotSaleMain{ width:1100px; height:auto;margin-top:2px;position:relative; color:#3e3a39;} .HotSaleIco{ width:40px; height:40px; background:url(../images/hotsaleico.png);position:absolute; left:330px; top:104px; cursor:pointer;} .HotSaleImg{ width:57%; height:auto; position:absolute; left:407px; overflow:hidden;margin-top:10px;} .HotSaleImg img{ max-width: 100%; width: 100%; border: 0 none; vertical-align: middle; } .HotSaleImg video { max-width: 100%; width: 100%; border: 0 none; vertical-align: middle; } .HotSaleMain h2 a{ font-size:18px; height:60px; line-height:60px; font-weight:normal; margin-left: 15px;} .tuijian{ width:300px; height:26px; line-height:26px; background:url(../images/tuijianico.png) no-repeat 0px;} .canshu{ width:300px; margin-top:9px; margin-left: 15px;line-height: 30px;} .ghdec{width: 100%;height: auto; overflow: hidden;} .ghdec ul li{ width: 100%;float: left;height: auto; overflow: hidden; margin-top:15px; margin-bottom: 15px;} .ghdec ul li span{float: right; width: 50%;margin-top: -60px;} .ghdec ul li .wzbox{float: left;width: 50%;} .ghdec ul li span img { max-width: 100%; width: 100%; border: 0 none; vertical-align: middle; } .ghdec ul li:nth-child(2n+1) span{ float: left; width: 50%;margin-top: -60px; } .ghdec ul li:nth-child(2n+1) .wzbox{float:right;width: 45%; margin-left: 5%;} .ghdec ul li h3{ line-height: 80px;font-size: 20px;position: relative; width: 100%; height: auto; overflow: hidden; } .ghdec ul li h3 i{ display: inline-block; color: #cf1919; font-size: 40px; font-weight: bolder; position: relative; float: left; } .ghdec ul li h3>div{ z-index:2; position: absolute; padding-left: 50px; } .ghdec ul li h3 i:after{ display: inline-block; width: 0; height: 0; border-left: 100px solid transparent; border-right: 100px solid transparent; border-bottom: 60px solid #fff; position: absolute; content: ""; bottom: -10px; right: -130px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ghdec ul li p{line-height: 30px;font-size: 16px;} .mpbox{ margin-top:40px;} .mpbox h3{font-size:20px; margin-bottom:20px} .mpbox li{line-height:35px} .rtoplm{width:1002px; height: auto; margin-left: auto; margin-right: auto; margin-top:35px; margin-bottom:55px;overflow: hidden;} .rtoplm a{float:left; width:21%; height:45px; background-color: #bebebe;color:#000; line-height:45px;display:block;text-align:center; margin-right:2%;margin-left:2%; box-sizing: border-box; border-radius: 20px;font-size: 20px;} .rtoplm a:hover{ background-color: #ED5F05;color:#fff;} .rtoplm a:active{ background-color: #ED5F05;color:#fff;} .rtoplm a.news_active{ background-color: #ED5F05;color:#fff; } .rtoplm2{width:100%; height: auto; margin-left: auto; margin-right: auto; margin-top:35px; margin-bottom:55px;overflow: hidden;} .rtoplm2 a{float:left; width:12.6666%; height:45px; background-color: #bebebe;color:#000; line-height:45px;display:block;text-align:center; margin-right:2%;margin-left:2%; box-sizing: border-box; border-radius: 20px;font-size: 20px;} .rtoplm2 a:hover{ background-color: #ED5F05;color:#fff;} .rtoplm2 a:active{ background-color: #ED5F05;color:#fff;} .rtoplm2 a.news_active{ background-color: #ED5F05;color:#fff; } .nlist{ float:left; width:230px; background:#fff;} .nlist .nt{ font-weight:normal; padding:18px 0; padding-left:20px; background:#ed5f05 url(hhBg.png) no-repeat 190px center;} .nlist .nt a{ font-size:20px; color:#fff; text-decoration:none;} .nlist .nt p{ font-size:12px; color:#fff; font-family:"Arial"; margin-top:1px;} .nlist>ul{ padding:20px; } .nlist>ul>li{} .nlist>ul>li>a{ display:block; height:40px; line-height:40px; background:url(../images/liBg2.png) no-repeat 167px center; font-size:14px; color:#333; padding:0 18px; text-decoration:none;} .nlist>ul>li>a:hover,.nlist>ulli.cur a{ background:url(../images/liaBg.png) no-repeat center; color:#fff;} .nlist .dphone{ overflow:hidden; background:#333; padding:20px 0;} .nlist .dphone dt{ float:left; background:url(../images/phImg.png) no-repeat center; margin-left:5px; width:62px; height:50px;} .nlist .dphone dd{ margin-left:66px; color:#fff; padding:5px 13px; border-left:1px dotted #5c5c5c;} .nlist .dphone dd span{ font-size:13px;} .nlist .dphone dd p{ font-size:20px; font-family:"Arial";} .story{ margin:40px 0;} .story img{ } /*---人才招聘---*/ .job_top { margin-left:19px; line-height:22px; color:#666; font-size:14px; background:url(../images/ico8.gif) no-repeat 0 8px; text-indent:10px;} .job_top span { color:#ED5F05;} .ljob { width:720px; margin:auto;} .job_con { width:700px; margin:0 auto; background:#F8F8F8 url(job_list_bg.gif) top repeat-x; padding:10px; line-height:20px;} .job_con h4 { background:url(../images/ico13.gif) no-repeat 0 4px; text-indent:18px; height:20px; } .job_con h4 a { color:#ED5F05; } .job_con_tab { width:100%; line-height:25px; color:#333;} .job_con_tab td span { margin-right:15px;} .job_con dt { margin-top:2px;} .job_bot { width:720px; margin:10px auto 0 auto;} /*---网站地图---*/ .map_main { overflow:hidden; border:solid 5px #F0F0F0; margin:10px 0; padding-bottom:10px;background:#fff; } .sitemap_con { width:845px; margin:0 auto; color:#666;} .sitemap_con .map_top { border-bottom:solid 1px #d7d7d7; } .sitemap_con .map_top img { float:left;} .site_r_link { width:120px; margin-top:45px;/*上边界根据需要进行调整*/ border:1px solid #cdcdcd; background:#F8F8F8; padding:5px 10px; float:right; } /*网站地图，显示方式样式，上边界根据需要进行调整*/ .site_plc { background:url(../images/ico27.gif) no-repeat 0 8px; padding:5px 0; text-indent:10px;} .sitemap_con h4 { line-height:30px;} .sitemap_con .site{padding-right:10px;} .b4 { border:solid 1px #E0E0E0;} .b4 ul { padding:0 11px;} .b4 li { float:left ; line-height:25px; width:164px; overflow:hidden; height: 25px; } .b4 li a { color:#666;} .b4 li a:hover { color:#0F6BD6;} /* -- 翻页效果 -- */ .apage { height:25px; line-height:25px; background:#F9F9F9; padding:0 5px; border:solid 1px #d7d7d7; text-align:right;} .apage a { border:1px solid #d4e3e9; padding:0 3px; margin-right:5px;} .apage .num_btns {float:right; font-family:Tahoma;} .apage a:hover, .apage .cur { border:1px solid #D5D5D5;background-color:#ED5F05; color:#fff; text-decoration:none;} .apage .cust_txt { float:left;} .apage .oran_pg_fp { background:url(../images/first_page.gif) 4px 4px no-repeat; padding-right:9px;} .apage .oran_pg_pp { background:url(../images/pre_page.gif) 4px 4px no-repeat; padding-right:5px;} .apage .oran_pg_np { background:url(../images/next_page.gif) 8px 4px no-repeat; padding-right:12px;} .apage .oran_pg_lp { background:url(../images/last_page.gif) 8px 4px no-repeat; padding-right:12px;} .apage select { font-size:8px; margin-top:5px; } .apage .oran_pg_txt { height:15px; border:solid 1px #d4e3e9; width:20px; margin-left:5px;} .apage .oran_pg_btn { height:15px; border:solid 1px #d4e3e9; margin-left:5px; font-size:9px; background:#5984ac; color:#fff; } /* --表单控制样式-- */ .text { height:18px; line-height:18px;} /*网站所有的输入框样式，字体颜色、边框、背景，根据需要自行修改*/ select { height:25px;} /* -- 底部FAQ -- */ /*.botfaq_tit { background:#eee; border-bottom:solid 1px #d7d7d7; border-top:solid 1px #d7d7d7; font-weight:bold; height:25px; line-height:25px; margin-bottom:3px; overflow:hidden;} .botfaq_tit a {width:135px; display:block; float:left; padding-left:15px; }*/ .bottomfaq dl { float:left; width:160px; } .bottomfaq dt { line-height:24px; height:24px; background:#FAF9F5; border:0 solid #d0ccce; border-width:1px 0; font-weight:bold; color:#666; margin-bottom:5px; text-indent:15px;} .bottomfaq dt a { overflow:hidden; width:145px; display:block; } .bottomfaq dd { width:147px; line-height:22px; overflow:hidden; text-indent:15px;} .bottomfaq dl.none_1 a { display:none;} .crumbs2 { height:25px; line-height:25px; font-family:"宋体"; padding-left:10px; color:#666; margin-bottom:5px;} .crumbs2 span { float:right;} .crumbs2 span a { color:#ED5F05; margin-right:10px;} /*产品对品*/ /*--按钮样式--*/ .b01 { background-position:-717px -115px; width:50px; height:20px; line-height:20px; font-size:12px; color:#fff; } .b02 { background-position:-408px -107px; width:127px; height:34px;} .b03 { background-position:-567px -107px; width:127px; height:34px;} .b04 { background-position:-253px -107px; width:127px; height:34px;} .b05 { background-position:-415px -150px; width:115px; height:34px;} .b06 { background-position:-63px -195px; width:127px; height:34px;} .b07 { background-position:-54px -107px; width:171px; height:34px;} .b08 { background-position:-564px -149px; width:143px; height:34px;} .b09 { background-position:-799px -148px; width:139px; height:34px;} .b10 { background-position:-798px -109px; width:143px; height:34px;} .b11 { background-position:-63px -151px; width:149px; height:34px;} .b12 { background-position:-255px -151px; width:115px; height:34px;} .b13 { background-position:-79px -696px; width:70px; height:28px; line-height:28px; color:#fff; font-size:14px; font-weight:bold; } .b14 { background-position:-181px -696px; width:70px; height:28px; line-height:28px; color:#333; font-size:14px; font-weight:bold; } .b15 { background-position:-79px -650px; width:60px; height:24px; line-height:24px; color:#fff; font-size:14px; font-weight:bold; } .b16 { background-position:-184px -650px; width:60px; height:24px; line-height:24px; color:#333; font-size:14px; font-weight:bold; } .b17 { background-position:-793px -257px; width:80px; height:25px; padding-bottom:1px; _line-height:24px; color:#fff; font-size:14px; font-weight:bold; margin-right:10px; } .b18 { background-position:-713px -257px; width:80px; height:24px; line-height:24px; color:#fff; font-size:14px; font-weight:bold;} .b19 { background-position:-882px -294px; width:80px; height:22px; line-height:22px; padding-left:11px; color:#666; } .b20 { background-position:-299px -295px; width:93px; height:22px; line-height:22px; padding-left:11px; color:#666; } .b21 { background-position:-542px -294px; width:80px; height:22px; line-height:22px; padding-left:11px; color:#666; } .b22 { background-position:-394px -294px; width:68px; height:22px; padding-bottom:2px; *padding-top:3px; _padding-bottom:1px; color:#666; font-size:12px; overflow:hidden; text-indent:10px;} .b23 { background-position:-882px -326px; width:82px; height:22px; line-height:22px; padding-left:11px; color:#666; } .b24 { background-position:-454px -253px; width:47px; height:25px; line-height:25px; color:#fff; } .b25 { background-position:-751px -328px; width:58px; height:18px; padding:0px 0 3px 8px; *padding:0px 0 0px 8px; overflow:hidden; } .b26 { background-position:-814px -328px; width:58px; height:18px; padding:0px 8px 3px 0; *padding:0px 8px 0 0; } .b27 { background-position:-518px -254px; width:41px; height:24px; line-height:24px; color:#fff; font-size:14px; font-weight:bold;} .b28 { background-position:-62px -253px; width:78px; height:23px; line-height:25px; padding-left:16px; color:#666; } .b29 { background-position:-267px -254px; width:78px; height:23px; line-height:25px; padding-left:12px; color:#666; } .b30 { background-position:-183px -295px; width:80px; height:22px; line-height:22px; padding-left:11px; color:#666; } .b31 { background-position:-321px -374px; width:94px; height:20px; line-height:20px; color:#666; text-indent:12px; } .b32 { background-position:-588px -250px; width:143px; height:34px;} .b33 { background-position:-255px -201px; width:129px; height:34px;} .b34 { background-position:-740px -295px; width:132px; height:21px; line-height:21px; } .b36 { background-position:-707px -652px; width:71px; height:20px; line-height:20px; color:#fff; } .b37 { background-position:-819px -652px; width:71px; height:20px; line-height:20px; color:#fff; } .b38 { background-position:-241px -435px; width:51px; height:20px; _line-height:20px; padding-bottom:1px; color:#fff; } .b39 { background-position:-79px -616px; width:61px; height:24px; line-height:24px; color:#fff; font-size:14px; font-weight:bold;} .b40 { background-position:-408px -195px; width:127px; height:34px;} .b41 { background-position:-564px -195px; width:127px; height:34px;} .b42 { background-position:-321px -337px; width:75px; height:24px;} .b43 { background-position:-403px -337px; width:75px; height:24px; } .b44 { background-position:-671px -374px; width:127px; height:22px; font-size:12px; color:#666; text-indent:18px; padding-bottom:3px; *padding:0;} .b45 { background-position:-426px -374px; width:111px; height:23px; font-size:12px; color:#fff; text-indent:17px; line-height:23px;} .b46 { background-position:-547px -374px; width:111px; height:23px; font-size:12px; color:#666; text-indent:17px; line-height:23px; border:0; cursor:pointer;} .b47 { background-position:-271px -696px; width:86px; height:29px; color:#B0AEAE; font-size:14px; padding:0px 0 2px 10px; _padding:3px 0 0 10px; margin:10px 0;} .b48 { background-position:-374px -696px; width:86px; height:29px; color:#fff; font-weight:bold; font-size:14px; padding:0px 0 2px 10px; _padding:3px 0 0 10px; margin:10px 0;} .b49 { background-position:-474px -696px; width:122px; height:30px; } .b50b { width:28px; height:32px; background:url(../images/img_5.gif) no-repeat; border:0; cursor:pointer;} .b50 { width:28px; height:32px; background:url(../images/img_6.gif) no-repeat; border:0; cursor:pointer;} .b51 { width:28px; height:32px; background:url(../images/img_7.gif) no-repeat; border:0; cursor:pointer;} .b52 { width:28px; height:32px; background:url(../images/img_8.gif) no-repeat; border:0; cursor:pointer;} .b53 { width:68px; height:23px; background:url(../images/b53.gif) no-repeat; border:0; cursor:pointer; line-height:23px; padding-left:17px; color:#666; font-size:12px;} .b54 { width:68px; height:23px; background:url(../images/b54.gif) no-repeat; border:0; cursor:pointer; line-height:23px; padding-left:17px; color:#fff; font-size:12px; } .b55 { width:85px; height:20px; color:#9C6060; background:url(../images/b55.gif) no-repeat; border:0; cursor:pointer; font-size:12px; padding-left:12px; padding-bottom:3px; *padding-bottom:0; } .b56 { width:72px; height:20px; color:#9C6060; background:url(../images/b56.gif) no-repeat; border:0; cursor:pointer; font-size:12px; padding-left:12px; padding-bottom:3px; *padding-bottom:0; } .b57 { width:82px; height:20px; color:#9C6060; background:url(../images/b57.gif) no-repeat; border:0; cursor:pointer; font-size:12px; padding-left:12px; padding-bottom:3px; *padding-bottom:0; } .b58 { width:82px; height:20px; color:#9C6060; background:url(../images/b58.gif) no-repeat; border:0; cursor:pointer; font-size:12px; padding-left:12px; padding-bottom:3px; *padding-bottom:0; } .b59 { width:78px; height:24px; color:#fff; background-position:-537px -435px; border:0; cursor:pointer; font-size:12px; padding-bottom:3px; *padding-bottom:0; padding-top:0; *padding-top:3px;} .b60 { width:92px; height:24px; color:#000;background-position:-625px -435px; border:0; cursor:pointer; font-size:12px; padding-bottom:3px; *padding-bottom:0; padding-top:0; *padding-top:3px;} .b61 { width:67px; height:24px; color:#fff; background-position:-384px -435px;border:0; cursor:pointer; font-size:12px; padding-bottom:3px; *padding-bottom:0; padding-top:0; *padding-top:3px;} .b62 { width:67px; height:24px; color:#fff; background-position:-461px -435px; border:0; cursor:pointer; font-size:12px; padding-bottom:3px; *padding-bottom:0; padding-top:0; *padding-top:3px;} .b63 { width:95px; height:24px; color:#fff; background:url(../images/b63.gif) no-repeat; border:0; cursor:pointer; font-size:12px; padding-bottom:3px; *padding-bottom:0; padding-top:0; *padding-top:3px;} .b64 { width:56px; height:24px; color:#fff; background:url(../images/b64.gif) no-repeat; border:0; cursor:pointer; font-size:12px; padding-bottom:3px; *padding-bottom:0; padding-top:0; *padding-top:3px;} /*修改后的样式（产品详细展示页面的颜色，尺寸样式）*/ .pro_kuang { color:#666; font-family:"宋体";margin-top:4px;} .none{ padding-left:36px;} .pro_kuang p{float:left;margin-left:5px;*margin-left:3px;} .pro_kuang ul{padding-left:36px;} .pro_kuang li{float:left; line-height:20px; padding-right:2px; height:30px; overflow:hidden;} .pro_kuang li .img{width:27px; height:27px; display:inline-block; background:url(../images/color.gif) no-repeat; border:0;} .pro_kuang a { width:25px; height:25px; display:inline-block; border:solid 1px #444; text-align:center; line-height:25px;*line-height:25px; margin-left:3px; overflow:hidden;} .pro_kuang a:hover, .pro_kuang .cur { text-decoration:none; color:#666; background:#F5F5F5; } .pro_kuang .sm { border:0; color:#006CE0; text-decoration:underline; width:auto;} .pro_kuang .sm:hover { text-decoration:underline; background:none;color:#f60;width:auto;} .pro_kuang p .fl { width:36px; float:left; display:block; vertical-align:middle; text-align:center; } .pro_kuang a:hover { width:27px; height:27px; display:inline-block; background:url(../images/color.gif) no-repeat; border:0;} .pro_kuang a:hover img, .pro_color a.kuang img { display:block; position:fixed; bottom:0; right:0;} /*网站地图的头部样式*/ .topbar { background:url(../images/topbar.gif) repeat-x; line-height:30px; } .top_con { width:930px; margin:0 auto;} .top_con a { margin:0 4px;} .top_con a.cur { color:#e67817; text-decoration:underline;} .top_call { font-size:14px; font-weight:bold; margin-left:15px; margin-right:25px; } .top_con_nav a { color:#0066FF;} /*详细属性开始*/ .proinfo .nr_list { clear:both; padding-top:12px; margin-bottom:10px;} .proinfo .nr_list ul{ padding-left:6px;} .proinfo .nr_list ul li{float:left; height:25px; width:220px; overflow:hidden;} /*详细属性结束*/ /*配套产品*/ .pei .tit{ width:682px; height:28px; line-height:28px; background:#EDEDED;} .pei .tit h4 { float:left; padding-left:12px;color:#F4870F;} .pei .tit span a{ float:right; color:#F4870F; font-weight:bold; padding-right:8px;} .pei .nr dl{ width:154px; height:84px; overflow:hidden; float:left; padding:6px 8px 4px 7px;} .pei .nr dt{ float:left; width:74px; height:74px; line-height:0; font-size:0; } .pei .nr dt img{ width:70px; height:70px; padding:1px; border:1px solid #D5D5D5;} .pei .nr dd{ width:75px; padding-left:5px; float:left;} .pei .nr dd a{ font-weight:bold; display:block; width:78px; height:18px; line-height:18px; display:block; overflow:hidden; color:#666; } .pei .nr dd span{ width:75px; height:54px; line-height:18px; display:block; overflow:hidden; margin:3px 0 5px 0;} /*方案服务新样式*/ .look_project { text-align:center;width:675px; float:left; margin:10px 10px;} .look_project input { margin:0 4px; height:23px;} .pagingNav{padding:5px 10px; } .pagingNav p{height:30px; line-height:30px;} .pagingNav .uls{margin-top:-30px; overflow:hidden;} .pagingNav .uls span{float:left; margin-left:5px; padding:0 10px; height:28px; line-height:28px; border:1px solid #ccc;background-color:#ED5F05;color:#fff; text-decoration:none;float:left} .pagingNav .uls a{float:left; margin-left:5px; padding:0 10px; height:28px; line-height:28px; border:1px solid #ccc; text-decoration:none;float:left} .pagingNav .uls a:hover , .pagingNav .uls a.thisclass{background-color:#ED5F05; border-color:#ED5F05; color:#fff;} .pagingNav .uls .tBtn:hover{background-color:inherit; color:inherit; *background-color:transparent; *color:#666;} .relevant{border: 1px solid #e5e5e5; margin-top: 20px;} .relevant .title3{height: 40px; line-height: 40px; border-bottom: 1px solid #e5e5e5; padding: 0 10px; overflow: hidden;} .relevant .title3 h3{display: inline; color: #f00; font-size: 18px; font-weight: bold;} .relevant .title3 .tag{display: inline; color: #676767;} .relevant .title3 .tag a{margin-right: 10px; color: #676767;} .relevant .title3 .back{float: right; padding-right: 20px; background-image: url(../images/back.gif); background-repeat: no-repeat; background-position: right center;} .relevant .contentlist{padding: 10px 20px;overflow: hidden;} .relevant .contentlist ul{width:100%;} .relevant .contentlist ul li{float: left; width:30%; height: 30px; line-height: 30px; padding-left: 20px;background: url(../images/ico4.png) no-repeat left center; margin-right:1%; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;} .relevant .contentlist ul li:hover{transform: translateX(10px); -webkit-transform: translateX(10px);} .relevant .contentlist ul li a{color: #676767; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} /*内页友情连接*/ .link2{ border:1px solid #d7d7d7; padding:5px 10px; line-height:22px; color:#555; margin-bottom:10px;} .link2 a{ padding:0 8px;} .link3{ border:1px solid #d7d7d7;width:752px; padding-bottom:10px; margin-bottom:10px; } .link3 li{ float:left; width:114px; height:44px; line-height:0; font-size:0; padding:10px 0 0 10px;} .link3 li img{ width:110px; height:40px; padding:1px; border:1px solid #d7d7d7;} .sp-title{width:100%;height:40px;border:none;line-height:25px;overflow:hidden;color:#444;margin-right:2px;margin-bottom: 20px;} .sp-title li{ width:100%; height:42px; line-height:42px; background:#E2E2E2; float:left; overflow:hidden;} .sp-title li a{ font-size:15px; color:#333333; } .sp-title li .yqljsq{ float:left;margin-left:15px; font-size:15px;} .sp-title li .yqljck{ float:right;margin-right:15px;} .ipt-txt{line-height:15px; padding:4px 5px;border-width:1px;border-style:solid;border-color:#666 #BBB #BBB #666;font-size:12px;margin-right:2px;} /*标准系统新增样式 0303*/ .news_ad{ width:275px; height:275px; margin-bottom:10px;} .news_ad img{ width:271px; height:271px; padding:1px; border:1px solid #d7d7d7;} .gduo{ height:60px; line-height:30px; background:#f7f7f7; overflow:hidden; margin:15px 0px; padding:0 10px;clear:both;width:98%;float:left;} .gduo p{margin:0px;} .gduo span{ float:right; width:320px; overflow:hidden; height:30px; display:block;} .gduo a{ font-weight:bold;} .ks5{ border:1px solid #d7d7d7; width:450px; height:80px; margin-top:10px;} /*yqlj20161008*/ .formbox table tbody tr td input{height:20px;} .formbox{ font-size:14px;} .formbox table tbody tr td input,.formbox table tbody tr td textarea{width: 300px;padding: 5px;} .formbox table tbody tr td input.b18{width: 80px; height:30px;} .formbox em { display: block; width: 317px; height: 34px; position: relative; } .formbox .sc { display: block; z-index: 2; width: 16px; height: 15px; background: url(Common/tj.png) no-repeat center; position: absolute; right: 10px; top: 9px; } .miaoshu{ padding:10px 10px 0 10px; text-indent:35px; color: #333; line-height:180%;} .nor_tab { width:100%; border:solid 1px #ccc; margin-bottom:10px;} .nor_tab th { font-weight:bold; text-align:center; background:#f9f9f9;border:solid 1px #ccc; padding:6px 0;} .nor_tab td { padding:5px; border:solid 1px #ccc;} ul.t05_ul table { *margin-left:-15px;}/*滚动板IE补丁*/ .kq99billpay { background:url(../images/99bill_pay.gif); height:31px; width:176px; border:0; cursor:pointer; font-size:14px; font-weight:bold;} #div___________Perm{width:2000px;height:3000px;background:#fff;padding:30px;position:absolute;top:0;left:0;color:#000;z-index:999999;} .imt {color:Red;} .info_box {border:solid 1px #f58d12; background:#fff2db; padding:5px; margin-bottom:10px;} .info_box .ib_h { font-weight:bold; font-size:140%; color:#007130;} #nodata { padding:80px; padding-left:150px; border:solid 1px #eee;margin:10px 0; background:url(../images/nodata.gif) no-repeat 20px 20px;} /* -- 弹出窗口 -- */ #mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;} #mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;} #mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;} #mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; } #mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;} #mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;} #mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;} /*处理中动画占全屏*/ #oran_div_processing{width:300px;padding:20px;z-index:9999;text-align:center;background:#fffeef;border:solid 1px #b8ab04;} /*注册*/ .register_tab{background:#f6f6f6;width:670px;font-size:14px;margin-bottom:10px;} .register_tab td{padding:10px 5px;} .register_tab cite{display:block;width:200px;font-style:normal;background:#fff8e8;border:solid 1px #ffe7af;padding-left:18px;color:Red;font-size:12px;} .register_tab .icon_cln{width:50px;vertical-align:middle;text-align:center;} .register_tab .icon_cln img{display:none;} .register_tab .tr{width:80px;} .register_prof{background:#fffdf0;width:670px;font-size:14px;margin-bottom:10px;border:solid 1px #fed289;color:Gray;} .register_prof td{padding:8px 5px;} .register_prof cite{display:block;width:200px;font-style:normal;background:#fff8e8;border:solid 1px #ffe7af;padding-left:18px;color:Red;font-size:12px;} .register_prof span{font-size:12px;} .register_prof .tr{width:140px;} .blk{display:block;} .p{cursor:pointer;} .p5{padding:5px;} .hid{display:none;} .tfocus {background:#fffdf0;} .error{background:url(../images/verror.gif) 2px 2px no-repeat #fff8e8;border:solid 1px #ffe7af;padding-left:18px} cite { display:block;} .m_form cite{float:left} /*登录*/ .login_tb{} .login_tb td{padding:5px 5px;} .login_tb .tr{width:70px;vertical-align:top;font-size:14px;} /*购物车产品详细页*/ .bgF7F7F7{background:#F7F7F7;} #tbCartProducts td{border:solid 1px #ECECEC;} .quantity_tr{text-align:center;} .quantity_tr input{width:30px;text-align:right;border:solid 1px #ddd;} .quantity_tr a{display:none;text-decoration:underline;} /*购物车支付方式*/ .payment_tab{width:100%; margin-bottom:10px;} .payment_tab tr { cursor:pointer;} .payment_tab .hover { background:#f3f2f2;} .payment_tab td{padding:5px;} .add_info{border:solid 1px #bdbdbd;background:#edecec;padding:10px;margin-bottom:10px;line-height:180%;} /*产品所有分类层*/ #prod_all_columns {z-index:999;display:none;width:557px;} #prod_all_columns h1 {font-size:100%;background:url(../images/all_columns_title.gif); height:19px; line-height:25px; padding-left:10px;height:25px; } #prod_all_columns .close {font-weight:normal;float:right;cursor:pointer;margin-right:8px; line-height:25px;_padding-top:5px;} #prod_all_columns .close img {vertical-align:middle;} #prod_all_columns .columns {border:solid 1px #d5d5d5;border-top:0;background:#fff;height:400px;width:555px;overflow:auto;} #prod_all_columns td {padding:5px;} #prod_all_columns .top_column a {color:orange;font-weight:bold;} #prod_all_columns .top_column img {margin-right:5px;} #prod_all_columns .sub_columns a {line-height:150%;margin-right:15px;background:url(../images/ico12.gif) no-repeat 0 5px;padding-left:10px;} /*收货人地址弹出层*/ .pop_addr{width:557px;} .addr_title {width:547px;font-size:100%;background:url(../images/all_columns_title.gif); line-height:25px; height:25px; padding:0 5px; } .addr_title .close { float:right; margin-top:5px;} .pop_addr .bord {background:#fff;width:555px;height:350px;border:solid 1px #d5d5d5;border-top:0;background:#fff; padding-top:5px;} .pop_addr .cont {height:350px;overflow-y:scroll; } .pop_addr div table .tr {width:100px;} .pop_addr div table td{padding:2px;} .pop_addr .line{font-size:0;overflow:hidden;line-height:0;height:1px;background:#ddd;margin:10px;} #divCartMyAddr{z-index:999;display:none;width:557px;} #divCartMyAddr iframe{width:557px;height:356px;} /*分页控件*/ .apage .cur{ border:1px solid #D5D5D5; padding:0 3px; } /*产品属性*/ .prod_attrs_b{width:246px;height:131px;background:url(../images/attr_form.gif);margin-left:5px;padding:10px;margin-top:5px;overflow:hidden;} .prod_attrs_b h5{border-bottom:solid 1px #eeeded;line-height:16px;margin-bottom:5px;} .prod_attrs_b .prod_attrs_det{width:236px;height:96px;overflow-y:auto;word-break:break-all;} .prod_attrs{width:246px;height:267px;background:url(../images/attr_form_b.gif);margin-left:5px;padding:10px;margin-top:5px;overflow:hidden; margin-bottom:10px;} .prod_attrs h5{border-bottom:solid 1px #eeeded;line-height:16px;margin-bottom:5px;} .prod_attrs .prod_attrs_det{width:236px;height:236px;overflow-y:auto;word-break:break-all;} /*推荐文章（mail）*/ #mailArticle{display:none; border:solid 1px #ccc;} #mailArticle iframe {width:632px;height:602px;overflow:hidden;} .mailprod {width:626px;height:600px;overflow:hidden;border:solid 1px #aaa; background:#fff;} /*拷贝地址*/ #div_nsw_copy_url {width:400px;border:solid 1px #ccc;background:#fff;} #div_nsw_copy_url h1 {background:#f0f0f0;border-bottom:solid 1px #ccc;font-size:14px;padding:3px;} #div_nsw_copy_url h1 a {float:right;font-weight:normal;font-size:12px;} #div_nsw_copy_url .cont {border-top:solid 1px #f6f6f6;padding:10px;} #div_nsw_copy_url .cont textarea {width:380px;height:50px;margin:10px 0;} /*网站公告*/ .anns {} .anns dl {border-bottom:solid 1px #ddd;margin:10px;padding-bottom:5px;line-height:150%;} .anns dl dt {font-weight:bold;} .anns dl .showtime {color:#959595;} /*相关搜索*/ .rele_search {border-top:solid 1px #ddd;margin:5px;line-height:160%;} .rele_search li{float:left;width:150px;} .NewsColumns select{width:130px;} /*图片滚动*/ #img_scroll {overflow:hidden;width:400px;} #img_scroll #imgPrev {float:left;margin-top:25px;cursor:pointer;} #img_scroll #imgNext {float:right;margin-top:25px;cursor:pointer;} #img_scroll #img_list {float:left;width:360px;overflow:hidden; white-space:nowrap;margin-left:10px;} #img_scroll #img_list a {margin-left:10px; } #img_scroll #img_list a img{ padding:8px 3px 3px 3px; } #img_scroll #img_list a.cur img { background:url(../images/smallimgbg1.gif) no-repeat; } #img_scroll #img_list a img.cur { background:url(../images/smallimgbg1.gif) no-repeat; } /*收藏样式修改（mail）*/ #div_fav_cntr{ width:250px; height:135px; overflow:hidden;} /*加码销售*/ .payad_cntr { white-space:nowrap; width:726px; overflow:hidden ;} .sale_prom_info { background:#fffada; border:solid 1px #f00; padding:5px; line-height:150%; color:#535353;} .msg_li______ li { background:url(../images/ico6.gif) no-repeat 0 8px; padding-left:14px;} /*邀请注册*/ .invitation_2 { background:url(../images/u_invitation.gif) no-repeat 0 10px; padding:20px; padding-left:150px; border:solid 1px #ccc; line-height:200%; margin-bottom:10px;} li.sub_column { margin-left:10px;} li.sub_column li { padding-left:10px;border-bottom:none} li.sub_column li.cur { background:url(../images/ico7.gif) no-repeat 0 10px; padding-left:10px; font-weight:bold;} li.sub_column li.cur a { color:#fa8d0d;} .t05_ul li.cur a {font-weight:bold;color:#fa8d0d;} /*资料完整率*/ .prof_rate { border:solid 1px #f58d12; background:#fff2db; width:600px;} .prof_rate td { padding:5px;} .prof_rate td.rate { width:500px;} .prof_rate td.rate div.r_cntr {border:solid 1px #0068b7; width:490px; } .prof_rate td.rate div.r_cntr div { padding:0 5px; background:#a7e2fe;} /************分页样式开始******************************/ .vc { word-break: break-all;overflow: visible;line-height: 2;} .vc a.o:link, .vc a.o:visited{ margin: 0 4px;padding: 3px 6px 1px;border: 1px solid #ddd;text-decoration: none;background: #fff;} .vc a.o:hover{ border: 1px solid #049;text-decoration: none;} .ob { margin: 0 4px;padding: 3px 6px 1px;border: 1px solid #ddd;text-decoration: none;background: #fff;} .obg { margin: 0 4px;padding: 3px 6px 1px;border: 1px solid #ddd;text-decoration: none;background: #f00;color: #fff;} /***************分页结束****************************/ .n_info_con a.keys{ color:Blue; text-decoration:underline;} /*加码销售样式*/ .payad { color:#666; padding-top:15px; } .payad1 { background:url(../images/ad_bg.gif); height:80px; overflow:hidden; padding:24px 0 0 0; } .payad1 p { padding-left:60px; line-height:22px; } .payad1 p span { color:red; } .payad1 p a.m { color:#FE7101; font-weight:bold; text-decoration:underline; } .payad1 p a.m:hover { color:#e00; } .payad2 { background:#F6F6F6; padding:5px; height:134px; overflow:hidden; } .pl , .pr { width:12px; float:left; } .pm { width:692px; float:left; } .pm dl { width:330px; float:left; display:inline; margin:16px 0 0 11px; } .pm dt { width:100px; height:100px; border:1px solid #E4E4E4; background:white; overflow:hidden; float:left; } .pm dt img { width:100px; } .pm dd { width:220px; float:right; } .pm dd.tit { overflow:hidden; white-space:normal; } .pm dd.tit a { color:#04d; font-size:14px; } .pm dd.con { height:45px; overflow:hidden; margin:7px 0; } .pm dd.btn a { font-weight:bold; color:#E87917; text-decoration:underline; } .pm dd.btn a:hover { color:#e00; } .pm dd.btn input { vertical-align:text-bottom; } .des_pic { width: 100%; height: auto; text-align: center; } .des_pic p{margin-bottom: 10px;} .des_pic img{max-width: 100%;} .Company_Profile { width:1220px; margin-left:auto; margin-right:auto; background-color: #fff; padding: 1px 0 1px 0; } .Company_Profile > div { margin: 50px; } .Company_Profile > div .text_ { overflow: auto; line-height: 30px; font-size: 16px; color: #666; } .Company_Profile > div .text_ img { float: right; margin-left: 50px; width: 600px; } .Company_Profile > div .text_ p { margin-bottom: 20px; text-indent: 2em; } .Company_Profile > div .text_ .about_t { position: relative; padding-top: 30px; padding-bottom: 12px; color: #b92822; font-size: 24px; text-indent: 0em; } .Company_Profile > div .text_ .about_t:After { position: absolute; content: ''; width: 39px; height: 4px; background: #b92822; left: 0; bottom: 0; } .Company_Profile > div .icon_ { border-top: 1px solid #ccc; padding-top: 45px; } .Company_Profile > div .icon_ ul { height: 160px } .Company_Profile > div .icon_ ul li { float: left; width: 16.6%; text-align: center; } .Company_Profile > div .icon_ ul li:hover div::after { -webkit-animation: sonarEffect 1.3s ease-out 75ms; -moz-animation: sonarEffect 1.3s ease-out 75ms; animation: sonarEffect 1.3s ease-out 75ms; } .Company_Profile > div .icon_ ul li:hover div i { /* color: #fff; */ } .Company_Profile > div .icon_ ul li > div { margin: 0 auto; width: 88px; height: 88px; border-radius: 50%; border: 1px solid #b92822; position: relative; } .Company_Profile > div .icon_ ul li > div:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; content: ''; top: 0; left: 0; padding: 0; z-index: -1; box-shadow: 0 0 0 2px #b92822; opacity: 0; -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } @-webkit-keyframes sonarEffect { 0% { opacity:.3 } 40% { opacity:.5; box-shadow:0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #b92822, 0 0 0 10px rgba(255, 255, 255, .5) } 100% { box-shadow:0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #b92822, 0 0 0 10px rgba(255, 255, 255, .5); -webkit-transform:scale(1.5); opacity:0 } } @-moz-keyframes sonarEffect { 0% { opacity:.3 } 40% { opacity:.5; box-shadow:0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #b92822, 0 0 0 10px rgba(255, 255, 255, .5) } 100% { box-shadow:0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #b92822, 0 0 0 10px rgba(255, 255, 255, .5); -moz-transform:scale(1.5); opacity:0 } } @keyframes sonarEffect { 0% { opacity:.3 } 40% { opacity:.5; box-shadow:0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #b92822, 0 0 0 10px rgba(255, 255, 255, .5) } 100% { box-shadow:0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #b92822, 0 0 0 10px rgba(255, 255, 255, .5); transform:scale(1.5); opacity:0 } } .Company_Profile > div .icon_ ul li > div i { font-size: 45px; line-height: 88px; color: #b92822; position: relative; z-index: 6; } .Company_Profile > div .icon_ ul li p { font-size: 22px; font-weight: 600; padding-top: 20px; padding-bottom: 20px; } .Corporate_Culture { background-color: #fff; padding: 1px 0px 1px 0; width:1220px; margin-left:auto; margin-right:auto; } .Corporate_Culture > div { margin:10px 50px 50px 50px ; position: relative; background-image: url(../imgs/inner/bg.jpg); background-size: 100%; background-position-y: bottom; margin-bottom: 0; padding-bottom: 50px; } .Corporate_Culture > div .swiper-pagination-switch { display: inline-block; width: 16px; height: 16px; border-radius: 16px; background: #ccc; margin-right: 8px; cursor: pointer; -webkit-transition: 300ms; transition: 300ms; /* opacity: 0; */ position: relative; /* top: -50px; */ } .Corporate_Culture > div .swiper-visible-switch { opacity: 1; top: 0; background: #aaa; } .Corporate_Culture > div .swiper-active-switch { background: #b92822; } .Corporate_Culture > div .Corporate_Culture_slide { height: 680px; position: relative; } .Corporate_Culture > div .Corporate_Culture_slide .swiper-container { height: 640px !important; } .Corporate_Culture > div .Corporate_Culture_slide .swiper-slide { text-align: center; position: relative; } .Corporate_Culture > div .Corporate_Culture_slide .swiper-slide > div { position: relative; height: 100%; margin: 10px; } .Corporate_Culture > div .Corporate_Culture_slide .swiper-slide > div:hover div img { -webkit-transform: scale(1.15); transform: scale(1.15); } .Corporate_Culture > div .Corporate_Culture_slide .swiper-slide > div > div { position: absolute; bottom: 20px; width: 94%; left: 3%; max-height: 420px; overflow: hidden; } .Corporate_Culture > div .Corporate_Culture_slide .swiper-slide h5 { padding-top: 50px; padding-bottom: 12px; position: relative; color: #fff; font-size: 24px; } .Corporate_Culture > div .Corporate_Culture_slide .swiper-slide h5::after { position: absolute; content: ''; width: 160px; height: 1px; background: #ffffff; left: 50%; margin-left: -80px; bottom: 0px; } .Corporate_Culture > div .Corporate_Culture_slide .swiper-slide p { font-size: 18px; line-height: 28px; color: #fff; max-width: 300px; margin: 24px auto; } .Corporate_Culture > div .Corporate_Culture_slide .swiper-slide img { -o-object-fit: cover; object-fit: cover; width: 100%; max-height: 100%; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .Corporate_Culture > div .Corporate_Culture_slide .swiper-slide:nth-of-type(3n) div { background-color: #FBA844; } /* 2 5 8 */ .Corporate_Culture > div .Corporate_Culture_slide .swiper-slide:nth-of-type(3n-1) div { background-color: #B92822; } /* .Corporate_Culture > div .Corporate_Culture_slide .swiper-slide:nth-of-type(2n) div { background-color: #B92822; } */ /* 1 4 7 */ .Corporate_Culture > div .Corporate_Culture_slide .swiper-slide:nth-of-type(3n-2) div{ background-color: #15A9A9; } .last__ { margin-top: 65px; width: 1220px; margin-left: auto; margin-right: auto; } .last__ h5 { position: relative; padding-bottom: 12px; font-size: 30px; color: #b92822; text-align: center; } .last__ h5:After { position: absolute; content: ''; width: 40px; height: 4px; background: #b92822; left: 50%; margin-left: -20px; bottom: 0; } .last__ ul { overflow: auto; padding: 10px; margin-top: 35px; } .last__ ul li { width: 33.3%; text-align: center; float: left; height: 145px; border-radius: 8px; padding-top: 27px; } .last__ ul li:hover { -webkit-box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.08); } .last__ ul li p { font-size: 18px; color: #666; padding-top: 20px; } .last__ ul li span { margin-top: 25px; } .last__ ul li span i { font-size: 45px; color: #b92822; } .history { background-color: #fff; padding-top: 1px; padding-bottom: 1px; position: relative; width:1220px; margin-left:auto; margin-right:auto; } .history .arrow { display: inline-block; width: 36px; height: 48px; background: #b92822; text-align: center; line-height: 48px; position: absolute; top: 40%; margin-top: -24px; z-index: 66; } .history .arrow i { color: #ffffff; } .history .arrow-left { left: 32px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .history .arrow-right { right: 32px; } .history > div { margin: 50px; } .history > div .swiper-wrapper { height: 100%; } .history > div .swiper-slide { width: 100%; height: 100%; overflow: hidden; } .history > div .swiper-slide > div { width: 50%; height: 100%; float: left; } .history > div .swiper-slide > div:last-child { position: relative; background-color: #f7f7f7; } .history > div .swiper-slide > div:last-child > div { position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .history > div .swiper-slide > div:last-child > div p { padding-left: 60px; margin-right: 40px; } .history > div .swiper-slide > div:last-child > div .time_ { font-size: 22px; padding-bottom: 14px; position: relative; color: #b92822; } .history > div .swiper-slide > div:last-child > div .time_ span { font-size: 36px; position: relative; padding-right: 4px; margin-right: 4px; } .history > div .swiper-slide > div:last-child > div .time_ span:after { position: absolute; content: ''; width: 2px; height: 34px; right: -4px; bottom: 6px; -webkit-transform: rotate(18deg); transform: rotate(18deg); background-color: #b92822; } .history > div .swiper-slide > div:last-child > div .time_:after { width: 110px; height: 4px; background: #b92822; position: absolute; content: ""; left: 60px; bottom: 0; } .history > div .swiper-slide > div:last-child > div .his_des { font-size: 18px; line-height: 30px; padding-top: 27px; color: #666; margin-right: 45px; } .history .pagination_history { text-align: center; height: 100px; margin-top: 45px; } .history .pagination_history > div { cursor: pointer; display: inline-block; width: 16.666%; text-align: center; position: relative; margin-left: -4px; } .history .pagination_history > div::after { content: ''; position: absolute; bottom: 5px; left: 50%; margin-left: -50%; background-image: url(../imgs/add/axis.png); background-repeat: repeat-y; background-position: center; width: 100%; height: 16px; } .history .pagination_history > div p { font-size: 24px; color: #999; margin-bottom: 30px; } .history .pagination_history > div span { display: inline-block; width: 16px; height: 16px; border-radius: 50%; background-color: #ccc; position: relative; } .history .pagination_history > div span:After { position: absolute; content: ''; width: 0px; height: 0; border-radius: 50%; -webkit-transition: all .7s ease; transition: all .7s ease; left: 50%; top: 50%; } .history .pagination_history .pagination_active p { color: #b92822; } .history .pagination_history .pagination_active span { background-color: #b92822; } .history .pagination_history .pagination_active span:After { width: 26px; height: 26px; border-radius: 50%; border: 1px solid #b92822; left: -6px; top: -6px; } .honor { background-color: #fff; padding-top: 1px; padding-bottom: 1px; width:1220px; margin-left:auto; margin-right:auto; } .honor > div { margin: 35px; margin-right: 60px; } .honor > div .pagination2 { text-align: center; } .honor > div .pagination2 .swiper-pagination-switch { width: 16px; height: 16px; border-radius: 16px; margin: 0 8px; } .honor > div .swiper-container { padding: 15px 0 15px 0; } .honor > div .swiper-slide > div { width: 33.3%; float: left; height: 100%; text-align: center; background-color: #fff; position: relative; } .honor > div .swiper-slide > div:hover figcaption { color: #b92822; } .honor > div .swiper-slide > div:hover figure { -webkit-box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.08); } .honor > div .swiper-slide > div:last-child { margin-right: 0; } .honor > div .swiper-slide > div:last-child figure { margin-right: 0; } .honor > div .swiper-slide > div figure { background-color: #F2F1F1; margin-left: 10px; margin-right: 10px; } .honor > div .swiper-slide > div figure div { height: 360px; position: relative; } .honor > div .swiper-slide > div figure div img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width: 100%; -o-object-fit: cover; object-fit: cover; max-height: 100%; } .honor > div .swiper-slide > div figure figcaption { height: 82px; line-height: 82px; font-size: 22px; letter-spacing: 1px; color: #333; background-color: #fff; } .honor > div .swiper-slide-active { margin-left: 0; } .show { padding-top: 1px; padding-bottom: 1px; background-color: #fff; width:1220px; margin-left:auto; margin-right:auto; } .show > div { margin: 35px; margin-right: 60px; background-color: #fff; } .show > div .pagination3 { text-align: center; margin-top: 10px; } .show > div .pagination3 .swiper-pagination-switch { display: inline-block; width: 16px; height: 16px; border-radius: 16px; background: #ccc; margin-right: 8px; cursor: pointer; -webkit-transition: 300ms; transition: 300ms; /* opacity: 0; */ position: relative; /* top: -50px; */ } .show > div .pagination3 .swiper-visible-switch { opacity: 1; top: 0; background: #aaa; } .show > div .pagination3 .swiper-active-switch { background: #b92822; } .show > div .swiper-container { height: 900px; padding: 14px 0 14px 0; } .show > div .swiper-container .swiper-slide { opacity: 0; -webkit-transition: all 1s ease; transition: all 1s ease; } .show > div .swiper-container .swiper-slide > div { float: left; width: 33.3%; margin-bottom: 14px; text-align: center; } .show > div .swiper-container .swiper-slide > div figure { background-color: #F2F1F1; margin-left: 10px; margin-right: 10px; } .show > div .swiper-container .swiper-slide > div:hover figure { -webkit-box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.08); } .show > div .swiper-container .swiper-slide > div:hover figcaption { color: #b92822; } .show > div .swiper-container .swiper-slide > div:nth-of-type(3n) { margin-right: 0; } .show > div .swiper-container .swiper-slide > div div { height: 360px; overflow: hidden; } .show > div .swiper-container .swiper-slide div div:hover img{ transform: scale(1.1) } .show > div .swiper-container .swiper-slide > div div img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all .6s ease } .show > div .swiper-container .swiper-slide > div figcaption { font-size: 22px; color: #333; line-height: 82px; height: 82px; background-color: #fff; } .show > div .swiper-container .swiper-slide-active { opacity: 1; } .team { padding-top: 1px; padding-bottom: 1px; background-color: #fff; width:1220px; margin-left:auto; margin-right:auto; } .team > div { margin: 50px; } .team > div .pagination4 { text-align: center; } .team > div .pagination4 .swiper-pagination-switch { width: 16px; height: 16px; border-radius: 16px; margin: 0 8px; } .team > div .swiper-container { /* height: 1000px; */ } .team > div .swiper-slide > div { position: relative; float: left; } .team > div .swiper-slide > div:nth-of-type(1), .team > div .swiper-slide > div:nth-of-type(2) { width: 50%; height: 546px; } .team > div .swiper-slide > div:nth-of-type(1):hover figcaption, .team > div .swiper-slide > div:nth-of-type(2):hover figcaption { color: #b92822; background-color: rgba(255, 255, 255, 0.4); } .team > div .swiper-slide > div:nth-of-type(1) figure, .team > div .swiper-slide > div:nth-of-type(2) figure { margin: 10px; height: 526px; overflow: hidden; position: relative; } .team > div .swiper-slide > div:nth-of-type(1) figure > div, .team > div .swiper-slide > div:nth-of-type(2) figure > div { height: 100%; width: 100%; } .team > div .swiper-slide > div:nth-of-type(1) figure > div img, .team > div .swiper-slide > div:nth-of-type(2) figure > div img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .team > div .swiper-slide > div:nth-of-type(1) figure figcaption, .team > div .swiper-slide > div:nth-of-type(2) figure figcaption { position: absolute; bottom: 0; left: 0; height: 70px; text-align: center; width: 100%; line-height: 70px; font-size: 22px; color: #fff; margin-right: 10px; background-color: rgba(0, 0, 0, 0.4); } .team > div .swiper-slide > div:nth-of-type(3), .team > div .swiper-slide > div:nth-of-type(4), .team > div .swiper-slide > div:nth-of-type(5) { width: 33.33%; height: 360px; } .team > div .swiper-slide > div:nth-of-type(3):hover figure, .team > div .swiper-slide > div:nth-of-type(4):hover figure, .team > div .swiper-slide > div:nth-of-type(5):hover figure { -webkit-box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.08); } .team > div .swiper-slide > div:nth-of-type(3):hover figcaption, .team > div .swiper-slide > div:nth-of-type(4):hover figcaption, .team > div .swiper-slide > div:nth-of-type(5):hover figcaption { color: #b92822; } .team > div .swiper-slide > div:nth-of-type(3) figure, .team > div .swiper-slide > div:nth-of-type(4) figure, .team > div .swiper-slide > div:nth-of-type(5) figure { margin: 10px; height: 100%; } .team > div .swiper-slide > div:nth-of-type(3) figure > div, .team > div .swiper-slide > div:nth-of-type(4) figure > div, .team > div .swiper-slide > div:nth-of-type(5) figure > div { height: 290px; } .team > div .swiper-slide > div:nth-of-type(3) figure > div img, .team > div .swiper-slide > div:nth-of-type(4) figure > div img, .team > div .swiper-slide > div:nth-of-type(5) figure > div img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .team > div .swiper-slide > div:nth-of-type(3) figure figcaption, .team > div .swiper-slide > div:nth-of-type(4) figure figcaption, .team > div .swiper-slide > div:nth-of-type(5) figure figcaption { height: 70px; text-align: center; width: 100%; line-height: 70px; font-size: 22px; color: #333; } .title { text-align: center; position: relative; margin: 50px; width:1220px; margin-left:auto; margin-right:auto; } .title .en_t { position: absolute; width: 100%; top: 0; color: #cccccc; font-size: 40px; left: 0; } .title .cn_t { font-size: 36px; padding-top: 30px; line-height: 36px; padding-bottom: 18px; position: relative; z-index: 6; } .title .cn_t span { color: #15A9A9; } .title .des { font-size: 18px; color: #FBA22E; line-height: 30px; } .title img { position: absolute; } .title .bg_1 { left: 50px; top: -260px; } .title .bg_2 { right: 50px; top: -60px; } .title .bg_3 { left: 50%; margin-left: 250px; top: -50px; } .title .bg_4 { left: 50%; margin-left: -400px; top: -25px; width: 150px; } .title .bg_5 { left: 50%; margin-left: 250px; top: -25px; } .title .bg_6 { left: 50%; margin-left: 250px; top: -15px; width: 110px; } .title .bg_1_0 { left: -50px; top: -260px; } .title .bg_2_0 { right: -150px; top: -20px; } .title .bg_7 { top: -50px; right: -50px; } .title .bg_8 { width: 282px; } .title .bg_9 { top: -50px; right: 0px; } .title .bg_10 { left: 50%; margin-left: 180px; top: -55px; } .line_ { position: relative; padding-bottom: 20px; } .line_::after { width: 48px; height: 4px; background: #fba844; content: ''; position: absolute; left: 50%; margin-left: -28px; bottom: 0; } .hbox { text-align: center; } .pagination { position: absolute; left: 0; text-align: center; bottom: 5px; width: 100%; } .news_title{ width: 100%;text-align: center;margin-top: 20px;} .news_title h1{font-size:28px;text-align: center;} .news_title p{font-size:12px;text-align: center;margin-top: 10px;} @media screen and (max-width:769px){ .part4main .case dl { width: 100%; height: 135px; border: #898a86 1px dashed; border-left: #535353 4px solid; border-right: #535353 4px solid; margin-bottom: 8px; } .part4main .case dl dd { width:100%; font-size: 12px; line-height: 24px; margin-left: 7px; margin-top: 15px; padding:5px 10px; box-sizing: border-box; } .part4main .caseimg { height: 440px; width: 100%; position: relative; right: 0px; top: 0; } .part4main .caseimg img{ max-width: 100%; width: 100%; border: 0 none; vertical-align: middle; } #case1 { height: 185px; } #case2 { height: 205px; } .HotSaleImg{ width:100%; height:auto; position:relative; left:0px; overflow:hidden;margin-top:10px;} .HotSaleMain{ width:100%; height:auto;margin-top:2px;position:relative; color:#3e3a39;} .HotSaleMain h2 a{ font-size:16px; height:40px; line-height:40px; font-weight:normal; margin-left: 15px;} .hd ul li{width:33.3%;height:34px; box-sizing: border-box; border-right:2px #9f0719 solid; border-bottom:1px #9f0719 solid; float:left;text-align:center; line-height:34px;} .ghdec ul li span{float: right; width: 100%;margin-top:0px;} .ghdec ul li .wzbox{float: left;width: 100%;} .ghdec ul li:nth-child(2n+1) span{ float: left; width: 100%;margin-top:0px; } .ghdec ul li:nth-child(2n+1) .wzbox{float:right;width: 100%; margin-left:0;} .HotSale{ width:100%; height:510px; overflow: hidden; border:1px #9f0719 solid; border-top:2px #9f0719 solid; border-bottom:2px #9f0719 solid;margin-left: auto;margin-right: auto; margin-top:15px;} .ptop{ padding: 10px;} .ghbox{ width:100%; margin-left: auto; margin-right: auto; background-color: #fff; padding: 20px 10px 20px 10px; box-sizing: border-box;} .cpshownews li{ float:left; width:100%; margin-bottom:30px; margin-right:0px;} .cpshownews li img{ display:block; border:1px solid #d3d3d3; width:100% ;height:auto;} .topadcsml{width:100%;height: auto; margin-top: 65px;overflow:hidden; text-align:center;} .topadcsml img{ max-width: 100%; width: 100%; border: 0 none; vertical-align: middle; } .topadcsml2{width:100%;height: auto; margin-top: 65px;overflow:hidden; text-align:center;} .topadcsml2 img{ max-width: 100%; width: 100%; border: 0 none; vertical-align: middle; } .rtoplm{width:100%; margin-left: auto; margin-right: auto; margin-top:15px; margin-bottom:25px;} .rtoplm a{float:left; width:46%;margin-right:2%;margin-left:2%;margin-bottom:15px;height:30px; background-color: #bebebe;color:#000; line-height:30px;display:block;text-align:center;font-size: 16px;} .rtoplm2{width:100%; margin-left: auto; margin-right: auto; margin-top:15px; margin-bottom:25px;} .rtoplm2 a{float:left; width:46%;margin-right:2%;margin-left:2%;margin-bottom:15px;height:30px; background-color: #bebebe;color:#000; line-height:30px;display:block;text-align:center;font-size: 16px;} .lcbox{width:100%; margin-left: auto; margin-right: auto; background-color: #fff; padding: 20px 10px 0px 10px; box-sizing: border-box;} .lcbox h3{ margin-top: 10px; margin-bottom: 15px;width: 100%; height: auto; overflow: hidden; font-size: 16px;} .lcbox ul li i { display: block; width: 25px; height: 25px; line-height: 25px; text-align: center; color: #fff; border: 1px #999 solid; border-radius: 2px; float: left; margin: 7px 15px 0 0; background-color: #e40f0f; } .lcbox ul li{ line-height:30px; font-size: 14px; width: 100%;float: left;} .cpMain .container{ margin-top:20px;margin-bottom:80px;padding-bottom:30px; width: 100%;} .proleft { display: none;} .leftr{ display: none;} .cpright{ width:94%; padding:0 2%; background:#fff; float:right;padding-bottom: 20px;font-size:14px} .cpshow li{ float:left; width:48%; margin-bottom:30px; margin-right:4%;} .cpshow li:nth-child(3n){margin-right:0px;} .cpshow li:nth-child(2n+1){margin-right:4%;} .cpshow li:nth-child(2n){margin-right:0;} .cpshow li img{width: 100%;height: auto;} .topadcs{width:100%;height: 300px;margin-top: 65px; margin-bottom:0px;overflow:hidden; text-align:center;} .proinfo p img{width: 100%;height: auto;} .cp dl { width:46%; overflow:hidden; float:left; display:inline; padding: 12px 2% 0 2%; } .cp dt img {width:100%; height:auto; display:block;} .cpshow li h4{ line-height:24px; margin-top:6px; margin-bottom:8px;text-align:center;} .honor { background-color: #fff; padding-top: 1px; padding-bottom: 1px; width:100%; margin-left:auto; margin-right:auto; } .hbox img{width: 100%;} .part4main{ width:100%; margin:20px auto;line-height:26px; position:relative;} .title { text-align: center; position: relative; margin:10px; width:100%; margin-left:auto; margin-right:auto; } .title .en_t { position: absolute; width: 100%; top: 0; color: #cccccc; font-size: 30px; left: 0; } .title .cn_t { font-size: 26px; padding-top: 30px; line-height: 36px; padding-bottom: 18px; position: relative; z-index: 6; } .show { padding-top: 1px; padding-bottom: 1px; background-color: #fff; width:100%; margin-left:auto; margin-right:auto; } .show > div { margin: 15px; margin-right: 0px; background-color: #fff; } .Company_Profile { width:100%; margin-left:auto; margin-right:auto; background-color: #fff; padding: 1px 0 1px 0; } .Corporate_Culture { background-color: #fff; padding: 1px 0px 1px 0; width:100%; margin-left:auto; margin-right:auto; } .Company_Profile > div .icon_ ul li > div { margin: 0 auto; width: 60px; height: 60px; border-radius: 50%; border: 1px solid #b92822; position: relative; } .Company_Profile > div .icon_ ul li > div i { font-size: 30px; line-height: 60px; color: #b92822; position: relative; z-index: 6; } .Company_Profile > div .icon_ ul li p { font-size: 14px; font-weight: 200; padding-top: 20px; padding-bottom: 20px; } .Company_Profile > div { margin:20px; } .Corporate_Culture > div { margin: 20px; position: relative; background-image: url(../imgs/inner/bg.jpg); background-size: 100%; background-position-y: bottom; margin-bottom: 0; padding-bottom: 20px; } .Corporate_Culture > div .Corporate_Culture_slide { height: 380px; position: relative; } .Corporate_Culture > div .Corporate_Culture_slide .swiper-container { height: 340px !important; } .Corporate_Culture > div .Corporate_Culture_slide .swiper-slide h5 { padding-top: 20px; padding-bottom: 12px; position: relative; color: #fff; font-size: 18px; } .last__ { margin-top: 25px; width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 80px; } .last__ ul li p { font-size: 14px; color: #666; padding-top: 20px; } .last__ ul { overflow: auto; padding: 10px; margin-top:15px; } .last__ ul li { width: 33.3%; text-align: center; float: left; height: 145px; border-radius: 8px; padding-top:17px; } .last__ ul li span i { font-size: 30px; color: #b92822; } .Corporate_Culture > div .Corporate_Culture_slide .swiper-slide p { font-size: 14px; line-height: 28px; color: #fff; max-width: 300px; margin: 14px auto; } .team { padding-top: 1px; padding-bottom: 1px; background-color: #fff; width:100%; margin-left:auto; margin-right:auto; } .team > div .swiper-slide > div:nth-of-type(1) figure figcaption, .team > div .swiper-slide > div:nth-of-type(2) figure figcaption { position: absolute; bottom: 0; left: 0; height: 70px; text-align: center; width: 100%; line-height: 70px; font-size: 18px; color: #fff; margin-right: 10px; background-color: rgba(0, 0, 0, 0.4); } }