.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;} .com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;} .com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);} /*头部样式*/ #header{width:1200px;margin:0 auto;} .logo{float:left;} .topLink{width:327px;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;} .k1{ width: 400px; font:200 14px/14px "微Y雅黑"; color: #777; text-align: right; } .k1 a{ color: #6d6d6d; } .k2{ background: url(../images/tdh.png) left 4px no-repeat;padding-left:68px; font-size: 14px; line-height: 30px; color: #666666; margin-top: 18px; } .dao { /*background: #0194d6;*/ height: 65px; border-top: 1px solid #e5e5e5; } /*热门搜烦*/ #search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;} .search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;} #formsearch{width:449px;float:right;background: url(../images/ss1.png) no-repeat;margin-top:13px;} .hotSearch{width:600px;float:left;height:68px;line-height:58px;font:600 14px/68px "微Y雅黑";color: #666666;font-weight: normal;} /*搜烦和热门搜?/ .hotSearch a{margin-right:6px;font-weight:500;color:#666;font-size:14px;} #formsearch input{height:39px;background:none;border:none;line-height:39px;float: left;width:333px;} #formsearch input#keyword{height:39px;line-height:39px;padding-left:34px;color:#999;font-size:14px;outline: none;} #formsearch input#s_btn{float: right;width:81px;height:39px;line-height:39px;text-align:center;background-color:none;color:#fff;border:none;cursor:pointer;} .top0{ /*background: #f2f2f2;*/ /*height:38px;*/ padding-top: 15px; border-top: 3px solid #00a1e9; } .top1{ font:200 12px/38px "宋体"; color: #6d6d6d; width: 300px; } /*M样式*/ #container{width:1200px;margin:0 auto;margin-top:10px;} #container1{width: 1035px;margin: 0 auto;} .menu_cate{width:220px;float:left;} .cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微Y雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .about{width:460px;float:left;margin-left:12px;padding-bottom:5px;} .about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微Y雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .about .content{padding:5px;padding-bottom:12px;text-indent:20px;} .navigation{float:right;width:100px;} .index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微Y雅黑"; 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;} /*首页新闻*/ .news_company{width:280px;float:right;} .news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微Y雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .news_company .content{padding:5px;} /*首页左侧联系我们*/ .contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;} .contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微Y雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .contact .content{padding:5px;padding-left:8px;} /*工程案例*/ .case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;} .case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微Y雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .case .content{padding:5px;padding-bottom:12px;text-indent:20px;} .news2_company{margin-top:10px;} /*产品推荐*/ .recommend_product{margin-top:10px;width:692px;float:left;} .recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微Y雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .recommend_product .content{padding-top:15px;padding-bottom:14px;} .roll_product li{padding-bottom:0px;} /*友情链接*/ .f_link{width:1035px;margin:0 auto;margin-top:15px;line-height:30px;line-height:30px;font-size:16px;} .f_link a{font-size:14px;} /*面底部*/ .gdf{ background: url(../images/foot.png) repeat-x; height: 260px; } .dhf{ width:350px; margin-top:72px; text-align:left; } .xiane{ border-left: #484848 1px solid; width: 1px; height: 200px; margin-right: 20px; margin-top: 3px; } .dine{ width: 450px; padding:50px 0 0 40px; } .er{ width: 120px; padding-top:45px; } #footer{position:relative;width:1035px;margin:0 auto;text-align:center;margin-top:15px;color: #fff;} #footer a{color:#fff;} #footer a:hover{color:#0194d6;text-decoration:none;} .nav_foot{text-align:left;line-height:24px;color:#fff;} .copyright{text-align:left;line-height:25px;color:#dfdfdf;font-family:"宋体";} .copyright a{color:#dfdfdf!important;} /*------------内页-------------------*/ .left .box{margin-bottom:10px;} .left .box h3{height: 40px;line-height: 40px;background:#0194d6;text-align: center;color: #fff;font-size: 16px;} .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:100%;margin:0 auto;} .n_banner img{width:100%;} .left{width:194px;float:left;} .sort_menu h3{} .sort_product{margin-top:10px;} .sort_product h3{background-color:#ececec;line-height:28px;font-weight:bold;} .n_contact{margin-top:10px;} .n_contact h3{} .n_contact .content{padding:5px;line-height:24px;} .right{width:920px;float:right;padding-bottom:10px;} .sitemp{height: 40px;line-height: 40px;background:#0194d6;text-align: center;color: #fff;font-size: 16px;} .sitemp h2{width:340px;float:left;line-height:40px;text-align:center;text-align:left;text-indent:15px;font-size:14px;} .sitemp .site{width:380px;float:right;text-align:right;line-height:40px;color: #fff;padding-right:10px;font-size:12px;} .sitemp .site a{color: #fff} .right .content{padding:10px;padding-top:15px;line-height: 24px;} .le{ background: url(../images/left.png) top center no-repeat; height: 108px; text-align: center; } .le-sub{ font:400 20px/30px "Arial"; color: #888888; text-transform: uppercase; padding-top: 48px; } .le-sub1{ font:700 26px/30px "微Y雅黑"; color: #2e2e2e; } .le-sub2{ text-transform: uppercase; font:400 14px/30px "Arial"; color: #666; float: right; } .xian{ border-bottom: #cfcfcf 1px solid; } .le1{background:#f7f7f7; width: 220px; margin-top: 25px; } .le1-titile{ background:#0194d6; height: 94px; font:400 24px/35px "Arial"; text-transform: uppercase; color: #fff; text-align: center; padding-top: 25px; } .le2-sub{ padding-left: 15px; } .le2{ background: #f7f7f7; } .le2-sub1{ border-bottom: #ccc 1px dashed; padding-top:10px; } .le2-sub2{ font:600 18px/30px "微Y雅黑"; color: #4a4a4a; text-align: center; padding-top: 15px; } .le2-sub3{ font:400 14px/30px "微Y雅黑"; color: #4a4a4a; text-align: center; } .le2-sub4{ text-align: center; font:400 14px/24px "微Y雅黑"; border-bottom: #1caaec 4px solid; padding-bottom: 18px; color:#1375da; padding-top:15px; } .le3{ width: 790px; margin-top:25px; } .product_list1{} .product_list1 li{float:left;margin-left:10px;margin-right:10px;_display:inline;} .product_list1 li a.img{border:1px solid #dbdbdb;} .product_list1 li a.img img{width:237px;height:211px;} .product_list1 li h3{text-align:center;font:400 14px/40px "微Y雅黑";height:45px;} .product_list1 li h3 a{font-weight:normal;color:#000000;} .product_list1 li a.img{display:block;} .product_list1 li a.img:hover{border-color:#0194d6;} .le3-sub1{ width: 289px; } .product_list2{} .product_list2 li{float:left;margin-left:15px;margin-right:15px;margin-bottom:23px;_display:inline;position: relative;} .product_list2 li a.img{border:1px solid #dbdbdb;} .product_list2 li a.img img{width:289px;height:200px;} .product_list2 li h3{text-align:center;font:400 14px/43px "微Y雅黑";background-color: rgba(91,91,91,0.5);position: absolute; bottom: 0px; left: 0px; width: 291px; } .product_list2 li h3 a{font-weight:normal;color: #fff;} .product_list2 li a.img{display:block;} .product_list2 li a.img:hover{border-color:#c90005;} .roll1{position:relative;margin-top:5px;margin-bottom:20px;} .l_btn,.r_btn{position:absolute;top:30%;cursor:pointer;} .l_btn{left:0;} .r_btn{right:0;} .product_list3{} .product_list3 li{float:left;margin-left:12px;margin-right:12px;padding-bottom:15px;_display:inline;} .product_list3 li a.img{} .product_list3 li a.img img{width:240px;height:213px;} .product_list3 li h3{text-align:center;padding-top:5px;} .product_list3 li h3 a{font-weight:normal;color:#494646;font-size:14px;} .product_list3 li a.img{display:block;} .product_list3 li a.img:hover{border-color:#e87518;} .nei{background:#e6e5e5;padding-top:33px;} .tts{text-align:center;background: url(../images/tt.png) no-repeat 36% 20px;font-weight:bold;color:#000000;font-size:24px;position:relative;} .tts span{display:block;font-weight:normal;text-transform:uppercase;color:#9e9e9e;font-size:11px;} .tts a{position:absolute;right:26px;top:10px;font-weight:normal;color:#797979;font-size:12px;} .le-sub1 span{ color: #0194d6; } .roll1{position:relative;margin-top:5px;margin-bottom:20px;} .roll{position:relative;} .l_btn1,.r_btn1{position:absolute;top:35%;cursor:pointer;} .l_btn1{left:55px;} .r_btn1{right:35px;} .product_list4{} .product_list4 li{float:left;margin-left:3px;margin-right:3px;_display:inline;} .product_list4 li a.img{border:1px solid #cecdcd;} .product_list4 li a.img img{width:200px;height:150px;} .product_list4 li h3{text-align:center;padding-top:5px;} .product_list4 li h3 a{font-weight:normal;} .product_list4 li a.img{display:block;} .product_list4 li a.img:hover{border-color:#0194d6;} .le4{ margin-top: 40px; } .le5{ border: #eeeeee 1px solid; height: 420px; background: #fff; } .le5-sub{ width: 588px; height: 420px; } .le5-sub1{ width: 350px; padding:30px 15px 20px 30px; } .product_list5{} .product_list5 li{float:left;margin-left:0px;margin-right:0px;padding-bottom:15px;_display:inline;} .product_list5 li a.img{} .product_list5 li a.img img{width:588px;height:420px;} .product_list5 li h3{color: #3c3c3c; font:400 24px/60px "微Y雅黑"; background: url(../images/xian.jpg) left bottom no-repeat; } .product_list5 li h3 a{font-weight:normal;} .product_list5 li a.img{display:block;} .product_list5 li a.img:hover{border-color:#e87518;} .le5-sub5{ font:200 12px/24px "微Y雅黑"; margin-top: 20px; } .le5-sub6{ width: 100px; height: 32px; font:400 12px/32px "微Y雅黑"; color: #fff; text-align: center; float: right; background: #dc0600; margin-top: 40px; } .ab{ background: url(../images/left7.jpg) top center no-repeat; height: 523px; position: relative; } .ab1{ position: absolute; top:120px; left: 430px; } .ab1-sub{ width: 200px; text-align: center; font:400 20px/30px "微Y雅黑"; } .ab1-sub span{ color: #d20000; font-weight: 600; } .ab2{ position: absolute; top:230px; right: 60px; } .ab3{ position: absolute; top:380px; right: 20px; } .ab4{ position: absolute; top:220px; left: 130px; } .ab5{ position: absolute; top:390px; left: 40px; } .product_list7{} .product_list7 li{float:left;margin-left:0px;margin-right:35px;padding-bottom:15px;_display:inline;width: 230px;position: relative;} .product_list7 li a.img img{width:230px;height:133px;} .product_list7 li h3{text-align:center;padding-top:15px;font:400 14px/40px "微Y雅黑";} .product_list7 li h3 a{font-weight:normal;color: #000;} .product_list7 li a.img{display:block;} .product_list7 li a.img:hover{border-color:#e87518;} .product_list7 li:nth-child(4n){ float: right; margin-right: 0px; } .jian{ margin-top: 44px; } .jian1{ background: #f5f5f5; height: 185px; padding: 10px; } .jian2{ color: #7b7b7b; font:200 12px/24px "微Y雅黑"; } .jian3{ background: url(../images/more.jpg) no-repeat; position: absolute; bottom: 0px; right: 0px; width: 30px; height: 30px; } .nei2{ background: url(../images/nei1.jpg) top center no-repeat; height: 695px; margin-top:28px; } .product_list8{} .product_list8 li{float:left;margin-left:36px;margin-right:-4px;padding-bottom:15px;_display:inline;width: 166px;position: relative;} .product_list8 li a.img img{width:166px;height:98px;} .product_list8 li h3{text-align:center;font:400 16px/30px "微Y雅黑";padding-top: 8px;} .product_list8 li h3 a{font-weight:normal;color: #0194d6;} .product_list8 li a.img{display:block;} .product_list8 li a.img:hover{border-color:#e87518;} .product_list8 li:nth-child(5n){ float: right; margin-right: 0px; width: 166px; margin-left:36px; } .ys{ padding-top:124px; } .jian21{ color: #666666; font:500 12px/23px "宋体"; padding:5px 6px 5px 12px; } .le0{ background: url(../images/left01.png) top center no-repeat; height: 108px; text-align: center; } .abo1{ width:420px; background:#1da0db; height:306px; padding:38px 48px 0; } .abo{ width: 518px; } .abo1-sub{ font:600 18px/30px "微Y雅黑"; color: #fff; } .abo1-sb2{ font:500 14px/30px "宋体"; color:#fff; padding-top: 25px; height: 183px; overflow: hidden; } .abo1-sub3{ width:108px; height: 33px; font:500 14px/33px "微Y雅黑"; color: #fff; text-align: center; border: #fff 1px solid; background: #1caaec; border-radius:20px; float: right; } /*tab多页{?/ #tabs_box{float:left;width:1035px;} .tabs{width:1035px;float:right;} .tabs ul{height:72px;line-height:102px;background:url(../images/left03.png) repeat-x;padding-left:426px;color:#949599;padding-top: 30px;} .tabs ul li{float:left;font:400 16px/47px "微Y雅黑";text-align: center;} .tab-nav{cursor:pointer;width: 185px;border: #d0cecf 1px solid;background: #fff;color:#1c1c1c;} .tab-nav-action{cursor:pointer;color:#fff;width: 185px;border: #0194d6 1px solid;background: #0194d6} .tabs-body{float:right;width:1035px;} .tabs-body div{} .roll1{position:relative;margin-top:5px;margin-bottom:20px;} .l_btn2,.r_btn2{position:absolute;top:30%;cursor:pointer;} .l_btn2{left:-30px;} .r_btn2{right:-30px;} .nei5{ background: #f5f5f5; margin-top: 20px; padding-bottom:50px; } .sun_news .news_tit{line-height: 30px; background: url(../images/news_li_bg.jpg) left 3px center no-repeat; padding-left: 15px; margin-bottom: 10px;} .sun_news .news_tit h3{font-size: 18px; color: #666666; display: inline-block;} .sun_news .news_tit a{float: right; display: inline-block; line-height: 30px; font-size: 14px; color: #a599a5; text-transform: uppercase;} .sun_news .news_box{width:324px; margin-right: 30px;margin-top:32px;} .sun_news .news_box:last-child{margin-right: 0;} .sun_news .news_lll{background: #fff; padding: 0 25px 15px 25px;} .sun_news .news_lll li{background: url(../images/news_li_bg.png) left center no-repeat; line-height: 52px; border-bottom: 1px dashed #edebe9; padding-left: 20px;} .sun_news .news_lll li a{font-size: 14px; color: #666666;} .sun_news .news_lll li a:hover{color: #1375da;} .di{ padding:40px 0 20px; } /*推翻样式*/ .twz{ font-size: 16px; color: #555; line-height: 30px; margin-top: 11px; margin-left: 13px; padding-left: 15px; background: url(../images/txt.png) no-repeat left 12px; } .top{ padding-bottom: 17px; } /*banner*/ /* 首页banner样式 */ .x-banner .owl-carousel { position: relative; } .x-banner .owl-carousel .banner-item a { display: block; } .x-banner .owl-carousel .owl-nav .owl-prev { left: 0; } .x-banner .owl-carousel .owl-nav .owl-next { right: 0; } .x-banner .owl-carousel .owl-nav button.owl-prev, .x-banner .owl-carousel .owl-nav button.owl-next { outline: none; position: absolute; top: 50%; z-index: 9999; /*background: #424246;*/ height: 40px; width: 40px; margin-top: -32.5px; border-radius: 0; -webkit-transition: all .5s ease; transition: all .5s ease; } .x-banner .owl-carousel .owl-nav button.owl-prev:hover, .x-banner .owl-carousel .owl-nav button.owl-next:hover { /*background: #ea3d02;*/ } .x-banner .owl-carousel .owl-nav .icon-font { display: block; width: 100%; height: 100%; } .x-banner .owl-carousel .owl-nav .icon-left-arrow{ background: url(../images/bannerl.png) no-repeat center; } .x-banner .owl-carousel .owl-nav .icon-right-arrow{ background: url(../images/bannerr.png) no-repeat center; } .x-banner .owl-carousel .owl-nav .icon-left-arrow:after { background-position: -34px -180px; } .x-banner .owl-carousel .owl-nav .icon-right-arrow:after { background-position: -26px -480px; } @media (max-width: 990px) { .x-banner .owl-carousel .owl-nav button.owl-prev, .x-banner .owl-carousel .owl-nav button.owl-next { height: 40px; width: 30px; margin-top: -20px; } .x-banner .owl-carousel .owl-nav .iconfont { font-size: 20px; } } .x-banner .owl-carousel .owl-dots { position: absolute; z-index: 999; left: 0; width: 100%; text-align: center; font-size: 0; display: none; bottom: 5%; } .x-banner .owl-carousel .owl-dots button.owl-dot { display: inline-block; vertical-align: middle; font-size: 14px; margin: 0 .5em; outline: none; background: #fff; border-radius: 50%; width: 1em; height: 1em; opacity: .2; } .x-banner .owl-carousel .owl-dots button.owl-dot:hover { opacity: .5; } .x-banner .owl-carousel .owl-dots button.owl-dot.active { opacity: 1; } @media (max-width: 990px) { .x-banner .owl-carousel .owl-dots button.owl-dot { font-size: 12px; } } /*拥有专业技术服务团?/ .syfwtd { height: 741px; background: url(../images/bj1.png) no-repeat center; } .syfwtd .syfwtdfl{ width: 657px; height: 451px; margin-top: 94px; } .syfwtd .syfwtdfl img{ width: 657px; height: 451px; } .syfwtd .syfwtdfr{ margin-top: 118px; width: 470px; } .syfwtd .syfwtdfr h3{ font-size: 34px; font-weight: bold; line-height: 34px; color: #000000; } .syfwtd .syfwtdfr h4{ font-size: 24px; font-weight: normal; line-height: 24px; margin-top: 17px; color: #555555; } .syfwtd .syfwtdfr h5{ width: 512px; height: 9px; background: url(../images/bj2.png); margin-top: 40px; margin-bottom: 52px; } .syfwtd .syfwtdfr ul li{ width: 230px; margin-bottom: 74px; float: left; } .syfwtd .syfwtdfr ul li:nth-child(2n){ width: 240px; } .syfwtd .syfwtdfr ul li:nth-child(3){ margin-bottom: 0; } .syfwtd .syfwtdfr ul li:nth-child(4){ margin-bottom: 0; } .syfwtd .syfwtdfr ul li .sz .szs span{ font-family: Impact; font-size: 52px; font-weight: normal; line-height: 43px; color: #333333; margin-right: 8px; } .syfwtd .syfwtdfr ul li .sz .szs{ width: 127px; font-family: Impact; font-size: 30px; font-weight: normal; line-height: 60px; color: #333333; height: 43px; } .syfwtd .syfwtdfr ul li .sz .szz{ width: 26px; height: 27px; background-color: #00a1e9; line-height: 27px; border-radius: 50%; font-size: 14px; color: #ffffff; text-align: center; margin-top: -2px; } .syfwtd .syfwtdfr ul li p{ font-size: 18px; font-weight: normal; line-height: 18px; color: #666666; margin: 0; margin-top: 15px; } /*热销产品*/ .syrxcp{ margin-top: 81px; } .syrxcp .syrxcpft { text-align: center; } .syrxcp .syrxcpft h3{ font-size: 40px; font-weight: bold; line-height: 40px; color: #000000; } .syrxcp .syrxcpft h4{ font-family: Arial; font-weight: normal; font-size: 24px; line-height: 24px; color: #888888; margin-top: 22px; } .syrxcpfb{ height: 457px; background:url(../images/rxcpbj.png) no-repeat center; } .syrxcpfb .syrxcpfbl{ width: 328px; height: 392px; margin-left: 76px; margin-top: 34px; } .syrxcpfb .syrxcpfbl img{ width: 328px; height: 392px; } .syrxcpfb .syrxcpfbr{ } .syrxcpfb .syrxcpfbr .syrxcpfbrt{ width: 522px; border: solid 2px #00a1e9; overflow: hidden; margin-top: 58px; } .syrxcpfb .syrxcpfbr .syrxcpfbrt h3{ width: 169px; background-color: #00a1e9; padding-left: 25px; line-height: 62px; font-size: 30px; font-weight: bold; color: #ffffff; float: left; } .syrxcpfb .syrxcpfbr .syrxcpfbrt h4{ float: right; width: 296px; padding-left: 32px; line-height: 62px; font-size: 30px; font-weight: bold; color: #ffffff; } .syrxcpfb .syrxcpfbr ul{ overflow: hidden; margin-top: 38px; margin-bottom: 34px; } .syrxcpfb .syrxcpfbr ul li{ text-align: center; float: left; margin-right: 108px; -webkit-transition: all 0.8s;-moz-transition: all 0.8s;-ms-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s; } .syrxcpfb .syrxcpfbr ul li .img{ -webkit-transition: all 0.8s;-moz-transition: all 0.8s;-ms-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s; } .syrxcpfb .syrxcpfbr ul li:hover .img{ transform:rotateY(360deg);; } .syrxcpfb .syrxcpfbr ul li:hover .img img{ filter: invert(50%) sepia(29%) saturate(5076%) hue-rotate(168deg) brightness(96%) contrast(101%); } .syrxcpfb .syrxcpfbr ul li:nth-child(3){ margin-right: 0; } .syrxcpfb .syrxcpfbr ul li p{ font-size: 24px; font-weight: bold; line-height: 24px; color: #ffffff; margin-top: 24px; margin-bottom: 18px; } .syrxcpfb .syrxcpfbr ul li:hover p{ color: #00a1e9; } .syrxcpfb .syrxcpfbr ul li h5{ font-size: 16px; line-height: 24px; font-weight: normal; color: #ffffff; width: 144px; margin: 0; } .syrxcpfb .syrxcpfbr .syrxcpfbrb { overflow: hidden; } .syrxcpfb .syrxcpfbr .syrxcpfbrb h3{ float: left; line-height: 52px; padding-left: 79px; background: url(../images/excodh.png) no-repeat left center; font-family: Arial; font-size: 30px; font-weight: bold; color: #ffffff; } .syrxcpfb .syrxcpfbr .syrxcpfbrb h4{ width: 152px; height: 53px; background-color: #00a1e9; float: left; font-size: 24px; font-weight: bold; line-height:53px; color: #ffffff; text-align: center; margin-left: 62px; } /*产品中心*/ .sycpzx{ margin-top: 57px; margin-bottom: 25px; } .sycpzx .sycpzxft { text-align: center; margin-bottom: 39px; } .sycpzx .sycpzxft h3{ font-size: 40px; font-weight: bold; line-height: 40px; color: #000000; } .sycpzx .sycpzxft h4{ font-family: Arial; font-weight: normal; font-size: 24px; line-height: 24px; color: #888888; margin-top: 22px; } .sycpzx .sycpzxfc{ text-align: center; margin-bottom: 56px; } .sycpzx .sycpzxfc li{ display: inline-block; width: 190px; height: 63px; background-color: #eeeeee; margin-right: 20px; } .sycpzx .sycpzxfc li a{ display: block; font-size: 18px; line-height: 63px; color: #333333; } .sycpzx .sycpzxfc li.on{ background-color: #00a1e9; } .sycpzx .sycpzxfc li.on a{ color: #fff; } .sycpzx .sycpzxfb li{ width: 384px; float: left; margin-right: 24px; margin-bottom: 42px; } .sycpzx .sycpzxfb li:nth-child(3n){ margin-right: 0; } .sycpzx .sycpzxfb li .img{ width: 384px; height: 298px; overflow: hidden; } .sycpzx .sycpzxfb li .img img{ width: 384px; height: 298px; transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s; } .sycpzx .sycpzxfb li h3{ font-size: 20px; font-weight: bold; line-height: 20px; margin-top: 27px; margin-bottom: 23px; color: #333333; text-align: center; } .sycpzx .sycpzxfb li h4{ width: 134px; height: 39px; background-color: #00a1e9; margin: 0 auto; font-size: 16px; line-height: 39px; color: #ffffff; text-align: center; display: none; } .sycpzx .sycpzxfb li:hover .img .img1{ transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2); } .sycpzx .sycpzxfb li:hover h3{ color: #00a1e9; } /*服务团队*/ .syfwtd2{ height: 320px; background:url(../images/bj3.png) no-repeat center; } .syfwtd2 .syfwtdft2 { text-align: center; margin-bottom: 51px; } .syfwtd2 .syfwtdft2 h3{ font-size: 42px; font-weight: bold; line-height: 42px; color: #ffffff; padding-top: 65px; margin-bottom: 28px; } .syfwtd2 .syfwtdft2 h4{ font-size: 28px; line-height: 28px; color: #ffffff; font-weight: normal; } .syfwtd2 .syfwtdfb2{ overflow: hidden; } .syfwtd2 .syfwtdfb2 h3{ float: left; line-height: 52px; padding-left: 79px; background: url(../images/dh3.png) no-repeat left center; font-family: Arial; font-size: 30px; font-weight: bold; color: #ffffff; margin-left: 322px; } .syfwtd2 .syfwtdfb2 h4{ width: 175px; height: 52px; float: left; font-size: 24px; font-weight: bold; line-height:52px; color: #ffffff; text-align: left; margin-left:45px; background: url(../images/lyk.png) no-repeat center; text-indent: 59px; } /* 行业应用案例 */ .syyyal{ margin-top: 69px; } .syyyal .syyyalft { text-align: center; margin-bottom: 51px; } .syyyal .syyyalft h3{ font-size: 40px; font-weight: bold; line-height: 40px; color: #000000; margin-bottom:32px; } .syyyal .syyyalft h4{ font-size: 29px; line-height: 29px; color: #555555; font-weight: normal; } .syyyal .syyyalfcw{ border-top: 1px solid #e5e5e5; } .syyyal .syyyalfc{ text-align: center; margin-bottom: 56px; } .syyyal .syyyalfc li{ display: inline-block; min-width: 170px; height: 76px; margin-right: 45px; /*border-top: 3px solid #00a1e9;*/ margin-top: -2px; overflow: hidden; text-align: left; } .syyyal .syyyalfc li:last-child{ margin-right: 0; } .syyyal .syyyalfc li a{ display: block; } .syyyal .syyyalfc li .tp{ margin-top: 34px; margin-right: 14px; } .syyyal .syyyalfc li .tp .img2{ display: none; } .syyyal .syyyalfc li.on .tp .img2{ display: inline-block; } .syyyal .syyyalfc li.on .tp .img1{ display: none; } .syyyal .syyyalfc li h3{ font-size: 20px; line-height: 20px; font-weight: normal; color: #333; margin-top: 34px; } .syyyal .syyyalfc li h4{ font-family: Arial; font-size: 14px; font-weight: normal; line-height: 14px; color: #999999; margin-top: 5px; } .syyyal .syyyalfc li.on{ border-top: 3px solid #00a1e9; } .syyyal .syyyalfc li.on h3{ color: #00a1e9; } .syyyal .syyyalfc li.on h4{ color:rgba(0,161,233,0.5); } .syyyal .syyyalfbw{ margin-top: 40px; padding-bottom: 31px; } .syyyal .syyyalfb{ overflow: hidden; } .syyyal .syyyalfb li{ float: left; width: 426px; height: 296px; margin-bottom: 30px; position: relative; } .syyyal .syyyalfb li:nth-child(1){ width: 754px; height: 622px; margin-right: 20px; } .syyyal .syyyalfb li h3{ width: 100%; height: 60px; background-color: rgba(0,0,0,.6); font-size: 18px; font-weight: normal; line-height: 60px; color: #ffffff; position: absolute; bottom: 0; text-align: center; } .syyyal .syyyalfb li:hover h3{ background-color: rgba(0,161,233,.6); } /*合作伙伴*/ .syhzhb{ background-color: #f8f8f8; display:none; } .syhzhbt{ overflow: hidden; padding-top: 65px; padding-bottom: 70px; } .syhzhbfc{ } .syhzhbfc li{ width: 226px; height: 135px; background-color: #ffffff; border: solid 1px #eeeeee; margin-right: 17px; } .syhzhbfc li:hover{ box-shadow: 0 0 10px #ebebeb; border:solid 1px #fff; } /*新闻中心*/ .syxwzx{ margin-top: 57px; margin-bottom: 56px; } .syxwzx .syxwzxft { text-align: center; margin-bottom:56px; } .syxwzx .syxwzxft h3{ font-size: 40px; font-weight: bold; line-height: 40px; color: #000000; } .syxwzx .syxwzxft h4{ font-family: Arial; font-weight: normal; font-size: 24px; line-height: 24px; color: #888888; margin-top: 17px; } .syxwzxfb{ overflow: hidden; } .syxwzxfbl{ width: 713px; float: left; } .syxwzxfblt{ overflow: hidden; margin-bottom: 39px; } .syxwzxfblt ul{ overflow: hidden; float: left; } .syxwzxfblt ul li{ float: left; margin-right: 50px; } .syxwzxfblt ul li a{ font-size: 24px; line-height: 24px; font-weight: bold; color: #333333; } .syxwzxfblt ul li.on a{ color: #00a1e9; } .syxwzxfblt h3{ font-size: 14px; font-weight: normal; line-height: 24px; color: #999999; float: right; } .syxwzxfblt h3:hover{ color:#00a1e9; } .syxwzxfblc ul{ overflow: hidden; } .syxwzxfblc ul li{ width: 336px; float: left; margin-right: 41px; } .syxwzxfblc ul li:last-child{ margin-right: 0; } .syxwzxfblc ul li .com-img img{ width: 336px; height: 191px; } .syxwzxfblc ul li h4{ font-size: 16px; font-weight: bold; line-height: 16px; color: #000000; margin-top: 20px; } .syxwzxfblc ul li h4:hover{ color: #00a1e9; } .syxwzxfblc ul li h5{ font-size: 14px; line-height: 24px; color: #777777; margin-top: 17px; font-weight: normal; } .syxwzxfblc ul li h5 a{ color: #00a1e9; } .syxwzxfblb ul li{ overflow: hidden; border-bottom: 1px solid #dcdcdc; } .syxwzxfblb ul li h4{ font-size: 14px; font-weight: normal; line-height: 30px; color: #777777; float: left; line-height: 65px; padding-left: 30px; } .syxwzxfblb ul li h4::before{ content: ''; display:inline-block; width: 6px; height: 7px; border: solid 2px #a9a9a9; margin-top: 25px; margin-right: 20px; border-radius: 50%; } .syxwzxfblb ul li h5{ float: right; font-family: Arial; font-size: 14px; font-weight: normal; line-height: 65px; color: #777777; margin: 0; } .syxwzxfblb ul li:hover h4{ color: #00a1e9; } .syxwzxfblb ul li:hover h4::before{ border: solid 2px #00a1e9; background-color: #00a1e9; } .syxwzxfbr{ width: 450px; float: right; } .syxwzxfbrt{ overflow: hidden; margin-bottom: 39px; } .syxwzxfbrt ul{ overflow: hidden; float: left; } .syxwzxfbrt ul li{ float: left; margin-right: 50px; } .syxwzxfbrt ul li a{ font-size: 24px; line-height: 24px; font-weight: bold; color: #333333; } .syxwzxfbrt h3{ font-size: 14px; font-weight: normal; line-height: 24px; color: #999999; float: right; } .syxwzxfbrb ul{ background-color: #f6f6f6; } .syxwzxfbrb ul li{ overflow: hidden; border-bottom: 1px solid #ffffff; } .syxwzxfbrb ul li h4{ font-size: 14px; font-weight: normal; line-height: 30px; color: #777777; float: left; line-height: 73px; padding-left: 20px; } .syxwzxfbrb ul li h4::before{ content: ''; display:inline-block; width: 6px; height: 7px; border: solid 2px #a9a9a9; margin-top: 31px; margin-right: 21px; border-radius: 50%; } .syxwzxfbrb ul li h5{ float: right; width: 25px; height: 25px; background-color: #d6d6d6; font-size: 14px; font-weight: normal; line-height: 25px; color: #ffffff; margin: 0; margin-top: 26px; margin-right: 23px; border-radius: 50%; text-align: center; font-family: SimHei; } .syxwzxfbrb ul li:hover{ background-color: #00a1e9; } .syxwzxfbrb ul li:hover h4{ color: #fff; } .syxwzxfbrb ul li:hover h4::before{ border: solid 2px #fff; background-color: #fff; } .syxwzxfbrb ul li:hover h5{ color: #e93f01; background-color: #ffffff; } /*关于我们*/ .sygywm{ /*height: 611px;*/ background: url(../images/bj.jpg) no-repeat top center; } .sygywm .sygywmft { text-align: center; margin-bottom: 58px; } .sygywm .sygywmft h3{ font-size: 36px; font-weight: bold; line-height: 36px; color: #ffffff; padding-top: 81px; margin-bottom:47px; } .sygywm .sygywmft h4{ width: 1157px; margin: 0 auto; font-size: 18px; line-height: 36px; color: #ffffff; font-weight: normal; text-align: center; } .sygywm .sygywmfb{ overflow: hidden; margin-bottom: 81px; } .sygywm .sygywmfb h3{ float: left; line-height: 52px; padding-left: 79px; background: url(../images/dh3.png) no-repeat left center; font-family: Arial; font-size: 30px; font-weight: bold; color: #ffffff; margin-left: 363px; } .sygywm .sygywmfb h4{ width: 152px; height: 52px; float: left; font-size: 20px; font-weight: bold; line-height:52px; color: #ffffff; text-align: center; background-color: #00a1e9; margin-left: 62px; } .sygywmfc{ text-align: center; } .sygywmfc li{ display: inline-block; width: 184px; height: 63px; background-color: #ffffff; margin-right: 30px; overflow: hidden; } .sygywmfc li:last-child{ margin-right: 0; } .sygywmfc li .img{ margin-left: 28px; margin-right: 15px; line-height: 63px; float: left; } .sygywmfc li h3{ font-size: 20px; font-weight: normal; line-height: 63px; color: #333333; float: left; } .sygywmfc li:hover{ background-color: #00a1e9; } .sygywmfc li:hover h3{ color: #fff } .sygywmfc li:hover .img img{ filter: invert(100%) sepia(0%) saturate(7450%) hue-rotate(346deg) brightness(124%) contrast(117%); } .sygywmtpw{ margin-top: 84px; overflow: hidden; } .sygywmtp { overflow: hidden; } .sygywmtp li{ width: 285px; margin-right: 20px; float: left; } .sygywmtp li:last-child{ margin-right: 0; } .sygywmtp li img{ width: 285px; height: 213px; } .sygywmtp li h3{ font-size: 16px; font-weight: normal; line-height: 16px; color: #666666; margin-top: 24px; text-align: center; margin-bottom: 47px; } .sygywmtp li:hover h3{ color: #00a1e9; } /*foot1*/ .foot1{ padding-top: 51px; padding-bottom: 71px; background-color: #222222; } .foot1 .flogo{ width: 320px; min-height: 265px; padding-top: 29px; background: url(../images/xtf.png) no-repeat right center; box-sizing: border-box; } .foot1 .flogo h3{ font-size: 14px; font-weight: normal; line-height: 24px; color: #adadad; margin-top:49px; } .foot1 .flogo h3 a{ color: #adadad; } .foot1 .flogo h4{ font-size: 13px; font-weight: normal; line-height: 24px; color: rgba(173,173,173,0.7); } .foot1 .flogo h4 a{ color: rgba(173,173,173,0.7); } .foot1 .fnav{ padding-left: 43px; padding-right: 56px; width: 312px; min-height: 265px; background: url(../images/xtf.png) no-repeat right center; box-sizing: border-box; } .foot1 .fnav h3{ font-size: 18px; font-weight: bold; line-height: 18px; color: #ffffff; padding-top: 22px; padding-bottom: 27px; } .foot1 .fnav ul{ overflow: hidden; } .foot1 .fnav li{ width: 150px; float: left; } .foot1 .fnav li:nth-child(2n){ float: right; width: 60px; } .foot1 .fnav li a{ font-size: 14px; line-height: 34px; color: #adadad; } .foot1 .fnav li a:hover{ text-decoration: underline; color: #fff; } .foot1 .flxdz{ padding-left: 49px; padding-right: 80px; width: 419px; min-height: 265px; background: url(../images/xtf.png) no-repeat right center; box-sizing: border-box; } .foot1 .flxdz h3{ font-size: 18px; font-weight: bold; line-height: 18px; color: #ffffff; padding-top: 14px; padding-bottom: 27px; } .foot1 .flxdz h4{ font-size: 14px; font-weight: normal; line-height: 34px; color: #adadad; } .foot1 .flxdz h4 p:nth-child(1){ padding-left: 34px; background: url(../images/f1.png) no-repeat left center; } .foot1 .flxdz h4 p:nth-child(2){ padding-left: 34px; background: url(../images/f2.png) no-repeat left center; } .foot1 .flxdz h4 p:nth-child(3){ padding-left: 34px; background: url(../images/f3.png) no-repeat left center; } .foot1 .flxdz h4 p:nth-child(4){ padding-left: 34px; background: url(../images/f4.png) no-repeat left center; } .foot1 .fewm1{ padding-top: 8px; text-align: center; } .foot1 .fewm1 img{ width: 96px; height: 96px; } .foot1 .fewm1 p{ font-size: 14px; line-height: 36px; color: #adadad; } .foot1 .fewm2{ text-align: center; padding-top: 7px; } .foot1 .fewm2 img{ width: 96px; height: 96px; } .foot1 .fewm2 p{ font-size: 14px; line-height: 36px; color: #adadad; } .foot2{ background: #fff; font-size: 18px; font-weight: bold; line-height: 30px; color: #333333; padding-top: 26px; padding-bottom: 26px; } .foot2 a{ font-size: 14px; font-weight: bold; line-height: 30px; color: #666666; font-weight: normal; } 亚洲熟妇无码va在线播放,国产精品美女久久久久三级,国产精品第一国产综合精品99,亚洲ⅴa中文字幕无码毛,国产按摩无码在线观看