/*头部样式*/ #header{width:1200px;margin:0 auto;} .logo{float:left;line-height: 131px;} .top-ad{line-height: 131px;margin-left: 32px;} .topLink{float:right;text-align:right;position: relative;z-index: 9999;} .translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;} .tran-in{left:120px;} .translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;} .translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;} .translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;} .translate-en{display: none;padding: 6px;padding-top:0px;} .translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;} .translate li .translate-en a:hover{font-weight: bold;} .topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;} .topLink .k1{line-height:32px;padding-top:5px;} .topLink .k2{margin-top: 44px;} /*热门搜索*/ .ss{background: url(../images/sou.png) no-repeat top center;height: 131px;position: absolute;bottom: -82px;left: 0;right: 0;z-index: 999;} .search{width:1200px;margin: 0 auto;} #formsearch{float:right;width:360px;background: url(../images/ss.png) no-repeat top center;height: 40px;margin-top: 30px;margin-right: 30px;} .hotSearch{width:400px;float:left;height:100px;line-height:100px;font-weight:normal;font-size: 14px;color: #fff;padding-left: 30px;} .hotSearch a{color: #fff;} #search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;} .com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;} .com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;} .com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);} /*主体样式*/ #container{width:1200px;margin:0 auto;margin-top:10px;} .container{width:1200px;margin:0 auto;} .product-index{ margin-top: 100px; } .p-title{ font-size: 26px; color: #004159; text-align: center; background: url(../images/t1.png) no-repeat 50% 8%; padding-top: 35px; line-height: 45px; } .p-title span{ display: block; font-size: 16px; color: #004159; font-weight: normal; } .p-title p{ width:90px; height: 3px; background: #fc1128; margin: 0 auto; margin-top: 18px; } .slide_tab .hd{ margin-top: 36px; } .slide_tab .hd ul{ text-align: center; } .slide_tab .hd ul li{ display: inline-block; background: #dcdcdc; border-radius: 20px; width:248px; margin: 0 15px; } .slide_tab .hd ul li a{ font-size: 18px; color: #004159; line-height: 50px; } .slide_tab .hd ul li.on{ background: #004159; } .slide_tab .hd ul li.on a{ color: #fff; } .slide_tab .bd{ margin-top: 62px; } .product_list1{ margin: 0 -15px; } .product_list1 li{float:left;margin-left:15px;margin-right:15px;_display:inline;border:1px solid #fc2d41; margin-bottom: 37px;} .product_list1 li a.img{} .product_list1 li a.img img{width:374px;height:365px;} .product_list1 li h3{text-align:center;height: 58px;background: #004159;} .product_list1 li h3 a{font-weight:normal;font-size: 21px;color: #fff;line-height: 58px;} .product_list1 li a.img{display:block;} .product_list1 li a.img:hover{border-color:#e87518;} .product_list1 li:hover h3{background: #fc1128;} .reason-title{ width:1920px; position: relative; left: 50%; margin-left: -960px; margin-top: 15px; } .c3a{width: 575px;margin-top: 64px;} .c3b{width: 553px;height: 552px;overflow: hidden;margin-top: 7px;} .c3c{width: 560px;margin-top: -130px;/*height: 532px;*/overflow: hidden;} .c3d{width: 575px;} .c3aa{background: url(../images/ys1.png) no-repeat;} .c3aa1{background: url(../images/y2.png) no-repeat;} .c3dd{background: url(../images/y3.png) no-repeat;} .c3dd1{background: url(../images/y4.png) no-repeat;} .c3-a1{background: url(../images/y2.png) no-repeat left top !important;margin-top: 60px;} .c3-a2{background: url(../images/y3.png) no-repeat left top !important;width: 542px;} .c3-a3{background: url(../images/y4.png) no-repeat left top !important;width: 556px;margin-top: 60px;} .c3-a{font: 600 24px/32px "微软雅黑";color:#fc1128;padding-left: 75px;background: url(../images/y1.png) no-repeat left top;} .c3-a p{font-size: 14px;color: #666666;} .c3-aa{padding-left: 88px;font:400 16px/24px "微软雅黑";color:#555;margin-top: 10px;background: url(../images/dian.png) no-repeat 75px 10px} .heng1{width:1920px;position: relative;left: 50%;margin-left: -960px;margin-top: 56px;} .sys-bg{margin-top: 40px;} .sys-con{border:1px dashed #b5b5b5;margin-top: 32px;padding: 38px 0;} .tab{position:relative;width:222px;float: left; } .tab li{cursor: pointer;background: #eeeeee;margin-bottom: 1px;font-size: 16px;color: #004159;height: 90px;line-height: 90px;text-align: center;} .tab li.cur>a{background:#004159; color:#fff} .tab li a{color: #004159;display: block;} .tab li a:hover{color: #ffffff;} .tab li:hover{background:#004159; color:#fff;} .tab_content{float: right;width:804px;margin-right: 68px;padding-top: 54px;} .tab_content p{font-size: 16px;color: #333;line-height: 30px;/*text-indent: 2em;*/text-align: justify;} .tab_content p:first-child{text-indent: 0;padding-bottom: 25px;} .about-bg{background: #f0f0f0;padding: 40px 0;margin-top: 32px;} .about-con{margin-top: 55px;} .about-left{width:548px;} .about-title{font-size: 16px;color: #004159;text-align: center;} .about-title p{font-size: 36px;color: #004159;} .about1{text-align: center;font-size: 14px;color: #004159;line-height: 30px;margin: 20px 0;} .about2{font-size: 14px;color: #004159;line-height: 24px;text-align: justify;} .about2 p{text-indent: 2em;} .about2 a{float: right;font-size: 14px;color: #fc1128;} .about-right{width:583px;height: 347px;} /* 切换加滚动 */ .s2{margin-top: 52px;} .parHd{background: url(../images/heng.png)no-repeat center;text-align: center;} .parHd li{display: inline-block;width: 149px;height: 40px;line-height: 40px;background: #dcdcdc;color: #333;font-size: 14px;cursor: pointer;margin:0 5px;} .parHd li.on{background: #004159;color: #fff;} .parBd{margin-top: 40px;position: relative;} .slide{overflow: hidden;} .slide a{position: absolute;top:55px;display: inline-block;width: 35px;height: 75px;} .slide a.sPrev{background: url(../images/left.jpg)no-repeat;left:-55px;} .slide a.sNext{background: url(../images/right.jpg)no-repeat;right: -55px;} .slide a.sPrev:hover{background: url(../images/hleft.jpg)no-repeat;} .slide a.sNext:hover{background: url(../images/hright.jpg)no-repeat;} .case_list1{overflow: hidden;} .case_list1 li{float: left;margin:0 14px;text-align: center;width: 213px;} .case_list1 li img{width: 213px;height:210px;border:1px solid #004159;} .news-index{margin-top: 20px;} .news {margin-top: 30px;} .news_l{ float:left; overflow:hidden; } .news_l dl { padding-left: 30px; padding-top: 30px; height: 205px; width: 125px; background: #b5b5b5; margin-top: 1px; overflow: hidden; position: relative; } .news_l dl:after{ content: ''; display: block; position: absolute; top:0; left: -100%; transition:0.2s all ease-in-out; width: 100%; height: 100%; background: #004159; } .news_l dl > *{ position: relative; z-index: 3} .news_l dl.active:after,.news_l dl:hover:after{ left: 0; } .news_l dl strong{ font-size:18px; color:#fff; display:block; line-height: 32px; padding-top: 13px; font-weight: normal;} .news_l dl span{ font-size:12px; color:#fff; ; text-transform:uppercase; display: block; padding-bottom: 15px; font-family: 'arial'; line-height: 20px; } .news_l dl li{ height:22px; width:70px; border:1px solid #fff; text-align:center; } .news_l dl li a{ line-height:20px; display:block; color:#fff; font-size:12px; } .new_cont .news_row2 { position: absolute; left: 0; top: 0; display: none; width: 550px; height: 473px; } .new_cont { position: relative; width: 550px; height: 473px; display: block; } .news_nor{ height:473px; width:550px; overflow:hidden; margin-left: 7px; } .news_row2 .divdgweb_new_div, .news_row2 .news_div { padding: 0px 10px; height: 473px; font-weight: normal; } .news_row2 .news_div_item, .news_row2 .divdgweb_new_div_item {position: relative;height: 55px;overflow: hidden;transition: 0.3s all ease;margin-bottom: 4px;} .news_row2 .divdgweb_new_div_item_date, .news_row2 .news_div_item_date { position: absolute; right: 20px; top: 17px; transition: 0.3s all ease; } .news_row2 .divdgweb_new_div_item_date > div, .news_row2 .news_div_item_date > div{ display: inline-block; color: #787878; font-size: 12px; font-family: 'arial'; } .news_row2 .news_div_item_title, .news_row2 .divdgweb_new_div_item_title{ position: relative; } .news_row2 .news_div_item_year:after, .news_row2 .news_div_item_year::after, .news_row2 .divdgweb_new_div_item_year:after, .news_row2 .divdgweb_new_div_item_year::after{ content: '-'; } .news_row2 .on .news_div_item_year:after, .news_row2 .on .divdgweb_new_div_item_year:after,{ content: ''; } .news_row2 .news_div_item_title:after, .news_row2 .divdgweb_new_div_item_title:after{ content: ''; width: 4px; height: 4px; position: absolute; left: 10px; top: 19px; } .news_row2 .on .news_div_item_title:after, .news_row2 .on .divdgweb_new_div_item_title:after{ content: ''; display: none; } .news_row2 .news_div_item_title .news_div_item_a, .news_row2 .divdgweb_new_div_item_title .divdgweb_new_div_item_a { font-size: 14px; color: #444; padding-left: 26px; display: block; line-height: 40px; width: 425px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: 0.3s all ease; } .news_row2 .news_div_item_pic, .news_row2 .news_div_item_body, .news_row2 .divdgweb_new_div_item_body{ transition: 0.3s all ease; } .news_row2 .news_div_item_pic {padding-top: 15px;} .news_row2 .news_div_item_pic a, .news_row2 .news_div_item_pic a img { display: block; width: 220px; height: 162px; } .news_row2 .news_div_item.on, .news_row2 .divdgweb_new_div_item.on{height: 175px;border-bottom: 1px solid #004159;padding: 0 0 0px;} .news_row2 .news_div_item_body, .news_row2 .divdgweb_new_div_item_body {line-height: 24px;color: #767676;font-size: 13px;width: 254px;text-align: justify;position: absolute;right: 20px;top: 104px;} .news_row2 .on .divdgweb_new_div_item_date, .news_row2 .on .news_div_item_date { top: 23px; right: 213px; } .news_row2 .on .news_div_item_title .news_div_item_a, .news_row2 .on .divdgweb_new_div_item_title .divdgweb_new_div_item_a { position: absolute; left: 230px; top: 70px; width: 245px; } .news_row2 .on .divdgweb_new_div_item_date > div, .news_row2 .on .news_div_item_date > div { font-weight: bold; color: #282828; font-size: 24px; line-height: 30px; } .news_row2 .on .divdgweb_new_div_item_date > .divdgweb_new_div_item_year, .news_row2 .on .news_div_item_date > .news_div_item_year{ font-size: 12px; display: block; font-weight: 100; line-height: 20px; text-indent: 1px; } .news_row2 .on .news_div_item_date > .news_div_item_year:after,.news_row2 .on .divdgweb_new_div_item_date > .divdgweb_new_div_item_year:after{ content: ''; } /*技术分析*/ #ydemo{overflow:hidden;margin:0 auto;position:relative;height: 413px;margin-top: -12px;} #yindemo{height:95%;} #ydemo1{} #ydemo2{} .p6{ margin-top: 30px; } .p6-ri{ width: 420px; position: relative; } .p6-ri-con{ margin-top: 30px; } .p6-ri h3{ width: 128px; height: 38px; line-height: 38px; text-align: center; background: #004159; color: #fff; font-size: 14px; font-weight: 400; } .p6-ri a.more-all{ display: block; width: 67px; height: 22px; line-height: 22px; text-align: center; background: #004159; color: #fff; font-family: "Arial"; font-weight: 600; position: absolute; right: 0; top: 10px; } .news_list3 li{ line-height: 25px; margin-top: 20px; position: relative } .news_list3 h2 a{ font-size: 14px; color: #535353; font-weight: 400; } .news_list3 span{ color: #333333; } .jishuriqi{ position: absolute; right: 0; top:0; } .navigation{float:right;width:100px;} .index-title{line-height:31px;padding-left:15px;font-weight:bold; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;} .index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;} /*----- Common css ------*/ .fl{float:left;} .fr{float:right;margin-top: 0px;} .di{_display:inline;} .fwn{font-weight:normal;} .dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;} /*友情链接*/ .link{ background: url(../images/link.png) no-repeat center bottom; bottom: -111px; width: 1920px; margin-left: -960px; position: relative; left: 50%; } .f_link{width:1218px;margin:0 auto;line-height:70px;text-indent:100px;font-size: 18px;color: #fff;} .f_link a{ font-size: 18px; color: #fff; margin-left: 50px; } .f_link a:first-child{ margin-left: 35px; } /*页面底部*/ .foot2{ background: url(../images/foot.jpg) no-repeat top center; height: 390px; padding: 60px 0 40px; margin-top: 60px; overflow: hidden; } .foot4{ background: #0576aa; padding: 20px 0 30px; margin-top: 60px; } .foot4_a1{ border-top: 1px solid #666666; margin-top: 22px; padding: 15px 0; color: #c1c1c1; font:500 12px/24px "微软雅黑"; } .foot4_a1 a{ color: #c1c1c1; } .foot4_a1 a:hover{ color:#e87518; } .con{ padding-top:60px; height: 294px; overflow: hidden; } .con1{ padding-top:30px; } .d_title1 h2{ color: #f6f6f6; font:600 26px/30px "Arial"; background: url(../images/hjkahkhk1.png) no-repeat left bottom; padding-bottom: 20px; text-transform: uppercase; } .d_lianxi { width: 425px; margin-left: 83px; } .d_lianxi h3{ color: #f9f9f9; font:600 18px/30px "微软雅黑"; margin-top: 25px; } .hgjagjh{ color: #f9f9f9; font:500 14px/30px "微软雅黑"; margin-top: 14px; } .hgjagjh img{ padding-right: 6px; } .nav_foot{ margin-left: 35px; } .ghjagjhghhh1{ margin-top: 15px; text-align: left; } .ghjagjhghhh1 a{ color: #f9f9f9; font:500 14px/42px "微软雅黑"; } .d_tpl1{ color: #f9f9f9; font:500 14px/22px "微软雅黑"; background: url(../images/ghjaghjn1.png) no-repeat left center; padding-left: 40px; margin-top: 32px; } a.d_mess1{ margin-top: 24px; display: block; } .foot2_a1{ border-top: 1px solid #666666; margin-top: 22px; padding: 15px 0; color: #c1c1c1; font:500 12px/24px "微软雅黑"; } .foot2_a1 a{ color: #c1c1c1; } .foot2_a1 a:hover{ color:#e87518; } .foot3{ background: #0576aa; border-top: 1px solid #fff; height: 75px; } .banquan{ text-align: center; color: #f9f9f9; padding-top: 20px; } .last{ color: #f9f9f9; padding-top: 10px; } .last a{ color: #f9f9f9; } /*------------内页-------------------*/ .left { width: 224px; float: left; } .left .box { margin-bottom: 10px; } .left .box h3 { line-height: 60px; padding-left: 34px; background: #004159; font-size: 18px; color: #fff; font-weight: 400; position: relative } .left .box h3::after{ content:""; position: absolute; width:5px; height:20px; top:20px; left:15px; background: #fff } .left .box .content { padding: 5px 0px; } .prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;} .n_banner{width:1920px;margin:0 auto;margin-left:-960px;position:relative;left:50%; } .n_banner img{width:1920px;margin:0 auto;margin-left:-960px;position:relative;left:50%;} .left{width:225px;float:left;} .sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .sort_product{margin-top:10px;} .sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .n_contact{margin-top:10px;} .n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .n_contact .content{padding:5px;line-height:24px;} .right{width:960px;float:right;padding-bottom:10px;} .sitemp { border-bottom:1px solid #eee; } .sitemp h2 { width: 340px; float: left; line-height: 40px; text-align: left; font-size: 16px; color:#333; } .sitemp .site { width: 380px; float: right; text-align: right; line-height: 40px; } .right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;} .sort_album{margin-top: 15px;}