.banner{position:relative;width:100%;height:auto;overflow:hidden;z-index:2;} .banner .content{position:absolute;top:0px;width:100%;height:100%;text-align:center;background-repeat:no-repeat;background-attachment:fixed;z-index:3;} .banner .contentinfo{position:absolute;top:50%;left:0px;width:100%;height:300px;margin-top:-150px;z-index:1;} .banner .content .title1{ opacity:0;width:100%;font-size:40px;line-height:44px;color:#fff;text-align:center;margin-top:0px;} .banner .content .title2{ opacity:0;width:100%;font-size:55px;line-height:60px;margin:28px 0 36px 0;font-weight:100;color:#fff;text-align:center;} .banner .content .title3{opacity:0;border:3px solid #fff;padding:6px 24px 8px 24px;font-size:30px;font-weight:bold;color:#fff;text-align:center;} .banner .bannernav{position:absolute;bottom:30px;width:100%;text-align:center;z-index:3;} .banner .bannernav img{width:80px;height:4px;margin:0px 3px;cursor:pointer;} .banner .bannerbg{position:relative;z-index:2;opacity:1;width:100%;height:auto;vertical-align:middle;} .banner .bannervideo{position:absolute;bottom:10px;left:10px;cursor:pointer;z-index:3;} .banner .bannerbtn{position:absolute;top:50%;height:148px;margin-top:-74px;cursor:pointer;z-index:3;} .banner .bannerbtn.leftbtn{left:-100px;} .banner .bannerbtn.rightbtn{right:-100px;} .about .title{line-height:58px;text-align:center;padding:20px 0 15px 0;color:#434343;font-size:40px;} .about .info{line-height:26px;padding:15px 0;color:#434343;font-size:16px;text-align:center;width:815px;margin:0 auto;} .about .muns{text-align:center;padding-bottom:17px;} .about .muns .child{margin:0 20px;display:inline-block;*display:inline;*zoom:1;width:240px;height:200px;text-align:center;} .about .muns .child .childmun{font-weight:bold;padding:26px 0 3px 0;color:#434343;font-size:80px;font-family:"黑体",din medium,arial, helvetica, sans-serif;} .about .muns .child .childtitle{line-height:24px;color:#434343;font-size:16px;} .news{background:#fff;border-top:1px solid #bababa;} .news .content{position:relative;margin-top:47px;height:480px;} .news .contentcontent{position:relative;margin-top:47px;height:480px;overflow:hidden;} .news .content .newsbtn{position:absolute;top:0px;bottom:0px;margin:auto 0;cursor:pointer;z-index:1;} .news .content .newsbtn.leftbtn{left:-100px;} .news .content .newsbtn.rightbtn{right:-100px;} .news .content .movecontent{position:absolute;top:0px;left:0px;} .news .content .movecontent .child{position:absolute;top:0px;width:373px;height:480px;margin-right:22px;} .news .content .movecontent .child .childimg{position:relative;width:100%;height:228px;overflow:hidden;} .news .content .movecontent .child .childimg img{width:100%;height:100%;} .news .content .movecontent .child .childimg img{transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration:.3s; } .news .content .movecontent .child:hover .childimg img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);} .news .content .movecontent .child .childimg .childtime{position:absolute;z-index:1;background:#fff;position:absolute;top:0px;right:0px;width:80px;height:80px;background:#fff;} .news .content .movecontent .child .childimg .childtime .childday{padding-top:7px;line-height:38px;padding-right:8px;text-align:right;color:#999999;font-size:40px;font-family:century gothic;} .news .content .movecontent .child .childimg .childtime .childyear{line-height:24px;padding-right:8px;text-align:right;color:#999999;font-size:16px;font-family:century gothic;} .news .content .movecontent .child .childtitle{padding:36px 0 33px 0;border-bottom:1px solid #c1c1c1;} .news .content .movecontent .child .childtitle p{color:#434343;font-size:16px;line-height:24px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .news .content .movecontent .child .childcontent{padding-top:33px;} .news .content .movecontent .child .childcontent p{line-height:22px;color:#777777;font-size:14px;} .news .content .movecontent .child .childbtn{position:absolute;bottom:0px;left:0px;width:108px;height:34px;line-height:34px;color:#656565;font-size:16px;border:2px solid #c1c1c1;text-align:center;} .news .content .movecontent .child .childbtn{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; } .news .content .movecontent .child .childbtn:hover{background:#c1c1c1;color:#fff;} .project{} .project .content{position:relative;margin:40px 0;} .project .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;} .project .content .child{position:relative;float:left;width:20%;} .project .content .child .childbg{width:100%; vertical-align:middle;} .project .content .child .childhide{ opacity:0;position:absolute;top:0px;left:0px;width:100%;height:100%;background:;transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);} .project .content .child .childquan{display:none;position:absolute;top:0px;bottom:0px;left:0px;right:0px;margin:auto;width:69px;height:69px;background:url(/uploads/image/pi/whitebg.png);border-radius:69px;-moz-border-radius:69px;-ms-border-radius:69px;-o-border-radius:69px;-webkit-border-radius:69px;} .project .content .child .childsearch{display:none;position:absolute;top:0px;bottom:0px;left:0px;right:0px;margin:auto;} .project .content .child .childhide{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; } .project .content .child .childquan{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; } .project .content .child .childsearch{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; } .project .content .child:hover .childhide{opacity:1;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);} .project .content .child:hover .childquan{display:block;} .project .content .child:hover .childsearch{display:block;} .product{background:#f5f5f5;} .product .content{position:relative;height:600px;margin-top:55px;} .product .content .child{position:absolute;overflow:hidden;} .product .content .child{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s; -webkit-transition-duration: 1s; } .product .content .child .childtitle{position:absolute;text-align:center;} .product .content .child .childtitle .title{color:#434343;} .product .content .child .childtitle .info{color:#656565;} .product .content .child .childimg{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; } .product .content .child:hover .childimg{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);} .product .content .child.child1{top:0px;left:0px;width:550px;height:600px;background:#f5d6c8;} .product .content .child.child1:hover{background:#f7cbb7;} .product .content .child.child1 .childtitle{position:absolute;top:0px;width:100%;} .product .content .child.child1 .childtitle .title{padding-top:50px;line-height:58px;color:#434343;font-size:42px;} .product .content .child.child1 .childtitle .info{line-height:28px;color:#656565;font-size:16px;} .product .content .child.child1 .childimg{position:absolute;bottom:0px;left:0px;right:0px;margin:0 auto;} .product .content .child.child2{top:0px;right:0px;width:600px;height:295px;background:#bfe1f1;} .product .content .child.child2:hover{background:#a8d7ed;} .product .content .child.child2 .childtitle{position:absolute;top:93px;left:46px;} .product .content .child.child2 .childtitle .title{line-height:56px;color:#434343;font-size:38px;} .product .content .child.child2 .childtitle .info{line-height:28px;color:#656565;font-size:16px;} .product .content .child.child2 .childimg{position:absolute;bottom:0px;top:0px;right:68px;margin:auto 0;} .product .content .child.child3{bottom:0px;right:305px;width:295px;height:295px;background:#f5dfc8;} .product .content .child.child3:hover{background:#f2d3b2;} .product .content .child.child3 .childtitle{position:absolute;top:22px;left:0px;width:100%;} .product .content .child.child3 .childtitle .title{line-height:50px;color:#434343;font-size:33px;} .product .content .child.child3 .childtitle .info{line-height:26px;color:#656565;font-size:14px;} .product .content .child.child3 .childimg{position:absolute;bottom:10px;left:0px;right:0px;margin:0 auto;} .product .content .child.child4{bottom:0px;right:0px;width:295px;height:295px;background:#f5c8c8;} .product .content .child.child4:hover{background:#f4b8b8;} .product .content .child.child4 .childtitle{position:absolute;top:22px;left:0px;width:100%;} .product .content .child.child4 .childtitle .title{line-height:50px;color:#434343;font-size:33px;} .product .content .child.child4 .childtitle .info{line-height:26px;color:#656565;font-size:14px;} .product .content .child.child4 .childimg{position:absolute;bottom:-16px;left:0px;right:0px;margin:0 auto;} .say{position:relative;z-index:1;color:#fff;height:650px;} .say .saybgcolor{display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:-1;} .say .saybg{display:none;position:fixed;z-index:-1;bottom:0px;} .say .container{padding-top:104px;height:546px;background-attachment:fixed;background-position:center bottom;background-repeat:no-repeat;} .say .sub{margin:0px 0 20px 4px;width:56px;height:2px;background:#fff;} .say .title1{display:none;line-height:54px;padding-bottom:18px;font-size:36px;} .say .title2{display:none;line-height:76px;font-size:55px;} .say .title3{display:none;line-height:76px;font-size:55px;} .say .pointer{padding-top:60px;cursor:pointer;} .service .content{padding-top:60px;} .service .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;} .service .content .child{width:347px;height:220px;border:2px solid #d6281a;float:left;margin-right:55px;} .service .content .child{transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; } .service .content .child.no{margin-right:0;} .service .content .child .childcontent{position:relative;padding:30px 36px 34px 36px;} .service .content .child .childcontent .childimg{text-align:center;padding-bottom:4px;} .service .content .child .childcontent .childtitle{height:20px;color:#434343;font-size:20px;text-align: center;} .service .content .child .childcontent .childtitle{transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; } .service .content .child .childcontent .childtitle img{ vertical-align:bottom;} .service .content .child .childcontent .childtitle span{ vertical-align:bottom;} .service .content .child .childcontent .childinfo{padding:26px 0;} .service .content .child .childcontent .childinfo p{line-height:22px;color:#666;font-size:14px;} .service .content .child .childcontent .childinfo p{transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; } .service .content .child .childcontent .childsub{width:30px;height:3px;background:#d6281a;} .service .content .child .childcontent .childsub{transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; } .service .content .child:hover{background:#d6281a;} .service .content .child:hover .childcontent .childtitle{color:#fff;} .service .content .child:hover .childcontent .childinfo p{color:#fff;} .service .content .child:hover .childcontent .childsub{background:#fff;} @media (max-width: 639px) { .banner .contentinfo{height:120px;margin-top:-60px;} .banner .content{background-attachment:scroll; background-size:auto 100% !important;background-position:center !important;} .banner .content .title1{font-size:14px;line-height:28px;} .banner .content .title2{font-size:20px;line-height:22px;margin:3px 0 14px 0;} .banner .content .title3{border:1px solid #fff;padding:2px 10px 3px 10px;font-size:14px;font-weight:100;} .banner .bannernav{bottom:10px;} .banner .bannernav img{width:30px;height:2px;margin:0px 2px;} .banner .bannerbg {height:auto;} .banner .bannerbtn{height:38px;margin-top:-19px;} .banner .bannerbtn.leftbtn{left:5px !important;} .banner .bannerbtn.rightbtn{right:5px !important;} .banner .bannervideo{height:20px;} .about .title{line-height:24px;padding:14px 0 10px 0;font-size:18px;} .about .info{line-height:20px;padding:6px 0;font-size:12px;width:90%;} .about .muns{padding-bottom:17px;} .about .muns .child{margin:0 0;width:30%;height:120px; vertical-align:top;} .about .muns .child .childmun{padding:18px 0 3px 0;font-size:32px;} .about .muns .child .childtitle{line-height:16px;font-size:12px;} .news .content{margin-top:24px;height:370px;width:280px;margin:0 auto;} .news .contentcontent{margin-top:30px;height:370px;} .news .content .newsbtn{width:20px;} .news .content .newsbtn.leftbtn{left:-30px;} .news .content .newsbtn.rightbtn{right:-30px;} .news .content .movecontent .child{width:280px;height:370px;margin-right:0px;} .news .content .movecontent .child .childimg{height:190px;} .news .content .movecontent .child .childimg .childtime{width:60px;height:60px;} .news .content .movecontent .child .childimg .childtime .childday{padding-top:7px;line-height:28px;padding-right:6px;font-size:30px;} .news .content .movecontent .child .childimg .childtime .childyear{line-height:20px;padding-right:6px;font-size:12px;} .news .content .movecontent .child .childtitle{padding:16px 0;} .news .content .movecontent .child .childtitle p{font-size:14px;line-height:20px;} .news .content .movecontent .child .childcontent{padding-top:16px;} .news .content .movecontent .child .childcontent p{line-height:22px;font-size:12px;} .news .content .movecontent .child .childbtn{width:90px;height:30px;line-height:30px;font-size:12px;border:1px solid #c1c1c1;} .project .content{margin:30px 0;} .project .content .child{width:50%;display:none;} .project .content a:nth-child(1) .child{display:block;} .project .content a:nth-child(2) .child{display:block;} .project .content a:nth-child(3) .child{display:block;} .project .content a:nth-child(4) .child{display:block;} .project .content .child .childquan{width:40px;height:40px;border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;-webkit-border-radius:40px;} .project .content .child .childsearch{width:20px;} .product .content{height:605px;margin-top:30px;} .product .content .child.child1{top:0px;left:0px;width:100%;height:300px;} .product .content .child.child1 .childtitle .title{padding-top:25px;line-height:36px;font-size:26px;} .product .content .child.child1 .childtitle .info{line-height:20px;font-size:12px;} .product .content .child.child1 .childimg{width:200px;bottom:-20px;} .product .content .child.child2{top:305px;width:100%;height:146px;} .product .content .child.child2 .childtitle{top:47px;left:23px;} .product .content .child.child2 .childtitle .title{line-height:40px;font-size:23px;} .product .content .child.child2 .childtitle .info{line-height:20px;font-size:12px;} .product .content .child.child2 .childimg{right:34px;width:144px;} .product .content .child.child3{left:0px;width:49%;height:148px;} .product .content .child.child3 .childtitle{position:absolute;top:11px;left:0px;} .product .content .child.child3 .childtitle .title{line-height:25px;font-size:16px;} .product .content .child.child3 .childtitle .info{line-height:20px;font-size:12px;} .product .content .child.child3 .childimg{bottom:5px;left:0px;right:0px;width:126px;} .product .content .child.child4{width:49%;height:148px;} .product .content .child.child4 .childtitle{top:11px;left:0px;width:100%;} .product .content .child.child4 .childtitle .title{line-height:26px;font-size:16px;} .product .content .child.child4 .childtitle .info{line-height:20px;font-size:12px;} .product .content .child.child4 .childimg{width:134px;bottom:-8px;left:0px;right:0px;} .say{display:none;height:195px;} .say .container{padding-top:32px;height:163px; background-attachment:scroll;background-size:auto 195px; background-position:right bottom;} .say .saybg{display:none;} .say .sub{margin:0px 0 10px 2px;width:28px;height:2px;background:#fff;} .say .title1{line-height:24px;padding-bottom:10px;font-size:16px;} .say .title2{line-height:26px;font-size:20px;} .say .title3{line-height:26px;font-size:20px;} .say .pointer{padding-top:20px;height:16px;} .service{display:none;} .service .content{padding-top:30px;} .service .content .child{width:100%;height:auto;border:1px solid #d6281a;float:none;margin:10px auto;} .service .content .child.no{margin:10px auto;} .service .content .child .childcontent{padding:23px 20px 17px 20px;} .service .content .child .childcontent .childtitle{height:28px;font-size:20px;} .service .content .child .childcontent .childinfo{padding:26px 0;} .service .content .child .childcontent .childinfo p{line-height:22px;font-size:14px;} .service .content .child .childcontent .childsub{width:30px;height:3px;} } @media (min-width: 640px) and (max-width:1023px ) { .banner .contentinfo{height:200px;margin-top:-100px;} .banner .content{background-attachment:scroll; background-size:auto 100% !important;background-position:center !important;} .banner .content .title1{font-size:23px;line-height:38px;} .banner .content .title2{font-size:32px;line-height:48px;margin:5px 0 20px 0;} .banner .content .title3{border:2px solid #fff;padding:3px 12px 4px 12px;font-size:18px;font-weight:100;} .banner .bannernav{bottom:30px;} .banner .bannernav img{width:50px;height:3px;margin:0px 2px;} .banner .bannerbg {height:auto;} .banner .bannerbtn{height:74px;margin-top:-37px;} .banner .bannerbtn.leftbtn{left:10px !important;} .banner .bannerbtn.rightbtn{right:10px !important;} .about .title{line-height:38px;padding:20px 0 15px 0;font-size:26px;} .about .info{line-height:26px;padding:10px 0;font-size:20px;width:90%;} .about .muns{padding-bottom:17px;} .about .muns .child{margin:0 0;width:30%;height:180px; vertical-align:top;} .about .muns .child .childmun{padding:26px 0 3px 0;font-size:50px;} .about .muns .child .childtitle{line-height:24px;font-size:20px;} .news .content{margin-top:47px;height:480px;width:373px;margin:0 auto;} .news .contentcontent{margin-top:47px;height:480px;} .news .content .newsbtn.leftbtn{left:-100px;} .news .content .newsbtn.rightbtn{right:-100px;} .news .content .movecontent .child{width:373px;height:480px;margin-right:0px;} .news .content .movecontent .child .childimg{height:228px;} .news .content .movecontent .child .childimg .childtime{width:80px;height:80px;} .news .content .movecontent .child .childimg .childtime .childday{padding-top:7px;line-height:38px;padding-right:8px;font-size:40px;} .news .content .movecontent .child .childimg .childtime .childyear{line-height:24px;padding-right:8px;font-size:16px;} .news .content .movecontent .child .childtitle{padding:36px 0 33px 0;} .news .content .movecontent .child .childtitle p{font-size:16px;line-height:24px;} .news .content .movecontent .child .childcontent{padding-top:33px;} .news .content .movecontent .child .childcontent p{line-height:22px;font-size:14px;} .news .content .movecontent .child .childbtn{width:108px;height:34px;line-height:34px;font-size:16px;border:2px solid #c1c1c1;} .project .content{margin:40px 0;} .project .content .child{width:50%;display:none;} .project .content a:nth-child(1) .child{display:block;} .project .content a:nth-child(2) .child{display:block;} .project .content a:nth-child(3) .child{display:block;} .project .content a:nth-child(4) .child{display:block;} .project .content .child .childquan{width:69px;height:69px;border-radius:69px;-moz-border-radius:69px;-ms-border-radius:69px;-o-border-radius:69px;-webkit-border-radius:69px;} .product .content{height:1210px;margin-top:55px;} .product .content .child.child1{top:0px;left:0px;width:100%;height:600px;} .product .content .child.child1 .childtitle .title{padding-top:50px;line-height:72px;font-size:50px;} .product .content .child.child1 .childtitle .info{line-height:28px;font-size:16px;} .product .content .child.child1 .childimg{} .product .content .child.child2{top:610px;width:100%;height:295px;} .product .content .child.child2 .childtitle{top:93px;left:46px;} .product .content .child.child2 .childtitle .title{line-height:78px;font-size:46px;} .product .content .child.child2 .childtitle .info{line-height:28px;font-size:16px;} .product .content .child.child2 .childimg{right:68px;} .product .content .child.child3{left:0px;width:49%;height:295px;} .product .content .child.child3 .childtitle{position:absolute;top:22px;left:0px;} .product .content .child.child3 .childtitle .title{line-height:50px;font-size:33px;} .product .content .child.child3 .childtitle .info{line-height:26px;font-size:14px;} .product .content .child.child3 .childimg{bottom:10px;left:0px;right:0px;} .product .content .child.child4{width:49%;height:295px;} .product .content .child.child4 .childtitle{top:22px;left:0px;width:100%;} .product .content .child.child4 .childtitle .title{line-height:50px;font-size:33px;} .product .content .child.child4 .childtitle .info{line-height:26px;font-size:14px;} .product .content .child.child4 .childimg{bottom:-16px;left:0px;right:0px;} .say{display:none;height:390px;} .say .container{padding-top:64px;height:326px; background-attachment:scroll;background-size:auto 390px; background-position:right bottom;} .say .saybg{display:none;} .say .sub{margin:0px 0 20px 4px;width:56px;height:2px;background:#fff;} .say .title1{line-height:32px;padding-bottom:18px;font-size:22px;} .say .title2{line-height:46px;font-size:36px;} .say .title3{line-height:46px;font-size:36px;} .say .pointer{padding-top:60px;height:24px;} .service .content{padding-top:60px;} .service .content .child{width:347px;height:220px;border:2px solid #d6281a;float:none;margin:20px auto;} .service .content .child.no{margin:20px auto;} .service .content .child .childcontent{padding:32px 36px 34px 36px;} .service .content .child .childcontent .childtitle{height:20px;font-size:20px;} .service .content .child .childcontent .childinfo{padding:26px 0;} .service .content .child .childcontent .childinfo p{line-height:22px;font-size:14px;} .service .content .child .childcontent .childsub{width:30px;height:3px;} } @media (min-width: 1024px) and (max-width:1199px ) { .banner .contentinfo{height:220px;margin-top:-110px;} .banner .content .title1{ font-size:30px;line-height:32px;} .banner .content .title2{font-size:44px;line-height:44px;margin:15px 0 30px 0;} .banner .content .title3{border:2px solid #fff;padding:4px 18px 6px 18px;font-size:22px;} .banner .bannernav{bottom:20px;} .banner .bannernav img{width:60px;height:4px;margin:0px 3px;} .banner .bannerbtn{height:90px;margin-top:-45px;} .banner .bannerbtn.leftbtn{left:-100px;} .banner .bannerbtn.rightbtn{right:-100px;} .about .title{line-height:36px;padding:12px 0 9px 0;font-size:30px;} .about .info{line-height:24px;padding:9px 0;font-size:14px;width:815px;} .about .muns{padding-bottom:17px;} .about .muns .child{margin:0 20px;width:180px;height:160px;} .about .muns .child .childmun{padding:26px 0 3px 0;font-size:60px;} .about .muns .child .childtitle{line-height:22px;font-size:14px;} .news .content{margin-top:30px;height:360px;} .news .contentcontent{margin-top:30px;height:360px;} .news .content .newsbtn{width:30px;} .news .content .newsbtn.leftbtn{left:-50px;} .news .content .newsbtn.rightbtn{right:-50px;} .news .content .movecontent .child{width:290px;height:360px;margin-right:15px;} .news .content .movecontent .child .childimg{height:176px;} .news .content .movecontent .child .childimg .childtime{width:60px;height:60px;} .news .content .movecontent .child .childimg .childtime .childday{padding-top:7px;line-height:30px;padding-right:6px;font-size:30px;} .news .content .movecontent .child .childimg .childtime .childyear{line-height:20px;padding-right:6px;font-size:12px;} .news .content .movecontent .child .childtitle{padding:20px 0;} .news .content .movecontent .child .childtitle p{font-size:14px;line-height:20px;} .news .content .movecontent .child .childcontent{padding-top:20px;} .news .content .movecontent .child .childcontent p{line-height:20px;font-size:12px;} .news .content .movecontent .child .childbtn{width:90px;height:30px;line-height:30px;font-size:14px;border:1px solid #c1c1c1;} .project .content .child .childquan{width:56px;height:56px;border-radius:56px;-moz-border-radius:56px;-ms-border-radius:56px;-o-border-radius:56px;-webkit-border-radius:56px;} .project .content .child .childsearch{width:20px;} .product .content{height:446px;margin-top:36px;} .product .content .child.child1{width:446px;height:446px;} .product .content .child.child1 .childtitle .title{padding-top:27px;line-height:55px;font-size:38px;} .product .content .child.child1 .childtitle .info{line-height:22px;font-size:12px;} .product .content .child.child1 .childimg{width:188px;} .product .content .child.child2{width:446px;height:219px;} .product .content .child.child2 .childtitle{top:60px;left:46px;} .product .content .child.child2 .childtitle .title{line-height:70px;font-size:35px;} .product .content .child.child2 .childtitle .info{line-height:22px;font-size:12px;} .product .content .child.child2 .childimg{width:188px;right:30px;} .product .content .child.child3{right:227px;width:219px;height:219px;} .product .content .child.child3 .childtitle{top:22px;} .product .content .child.child3 .childtitle .title{line-height:38px;font-size:26px;} .product .content .child.child3 .childtitle .info{line-height:22px;font-size:12px;} .product .content .child.child3 .childimg{bottom:6px;width:166px;} .product .content .child.child4{bottom:0px;right:0px;width:219px;height:219px;background:#f5c8c8;} .product .content .child.child4 .childtitle{top:22px;} .product .content .child.child4 .childtitle .title{line-height:38px;font-size:26px;} .product .content .child.child4 .childtitle .info{line-height:22px;font-size:12px;} .product .content .child.child4 .childimg{bottom:-16px;width:134px;} .say{height:500px;} .say .container{padding-top:100px;height:400px;background-position:center bottom;background-size:auto 500px;} .say .saybg{width:900px;} .say .sub{margin:0px 0 16px 3px;width:44px;height:2px;} .say .title1{line-height:42px;padding-bottom:14px;font-size:28px;} .say .title2{line-height:58px;font-size:42px;} .say .title3{line-height:58px;font-size:42px;} .say .pointer{padding-top:46px;} .service .content{padding-top:46px;} .service .content .child{width:286px;height:200px;border:2px solid #d6281a;float:left;margin-right:10px;} .service .content .child .childcontent{padding:30px;} .service .content .child .childcontent .childtitle{height:20px;color:#434343;font-size:20px;} .service .content .child .childcontent .childtitle{transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; } .service .content .child .childcontent .childtitle img{ vertical-align:bottom;} .service .content .child .childcontent .childtitle span{ vertical-align:bottom;} .service .content .child .childcontent .childinfo{padding:26px 0;} .service .content .child .childcontent .childinfo p{line-height:22px;color:#666;font-size:14px;} .service .content .child .childcontent .childinfo p{transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; } .service .content .child .childcontent .childsub{width:30px;height:3px;background:#d6281a;} .service .content .child .childcontent .childsub{transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; } .service .content .child:hover{background:#d6281a;} .service .content .child:hover .childcontent .childtitle{color:#fff;} .service .content .child:hover .childcontent .childinfo p{color:#fff;} .service .content .child:hover .childcontent .childsub{background:#fff;} } @media (min-width: 1200px) and (max-width:1439px ) { .news .content .newsbtn.leftbtn{left:0px;} .news .content .newsbtn.rightbtn{right:0px;} } @media (min-width: 1440px) and (max-width:1920px ) { }