@CHARSET "UTF-8"; /*澶撮儴鏍峰紡*/ /*澶撮儴鏍峰紡*/ .headtop{width: 100%;background: #ededed;height: 36px;} .head{width: 1204px;margin: 0 auto;} #header{width:1200px;margin:0 auto;} .top{height:120px;overflow:hidden;width:1204px;margin:0 auto;} .logo{float:left; margin-top: 12px;} .topLink{width:749px;float:right;text-align:right;} .topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;} .k1{line-height:36px;float: right;font-family: '寰蒋闆呴粦';} .k2{color:#ff0000;font-size:18px;font-family:"寰蒋闆呴粦";line-height: 36px;float: left;margin-left: 15px;} .kk1{float: right;padding-top: 5px;padding-right: 8px;} #menu{ height: 50px; background-color: #03479c; } .wh{width: 1200px;margin:0 auto;} .fl{float: left;} .fr{float: right;} /*涓讳綋鏍峰紡*/ .contain{width: 100%;background: #f5f5f5;padding-top:50px;margin-top: 30px;padding-bottom: 110px;} #container{width:1204px;margin:0 auto;margin-top: 10px;} .menu_cate{width:220px;float:left;} .cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .about{width:1204px;margin: 0 auto;margin-top: 30px;} .ab_img{width:488px;height:323px;overflow:hidden;float:left;margin-top:30px;margin-left:25px;} .ab_nr{width:630px;float:right;height:313px;overflow:hidden;margin-top:40px;margin-right:25px;} .nrzt{color:#5d5d5d;font-size:14px;line-height:35px;height:210px;overflow:hidden;} .mm{width:160px;height:40px;line-height:40px;background:#666666;text-align:center;font-size:14px;display:block;margin-top:40px;} .mm a{color:#fff;line-height:40px;text-align:center;font-size:14px;} .mm a:hover{color:#022f8e;} .about_title{text-align: center;background: url(../images/about_title.jpg) center bottom no-repeat;line-height: 70px;font-size: 24px;font-family: '寰蒋闆呴粦';color:#050505;} .about .title{width: 440px;margin: 0 auto;margin-top: 40px;} .about .title li{width: 57px;height: 28px;line-height: 28px;float: left;text-align: center;margin-left:42px;} .about .title li a{color:#fff;display: block;background: #848484;border-radius:3px;} .about .title li a:hover{background: #b2b2b2;text-decoration: none;} .about .content{padding:5px;padding-bottom:12px;text-indent:20px;font-family: '寰蒋闆呴粦';font-size: 14px;color:#5d5d5d;line-height: 26px;margin-top: 20px;} .about_img{background: url(../images/about_img.jpg) center no-repeat;height: 163px;margin-top: 20px;} .about_img li{float: left;margin-left: 165px;margin-top: 20px;} .about_img li span{width: 103px;height: 104px;background: url(../images/gg.jpg) center no-repeat;display: block;} .about_img li span:hover{width: 103px;height: 104px;background: url(../images/gg1.jpg) center no-repeat;display: block;} .about_img li h3{text-align: center;} .about_img li h3 a{font-family: '寰蒋闆呴粦';font-size: 16px;color:#050505;font-weight: normal;line-height: 40px;} .about_img li.wh{margin-left: 155px;} .about_img li.wh span{background: url(../images/wh.jpg) center no-repeat;} .about_img li.wh span:hover{background: url(../images/wh1.jpg) center no-repeat;} .about_img li.zn{margin-left: 165px;} .about_img li.zn span{background: url(../images/zn.jpg) center no-repeat;} .about_img li.zn span:hover{background: url(../images/zn1.jpg) center no-repeat;} .about_img li.zz{margin-left: 152px;} .about_img li.zz span{background: url(../images/zz.jpg) center no-repeat;} .about_img li.zz span:hover{background: url(../images/zz1.jpg) center no-repeat;} .navigation{float:right;width:100px;} .hui{width:1920px;position:relative;left:50%;margin-left:-960px;height:736px;background:#fcfbf9;overflow:hidden;margin-top:30px;} .ly{width:1002px;height:636px;overflow:hidden;margin:0 auto;margin-top:50px;background:url(../images/hh.png) no-repeat center top;position:relative;z-index:9999} .ser_con{width:1002px;margin:0 auto;} .ser_con li{float:left;_display:inline;width:499px;height:315px;position:relative;} .xwsp{width:499px;height:117px;overflow:hidden;} .xwsp a.img{display:block;} .xwsp a.img img{width:499px;height:117px;} .zac{width:426px;margin:0 auto;margin-top:45px;} .sz{color:#022f8e;font-size:42px;font-weight:bold;float:left;margin-top:5px;} .ggtp{width:335px;float:right;} .ggtp h3{text-align:left;} .ggtp h3 a{color:#333333;font-size:28px;font-weight:normal;text-align:left;display:block;line-height:40px;} .ggtp span{text-align:left;padding-top:5px;width:335px;display:block;color:#515151;font-size:12px;line-height:25px;height:80px;overflow:hidden;} .ser_con li:nth-child(2n){float:right;} .ser_con li:nth-child(1){margin-bottom:6px;} .ser_con li:nth-child(2){margin-bottom:6px;} .ser_con li:nth-child(1) .zac{margin-top:140px;} .ser_con li:nth-child(2) .zac{margin-top:140px;} .ser_con li:nth-child(3){margin-bottom:6px;margin-top:20px;} .ser_con li:nth-child(4){margin-bottom:6px;margin-top:20px;} .ser_con li:nth-child(1) .xwsp{position:absolute;left:0;top:0;z-index:99999;} .ser_con li:nth-child(2) .xwsp{position:absolute;right:0;top:0;z-index:99999;} .ser_con li:nth-child(3) .xwsp{position:absolute;left:0;bottom:0;} .ser_con li:nth-child(4) .xwsp{position:absolute;right:0;bottom:0;} .lybt{width:287px;height:76px;overflow:hidden;position:absolute;left:42.5%;top:45%;z-index:99999} .index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦"; 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;} .di{_display:inline;} .fwn{font-weight:normal;} .dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;} .product_title{text-align:center;color:#2c2c2c;font-size:36px;font-weight:normal;background:url(../images/xs.png) no-repeat center;} .product_title span{display:block;color:#666666;font-size:16px;line-height:35px;} .product{width: 100%;background: #efedee;margin:0 auto;margin-top:45px;} .product_center{width: 1204px;margin: 0 auto;} .case{width: 100%;background: #fcfbf9;padding-bottom: 45px;} .case_center{width: 1204px;margin: 0 auto;margin-top: 30px;} .case_center .title{font-family: '寰蒋闆呴粦';font-size: 26px;color:#555554;position: relative;line-height: 45px;font-weight: bold;} .case_center .title span{font-family: '寰蒋闆呴粦';font-size: 15px;color:#999;height:13px;background: url(../images/casespan.jpg) 11px 50% no-repeat;padding-left: 25px;font-weight: normal;} .case_center .title a{font-family: '寰蒋闆呴粦';font-size: 15px;color:#aaaaaa;position: absolute;top:5px;right:5px;font-weight: bold;} .case_center .content{margin-top: 20px;} .case_detail h1{font-size:16px;line-height:40px;} .hotproduct{width: 1204px;margin: 0 auto;margin-top: 10px;} .hotproduct .title{text-align: center;background: url(../images/about_title.jpg) center bottom no-repeat;line-height: 70px;font-size: 24px;font-family: '氓戮庐猫陆炉茅鈥衡€γ┞烩€?;color:#050505;position: relative;} .hotproduct .title a{font-family: '氓戮庐猫陆炉茅鈥衡€γ┞烩€?;font-size: 15px;color:#aaaaaa;position: absolute;top:10px;right:5px;font-weight: bold;} .hotproduct .content{margin-top: 35px;} .sosuo{width: 1204px;margin: 0 auto;background: #525657;padding-bottom: 28px;margin-top: -70px;} .logo1{width: 186px;float: left;margin-left: 22px;margin-top: 42px;} .follow{float: left;margin-left: 62px;margin-top: 36px;} .erweima{float: left;margin-right:150px;margin-top: 20px;float:right;} /*--棣栭〉鏂伴椈鍏憡--*/ .news_scroll{width:1204px;height:40px;overflow:hidden;margin: 0 auto;margin-top: 8px;border-bottom: 1px solid #d1d1d1;} .news_scroll .content{width:1204px;margin:0 auto;height:40px;} .public{position:relative;width:1204px;height:40px;} .public .con{width:770px;height:40px;overflow:hidden;} .public .ti{width:90px;height:40px;line-height:40px;float: left;} .public .ti span{font:200 18px/40px 'Microsoft Yahei';color:#2c2c2c;} .public .soroll{width:290px;height:40px;line-height:40px;overflow:hidden;padding-left:4px;float: left;} .public .soroll ul{} .public .soroll ul li a{color: #808080;font-family: '氓戮庐猫陆炉茅鈥衡€γ┞烩€?;font-size: 15px;} .public .soroll ul li a:hover{text-decoration:underline;} .public .soroll ul li span{padding-left:10px;color:#666;} .public .jathis{width:auto; height:auto;padding-right:7px; padding-top:2px;} .news_more a{position: absolute;top:0;right:0;line-height: 40px;font-family: '氓戮庐猫陆炉茅鈥衡€γ┞烩€?;font-size: 15px;color:#2c2c2c;} /*棣栭〉鏂伴椈澶氶〉绛?/ .news{width:775px;float:left;margin-top: 9px;} .tab{position:relative;border-bottom: 1px solid #d9d8d3;padding-bottom:10px;} .tab .tyt{position:absolute;right:5px;top:4px;color:#666666;font-family:Arial, Helvetica, sans-serif;font-size:14px;} .tab li{float:left;width:102px;height:20px;display:block;line-height:20px;border-right:2px solid #000;} .tab li a{display:block;line-height:20px;text-align:center;color:#000;font-size:20px;font-family: '寰蒋闆呴粦';} .tab li a:hover{text-decoration:none;} .tab li a.tab_click{color:#022f8e;text-decoration:none;font-size:20px;font-family: '寰蒋闆呴粦';} .tab .tyt:hover{color:#022f8e;} .list1{width:450px;float:right;margin-top:10px;} .list1 li{line-height:40px;position:relative;vertical-align: middle;border-bottom: 1px dashed #000000;margin-bottom:3px;padding-top:8px} .list1 li a{padding-left:100px;line-height:40px;color:#333333;font-family: '寰蒋闆呴粦';font-size:14px;} .list1 li a:hover{color:#022f8e;text-decoration:none;} .list1 li span{position:absolute;left:0px;line-height:29px;top:10px;color:#333333;font-family: '寰蒋闆呴粦';font-size:14px;} .zxtp{float:left;width:275px;height:313px;overflow:hidden;margin-top:20px;} /*棣栭〉鏂伴椈*/ .news_company{width:280px;float:right;} .news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .news_company .content{padding:5px;} /*棣栭〉宸︿晶鑱旂郴鎴戜滑*/ .contact{width:374px;float:right;} .contact_title{font-family: '寰蒋闆呴粦';font-size: 20px;color:#000;line-height: 36px;border-bottom: 1px solid #d9d8d3;font-weight:normal;} .contact_title span{color:#373737;font-size:12px;padding-left: 5px;} .contact .content{padding:5px;padding-left:8px;font-family: '寰蒋闆呴粦';color:#373737;line-height: 24px;padding-top: 12px;font-size:16px;line-height:31px;} /*宸ョ▼妗堜緥*/ .case{width: 100%;background: #fff;padding-bottom: 45px;} .case_center{width: 1204px;margin: 0 auto;padding-top:50px;} .case_center .title{font-family: '寰蒋闆呴粦';font-size: 26px;color: #2c2c2c;position: relative;line-height: 45px;font-weight: bold;} .case_center .title span{font-family: '寰蒋闆呴粦';font-size: 15px;color:#999;height:13px;background: url(../images/casespan.jpg) 11px 50% no-repeat;padding-left: 25px;font-weight: normal;} .case_center .title a{font-family: '寰蒋闆呴粦';font-size: 14px;color:#666666;position: absolute;top:15px;right:5px;font-weight:normal;} .case_center .title a:hover{color:#022f8e;} .case_center .content{margin-top:35px;} .news2_company{margin-top:10px;} /*棣栭〉鎺ㄨ崘浜у搧*/ .recommend_product1{width: 405px;float: left;margin-left: 36px;} .recommend_product1 .title{font-family: '寰蒋闆呴粦';font-size: 20px;color:#000;line-height: 36px;border-bottom: 1px solid #d9d8d3;font-weight:normal;} .recommend_product1 .title span{color:#373737;font-size:12px;padding-left: 5px;} .recommend_product1 .content{margin-top: 18px;} #LeftButton{cursor:pointer;height:11px;width:7px;float:right;background:url(../images/le.jpg) 0 0 no-repeat;margin-right:10px;margin-top: 15px;} #RightButton{cursor:pointer;height:11px;width:7px;float:right;background:url(../images/re.jpg) 0 0 no-repeat;margin-top: 15px;} #LeftButton:hover{background:url(../images/lee.jpg) 0 0 no-repeat;} #RightButton:hover{background:url(../images/ree.jpg) 0 0 no-repeat;} #CSSBox{overflow:hidden;margin-top:5px;} #CSSBox ul li{float:left;margin-right:20px;_display:inline;border-right:1px solid #cecece;height: 162px;padding-right: 20px;} #CSSBox ul li img{width:180px;height:131px;} #CSSBox ul li h3{text-align:center;line-height: 37px;background: #d4d5d5;margin-top: 1px;height: 37px;} #CSSBox ul li h3 a{font-weight:normal;font-family: '氓戮庐猫陆炉茅鈥衡€γ┞烩€?;font-size: 14px;line-height: 37px;display:block;} /*浜у搧鎺ㄨ崘*/ .recommend_product{margin-top:60px;width:1204px;float:left;} .recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .recommend_product .content{padding-top:22px;padding-bottom:14px;} .roll_product li{padding-bottom:0px;} /*鍙嬫儏閾炬帴*/ .f_link{text-align: center;line-height:24px;} /*椤甸潰搴曢儴*/ #footer{position:relative;width:100%;text-align:center;margin-bottom:15px;padding-top:15px;border-top:1px solid #babbbc;margin-top:45px;font-family: '寰蒋闆呴粦';color:#333333;font-size:14px;} #footer a{color:#333333;font-family: '寰蒋闆呴粦';font-size:14px;} #footer a:hover{color:#022f8e;text-decoration:none;} .nav_foot{text-align:center;line-height:24px;color:#333333;} .nav_foot a{color:#333333;} .copyright{text-align:center;line-height:24px;color:#333333;} .copyright a{color:#333333;} .more_region{position:absolute;right:10px;line-height:30px;top:0;font-weight:normal;font-size:12px;} #footer h3{width:80px;line-height:30px;position:absolute;right:233px;top:5px;font-weight:normal;} .zhu{color:#333333;} .zhu a{color:#333333;} /*------------鍐呴〉-------------------*/ .left .box{margin-bottom:10px;} /* .left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦"; background:#022f8e;font-size:16px;color:#fff;} */ .left .box .content{padding:5px 0px;} /* 鍐呴〉 */ .xypg-left-title { background: #022f8e ; padding: 10px 0 10px 20px; position: relative; } .xypg-left-title h3 { font-size: 20px; color: #ffffff; line-height: 30px; font-weight: bold; position: relative; z-index: 9; background: none !important; } .xypg-left-title i { position: absolute; left: -5px; top: -9px; font-style: normal; font-size: 67px; font-weight: bold; opacity: .1; color: #fff; line-height: 1; z-index: 1; text-transform: uppercase; } .xypg-left-title span { font-weight: normal; font-size: 16px; color: #fff; opacity: .6; margin-left: 10px; text-transform: capitalize; } .xypg-left-title span:before { content: "/"; padding-right: 5px; } .xypg-left-con { border: 1px solid #d2d2d2; border-top: none; } .prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;} .n_banner{width:100%;margin:0 auto;height: auto;} .n_banner img{width:100%;margin:0 auto;text-align:center;height:auto;} .left{width:225px;float:left;} .sort_menu{} /* .sort_menu h3{background:#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{line-height:31px;height:45px;overflow:hidden;padding-right:10px;background:#022f8e;} .sitemp h2{width:340px;float:left;line-height:40px;text-align:center;text-align:left;text-indent:15px;color:#fff;font-size:18px;} .sitemp .site{width:380px;float:right;text-align:right;line-height:40px;font-size: 14px; color: #fff;} .sitemp .site a{ color: #fff; } .right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;} /* w90110 鏍峰紡 */ /*澶撮儴鏍峰紡*/ .sky { width: 1920px; position: relative; left: 50%; margin-left: -960px; height: 36px; background: #dddddd; color: #666666; } .sky a{ color: #666666; } .sky_con { width: 1200px; margin: 0 auto; } .huan { float: left; font: 400 12px/36px "Microsoft Yahei"; } .huan a { line-height: 36px; font-size: 12px; padding-right: 5px; } .k1x { float: right; line-height: 36px; color: #666666; font-size: 12px; } .k1x a { color: #666666; font-size: 12px; } .k1x a:hover{ color: #f50000; } .wh { width: 1200px; margin: 0 auto; } .fl { float: left; } .fr { float: right; } p { margin-bottom: 0; margin:0; } .tou_con { width: 1920px; position: relative; left: 50%; margin-left: -960px; background: #f5f5f5; height: 120px; } .tou { width: 1200px; margin: 0 auto; height: 120px; overflow: hidden } .logo { float: left; line-height: 120px; } .headsous{ float: left; margin-left: 40px; margin-top: 35px; } .telx { float: right; margin-top: 30px; background:url(../images/tel.png) left center no-repeat; padding-left: 64px; font:normal 13px/20px MicrosoftYaHei; color: #666666; } .telx strong{ font:bold 28px/30px Arial; color: #f50000; } .sou { height: 36px; background: #f1f1f1; } h1, h2, h3, h4 { line-height: normal; } .hotSearch{ margin-top: 12px; font:bold 14px/20px MicrosoftYaHei; color: #666666 } .hotSearch a { margin-right: 6px; font-weight: normal; } .hotSearch a:hover{ color: #f50000; } #formsearch{ width: 320px; } #formsearch input { height: 33px; background: #fff; border: 1px solid #c8c8c8; line-height: 22px; float: left; width: 260px; } #formsearch input#keyword { height: 31px; line-height: 31px; padding-left: 4px; color: #666; font-size: 14px; } #formsearch input#s_btn { width: 44px; height: 33px; line-height: 33px; text-align: center; background: url(../images/so.png) no-repeat center; color: #fff; border: none; cursor: pointer; } /*鎶€鏈疄鍔?/ .box1 { width: 1920px; position: relative; left: 50%; margin-left: -960px; background: url(../images/box1.png) no-repeat center top; height: 647px; } .box_con { width: 1200px; margin: 0 auto; padding-top: 70px } .ct1 { color: #03479c; font-size: 42px; text-align: center; font-weight: bold; } .ct1 b{ color: #f50000; } .ct1 span { display: block; text-transform: uppercase; font-size: 18px; font-weight: normal; color: #888888; font-family: "Arial"; line-height: 30px; margin-top: 5px; letter-spacing: 2px; } .slx { width: 1200px; margin: 0 auto; height: 340px; overflow: hidden; margin-top: 60px; } .slx li { float: left; width: 273px; height: 340px; margin-bottom: 14px; margin: 0 13px; position: relative; } .slx li .tpx { width: 273px; height: 340px; margin: 0 auto; position: relative; } .slx li .tp2x { position: absolute; top: 56px; z-index: 99999; text-align: center; width: 100%; } .slx li .tp1x { position: relative; z-index: 999; width: 100%; text-align: center; } .tm { background: rgba(3, 71, 156, .8); width: 273px; height: 340px; z-index: 9999; position: absolute; right: 0px; top: 0px; border-radius: 10px; } .slx li h3 { color: #ffffff; font-size: 32px; text-align: center; font-weight: bold; display: block; text-align: center; position: absolute; width: 100%; top: 43%; z-index: 99999 } .slx li h3 a { color: #ffffff; font-size: 32px; text-align: center; } .slx li:hover h3 a { color: #ffffff; } .slx li span { width: 230px; left: 25px; color: #ffffff; font-size: 14px; text-align: center; font-weight: normal; display: block; text-align: center; position: absolute; top: 60%; z-index: 99999; line-height: 28px; } .slx li:hover .tm{ background: rgba(245, 0, 0, .8); } /*楂樺搧璐ㄨ拷姹?/ .box2 { width: 1200px; margin: 0 auto; margin-top: 100px; } .tabz { position: relative; display: block; justify-content: center; align-items: center; margin-top: 35px; } .tabz li { float: left; width: 140px; height: 32px; display: block; line-height: 32px; background: #eaeaea; text-align: center; color: #666666; font-size: 14px; cursor: pointer; margin-left: 10px; margin-top:10px;} .tabz li a { color: #666666; display: block; } .tabz li.cur,.tabz li.on { color: #fff; text-decoration: none; font-size: 14px; background: #03479c; } .tabz li:hover, .tabz li.cur,.tabz li.on { background: #03479c; position: relative; color: #fff; cursor: pointer; } .tabz li:hover a, .tabz li.cur a,.tabz li.on a { color: #fff; } .ttz { margin-top: 56px; } .list1z { /* padding: 8px 10px; */ } .list1z li { position: relative; vertical-align: middle; float: left; margin-right: 26px; margin-bottom: 26px } .list1z li a.img { display: block; width: 376px; height: 274px; overflow: hidden; } .list1z li a.img img { width: 100%; height: 100%; transition: all 0.4s; } .list1z li:hover a.img img{ transition: all 0.4s; transform: scale(1.1, 1.1); } .list1z li:nth-child(3n) { float: right; margin-right: 0px; } .dac { background: #03479c; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; line-height: 49px; height: 49px; width: 100%; } .list1z li h3 { color: #fff; font-size: 16px; float: left; font-weight: normal; margin-left: 5%; } .list1z li h3 a { color: #fff; font-size: 16px; line-height: 45px; display: block; } .list1z li:hover .dac { background: #f50000; } .mx { float: right; color: #fff; font-size: 16px; margin-right: 5%; } .mx a { color: #fff; font-size: 16px; } /*sun_sj*/ .sun_sj { width: 1920px; position: relative; left: 50%; margin-left: -960px; background: url(../images/sj.png) no-repeat center top #fff; height: 578px; overflow: hidden; margin-top: 50px; } .sun_sj li { padding:0 66px; height: 98px; float: left; text-align: center; color: #fff; font-size: 14px; box-sizing: border-box; position: relative; } .sun_sj li + li { border-left: 1px solid rgba(255, 255, 255, .35); } .sun_sj li h2{color:#ffffff;font-size:53px;font-size: 72px;font-weight: normal;line-height: 53px;} .sun_sj li span{color:#ffffff;font-size:16px;position:absolute;left: 160px;top:34px;font-weight: normal;} .sun_sj li:nth-child(2) span{left: 155px;} .sun_sj li:nth-child(3) span{left: 237px;} .sun_sj li:nth-child(4) span{left: 160px;} .sun_sj li p{color:#ffffff;font-size:16px;margin-top:20px;font-weight: normal;} .ab { width: 1200px; margin: 0 auto; background: #fff; height: 300px; margin-top: 40px; box-shadow: 4px 7px 25px 0px rgba(0, 0, 0, 0.15); } .abtp { margin-top: 30px; margin-left: 30px; width: 346px; height: 234px; overflow: hidden; float: left; } .abtp img{ width: 100%; height: 100%; transition: all 0.4s; } .abtp:hover img{ transition: all 0.4s; transform: scale(1.1, 1.1); } .abnr { float: right; margin-right: 30px; margin-top: 30px; width: 755px; color: #666666; font-size: 14px; line-height: 32px; } .abnr h3 { color: #333333; font-size: 28px; margin: 10px 0 15px 0; font-weight: 500; } .abnr .abconts{ height: 130px; overflow: hidden; } .taab { display: none; } .xw_alst1 { width: 580px; } .xw_alst2 { width: 600px; } .xw_alst1 li a.img { display: block; width: 580px; height: 324px; overflow: hidden; } .xw_alst1 li a.img img { width: 580px; height: 324px; } .xw_alst1 li h2 a { display: block; color: #333333; font: 600 18px/48px "氓戮庐猫陆炉茅鈥衡€γ┞烩€?; } .xw_alst1 li h3 { font: 500 14px/26px "氓戮庐猫陆炉茅鈥衡€γ┞烩€?; } .xw_alst1 li h3 a { color: #0b68c5; } .xw_alst2 li { height: 124px; margin-bottom: 20px; } .xw_alst2 li b { display: block; float: left; width: 134px; background: #ebebeb; text-align: center; color: #333333; font: 600 48px/60px "氓戮庐猫陆炉茅鈥衡€γ┞烩€?; height: 124px; box-sizing: border-box; padding-top: 19px; } .xw_alst2 li b span { display: block; color: #666; font: 500 18px/24px "氓戮庐猫陆炉茅鈥衡€γ┞烩€?; } .xw_alst2 li .xw_wenzd { float: left; width: 466px; height: 124px; background: #f6f6f6; box-sizing: border-box; padding: 5px 20px 0; } .xw_alst2 li .xw_wenzd h2 a { display: block; color: #333333; font: 600 18px/48px "氓戮庐猫陆炉茅鈥衡€γ┞烩€?; } .xw_alst2 li .xw_wenzd h3 { font: 500 14px/26px "氓戮庐猫陆炉茅鈥衡€γ┞烩€?; } .xw_alst2 li:hover b, .xw_alst2 li:hover .xw_wenzd { background: #0171bc; } .xw_alst2 li:hover b, .xw_alst2 li:hover b span, .xw_alst2 li:hover .xw_wenzd h2 a, .xw_alst2 li:hover .xw_wenzd h3 { color: #fff; } .taablis { text-align: center; font-size: 0; } .taablis li { display: inline-block; width: 138px; text-align: center; background: #e9e9e9; font: 500 16px/35px "氓戮庐猫陆炉茅鈥衡€γ┞烩€?; border-radius: 18px; margin: 28px 16px 38px; } .taablis li.cur { color: #fff; background: #0171bc; font-weight: 600; } /*妗堜緥*/ .xypg-case-list { margin: 0 -1%; font-size: 0 } .xypg-case-list li { display: inline-block; vertical-align: bottom; width: 31.333%; margin: 0 1% 10px; -webkit-transition: all .5s ease; transition: all .5s ease } .xypg-case-list li .img { display: block } .xypg-case-list li h3 a { display: block; text-align: center; font-size: 14px; color: #5a5a5a; line-height: 1.6; padding: .8em 0 } .xypg-case-list li:hover h3 a { color: #ab001a } .xypg-news-list li { border: 1px solid #e1e1e1; padding: 30px; background: #fff; margin-bottom: 35px; -webkit-transition: all .5s; transition: all .5s } .xypg-news-list li .tit { border-bottom: 1px solid #cbcbcb; margin-bottom: 15px; position: relative } .xypg-news-list li .tit h3 { padding-bottom: 15px; font-size: 18px; color: #565656; font-weight: 400; padding-right: 25%; margin: 0 } .xypg-news-list li .tit .date { position: absolute; right: 0; top: 0; font-size: 14px; color: #666 } .xypg-news-list li .info { font-size: 14px; line-height: 2; color: #999 } .xypg-news-list li .more { margin-top: 15px } .xypg-news-list li .more span { display: inline-block; width: 130px; line-height: 33px; text-align: center; color: #000; font-size: 14px; color: #666; border: 1px solid #e1e1e1; -webkit-transition: all .5s ease; transition: all .5s ease } .xypg-news-list li:hover { -webkit-box-shadow: 0 2px 13px 1px rgba(8, 1, 3, .18); box-shadow: 0 2px 13px 1px rgba(8, 1, 3, .18) } .xypg-news-list li:hover .tit h3 { color: #292e39 } .xypg-news-list li:hover .more span { color: #fff; background-color: #292e39 } #demo { overflow: hidden; width: 100%; margin: 0 auto; } #indemo { float: left; width: 800% } #demo1 { float: left; } #demo2 { float: left; } .anls { width: 1200px; margin: 0 auto; padding-top: 40px; border-top: 1px solid #e5e5e5 } .product_list3 { } .product_list3 li { float: left; margin-right: 38px; margin-bottom: 38px; _display: inline; position: relative; width: 376px; height: 248px; } .product_list3 li a.img { } .product_list3 li a.img img { width: 376px; height: 248px; } .product_list3 li h3 { text-align: center; position: absolute; bottom: 0px; width: 100%; background: url(../images/h3.png) no-repeat center top; height: 40px; color: #fff; } .product_list3 li h3 a { font-weight: normal; line-height: 40px; font-size: 16px; color: #fff; } .product_list3 li a.img { display: block; } .product_list3 li a.img:hover { border-color: #b99562; } /*鏈嶅姟鏇翠笓涓?/ .zy { width: 1920px; position: relative; left: 50%; margin-left: -960px; background: url(../images/yz.png) no-repeat center top; height: 644px; overflow: hidden } .zy_con { width: 1200px; margin: 0 auto; padding-top: 95px; } .twtx { margin-top: 65px; } .twtx li { float: left; width: 142px; height: 142px; border-radius: 142px; border: 2px solid #dddddd; } .twtx li a.img { display: block; width: 60px; margin: 0 auto; margin-top: 35px; } .twtx li a.img img { display: block; text-align: center; } .twtx li { float: left; overflow: hidden; margin-right: 34px; } .twtx li h3 { text-align: center; color: #333333; font-size: 16px; font-weight: normal; display: block; } .twtx li h3 a { text-align: center; color: #333333; font-size: 16px; font-weight: normal; } .twtx li:last-child { float: right; margin-right: 0px; } .sdh { width: 382px; height: 60px; background-color: #03479c; border-radius: 29px; text-align: center; color: #fff; margin: 0 auto; margin-top: 90px; box-shadow: 0px 6px 18px 0px rgba(2, 44, 96, 0.15); font:normal 20px/60px MicrosoftYaHei; } .sdh strong{ font-size: 30px; font-weight: normal; } .sdh:hover{ background: #f50000; } /*鎺屾彙浼佷笟璧勮*/ .xws { width: 1200px; margin: 0 auto; } #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); } /*鍥涘ぇ浼樺娍*/ .ys { width: 1920px; position: relative; left: 50%; margin-left: -960px; background: #f5f5f5; padding-bottom: 60px } .ys_con { width: 1200px; margin: 0 auto; padding-top: 20px; } .ystt { color: #03479c; font-weight: bold; font-size: 42px; text-align: center; } .ystt b{ color: #f50000; } .ystt span { display: block; color: #888888; text-transform: uppercase; font-size: 18px; font-weight: normal; font-family: Arial; letter-spacing: 2px; margin-top: 8px; } .huolong { margin: 40px 0px; } .huolong li { height: 600px; width: 300px; float: left; position: relative; } .huolong li .img-huo { position: absolute; top: 0px; width: 300px; height: 300px; } .huolong li .img-huo a{ display: block; overflow: hidden; width: 300px; height: 300px; } .huolong li .img-huo a img{ width: 100%; height: 100%; transition: all 0.4s; } .huolong li:hover .img-huo a img{ transition: all 0.4s; transform: scale(1.1, 1.1); } .huolong li:nth-child(even) .img-huo { position: absolute; top: 300px; width: 300px; height: 300px; } .huolong li .nei-huo { position: absolute; top: 300px; width: 300px; height: 300px; background: #fff; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 3s; transition-duration: 3s; } .huolong li:nth-child(even) .nei-huo { position: absolute; top: 0px; width: 300px; height: 300px; } .nei-huo a { text-align: center; color: #03479c; font-size: 24px; display: block; font-weight: bold; width: 100%; } .nei-huo a.imss{ position: relative; width: 64px; height: 64px; margin:0 auto; margin-top: 30px; margin-bottom: 20px; } .nei-huo a dd { position: absolute; width: 64px; height: 64px; margin: 0 auto; opacity: 1; /* transition: all 0.4s; */ left: 0; right: 0; top: 0; } .nei-huo a dt{ position: absolute; width: 64px; height: 64px; margin:0 auto; opacity: 0; transition: all 0.4s; left: 0; right: 0; top: 0; } .nei-huo p { color: #666666; font-size: 14px; width: 248px; margin: 0 auto; padding-top: 20px; line-height: 24px; text-align: center; } .huolong li:hover .nei-huo dd{ /*opacity: 0;*/ /*transition: all 0.4s; */ } .huolong li:hover .nei-huo dt{ opacity: 1; transition: all 0.4s; } .huolong li:nth-of-type(1):hover .nei-huo .imss dd { background: url(/data/upload/image/20210908/1631092723351454.png) no-repeat top center; } .huolong li:nth-of-type(1):hover .nei-huo .imss dd img{display:none;} .huolong li:nth-of-type(2):hover .nei-huo .imss dd { background: url(/data/upload/image/20210908/1631093239641673.png) no-repeat top center; } .huolong li:nth-of-type(2):hover .nei-huo .imss dd img{display:none;} .huolong li:nth-of-type(3):hover .nei-huo .imss dd { background: url(/data/upload/image/20210908/1631092729611878.png) no-repeat top center; } .huolong li:nth-of-type(3):hover .nei-huo .imss dd img{display:none;} .huolong li:nth-of-type(4):hover .nei-huo .imss dd { background: url(/data/upload/image/20210908/1631092715905290.png) no-repeat top center; } .huolong li:nth-of-type(4):hover .nei-huo .imss dd img{display:none;} .huolong li:hover .nei-huo a { color: #f50000; } /*浼犱笘浣充綔*/ .al { width: 1920px; position: relative; left: 50%; margin-left: -960px; background: url(../images/al.png) no-repeat center top; height: 875px; overflow: hidden; } .al_con { width: 1200px; margin: 0 auto; padding-top: 100px } .ystt2 { color: #fff; font-weight: bold; font-size: 42px; text-align: center; } .ystt2 span { display: block; color: #fff; text-transform: uppercase; font-size: 18px; font-weight: normal; font-family: Arial; letter-spacing: 2px; margin-top: 8px; } .aldt { float: left; width: 376px; height: 532px; overflow: hidden; margin-top: 60px; position: relative; } .aldt img{ width: 100%; height: 100%; transition: all 0.4s; } .aldt:hover img{ transition: all 0.4s; transform: scale(1.1, 1.1); } .aldt h3{ position: absolute; width: 100%; height: 40px; bottom: 0; left: 0; right: 0; bottom: 0; text-align: center; background:rgba(42, 125, 229, .9); font:normal 16px/40px MicrosoftYaHei; color: rgba(255, 255, 255, .9); } .aldt:hover h3{ background: rgba(245, 0, 0, .88); } .cases { width: 790px; float: right; margin-top: 60px; } .product_list2 li { float: left; margin-right: 36px; margin-bottom: 36px; _display: inline; position: relative; width: 376px; height: 248px; } .product_list2 li a.img { width: 376px; height: 248px; display: block; overflow: hidden; } .product_list2 li a.img img { transition: all 0.4s; width: 100%; height: 100%; } .product_list2 li:hover a.img img{ transition: all 0.4s; transform: scale(1.1, 1.1); } .product_list2 li h3 { text-align: center; position: absolute; bottom: 0px; width: 100%; background:rgba(42, 125, 229, .9); height: 40px; color: #fff; } .product_list2 li h3 a { font-weight: normal; line-height: 40px; font-size: 16px; color: #fff; } .product_list2 li a.img { display: block; } .product_list2 li a.img:hover { border-color: #b99562; } .product_list2 li:nth-child(2n) { float: right; margin-right: 0px; } .product_list2 li:hover h3{ background: rgba(245, 0, 0, .88); } /*鎴愬氨鍝佺*/ .pin { width: 1200px; margin: 0 auto; } .chan { text-align: center; padding-top: 30px; position: relative; margin-bottom: 40px; } .l_btn, .r_btn { position: absolute; cursor: pointer; top: 55%; } .l_btn { left: -50px; } .r_btn { right: -50px; } .twt { float: left; } .twt li a.img { display: block; } .twt li a.img img { display: block; width: 267px; height: 222px; } .twt li { float: left; overflow: hidden; margin-left: 20px; } #m_demo { overflow: hidden; width: 100%; margin: 0 auto; padding-top: 20px; } #m_indemo { float: left; width: 800% } #m_demo1 { float: left; } #m_demo2 { float: left; } .huise { width: 1920px; position: relative; left: 50%; margin-left: -960px; background: #f5f5f5; padding-bottom: 50px; padding-top: 70px; } /*妗堜緥鍝?/ .anls { width: 1200px; margin: 0 auto; padding-top: 40px; border-top: 1px solid #e5e5e5 } .product_list3 { } .product_list3 li { float: left; margin-right: 38px; margin-bottom: 38px; _display: inline; position: relative; width: 376px; height: 248px; } .product_list3 li a.img { } .product_list3 li a.img img { width: 376px; height: 248px; } .product_list3 li h3 { text-align: center; position: absolute; bottom: 0px; width: 100%; background: url(../images/h3.png) no-repeat center top; height: 40px; color: #fff; } .product_list3 li h3 a { font-weight: normal; line-height: 40px; font-size: 16px; color: #fff; } .product_list3 li a.img { display: block; } .product_list3 li a.img:hover { border-color: #b99562; } /*鏈嶅姟鏇翠笓涓?/ .zy { width: 1920px; position: relative; left: 50%; margin-left: -960px; background: url(../images/yz.png) no-repeat center top; height: 644px; overflow: hidden } .zy_con { width: 1200px; margin: 0 auto; padding-top: 95px; } .twtx { margin-top: 65px; } .twtx li { float: left; width: 142px; height: 142px; border-radius: 142px; border: 2px solid #dddddd; } .twtx li a.img { display: block; width: 60px; margin: 0 auto; margin-top: 35px; position: relative; height: 60px; } .twtx li a.img img { display: block; text-align: center; } .twtx li dd{ position: absolute; width: 54px; height: 54px; margin:0 auto; left: 0; right: 0; bottom: 0; opacity: 1; transition: all 0.4s; } .twtx li dt{ position: absolute; width: 54px; height: 54px; margin:0 auto; left: 0; right: 0; bottom: 0; opacity: 0; transition: all 0.4s; } .twtx li:hover dd{ opacity: 0; transition: all 0.4s; } .twtx li:hover dt{ opacity: 1; transition: all 0.4s; } .twtx li { float: left; overflow: hidden; margin-right: 29px; background: #fff; } .twtx li h3 { text-align: center; color: #333333; font-size: 16px; font-weight: normal; display: block; } .twtx li h3 a { text-align: center; color: #333333; font-size: 16px; font-weight: normal; } .twtx li:last-child { float: right; margin-right: 0px; } .twtx li:hover h3 a{ color: #f50000; } /*鎺屾彙浼佷笟璧勮*/ .xws { width: 1200px; margin: 0 auto; margin-top: 80px; margin-bottom: 100px; } /*鏂伴椈鍒楄〃*/ .news_listx { margin-top: 65px; } .news_listx li { position: relative; margin-right: 10px; width: 376px; margin-left: 12px; float: left; } .news_listx li a.imgx img { width: 100%; height: 100%; transition: all 0.4s; } .news_listx li a.imgx { display: block; width: 376px; height: 270px; overflow: hidden; margin-top: 0; } .news_listx li a { line-height: 27px; color: #333333; font-size: 18px; margin-top: 15px; display: block; } .news_listx li:hover a,.news_listx li:hover b{ color: #f50000; } .news_listx li:hover img{ transition: all 0.4s; transform: scale(1.1, 1.1); } .news_listx li span { color: #999; z-index: 0; line-height: 27px; position: absolute; right: 0px; top: 0px; } .news_listx li b { line-height: 27px; color: #777777; font-size: 14px; margin-top: 20px; font-weight: normal; margin-top: 10px; } .time { position: absolute; width: 70px; height: 70px; left: 0px; top: 0; background: #2166c5; opacity: 0.9 } .time1 { color: #ffffff; font-size: 40px; font-weight: bold; text-align: center; line-height: 40px; margin-top: 5px; } .time2 { color: #ffffff; font-size: 12px; font-weight: normal; text-align: center; } .benx{ /*margin-top: 70px;*/ line-height: 40px; font-size: 14px; } .dff { width: 1920px; position: relative; left: 50%; margin-left: -960px; background:url(../images/dff.png) repeat-x center bottom #022f8e; /*background: url(../images/dff.png) repeat-x center top;*/ /*height: 351px;*/ overflow: hidden; } .df_con { width: 1200px; margin: 0 auto; padding-top: 55px; } .dff1 { width: 515px; float: left; color: #deecff; font-size: 14px; line-height: 30px; padding-bottom: 20px; } .dff1 a{ color: #deecff; font-size: 14px; line-height: 30px; } .guanci { color: #ffffff; font-size: 24px; font-weight: normal;text-align: left; } .links{ height: 75px; overflow: hidden; font-size: 14px; color: #deecff; } .links a{ font-size: 14px; color: #deecff; line-height: 27px; } .links a:hover{ text-decoration: underline; } .zhu { display: block; color: #deecff; font-size: 14px; line-height: 30px; height: 30px; } .zhu a { color: #deecff; font-size: 14px; line-height: 30px } .p1 { font-size: 16px; line-height: 16px; } .dz { padding-top: 20px; border-top: 1px solid #2968b8; } .dz a { color: #deecff; } .tel2 { font-size: 40px; font-weight: bold; line-height: 40px; margin-top: 10px; margin-bottom: 20px; } .k1 { color: #deecff; font-size: 14px; line-height: 30px } .k1 a { color: #deecff; font-size: 14px; line-height: 30px } .k1 a:hover { color: #b99562; } .zhu a:hover { color: #b99562; } .lx { margin-bottom: 15px; } .dz { font-size: 14px; color: #deecff; line-height: 30px; } .ft2 { } .dff3 { float: right; color: #fff; } .cop { color: #ddebfe; float: left; } .cop a{color: #ddebfe;} .ban { color: #ddebfe; float: right; } .ban a{color: #ddebfe;}