#obtn .cimg.slide_banner{ float:left; width:100%; margin:0; overflow:hidden; text-align:center;z-index: 6;} #obtn .cimg.slide_banner .bg1{ float:left; width:100%; height:20px; position:absolute; left:0; top:-12px; z-index:1; } #obtn .cimg.slide_banner .bg2{ float:left; width:100%; height:140px; position:absolute; left:0; bottom:0; z-index:1; } #obtn .cimg.slide_banner .slick-slide{ width:100%; padding:0; position:relative; line-height:0;} #obtn .cimg.slide_banner .slick-slide img{ width:100%;} #obtn .cimg.slide_banner .slick-dots{ height:26px;width:346px; position:absolute;left:50%;margin-left:-173px; bottom:4.8%;border-top:1px solid rgba(255,255,255,0.5);} #obtn .cimg.slide_banner .slick-dots li{ margin:0 57px; vertical-align:top;} #obtn .cimg.slide_banner .slick-dots li:last-child{margin-right:10px;} #obtn .cimg.slide_banner .slick-dots li:first-child{margin-left:10px;} #obtn .cimg.slide_banner .slick-dots li.slick-active{ background-size:auto 100%;width:15px; height:3px;background:#fff; margin-top:-2px;} #obtn .cimg.slide_banner .slick-dots li button{font-size:18px;line-height:18px;color:#fff;position:relative;bottom:30px;padding:1px;} #obtn .cimg.slide_banner .slick-dots li button::before{content: '0';position: relative;color:#fff;font-size:18px;line-height:18px;opacity: 1;} #obtn .cimg.slide_banner .sbanner{float:left;width:100%;position: relative;} #obtn .cimg.slide_banner .sbanner .sban{position: absolute;top:50%;transform:translate(0,-50%);left:13.54%;text-align:left;} #obtn .cimg.slide_banner .sbanner .sban .sbanh2{font-size:70px;line-height:70px;font-family:AlibabaSanb;font-weight: bold;color:#fff;padding-bottom:30px;border-bottom:2px solid rgba(255,255,255,0.3);letter-spacing: 5px;} #obtn .cimg.slide_banner .sbanner .sban .sbanh3{font-size:46px;line-height:60px;color:#fff;padding-top:18px;letter-spacing: 5px;font-family: AlibabaPuHuiTi;} #obtn .cimg.slide_banner .sbanner .sban .sbanh1{font-size:60px;line-height:70px;font-family:AlibabaSanb;font-weight: bold;color:#fff;padding-top:30px;border-top:2px solid rgba(255,255,255,0.3);letter-spacing: 5px;} #obtn .cimg.slide_banner .sbanner .sban .sbanh4{font-size:55px;line-height:75px;color:#fff;padding-bottom:40px;letter-spacing: 5px;border-bottom:2px solid rgba(255,255,255,0.3);font-family: AlibabaPuHuiTi;} #obtn .pz_ban{float:left;width:100%;} #obtn .pz_band{content: '';float:left;position: relative;left:50%;margin-left:-31px;bottom:23px;width:62px;height:46px;background:url(/Theme/cn/images/al1.png) no-repeat center bottom #fff;background-size:19px 28px;} @media screen and (max-width:991px){ #obtn .cimg.slide_banner .slick-dots{width:300px;margin-left:-150px;} #obtn .cimg.slide_banner .slick-dots li{ margin:0 50px;} #obtn .cimg.slide_banner .slick-dots li:last-child{margin-right:20px;} #obtn .cimg.slide_banner .slick-dots li:first-child{margin-left:20px;} #obtn .cimg.slide_banner .sbanner .sban .sbanh2{font-size:40px;line-height:40px;} #obtn .cimg.slide_banner .sbanner .sban .sbanh3{font-size:24px;line-height:34px;} #obtn .cimg.slide_banner .sbanner .sban .sbanh1{font-size:40px;line-height:50px;} #obtn .cimg.slide_banner .sbanner .sban .sbanh4{font-size:24px;line-height:24px;} } @media screen and (max-width:767px){ #obtn .cimg.slide_banner .slick-dots{width:180px;margin-left:-90px;} #obtn .cimg.slide_banner .slick-dots li{ margin:0 26px;} #obtn .cimg.slide_banner .slick-dots li:last-child{margin-right:10px;} #obtn .cimg.slide_banner .slick-dots li:first-child{margin-left:10px;} #obtn .cimg.slide_banner .sbanner .sban{left:5%;} #obtn .cimg.slide_banner .sbanner .sban .sbanh2{font-size:24px;line-height:24px;padding-bottom: 15px;letter-spacing: 2px;} #obtn .cimg.slide_banner .sbanner .sban .sbanh3{font-size:18px;line-height:18px;padding-top: 10px;letter-spacing: 2px;} #obtn .cimg.slide_banner .sbanner .sban .sbanh1{font-size:24px;line-height:34px;padding-top: 15px;letter-spacing: 2px;} #obtn .cimg.slide_banner .sbanner .sban .sbanh4{font-size:18px;line-height:28px;padding-bottom: 10px;letter-spacing: 2px;} } /*index公司简介*/ #obtn .ctext.comPany{float:left;width:100%;} #obtn .ctext.comPany .com{float:left;width:100%;position: relative;padding:100px 584px 100px 0;} #obtn .ctext.comPany .com .col{float:left;width:100%;padding-right:113px;} #obtn .ctext.comPany .com .cor{float:right;width:584px;height:100%;position: absolute;right:0;} #obtn .ctext.comPany .com .col .colt{float:left;width:100%;} #obtn .ctext.comPany .com .col .colh5{font-size:24px;line-height:24px;color:#888;text-transform: uppercase;border-left:2px solid #0594de;padding-left:20px;padding-bottom:14px;font-family:Arial;letter-spacing: 1px;} #obtn .ctext.comPany .com .col .colh4{font-size:36px;line-height:36px;color:#0594de;font-weight: bold;border-left:2px solid #ee9d00;padding-left:20px;letter-spacing: 2px;} #obtn .ctext.comPany .com .col .col1{margin-top:46px;} #obtn .ctext.comPany .com .col .col1h3{font-size:24px;line-height:36px;color:#333;padding-bottom:20px;} #obtn .ctext.comPany .com .col .col1p{font-size:16px;line-height:30px;color:#555;padding-bottom:22px;height:172px;overflow: hidden;} #obtn .ctext.comPany .com .colt a{display: block;width:157px;height:53px;background:#0594de;color:#fff;padding:10px 0;font-size:14px;line-height:36px;text-align: center;text-transform: uppercase;} #obtn .ctext.comPany .com .colt a:hover{background:#ee9d00;} #obtn .ctext.comPany .com .colf{float:left;width:100%;margin-top:30px;} #obtn .ctext.comPany .com .colf ul{width:100%;border-top:1px solid #f0f0f0;} #obtn .ctext.comPany .com .colf ul .coli{float:left;width:33.33%;border-right:1px solid #f0f0f0;text-align: center;letter-spacing: 1px;} #obtn .ctext.comPany .com .colf ul .coli:last-child{border-right:none;} #obtn .ctext.comPany .colf ul .coli .cola{display:block;width:100%;} #obtn .ctext.comPany .colf ul .coli .cola1{background:url(/Theme/cn/images/ix2.png) no-repeat center top;background-size:60px auto;background-position-y:20px;} #obtn .ctext.comPany .colf ul .coli .cola2{background:url(/Theme/cn/images/ix3.png) no-repeat center top;background-size:60px auto;background-position-y:20px;} #obtn .ctext.comPany .colf ul .coli .cola3{background:url(/Theme/cn/images/ix5.png) no-repeat center top;background-size:70px auto;background-position-y:15px;} #obtn .ctext.comPany .colf ul .coli:hover .cola1{background:url(/Theme/cn/images/ix1.png) no-repeat center top;background-size:60px auto;background-position-y:20px;} #obtn .ctext.comPany .colf ul .coli:hover .cola2{background:url(/Theme/cn/images/ix4.png) no-repeat center top;background-size:60px auto;background-position-y:20px;} #obtn .ctext.comPany .colf ul .coli:hover .cola3{background:url(/Theme/cn/images/ix6.png) no-repeat center top;background-size:70px auto;background-position-y:15px;} #obtn .ctext.comPany .com .colf ul .coli .colih3{font-size:16px;line-height: 30px;color:#666;padding-top:88px;} #obtn .ctext.comPany .com .colf ul .coli .colih4{font-size:14px;line-height: 24px;color:#666;text-transform: uppercase;} @media screen and (max-width:1429px) { #obtn .ctext.comPany .com{padding:100px 500px 100px 0;} #obtn .ctext.comPany .com .col{padding-right:40px;} #obtn .ctext.comPany .com .col .colh5{padding-bottom: 10px;} #obtn .ctext.comPany .com .col .colh4{font-size:30px;} #obtn .ctext.comPany .com .col .col1{margin-top:20px;} #obtn .ctext.comPany .com .col .col1h3{padding-bottom:10px;} #obtn .ctext.comPany .com .col .col1p{line-height:26px;height: 161px;} #obtn .ctext.comPany .com .cor{width:500px;} #obtn .ctext.comPany .com .colt a{height:48px;width:140px;padding:6px 0;margin-top:10px;} #obtn .ctext.comPany .com .colf{margin-top:10px;} } @media screen and (max-width:991px){ #obtn .ctext.comPany .com{padding:50px 300px 50px 0;} #obtn .ctext.comPany .com .col{padding-right:20px;} #obtn .ctext.comPany .com .col .colh5{padding-bottom: 0px;font-size:18px;line-height:24px;} #obtn .ctext.comPany .com .col .colh4{font-size:24px;line-height:30px;} #obtn .ctext.comPany .com .col .col1{margin-top:0px;} #obtn .ctext.comPany .com .col .col1h3{padding-bottom:0px;font-size:20px;line-height:30px;} #obtn .ctext.comPany .com .col .col1p{font-size:14px;line-height:20px;height: 102px;} #obtn .ctext.comPany .com .cor{width:300px;} #obtn .ctext.comPany .com .colt a{height:30px;width:120px;padding: 0;font-size:14px;line-height:30px;margin-top:0px;} #obtn .ctext.comPany .com .colf{margin-top:10px;} #obtn .ctext.comPany .colf ul .coli .cola1{background-size:40px auto;background-position-y:10px;} #obtn .ctext.comPany .colf ul .coli .cola2{background-size:40px auto;background-position-y:10px;} #obtn .ctext.comPany .colf ul .coli .cola3{background-size:50px auto;background-position-y:5px;} #obtn .ctext.comPany .colf ul .coli:hover .cola1{background-size:40px auto;background-position-y:10px;} #obtn .ctext.comPany .colf ul .coli:hover .cola2{background-size:40px auto;background-position-y:10px;} #obtn .ctext.comPany .colf ul .coli:hover .cola3{background-size:50px auto;background-position-y:5px;} #obtn .ctext.comPany .com .colf ul .coli .colih3{font-size:14px;line-height: 24px;padding-top:50px;} #obtn .ctext.comPany .com .colf ul .coli .colih4{font-size:14px;line-height:20px;} } @media screen and (max-width:767px){ #obtn .ctext.comPany .com{padding:20px 0 10px 0;} #obtn .ctext.comPany .com .col{width:100%;padding-right:0px;} #obtn .ctext.comPany .com .col .colh5{padding-bottom: 0px;font-size:16px;line-height:24px;padding-left:10px;} #obtn .ctext.comPany .com .col .colh4{font-size:16px;line-height:24px;padding-left:10px;} #obtn .ctext.comPany .com .col .col1h3{font-size:18px;line-height:30px;overflow:hidden;white-space: nowrap; text-overflow: ellipsis;} #obtn .ctext.comPany .com .col .col1p{font-size:14px;line-height:20px;height:auto;padding-bottom:10px;} #obtn .ctext.comPany .com .cor{width:100%;position: relative;margin-top:10px;} #obtn .ctext.comPany .com .colf{margin-top:10px;} } #obtn .ctext.product{float:left;position:relative;width:100%;padding:90px 0 58px 0;} #obtn .ctext.product .bg{float:left;position: absolute;top:0;width:100%;height:100%;background:rgba(0,147,221,0.8) ;z-index: 2;} #obtn .ctext.product .pr{float:left;width:100%;position: relative;z-index: 8;} #obtn .ctext.product .pr .prl{float:left;width:80%;} #obtn .ctext.product .pr .prr{float:right;width:20%;padding-left:10px;} #obtn .ctext.product .pr .prr .prr1{font-size:14px;line-height:24px;color:#fff;font-family:opensans;font-weight:bold;padding-left:8px;text-transform: uppercase;letter-spacing: 1px;} #obtn .ctext.product .pr .prr .prr1::before{content:'' ;float:left;width:20px;height:12px;margin-top:7px;background: url(/Theme/cn/images/xx1.png) no-repeat;background-size: 20px 12px;} #obtn .ctext.product .pr .prr .prr1:hover{color:#ee9d00;} #obtn .ctext.product .pr .prr .prr1:hover::before{background: url(/Theme/cn/images/xx2.png) no-repeat;background-size: 20px 12px;} #obtn .ctext.product .pr .prl .prh5{font-size:24px;line-height:24px;color:#fff;text-transform: uppercase;border-left:2px solid #fff;padding-left:20px;padding-bottom:10px;letter-spacing: 1px;font-family:Arial;} #obtn .ctext.product .pr .prl .prh4{font-size:36px;line-height:36px;color:#fff;font-weight: bold;border-left:2px solid #ee9d00;padding-left:20px;letter-spacing: 2px;} #obtn .ctext.product .pr .list{ float:left; width:100%; margin:60px 0 20px 0; /* position:relative; */ z-index:6;} #obtn .ctext.product .pr .list ul{ margin-right:-27px;} #obtn .ctext.product .pr .list li{ float:left; width:25%;height:420px; text-align:center; padding:0 27px 27px 0; } #obtn .ctext.product .pr .list li a{ float:left; width:100%; background:#fff; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} #obtn .ctext.product .pr .list li ._pimg{ float:left; width:100%; line-height:0; overflow:hidden; position:relative; padding-bottom:76%;margin-top:15px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} #obtn .ctext.product .pr .list li ._pimg ._img{ position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;} #obtn .ctext.product .pr .list li a:hover ._pimg ._img{ -webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1);} #obtn .ctext.product .pr .list li .info{ float:left; width:100%; color:#1f262c; font-size:20px; line-height:38px; height:60px; overflow:hidden; margin:0px 0 62px 0; padding:0 15px; } #obtn .ctext.product .pr .list li .info .infop{font-size: 14px;line-height:24px;color:#575f65;} #obtn .ctext.product .pr .list li .more{ float:left; width:100%; position:relative;} #obtn .ctext.product .pr .list li .more i{ float:left; width:100%; height:1px; position:relative; z-index:1;} #obtn .ctext.product .pr .list li .more i:after{ float:left; width:60px; height:60px; border-radius:50%; background:#fff; position:absolute; left:50%; top:50%; margin:-30px 0 0 -30px; content:''; opacity:0; transform:scale(0,0); -webkit-transform:scale(0,0);border:1px solid #EE9D00; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #obtn .ctext.product .pr .list li .more em{ float:left; width:40px; height:40px; background:url(/Theme/cn/images/add.png) center no-repeat #0594de; background-size:10px 10px; border-radius:50%; position:absolute; left:50%; top:50%; margin:-20px 0 0 -20px; z-index:8;} #obtn .ctext.product .pr .list li a:hover .more em{background:url(/Theme/cn/images/add.png) center no-repeat #EE9D00; background-size:10px 10px;} #obtn .ctext.product .pr .list li a:hover .more i:after{ opacity:1; transform:scale(1,1); -webkit-transform:scale(1,1);} #obtn .ctext.product .pr .slick-prev{background:url(/Theme/cn/images/prev.png) no-repeat center center rgba(255,255,255,0.1);position:absolute;left:89.5%;} #obtn .ctext.product .pr .slick-next{background:url(/Theme/cn/images/next.png) no-repeat center center rgba(255,255,255,0.1);position:absolute;right:30px;} #obtn .ctext.product .pr .slick-prev, #obtn .ctext.product .pr .slick-next{width:50px;height:50px;position:absolute;top:-116px;background-size:16px 16px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} #obtn .ctext.product .pr .slick-prev:hover{background:url(/Theme/cn/images/prev2.png) no-repeat center center rgba(255,255,255,1);} #obtn .ctext.product .pr .slick-next:hover{background:url(/Theme/cn/images/next2.png) no-repeat center center rgba(255,255,255,1);} @media screen and (max-width:1429px){ #obtn .ctext.product .pr .prl{float:left;width:72%;} #obtn .ctext.product .pr .prr{float:right;width:28%;} #obtn .ctext.product .pr .slick-prev{left:85%;} #obtn .ctext.product .pr .list li .info{margin:0px 0 50px 0;font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} #obtn .ctext.product .pr .list li{height:350px; } } @media screen and (max-width:991px){ #obtn .ctext.product{padding:50px 0 30px 0;} #obtn .ctext.product .pr .prl{float:left;width:65%;} #obtn .ctext.product .pr .prr{float:right;width:35%;} #obtn .ctext.product .pr .prl .prh5{font-size:20px;line-height:30px;padding-bottom:0;} #obtn .ctext.product .pr .prl .prh4{font-size:24px;line-height:30px;} #obtn .ctext.product .pr .list li{ height:auto; padding:0 7px 40px 7px;} #obtn .ctext.product .pr .slick-prev{left:83%;} #obtn .ctext.product .pr .slick-prev, #obtn .ctext.product .pr .slick-next{width:40px;height:40px;top:-110px;} } @media screen and (max-width:767px){ #obtn .ctext.product{padding:10px 0 0 0;} #obtn .ctext.product .pr .prl{float:left;width:60%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #obtn .ctext.product .pr .prr{float:right;position: relative;text-align: right;width:40%;padding-left:0;} #obtn .ctext.product .pr .prr .prr1{float:right;font-size:12px;} #obtn .ctext.product .pr .prr .prr1::before{margin-right:5px;} #obtn .ctext.product .pr .prl .prh5{font-size:15px;line-height:24px;padding-left:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} #obtn .ctext.product .pr .prl .prh4{font-size:15px;line-height:24px;padding-left:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} #obtn .ctext.product .pr .list{margin:20px 0 10px 0;} #obtn .ctext.product .pr .list ul{ margin:0 -7px;} #obtn .ctext.product .pr .list li{ float:left; width:25%;height:auto; text-align:center; padding:0 7px 30px 7px;} #obtn .ctext.product .pr .list li .info{font-size:14px; line-height:28px; } #obtn .ctext.product .pr .list li .info .infop{font-size: 12px;line-height:24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} #obtn .ctext.product .pr .slick-prev, #obtn .ctext.product .pr .slick-next{width:30px;height:30px;top:50%;margin-top:-15px;background-size:14px 14px;} #obtn .ctext.product .pr .slick-prev{left:7px;background:url(/Theme/cn/images/prev.png) no-repeat center center rgba(238,157,0,1);} #obtn .ctext.product .pr .slick-next{right:7px;background:url(/Theme/cn/images/next.png) no-repeat center center rgba(238,157,0,1);} } /*index品牌*/ #obtn .ctext.brand{float:left;width:100%;} #obtn .ctext.brand .pp{float:left;width:100%;padding:75px 0 110px 0;} #obtn .ctext.brand .pp .pph5{font-size:24px;line-height:24px;color:#888;text-transform: uppercase;border-left:2px solid #0594de;padding-left:20px;padding-bottom:10px;letter-spacing: 1px;font-family:Arial;} #obtn .ctext.brand .pp .pph4{font-size:36px;line-height:36px;color:#0594de;font-weight: bold;border-left:2px solid #ee9d00;padding-left:20px;} #obtn .ctext.brand .pp .ppf{float:left;width:calc(100% + 15px); margin:33px -7.5px 27px -7.5px; /* position:relative; */ z-index:6;} #obtn .ctext.brand .pp .ppf ul{width:100%;} #obtn .ctext.brand .pp .ppf .ppli{ float:left; width:20%; padding:7.5px;} #obtn .ctext.brand .pp .ppf .ppli a{float:left;width:100%;border: 1px solid #e1e1e1;display:block;} #obtn .ctext.brand .pp .ppf .ppli a:hover{box-shadow: 0 0 15px rgba(100,100,100,0.3);border:1px solid #fff;} #obtn .ctext.brand .pp .ppf li ._pimg{ float:left; width:100%;display:block; line-height:0; position:relative; padding-bottom:47.5%;} #obtn .ctext.brand .pp .ppf li ._pimg ._div{width:100%;display:block;} #obtn .ctext.brand .pp .ppf li ._pimg ._img{ position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} #obtn .ctext.brand .pp .ppf .slick-dots { position: absolute;bottom: -54px;width: 100%;height:12px;text-align: center;} #obtn .ctext.brand .pp .ppf .slick-dots li{background:#0594DE;width:12px;height:12px;position: relative;margin:0 10px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} #obtn .ctext.brand .pp .ppf .slick-dots .slick-active{background:#ee9d00;} @media screen and (max-width:991px){ #obtn .ctext.brand .pp{padding:40px 0 50px 0;} #obtn .ctext.brand .pp .pph5{font-size:20px;line-height:24px;} #obtn .ctext.brand .pp .pph4{font-size:24px;line-height:30px;} #obtn .ctext.brand .pp .ppf{margin:20px -5px;width:calc(100% + 10px);} #obtn .ctext.brand .pp .ppf li{ padding:5px ;} #obtn .ctext.brand .pp .ppf .slick-dots{bottom:-30px;} #obtn .ctext.brand .pp .ppf .slick-dots li{margin:0 8px;} } @media screen and (max-width:767px){ #obtn .ctext.brand .pp{padding:20px 0;} #obtn .ctext.brand .pp .pph5{font-size:16px;line-height:16px;padding-left:10px;} #obtn .ctext.brand .pp .pph4{font-size:16px;line-height:24px;padding-left:10px;} #obtn .ctext.brand .pp .ppf{margin:10px -5px;} #obtn .ctext.brand .pp .ppf .ppli{width:50%; } #obtn .ctext.brand .pp .ppf .slick-dots{bottom:-20px;} #obtn .ctext.brand .pp .ppf .slick-dots li{margin:0 5px;} } /*index新闻*/ #obtn .ctext.news{float:left;width:100%;position: relative;} #obtn .ctext.news .bg2{position: absolute;top:0;width:100%;height:100%;background:rgba(245,245,245,0.9);z-index: 2;} #obtn .ctext.news .ne{float:left;width:100%;padding:75px 0 90px 0;position: relative;z-index: 6;} #obtn .ctext.news .nel{float:left;width:100%;} #obtn .ctext.news .neh5{font-size:24px;line-height:24px;color:#888;text-transform: uppercase;border-left:2px solid #0594de;padding-left:20px;padding-bottom:15px;letter-spacing: 2px;font-family: Arial;} #obtn .ctext.news .neh4{font-size:36px;line-height:36px;color:#0594de;font-weight: bold;border-left:2px solid #ee9d00;padding-left:20px;letter-spacing: 2px;} #obtn .ctext.news .ne .slideGroup{float:left;width:100%;} #obtn .ctext.news .ne .slideGroup .parHd{float:left;width:100%;position: relative;} #obtn .ctext.news .slideGroup .parHd .neul{float:right;width:100%;position: absolute;top: -40px;left: 76.5%;} #obtn .ctext.news .slideGroup .parHd .neul .on{background:#EE9D00;} #obtn .ctext.news .slideGroup .parHd .neul li{float:left;width:140px;margin-left:15px;font-size:16px;line-height:36px;background:#0594DE;color:#fff;text-align: center;letter-spacing: 1px;} #obtn .ctext.news .slideGroup .parHd .neul li:hover{background:#EE9D00;transition: 1s;cursor: pointer;} #obtn .ctext.news .slideGroup .parBd{float:left;width:100%;margin-top:55px;} #obtn .ctext.news .slideGroup .parBd .slideBox{float:left;width:100%;} #obtn .ctext.news .slideGroup .parBd .pul{float:left;width:50%;padding-right:42px;border-right:1px solid #ededed;} #obtn .ctext.news .slideGroup .parBd .ner{float:right;width:50%;padding-left:42px;} #obtn .ctext.news .slideGroup .parBd .pul .neff{float:left;width:100%;padding:27px 0;border-bottom:1px dashed #c2c2c2;} #obtn .ctext.news .slideGroup .parBd .pul li .neff{float:left;width:100%;padding:23px 0;border-bottom:1px dashed #c2c2c2;} #obtn .ctext.news .slideGroup .parBd .pul li .neff::before{content: '';float:left;width:10px;height:3px;background:#0594DE;margin-top:10px;} #obtn .ctext.news .slideGroup .parBd .pul li .neff .neffh4{font-size:18px ; line-height: 24px;color:#595757; padding-left: 19px;height:48px;overflow:hidden;white-space:normal;text-overflow:ellipsis;} #obtn .ctext.news .slideGroup .parBd .pul li .neff .neffp{font-size:14px;line-height:24px;color:#727171;padding-left:29px;padding-top:8px;} #obtn .ctext.news .slideGroup .parBd .pul li .neff:hover .neffh4{color:#0594DE;} #obtn .ctext.news .slideGroup .parBd .pul li .neff .neffp:hover{color:#0594DE;} #obtn .ctext.news .slideGroup .parBd .ner{float:right;width:50%;padding-left:42px;margin-top:-34px;} #obtn .ctext.news .slideGroup .parBd .ner .nert{float:left;width:100%;} #obtn .ctext.news .slideGroup .parBd .ner .nert .nefd{float:left;width:100%;padding:25.4px 0;border-bottom:1px dashed #c2c2c2;} #obtn .ctext.news .slideGroup .parBd .ner .nert .nefd::before{content: '';float:left;width:10px;height:3px;background:#0594DE;margin-top:10px;} #obtn .ctext.news .slideGroup .parBd .ner .nert .nefd .nefdh4{font-size:18px ; line-height: 24px;height:48px;overflow:hidden;white-space:normal;text-overflow:ellipsis;color:#595757; padding-left: 19px;} #obtn .ctext.news .slideGroup .parBd .ner .nert .nefd .nefdp{font-size:14px;line-height:24px;color:#727171;padding-left:29px;padding-top:10px;} #obtn .ctext.news .slideGroup .parBd .ner .nert .nefd:hover .nefdh4{color:#0594DE;} #obtn .ctext.news .slideGroup .parBd .ner .nert .nefd .nefdp:hover{color:#0594DE;} #obtn .ctext.news .slideGroup .parBd .pul .slick-dots { position: absolute;bottom:140px;right:46px;display:block;height:8px;} #obtn .ctext.news .slideGroup .parBd .pul .slick-dots li{float:right;background:#e6e8e6;width:8px;height:8px;position: relative;right:0px;margin:0 5px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} #obtn .ctext.news .slideGroup .parBd .pul .slick-dots .slick-active{background:#0594DE;} @media screen and (max-width:1429px){ #obtn .ctext.news .slideGroup .parBd .ner{margin-top:-12px;} #obtn .ctext.news .slideGroup .parBd .ner .nert .nefd{padding:7.2px 0;} #obtn .ctext.news .slideGroup .parHd .neul{left:66.5%;} } @media screen and (max-width:991px){ #obtn .ctext.news .slideGroup .parHd .neul{left:56.5%;} #obtn .ctext.news .ne .neh5{font-size:20px;line-height:20px;} #obtn .ctext.news .ne .neh4{font-size:24px;line-height:24px;} #obtn .ctext.news .slideGroup .parBd .pul{padding-right:20px;} #obtn .ctext.news .slideGroup .parBd .ner{padding-left:20px;} #obtn .ctext.news .slideGroup .parBd .pul .slick-dots { right:26px;} #obtn .ctext.news .slideGroup .parBd .pul li .neff .neffh4{font-size:16px;padding-left:9px;} #obtn .ctext.news .slideGroup .parBd .pul li .neff .neffp{padding-left:20px;font-size:16px;} #obtn .ctext.news .slideGroup .parBd .ner .nert .nefd{padding:5px 0;} #obtn .ctext.news .slideGroup .parBd .ner .nert .nefd .nefdh4{font-size:16px ;padding-left:9px;} #obtn .ctext.news .slideGroup .parBd .ner .nert .nefd .nefdp{padding-top:1.5px;padding-left:20px;} } @media screen and (max-width:767px){ #obtn .ctext.news .ne {padding:20px 0;} #obtn .ctext.news .ne .nef .nef1{margin-top:10px;} #obtn .ctext.news .ne .neh5{font-size:16px;line-height:20px;padding-left:10px;padding-bottom:5px;} #obtn .ctext.news .ne .neh4{font-size:16px;line-height:24px;padding-left:10px;} #obtn .ctext.news .slideGroup .parBd .pul{width:100%;padding-right:0px;border-right:none;} #obtn .ctext.news .slideGroup .parBd .ner{width:100%;padding-left:0px;margin-top:10px;} #obtn .ctext.news .slideGroup .parBd .pul li .neff.neff{padding:8px 0;} #obtn .ctext.news .slideGroup .parBd .pul li .neff .neffh4{font-size:14px;padding-left:11px;} #obtn .ctext.news .slideGroup .parBd .pul li .neff .neffp{font-size:12px;padding-top:0;} #obtn .ctext.news .slideGroup .parBd .ner .nert .nefd .nefdh4 {font-size:14px;padding-left:11px;} #obtn .ctext.news .slideGroup .parBd .ner .nert .nefd .neffp{font-size:12px;} #obtn .ctext.news .slideGroup .parBd .pul .slick-dots {bottom:100px;right:10px;} #obtn .ctext.news .slideGroup .parHd .neul{float:left;left:0;top:10px;} #obtn .ctext.news .slideGroup .parHd .neul li{float:left;width:100px;margin-left:10px;font-size:14px;line-height:30px;} } /*案例详细*/ #obtn .ctext.case{float:left;width:100%;} #obtn .ctext.case .caban{float:left;width:100%;position: relative;} #obtn .ctext.case .slideOut{position: relative;padding:0 9px;} #obtn .ctext.case .slideOut .slide{width: 100%;min-height: 100px;overflow: hidden;position: relative;} #obtn .ctext.case .slideOut .slide .img{overflow: hidden;position: absolute;transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;background: #fff; border: #e5e5e5 solid 1px;} #obtn .ctext.case .slideOut .slide .img img{width: calc(100% - 10px); height: calc(100% - 10px); margin: 5px;} #obtn .ctext.case .slideOut .slide .img1{ width: 40%; height: 40%; top: 30%;left: -50%; z-index: 1;} #obtn .ctext.case .slideOut .slide .img2{width: 33%; height: 61.86%; top: 19.07%; left: 0%; z-index: 2; opacity: 0.75; background:#fff;} #obtn .ctext.case .slideOut .slide .img2::before{ content: ''; position: absolute; width: 100%; height: 100%; border: #fff solid 4px;} #obtn .ctext.case .slideOut .slide .img3{ width: 44%; height: 98%; top: 1%;left: 29%;z-index: 3;padding:5px;} #obtn .ctext.case .slideOut .slide .img4{ width: 33%;height: 61.86%; top: 19.07%;left: 67%;z-index: 2; opacity: 0.75;background:#fff;} #obtn .ctext.case .slideOut .slide .img4::before{ content: ''; position: absolute; width: 100%; height: 100%; border: #fff solid 4px;} #obtn .ctext.case .slideOut .slide .img5{width: 40%; height: 40%;top: 30%;left: 110%; z-index: 1;} #obtn .ctext.case .slideOut .slide-bt{ position: absolute; left: 50%; bottom: 13%; z-index: 10; display: none;} #obtn .ctext.case .slideOut .slide-bt span{width: 24px; height: 8px;background: #c9caca; float: left; margin: 5px; border-radius: 4px;} #obtn .ctext.case .slideOut .slide .slide-bt .on{ background: #ffd200;} #obtn .ctext.case .slideOut button{ width: 50px;} #obtn .ctext.case .slideOut .butLeft{ position: absolute; left: 13.5%; top: 50%; margin-top: -50px; width:60px; height: 100px; background: url("/Theme/cn/images/btn4.png") no-repeat center center; outline: 0; z-index: 20; } #obtn .ctext.case .slideOut .butLeft:hover{ background: url(/Theme/cn/images/btn4.png) no-repeat rgba(0,0,0,0.2) center center;} #obtn .ctext.case .slideOut .butRight{position: absolute; right: 13.5%; top: 50%; margin-top: -50px; width:60px; height: 100px; background: url("/Theme/cn/images/btn5.png") no-repeat center center; outline: 0; z-index: 20;} #obtn .ctext.case .slideOut .butRight:hover{background: url(/Theme/cn/images/btn5.png) no-repeat rgba(0,0,0,0.2) center center;} #obtn .ctext.case .cap{float:left;width:100%;font-size:16px; line-height: 30px;color:#333;letter-spacing: 1px;padding:50px 0 30px 0;border-bottom:1px solid #e5e5e5;} #obtn .ctext.case .ca2{float:left;width:100%;letter-spacing: 1px;padding:30px 0 68px 0;} #obtn .ctext.case .ca2_1{float:left;width:50%;color:#333;font-size:14px;line-height:24px;} #obtn .ctext.case .ca2_1:hover{color:#0594de;} #obtn .ctext.case .ca2_2{float:right;width:50%;text-align:right;font-size:14px;line-height:24px;} #obtn .ctext.case .ca2_2:hover{color:#0594de;} @media screen and (max-width:1429px){ #obtn .ctext.case .slideOut .butLeft{ left: 12%;margin-top: -40px; width:40px; height: 80px; background-size:40px 40px;} #obtn .ctext.case .slideOut .butLeft:hover{ left: 12%;margin-top: -40px; width:40px; height: 80px; background-size:40px 40px;} #obtn .ctext.case .slideOut .butRight{ right: 12%;margin-top: -40px; width:40px; height: 80px; background-size:40px 40px;} #obtn .ctext.case .slideOut .butRight:hover{ right: 12%;margin-top: -40px; width:40px; height: 80px; background-size:40px 40px;} } @media screen and (max-width:991px){ #obtn .ctext.case .ca2{padding:30px 0 40px 0;} #obtn .ctext.case .cap{padding:20px 0;} } @media screen and (max-width:767px){ #obtn .ctext.case .slideOut .butLeft{ left: 6%;margin-top: -20px; width:20px; height: 40px; background-size:20px 20px;} #obtn .ctext.case .slideOut .butLeft:hover{ left: 6%;margin-top: -20px; width:20px; height: 40px; background-size:20px 20px;} #obtn .ctext.case .slideOut .butRight{ right: 6%;margin-top: -20px; width:20px; height: 40px; background-size:20px 20px;} #obtn .ctext.case .slideOut .butRight:hover{ right: 6%;margin-top: -20px; width:20px; height: 40px; background-size:20px 20px;} #obtn .ctext.case .slideOut .slide .img2{opacity: 1;} #obtn .ctext.case .slideOut .slide .img4{opacity: 1; } #obtn .ctext.case .slideOut .slide .img img{width: calc(100% - 6px); height: calc(100% - 6px); margin: 3px; } #obtn .ctext.case .slideOut .slide .img2::before{ border: #fff solid 3px;} #obtn .ctext.case .slideOut .slide .img4::before{ border: #fff solid 3px;} #obtn .ctext.case .ca2{padding:10px 0;} #obtn .ctext.case .cap{padding:10px 0;font-size:12px;line-height:24px;} } /*产品详细*/ #obtn .ctext.product2{float:left;width:100%;} #obtn .ctext.product2 .po{float:left;width:100%;position: relative;margin-top:10px;} #obtn .ctext.product2 .po .span {width:100%;display:inline-block;text-align:center;padding-bottom:26px;} #obtn .ctext.product2 .po .span a{font-size:14px;line-height:24px;letter-spacing: 1px;color:#888;} #obtn .ctext.product2 .po .span a:hover{color:#0594de;} #obtn .ctext.product2 .po .pod{width:100%;display:inline-block;text-align:center;padding-bottom:58px;} #obtn .ctext.product2 .po .podn{text-align:center!important;} #obtn .ctext.product2 .po .pod .on{background:#0594DE;color:#fff;} #obtn .ctext.product2 .po .pod a{display:inline-block;width:148px;height:48px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;background: #f3f3f7;font-size:16px;line-height:48px;margin:0 8px;letter-spacing: 1px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} #obtn .ctext.product2 .po .pod a:hover{background:#0594DE;color:#fff;} #obtn .ctext.product2 .po .pod a:first-child{margin-left:0;} #obtn .ctext.product2 .po .pod a:last-child{margin-right:0;} #obtn .ctext.product2 .poi{float:left;width:100%;border:1px solid #e5e5e5;padding:58px 0 50px 0;} #obtn .ctext.product2 .poi .poil{float:left;width:50%;display:inline-block;text-align: center;} #obtn .ctext.product2 .poi .poil .poilul{float:left;width:100% ; border-right:1px solid #eff0f1;} #obtn .ctext.product2 .poi .poil .poilul .slick-dots {position: absolute;bottom: 0px;height:12px;display: block;width: 100%;text-align: center;} #obtn .ctext.product2 .poi .poil .poilul .slick-dots li{ background:#bebebe;width:12px;height:12px; -webkit-border-radius:50%; -khtml-border-radius:50%; -moz-border-radius:50%; border-radius: 50%;} #obtn .ctext.product2 .poi .poil .poilul .slick-dots .slick-active{background: #EE9D00;} #obtn .ctext.product2 .poi .poir{float:right;width:50%;padding-left:96px;overflow: hidden;text-overflow: ellipsis;} #obtn .ctext.product2 .poi .poir .poirh4{font-size:26px;line-height:36px;color:#333;letter-spacing: 1px;padding:10px 0;overflow: hidden;text-overflow: ellipsis;} #obtn .ctext.product2 .poi .poir .poirh5{font-size:16px;line-height:36px;color:#333;letter-spacing: 1px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} #obtn .ctext.product2 .poi .poir .poir_a{display:block;margin:28px 0 0 3px;width:158px;height:52px;font-size:18px;background:#0594DE;padding:5px 0;color:#fff;line-height:42px;text-align:center;letter-spacing: 1px;} #obtn .ctext.product2 .poi .poir .poir_a:hover{background:#EE9D00;} #obtn .ctext.product2 .pro{float:left;width:100%;margin-top:40px;position: relative;border:1px solid #ebebeb;} #obtn .ctext.product2 .pro .pro1{float:left;width:100%;background:#f6f6f6;border-bottom:1px solid #ebebeb;line-height:42px;} #obtn .ctext.product2 .pro .pro1 .pro1h5{float:left;width:120px;font-size:18px;margin-top:-1px;background:#fff;color:#0594DE;border-top:3px solid #0594DE;border-right:1px solid #ebebeb;text-align: center;letter-spacing: 1px;} #obtn .ctext.product2 .pro .pro2{float:left;width:100%;height:auto;padding-left:34px;padding-right:34px;color:#4c4c4c;letter-spacing: 1px;} #obtn .ctext.product2 .pro .pro2 .pro2d{float:left;width:100%;margin:28px 0 8px 0;} #obtn .ctext.product2 .pro .pro2 .pro2h4{font-size:18px;line-height:30px;font-weight: bold;} #obtn .ctext.product2 .pro .pro2 .pro2p{font-size:14px;line-height:33px;} #obtn .ctext.product2 .pro3{float:left;width:100%;letter-spacing: 1px;padding:25px 0 65px 0;} #obtn .ctext.product2 .pro3 .pro3_1{float:left;width:50%;color:#333;font-size:14px;line-height:24px;} #obtn .ctext.product2 .pro3 .pro3_1:hover{color:#0594de;} #obtn .ctext.product2 .pro3 .pro3_2{float:right;width:50%;text-align:right;font-size:14px;line-height:24px;} #obtn .ctext.product2 .pro3 .pro3_2:hover{color:#0594de;} @media screen and (max-width:1399px ) { #obtn .ctext.product2 .po .pod a{width:100px;height:38px;font-size:16px;line-height:38px;margin:0 5px;} #obtn .ctext.product2 .po .span {padding-bottom:20px;} #obtn .ctext.product2 .po .pod{padding-bottom:40px;} } @media screen and (max-width:991px ) { #obtn .ctext.product2 .po .pod{text-align:left;padding-bottom:30px;} #obtn .ctext.product2 .po .pod a{width:75px;height:34px;font-size:14px;line-height:34px;margin:10px 5px;text-align: center;} #obtn .ctext.product2 .po .pod a:first-child{margin:10px 5px;} #obtn .ctext.product2 .po .pod a:last-child{margin:10px 5px;} #obtn .ctext.product2 .po .podn{text-align:center!important;} #obtn .ctext.product2 .poi{padding:30px 0;} #obtn .ctext.product2 .poi .poir{padding-left:40px;} #obtn .ctext.product2 .poi .poir .poirh4{font-size:20px;line-height:30px;padding:5px 0;} #obtn .ctext.product2 .poi .poir .poirh5{font-size:16px;line-height:30px;} #obtn .ctext.product2 .poi .poir .poir_a{width:120px;height:40px;font-size:16px;line-height:30px;margin-top:20px;} #obtn .ctext.product2 .pro .pro2{padding-left:25px;} #obtn .ctext.product2 .pro3 {padding: 20px 0 30px 0;} } @media screen and (max-width:767px ) { #obtn .ctext.product2 .po {margin-top:-10px;} #obtn .ctext.product2 .po .span {padding-bottom: 10px;} #obtn .ctext.product2 .poi{padding:10px 0;} #obtn .ctext.product2 .poi .poil{width:100%;border-right:none;} #obtn .ctext.product2 .poi .poir{width:100%;padding-left:10px;} #obtn .ctext.product2 .poi .poir .poirh4{font-size:18px;line-height:30px;padding:10px 0 5px 0;} #obtn .ctext.product2 .poi .poir .poirh5{font-size:14px;} #obtn .ctext.product2 .poi .poir .poir_a{width:90px;height:30px;font-size:14px;padding:0;line-height:30px;margin-top:10px;} #obtn .ctext.product2 .po .pod {text-align:center;padding-bottom: 10px;} #obtn .ctext.product2 .po .pod a{width:70px;height:30px;font-size:14px;line-height:30px;margin:4px 4px;} #obtn .ctext.product2 .po .pod a:first-child{margin:4px 4px;} #obtn .ctext.product2 .po .pod a:last-child{margin:4px 4px;} #obtn .ctext.product2 .pro {margin-top: 10px;} #obtn .ctext.product2 .pro .pro1 .pro1h5{font-size:16px;} #obtn .ctext.product2 .pro .pro2{padding-left:10px;} #obtn .ctext.product2 .pro .pro2 .pro2d { margin: 10px 0 10px 0;} #obtn .ctext.product2 .pro .pro2 .pro2h4 { font-size: 16px;line-height: 30px;} #obtn .ctext.product2 .pro .pro2 .pro2p{font-size:12px;line-height:24px;} #obtn .ctext.product2 .pro3 {padding: 10px 0 10px 0;} } /*产品中心*/ #obtn .ctext.product2 .list{ float:left; width:100%; margin:0px 0 20px 0; /* position:relative; */ z-index:6;} #obtn .ctext.product2 .list ul{ margin-right: -24px;} #obtn .ctext.product2 .list li{ float:left; width:25%; text-align:center; padding:0 24px 93px 0;cursor: pointer;} #obtn .ctext.product2 .list li .pd{ float:left; width:100%; background:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius:10px;} #obtn .ctext.product2 .list li ._pimg{ float:left; width:100%; line-height:0; overflow:hidden; position:relative; padding-bottom:76%;padding-top:10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius:10px;} #obtn .ctext.product2 .list li ._pimg ._img{ position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;} #obtn .ctext.product2 .list li .pd:hover ._pimg ._img{ -webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1);} #obtn .ctext.product2 .list li .info{ float:left; width:100%; color:#1f262c; font-size:20px; line-height:38px; height:65px; margin:0px 0 57px 0; padding:0 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } #obtn .ctext.product2 .list li .info .infop{font-size: 14px;line-height:36px;color:#575f65;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } #obtn .ctext.product2 .list li .more{ float:left; width:100%; position:relative;} #obtn .ctext.product2 .list li .more i{ float:left; width:100%; height:1px; position:relative; z-index:1;} #obtn .ctext.product2 .list li .more i:after{ float:left; width:60px; height:60px; border-radius:50%; background:#fff; position:absolute; left:50%; top:50%; margin:-30px 0 0 -30px; content:''; opacity:0; transform:scale(0,0); -webkit-transform:scale(0,0);border:1px solid #EE9D00; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #obtn .ctext.product2 .list li .more em{ float:left; width:40px; height:40px; background:url(/Theme/cn/images/add.png) center no-repeat #0594de; background-size:10px 10px; border-radius:50%; position:absolute; left:50%; top:50%; margin:-20px 0 0 -20px; z-index:8;} #obtn .ctext.product2 .list li .pd:hover .more em{background:url(/Theme/cn/images/add.png) center no-repeat #EE9D00; background-size:10px 10px;} #obtn .ctext.product2 .list li .pd:hover .more i:after{ opacity:1; transform:scale(1,1); -webkit-transform:scale(1,1);} @media screen and (max-width:1429px){ #obtn .ctext.product2 .list{ margin:10px 0 20px 0;} #obtn .ctext.product2 .list li{padding:0 24px 70px 0;} #obtn .ctext.product2 .list li .info{ font-size:16px; line-height:36px; height:65px; margin:0px 0 50px 0; padding:0 10px;} } @media screen and (max-width:991px){ #obtn .ctext.product2 .list{ margin:0px 0 20px 0;} #obtn .ctext.product2 .list li{width:33.33%;padding:0 24px 60px 0;} } @media screen and (max-width:767px){ #obtn .ctext.product2 .list ul{ margin-right: -15px;} #obtn .ctext.product2 .list li{width:50%;padding:0 15px 30px 0;} #obtn .ctext.product2 .list li .info{ font-size:15px; line-height:24px; height:50px; margin:0px 0 25px 0; padding:0 5px;} #obtn .ctext.product2 .list li .info .infop{font-size:12px;} #obtn .ctext.product2 .list li .more i:after{width:40px;height:40px;margin:-20px 0 0 -20px; } #obtn .ctext.product2 .list li .more em{width:30px;height:30px;margin:-15px 0 0 -15px; } } /*成功案例*/ #obtn .ctext.case .slist{float:left;width:100%;} #obtn .ctext.case .slist ul{ margin-right: -35px;} #obtn .ctext.case .slist li{ float:left; width:33.33%; padding:0 35px 183px 0;cursor: pointer;} #obtn .ctext.case .slist li .cs{ float:left; width:100%; background:#fff; text-align:left;position: relative; } #obtn .ctext.case .slist li ._pimg{ float:left; width:100%; line-height:0; overflow:hidden; position:relative; padding-bottom:62.55%;} #obtn .ctext.case .slist li ._pimg ._img{ position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);vertical-align: middle;} #obtn .ctext.case .slist li .tit{position: absolute;top:100%; float:left; width:100%; background:#f2f2f2;color:#333;padding:20px 30px 23px 30px;letter-spacing: 1px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #obtn .ctext.case .slist li .tit .tith4{font-size:18px; line-height:34px; font-weight:bold; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } #obtn .ctext.case .slist li .tit .titp{font-size: 15px;line-height:28px;height:56px;overflow: hidden; } #obtn .ctext.case .slist li .tit .tit_a{display:none;border:1px solid #fff;margin-top:20px;font-size:12px;line-height:30px;padding:0 20px;letter-spacing: 1px;color:#fff;text-transform: uppercase;} #obtn .ctext.case .slist li .cs:hover .tit{background: #0594DE;color:#fff;top:80%;height:auto;} #obtn .ctext.case .slist li .cs:hover .tit .tit_a{display:inline-block;transition: 1s;} #obtn .ctext.case .slist li .tit .tit_a:hover{background:#EE9D00;} @media screen and (max-width:1429px){ #obtn .ctext.case .slist li{ padding:0 35px 183px 0;} } @media screen and (max-width:991px){ #obtn .ctext.case .slist ul{ margin-right: -20px;} #obtn .ctext.case .slist li{ padding:0 20px 140px 0;} #obtn .ctext.case .slist li .tit{padding:15px;} #obtn .ctext.case .slist li .tit .tith4{font-size:16px; line-height:30px; } #obtn .ctext.case .slist li .tit .titp{font-size: 14px;line-height:26px;height:50px;overflow: hidden; } #obtn .ctext.case .slist li .tit .tit_a{margin-top:5px;line-height:26px;padding:0 15px;} } @media screen and (max-width:767px){ #obtn .ctext.case .slist ul{ margin-right: -15px;} #obtn .ctext.case .slist li{width:50%; padding:0 15px 100px 0;} #obtn .ctext.case .slist li .tit{padding:10px;} #obtn .ctext.case .slist li .tit .tith4{font-size:16px; line-height:24px; } #obtn .ctext.case .slist li .tit .titp{font-size: 12px;line-height:20px;height:40px; } #obtn .ctext.case .slist li .tit .tit_a{line-height:24px;padding:0 12px;} } /*公司简介*/ #obtn .ctext.comPany1{float:left;width:100%;} #obtn .ctext.comPany1 .cm{float:left;width:100%;padding:44px 35px 44px 700px;background:#f5f5f7;position: relative;} #obtn .ctext.comPany1 .cml{float:left;width:665px;position: absolute;left:35px;} #obtn .ctext.comPany1 .cmr{float:right;width:100%;height:573px;padding:44px 0 44px 44px;background:#fff;} #obtn .ctext.comPany1 .cmr .cmr1{float:left;width:100%;height:485px;position:relative;overflow: hidden;} #obtn .ctext.comPany1 .cmr .cmrh3{font-size:30px;line-height:36px;color:#0594DE;letter-spacing: 1px;font-weight:bold;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;} #obtn .ctext.comPany1 .cmr .cmrh4{font-size:14px;line-height:38px;color:#888;letter-spacing: 1px;text-transform:uppercase;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;} #obtn .ctext.comPany1 .cmr .cmrp{font-size:16px;line-height: 30px;color:#444;letter-spacing: 1px;margin-top:21px;} #obtn .ctext.comPany1 .cmr .cmr1 .scroll_cont{ width:100%; float:left; padding-right:40px;} #obtn .ctext.comPany2{float:left;width:100%;margin-top:60px;padding:75px 0 90px 0;position: relative;z-index: 1;} #obtn .ctext.comPany2 .jjbg{float:left;width:100%;height:100%;background:rgba(0,147,221,0.9);position: absolute;top:0;z-index: 2;} #obtn .ctext.comPany2 .cmp{float:left;width:100%;position: relative;z-index: 8;} #obtn .ctext.comPany2 .cmph4{width:100%;font-size:30px;line-height:36px;color:#fff;letter-spacing: 1px;text-align: center;font-weight: bold;} #obtn .ctext.comPany2 .cmpd{float:left;width:100%;margin-top:75px;} #obtn .ctext.comPany2 .cmpd ul{float:left;width:100%;} #obtn .ctext.comPany2 .cmpd ul li{float:left;width:25%;height:400px;border-right:1px solid rgba(255,255,255,0.1);} #obtn .ctext.comPany2 .cmpd ul li:last-child{border-right:none;} #obtn .ctext.comPany2 .cmpd ul li a{display:block;width:100%;float:left;} #obtn .ctext.comPany2 .cmpd ul li a .ico{float:left;width:160px;height:160px; background:#fff; position: relative;top:20px;z-index: 10;left:50%;margin-left:-80px; -webkit-border-radius:50%; -khtml-border-radius:50%; -moz-border-radius:50%; border-radius: 50%;} #obtn .ctext.comPany2 .cmpd ul li a .ico1::after{content:'';width:160px;height:160px;float:left;background:url(/Theme/cn/images/jj1.png) no-repeat center center;background-size:60px 60px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #obtn .ctext.comPany2 .cmpd ul li a .ico2::after{content:'';width:160px;height:160px;float:left;background:url(/Theme/cn/images/jj2.png) no-repeat center center;background-size:60px 60px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #obtn .ctext.comPany2 .cmpd ul li a .ico3::after{content:'';width:160px;height:160px;float:left;background:url(/Theme/cn/images/jj3.png) no-repeat center center;background-size:64px 64px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #obtn .ctext.comPany2 .cmpd ul li a .ico4::after{content:'';width:160px;height:160px;float:left;background:url(/Theme/cn/images/jj4.png) no-repeat center center;background-size:64px 64px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #obtn .ctext.comPany2 .cmpd ul li a .ico:hover::after{transform: rotateY(180deg);} #obtn .ctext.comPany2 .cmd{float:left;width:100%;text-align: center;letter-spacing: 1px;margin-top:57px;} #obtn .ctext.comPany2 .cmd .cmdh4{font-size:20px;line-height: 36px;color:#fff;padding-bottom:18px;} #obtn .ctext.comPany2 .cmd .cmdp{font-size:16px;line-height:24px;color:#fff;} #obtn .ctext.comPany3{float:left;width:100%;} #obtn .ctext.comPany3 .cp{float:left;width:100%;padding:60px 0 54px 0;} #obtn .ctext.comPany3 .cp .cph4{font-size:30px;line-height:36px;color:#333;font-weight:bold;letter-spacing: 1px;text-align:center;} #obtn .ctext.comPany3 .cp .cpd{float:left;width:100%;margin:80px -10px 48px -10px;width:calc(100% + 20px);} #obtn .ctext.comPany3 .cp .cpul .cpli{float:left;width:20%;padding:10px;} #obtn .ctext.comPany3 .cp .cpul .cpli ._pimg{display:block; width:100%; overflow:hidden;border:1px solid #e5e5e5;} #obtn .ctext.comPany3 .cp .cpul .cpli ._pimg ._div{display: block;width:100%;font-size:0;} #obtn .ctext.comPany3 .cp .cpul .cpli ._pimg:hover{border:none;border-top:2px solid #EE9D00;box-shadow: 0 0 10px rgba(0,0,0,0.2);} #obtn .ctext.comPany3 .cp .cpd .slick-dots {position: absolute;bottom: -34px;height:12px;display: block;width: 100%;text-align: center;} #obtn .ctext.comPany3 .cp .cpd .slick-dots li{ background:#cce2f2;width:12px;height:12px;margin: 0 9px; -webkit-border-radius:50%; khtml-border-radius:50%; -moz-border-radius:50%; border-radius: 50%;} #obtn .ctext.comPany3 .cp .cpd .slick-dots .slick-active{background: #0594DE;} @media screen and (max-width:1429px){ #obtn .ctext.comPany1 .cm{padding:40px 35px 40px 500px;} #obtn .ctext.comPany1 .cml{width:465px;} #obtn .ctext.comPany1 .cmr{height:400px;padding:40px 0 40px 35px;} #obtn .ctext.comPany1 .cmr .cmr1{height:320px;} #obtn .ctext.comPany1 .cmr .cmrh3{font-size:24px;} #obtn .ctext.comPany1 .cmr .cmrp{margin-top:20px;} #obtn .ctext.comPany1 .cmr .cmr1 .scroll_cont{ width:100%; float:left; padding-right:20px;} #obtn .ctext.comPany2{margin-top:30px;} } @media screen and (max-width:991px) { #obtn .ctext.comPany1 .cm{padding:20px 15px;} #obtn .ctext.comPany1 .cml{width:100%;position: relative;left:0;} #obtn .ctext.comPany1 .cmr{height:400px;padding:20px 0 20px 15px } #obtn .ctext.comPany1 .cmr .cmr1{height:320px;} #obtn .ctext.comPany1 .cmr .cmrh3{font-size:24px;} #obtn .ctext.comPany1 .cmr .cmrp{margin-top:20px;} #obtn .ctext.comPany1 .cmr .cmr1 .scroll_cont{ width:100%; float:left; padding-right:20px;} #obtn .ctext.comPany2{margin-top:20px;padding:50px 0 ;} #obtn .ctext.comPany2 .cmph4{font-size:24px;} #obtn .ctext.comPany2 .cmpd{margin-top:45px;} #obtn .ctext.comPany2 .cmpd ul li{height:350px;} #obtn .ctext.comPany2 .cmpd ul li a .ico{width:100px;height:100px; margin-left:-50px; -webkit-border-radius:50%; -khtml-border-radius:50%; -moz-border-radius:50%; border-radius: 50%;} #obtn .ctext.comPany2 .cmpd ul li a .ico1::after{content:'';width:100px;height:100px;background-size:40px 40px;} #obtn .ctext.comPany2 .cmpd ul li a .ico2::after{content:'';width:100px;height:100px;background-size:40px 40px;} #obtn .ctext.comPany2 .cmpd ul li a .ico3::after{content:'';width:100px;height:100px;background-size:42px 42px;} #obtn .ctext.comPany2 .cmpd ul li a .ico4::after{content:'';width:100px;height:100px;background-size:42px 42px;} #obtn .ctext.comPany2 .cmd{float:left;width:100%;text-align: center;letter-spacing: 1px;margin-top:30px;} #obtn .ctext.comPany2 .cmd .cmdh4{font-size:16px;line-height: 30px;padding-bottom:20px;} #obtn .ctext.comPany3 .cp{float:left;width:100%;padding:40px 0 40px 0;} #obtn .ctext.comPany3 .cp .cph4{font-size:24px;line-height:36px;} #obtn .ctext.comPany3 .cp .cpd{margin:50px -5px 30px -5px;width:calc(100% + 10px);} #obtn .ctext.comPany3 .cp .cpul .cpli{padding:6px 5px ;} #obtn .ctext.comPany3 .cp .cpd .slick-dots {bottom: -20px;} } @media screen and (max-width:767px) { #obtn .ctext.comPany1 .cm{padding:10px 5px;} #obtn .ctext.comPany1 .cmr{height:300px;padding:10px 0 10px 5px } #obtn .ctext.comPany1 .cmr .cmr1{height:280px;} #obtn .ctext.comPany1 .cmr .cmrh3{font-size:16px;line-height:24px;} #obtn .ctext.comPany1 .cmr .cmrh4{line-height:20px;} #obtn .ctext.comPany1 .cmr .cmrp{margin-top:10px;font-size:12px;line-height:20px;} #obtn .ctext.comPany1 .cmr .cmr1 .scroll_cont{ padding-right:25px;} #obtn .ctext.comPany2{padding:20px 0 ;margin-top:10px;} #obtn .ctext.comPany2 .cmph4{font-size:20px;} #obtn .ctext.comPany2 .cmpd{margin-top:15px;} #obtn .ctext.comPany2 .cmpd ul li{width:50%;height:240px;margin-top:15px;overflow: hidden;} #obtn .ctext.comPany2 .cmpd ul li:nth-child(2){border-right:none;} #obtn .ctext.comPany2 .cmpd ul li a .ico{width:80px;height:80px; margin-left:-40px; -webkit-border-radius:50%; -khtml-border-radius:50%; -moz-border-radius:50%; border-radius: 50%;} #obtn .ctext.comPany2 .cmpd ul li a .ico1::after{content:'';width:80px;height:80px;background-size:30px 30px;} #obtn .ctext.comPany2 .cmpd ul li a .ico2::after{content:'';width:80px;height:80px;background-size:30px 30px;} #obtn .ctext.comPany2 .cmpd ul li a .ico3::after{content:'';width:80px;height:80px;background-size:32px 32px;} #obtn .ctext.comPany2 .cmpd ul li a .ico4::after{content:'';width:80px;height:80px;background-size:32px 32px;} #obtn .ctext.comPany2 .cmd .cmdh4{line-height: 24px;padding-bottom:10px;} #obtn .ctext.comPany2 .cmd .cmdp{font-size:12px;line-height:20px;padding:0 10px;} #obtn .ctext.comPany3 .cp{float:left;width:100%;padding:20px 0;} #obtn .ctext.comPany3 .cp .cph4{font-size:20px;} #obtn .ctext.comPany3 .cp .cpd{margin:20px -5px 10px -5px;width:calc(100% + 10px);} #obtn .ctext.comPany3 .cp .cpul .cpli{width:50%;padding:7.5px 5px;} #obtn .ctext.comPany3 .cp .cpd .slick-dots {bottom: -10px;} } /*联系我们*/ #obtn .ctext.Contact{float:left;width:100%;} #obtn .ctext.Contact .con{float:left;width:100%;padding:0px 0 78px 0;} #obtn .ctext.Contact .conl{float:left;width:50%;padding-right:36px;} #obtn .ctext.Contact .conr{float:left;width:50%;padding-left:5px;height:586px;} #obtn .ctext.Contact .conr .BMap_pop{display:none;} #obtn .ctext.Contact .conl .conl_f{float:left;width:100%;margin-top:38px;} #obtn .ctext.Contact .conl .conl_f .cond{float:left;width:22%;padding:10px;background:#fff;border:1px solid #e5e5e5;position:relative;margin-right:20px;} #obtn .ctext.Contact .conl .conl_f .conlr{float:left;width:74%;margin-top:50px;font-size:18px;line-height:36px;letter-spacing: 1px;color:#333;} #obtn .ctext.Contact .conl .conl_f .conlr .conlp1{font-size:14px;color:#999;line-height:26px;} #obtn .ctext.Contact .conl .conlh2{font-size:32px;line-height:36px;color:#333;letter-spacing: 1px;} #obtn .ctext.Contact .conl .conlh6{font-size:16px;line-height:36px;color:#333;letter-spacing: 1px;padding-bottom:33px;border-bottom:1px solid #e5e5e5;text-transform: uppercase;} #obtn .ctext.Contact .conl .conl_d{margin:50px 0 0 0;padding-bottom:50px;border-bottom:1px solid #e5e5e5;} #obtn .ctext.Contact .conl .conl_d .conlh5{font-size:18px;line-height:36px;letter-spacing: 1px; color:#333;padding-bottom:15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} #obtn .ctext.Contact .conl .conl_d .h1::before{content: '';float:left;margin-top:5px;margin-right:20px;width:25px;height:25px;background: url('/Theme/cn/images/lx1.jpg') no-repeat center center;background-size:25px 25px;} #obtn .ctext.Contact .conl .conl_d .h2::before{content: '';float:left;margin-top:5px;margin-right:20px;width:25px;height:25px;background: url('/Theme/cn/images/lx2.jpg') no-repeat center center;background-size:25px 25px;} #obtn .ctext.Contact .conl .conl_d .h3::before{content: '';float:left;margin-top:5px;margin-right:20px;width:25px;height:25px;background: url('/Theme/cn/images/lx3.jpg') no-repeat center center;background-size:25px 25px;} #obtn .ctext.Contact .conl .conl_d .h4::before{content: '';float:left;margin-top:5px;margin-right:20px;width:25px;height:25px;background: url('/Theme/cn/images/lx4.jpg') no-repeat center center;background-size:25px 25px;} @media screen and (max-width:1429px){ #obtn .ctext.Contact .conl .conlh2{font-size:24px;line-height:24px;} #obtn .ctext.Contact .conl .conl_d{margin:30px 0 0 0;padding-bottom:30px;} #obtn .ctext.Contact .conl .conl_d .conlh5{font-size:16px;line-height:36px;} #obtn .ctext.Contact .conl .conl_d .h1, .h2, .h3, .h4::before{margin-top:0px;margin-right:15px;} #obtn .ctext.Contact .conl .conl_f{margin-top:25px;} #obtn .ctext.Contact .conr{height:550px;} #obtn .ctext.Contact .conl .conl_f .cond{width:30%;padding:8px;margin-right:15px;} #obtn .ctext.Contact .conl .conl_f .conlr{width:64%;margin-top:30px;font-size:16px;} } @media screen and (max-width:991px){ #obtn .ctext.Contact .conr{height:400px;} #obtn .ctext.Contact .conl { padding-right: 20px;} #obtn .ctext.Contact .conl .conlh2 {font-size: 20px;line-height: 24px;} #obtn .ctext.Contact .conl .conlh6 { padding-bottom: 5px;} #obtn .ctext.Contact .conl .conl_d .conlh5 {font-size: 16px;line-height: 30px;} #obtn .ctext.Contact .conl .conl_d {margin: 10px 0 0 0;padding-bottom: 5px;} #obtn .ctext.Contact .conl .conl_d .h1::before{margin-right:10px;width:20px;height:20px;background-size:20px 20px;} #obtn .ctext.Contact .conl .conl_d .h2::before{margin-right:10px;width:20px;height:20px;background-size:20px 20px;} #obtn .ctext.Contact .conl .conl_d .h3::before{margin-right:10px;width:20px;height:20px;background-size:20px 20px;} #obtn .ctext.Contact .conl .conl_d .h4::before{margin-right:10px;width:20px;height:20px;background-size:20px 20px;} #obtn .ctext.Contact .conl .conl_f .cond{width:40%;padding:8px;margin-right:15px;} #obtn .ctext.Contact .conl .conl_f .conlr{width:54%;margin-top:30px;font-size:16px;} #obtn .ctext.Contact .con {padding: 0px 0 30px 0;} } @media screen and (max-width:767px){ #obtn .ctext.Contact .con {padding: 0px 0 15px 0;} #obtn .ctext.Contact .conl { width:100%;padding-right: 0px;} #obtn .ctext.Contact .conl .conlh2 {font-size: 16px;} #obtn .ctext.Contact .conl .conlh6 {padding-bottom:0;line-height:24px;} #obtn .ctext.Contact .conl .conl_d .conlh5 {font-size: 14px;line-height: 24px;padding-bottom:5px;} #obtn .ctext.Contact .conl .conl_d .h1::before{margin-top:2px;margin-right:5px;width:16px;height:16px;background-size:16px 16px;} #obtn .ctext.Contact .conl .conl_d .h2::before{margin-top:2px;margin-right:5px;width:16px;height:16px;background-size:16px 16px;} #obtn .ctext.Contact .conl .conl_d .h3::before{margin-top:2px;margin-right:5px;width:16px;height:16px;background-size:16px 16px;} #obtn .ctext.Contact .conl .conl_d .h4::before{margin-top:2px;margin-right:5px;width:16px;height:16px;background-size:16px 16px;} #obtn .ctext.Contact .conl .conl_f {margin-top:10px;} #obtn .ctext.Contact .conl .conl_f .cond{width:100px;height:100px;} #obtn .ctext.Contact .conl .conl_f .conlr{font-size:14px;line-height:24px;padding:0 5px 0 0;} #obtn .ctext.Contact .conl .conl_f .conlr .conlp{overflow: hidden;white-space:nowrap;text-overflow: ellipsis;} #obtn .ctext.Contact .conr{width:100%;height:300px;margin-top:10px;} } /*品牌分区*/ #obtn .ctext.brand1{float:left;width:100%;} #obtn .ctext.brand1 .list{float:left;width:100%;} #obtn .ctext.brand1 .list ul{margin-right:-14px;} #obtn .ctext.brand1 .list .sli{float:left;width:20%;padding:0 14px 29px 0;} #obtn .ctext.brand1 .list .sli .slid {width:100%;border:1px solid #f1f1f1;} #obtn .ctext.brand1 .list .sli .slid:hover {border:1px solid #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);} @media screen and (max-width:991px){ #obtn .ctext.brand1 .list .sli{width:25%;padding:0 14px 20px 0;} } @media screen and (max-width:767px){ #obtn .ctext.brand1 .list .sli{width:50%;padding:0 14px 14px 0;} } /*新闻详细*/ #obtn .ctext.snews1 .newshow{ width:100%; float:left; margin:0px 0 57px 0;} #obtn .ctext.snews1 .newshow .neh1{ width:100%; float:left; text-align:center; font-size:28px; color:#444; line-height:36px;letter-spacing: 1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #obtn .ctext.snews1 .newshow .main_1{ width:100%; float:left; margin-top:34px; border-top:solid 1px #d7d8d8; border-bottom:solid 1px #d7d8d8; line-height:53px;position: relative;padding-right:105px;} #obtn .ctext.snews1 .newshow .main_1 .p{ float:left;width:100%; font-size:14px;line-height:50px; color:#777;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #obtn .ctext.snews1 .newshow .main_1 .p span{display:inline-block;*display:inline; *zoom:1; margin-right:15px;} #obtn .ctext.snews1 .newshow .main_1 .btn{ float:right;position: absolute;right:0;width:105px;line-height:48px;} #obtn .ctext.snews1 .newshow .main_1 .btn a{ color:#777;font-size:14px;letter-spacing: 1px;} #obtn .ctext.snews1 .newshow .main_1 .btn a .span{float:right;width:34px;height:34px;background:url(/Theme/cn/images/ico2.png) no-repeat center center #cbcbcb;background-size:34px 34px; vertical-align:middle;margin:0 2px 0 8px;margin-top:10px; -webkit-border-radius:50%; -khtml-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} #obtn .ctext.snews1 .newshow .main_1 .btn a:hover{ color:#0594DE;} #obtn .ctext.snews1 .newshow .main_1 .btn a:hover span{background:url(/Theme/cn/images/ico2.png) no-repeat center center #0594DE;transition: 1s;} #obtn .ctext.snews1 .newshow .text{ width:100%; float:left; margin-top:35px; font-size:16px; color:#333; line-height:36px; /*text-indent: 2em;*/} #obtn .ctext.snews1 .newshow .text .tp{text-indent: 30px; } #obtn .ctext.snews1 .newshow .text .timg{float:left;width:100%;} #obtn .ctext.snews1 .newshow .text .timg ul{margin-right:-42px;} #obtn .ctext.snews1 .newshow .text .timg ul li{float:left;width:50%;padding:0 42px 0 0;} #obtn .ctext.snews1 .newshow .bdsharebuttonbox{ width:100%; float:left; margin-top:30px; text-align:center; height:36px;} #obtn .ctext.snews1 .newshow .bdsharebuttonbox a{display:inline-block;*display:inline; *zoom:1; width:36px; height:36px; margin:0 8px; padding:0; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; float:none;} #obtn .ctext.snews1 .newshow .bdsharebuttonbox a.a1{ background:url(/Theme/cn/images/ico_10_1.png) no-repeat center;} #obtn .ctext.snews1 .newshow .bdsharebuttonbox a.a2{ background:url(/Theme/cn/images/ico_10_3.png) no-repeat center;} #obtn .ctext.snews1 .newshow .bdsharebuttonbox a.a3{ background:url(/Theme/cn/images/ico_10_2.png) no-repeat center;} #obtn .ctext.snews1 .newshow .main_2{ width:100%; float:left; margin-top:10px;} #obtn .ctext.snews1 .newshow .main_2 .title{ width:100%; float:left; font-size:20px; color:#2954a3; line-height:41px;} #obtn .ctext.snews1 .newshow .main_2 ul{ width:100%; float:left; margin-top:10px;} #obtn .ctext.snews1 .newshow .main_2 ul li{ width:48.46%; float:left; line-height:50px; border-bottom:solid 1px #e5e5e5;padding-right:80px; position:relative;} #obtn .ctext.snews1 .newshow .main_2 ul li.l1{ float:right;} #obtn .ctext.snews1 .newshow .main_2 ul li:last-child{border-bottom: none;} #obtn .ctext.snews1 .newshow .main_2 ul li:nth-last-child(2){border-bottom: none;} #obtn .ctext.snews1 .newshow .main_2 ul li .elli{ width:100%; float:left; font-size:15px; color:#333; line-height:50px;} #obtn .ctext.snews1 .newshow .main_2 ul li .time{ position:absolute; right:0; top:0; font-size:14px; line-height:50px; color:#777;} #obtn .ctext.snews1 .newshow .main_2 ul li:hover .elli{ color:#0594DE;} #obtn .ctext.snews1 .newshow .main_3{ width:100%; float: left; margin-top: 30px; padding: 20px 0;border-top: solid 1px #dbdbdb; overflow: hidden;} #obtn .ctext.snews1 .newshow .main_3 .new_a{display:block; width:50%; float: left; font-size: 16px; color: #666; line-height: 36px;} #obtn .ctext.snews1 .newshow .main_3 .new_a span{padding:0 8px 0 3px;} #obtn .ctext.snews1 .newshow .main_3 .new_a:last-child {text-align: right;} #obtn .ctext.snews1 .newshow .main_3 .new_a:hover{ color: #0594DE;} @media screen and (max-width:991px) { #obtn .ctext.snews1 .newshow{ margin:0px 0 30px 0;} #obtn .ctext.snews1 .newshow .text{ margin-top:25px;} #obtn .ctext.snews1 .newshow .text .timg ul{margin-right:-25px;} #obtn .ctext.snews1 .newshow .text .timg ul li{padding:0 25px 0 0;} } @media screen and (max-width:767px) { #obtn .ctext.snews1 .newshow{ margin:0px 0 10px 0;} #obtn .ctext.snews1 .newshow .neh1{ font-size:18px; line-height:26px;} #obtn .ctext.snews1 .newshow .main_1{ margin-top:12px; line-height:40px;} #obtn .ctext.snews1 .newshow .main_1 .p{ font-size:12px;line-height:20px; padding:10px 0;} #obtn .ctext.snews1 .newshow .main_1 .p span{ margin-right:10px; } #obtn .ctext.snews1 .newshow .main_1 .btn{line-height:40px;} #obtn .ctext.snews1 .newshow .main_1 .btn a .span{width:25px;height:25px;background-size:25px 25px;margin-top: 7px;} #obtn .ctext.snews1 .newshow .main_1 .btn:hover a .span{background-size:25px 25px;} #obtn .ctext.snews1 .newshow .text{ margin-top:22px; font-size:12px; line-height:22px;} #obtn .ctext.snews1 .newshow .text .timg ul{margin-right:-10px;} #obtn .ctext.snews1 .newshow .text .timg ul li{padding:0 10px 0 0;} #obtn .ctext.snews1 .newshow .bdsharebuttonbox{ display:none; margin-top:17px;} #obtn .ctext.snews1 .newshow .main_2{ margin-top:5px;} #obtn .ctext.snews1 .newshow .main_2 .title{ font-size:16px;line-height:30px;} #obtn .ctext.snews1 .newshow .main_2 ul{ height: auto; margin-top: 0px;} #obtn .ctext.snews1 .newshow .main_2 ul li{ width:100%; line-height:34px;} #obtn .ctext.snews1 .newshow .main_2 ul li h5{ font-size:12px; line-height:34px;} #obtn .ctext.snews1 .newshow .main_2 ul li .time{ font-size:12px; line-height:34px;} #obtn .ctext.snews1 .newshow .main_2 ul li:nth-last-child(2){border-bottom:1px solid #e5e5e5;} #obtn .ctext.snews1 .newshow .main_2 ul li .elli {line-height:40px;} #obtn .ctext.snews1 .newshow .main_3{ padding: 0; margin-top: 10px;} #obtn .ctext.snews1 .newshow .main_3 .new_a{ font-size:14px; line-height:30px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} } /*新闻中心*/ #obtn .ctext.snews {float:left;width:100%;} #obtn .ctext.snews .sne{float:left;width:100%;padding-right:326px;position: relative;padding-bottom:30px;margin-bottom:44px;border-bottom: 1px solid #e5e5e5;} #obtn .ctext.snews .sne:last-child{margin-bottom:0;} #obtn .ctext.snews .sne .snel{float:left;width:100%;padding-right:110px;} #obtn .ctext.snews .sne .sner{float:right;width:326px;position: absolute;right:0;} #obtn .ctext.snews .sne .snel .snet{float:left;width:100%;position: relative;padding-left:80px;color:#333;height:56px;} #obtn .ctext.snews .snet .snet_l{float:left;width:80px;position: absolute;left: 0;border-right: 1px solid #ccc;} #obtn .ctext.snews .snet .snet_l .sneth4{font-size:30px;line-height:36px;font-family: Arial;letter-spacing:3px;} #obtn .ctext.snews .snet .snet_l .sneth4 span{font-size:16px;line-height:26px;} #obtn .ctext.snews .snet .snet_l .sneth6{font-size:16px;line-height:16px;letter-spacing: 0px;} #obtn .ctext.snews .snet .snet_r{float:right;width:100%;font-size:24px;line-height:32px;letter-spacing: 1px;padding-left:17px;padding-top:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} #obtn .ctext.snews .sne .snel .p{width:100%;float:left;font-size:16px;line-height: 29px;color:#666;letter-spacing: 1px;margin-top:15px;height:104px;overflow: hidden;} #obtn .ctext.snews .sne .sne_a{float:left;display:block;width:144px;height:44px;border:1px solid #e5e5e5;font-size:16px;line-height:44px;color:#666;letter-spacing:1px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top:10px;margin-bottom:17px;} #obtn .ctext.snews .sne:hover .sne_a{background:#0594DE;border:1px solid #0594DE;color:#fff;} @media screen and (max-width:1429px){ #obtn .ctext.snews .sne .snel{padding-right:30px;} #obtn .ctext.snews .sne .snel .p{height:90px;} } @media screen and (max-width:991px){ #obtn .ctext.snews .sne{padding-right:240px;padding-bottom:10px;margin-bottom:20px;} #obtn .ctext.snews .sne .sner{width:240px;} #obtn .ctext.snews .sne .snel .p{height:70px;padding:0;} #obtn .ctext.snews .sne .sne_a{width:110px;height:36px;font-size:14px;line-height:36px;margin-top:0px;} #obtn .ctext.snews .snet .snet_r{font-size:20px;} } @media screen and (max-width:767px){ #obtn .ctext.snews .sne{padding-right:0px;padding-bottom:10px;margin-bottom:20px;} #obtn .ctext.snews .sne .snel{padding-right:0;} #obtn .ctext.snews .sne .snel .snet{padding-left:64px;height:50px;} #obtn .ctext.snews .snet .snet_l{width:64px;} #obtn .ctext.snews .snet .snet_l .sneth4{font-size:26px;line-height:30px;} #obtn .ctext.snews .snet .snet_l .sneth4 span{font-size:14px;line-height:22px;} #obtn .ctext.snews .snet .snet_l .sneth6{font-size:14px;line-height:14px;} #obtn .ctext.snews .snet .snet_r{font-size:16px;line-height:30px;padding-left:10px;} #obtn .ctext.snews .sne .snel .p{font-size:12px;line-height:24px;height:auto;} #obtn .ctext.snews .sne .sner{width:100%;position: relative;} #obtn .ctext.snews .sne .sne_a{width:80px;height:30px;line-height:30px;margin:10px 0;} } /*公共分页*/ #obtn .ctext .paging{float: left;text-align: center;position:relative;width:100%;padding:50px 0 61px 0;} #obtn .ctext .pa1{padding:30px 0 70px 0;} #obtn .ctext .pa2{padding:10px 0 60px 0;} #obtn .ctext .pa3{padding:0px 0 70px 0;margin-top:-20px;} #obtn .ctext .paging .paging1{display: inline-block;} #obtn .ctext .paging .paging1 a{float:left;font-size: 12px;font-family:"微软雅黑";color: #272727;width: 30px; height: 30px;border:1px solid #e1e1e1;line-height:28px;margin:0 8px; -webkit-border-radius:30px; -khtml-border-radius:30px; -moz-border-radius:30px; border-radius: 30px;} #obtn .ctext .paging .paging1 .on{color:#fff;border:1px solid #0594DE;} #obtn .ctext .paging .paging1 a:hover,#obtn .paging .paging1 .on{background:#0594de; color:#fff; border: 1px solid #0594de;text-decoration: none;} #obtn .ctext .paging .paging1 .prve{background:url(/Theme/cn/images/fy3.png) no-repeat center center;width:100px;} #obtn .ctext .paging .paging1 .next{background:url(/Theme/cn/images/fy4.png) no-repeat center center;width:100px;} #obtn .ctext .paging .paging1 .prve:hover{background:url(/Theme/cn/images/fy1.png) no-repeat center center #0594de;border:1px solid #0594de;} #obtn .ctext .paging .paging1 .next:hover{background:url(/Theme/cn/images/fy2.png) no-repeat center center #0594de;border:1px solid #0594de;} #obtn .ctext .paging .paging2{display:none; } @media screen and (max-width:991px){ #obtn .ctext .paging{padding:20px 0 20px 0;} } @media screen and (max-width:767px){ #obtn .ctext .paging{padding:15px 0 15px 0;} #obtn .ctext .paging .paging1{display: none;} #obtn .ctext .paging .paging2{ display:block ;float:left; width:100%; text-align:center; font-size:14px; color:#333;} #obtn .ctext .paging .paging2 a{display:inline-block; width:100px; height:30px; text-align:center; line-height:0px; border:1px solid #e1e1e1; margin:0 5px; -webkit-border-radius:30px; -khtml-border-radius:30px; -moz-border-radius:30px; border-radius:30px;} #obtn .ctext .paging .paging2 span{padding:0 5%; color:#333; display:inline-block; vertical-align:top; height:30px; line-height:30px;} #obtn .ctext .paging .paging2 span:hover {color: #0594de;cursor: pointer;} #obtn .ctext .paging .paging2 .prve{background:url(/Theme/cn/images/fy3.png) no-repeat center center;width:100px;} #obtn .ctext .paging .paging2 .next{background:url(/Theme/cn/images/fy4.png) no-repeat center center;width:100px;} #obtn .ctext .paging .paging2 .prve:hover{background:url(/Theme/cn/images/fy1.png) no-repeat center center #0594de;border:1px solid #0594de;} #obtn .ctext .paging .paging2 .next:hover{background:url(/Theme/cn/images/fy2.png) no-repeat center center #0594de;border:1px solid #0594de;} } @media screen and (max-width:991px) { #obtn .ctext.snews .sne .snel .p{ line-height:22px; } }