*{padding:0px; margin:0px;} ul,li{list-style:none;} h1,h2,h3{font-size:12px; font-weight:normal;} a:link {color:#222;text-decoration: none;} a:visited {text-decoration: none;color: #222;} a:hover {text-decoration:none;color: #f4d420;} a:active {text-decoration: none;color: #f4d420;} img{border:0px; pointer-events: none;} *{ -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } body{font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu,Arial, Helvetica, sans-serif; font-size:12px ; background:#fff; color:#222;} .clear , .topNav .clear{height:0px; width:0px; line-height:0px; clear:both; float:none; overflow:hidden;} /*common*/ .cmore{width:220px; position:relative; height:46px; line-height:46px; background:url(../images/mkuang.gif) no-repeat; margin:0px auto; margin-top:55px; cursor:pointer;} .cmore li{ height:40px !important;} .cmore .bg{ position:absolute; left:0px; top:0px; width:220px; height:46px; background:url(../images/mkuang2.gif) no-repeat; z-index:10;filter:alpha(opacity=0);-moz-opacity:0; opacity:0;} .cmore a{ position:relative; display:block; width:100%; height:46px; text-align:center; z-index:20; color:#222;} .h1{ text-align:center; font-size:26px; height:28px; line-height:28px; letter-spacing:4px;} #bodyer{ padding-bottom:200px;} /*homeTop*/ .homeTop{position:absolute; left:0px; top:0px; width:100%; height:100px; z-index:890;} .homeLogo{position:absolute; left:60px; top:28px;} .homeTopNav{position:absolute; right:120px; top:36px; width:600px; height:28px; line-height:28px; text-align:right;} .homeTopNav a{ margin-left:20px; font-size:14px; color:#fff;} .homeTopNav a:hover{color:#ffff00;} .black a{ color:#000;} .black a:hover{color:#ffff00;} /*mainPicture*/ .mainPictrue{ height:800px; position:relative; z-index:888; width:100%!important; overflow:hidden;} .mainPictrue .box{width:976px; height:800px; margin:0px auto; position:relative; z-index:200;} .mainPictrue .text{width:976px; text-align:center; margin:0px auto; padding-top:25%; height:110px;} .mainPictrue p{height:52px; line-height:52px; color:#fff; font-size:38px;} .jt{width:46px; height:24px; background:url(../images/jt.png) no-repeat; cursor:pointer; position:absolute; left:50%; bottom:12%; margin-left:-23px;} /*zt valve*/ .mainvalve{ height:600px; position:relative; z-index:888; width:100%!important; overflow:hidden;} .mainvalve .box{ height:600px; margin:0px auto; position:relative; z-index:200;} .mainvalve .text{text-align:center; margin:0px auto; padding-top:23.5%; line-height:34px; color:#fff;} .mainvalve .text h1{ font-size:40px; font-weight:normal; padding-bottom:20px;} .mainvalve .text h2{ font-size:21px; font-weight:normal; padding-bottom:18px;} .mainvalve .text h3{ font-size:21px; font-weight:bold;} /*banner*/ .pc{ display:block;} .wap{ display:none;} .ysysimg-pc{ display:block !important;} .ysysimg-wap{ display:none !important;} .slider-index{width:100%; height:800px; position: relative; z-index:888; position:relative;} .swiper-slide-index{position: relative;} .swiper-slide-index{background-position: center;background-size: cover;color:#fff;background-color:#262528;height:800px;} .swiper-text{position:absolute;width:1200px; height:350px;top:50%; left:50%; margin-left:-620px; margin-top:-105px; text-transform:uppercase;} .btn-b{padding:20px 50px;font-size:12px;color:#2941ab;border-color:#fff; background:#fff;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius:20px;} .btn-b:hover{ background:#009ed5; color:#fff;} .swiper-slide a{ width:1920px; height:800px; display:block;} /***************************display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; ***************************/ .slider-index:hover .arrow-left0, .slider-index:hover .arrow-right0{ display:block;} .slider-index .arrow-left0 { z-index:99; background: url(../images/arr_left.png) no-repeat left top; position: absolute; left: 90px; top: 50%;margin-top: -25px; width: 71px; height: 71px; display:none;} .slider-index .arrow-left0:hover{ background-position:left bottom;} .slider-index .arrow-right0 {z-index:99;background: url(../images/arr_right.png) no-repeat left top; position: absolute; right: 90px; top: 50%; margin-top: -25px;width: 71px; height: 71px; display:none;} .slider-index .arrow-right0:hover{ background-position:left bottom;} .slider-index .swiper-container {height:800px;width: 100%; text-align:center; overflow:hidden} .slider-index .swiper-slide{ background-position:center center; background-repeat:no-repeat;} .slider-index .swiper-pagination {z-index:99;position: absolute;left: 0;text-align: center;bottom:26px;width: 100%;} .slider-index .swiper-pagination-switch {display: inline-block;width:20px;height:20px;border-radius: 12px;background: #fff;margin: 0 6px;cursor: pointer;} .slider-index .swiper-visible-switch { background: #fff;} .slider-index .swiper-active-switch { background: #999;} /*about*/ .warp1 { width: 1080px; margin: 0 auto; padding: 65px 0 65px; position: relative; z-index: 9; background-color: #fff; font-size:14px; line-height:28px;} .warp1 h3 { font-size: 36px; color: #5f6061; margin-bottom: 48px} .warp1 p a { color: #888889} .warp1 h3 { -webkit-animation: fadeleft .8s .3s ease both; -ms-animation: fadeleft .8s .3s ease both; -moz-animation: fadeleft .8s .3s ease both; animation: fadeleft .5s .3s ease both; margin-top: 2px} .warp1 .p1 { -webkit-animation: fadeleft .8s .3s ease both; -ms-animation: fadeleft .8s .3s ease both; -moz-animation: fadeleft .8s .3s ease both; animation: fadeleft .8s .3s ease both} .warp1 .p2 { -webkit-animation: fadeleft .8s .3s ease both; -ms-animation: fadeleft .8s .3s ease both; -moz-animation: fadeleft .8s .3s ease both; animation: fadeleft 1s .3s ease both} .warp1 .p3 { -webkit-animation: fadeleft .8s .3s ease both; -ms-animation: fadeleft .8s .3s ease both; -moz-animation: fadeleft .8s .3s ease both; animation: fadeleft 1.2s .3s ease both} .back2top { display: block; width:36px; height:78px; background: url(../images/top2.png) no-repeat; opacity:1; z-index: 99 } .back2top:hover { opacity: .93; } .brandPic{ width:100%; margin:0px auto; height:450px; background:#f8f8f8; position:relative;} .brandNote{ position:absolute; left:8%; top:40%;} .brandNote h3{ font-size:36px; line-height:50px; color:#000; padding:0 0 10px;} .brandNote p{ font-size:18px; color:#888889;} .brandbg{ width:100%; background:#fff; padding:50px 0; overflow:hidden;} .brand{width:90%; margin:50px auto;} .brand dl{ float:left; width:30.3333%; padding-right:3%; text-align:center; position:relative;} .brand dl.nomargin{ margin-right: 0;} .brand dl dt{ font-size:18px; padding:0 0 0; color:#222; font-weight:bold} .brand dl dd{ font-size:14px; color:#808080; line-height:28px; margin:0 0 20px;} .brand dl dd.first{ font-size:15px; border:none; background:url(../images/a1.gif) no-repeat top center; margin:20px 0 15px; padding:20px 0 0;} .brand dl dd.note{ overflow:hidden;} .brand dl a{ width: 90%; min-height: 320px; padding: 25px 5% 30px; border: 1px solid #efefef; border-radius: 5px; display: block; overflow: hidden; cursor: default;} .brand dl a:hover{ background:#ffff00; border:1px solid #ffff00} .brand dl .more{ font-size:15px; background:url(../images/a0.png) no-repeat top center; padding:15px 0 0; margin:0;} .brand dl.br3{ padding-right:0;} .aboutBt{width:1100px; height:70px; margin:42px auto 0px auto; background:url(../images/aboutbt.gif) no-repeat;} .new_case{ width:100%; max-width:1716px; margin:0 auto 50px; overflow:hidden; background: #1853a4;} .left_case_pic{ float:left; width:1144px; background:#ccc;} .left_case_pic a{ display:block;} .left_case_pic img{ width:100%;} .right_case{ float:left; width:568px; background:#111;} .r01{ background:#2f6450} .r02{ background:#1853a4} .r03{ background:#222} .right_case .des{ padding:100px;} .right_case .des b { display: block; color:#fff; font-size: 30px; font-weight:normal; height: 80px; line-height: 40px; padding-bottom: 60px; } .right_case .des p { display: block; font-size: 14px; line-height: 30px; color:#fff; } .right_case .des b:after { content: ''; display: block; width: 17px; height: 16px; margin: 20px 0 0 0; background: url(../images/c.png) 0 0 no-repeat; } .right_case .Casemore{ float:left; color:#fff; padding:0 30px; display:block; height:46px; line-height:46px; border:1px solid #fff; margin:0px auto; margin-top:40px; cursor:pointer;} .right_case .Casemore:hover{ background:#ffff00; border:1px solid #ffff00; color:#333;} .fl{ float:left;}.fr{ float:right;} /*news*/ .news .h1,.trend .h1{padding-top:80px;} .news .box , .trend .box{width:1100px; margin:0px auto; margin-top:50px;} .news li{ float:left; width:254px; text-align:center; margin-right:28px; height:280px;} .news .last , .trend .last{ margin-right:0px;} .news .text1{line-height:18px; font-size:12px; font-weight:bold; margin-top:10px;} .news .text2{height:28px; line-height:28px; font-size:14px;} .news .pic{width:254px; height:168px; position:relative; cursor:pointer; overflow:hidden;} .news .pic img{width:254px; height:168px; position:absolute; left:0px; top:0px; z-index:10;} .news .pic .bg{display:block; position:absolute; left:0px; top:0px; width:254px; height:168px; background:#000; z-index:20; filter:alpha(opacity=0);-moz-opacity:0; opacity:0;} .news .pic .readMore{display:none; background:url(../images/kuang.png) no-repeat; color:#aaa; position:absolute; left:69px; top:64px; width:116px;; height:40px; line-height:40px; z-index:30; } .fBg{ display:block; position:absolute; background:url(../images/kuang2.png) no-repeat; left:0px; top:0px; width:116px; height:40px; z-index:20;filter:alpha(opacity=0);-moz-opacity:0; opacity:0;} .readMore strong{font-weight:normal; display:block; position:relative; z-index:30;} .news .more a , .trend .more a{ color:#333;} .news .more a:hover , .trend .more a:hover{color:#f4d420;} /*trend*/ .trend li{ float:left; width:340px; text-align:center; margin-right:39px; } .trend .text1{line-height:20px; font-size:14px; font-weight:bold; margin-top:10px;} .trend .text2{ line-height:28px; font-size:16px;} .trend .text3{ color:#ccc; line-height:20px; font-size:14px; margin:10px 0; text-align:left; height:40px; overflow:hidden;} .trend .pic{width:340px; height:225px; position:relative; cursor:pointer; overflow:hidden;} .trend .pic img{width:340px; height:225px; position:absolute; left:0px; top:0px;z-index:10;} .trend .pic .bg{display:block; position:absolute; left:0px; top:0px; width:340px; height:225px; background:#000; z-index:20; filter:alpha(opacity=0);-moz-opacity:0; opacity:0;} .trend .pic .readMore{display:none; background:url(../images/kuang.png) no-repeat; color:#aaa; position:absolute; left:112px; top:93px; width:116px; height:40px; line-height:40px; z-index:30; } /*clients*/ .clients .h1{padding-top:150px;} .clients .box{width:1098px; margin:0px auto; border-left:1px solid #ececec; border-top:1px solid #ececec; height:369px;margin-top:60px;} .clients li{width:182px; height:122px; overflow:hidden; float:left; border-right:1px solid #ececec; border-bottom:1px solid #ececec; position:relative;} .clients .pic{width:182px; height:122px; display:block;} .clients li a{ cursor:text} .clients li span{ position:absolute; width:182px; height:122px; line-height:122px; text-align:center; background:#000;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; color:#fff; left:0; top:0; display:none;} .clients li a:hover span{ display: block;} #footer{margin-top:80px;} #bodyer{ width:100%; padding:160px 0px 120px 0px;} #bodyer .t{text-align:center; font-size:26px; height:28px; line-height:28px; letter-spacing:4px;} /**/ .top{height:50px; background:#fff; position:fixed; z-index:999; left:0px; top:0px; width:100%!important;-webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;-moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;transition: all .3s ease} .top .box{height:50px; width:100%; position:relative;} .top .logo{ position:absolute; left:2%; top:10px; font-size:18px; font-weight:bold; color:#231815;} .topNav{position:absolute; right:40px; top:0px; width:550px; height:50px; line-height:50px; text-align:right;} .topNav a{ padding:0px 12px; line-height:50px; color:#333;} .topNav a:hover{color:#f4d420;} .topShare{position:absolute; right:0px; top:16px; width:105px; height:20px;} .topShare ul{width:105px; position:relative; height:20px;} .topShare li{position:absolute; width:20px; height:20px; top:0px; left:40px; background:url(../images/share2.png) no-repeat; cursor:pointer; display:none;} .topShare .s1{background-position:0px 0px; display:block;} .topShare .s2{background-position:0px -20px;} .topShare .s3{background-position:0px -40px;} .topShare .s4{background-position:0px -60px;} .topShare .s3 a{display:block; width:20px; height:20px;} .topShare .clip{width:50px; height:20px; line-height:20px;position:absolute; left:28px; top:-2px; color:#000; cursor:pointer; display:none;} /*footer*/ #footer{background:#282828;color:#fff;} #footer .box{width:1100px; margin:0px auto;background:#282828; padding:50px 0;} #footer .box2{width:1100px; margin:0px auto; padding:20px 0; overflow:hidden; color:#ccc; border-bottom: 1px dashed #444;} #footer .box2 a{ float:left; padding:0 15px; display:block; color:#fff;} #footer .box2 a:hover{color:#f4d420;} #footer .box2 p{ float:left;} .indexfoot{ background:#f7f7f7 !important; color:#333 !important;} .indexfoot .box2{ border-bottom:none !important;} .indexfoot .box2 a{ color:#333 !important;} #footer .item .title_en{font-size:13px; height:28px; line-height:28px;} #footer .item{float:left; width:260px; height:345px;} #footer .item ul{height:150px;} #footer .item li{ line-height:21px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #footer .item .btLogo{ padding:5px 0px 20px 0px;} #footer .item a{color:#ccc;} #footer .item a:hover{color:#f4d420;} #footer .btNews{width:305px;} #footer .btNews li{width:240px; overflow:hidden;} #footer .last{width:150px;} #footer .first{width:385px; color:#ccc;} #footer .c{margin-top:10px;} #footer .last a{display:block; width:143px; text-align:center; font-size:14px; height:38px; line-height:38px; color:#a89410; background:url(../images/btcontact.gif) no-repeat;} #footer .last a:hover{font-size:12px; color:#f4d420} .pcer{ float:left; width:115px; text-align:center; line-height:21px; padding:10px 22px 0 0;} .pcer img{ width:110px;} .bt{background:#090104; color:#999; height:46px; line-height:46px; text-align:center;} .bt .btmain{width:1100px; background:#090104; margin:0px auto;} .bt a{ color:#999;} .toTop{width:40px; height:40px; position:fixed; right:40px; bottom:60px; z-index:999;} .showbg{ padding:30px 0;} .showmain{ width:1400px; background: #fff; padding:0px; margin:0px auto; font-size: 16px; letter-spacing: 1px; line-height: 1.8;} .showmain img{max-width:1400px;} .chmian { background: #f5f5f5; padding: 40px; width:100%; max-width:1400px; margin: 50px auto; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; } .chmian, .chmian:before, .chmian:after { box-sizing: border-box;} .chmian-l { -ms-flex: 1 0 200px; flex: 1; border-right: 2px solid #eee; padding-right: 60px; margin-right: 60px; } .chmian-r { -ms-flex: 2 0 300px; flex: 2;} .chmian-l-n { font: 600 36px/1.2 Arial, sans-serif; color: #333; padding-bottom:5px;} .chmian-r .title { font: 26px/46px Arial; color: #333;} .chmian-r-xx { font-size: 16px; line-height: 1.8em; } @media all and (max-width: 768px) { .chmian { -ms-flex-direction: column; padding: 25px; margin: 20px auto;display: block;} .chmian-l { -ms-flex: none !important; border-right: 0; border-bottom: 2px solid #eee; padding-right: 0; padding-bottom: 25px; margin-right: 0; margin-bottom: 25px; width: 100%;} .chmian-r { -ms-flex: none; width: 100%; } } .webmain{width:1400px; background: #fff; padding:50px; margin:0px auto; font-size: 16px; letter-spacing: 1px; line-height: 1.8;} .webmain img{ width:100%;} .videomain{ background: #fff; padding:50px; margin:0px auto; font-size: 16px; letter-spacing: 1px; line-height: 1.8;} #shownr{} #showtext{ text-align:left; padding:15px 0; overflow:hidden;} #shownr .y{} #shownr .neirong img,#shownr .ul_photoshow img{ margin:0 auto; display:block;/* max-width:1200px;*/height: auto;width: auto\9; /* ie8 */} #shownr .neirong p{ font-size:16px; line-height:30px; letter-spacing:1px;} #shownr .neirong p strong{ color:#000} #shownr .neirong h1{ font-size:36px; line-height:40px; padding:0 0 20px;} #shownr .neirong h2{ font-size:30px; line-height:45px;} #shownr .neirong h3{ font-size:24px;} #shownr .neirong h4{ } .newmain{ max-width:1200px; margin:0 auto;} #shownr .txtcenter{ text-align:center;} #shownr .Nbox1{ overflow:hidden; padding:100px 50px 60px;} #shownr .Nbox2{ background:#1d1d1d; overflow:hidden; padding:100px 100px 80px;} #shownr .Ntitle h3{ font-size:50px;} #shownr .Ntitle h4{ font-size:30px; color:#ececec; line-height:70px; font-family:Arial, Helvetica, sans-serif; font-weight:100;} #shownr .Ndesc{ font-size:26px; line-height:48px;} #shownr .Nbox2 .Ndesc{ color:#fff;} #shownr .Nbox2 .Ntitle h3{ color:#fff;} #shownr .Nbox2 .Ntitle h4{ color:#2a2a2a;} #shownr .Nbox2 .secTitle{ text-indent:-9999px; font-size:30px; padding:40px 0; background:url(../images/01title.jpg) no-repeat; background-size:30%; background-position:center center;} #shownr .Nbox2 hr{ width:350px; height:1px; margin:0 auto; text-align:center; background:#3e3e3e; border:none;} #shownr .Nbox3{ background:#f2f2f2; overflow:hidden; padding:40px 100px 80px;} #shownr .Nbox3 .Ndesc{ color:#050505;} #shownr .Nbox3 .secTitle{ text-indent:-9999px; font-size:30px; padding:40px 0; background:url(../images/02title.jpg) no-repeat; background-size:30%; background-position:center center;} #shownr .Nbox3 hr{ width:350px; height:1px; margin:0 auto; text-align:center; background:#afafaf; border:none;} #shownr .Nbox3 .linebox{ width:560px; margin:0 auto;} #shownr .Nbox3 .linebox li{ color:#afafaf; border:1px solid #afafaf; margin:35px 0 0;} #shownr .Nbox4{ background:#3f3f3f; overflow:hidden; padding:40px 100px 80px;} #shownr .Nbox4 .Ndesc{ color:#bababa;} #shownr .Nbox4 .secTitle{ text-indent:-9999px; font-size:30px; padding:40px 0; background:url(../images/03title.jpg) no-repeat; background-size:30%; background-position:center center;} #shownr .Nbox4 hr{ width:350px; height:1px; margin:0 auto; text-align:center; background:#bababa; border:none;} #shownr .Nbox4 .linebox{ width:820px; margin:0 auto;} #shownr .Nbox4 .linebox li{ color:#fff; border:1px solid #fff; margin:35px 0 0; padding: 5px 10px;} .proshow2{ width:1400px; margin: 0 auto; padding: 20px 0 20px 0; font-size:14px; line-height:28px;}.proshow a{ color:#333;} .proshow2 img{ max-width:1100px; border:0; vertical-align: middle; height:auto; width:100%;} .proshowpic2{ padding:50px 3.6%; background:#fff; text-align:center} .proshowpic2 .my-video-dimensions{ width:100% !important; margin:0 auto;} .proshowzi2{ float:left; width: 50%; padding: 100px 3.5% 85px; line-height:28px; color:#595757; font-size: 16px;} .proshowzi2 a:hover{ color:#ff0000;} .proshowzibox{ width:100%; overflow:hidden; background-color: #fff; margin-bottom:15px;} .proshowzibox .title{ font-size:26px; line-height:46px; color:#333; padding:0 0 10px} .proshowzibox .line { display: block; width: 10px; height: 2px; line-height:2px; background-color: #9a9a9a; margin-bottom: 10px;} .proshowzi_right{ float:left; background-color: #f5f5f5; width: 50%; padding: 100px 3.5% 155px;} .link-website{ display: inline-block; width: 110px;height: 34px;border: 1px solid #d0d0d0;line-height: 34px;font-size: 14px;border-radius: 15px;margin-top: 30px;transition: all 0.3s ease 0s;color: #000; text-align: center;} .link-website:hover{ color:#fff !important; background: #333;} .cl:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0}.cl{zoom:1}.p-t20{padding-top:20px!important}.m-t30{margin-top:30px!important}h1.c000 a{color:#000}.c999,.c999 a,.c999 a:hover{color:#999}.c555{color:#222}.c555 a{color:#222}.c555 a:hover{color:#f66}.tl{text-align:left}.tc{text-align:center}.tr{text-align:right}.p-tb15{padding:15px 0}.lh30{line-height:30px}.f18{font-size:18px}.f14{font-size:14px}.f16{font-size:16px} .pf-zd{ position: fixed; top: 350px; right: 230px; width:100px; height:100px; background:url(../images/btn.gif) no-repeat; background-size:100px; z-index:9999;} .pf-zd a{ height:100px; display:block;} .right_side{ position: absolute; right: 0; top: 35%; width: 60px; height: 245px; z-index: 80000; } img { border: 0; vertical-align: middle; } .right_side ul{} .right_side ul li{ width: 60px; height: 60px; border-bottom: 1px solid #3b3b3b; background: #191919 url(../images/right_ico.png) no-repeat; cursor: pointer; position: relative;-webkit-transition: background 0.5s ease-out ; -moz-transform:background 0.5s ease-out; transition: background 0.5s ease-out ; } .right_side ul li:hover{ background:#FFFFFF url(../images/right_hover_ico.png) no-repeat; } .right_side ul li.qq{ background-position: center 17px; } .right_side ul li.qq div{ display: none; background-color: #f9f9f9; position: absolute; right: 60px; width: 180px; height: 120px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; overflow: hidden; -moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.2); -webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.2); box-shadow:-7px 0px 10px rgba(0,0,0,0.2); } .right_side ul li.qq div dt{ text-align: center; height: 60px; line-height: 60px; background-color: #ffffff; } .right_side ul li.qq div dd{height: 60px; line-height: 60px; color: #666666; margin: 0 auto; width: 160px; font-size: 16px; border-bottom: 1px dotted #dedede; text-indent: 80px; background: url(../images/qqbg.gif) no-repeat 30px 17px;} .right_side ul li.qq div dd a{ display: block;} .right_side ul li.qq div dd a:hover{ color: #556c9c;} .right_side ul li.tel{ background-position: center -44px; } .right_side ul li.tel div{ display: none; border-bottom-left-radius: 5px; border-top-left-radius: 5px; position: absolute; right: 60px;-moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.3); -webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.3); box-shadow:-7px 0px 10px rgba(0,0,0,0.3); height: 60px; line-height: 60px; padding: 0 20px; font-size: 24px; font-weight: bold; color: #212121; background-color: #ffffff; white-space: nowrap } .right_side ul li.wx{ background-position: center -105px; border-top-left-radius: 5px;} .right_side ul li.wx div{ border-radius: 5px; display: none; position: absolute; top: -45px; right: 60px;-moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.3); -webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.3); box-shadow:-7px 0px 10px rgba(0,0,0,0.3); overflow: hidden; } .right_side ul li.topback{ background-position: center -166px; border: none; border-bottom-left-radius: 5px; } .right_side ul li:hover div{ display: block;} .right_side ul li.qq:hover{ border-radius: 0; } .right_side #returnTop a{ width:60px; height:60px; display:block; text-indent:-9999px;} .network { clear:left;width:90%; margin:0px auto; margin-bottom:50px; overflow:hidden;} .network .h1{ width:1100px; height:100px; margin:60px auto 0; background:url(../images/line.gif) repeat-x center 15px;} .network .h1 span{ font-size:16px; display:block; padding:10px 0 0;} .network .box{ overflow:hidden} .network .left{ float:left; width:50%;} .network .left img{ width:100%; height:100%;} .network .right{ float:left; width:50%; background:url(../images/a3.jpg) no-repeat left bottom; background-size:cover;} .network .right .note1{ float:left; width:32%; height:345px; background:#abb3b9; padding:90px 9% 0; font-size:14px; line-height:26px; text-align:center} .network .right .note1 p.title{ font-size:24px; color:#515151; background:url(../images/a1.jpg) no-repeat top center; padding:70px 0 60px; line-height:36px;} .network .right .note2{ float:left; width:32%; height:345px; background:#e2e3e5 url(../images/a2.jpg) repeat-x left bottom; padding:90px 9% 0; font-size:14px; line-height:26px; text-align:center} .network .right .note2 p.title{ font-size:24px; color:#515151; padding:0 0 60px; line-height:36px;} .network .right .note3{ clear:left; width:90%; height:322px; padding:75px 5% 0; font-size:14px; line-height:26px;} .network .right .note3 p.title{ font-size:24px; color:#515151; padding:0 0 30px; line-height:36px;} /*project*/ @font-face { font-family:YIYI; src: url('../../new/font/NORMANDI.TTF'); } .project{ padding:0;} .project .project-title{ padding:30px 60px; overflow:hidden;} .project .project-title h3{ color:#211815; font-size:70px; line-height:90px; font-family:YIYI;} .project .project-title h4{ color:#211815; font-size:42px; line-height:62px; font-weight:bold;} .project .h1{ width:1100px; height:80px; margin:60px auto 0; background:url(../images/line.gif) repeat-x center 15px;} .project .h1 span{ font-size:16px; display:block; padding:10px 0 0;} .project .t span { font-size: 16px; display: block;} .project .box{width:100%; margin-top:50px; overflow:hidden;} .project li{float:left; width: 33.333333%; height:auto;position:relative; overflow:hidden; margin-bottom:0; cursor:pointer;} .project li a{display:block; color:#fff;} .project .pic{z-index:10; position:relative; left:0px; top:0px; width:100%;} .project .box .bg{position:absolute; left:0px; top:0px; width:100%; height:100%; background:#000; z-index:20; filter:alpha(opacity=0);-moz-opacity:0; opacity:0;} .project .text{ display:none; position:absolute; left:0px; top:120px; width:100%; text-align:center; z-index:30;} .project .text p.title{ color:#fff; font-size:15px; font-weight:bold;line-height:26px;} .project .text div.text-b{ font-size:15px; padding:0 10%; color:#d0cfcf; font-weight:normal; line-height:26px;} .subcase{float:right; text-align:right; margin-right:5%;} .subcase div{display:inline; padding-left:20px; font-size:16px;} .subcase div a:hover,.subcase div.active a{color:#666;} .space{padding:0px;} .space .space-title{ padding:30px 45px; overflow:hidden; position:relative; } .space .space-title h3{width: 100%; max-width: 986px; float:right; position:absolute; right:100px; top:-100px; z-index:-1; } .space .space-title h4{ color:#211815; font-size:24px; line-height:58px; font-weight:bold; padding-bottom: 30px;background: url(../images/space.png) right top no-repeat;} .space .box{display:table; padding:30px 45px; width:100%} /*.space .box ul{padding:0px; margin:0px;} .space .box ul li{width:30%; margin-right:5%; margin-bottom:5%; float:left; overflow:hidden;} .space .box ul li:nth-child(3n+3){margin-right:0px;} .space .box ul li .image{ display:block;} .space .box ul li img{max-width:100%; transition:all 0.4s ease;} .space .box ul li:hover img{transform:scale(1.05)} .space .box ul li a{cursor: pointer; display:table;} .space .box ul li .text{margin-top:5px; font-size:14px; color:#999; line-height:30px;} .space .box ul li .text-b{font-size:16px; font-weight:bold; color:#000;} */ .space .box ul {padding:0px; margin:0px;} .space .box ul li { width: 30%; margin-right:5%; margin-bottom:5%; overflow: hidden; position: relative; list-style: none; float:left; } .space .box ul li:nth-child(3n+3){margin-right:0px;} .space .box ul li .image { display: block; width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;} .space .box ul li img { position: absolute; width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: transform;} .space .box ul li:hover img { transform: scale(1.05);} .space .box ul li a { cursor: pointer; display: block; text-decoration: none; color: inherit;} .space .box ul li .text { margin-top: 12px; padding: 0 8px; font-size: 14px; color: #999; line-height: 1.5;} .space .box ul li .text-b { display: block; font-size: 16px; font-weight: 600; color: #000; margin-top: 4px;} .space .box ul li .text p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } /*website*/ .website{ padding:30px 0 0 0;} .website .h1{ width:1100px; margin:50px auto 0; background:url(../images/line-.gif) repeat-x center center;} .website .box{width:100%; margin-top:50px; overflow:hidden;} .website li{float:left; width: 33.333333%; height:auto;position:relative; overflow:hidden; margin-bottom:-4px; cursor:pointer;} .website li a{display:block; color:#fff;} .website .pic{z-index:10; position:relative; left:0px; top:0px; width:100%;} .website .box .bg{position:absolute; left:0px; top:0px; width:100%; height:100%; background:#000; z-index:20; filter:alpha(opacity=0);-moz-opacity:0; opacity:0;} .website .text{ display:none; position:absolute; left:0px; top:120px; width:100%; text-align:center; z-index:30;} .website .text p.title{ color:#fff; font-size:15px; font-weight:bold;line-height:26px;} .website .text div.text-b{ font-size:15px; padding:0 10%; color:#d0cfcf; font-weight:normal; line-height:26px;} .foot{ display:none} .nav { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.9); display: none; z-index:1000; } .nav ul { margin: 0 auto; width: 50%; text-align: center; height: 500px; position: absolute; top: 50%; margin-top: -250px; left: 50%; margin-left: -25% } .nav ul li { -webkit-animation: DDInY .8s .3s ease both; -ms-animation: DDInY .8s .3s ease both; -moz-animation: DDInY .8s .3s ease both; animation: DDInY .8s .3s ease both } .nav ul a { display: block; height: 50px; overflow: hidden; margin: 10px 0 } .nav ul span { display: block; font-size: 24px; line-height: 50px; text-transform: uppercase; color: #e9e7e8 } .nav .nav-tel { position: absolute; left: 2%; bottom: 2%; text-align:center; display:block; } .nav .close { display: block; position: absolute; top: 4%; right: 4% } .nav .close img { width: 42px; transition: all .5s ease } .nav span.en{ display:none;} .nav .close:hover img { transform: rotate(180deg) } .mainPictrue2{ display:none} .mainvalve2{ display:none} /**************about****************/ .about1 { width: 1100px; margin: 0 auto } .about1 .about1-left { float: left; font-size: 24px; color: #333; margin-left: 120px; } .about1 .about1-right { float: right; width: 640px } .about2 { width: 100%; height: 513px; color: #fff; min-width: 1200px; } .about2-2 { width: 1200px; margin: 0 auto; } .about2-2 img{ max-width:100%;} .about2-1 { width: 1100px; margin: 0 auto; position: relative; } .about1-1 { font-size: 14px; line-height: 34px; color: #5f6061; } .about1-1 { margin-bottom: 100px } .aboutpic { width: 100%; height:1128px; color: #fff; min-width: 1200px; } .pt60{ padding-top:60px; margin-bottom:70px;} .about3 { float: right; width: 640px; margin-top: 70px; color: #5f6061; font-size:12px; } .about3 h3, .about3 h3 { font-size: 18px; color: #0f0b09; margin-bottom: 1em } .about3 p, .about3 p { margin-bottom: 1em } .about3 ul { width: 128px; float: left; margin-bottom: 45px } .about3 dt { font-size: 16px; color: #5f6061; margin-bottom: 14px } .about3 li, .about3 li a { color: #5f6061; line-height: 24px; } #bodyer { padding-bottom: 120px; } /**************about****************/ /*news*/ .trend .box{width:92%;/* max-height:1580px;*/ margin:0px auto; overflow:hidden; margin-top:60px;} .trend .last{ margin-right:0px;} .fBg{ display:block; position:absolute; background:url(../images/kuang2.png) no-repeat; left:0px; top:0px; width:116px; height:40px; z-index:20;filter:alpha(opacity=0);-moz-opacity:0; opacity:0;} .readMore strong{font-weight:normal; display:block; position:relative; z-index:30;} .trend .more a{ color:#333;} .trend .more a:hover{color:#333;} /*trend*/ .trend{padding-bottom:0px;} .trend li{ float:left; width:23%; text-align:center; margin:0 2.65% 60px 0;} .trend li:nth-child(4n+4){margin:0 0 60px 0;} .indextrend li{ height:auto !important;} .trend .text1{line-height:20px; font-size:14px; font-weight:bold;} .trend .text2{ line-height:28px; font-size:16px; margin-top:10px; margin-bottom:10px;} .trend .pic{width:100%; height:285px; position:relative; cursor:pointer; overflow:hidden;} .trend .pic img{width:100%; height:auto; position:absolute; left:0px; top:0px;z-index:10;} .trend .pic .bg{display:block; position:absolute; left:0px; top:0px; width:100%; height:285px; background:#000; z-index:20; filter:alpha(opacity=0);-moz-opacity:0; opacity:0;} .trend .pic .readMore{display:none; background:url(../images/kuang.png) no-repeat; color:#aaa; position:absolute; left:112px; top:93px; width:116px;; height:40px; line-height:40px; z-index:30; } .trend .pic a{ display:block;} .news .more a , .trend .more a{ color:#333;} .news .more a:hover , .trend .more a:hover{color:#f4d420;} #bodyer{padding-bottom:120px;} .jt{animation: down 1s ease infinite;} #read-more{ display:none } .partner_valve{ width:100%; background:#fff; margin:0 auto; padding:10px 0 30px;} .valve_title{ width:100%; color:#424242; font-size:30px; text-align:center; padding:20px 0; background:url(../images/titlebg.png) no-repeat center 42px;} .valve_title span{ display:block; color:#848484; font-size:14px; padding-top:8px;} .partner_list { width:1200px; padding:30px 0 0; overflow:hidden; margin:0 auto;} .partner_list ul li{ float:left; width:160px; height:80px; margin:0 13px 30px 0;} .partner_list ul li.nomargin{ margin-right:0;} .partner_list ul li img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;} .partner_list ul li:hover img{ opacity: 1; filter:none; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0);} .partner_list ul li { position: relative; display: inherit; max-width: 100% } .partner_list ul li:before { position: absolute; content: ""; top: 0; left: 0; width: 0; height: 0; margin: auto; background-color: rgba(255,255,255,0.1); -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s } .partner_list ul li:after { content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 0; background-color: rgba(255,255,255,0.1); -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s } .partner_list ul li:hover:before,.partner_list ul li:hover:after { width: 100%; height: 100% } .indexmain{ width:90%; margin:0 auto; margin-top:40px;} .indexmain li{ width:22.75%; height:auto; background:url(../images/loading.gif) no-repeat 135px 70px; float:left; margin-right:3%; margin-bottom:55px;display:block; overflow:hidden; text-overflow:ellipsis; } .indexmain li.nomargin{ margin-right:3%} .websitelist li:nth-of-type(5n){ margin-right:3%;} .indexmain li:nth-of-type(4n){ margin-right:0;} .indexmain li a img{ width:100%; float:left; border:0;} .indexmain li a{ float:left;font-size:14px; color:#595757; line-height:40px; text-decoration:none; position:relative;} .indexmain li span{ padding-top:15px; float:right;} .indexmain li span img{ float:left; width:12px; height:12px; margin-left:3px;} .indexmain li p{ width:100%; line-height:20px; color:#595757; text-align:inherit; float:left; height:40px; overflow:hidden;} .list_valve{ width:100%; overflow:hidden; padding:10px 0 30px;} .list_valve .list_00{ width:1920px; height:870px; margin-bottom:45px; overflow:hidden;} .list_valve .list_00 .left{ float:left; width:730px; height:450px; background:url(../images/pic12.jpg) no-repeat; position:relative;} .list_valve .list_00 .left a{ width:100%; height:100%; display:block;} .list_valve .list_00 .left .note{ width:100%; height:80px; padding:15px 30px; font-size:14px; color:#fff; text-transform:uppercase; line-height:24px; background:rgba(0,0,0,.3); position:absolute; bottom:0;} .list_valve .list_00 .left .note span{ font-size:18px; display:block;} .list_valve .list_00 .left .more a:hover{ background:#b3b3b3; color:#333;} .list_valve .list_00 .center{ float:left; width:560px; height:450px; background:url(../images/pic13.jpg) no-repeat;} .list_valve .list_00 .right{ float:left; width:630px; height:450px; background:url(../images/pic14.jpg) no-repeat;} .list_valve .list_00 .list_a{ float:left; width:438px; height:422px; background:url(../images/pic15.jpg) no-repeat;} .list_valve .list_00 .list_b{ float:left; width:473px; height:422px; background:url(../images/pic16.jpg) no-repeat;} .list_valve .list_00 .list_c{ float:left; width:532px; height:422px; background:url(../images/pic17.jpg) no-repeat;} .list_valve .list_00 .list_d{ float:left; width:473px; height:422px; background:url(../images/pic18.jpg) no-repeat;} .list_valve .list_00 .center a,.list_valve .list_00 .right a{ height:100%; display:block;} .list_valve .list_00 .list_a a,.list_valve .list_00 .list_b a,.list_valve .list_00 .list_c a,.list_valve .list_00 .list_d a{ height:100%; display:block;} .list_valve .list_01{ height:870px; margin-bottom:45px; overflow:hidden;} .list_valve .list_01 .left{ float:left; width:30%; height:870px; padding:66px; background:#282a2e;} .list_valve .list_01 .left h3{ font-size:20px; color:#525357; text-transform:uppercase; line-height:24px;} .list_valve .list_01 .left h1{ font-size:48px; color:#fff; padding-top:280px;} .list_valve .list_01 .left h2{ font-size:14px; color:#b3b3b3; line-height:30px; padding-top:85px;} .list_valve .list_01 .left .more{ padding-top:85px;} .list_valve .list_01 .left .more a{ width:138px; height:37px; line-height:37px; color:#b3b3b3; text-align:center; display:block; border:1px solid #3b3c40; text-transform:uppercase;} .list_valve .list_01 .left .more a:hover{ background:#b3b3b3; color:#333;} .list_valve .list_01 .right{ float:left; width:70%; height:870px; background:url(../images/pic1.jpg) no-repeat;} .list_valve .list_01 .right a{ width:100%; height:100%; display:block} .list_valve .list_02{ width:1700px; height:840px; margin:0 auto; margin-bottom:45px; overflow:hidden} .list_valve .list_02 .left{ float:left; width:49%; height:840px; background:url(../images/pic2.jpg) no-repeat; position:relative;} .list_valve .list_02 .left a{ width:100%; height:100%; display:block;} .list_valve .list_02 .left .note{ width:100%; height:80px; padding:15px 50px; font-size:14px; color:#fff; text-transform:uppercase; line-height:24px; background:rgba(0,0,0,.3); position:absolute; bottom:0;} .list_valve .list_02 .left .note span{ font-size:18px; display:block;} .list_valve .list_02 .left .more a:hover{ background:#b3b3b3; color:#333;} .list_valve .list_02 .right{ float:left; width:50%; height:870px; margin-left:1%;} .list_valve .list_02 .right ul li{ float:left; width:50%; height:410px;} .list_valve .list_02 .right ul li.mb20{ margin-bottom:20px;} .list_valve .list_02 .right ul li a{ height:410px; display:block} .list_valve .list_02 .right ul li a.a1{ background:url(../images/pic3_1.jpg) no-repeat;} .list_valve .list_02 .right ul li a.a2{ background:url(../images/pic4.jpg) no-repeat;} .list_valve .list_02 .right ul li a.a3{ background:url(../images/pic5.jpg) no-repeat;} .list_valve .list_02 .right ul li a.a4{ background:url(../images/pic6.jpg) no-repeat;} .list_valve .list_03{ width:1700px; margin:0 auto; margin-bottom:45px; overflow:hidden} .list_valve .list_03 .left{ float:left; width:58%; height:840px; background:url(../images/pic7.jpg) no-repeat; position:relative;} .list_valve .list_03 .left a{ width:100%; height:100%; display:block;} .list_valve .list_03 .left .note{ width:100%; height:80px; padding:15px 50px; font-size:14px; color:#fff; text-transform:uppercase; line-height:24px; background:rgba(0,0,0,.3); position:absolute; bottom:0;} .list_valve .list_03 .left .note span{ font-size:18px; display:block;} .list_valve .list_03 .right{ float:left; width:40%; height:840px; margin-left:2%; background:url(../images/pic8.jpg) no-repeat;} .list_valve .list_03 .right a{ width:100%; height:100%; display:block;} .list_valve .pic{ clear:both; width:1700px; margin:45px auto; height:703px; background:url(../images/pic11.jpg) no-repeat;} .list_valve .list_04{ width:1700px; height:747px; margin:0 auto; overflow:hidden} .list_valve .list_04 .left{ float:left; width:49%; height:747px; background:url(../images/pic9.jpg) no-repeat; position:relative;} .list_valve .list_04 .left a{ width:100%; height:100%; display:block;} .list_valve .list_04 .left .note{ width:100%; height:80px; padding:15px 50px; font-size:14px; color:#fff; text-transform:uppercase; line-height:24px; background:rgba(0,0,0,.3); position:absolute; bottom:0;} .list_valve .list_04 .left .note span{ font-size:18px; display:block;} .list_valve .list_04 .right{ float:left; width:49%; height:747px; margin-left:1%; background:url(../images/pic10.jpg) no-repeat;} .list_valve .list_04 .right a{ width:100%; height:100%; display:block;} .service_valve{ width:100%; background:url(../images/valve_service.jpg) no-repeat top center; margin:0 auto; padding:10px 0 50px;} .service_title{ width:100%; color:#fff; font-size:30px; text-align:center; padding:60px 0;} .service_title span{ display:block; color:#ccc; font-size:14px; padding-top:8px;} .service_valve .lists{ width:1200px; height:773px; padding:0 25px; margin:0 auto; background:url(../images/valve_servicebg.png) no-repeat top center;} .service_valve .lists dl{ float:left; width:560px; height:420px; padding:0 22px 0 40px;} .service_valve .lists dl dt{ height:190px; padding:58px 0 45px; font-size:36px; color:#333; line-height:40px; text-align:center} .service_valve .lists dl dt.one{ padding:0; line-height:190px; background:url(../images/arr1.png) no-repeat center center;} .service_valve .lists dl dt.two{ padding:0; line-height:190px; background:url(../images/arr2.png) no-repeat center center;} .service_valve .lists dl dt.three{ padding:0; line-height:190px; background:url(../images/arr3.png) no-repeat center center;} .service_valve .lists dl dt.four{ padding:0; line-height:190px; background:url(../images/arr4.png) no-repeat center center;} .service_valve .lists dl dt span{ font-size:28px; color:#999; text-transform:uppercase;} .service_valve .lists dl dd{ color:#666; font-size:14px; line-height:28px; background:url(../images/arr.png) no-repeat left 11px; padding-left:18px;} .contacts{ clear:left; color:#666; font-size:14px; line-height:26px; text-align:center; padding-bottom:50px;} .bottom_keywordsbg{ width:100%; background:#ededed; padding:20px 0; overflow:hidden;} .bottom_keywords{ width:1200px; margin:0 auto;} .bottom_keywords ul li a{ float:left; display:block; padding:5px 15px; margin:5px; border-radius:3px; border:1px solid #8b8b8b;} .partnerlist{ clear:both; width:1100px; margin:0 auto; overflow:hidden; padding-top:60px;} .partnerlist p.p1{text-align:center;font-size:26px; line-height:28px;letter-spacing:4px; padding:0 0 30px;} .partnerlist p.p2{ text-align:center;font-size:20px; line-height:28px;letter-spacing:4px; padding:0 0 50px;} .partnerlist p.p2 span{ display:block; padding-bottom:10px;} .partnerlist p.p3{ clear:left; line-height:60px; text-align:center;font-size:18px; line-height:32px; padding:50px 0;} .partnerlist p.p3 span{ display:block;} .partnerlist .box{ height:135px; border-top:1px solid #4a4544; border-bottom:1px solid #4a4544;} .partnerlist .box ul{ padding:30px 0 0;} .partnerlist .box ul li{ float:left; margin-left:85px; text-align:center} .partnerlist .box ul li span{ display:block; font-size:14px; text-align:center; line-height:30px;} .partnerlist .box ul li a{ cursor:default;} .partnerlist p.p4{text-align:center;font-size:20px; line-height:28px;letter-spacing:4px; padding:0 0 30px;} .partnerlist .box2{ padding:40px; border:1px solid #4a4544; position:relative;} .partnerlist .box2 .p5{ width:380px; background:#fff; display:block; line-height:60px; text-align:center;font-size:20px; line-height:28px;letter-spacing:4px; padding:0 0 20px; position:absolute; top:-20px; left:50%; margin-left:-190px;} .partnerlist .box2 ul{ overflow:hidden;} .partnerlist .box2 ul li{ float:left; font-size:14px; line-height:32px; margin:0 30px 0 70px;} .fwxm { } .fwxm dl{ background:url(../images/arrow2.png) no-repeat left 12px; padding-left:20px; margin-bottom:50px;} .fwxm dl dt{ font-size:18px; font-weight:bold; color:#000;} .fwxm dl dd{ color:#000;} .outBrand1{ float:left; width:400px; height:200px; border:1px solid #000; position:relative; margin-right:38px;} .outBrand1 .out_box{ float:left; width:38%; margin:40px 0 0 30px; padding:70px 0 0; text-align:center; line-height:24px;} .outBrand1 .out_box.t1{ background:url(../images/ico8.png) no-repeat top center; background-size:50px;} .outBrand1 .out_box.t2{ background:url(../images/ico9.png) no-repeat top center; background-size:50px;} .outBrand1 .title,.outBrand2 .title,.outBrand3 .title,.outBrand4 .title{ font-size:16px; width:85px; height:30px; line-height:30px; background:#fff; text-align:center; position:absolute; top:-20px; left:50%; margin:0 0 0 -42px;} .outBrand2{ float:left; width:220px; height:200px; border:1px solid #000; position:relative; margin-right:38px;} .outBrand2 .out_box{ width:70%; padding:70px 0 0; margin:40px auto 0; text-align:center; background:url(../images/ico10.png) no-repeat top center; background-size:50px; line-height:24px;} .outBrand3{ float:left; width:260px; height:200px; border:1px solid #000; position:relative;} .outBrand3 .out_box{ width:60%; padding:70px 0 0; margin:40px auto 0; text-align:center; background:url(../images/ico11.png) no-repeat top center; background-size:50px; line-height:24px;} .outBrand4{ float:left; width:960px; height:200px; border:1px solid #000; position:relative; margin-top:30px;} .outBrand4 .out_box{ width:70%; padding:70px 0 0; margin:40px auto 0; text-align:center; background:url(../images/ico12.png) no-repeat top center; background-size:50px; line-height:24px;} .fwxm dl.line{ width:94.5%; background:none; padding-left:0;} .fwxm dl.line dt{ color:#fff; height:45px; line-height:45px; background-color:#000; font-size:14px; font-weight:normal; margin-bottom:30px; padding-left:20px;} .fwxm dl.line dd{ line-height:24px;} .outBrand5{ width:650px; height:200px; margin-left:140px; position:relative;} .outBrand5 .out_box5{ width:150px; height:150px; line-height:150px; background:#000; border-radius:50%; font-size:24px; color:#fff; text-align:center; position:absolute; left:0;} .outBrand5 .out_box6{ width:300px; height:150px; position:absolute; left:170px; text-align:center} .outBrand5 .out_box6 p{ font-size:16px;} .outBrand5 .out_box6 span{ display:block; padding-top:15px;} .outBrand5 .out_box7{ width:150px; height:150px; line-height:150px; background:#000; border-radius:50%; font-size:24px; color:#fff; text-align:center; position:absolute; right:0;} .outBrand5 .line{ width:300px; height:1px; background:#000; position:absolute; left:170px; top:80px;} .outBrand5 .line1{ width:10px; height:1px; background:#000; position:absolute; left:461px; top:76px; transform: rotate(45deg); } .yiyi_advantage_box{width:100%; height:260px; background:#303030; position: relative;} .yiyi_advantage{ width:80%; height:100px; padding:80px 0; margin:0 auto;} .yiyi_advantage .abt_left{ float:left; width:58%; font-size:28px; color:#fff;} .yiyi_advantage .abt_left p{ font-size:18px; line-height:36px; color:#c5c5c5; padding-top:10px;} .yiyi_advantage .abt_right{ float:right; width:20%; font-size:78px; text-align:center; padding-left:24px; color:#FFF;} .yiyi_box{ width:100%; height:700px;} .about_advantagebg{ width:100%; background:#f8f8f7; padding:50px 0 0; margin:50px 0 0;} .about_advantage{ width:1200px; margin:0 auto;} .about_advantage .title{ height:56px; border-left:3px solid #333; padding:0 0 10px 20px; background:url(../images/aboutline.gif) no-repeat right bottom;} .about_advantage .title p{ font-size:30px; color:#333;} .about_advantage .title span{ font-size:18px; color:#666;} .about_advantagebox{ width:88%; overflow:hidden; padding:100px 0 0; margin:0 auto; background:url(../images/aboutbg.jpg) no-repeat center 80px;} .about_advantagebox dl{ float:left; width:350px; height:150px; margin:10px 0 70px; margin-right:340px;} .about_advantagebox dl:nth-of-type(2n){ margin-right:0;} .about_advantagebox dl dt{ font-size:18px; color:#444; font-weight:bold; padding:0 0 15px;} .about_advantagebox dl dd{ font-size:14px; color:#666; line-height:28px; padding:0 20px 0 0} .about_servicebg1{ width:100%; overflow:hidden; padding:50px 0 0;} .about_service1{ width:1220px; margin:0 auto;} .about_service1 .title1{ text-align:center} .about_service1 .title1 p{ font-size:30px; color:#333;} .about_service1 .title1 span{ width:32px; height:4px; display:block; margin:25px auto; background:#666;} .about_servicebox1{ width:850px; margin:0 auto; text-align:center; font-size:16px; color:#666; line-height:36px;} .about_servicebg{ width:100%; overflow:hidden; padding:50px 0 0; background:url(../images/aboutbg.gif) repeat-x bottom center;} .about_service{ width:1220px; margin:0 auto;} .about_servicenav{ overflow:hidden; padding:200px 0 110px; background:url(../images/aboutbg.gif) repeat-x bottom center;} .about_servicenav ul{} .about_servicenav li{ float:left; width:104px; height:104px; margin:0 50px 0 8px; text-align:center; border-radius:50%; background:#257d91;} .about_servicenav li p{ font-size:16px; color:#666; font-weight:bold; margin-top:-40px;} .about_servicenav li.t01{ background:#257d91 url(../images/about_arr01.png) no-repeat center center;} .about_servicenav li.t02{ background:#877698 url(../images/about_arr02.png) no-repeat center center; margin:-89px 48px 0 8px;} .about_servicenav li.t03{ background:#cb8494 url(../images/about_arr03.png) no-repeat center center; margin-right:50px; margin-left:3px;} .about_servicenav li.t04{ background:#cdac9b url(../images/about_arr04.png) no-repeat center center; margin:-89px 48px 0 0;} .about_servicenav li.t05{ background:#889c80 url(../images/about_arr05.png) no-repeat center center;} .about_servicenav li.t06{ background:#588078 url(../images/about_arr06.png) no-repeat center center; margin:-89px 48px 0 3px;} .about_servicenav li.t07{ background:#00c2c7 url(../images/about_arr07.png) no-repeat center center; margin-left:0;} .about_servicenav li.t08{ background:#fbbc40 url(../images/about_arr08.png) no-repeat center center; margin:-89px 0 0 3px;} .jt-list { width:100%; margin:0 auto 30px; padding:20px 0;} .jt-list .title{ font-size: 16px; line-height: 30px; text-align: center;} .jt-list ul{ overflow:hidden; padding:30px 0 0; text-align:center;} .jt-list span{ display:inline-block;} .jt-list li{float:left;text-align: center;width:208px;height:95px; background:url(../images/yy_service.png) no-repeat center center;margin-left: -38px;} .jt-list li.f1{background-image:url(../images/c_yy_li1.png);width:208px;margin-left:0;} .jt-list li a{display:block; color:#333;} .jt-list li.f1 a{ margin: 0 20% 0 5%;} .jt-list li img{ width:45px; margin:15px 0 5px;} .jt-list li .img2{display:none;} .jt-list li .title{font-size:14px;font-weight: normal; margin:0; line-height:20px; font-weight:bold} .jt-list li.hover{background-image:url(../images/yy_service_cur.png);} .jt-list li.f1.hover{background-image:url(../images/yy_li1_cur.png);} .jt-list li.hover .img1{display:none;} .jt-list li.hover .img2{display:inline-block;} .jt-list li.hover .title{color:#fff;} .seo{ width:100%; margin:0 auto; overflow:hidden; padding:80px 40px 0; position:relative; z-index:10;} .seobox{ float:left; width: 31%; margin-right: 3%;} .seobox:last-child{ margin-right:0;} .seoRight .seobox{ float:none; width:100%; margin:0 0 30px;} .f-tit01{position:relative} .f-tit01 h2{font-size:24px;line-height:44px;border-bottom:2px solid #cdcdcd;letter-spacing:1px} .f-tit01 em{width:78px;border-bottom:2px solid #000;display:block;position:absolute;bottom:0;left:0;z-index:2} .f-tit01 em.border2{width:100px} .seobox{margin-bottom:13px;overflow:hidden} .seobox .m-tip03{padding-top:23px} .m-tip03{margin:0 -10px;overflow:hidden} .m-tip03 .item{margin-bottom:9px;width:33.3333%;float:left;text-align:center} .m-tip03 .item a{padding:0 12px;min-width:76px;max-width:100%;display:inline-block;font-size:12px;line-height:24px;border-radius:24px;background:#f6f6f6;color:#666;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s} .m-tip03 .item a:hover,.m-tip03 .item a.now{background:#f4d420;color:#fff} .viewseo{ width:1260px; margin:0 auto;} .viewseo .showviewseo{ width:800px;} .viewseo .showviewseo img{ width: 100%;} .viewseo .seoRight{ float:left; width:400px; padding:25px 0 0; margin-left:60px;} .flex-centerbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .Newmain .neirong img, .Newmain .ul_photoshow img{ max-width:100% !important;} .Newmain .neirong p{ padding:0 !important;} .Newmain{ width:100%; margin:0px auto; font-size:14px; line-height:26px;} .ysys1{ padding:80px 0 150px; min-height:500px !important;} .ysys2{ background:#f3f3f3; text-align:center; min-height:900px !important;} .ysys2 .title{ padding:230px 0 0 0;} .ysys2 .title h3{ font-size:46px; line-height:50px; color:#323232;} .ysys2 .title h4{ font-size:24px; line-height:42px; color:#3d3d3d; font-weight:normal;} .ysys2 .note{ padding:60px 0 0 0; font-size:30px; line-height:65px; color:#292929;} .ysys2 hr{ width:136px; height:1px; background:#3e3e3e; margin:60px auto 0; border:none;} .ysys3{ height:1152px; background:#e60012;} .ysys3 ul{ padding:170px 0 80px 150px; overflow:hidden;} .ysys3 ul li{ float:left; width:441px; height:770px; margin:0 140px 0 0;} .ysys3 ul li:nth-of-type(3n){ margin:0;} .ysys4{ padding:117px 150px; overflow:hidden; background:#eee;} .ysys4 .box1{ float:left; width:800px; height:770px; background:#fff;} .ysys4 .box1 .title{ padding:104px 0 0 83px;} .ysys4 .box1 .title h3{ font-size:46px; line-height:50px; color:#323232;} .ysys4 .box1 .title h4{ font-size:24px; line-height:42px; color:#3d3d3d; font-weight:normal;} .ysys4 .box1 .note{ padding:125px 0 0 83px; font-size:30px; line-height:55px; color:#292929;} .ysys4 .box2{ float:left; width:800px; height:770px; padding:320px 0 0; background:#e60012;} .ysys5{ padding:150px 0 0; height:814px; background:url(../images/08.jpg) no-repeat; background-size:cover;} .ysys6{ padding:220px 0 0; height:652px; min-height:652px !important; background:url(../images/09.jpg) no-repeat; background-size:cover; font-size:40px; line-height:78px; color:#3e3e3e;} .ysys7{ padding:120px 0 0; height:896px; background:#ececec;} .ysys8{ padding:220px 0 0; height:652px; min-height:652px !important; background:url(../images/11.jpg) no-repeat; background-size:cover; font-size:40px; line-height:78px; color:#fff;} .ysys8 p strong{ color:#fff !important;} .ysys9{ height:1152px; background:#f7e9dc;} .ysys9 ul{ padding:116px 0 0 150px; overflow:hidden;} .ysys9 ul li{ float:left; width:754px; height:920px; margin:0 97px 0 0;} .ysys9 ul li:nth-of-type(2n){ margin:0;} .ysys10{ padding:220px 0 0; height:732px; min-height:732px !important; background:url(../images/14.jpg) no-repeat; background-size:cover; font-size:40px; line-height:78px; color:#3e3e3e;} .ysys10 p strong{ color:#3e3e3e !important;} .ysys11{} .ysys12{ height:1152px; background:#f7f7f7;} .ysys12 ul{ padding:116px 0 0 150px; overflow:hidden;} .ysys12 ul li{ float:left; width:754px; height:920px; margin:0 97px 0 0;} .ysys12 ul li:nth-of-type(2n){ margin:0;} .ysys13{ padding:116px 0 0 0; height:1036px; background:#ececec;} .ysys14{ padding:250px 0 0; height:702px; min-height:702px !important; background:url(../images/11.jpg) no-repeat; background-size:cover; font-size:40px; line-height:78px; color:#fff;} .ysys14 p strong{ color:#fff !important;} .ysys15{ height:1152px; background:#dcdcdc;} .ysys15 ul{ padding:170px 0 80px 150px; overflow:hidden;} .ysys15 ul li{ float:left; width:441px; height:770px; margin:0 140px 0 0;} .ysys15 ul li:nth-of-type(3n){ margin:0;} .shop_advantage{ width:100%; height:220px; background:url(../images/shop_11.jpg) no-repeat top center; margin:0 0 40px;} .shop_advantage a{ height:220px; display:block;} .fenlei-s { position:relative;} .fenlei-s .search .mbox{ height: 40px; width: 240px; min-width: 40px; position: absolute; right: 0; top: 5px; overflow: hidden; z-index: 10; border: 1px solid #838383; -webkit-transition: all 0.3s; transition: all 0.3s; } .fenlei-s .search .mbox .txt{ width: 175px; float: left; height: 40px; line-height: 40px; font-size: 14px; background-color:transparent; color: #666; padding: 0 8px; border: 0; } .fenlei-s .search .mbox .submit{ width: 40px; height: 40px; cursor: pointer; z-index: 5; position: absolute; background:#e6e6e6 url(../images/serch.png) center no-repeat; right: 0; top: 0; float: right; padding: 0; border: 0; } /*.fenlei-s .search:hover .mbox{ width: 240px; border: 1px solid #838383; }*/ .search{ display:block;} .search-btn{ display:none;} .search-box{ display:none;} .search-box{ width: 100%; position: fixed; z-index: 25; top: 0%; left: 0%; display: none; height: 100%; background-color: rgba(0,0,0,0.9); z-index:1000000; } .search-box .point{ display: block; width: 40px; height: 40px; position: fixed; right: 10%; top: 5%; } .search-box .point:before{ content: "\2715"; color: #fff; font-size: 0.5rem; } .search-box .box{ width: 80%; height: 80px; line-height: 80px; border-bottom: 1px solid rgba(255,255,255,0.3); position: absolute; left: 10%; top: 25%; } .search-box .box .txt{ width: 75%; float: left; height: 80px; line-height: 80px; color: #fff; border: 0; font-size: 26px; padding: 0 20px; font-size: 26px; background-color: transparent; } .search-box .box .btn{ width: 80px; height: 80px; float: right; border: 0; background: url(../images/serch.2.png) center/26px no-repeat; } .search-box .point{ display: block; width: 40px; height: 40px; position: fixed; right: 10%; top: 5%; } .search-box .point:before{ color: #fff; font-size: 50px; } .tip-bg{ position: fixed; top: 0; left: 0; width: 100%; display: none; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 19; } /*zt valve*/ .mainvalve{ height:733px; position:relative; z-index:888; width:100%!important; overflow:hidden; margin: 100px 0 0 0;} .mainvalve .box{width:100%; height:600px; margin:0px auto; position:relative; z-index:200;} .mainvalve .text{ text-align:center; margin:0px auto; padding-top:200px; color:#fff;} .mainvalve .text h1{ font-size:63px; font-weight:normal; padding-bottom:20px;} .mainvalve .text h2{ font-size:35px; font-weight:normal; padding-bottom:100px; line-height:54px;} .mainvalve .text h3{ font-size:21px; font-weight:bold;} .top01{ width:100%; background:#fff; margin:0 auto; padding:10px 0 30px;} .top01 .title{ width:100%; color:#424242; font-size:48px; text-align:center; padding:110px 0 70px 0; } .top01 .title span{ font-size:28px;} .partner_valve{ width:100%; background:#fff; margin:0 auto; padding:10px 0 30px;} .valve_title{ width:100%; color:#424242; font-size:30px; text-align:center; padding:20px 0; background:url(../images/titlebg.png) no-repeat center 42px;} .valve_title span{ display:block; color:#848484; font-size:14px; padding-top:8px;} .partner_list { width:1200px; padding:30px 0 0; overflow:hidden; margin:0 auto;} .partner_list ul li{ float:left; width:160px; height:80px; margin:0 13px 30px 0;} .partner_list ul li.nomargin{ margin-right:0;} .partner_list ul li img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;} .partner_list ul li:hover img{ opacity: 1; filter:none; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0);} .partner_list ul li { position: relative; display: inherit; max-width: 100% } .partner_list ul li:before { position: absolute; content: ""; top: 0; left: 0; width: 0; height: 0; margin: auto; background-color: rgba(255,255,255,0.1); -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s } .partner_list ul li:after { content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 0; background-color: rgba(255,255,255,0.1); -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s } .partner_list ul li:hover:before,.partner_list ul li:hover:after { width: 100%; height: 100% } .list_valve{ width:100%; overflow:hidden; padding:10px 0 0 0;} .list_a{width:100%; overflow:hidden; padding:110px 0 130px 0; background:#f0f2f5;} .list_b{width:100%; overflow:hidden; padding:110px 0 130px 0;} .list_top{ width: 100%; max-width:1300px; margin:0 auto; clear:both;} .list_top_left{ width:50%; float:left; padding-bottom:60px;} .list_top_left img{ padding-bottom:60px;} .list_top_left .tit{ font-size:35px; line-height:40px; } .list_top_left .tit span{ font-size:16px; line-height:25px; display:inline-block;} .list_top_right{ width:50%; float:right; font-size:16px; line-height:30px; padding: 156px 0 0 155px;} .list_m{ width: 100%; max-width:1600px; margin:0 auto; position:relative; clear:both;} .valve-banwrap{position:relative;width:100%;height:808px;padding-bottom:41.66667%;overflow:hidden; margin:0 auto;} .yuan-banwrap{ height:886px;} .valve-banwrap .valve-banner,.yuan-banwrap .yuan-banner{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%} .valve-banwrap .valve-banner .bx-wrapper,.yuan-banwrap .yuan-banner .bx-wrapper{width:100%;height:100%} .valve-banwrap .valve-banner .bx-viewport,.yuan-banwrap .yuan-banner .bx-viewport{width:100%;height:100%} .valve-banwrap .valve-banner .slides:after,.yuan-banwrap .yuan-banner .slides:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;*display:none} .valve-banwrap .valve-banner .slides,.yuan-banwrap .yuan-banner .slides{*zoom:1} .valve-banner .slides,.yuan-banner .slides{width:300%} .valve-banner .slides li,.yuan-banner .slides li{float:left;width:33.3333%;overflow:hidden} .valve-banner li,.yuan-banner li{position:relative} .valve-banner li .m-line-more,.yuan-banner li .m-line-more{display:none;visibility:hidden} .valve-banner .swiper-pagination,.yuan-banner .swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0,0,0); z-index: 10; bottom: 10px; left: 0; width: 100%;} .valve-banner .swiper-pagination-switch,.yuan-banner .swiper-pagination-switch { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2;margin: 0 5px;} .valve-banner .swiper-active-switch ,.yuan-banner .swiper-active-switch { opacity: 1; background: #16d6e8;} .valve-banner .swiper-pagination-clickable .swiper-pagination-switch,.yuan-banner .swiper-pagination-clickable .swiper-pagination-switch { cursor: pointer;} .list_m_c{ width:100%; max-width: 1600px; margin:0 auto;} .list_m_c_tit{ text-align: center; padding:82px 0 55px 0;} .list_m_c-mian img{ width: 100%; max-width: 1300px;} .list_m_c_tit strong{ font-size:48px; line-height:90px; display:block;} .list_m_c_tit span{ font-size:26px; line-height:36px; padding:28px 0 12px 0;} .jxsb-video-2{ width:100%;position: relative; padding-bottom:28px;} .jxsb-video-2 .vv-main{ width:785px; height:442px;} .jxsb-video-2l{ width:50%; padding-right:15px; float:left;position: relative;} .jxsb-video-2r{ width:50%; padding-left:15px; float:right;position: relative;} .jzsb-video-tit{ font-size:22px; line-height:50px;} .jzsb-video-tit p{ font-size:18px; line-height:30px;} .jxsb-video-3{ width:100%;position: relative; padding-bottom:28px;} .jxsb-video-3 .vv-main{ width:513px; height:289px;} .jxsb-video-3l{ width:33.3%; padding-right:15px; float:left;position: relative; } .jxsb-video-3m{ width:33.3%; padding:0 8px; float:left; position: relative;} .jxsb-video-3r{ width:33.3%; padding-left:15px; float:right;position: relative;} .list_m_q{ width:100%; margin: 0 auto; max-width: 1920px; position:relative;} .list_m_q .jin_l{ width:27.8%; position:absolute; left:0; top:0;} .list_m_q .jin_m{width:43.1%; margin:0 auto;} .list_m_q .jin_r{width:27.6%; position:absolute; right:0; top:0;} .list_m_q img{ width:100%;} .list_m_q img:last-child{ padding:0px;} .wangzhi{ padding:40px 0 0 0;} .wangzhi a{ font-size:26px; color: #000; text-decoration:underline; line-height:45px; font-weight: bold; text-transform:uppercase;} .list_m_c-mian{ text-align:center;} .list_m_yuan{ text-align:center; font-size:26px; line-height:40px; color:#333;} .list_m_yuan img{ padding-bottom:70px; width: 100%; max-width: 1600px;} .list_m_yuan img:last-child{ padding:0px;} .list_m_yuan p{ width:60%; margin:0 auto; clear:both; padding:30px 0 80px;} .list_m_hun{ text-align:center; width: 100%; max-width:1600px; margin:0 auto;} .hun_l,.hun_r{width: 50%; float: left;} .hun_l img,.hun_r img{ width: 100%; min-height: 716px;} .list_m_hun img{ float:left;} .vjs-poster{ background-size:cover !important;} .list_valve .list_00{ width:1920px; height:870px; margin-bottom:45px; overflow:hidden;} .list_valve .list_00 .left{ float:left; width:730px; height:450px; background:url(../images/pic12.jpg) no-repeat; position:relative;} .list_valve .list_00 .left a{ width:100%; height:100%; display:block;} .list_valve .list_00 .left .note{ width:100%; height:80px; padding:15px 30px; font-size:14px; color:#fff; text-transform:uppercase; line-height:24px; background:rgba(0,0,0,.3); position:absolute; bottom:0;} .list_valve .list_00 .left .note span{ font-size:18px; display:block;} .list_valve .list_00 .left .more a:hover{ background:#b3b3b3; color:#333;} .list_valve .list_00 .center{ float:left; width:560px; height:450px; background:url(../images/pic13.jpg) no-repeat;} .list_valve .list_00 .right{ float:left; width:630px; height:450px; background:url(../images/pic14.jpg) no-repeat;} .list_valve .list_00 .list_a{ float:left; width:438px; height:422px; background:url(../images/pic15.jpg) no-repeat;} .list_valve .list_00 .list_b{ float:left; width:473px; height:422px; background:url(../images/pic16.jpg) no-repeat;} .list_valve .list_00 .list_c{ float:left; width:532px; height:422px; background:url(../images/pic17.jpg) no-repeat;} .list_valve .list_00 .list_d{ float:left; width:473px; height:422px; background:url(../images/pic18.jpg) no-repeat;} .list_valve .list_00 .center a,.list_valve .list_00 .right a{ height:100%; display:block;} .list_valve .list_00 .list_a a,.list_valve .list_00 .list_b a,.list_valve .list_00 .list_c a,.list_valve .list_00 .list_d a{ height:100%; display:block;} .list_valve .list_01{ height:870px; margin-bottom:45px; overflow:hidden;} .list_valve .list_01 .left{ float:left; width:30%; height:870px; padding:66px; background:#282a2e;} .list_valve .list_01 .left h3{ font-size:20px; color:#525357; text-transform:uppercase; line-height:24px;} .list_valve .list_01 .left h1{ font-size:48px; color:#fff; padding-top:280px;} .list_valve .list_01 .left h2{ font-size:14px; color:#b3b3b3; line-height:30px; padding-top:85px;} .list_valve .list_01 .left .more{ padding-top:85px;} .list_valve .list_01 .left .more a{ width:138px; height:37px; line-height:37px; color:#b3b3b3; text-align:center; display:block; border:1px solid #3b3c40; text-transform:uppercase;} .list_valve .list_01 .left .more a:hover{ background:#b3b3b3; color:#333;} .list_valve .list_01 .right{ float:left; width:70%; height:870px; background:url(../images/pic1.jpg) no-repeat;} .list_valve .list_01 .right a{ width:100%; height:100%; display:block} .list_valve .list_02{ width:1700px; height:840px; margin:0 auto; margin-bottom:45px; overflow:hidden} .list_valve .list_02 .left{ float:left; width:49%; height:840px; background:url(../images/pic2.jpg) no-repeat; position:relative;} .list_valve .list_02 .left a{ width:100%; height:100%; display:block;} .list_valve .list_02 .left .note{ width:100%; height:80px; padding:15px 50px; font-size:14px; color:#fff; text-transform:uppercase; line-height:24px; background:rgba(0,0,0,.3); position:absolute; bottom:0;} .list_valve .list_02 .left .note span{ font-size:18px; display:block;} .list_valve .list_02 .left .more a:hover{ background:#b3b3b3; color:#333;} .list_valve .list_02 .right{ float:left; width:50%; height:870px; margin-left:1%;} .list_valve .list_02 .right ul li{ float:left; width:50%; height:410px;} .list_valve .list_02 .right ul li.mb20{ margin-bottom:20px;} .list_valve .list_02 .right ul li a{ height:410px; display:block} .list_valve .list_02 .right ul li a.a1{ background:url(../images/pic3_1.jpg) no-repeat;} .list_valve .list_02 .right ul li a.a2{ background:url(../images/pic4.jpg) no-repeat;} .list_valve .list_02 .right ul li a.a3{ background:url(../images/pic5.jpg) no-repeat;} .list_valve .list_02 .right ul li a.a4{ background:url(../images/pic6.jpg) no-repeat;} .list_valve .list_03{ width:1700px; margin:0 auto; margin-bottom:45px; overflow:hidden} .list_valve .list_03 .left{ float:left; width:58%; height:840px; background:url(../images/pic7.jpg) no-repeat; position:relative;} .list_valve .list_03 .left a{ width:100%; height:100%; display:block;} .list_valve .list_03 .left .note{ width:100%; height:80px; padding:15px 50px; font-size:14px; color:#fff; text-transform:uppercase; line-height:24px; background:rgba(0,0,0,.3); position:absolute; bottom:0;} .list_valve .list_03 .left .note span{ font-size:18px; display:block;} .list_valve .list_03 .right{ float:left; width:40%; height:840px; margin-left:2%; background:url(../images/pic8.jpg) no-repeat;} .list_valve .list_03 .right a{ width:100%; height:100%; display:block;} .list_valve .pic{ clear:both; width:1700px; margin:45px auto; height:703px; background:url(../images/pic11.jpg) no-repeat;} .list_valve .list_04{ width:1700px; height:747px; margin:0 auto; overflow:hidden} .list_valve .list_04 .left{ float:left; width:49%; height:747px; background:url(../images/pic9.jpg) no-repeat; position:relative;} .list_valve .list_04 .left a{ width:100%; height:100%; display:block;} .list_valve .list_04 .left .note{ width:100%; height:80px; padding:15px 50px; font-size:14px; color:#fff; text-transform:uppercase; line-height:24px; background:rgba(0,0,0,.3); position:absolute; bottom:0;} .list_valve .list_04 .left .note span{ font-size:18px; display:block;} .list_valve .list_04 .right{ float:left; width:49%; height:747px; margin-left:1%; background:url(../images/pic10.jpg) no-repeat;} .list_valve .list_04 .right a{ width:100%; height:100%; display:block;} .service_valve{ width:100%; background:url(../images/valve_service.jpg) no-repeat top center; margin:0 auto; padding:10px 0 50px;} .service_title{ width:100%; color:#fff; font-size:30px; text-align:center; padding:60px 0;} .service_title span{ display:block; color:#ccc; font-size:14px; padding-top:8px;} .service_valve .lists{ width:1200px; height:773px; padding:0 25px; margin:0 auto; background:url(../images/valve_servicebg.png) no-repeat top center;} .service_valve .lists dl{ float:left; width:560px; height:420px; padding:0 22px 0 40px;} .service_valve .lists dl dt{ height:190px; padding:58px 0 45px; font-size:36px; color:#333; line-height:40px; text-align:center} .service_valve .lists dl dt.one{ padding:0; line-height:190px; background:url(../images/arr1.png) no-repeat center center;} .service_valve .lists dl dt.two{ padding:0; line-height:190px; background:url(../images/arr2.png) no-repeat center center; margin:0 !important;} .service_valve .lists dl dt.three{ padding:0; line-height:190px; background:url(../images/arr3.png) no-repeat center center;} .service_valve .lists dl dt.four{ padding:0; line-height:190px; background:url(../images/arr4.png) no-repeat center center;} .service_valve .lists dl dt span{ font-size:28px; color:#999; text-transform:uppercase;} .service_valve .lists dl dd{ color:#666; font-size:14px; line-height:28px; background:url(../images/arr.png) no-repeat left 11px; padding-left:18px;} .clearfix {zoom: 1;} .anlimoble{ display:none;} .anlipc{ display:block;} @keyframes down{ 100%{transform: translateY(100%);} } @media screen and (max-width:1220px) { .about_servicebg{ width: 100%; overflow-x: auto; overflow-y: hidden;} .about_service ul{ width:1220px;display: inline-block;} } @media screen and (max-width:1200px) { .grid li .cover p{ display:none} .about2-2{ width:100%; padding:0 10px;} .about2-2 img{ max-width:100%;} } @media screen and (max-width:1919px) { .warp1{padding: 65px 0 65px;font-size: 14px; line-height:28px;} .warp1 h3{margin-bottom: 60px;} .warp1 h4{ font-size:24px; font-weight:normal; margin:10px 0 15px;} .brandPic{ margin:0 0 30px;} .brandPic img{ width:100%;} .left_case_pic{ float:left; width:70%; height:auto; } .left_case_pic img{ width:100%;} .fr{ float:right;} .right_case{ float:left; width:30%;} .new_case{ background:none;} .ysysimg-pc{ display:block !important;} .ysysimg-wap{ display:none !important;} .ysys1{ position:relative; text-align:center;} .ysys1 img{ position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);} .ysys2{ height:auto;} .ysys2 .title{ padding:12% 0 0 0;} .ysys2 .note{ padding:60px 0 0 0;} .ysys3{ height:auto; padding:0 0 80px; position:relative;} .ysys3 ul{ padding:8% 0 80px 8%;} .ysys3 ul li{ width:28%; height:auto; margin:0 4% 0 0;} .ysys3 ul li img{ width:100%; height:auto;} .ysys4{ height:auto; padding:8% 8% 7%;} .ysys4 .box1{ width:50%;} .ysys4 .box2{ width:50%;} .ysys5,.ysys6,.ysys7,.ysys8,ysys9,ysys10,ysys12,ysys13,ysys14,ysys15{ height:auto;} .ysys5{ padding:0; position:relative; text-align:center;} .ysys5 .note{ position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);} .ysys6{ padding:0; position:relative; text-align:center;} .ysys6 .note{ width:100%; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);} .ysys7{ padding:0; position:relative; text-align:center;} .ysys7 .note{ width:100%; position:absolute; left:50%; top:50%; transform: translate(-50%, -47%);} .ysys8{ padding:0; position:relative; text-align:center;} .ysys8 .note{ width:100%; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);} .ysys9{ height:auto;} .ysys9 ul{ padding:8%;} .ysys9 ul li{ width:48%; height:auto; margin:0 4% 0 0;} .ysys9 ul li img{ width:100%; height:auto;} .ysys10{ padding:0; position:relative; text-align:center;} .ysys10 .note{ width:100%; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);} .ysys12{ height:auto;} .ysys12 ul{ padding:8%;} .ysys12 ul li{ width:48%; height:auto; margin:0 4% 0 0;} .ysys12 ul li img{ width:100%; height:auto;} .ysys13{ padding:0; position:relative; text-align:center;} .ysys13 .note{ width:92%; padding:4%; position:absolute; top:50%; transform: translate(0, -50%);} .ysys14{ padding:0; position:relative; text-align:center;} .ysys14 .note{ width:100%; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);} .ysys15{ height:auto; padding:0 0 80px;} .ysys15 ul{ padding:8% 0 80px 8%;} .ysys15 ul li{ width:28%; height:auto; margin:0 4% 0 0;} .ysys15 ul li img{ width:100%; height:auto;} .anlimoble{ display:none;} .anlipc{ display:block;} } @media screen and (max-width:1680px){ .right_case .des{ padding:33.5px 33.5px 0; } .right_case .des b{ font-size:16px; line-height:30px; padding-bottom:10px;} .right_case .Casemore{ margin-top:25px;} .trend li{float: left; width: 31.3%;height: 350px; margin: 0 2% 30px 0;} .trend li:nth-of-type(2n) { margin-right: 2%; } .trend li:nth-child(4n+4){ margin: 0 2% 30px 0;} .trend .pic{height:235px;} .trend .pic .bg{height:235px;} } @media screen and (max-width:1440px) { .ysys1,.ysys2,.ysys3,.ysys4,.ysys5,.ysys6,.ysys7,.ysys8,.ysys9,.ysys10,.ysys12,.ysys14{ min-height:800px !important;} .ysys2 .note{ font-size:20px; line-height:40px; padding:60px 0 0 0;} .ysys2 .title h3{ font-size:36px; line-height:40px;} .ysys2 .title h4{ font-size:16px; line-height:28px;} .ysys3 .note{ width:100%; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);} .ysys3 ul{ padding:2% 0 80px 8%;} .ysys4 .box1{ width:50%; height:860px; padding:0;} .ysys4 .box1 .title{ padding:60px 0 0 60px;} .ysys4 .box1 .note{ padding:225px 0 0 60px; font-size:20px; line-height:40px;} .ysys4 .box1 .title h3{ font-size:36px; line-height:40px;} .ysys4 .box1 .title h4{ font-size:16px; line-height:28px;} .ysys4 .box2{ width:50%; height:860px; padding:0; position:relative;} .ysys4 .box2 img{ width:70%; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);} .ysys5 img{ width:70%;} .ysys6 .note,.ysys8 .note,.ysys10,.ysys14{ font-size:30px; line-height:70px;} .proshow2 { width: 100%;} .trend li{height:auto;} .trend .pic{height:205px;} .trend .pic .bg{height:205px;} .showmain img{width:100%; max-width: 1200px;} .webmain ,.proshow2{ width: 90%;} .indexmain li {width: 31.33%;} .indexmain li:nth-of-type(4n){margin-right: 3%;} .indexmain li:nth-of-type(3n){margin-right: 0%;} } .warp1 h3 { margin-top: 0; font-size: 30px} .warp1 p {font-size: 14px} .network .right .note1,.network .right .note2{ padding:60px 9% 0;} .network .right .note1 p.title{ padding:70px 0 30px;} .network .right .note2 p.title{ padding:0 0 30px;} .network .right .note3{ height:183px; padding:35px 5% 0;} .brandPic{ height:320px;} .list_valve .list_00{ width:100%; padding:0 25px; height:auto;} .list_valve .list_00 .left{ width:60%; height:450px; background-size:cover;} .list_valve .list_00 .left .note{ height:auto;} .list_valve .list_00 .center{ width:38%; height:450px; margin:0 0 0 2%; background-size:cover;} .list_valve .list_00 .right{ width:60%; height:450px; margin:2% 0 0 0; background-size:cover;} .list_valve .list_00 .list_a{ width:38%; height:450px; margin:2% 0 0 2%; background-size:cover;} .list_valve .list_00 .list_b{ width:32%; margin:2% 0 0 0; background-size:cover;} .list_valve .list_00 .list_c{ width:32%; margin:2% 0 0 2%; height:450px; background-size:cover;} .list_valve .list_00 .list_d{ width:32%; margin:2% 0 0 2%; height:450px; background-size:cover;} .list_valve .list_01,.list_valve .list_02,.list_valve .list_03,.list_valve .list_04{ width:100%; height:auto; padding:0 25px;} .list_valve .list_01 .left{ height:620px;} .list_valve .list_01 .left h1{ font-size:30px; padding-top:60px;} .list_valve .list_01 .right{ height:620px; background-size:cover;} .list_valve .list_02 .left{ height:620px; background-size:cover;} .list_valve .list_02 .right ul li{ height:300px; padding:0 10px;} .list_valve .list_02 .right ul li{} .list_valve .list_02 .right ul li a{ height:300px;} .list_valve .list_02 .right ul li a.a1{ background-size:cover;} .list_valve .list_02 .right ul li a.a2{ background-size:cover;} .list_valve .list_02 .right ul li a.a3{ background-size:cover;} .list_valve .list_02 .right ul li a.a4{ background-size:cover;} .list_valve .list_02 .right{ height:620px;} .list_valve .list_03 .left{ height:640px; background-size:cover;} .list_valve .list_03 .right{ height:640px; background-size:cover;} .list_valve .pic{ width:100%; height:475px; background-size:cover;} .list_valve .list_04 .left{ height:480px; background-size:cover;} .list_valve .list_04 .right{ height:480px; background-size:cover;} .i-service .list li{ border:none;} } @media screen and (min-width:1366px) { .new_case{ width:90%; max-width:none;} } @media screen and (max-width:1366px) { .brandNote{ left:60px;} .brandNote h3{ font-size:30px; padding:0;} .brandNote p{ font-size:16px;} .trend li{ height:330px;} .trend .pic{ height:200px;} .ysys1,.ysys3,.ysys4,.ysys5,.ysys6,.ysys7,.ysys8,.ysys9,.ysys10,.ysys12,.ysys14,.ysys15{ min-height:620px !important;} .ysys2{ min-height:720px !important;} .ysys2 .note{ padding:150px 0 0 0;} .ysys3{ padding:0 0 180px; min-height:820px !important;} .ysys3 ul{ padding:0 0 80px 8%} .ysys4 .box1,.ysys4 .box2{ height:810px;} .ysys4 .box1 .note{ padding:195px 0 0 60px;} .ysys7 img{ width:80% !important;} .i-service .list{ width:100%;} .i-service .list .swiper-slide{ width:20%;} .i-service .list li{ width:100%; margin:0;} .indexmain li.nomargin{ margin:0 0 3% 0;} .brand dl{ width:31.3%;} .brand dl.nomargin{ margin:0;} .trend li{ float:left; width:32%; height:350px; margin:0 2% 30px 0;} .trend li:nth-of-type(2n){ margin-right:2%;} .trend li:nth-of-type(4n){ margin-right:2%;} .trend li:nth-of-type(3n){ margin-right:0;} .showmain{ width:90%; padding:0 ; margin:0 auto;} .webmain{ width:90%; padding:0 ; margin:0 auto;} .videomain{padding:2%; margin:0 auto;} #neirong{ width:auto; margin:0; padding:0;} .Newmain{ width:100% !important;} .Newmain #showtext{ padding:0;} #bodyer .t{ display:none;} .search{ display:none;} .search-btn{ float:right; display:block; height: 50px; width:50px; background: url(../images/serch.png) center/19px no-repeat;} } @media screen and (max-width:1280px) { #footer .item{width: 180px;} } @media screen and (max-width:1025px) { *, *:after, *:before{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;} body{ background:#fff !important;} .homeTopNav{ right:40px;} .bt .btmain{ width:100%;} .project{ width:100% !important;} .website{ width:100% !important;} .mainPictrue { background-size:contain !important; height:235px !important;} .mainPictrue .box{width:100%; height:235px !important;} .mainPictrue .text{width:100%; height:auto;} .topNav{ right:15px;} .mainvalve { background-size:contain !important; height:235px !important;} .mainvalve .box{width:100%; height:235px !important;} .mainvalve .text{width:100%; height:auto; color:#fff; padding-top: 12.5%;} .mainvalve .text h1{ font-size:16px; padding-bottom: 5px;} .mainvalve .text h2{ font-size:14px; line-height:20px; display:none} .mainvalve .text h3{ font-size:14px; font-weight:bold;} .slider-index {height:450px;} .slider-index .swiper-container {height:450px;} .slider-index .swiper-pagination {bottom:15px;} .slider-index .swiper-pagination-switch {width:10px;height:10px;border-radius: 12px;margin: 0 3px;} .partner_list{ width:100%;} .partner_list ul li{ margin: 0 20px 30px 10px;} .list_valve .list_00{ width:100%; padding:0 10px;} .list_valve .list_00{ height:auto; margin-bottom:10px;} .list_valve .list_00 .left{ float:none; width:100%; height:450px; background-size:cover;} .list_valve .list_00 .left a{ width:100%; height:100%; display:block;} .list_valve .list_00 .right{ float:left; width:49%; height:300px; margin:2% 0 0 0; background-size:cover;} .list_valve .list_00 .center{ float:left; width:49%; height:300px; margin:2% 0 0 2%; background-size:cover;} .list_valve .list_00 .list_a{ float:left; width:49%; height:350px; margin:2% 0 0 0; background-size:cover;} .list_valve .list_00 .list_b{ float:left; width:49%; height:350px; margin:2% 0 0 2%; background-size:cover;} .list_valve .list_00 .list_c{ float:left; width:49%; height:350px; margin:2% 0 0 0; background-size:cover;} .list_valve .list_00 .list_d{ float:left; width:49%; height:350px; margin:2% 0 0 2%; background-size:cover;} .list_valve .list_01{ height:auto; margin-bottom:10px;} .list_valve .list_01 .left{ float:none; width:100%; height:400px;} .list_valve .list_01 .left h1{ padding-top:10px;} .list_valve .list_01 .left h2{ padding-top:25px;} .list_valve .list_01 .left .more{ padding-top:45px;} .list_valve .list_01 .right{ float:none; width:97.5%; margin:2.5% auto 0; height:670px; background-size:cover} .list_valve .list_02{ width:100%; padding:0 10px;} .list_valve .list_02{ height:auto; margin-bottom:10px;} .list_valve .list_02 .left{ float:none; width:100%; height:765px; background-size:cover} .list_valve .list_02 .right{ float:none; width:100%;} .list_valve .list_02 .right ul li a{background-size:cover !important} .list_valve .list_02 .left a{ width:100%; height:100%; display:block;} .list_valve .list_02 .right{ margin:10px 0 0 0;} .list_valve .list_03{ width:100%; padding:0 10px; height:auto; margin-bottom:0;} .list_valve .list_03 .left{ float:none; width:100%; height:645px; background-size:cover; background-position:top center} .list_valve .list_03 .right{ float:none; width:100%; margin:0; background-position:top center} .list_valve .list_02 .right ul li.mb20{ margin-bottom:10px;} .list_valve .list_02 .right ul li:nth-of-type(2n+1){ padding-right: 5px;} .list_valve .list_02 .right ul li:nth-of-type(2n){ padding-left: 5px;} .list_valve .pic{ width:97.5%; margin:10px auto; height:345px; background-size:cover; background-position:top center} .list_valve .list_04{ width:100%; padding:0 10px; height:auto; margin-bottom:0;} .list_valve .list_04 .left{ float:none; width:100%; height:585px; background-size:cover} .list_valve .list_04 .right{ float:none; width:100%; height:660px; margin:10px 0 0; background-size:cover; background-position:top center} .list_valve{ padding:10px 0;} .service_valve .lists{ width:97.5%; height:auto; margin:0 auto; overflow:hidden; background-color:#fff; background-position:bottom center} .service_valve .lists dl{ width:50%; height:420px; padding:0 22px 0 10px;} .bottom_keywords{ width:100%; padding:0 10px;} .warp1{ width:94%;} #my-video { width: 100%; height: auto;} .brand{ width:100%; margin:0;} .brand dl{ float:left; width:50%; margin:0 auto 30px;} .brand dl a{ width:100%; height:auto; min-height:100px; padding:30px 0 0; display:block;} .brand dl:nth-of-type(2n){ padding:0 10px 0 5px;} .brand dl:nth-of-type(2n+1){ padding:0 5px 0 10px;} .brand dl.nomargin{ margin:0 auto 10px;} .brand dl dd{ padding:0 10px; font-size:14px; line-height:28px;} .brand dl dd.first{ padding:20px 0 0; font-size:16px; margin: 20px 0 10px;} .brand dl dd.note{ height:auto;} .brand dl dt{ font-size:18px;} .brand dl.br1 a,.brand dl.br2 a,.brand dl.br3 a{ background-size:contain;} .brand dl.br1 dt,.brand dl.br2 dt,.brand dl.br3 dt{ background-size:50px;} .brand dl a{ height:auto;} .brand dl .more{ margin:0; padding-bottom:30px; font-size:16px;} .network{ width:100%; padding:0 10px;}.network .h1{ width:100%; margin:40px auto 0} .network .right .note1,.network .right .note2{ width:50%; height:290px; padding: 20px 10px 0;} .network .right .note1 p.title{ font-size:16px;padding: 60px 0 20px;} .network .right .note2{ padding: 50px 10px 0;} .network .right .note2 p.title{ font-size:16px;padding: 20px 0 20px; line-height:26px;} .network .right .note3{ width:100%; height:198px; padding: 30px 30px 0;} .network .right .note3 p.title{ font-size:16px;padding:0;} .brandPic{ width:100%; padding:0 10px; margin:0 0 30px;} .brandPic img{ width:100%;} .new_case{ max-width:none; padding:0 10px;} .left_case_pic{ float:none; width:100%; height:auto;} .left_case_pic img{ width:100%;} .right_case{ float:none; width:100%; height:auto;} .right_case .des{ padding:50px; overflow:hidden;} .right_case .des b{ font-size:16px;} .right_case .des b:after{ margin:10px 0 0 0;} .project { width:100% !important;} .project .h1{ width:100% !important; margin-top:30px; color:#000;} .project li{ width:33.333% !important;} .project li img{ width:100% !important;} .project .box{ margin-top:0;} .cmore{ margin-top:40px;} .website { width:100% !important;} .website .h1{ width:100% !important; margin-top:30px; color:#000;} .website li{ width:33.333% !important;} .website li img{ width:100% !important;} .website .box{ margin-top:40px;} .space .space-title h4{background-size: contain;} .fwxm{ width:100% !important;} .fwxm dl{ padding:0 20px;} .fwxm dl.line{ width:100%; padding:0 20px;} .outBrand5{ margin-left:40px;} .outBrand3{ margin-top:38px;} .outBrand2{ width:310px; margin-right:0;} .outBrand4{ width:450px; margin:38px 0 0 38px;} .news .h1,.trend .h1,.clients .h1,.partners .h1{padding:50px 0 30px; height:auto;} .news .box , .trend .box{width:100%; margin:0px auto; margin-top:10px;} .news li{ float:left; width:33.333%; text-align:center; margin-right:0; height:auto;} .trend li{ float:left; width:31.3%; text-align:center; margin-right:1%; padding-bottom:40px;} .trend .pic{width:100%; height:auto; position:relative; cursor:pointer; overflow:hidden;} .trend .pic img{width:100%; height:auto; position:static;} .trend .pic .bg{display:block; position:absolute; left:0px; top:0px; width:100%; height:auto; background:#000; z-index:20; filter:alpha(opacity=0);-moz-opacity:0; opacity:0;} .trend .pic .readMore{display:none; background:url(../images/kuang.png) no-repeat; color:#aaa; position:absolute; left:112px; top:93px; width:116px; height:40px; line-height:40px; z-index:30; } .trend .text2{ font-size:14px; height:56px;} .trend li:last-child{ margin-right:0;} .clients .box{width:100%; margin:0px auto; border:none; height:auto;margin-top:10px; margin-left:3px;} .clients li{width:20%; height:auto; overflow:hidden; float:left; border:none; position:relative; margin-top:-1px; margin-left:-1px;} .clients .pic{width:100%; height:auto; display:block;border:1px solid #ececec;} .clients li span{ position:absolute; width:100%; height:auto;} .clients li a:hover span{ display: block;} .partnerlist{ width:auto;} .partnerlist p.p2{padding: 0 0 30px;} .partnerlist p.p3{ padding: 30px 0;} .partnerlist .box ul li{ margin-left:45px;} .partnerlist .box2 ul li{margin: 0 50px 0 0;} .partnerlist .box2 ul li:last-child{ margin:0} #footer{ margin-top:30px;} #footer .box{ width:100%;} #footer .box .item.first{width:37%; padding:0 0 0 3%;} #footer .box .item{width:20%; overflow:hidden;} #footer .box .item.first{ display:block;} .bt div{ width:100%;} /*********************************************/ .banner{ display:none} #bodyer{ padding:120px 0 30px; overflow:hidden} .about1{ width:100% !important; overflow:hidden} .about1 .about1-left{ float:none !important; margin-left:44px !important; margin-bottom:10px;} .about1 .about1-right{ float:none !important; width:100% !important;} .about1 .about1-right img{ width:100%;} .contact img{ width:auto !important;} .about1-1{ padding:0 44px; margin-bottom:20px !important;} .about2{ height:430px !important; background-size:100% !important; min-width:200px !important;} .about2-1{ width:100% !important;} .about2-1 div{ display:none} .about3{ width:96%; margin:30px 0 0; padding:0 2%; overflow:hidden} .about3 dl{ float:left; width:33%; margin:0;} .about3 dl dd{ margin:0;} .trend{ padding:0 20px;} #bodyer .t{ margin:10px 0 30px; text-align:left;} .showmain{ width:100%;} .webmain,.proshow2{ width:100%;} .videomain{ width:100%;} #showtext{ padding:0 20px;} #neirong { padding:0;} #neirong h1{ font-size:16px; line-height:30px;} #neirong img{ width:100%;} .ysys1 img{ width:auto !important;} .trend .box{ height:auto;} .i-ban{ display:none} .indexmain{ width:92%; margin-top:25px; padding:0 0px;} .indexmain li:nth-of-type(3n){margin-right:2%;} .websitelist li:nth-of-type(5n){margin-right:0;} .indexmain li{ width:49% !important; height: auto; margin:0 2% 0 0; padding-bottom:20px;} .indexmain li:nth-of-type(2n){ margin-right:0;} .indexmain li:nth-of-type(2n+1){margin-right:2%;} .indexmain li a img.lazy{ width:100% !important; height:auto;} .indexmain li a{ float:none; font-size:14px; display:inline-block;} .indexmain li p{ float:none; width:100%;} .neinav{ width:100%; height:auto; padding-top:20px;} .neinav ul{ width:100%; height:auto; overflow:hidden; padding:0 10px;} .neinav ul li{ float:left; width:50%; height:auto; margin-bottom:5px;} .neinav ul li a{ width:100%; padding:6px 15px !important;} .neinav ul li:nth-of-type(2n+1){ padding-right: 5px;} .neinav ul li:nth-of-type(2n){ padding-left: 5px;} .fenlei{ width:96%; padding:20px 2% 2%;} .fenlei-l{ float:none; width:100%;} .xia{ float:none; width:100%; text-align:center; background-color:#e6e6e6; padding:10px 0;} .xia1{ float:none; width:100%; text-align:center; background-color:#e6e6e6; padding:10px 0;} .pt90{ padding-top:90px;} .websitelist div.shang a,.websitelist div.xia a{ width:100%; display:block;} .shang{ float:none; width:100% !important; text-align:center; background-color:#e6e6e6; padding:10px 0;} .proshow{ width:96% !important; padding:0 2%;} .proshow img{ width:100%; height:auto;} .proshowpic{ width:100%; padding:20px 0; margin:0;} .shouji div{ width:100%; height:auto; background-size:cover;} .hezuo{ width:100% !important;} #bodyer .t{ padding-left:10px;} .about1-1 img{ width:100%;} .fenlei-s{ width:100%;} .search-go{ background-size:cover;} .search-q{ background-size:contain; width:85.9%; background:#e4e4e4; background-position:-30px} .sss{ display:none} .project .pic{left:0px !important; top:0px !important;} .website .pic{left:0px !important; top:0px !important;} .i-service .list{ width:100%;} .i-service .list .swiper-slide{ width:50%;} .i-service .btns p{ padding:0 6px;} .a1box{ overflow:hidden; margin-bottom:20px} .a1box li{ width:49%; display:inline-block; float:left; overflow: hidden;} .a1box li:nth-of-type(2n){ margin-left:2%;} .a1box li img{ width:100%;} .yiyi_advantage_box{width:100%; height:120px; background:#303030; position: relative;} .yiyi_advantage{ width:100%; height:auto; padding:30px 20px; margin:0 auto;} .yiyi_advantage .abt_left{ float:left; width:78%; font-size:16px; color:#fff;} .yiyi_advantage .abt_left p{ font-size:14px; line-height:36px; color:#c5c5c5; padding-top:0;} .yiyi_advantage .abt_right{ float:right; width:20%; font-size:36px; text-align:right; padding-left:24px; color:#FFF;} .about3 p,.about3 dl dd{ font-size:14px; line-height:28px;} .about_servicebg1{ width:100%; overflow:hidden; padding:30px 0 0;} .about_service1{ width:100%; margin:0 auto;} .about_service1 .title1{ text-align:center} .about_service1 .title1 p{ font-size:18px; color:#333;} .about_service1 .title1 span{ width:32px; height:2px; display:block; margin:15px auto; background:#666;} .about_servicebox1{ width:100%; padding:0 10px; font-size:14px; color:#666; line-height:30px;} .about_servicenav li p{ font-size:15px; font-weight:normal} .pf-zd{ position: fixed; top:150px; right: 10px; width:70px; height:70px; background:url(../images/btn.png) no-repeat; background-size:70px; z-index:9999;} .my-video2-dimensions{ width:100%; height:420px; background:#603d3b !important;} .my-video3-dimensions{ width:100%; height:415px; background:#603d3b !important;} .whVideo-dimensions{ width:100%; height:550px;} .viewseo .showviewseo{ width:100%;} #neirong h1{ font-size:20px !important; font-weight:bold;} #shownr .neirong h3{ font-size:16px; font-weight: bold;} #shownr .Nbox4 .linebox,#shownr .Nbox3 .linebox{ width:90%;} #shownr .Ntitle h3{ font-size:30px;} #shownr .Ntitle h4{ font-size:20px; line-height:40px;} #shownr .Ndesc{ font-size:18px; line-height:38px;} #shownr .Nbox2 .secTitle,#shownr .Nbox3 .secTitle,#shownr .Nbox4 .secTitle{ background-size:50%;} .proshowpic video{ width:100%; height:100%;} } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .indexmain li{ height:520px;} .brandPic{ height:450px; background-position:bottom center !important;} .brandNote{ left:0%; top:30px; width:100%; text-align:center;} .brandNote h3{ font-size:24px; padding:0;} .brandNote p{ font-size:16px;} .project ul{ overflow:hidden} .project li{ width:33.333% !important; max-height:250px !important;} .project li img{ width:100% !important; height:100% !important;} .website ul{ overflow:hidden} .website li{ width:33.333% !important; max-height:350px !important;} .website li img{ width:100% !important; height:100% !important;} .partnerlist p.p3{ font-size:18px;} .my-video-dimensions{ width:100%; height:500px;} #footer .box .item.first{ width:40%;} #footer .last{ display:none}#footer .btNews{ width:30% !important;} .about2{ width:98%; margin:0 1%; height:330px !important;} .about_advantagebg{ width:100%; background:#f8f8f7; padding:30px 10px 20px; margin:30px 0 0;} .about_advantage{ width:100%; margin:0 auto;} .about_advantage .title{ height:auto; border-left:3px solid #333; padding:0 0 0 20px; background:url(../images/aboutline.gif) no-repeat 120px bottom;} .about_advantage .title p{ font-size:18px; color:#333;} .about_advantage .title span{ font-size:14px; color:#666;} .about_advantagebox{ width:88%; overflow:hidden; padding:60px 0 0; margin:0 auto; background:url(../images/aboutbg.jpg) no-repeat right 100px;} .about_advantagebox dl{ float:left; width:350px; height:auto; margin:10px 0 20px; margin-right:0;} .about_advantagebox dl:nth-of-type(2n){ margin-right:0;} .about_advantagebox dl dt{ font-size:16px; color:#444; font-weight:bold; padding:0 0 10px;} .about_advantagebox dl dd{ font-size:14px; color:#666; line-height:28px; padding:0 20px 0 0} .network{ width:100%; padding:0 10px;} .brand dl.br3{ width:100%;} .network .left{ float:none; width:100%;} .network .right { float:none; width:100%;} .network .right .note1, .network .right .note2{ padding:45px 10px 0;} .jt-list span {display: block;} .jt-list{ width:100%; padding-bottom:0; padding-left:0.5%;} .jt-list .title{ font-size:16px; text-align:center} .jt-list ul{ padding:20px 0;} .jt-list li,.jt-list li.f1{width:19.5%;margin-right: 0.5%;margin-left: 0;} .jt-list li.f1 a{ margin:0;} .jt-list li.f1,.jt-list li{background: #f4f4f4;} .jt-list li.f1{background-image:none;width:19.5%;} .jt-list img{ width:auto;} .pf-zd{ position: fixed; top:150px; right: 10px; width:70px; height:70px; background:url(../images/btn.png) no-repeat; background-size:70px; z-index:9999;} .my-video2-dimensions{ width:100%; height:322px; background:#603d3b;} .my-video3-dimensions{ width:100%; height:315px; background:#603d3b;} .whVideo-dimensions{ width:100%; height:450px; background:#603d3b;} #footer .box2{ width:100%; padding:20px 10px;} #footer .box2 p{ height:40px;} .seo{ width:100%; padding:30px 10px 0;} .seobox{ width:100%;} .m-tip03 .item{ width:20%;} .viewseo{ width:100%; padding:0 10px;} .viewseo .seoRight{ width:100%; padding:0 10px; margin:30px 0 0;} .f-tit01 h2{ font-size:18px;} .viewseo .showviewseo{ width:100%;} .ysys1,.ysys2,.ysys3,.ysys4,.ysys5,.ysys6,.ysys7,.ysys8,.ysys9,.ysys10,.ysys12,.ysys14{ min-height:700px !important;} .ysys3 .note,.ysys13 .note{ position:static; top:auto; transform:none;} .ysys1 img{ width:300px !important;} .ysys2{ background-position:-45px 0;} .ysys2 .note{ padding:24% 0 0 0} .ysys2 .title{ padding:60px 0 0 0;} .ysys3 { padding:0 0 60px} .ysys3 ul{ padding:8% 8% 6%;} .ysys3 ul li{ float:none; width:100%; margin:0 0 60px 0;} .ysys3 ul li:nth-of-type(3n){ margin:0 0 0 0;} .ysys3 ul li:nth-of-type(2n){ margin:0 0 60px 0;} .ysys3 .ysysimg{ width:220px !important;} .ysys4 .box1{ float:none; width:100%; height:auto; margin-bottom:60px;} .ysys4 .box1 .note{ padding:100px 0 60px 60px;} .ysys4 .box2{ float:none; width:100%; height:445px;} .ysys4 .box2 img{ width:350px !important;} .ysys5 img{ width:240px !important;} .ysys6 .note, .ysys8 .note, .ysys10, .ysys14{ font-size:20px; line-height:50px;} .ysys7 img{ width:80% !important;} .ysys9 ul li{ float:none; width:100%; margin:0 0 60px 0;} .ysys11{ min-height:auto !important;} .ysys12 ul li{ float:none; width:100%; margin:0 0 60px 0;} .ysys13{ height:auto; min-height:auto !important; padding:60px;} .ysys13 .note{ width:100%; padding:0;} .ysys15 ul{ padding:8% 8% 6%;} .ysys15 ul li{ float:none; width:100%; margin:0 0 60px 0;} .ysys15 ul li:nth-of-type(3n){ margin:0 0 0 0;} .ysys15 ul li:nth-of-type(2n){ margin:0 0 60px 0;} .ysys15 .ysysimg{ width:220px !important;} .ysys16{ min-height:auto !important;} .project .project-title{ padding:60px 60px 30px;} .project .project-title h3{ font-size:75px; line-height:85px; font-family:YIYI;} .project .project-title h4{ font-size:30px; line-height:60px; font-weight:bold;} .anlimoble{ display: block;} .anlipc{ display:none;} } /* iPads air(portrait) ----------- */ @media (min-device-width : 1024px) and (max-width: 1366px) and (orientation : portrait){ .indexmain li{ height:auto;} .my-video2-dimensions{ width:100%; height:430px; background:#603d3b;} .my-video3-dimensions{ width:100%; height:425px; background:#603d3b;} .whVideo-dimensions{ width:100%; height:650px; background:#603d3b;} .brandPic{ background-size:80% !important;} #footer .box2{ width:100%; padding:20px 10px;} #footer .box2 p{ height:auto;} .m-tip03 .item{ width:14.28%;} .viewseo .showviewseo{ width:100%;} .trend li:nth-of-type(4n){ margin-right:1%;} .trend li:nth-of-type(3n){ margin-right:0;} .ysys1,.ysys2,.ysys3,.ysys4,.ysys5,.ysys6,.ysys7,.ysys8,.ysys9,.ysys10,.ysys12,.ysys14{ min-height:660px !important;} .ysys3 .note,.ysys13 .note{ position:static; top:auto; transform:none;} .ysys1 img{ width:300px !important;} .ysys2 .note{ padding:17% 0 0 0;} .ysys3 ul{ padding:8% 8% 6%;} .ysys3 ul li{ float:left; width:48%; margin:0 4% 4% 0;} .ysys3 ul li:nth-of-type(3n){ margin:0 4% 4% 0;} .ysys3 ul li:nth-of-type(2n){ margin:0 0 4% 0;} .ysys3 .ysysimg{ width:220px !important;} .ysys4 .box1{ float:none; width:100%; height:auto; margin-bottom:60px;} .ysys4 .box1 .note{ padding:185px 0 60px 60px;} .ysys4 .box2{ float:none; width:100%; height:530px;} .ysys4 .box2 img{ width:380px !important;} .ysys5 img{ width:330px !important;} .ysys7 img{ width:80% !important;} .ysys11{ min-height:auto !important;} .ysys13{ height:auto; min-height:auto !important; padding:60px;} .ysys13 .note{ width:100%; padding:0;} .ysys15 ul{ padding:8% 8% 6%;} .ysys15 ul li{ float:left; width:48%; margin:0 4% 4% 0;} .ysys15 ul li:nth-of-type(3n){ margin:0 4% 4% 0;} .ysys15 ul li:nth-of-type(2n){ margin:0 0 4% 0;} .ysys15 .ysysimg{ width:220px !important;} .ysys16{ min-height:auto !important;} .project li{ max-height:350px !important;} .project .project-title h3{ font-size:95px; line-height:105px; font-family:YIYI;} .project .project-title h4{ font-size:40px; line-height:60px; font-weight:bold;} } /* iPads (portrait) 纵向----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .brandPic{ height:240px;} .brandNote{ left:35px; top:35%;} .brandNote h3{ font-size:24px; padding:0;} .brandNote p{ font-size:16px;} .partnerlist .box ul li{ margin-left:75px;} .partnerlist .box2 ul li{ margin-right:100px;} .my-video-dimensions{ width:100%; height:500px;} #footer .last{ padding-left:50px;} #footer .btNews li{ width:100%;} .brand dl{ width:33.333%;} .about2{ width:98%; margin:0 1%; height:450px !important;} .about_advantagebox{ width:95%;} .about_advantagebg{ margin:30px 0 0;} .about_advantage{ width:100%; margin:0 auto; padding:0 10px;} .about_advantage .title{ height:auto; background:url(../images/aboutline.gif) no-repeat 180px bottom;} .about_advantagebox dl{ margin-right:250px;} .about_advantage .title p{ font-size:24px;} .about_advantage .title span { font-size: 16px; color: #666;} .left_case_pic{ float:left; width:70%; height:auto; } .left_case_pic img{ width:100%; height:auto;} .fr{ float:right;} .right_case{ float:left; width:30%; height:307.5px;} .right_case .des{ padding:33.5px 33.5px 0;} .right_case .des b{ line-height:30px;} .right_case .des b:after{ background:none;} .right_case .Casemore{ margin-top:25px;} .jt-list{ width:100%; padding-bottom:0; padding-left:0.5%;} .jt-list .title{ font-size:16px; text-align:center} .jt-list ul{ padding:20px 0 0;} .jt-list li,.jt-list li.f1{ width:19.5%; margin-right: 0.5%; margin-left: 0;} .jt-list li.f1 a{ margin:0;} .jt-list li.f1,.jt-list li{background: #f4f4f4;} .jt-list li.f1{background-image:none;width:19.5%;} .jt-list img{ width:auto;} .right_case .des p{ height:90px; overflow:hidden;} .indexmain li{ height:620px;} .list_valve .list_00 .left{ height:550px;} .list_valve .list_00 .right,.list_valve .list_00 .center{ height:350px;} .pf-zd{ position: fixed; top:150px; right: 10px; width:70px; height:70px; background:url(../images/btn.png) no-repeat; background-size:70px; z-index:9999;} .my-video2-dimensions{ width:100%; height:430px; background:#603d3b;} .my-video3-dimensions{ width:100%; height:420px; background:#603d3b;} .whVideo-dimensions{ width:100%; height:650px; background:#603d3b;} #footer .box2{ width:100%; padding:20px 10px;} .seo{ width:100%; padding:30px 10px 0;} .seobox{ width:100%;} .m-tip03 .item{ width:12.5%;} .viewseo{ width:100%; padding:0 10px;} .viewseo .seoRight{ width:100%; padding:0 10px; margin:30px 0 0;} .f-tit01 h2{ font-size:18px;} .anlimoble{ display: block;} .anlipc{ display:none;} } @media screen and (max-width:767px) { #shownr .neirong p{ font-size:14px;} .about2{ width:96%; margin:0 2%; height:320px !important;} .about_advantagebg{ margin:20px 0 0;} .about_advantage{ width:100%; margin:0 auto;} .about_advantage .title{ height:auto; border-left:3px solid #333; padding:0 0 0 20px; background:url(../images/aboutline.gif) no-repeat 120px bottom;} .about_advantage .title p{ font-size:18px; color:#333;} .about_advantage .title span{ font-size:14px; color:#666;} .about_advantagebox{ width:88%; overflow:hidden; padding:30px 0 0; margin:0 auto; background:none;} .about_advantagebox dl{ float:none; width:100%; height:auto; margin:10px 0 20px; margin-right:0;} .about_advantagebox dl:nth-of-type(2n){ margin-right:0;} .about_advantagebox dl dt{ font-size:16px; color:#444; font-weight:bold; padding:0 0 10px;} .about_advantagebox dl dd{ font-size:14px; color:#666; line-height:28px; padding:0} .about_servicebg{ padding:0;} .space .box ul li{width:100%; margin-bottom:4%; float:left;} .space .box ul li:nth-child(3n+3){margin-right:4%;} .space .box ul li:nth-child(2n+2){margin-right:0px;} .pc{ display:none !important;} .wap{ display:block !important;} .partner_list { padding:10px 0;} .partner_list ul li{ width:50%; margin: 0; padding:0 10px; text-align:center} .partner_list ul li:nth-of-type(2n+1){ padding-right: 5px;} .partner_list ul li:nth-of-type(2n){ padding-left: 5px;} .partner_list ul li img{ width:80%; height:auto} .list_valve .list_01 .left { padding:36px;} .list_valve .list_01 .left h1{ font-size:38px;} .list_valve .list_01 .right { height: auto; background:none;} .list_valve .list_01 .right img{ width:100%;} .list_valve .list_01 .left .more a{ background:#fff; color:#000;} .list_valve .list_02 .left{ height: 355px; background-size:cover; background-position:top center} .list_valve .list_02 .left .note{ height:100px; padding:15px;} .list_valve .list_02 .right{ height:auto} .list_valve .list_02 .right ul li{ height:auto} .list_valve .list_02 .right ul li a{ height:170px;} .list_valve .list_03 .left{ height: 305px; background-size:cover; background-position:top center} .list_valve .list_03 .left .note{ height:100px; padding:15px;} .list_valve .list_03 .right{ height: 448px; background-size: cover;} .list_valve .pic{ height: 150px; background-size: cover;} .list_valve .list_04 .left{ height: 355px; background-size:cover; background-position:top center} .list_valve .list_04 .left .note{ height:100px; padding:15px;} .list_valve .note span{ font-size:16px !important;} .list_valve .list_04 .right{ height: 318px; background-size: cover;} .service_title{ font-size:24px; padding:30px 0;} .service_valve .lists{ padding-bottom:50px;} .service_valve .lists dl{ float:none; width:100%; height:auto; padding:0;} .partnerlist .box{ height:auto;} .partnerlist .box ul{padding: 15px 0 0} .partnerlist .box ul li{ width:14.285%; margin:0 0 10px;} .partnerlist .box2{ padding:20px 10px; } .partnerlist .box2 ul li{ width:33.333%; margin:0; font-size:12px; line-height:24px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center} .partnerlist .box2 .p5{ width:50%; margin:0 auto 0 -25%; font-size:18px; padding: 0 0 15px;} .partnerlist p.p3{ font-size:14px; padding:20px 10px;} .partnerlist p.p3 span{ display:inline;} .partnerlist .box ul li span{ font-size:12px;} .partnerlist .box ul li img{ width:55%; text-align:center;} .warp1 { width: 94%; margin: 0 auto; padding: 40px 0} .warp1 h3,.warp1 h4 { font-size: 16px; margin-bottom: 20px; line-height: 1.2em} /******************/ .pc{ display:none} .wap{ display:block;} .top{ min-width:100px;} .homeTop{ z-index:1000;} .mainPictrue{ display:none} .mainvalve{ display:none} .slider-index {height:450px;} .slider-index .swiper-container {height:450px;} .slider-index .swiper-pagination {bottom:15px;} .slider-index .swiper-pagination-switch {width:10px;height:10px;border-radius: 12px;margin: 0 3px;} .mainPictrue2{ display:block; height:450px; position:relative; z-index:888; width:100%!important; overflow:hidden; background-size:cover !important; position:relative} .swiper-slide a{ display:block;} .mainPictrue2 .jt{width:46px; height:24px; background:url(../images/jt.png) no-repeat; cursor:pointer; position:absolute; left:50%; top:85%; z-index:1000} .mainvalve2{ display:block; height:450px; position:relative; z-index:888; width:100% !important; overflow:hidden; background-size:contain !important; position:relative;} .mainvalve2 .jt{width:46px; height:24px; background:url(../images/jt.png) no-repeat; cursor:pointer; position:absolute; left:50%; top:85%; z-index:1000} .homeTopNav{ display:none;} .topNav{ display:none} .right_side,.side_gray{ display:none} .homeLogo{ left:6%; top:20px;} .homeLogo img{ height:35px;} .showno{ display:none} .cmore{margin-top:0px;} .mainPictrue{ height:400px; position:relative; z-index:888; width:100%!important; overflow:hidden;} .mainvalve{ height:400px; position:relative; z-index:888; width:100%!important; overflow:hidden;} .meun-off { position: absolute; right:6%; top: 20px;} .meun-off span { width: 23px;height: 2px; background-color: #fff; display: block; margin: 6px auto; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .black{ top:10px;} .black span{ background-color:#000;} .meun-on #span2 { opacity: 0} .meun-on #span1 { -webkit-transform: translateY(8px) rotate(45deg); -ms-transform: translateY(8px) rotate(45deg); -o-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg)} .meun-on #span3 { -webkit-transform: translateY(-8px) rotate(-45deg); -ms-transform: translateY(-8px) rotate(-45deg); -o-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg)} .nav .close img { width: 25px; height: auto } .boxnav{ position: absolute; right:6%; top: 10px;} .boxnav span{ background-color:#000;} .network .h1{ margin:0 auto;} .brandbg,.brand{ width:100%; margin-top:0; display:none} .brand dl{ float:none; width:96.5%; margin:0 auto 35px;} .brand dl:nth-of-type(2n){ padding:0;} .brand dl:nth-of-type(2n+1){ padding:0;} .brand dl a{ width:100%; height:auto; min-height:200px; padding:30px 0 0 0; display:block; overflow:hidden} .brand dl:nth-of-type(2n) a{min-height: 225px;} .brand dl a:hover{ background:none;} .brand dl.nomargin{ margin:0 auto 10px;} .brand dl dd{ padding:20px 10px;} .brand dl dt{ font-size:20px;} .brand dl.br3{ width:96.5%;} .brand dl.br3 a{ min-height:278px;} .brand dl.br3 .box{ float:none; width:100%;} .project { width:100% !important; padding: 0 20px;} .project .h1{ width:100% !important; height:60px; margin-top:10px; color:#000;} .project .h1 span{ font-size:14px; color:#808080; line-height:20px;} .project li{ width:100% !important;} .project li img{ width:100% !important;} .cmore{ margin-top:20px;} .fwxm{ width:100% !important;} .website { width:100% !important;} .website .h1{ width:100% !important; margin-top:10px; color:#000; font-size:22px;} .website li{ width:100% !important;} .website li img{ width:100% !important;} .space .space-title{padding: 0 20px;} .space .space-title h3{width: 100%;font-size: 28vw;line-height: 108px;float: left; position: relative;left: -20px; top: 0;} .space .space-title h4 br{ display: none;} .space .box{padding:20px;} #bodyer .t{ font-size:18px;} .outBrand1{ width:100%;} .outBrand2{ width:100%; margin-top:30px;} .outBrand3{ width:100%; margin-top:30px;} .outBrand4{ width:100%; margin:30px 0 0;} .outBrand5{ width:100%; margin:0;} .outBrand5 .out_box5,.outBrand5 .out_box7{ width:100px; height:100px; line-height:100px; font-size:16px;} .outBrand5 .out_box6{ width:40%; left:50%; line-height:24px; margin-left:-20%;} .outBrand5 .out_box6 p,.outBrand5 .out_box6 span{ font-size:12px; line-height:20px; padding:0 10px;} .outBrand5 .out_box6 span{ padding-top:25px;} .outBrand5 .line{ width:40%; left:50%; top:55px; margin-left:-20%;} .outBrand5 .line1{ left:347px; top:51px; margin-left:-20%;} .warp1 .p1,.warp1 .p2{ display:inline;} .fwxm dl{ margin-bottom:30px;} .fwxm dl.line dt{ height:auto; line-height:24px; padding:10px 15px;} .fwxm dl dt{ margin-bottom:10px;} .fwxm dl dd{ line-height:24px; margin-bottom:10px;} .news .h1,.trend .h1,.clients .h1{padding:50px 0 30px;} .news .box , .trend .box{width:100%; margin:0px auto; margin-top:10px;} .news li{ float:left; width:50%; text-align:center; margin-right:0; height:auto;} .trend li{ float:left; width:100%; text-align:center; margin-right:0; height:auto; padding-bottom:10px;} .trend .pic{width:100%; height:auto; position:relative; cursor:pointer; overflow:hidden;} .trend .pic img{width:100%; height:auto; position:static;} .trend .pic .bg{display:block; position:absolute; left:0px; top:0px; width:100%; height:auto; background:#000; z-index:20; filter:alpha(opacity=0);-moz-opacity:0; opacity:0;} .trend .pic .readMore{display:none; background:url(../images/kuang.png) no-repeat; color:#aaa; position:absolute; left:112px; top:93px; width:116px; height:40px; line-height:40px; z-index:30; } .clients .box{width:100%; margin:0 auto; border:none; height:auto;margin:10px 0 0 0;} .clients li{width:33.55%; height:auto; overflow:hidden; float:left; border:none; position:relative; margin-top:-1px; margin-left:-1px;} .clients .pic{width:100%; height:auto; display:block;border:1px solid #ececec;} .clients li span{ position:absolute; width:100%; height:auto;} .clients li a:hover span{ display: none;} #footer{ display:none} .foot{ display:block} .foot{ padding:20px; font-size:11px; line-height:20px; position:relative;} .foot-main{padding-bottom:0; height:auto;} .f-contact h3, .follow h3{ font-size:14px;padding:16px 0; font-weight: normal;} .f-contact{ float:left; width:100%} .follow{ float:none; width:100%; padding:21px 0; position:relative; z-index:100;} .follow img{ width:30px; margin-top:0px;} .about{ margin-top:49px;} .follow .wechatTT { float:left; margin-right:10px;} .follow .wechatTT .ewm img { width:70px; position: absolute; left:0; top:70px; display:none;} .follow .wechatTT:hover .ewm img{ display:block;} .copyright{ position:static; width:100%; clear:both;} .follow .right{ position:absolute; right:2.8%; width:70px; height:70px;} .follow .right img{ width:70px; height:70px;} .clearfix:before,.clearfix:after{ content: ''; display:block;} .clearfix:after { clear: both; } .contact img{ width:100% !important;} .i-service { padding:90px 10px 0;} .i-service .pagination2 { bottom:1rem;} .i-service .pagination2 {z-index:99;position: absolute;left: 0;text-align: center;bottom:0;width: 100%;} .i-service .swiper-pagination-switch {display: inline-block;width:10px;height:10px;border-radius: 12px;background: #ccc;margin: 0 4px;cursor: pointer;} .i-service .swiper-visible-switch { background: #ccc;} .i-service .swiper-active-switch { background: #292826;} #wrap{ position: relative; height:1800px; overflow: hidden;} #read-more{ display:block; padding:5px;background: #f60;color: #fff; position:absolute; left:0; bottom:0; width:100%;} #read-more a{padding-right: 22px;color: #fff;font-weight: bold;text-decoration: none; width:100%; display:block; text-align:center;} #read-more a:hover{color: #fff;} .indexmain{ width:92%; margin-top:25px; padding:0 0px;} .indexmain li{ width:100% !important; height:auto; margin:0 0 20px; min-height: auto;} .indexmain li:nth-of-type(2n+1){ padding-right: 0;} .indexmain li:nth-of-type(2n){ padding-left: 0;} .indexmain li a img.lazy{ width:100% !important; height:auto;} .indexmain li a{ float:none; font-size:14px;display:inline-block;} .indexmain li p{ float:none; width:100%;} .xia { width: 100% !important; text-align: center !important;} .xia li{width: 48% !important;} .my-video-dimensions{ width:100%; height:250px;} .a1box li{ width:100%; display:inline-block; float:none; overflow: hidden;margin-bottom:10px;} .a1box li:nth-of-type(2n){ margin:0;} .a1box li img{ width:100%; display:block;} .yiyi_advantage_box{ height:140px; margin-bottom:30px;} .yiyi_advantage .abt_left{ font-size:14px;}.yiyi_advantage .abt_right{ font-size:24px;} .yiyi_advantage .abt_left p{ font-size:12px; line-height:18px; padding:5px 0 0;} .network{ margin-bottom:20px;} .network .h1 span{ font-size:14px; color:#808080; line-height:20px;} .network .left,.network .right{ float:none; width:100%;} .network .right .note1,.network .right .note2{ width:100%; height:auto; padding: 30px 10px;} .network .right .note1 p.title{ font-size:16px;padding: 40px 0 0; background-size:50px; font-weight:bold;} .network .right .note2 p.title{ font-size:16px;padding: 0; line-height:36px; font-weight:bold;} .network .right .note3{ width:100%; height:auto; padding: 30px 10px; text-align:center} .network .right .note3 p.title{ font-size:16px;padding:0; font-weight:bold;} .network .right .note3 p br{ display:none} .pf-zd{ position: fixed; bottom: 80px; right: 10px; width:70px; height:70px; background:url(../images/btn.png) no-repeat; background-size:70px; z-index:9999;} .jt-list{ width:100%; padding-bottom:0;} .jt-list .title{ font-size:16px;} .jt-list ul{ padding:20px 0 0;} .jt-list li,.jt-list li.f1{width:48.5%;margin:0 0 1% 1%;} .jt-list li.f1 a{ margin:0;} .jt-list li.f1,.jt-list li{background: #f4f4f4;} .jt-list li:nth-of-type(2n){ margin:0 0 1% 1%;} .jt-list li.f1{background-image:none;width:48.5%;} .jt-list img{ width:auto;} .brandPic{ height:260px; background-position:bottom center !important;} .brandNote{ left:0%; top:20px; width:100%; text-align:center; padding:0 10px;} .brandNote h3{ font-size:16px; padding:0; line-height:30px; font-weight:bold;} .brandNote p{ font-size:14px;} .list_valve .list_00 .left{ height:380px; padding:250px 0 0; background-size:contain; position:static;} .list_valve .list_00 .left .note{ position:static; background:none; color:#333; padding:15px;} .list_valve .list_00 .center{ width:100%; margin:0 0 2% 0;} .list_valve .list_00 .right{ width:100%; margin:0 0 2% 0;} .list_valve .list_00 .list_a,.list_valve .list_00 .list_b,.list_valve .list_00 .list_c,.list_valve .list_00 .list_d{ width:100%; margin:0 0 2% 0;} .list_valve .list_01, .list_valve .list_02, .list_valve .list_03, .list_valve .list_04{ padding:0 10px;} .list_valve .list_01 .right{ width:100%;} .list_valve .list_02 .right ul li{ padding:0;} .list_valve .pic{ width:92%;} .service_valve .lists{ width:94%;} .service_valve .lists dl dt{ height:120px;} .service_valve .lists dl dt.one,.service_valve .lists dl dt.two,.service_valve .lists dl dt.three,.service_valve .lists dl dt.four{ line-height:120px;} .my-video2-dimensions{ width:100%; height:165px;} .my-video3-dimensions{ width:100%; height:160px;} .whVideo-dimensions{ width:100%; height:250px;} .foot .box2{ padding:0 0 20px; border-top:1px solid #ddd;} .foot .box2 p{ font-size: 14px; padding: 16px 0;} .seo{ width:100%; padding:30px 10px 0;} .seobox{ width:100%;} .m-tip03 .item{ width:33.3333%;} .viewseo{ width:100%; padding:0px;} .viewseo .seoRight{ width:100%; padding:0 20px; margin:30px 0 0;} .f-tit01 h2{ font-size:18px;} .viewseo .showviewseo{ width:100%;} .viewseo .showviewseo h1{ font-size:18px !important; font-weight:bold;} #shownr .Nbox1{ padding:20px 0;} #shownr .Nbox2{ padding:40px 20px;} #shownr .Nbox3{ padding:10px 20px 40px;} #shownr .Nbox4{ padding:10px 20px 40px;} #shownr .Nbox2 hr{ width:100%;} #shownr .Ntitle h3{ font-size:26px;} #shownr .Ntitle h4{ font-size:18px; line-height:20px; padding:10px 0;} #shownr .Ndesc{ font-size:14px; line-height:32px;} #shownr .Nbox2 .secTitle,#shownr .Nbox3 .secTitle,#shownr .Nbox4 .secTitle{ font-size:18px; padding:20px 0;} #shownr .Nbox2 .secTitle span,#shownr .Nbox3 .secTitle span,#shownr .Nbox4 .secTitle span{ font-size:24px;} #shownr .Nbox3 .linebox li{ margin:20px 0 0;} #shownr .Nbox4 .linebox, #shownr .Nbox3 .linebox{ width:100%;} .ysysimg-pc{ display:none !important;} .ysysimg-wap{ display:block !important;} .Newmain #showtext{ padding:0;} .Newmain #bodyer .t{ padding-left:20px;} #neirong h1{ padding:0 10px;} .ysys3 .note,.ysys13 .note{ position:static; top:auto; transform:none;} .ysys1,.ysys6,.ysys8,.ysys10,.ysys14 { height:auto; min-height:auto !important; padding:180px 0;} .ysys1{ padding:300px 0 260px;} .ysys1 img{ width:200px !important; top:42%;} .ysys2{ height:auto; min-height:560px !important; background:#f3f3f3;} .ysys2 .note{ padding:80px 0 0 0; font-size:16px; text-align:center;} .ysys2 .title{ padding:18% 0 0 0; text-align:center;} .ysys2 .title h3{ font-size:28px;} .ysys2 .title h4{ font-size:14px;} .ysys3 { padding:0 0 60px} .ysys3 ul{ padding:0 0 50px;} .ysys3 ul li{ float:none; width:100%; margin:0;} .ysys3 ul li:nth-of-type(3n){ margin:0 0 0 0;} .ysys3 ul li:nth-of-type(2n){ margin:0 0 0 0;} .ysys3 .ysysimg{ width:220px !important;} .ysys4{ padding:30px;} .ysys4 .box1 .title{ padding:30px 0 0 0; text-align:center;} .ysys4 .box1 .title h3{ font-size:28px;} .ysys4 .box1 .title h4{ font-size:14px;} .ysys4 .box1{ float:none; width:100%; height:auto; margin-bottom:30px;} .ysys4 .box1 .note{ padding:80px 30px 30px 30px; font-size:16px; line-height:30px; text-align:center;} .ysys4 .box2{ float:none; width:100%; height:445px;} .ysys4 .box2 img{ width:200px !important;} .ysys5{ padding:0 30px 30px; background: #eee; position:static; min-height:auto !important;} .ysys5 .box3{ position:relative; min-height:445px; background: url(../images/08.jpg) no-repeat; background-size: cover; background-position:right bottom; padding:0 30px 40px;} .ysys5 img{ width:200px !important;} .ysys6 .note, .ysys8 .note, .ysys10, .ysys14{ font-size:16px; line-height:38px; padding:0 30px;} .ysys7 { background:#fff; padding:30px 0 0;} .ysys7 img{ width:95% !important;} .ysys7 .note{ position:static; top:auto; transform:none;} .ysys9 ul{ padding:30px;} .ysys9 ul li{ float:none; width:100%; margin:0 0 30px 0;} .ysys10{ padding:150px 0;} .ysys10 .note{ position:static; top:auto; transform:none;} .ysys10 .note,.ysys14 .note{ padding:0 30px;} .ysys11{ min-height:auto !important; padding:30px 30px 0;} .ysys12 ul{ padding:0;} .ysys12 ul li{ float:none; width:100%; margin:0;} .ysys13{ height:auto; min-height:auto !important; padding:0;} .ysys13 .note{ width:100%; padding:0;} .ysys14{ padding:150px 0;} .ysys14 .note{ position:static; top:auto; transform:none;} .ysys15{ padding:0;} .ysys15 ul{ padding:0;} .ysys15 ul li{ float:none; width:100%; margin:0;} .ysys15 ul li:nth-of-type(3n){ margin:0 0 0 0;} .ysys15 ul li:nth-of-type(2n){ margin:0;} .ysys15 .ysysimg{ width:220px !important;} .ysys16{ min-height:auto !important;} .shop_advantage{ height:275px; background:url(../images/shop_12.jpg) no-repeat top center; background-size:cover; margin:0 0 10px;} .shop_advantage a{ height:100%;} .proshowzie{ display:block; margin-left:0; background-position:0 8px;} .container-fluid > .row > .col-s-6{ height:250px;} .proshowzi2{ float: none; width: 100%; padding: 20px 3.5% 45px;} .proshowzi_right{float: none; width: 100%; padding: 20px 3.5% 45px;} .anlimoble{ display: block;} .anlipc{ display:none;} } @media screen and (max-width:480px) { .list_valve .list_00 .left{ height:400px; padding:285px 0 0;} } @media screen and (max-width:414px) { .about2{ height:180px !important;} .list_valve .list_00 .left{ height:360px; padding:245px 0 0;} } @media screen and (max-width:375px) { .brand dl dd{ padding:0 10px;} .about2{ height:160px !important;} .list_valve .list_00 .left{ height:360px; padding:220px 0 0;} .ysys1,.ysys2,.ysys3,.ysys4,.ysys6,.ysys7,.ysys8,.ysys9,.ysys10,.ysys12,.ysys14{ min-height:640px !important;} .ysys1,.ysys6,.ysys8,.ysys10,.ysys14 { height:auto; min-height:auto !important;} .ysys6 .note, .ysys8 .note, .ysys10, .ysys14,.ysys4 .box1 .note,.ysys2 .note{ font-size:14px; line-height:30px;} .ysys4 .box1 .title h3,.ysys2 .title h3{ font-size:20px; line-height:24px;} .ysys4 .box1 .title h4,.ysys2 .title h4{ font-size:12px;} .ysys1{ padding:240px 0;} .ysys1 img{ width:50% !important; top:40%;} .ysys2{ height:auto; min-height:400px !important; background-position:0; background:#f3f3f3;} .ysys2 .note{ padding:60px 20px} .ysys4 .box2{ height:422px;} } @media screen and (max-width:320px) { .about2{ height:140px !important;} } /* iPads (portrait) 小屏幕----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 834px) and (orientation : portrait) { /***小屏正**/ .trend li{ float:left; width:49%; height:400px;} .indexmain li.nomargin{ margin:0 0 20px 0;} .trend li:nth-of-type(3n){ margin-right:1%;} .trend li:nth-of-type(4n){ margin-right:1%;} .trend li:nth-of-type(2n){ margin-right:0;} .indexmain li{ float:none; width:100% !important; height:900px;} .indexmain li:nth-of-type(2n+1) { margin-right: 0;} .xia li{ height:auto;} .i-service .list .swiper-slide{ width:50%;} .i-service .note{ width:100%;} .i-service .list li{ width:100%; padding:0 20px; height:350px;} .brand dl{ width:50%;} .Newmain{ width:100% !important;} .Newmain #showtext{ padding:0;} #bodyer .t{ display:none;} } @media only screen and (min-device-width : 835px) and (max-device-width : 1024px) and (orientation : portrait) { } @media only screen and (min-device-width : 768px) and (max-device-width : 834px) and (orientation : landscape) { } @media only screen and (min-device-width : 834px) and (max-device-width : 1024px) and (orientation : landscape) { /***小屏倒**/ .trend li{ float:left; width:49%; height:450px;} .indexmain li.nomargin{ margin:0;} .trend li:nth-of-type(3n){ margin-right:1%;} .trend li:nth-of-type(4n){ margin-right:1%;} .trend li:nth-of-type(2n){ margin-right:0;} .trend .pic img{ max-height:auto;} .indexmain ul{ background:red} .indexmain li{ width:31.3% !important; height:440px; padding:0;} .indexmain li.nomargin{ margin:0 0 20px 0; padding:0;} .indexmain li:nth-of-type(2n+1),.indexmain li:nth-of-type(2n){ margin-right:3%; padding:0;} .indexmain li:nth-of-type(2n){ margin-right:3%; padding:0;} .indexmain li:nth-of-type(5n){ margin-right:3% !important; padding:0;} .indexmain li:nth-of-type(4n){ margin-right:3% !important; padding:0;} .indexmain li:nth-of-type(3n){ margin-right:0 !important; padding:0;} #footer .box .item{ width:21%;} .brand dl{ width:33%;} .Newmain{ width:100% !important;} .Newmain #showtext{ padding:0;} #bodyer .t{ display:none;} .i-service .list .swiper-slide{ width:33.33%;} .i-service .list li{ width:100%; padding:0 20px;} .js-fullheight{ height:auto; min-height:540px !important;} .ysys2 .note { padding:150px 0;} .ysys3 .ysysimg,.ysys15 .ysysimg{ width:auto !important;} .ysys3,.ysys4,.ysys5 { min-height:740px !important;} .ysys4 .box1, .ysys4 .box2{ height:610px;} .ysys4 .box2 img{ width:70% !important;} .ysys13 .note{ width:100%;} .ysys13 img{ width:100% !important;} } /******ipad air*******/ @media only screen and (min-device-width : 1024px ) and (max-device-width : 1366px) and (orientation : portrait) { .indextrend .cmore{ margin:40px auto 80px;} .indextrend li{ padding:0;} .trend li{ float:left; width:32%; height:350px; margin:0 2% 30px 0;} .trend li.last{ display:none;} .trend li:nth-of-type(2n){ margin-right:2%;} .trend li:nth-of-type(4n){ margin-right:2%;} .trend li:nth-of-type(3n){ margin-right:0;} .trend .pic img{ max-height:auto;} .indexmain{ padding: 0 0px;} .indexmain ul{ overflow:hidden;} .indexmain li{ width:48.5% !important; padding:0;} .indexmain li.nomargin{ margin:0 0 3% 0; padding:0;} .indexmain li:nth-of-type(2n+1),.indexmain li:nth-of-type(2n){ margin-right:3%; padding:0;} .indexmain li:nth-of-type(3n){ margin-right:3%; padding:0;} .indexmain li:nth-of-type(5n){ margin-right:3% !important; padding:0;} .indexmain li:nth-of-type(4n){ margin-right:3% !important; padding:0;} .indexmain li:nth-of-type(2n){ margin-right:0 !important; padding:0;} .i-service .list li{ width:100%; height:350px; margin:0;} .i-service .list h3{ padding:0 20px 10px;} .i-service .btns{ padding:0 15px;} .list .swiper2{ padding:0;} .partnerlist .box2 ul li{ margin:0 130px 0 0;} .partnerlist .box ul li{ margin-left: 80px;} .brand{ padding:0 10px;} .brand dl,.brand dl.br3{ width:32%;} .brand dl:nth-of-type(2n+1),.brand dl:nth-of-type(2n){ margin-right:2%; padding:0;} .brand dl:nth-of-type(3n){ margin-right:0;} .Newmain{ width:100% !important;} .Newmain #showtext{ padding:0;} #bodyer .t{ display:none;} } @media only screen and (min-device-width : 1024px ) and (max-device-width : 1366px) and (orientation : landscape) { .network .left{ height:623px;} .trend li{ float:left; width:32%; height:350px; margin:0 2% 30px 0;} .trend .pic{ height:250px;} .trend li.last{ display:none;} .trend li:nth-of-type(2n){ margin-right:2%;} .trend li:nth-of-type(4n){ margin-right:2%;} .trend li:nth-of-type(3n){ margin-right:0;} #footer .box2{ width:90%; padding:20px 0;} .right_case{ height:376px;} #footer .box{ width:100%; padding:30px 44px 30px 70px;} .fenlei-l{ width:750px;} } @media screen and (max-width:767px) { .banner{ display:block; height:1px;} .proshowpic video{ width:100%; height:100%;} .project .project-title{ padding:20px 0 0; height:auto;} .project .project-title h3{ font-size:42px; line-height:30px; position:static; padding:0 0 10px;} .project .project-title h4{ color:#333; font-size:20px; line-height:30px; letter-spacing:0; position:static;padding-bottom: 40px;} .project .project-title h4 br{ display:none;} .project .box{ margin-top:20px !important;} .subcase{float:left; text-align: left; margin-right:0;} .subcase div {padding: 0 17px 0 0; font-size: 14px;white-space: nowrap; line-height: 26px;} .space .space-title h4{ font-size: 20px;line-height: 30px;letter-spacing: 0;} .about1-1{ padding:0 20px;} .about1 .about1-left{ margin-left:20px !important;} .about2-2{ padding:0 20px;} .about_servicebox1{ padding:0 20px;} .about_advantagebox{ width:100%; padding:30px 20px 0;} .about3{ width:100%; padding:30px 20px 0;} .i-service{ padding:0 20px;} } .dspace-title{width:80%; max-width:1300px; margin:30px auto; line-height:40px;} .dspace-title h1{font-size:30px;} .dspace-title h2{font-size:20px;} .list_top{ width:80%; margin:0 auto; clear:both; max-width:1300px;} .list_top_left{ width:20%; float:left; padding:60px 0;} .list_top_left img{ padding-bottom:60px;} .list_top_left .tit{ font-size:16px; line-height:40px; } .list_top_left .tit span{ font-size:16px; line-height:25px; display:inline-block;} .list_top_right{ width:80%; float:right; font-size:16px; line-height:30px; padding: 60px 0;} @media screen and (max-width:1300px) { .list_top{ width:100%;} .list_top_left{ padding-left:60px;} .list_top_left .tit{ font-size:30px;} } @media screen and (max-width:1200px) { .list_top_left img{ width:50% !important;} } @media screen and (max-width:767px) { .list_a { padding: 60px 0 60px 0;} .list_top_left{ width:100%; padding:15px 10px;text-align: left;} .list_top_left .tit{ font-size:16px; line-height:32px; text-align:left;} .list_top_left .tit span{ padding-top:20px; font-size:16px;} .list_top_right{ width:100%; padding:20px 10px 25px 10px; font-size:16px; line-height:28px; text-align:left;} }