body{font-family:"微软雅黑"!important;font:14px Microsoft YaHei!important;line-height:26px;overflow-x: hidden;} body,div,p,span,ul,li,dl,dd,h1,h2,h3,a,input,img{margin:0;padding:0;} li,ol{list-style:none;} a,input,img,textarea{border:none;outline:none;} i,em{font-style:normal;} .rt{float:right;} .lt{float:left;} a{text-decoration: none;} a:focus{text-decoration: none;} a:hover,a:focus{text-decoration: none!important;} .hide{display: none} .show{display: block} .modal a{outline:none;} label{font-weight: normal;width:100%;} a:focus, a:hover { color: #333;} a:focus { outline: none;outline-offset:0;} .container{width:1200px;margin:0 auto;padding:0!important;} input,input:focus,input:active{user-select: text;} img.desaturate { filter: grayscale(92%); -webkit-filter: grayscale(92%); -moz-filter: grayscale(92%); -ms-filter: grayscale(92%); -o-filter: grayscale(92%); } img.desaturate:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%);} /* 以下修改 linguoxie 2017-5-19 nav 部分*/ /*右边浮动*/ #rt-nav{position:fixed;top:50%;right:20px;margin-top:-150px;z-index:99;} .rt-nav li{margin:10px 0;position: relative;} .rt-nav li .rt-navSlide{display:none;position: absolute;top:5px;right:0;} .rt-nav li i.J-i{margin-top:4px;width:0;height:0;border-top:6px solid transparent;float:right;margin-right:-18px; border-bottom:6px solid transparent;border-left:8px solid #afaeae;} .rt-nav li a{display: inline-block;width:41px;height:41px;} .rt-nav li.mes a{background: url(../images/rt-nav_03.png) no-repeat;} .rt-nav li.tel a{background: url(../images/rt-nav_06.png) no-repeat;} .rt-nav li.weibo a{background: url(../images/rt-nav_08.png) no-repeat;} .rt-nav li.weixin a{background: url(../images/rt-nav_10.png) no-repeat;} .rt-nav li.question a.wenti{background: url(../images/rt-nav_12.png) no-repeat;} .rt-nav li.scroll-top a{background: url(../images/rt-nav_14.png) no-repeat;} .rt-nav li.mes:hover a{background: url(../images/rt-nav-n_03.png) no-repeat;} .rt-nav li.tel:hover a{background: url(../images/rt-nav-n_06.png) no-repeat;} .rt-nav li.weibo:hover a{background: url(../images/rt-nav-n_08.png) no-repeat;} .rt-nav li.weixin:hover a{background: url(../images/rt-nav-n_10.png) no-repeat;} .rt-nav li.question:hover a.wenti{background: url(../images/rt-nav-n_12.png) no-repeat;} .rt-nav li.question .que-list a{ width: auto; padding: 0 6px; line-height: 26px; height: auto; color: #333;font-weight: bold; } .rt-nav li.question .que-list a:hover{color: #0689ff;} .rt-nav li.scroll-top:hover a{background: url(../images/rt-nav-n_14.png) no-repeat; } .rt-nav li.tel .tel-p{padding:10px;background: #ccc;color:#333;font-weight: bold; font-size:14px;border-radius: 15px;width:125px;margin-right:50px;} .rt-nav li.weixin .weixin-ma{padding:10px;background: #afaeae;color:#59493f;font-size:14px;border-radius: 5px;top:-37px;margin-right:50px;} .rt-nav li.weixin .weixin-ma img{width:96px;height:96px;} .rt-nav li.question .que-list{padding:10px;background: #ccc;border-radius: 15px;width:354px;margin-right:50px;} .rt-nav li.question .que-list span{color:#59493f;font-size:14px;} .rt-nav li.question .que-list span:hover{color:#0689ff;} .rt-nav li.scroll-top a{opacity: 0;} .rt-nav li a.s-top{opacity: 1;} .nav-ul-rt{ display: none; } /*导航部分*/ #nav{/*background:rgba(000,000,000,.5);height:92px;*/position: fixed;top:0;z-index:998;width:100%;transition: all 0.5s;} .synav{top: 0px !important;} .nav_hover,.nav_hover1,.nnav{background:#ffffff!important; border-bottom:solid 1px #cccccc; transition: all 0.5s;} .nav_hover li.yiji a.ya,.nav_hover1 li.yiji a.ya,.nnav li.yiji a.ya{ color: #333!important; } #nav .navbar{height:92px;line-height:92px;margin:0;} #nav .nav{margin-top:-1px;height:92px;} /*一级*/ .nav>li>a{padding: 10px 12px;} #nav .nav li.yiji{height:88px; display: inline-block; } #nav .nav li.yiji a.ya{color:#fff;display: inline-block; font-size:14px;line-height:69px; padding: 10px;} #nav .nav li.yiji i.navTop-i{height:4px;display:block;width:0;background:transparent;transition: all linear .3s;-webkit-transition: all linear .3s;text-align: center;} #nav .nav li.yiji:hover i.navTop-i,#nav .nav li.yiji.active i.navTop-i{width:100%;background: #0689ff;} #nav .nav li.yiji:hover a.ya,ul.nav li.yiji.active a.ya{background: none;color:#0689ff!important;} #nav .nav li a:focus { text-decoration: none; background: none;} /*190814*/ #nav .container{width: 100%;padding: 0 5%!important;} @media (max-width: 1480px){ #nav .container{padding: 0 0px!important;} .fnav{display: block!important;} .nav-ul-lt{float: right!important;} .navbar-right{display: none!important;} } @media (min-width: 768px) and (max-width: 991px){ .navbar-toggle{display: block;} .navbar-collapse.collapse{display: none!important;} #modelnav{display: block!important;} #nav .navbar{line-height: 58px;height: 58px;} .logo{line-height: 58px;} .logo img{height: 50px;} } /*190814 end*/ /*咨询热线*/ #nav .nav .hto-line{border-color: transparent;position: relative;float: left;} #nav .nav .hto-line a{width:87px;height:36px;display: inline-block; background: #2868e4;line-height:36px; padding: 0; color: #ffffff; border-radius: 20px;text-align: center;} #nav .nav .hto-line a:hover{background: #2868e4;color:#fff;} #nav .nav-ul-lt li{margin:0 5px;line-height:0;} #nav .dropdown-menu{padding:20px;background: #fff;box-shadow: 2px 0 6px #999; border-radius: 10px;right:-88px;top:80px; border:none; width: 270px;} #nav ul.tel-list li i{display: block;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:11px solid #fff;position: absolute;top:-11px;left:50%;margin-left:-5px;} #nav ul.tel-list li{line-height:28px;height: auto;} #nav ul.tel-list li h5{border-bottom:1px dashed #636363;padding-bottom:20px;} #nav ul.tel-list li b{color:#007aff;font-size:14px; } #nav ul.tel-list li span{color:#636363;font-size:18px;vertical-align: middle;} #nav .nav .hto-line ul.tel-list li a{display:block;width:223px;height:26px;line-height:26px;font-size:14px;text-align:center;background: #f5f5f5;color:#636363;border-radius: 20px;padding:0;margin:12px 0;} #nav .nav .hto-line ul.tel-list li a:hover{ color: #2868e4; } #nav .nav .hto-line ul.tel-list li.line-zx a{height:35px;line-height:35px;font-size:16px; background: #2868e4; color: #ffffff;transition: all 0.5s;} #nav .nav .hto-line ul.tel-list li.line-zx a:hover{ background:#f5f5f5; color: #333; transition: all 0.5s; } /*logo动画部分*/ .logo{ position: relative; } .logo img{position: relative;z-index: 3;} .logo a .logo-s{ /*display: none;*/width: 0; line-height:26px;position: absolute;z-index: 2; color: #444444; background: #ffffff;top: 12px; left: -8px;border-radius: 8px; height: 70px;} .logo a .logo-s h1{ font-size: 21px; position:absolute; top: 15px; left:0;display: none; opacity: 0;} .logo a .logo-s p{font-size: 12px; font-family: "Arial";position:absolute;top: 35px; left:0;display: none;opacity: 0;} /*咨询热线768px-992px*/ .fnav{ display: none;background: #f1f1f1; height: 36px; line-height: 36px; } .fnav .container{ text-align: right;} .fnav .container a{ padding: 0 10px; color: #666; } .fnav .container span{ color: #007aff; padding: 0 46px 0 10px; } /*导航一级下拉*/ .nav .liBox{ position: absolute;/*top: 92px; */left: 0; height:290px; width: 100%; background: #ffffff; display: none; } /*.nav .liBox:before{ content: " "; width: 100%; bottom: 0; position: absolute; height:1px;background: #ccc; box-shadow: 0px 0px 15px #333; }*/ .nav .liBox .lbImg{ width: 21%;float: left; text-align: center; overflow: hidden;} .nav .liBox .lbImg img{ margin-top: 40px; } /*分类图标*/ .nav .liBox .web-list{ width: 78%; float: left; overflow: hidden; margin-top:60px; margin-bottom: 20px; } .nav .liBox .web-list .web-dl{ width: 100%; overflow: hidden; } .nav .liBox .web-list .web-dl a{ display: inline-block; width: 16%; text-align: center; position: relative; } /*.nav .liBox .web-list .web-dl a img{ opacity: 0.6;filter:alpha(opacity=60); max-width: 100%; height: 60px; position: relative;z-index: 5;transition: all 0.5s; } .nav .liBox .web-list .web-dl a:hover img{ opacity: 1; filter:alpha(opacity=100);position: relative;z-index: 3; transition: all 0.5s; }*/ .nav .liBox .web-list .web-dl a img{ display: block; margin: 0 auto; position: relative;z-index: 5; } .nav .liBox .web-list .web-dl a img.navImg_1{ display: none;} .nav .liBox .web-list .web-dl a:hover img.navImg_1{ display: block;} .nav .liBox .web-list .web-dl a:hover img.navImg_2{ display: none;} .nav .liBox .web-list .web-dl a:after{content: "";z-index: 1; position: absolute;top:0; left: 0; width:0; height:0; transition: all 0.5s; background: url(../images/nav-slide-bg_03.png) center center no-repeat;} .nav .liBox .web-list .web-dl a:hover:after{width:100%; height:100px; transition: all 0.5s;} .nav .liBox .web-list .web-dl a p{ line-height:32px;color:#555555; font-size: 16px; } /*分类文字*/ .nav .liBox .web-list .web-ul{ display: inline-block; overflow: hidden;padding-right: 20px;margin-top: 20px; } .nav .liBox .web-list .web-ul li{ float: left; position: relative;} .nav .liBox .web-list .web-ul li a.afirst{ font-size: 16px; color: #0689ff;} .nav .liBox .web-list .web-ul li a.afirst:before{content: " "; width: 4px; height: 4px; border-radius: 100%; background:#0689ff;position: absolute; left: -5px; top: 12px; } .nav .liBox .web-list .web-ul li a{ display:inline; width:auto; font-size: 14px; color: #717171; line-height: 26px;padding: 0 4px; } .nav .liBox .web-list .web-ul li a:hover{ color: #0689ff;} /*手机菜单按钮*/ .navbar-toggle{ position: absolute; right: 4px; } .navbar-toggle span.icon-bar{ width: 30px; height: 4px; background: #0689ff; border-radius: 4px; margin:2px 0; } /*手机弹出菜单*/ #modelnav{ position: fixed; z-index:1000; width: 100%; height: 100%; background:#ffffff; top: 0; right:-100%; display: none;} #modelnav .modelTop{ height: 50px; background: #1c69e6; text-align: center; color: #ffffff; line-height: 50px; font-size: 16px; } #modelnav .modelTop .m-nav-btn{ position: absolute;font-size: 22px; padding: 0 20px; } #modelnav .modelBotton{ overflow: hidden;} #modelnav .n-nav-left{ float: left; width: 30%;border-right: solid 1px #eeeeee; margin: 20px 0;} #modelnav .n-nav-left ul{ overflow: hidden; overflow-y:auto; height: 100%;z-index: 2;} #modelnav .n-nav-left ul li a{display: block; height: 40px; line-height: 40px; color: #a4a4a4; padding-left:5vw; position: relative;} #modelnav .n-nav-left ul li a.on{color: #333;} #modelnav .n-nav-left ul li a.on:before{ content: " "; height: 30px; width: 6px; background: #1c69e6; position: absolute;left: 0;top: 5px; } #modelnav .n-nav-right{ float: right;width: 70%; margin: 20px 0; overflow: hidden; position: relative;} #modelnav .n-nav-right .right-erji{position: absolute; z-index: 1;width: 100%; height: 100%; overflow-y:auto; top: 100%; background: #fff;} .right-erji-com{overflow: hidden;} .right-erji-com h2 a{font-size: 16px;text-indent: 30px; color: #464646; line-height: 30px; margin-bottom: 12px; display: inline-block; position: relative;} .right-erji-com h2 a:before{ content: " "; width: 4px; height: 4px; border-radius: 100%;background: #1c69e6; position: absolute; left: 18px; top: 14px; } .right-erji-com .erji-li{float: left; width:33.3%; margin-bottom: 20px; } .right-erji-com .erji-li a{ font-size: 14px;display: inline-block;text-align: center; width: 100%;} .right-erji-com .erji-li a img{ height: 36px; max-width: 100%; } .right-erji-com .erji-li a p{ color: #666; line-height: 28px; } /*浮动在线表单*/ .sub-btn{ cursor:pointer;position: fixed; left: -200px; bottom:20px; z-index: 999;width: 0;overflow: hidden; transition: all 1s;} .sub-btn.in{width:160px;transition: all 1s; left: 0;} .sub-btn a{ position: absolute; width: 32px; height: 32px; right: 0; top: 0; font-size: 20px; background: #fff;/* line-height: 32px;*/text-align: center; border:1px solid #ccc; border-radius: 100%; z-index: 9;} .sub-btn img{ width: 100%; position: relative; z-index: 8; } .sub-show{ position: fixed;width:100%;transition: all 1s; height:0; bottom:0; z-index: 9995;} .sub-show.on{ height: 200px; overflow: hidden; transition: all 1s;} .sub-show:before{ content: " "; width: 100%; height: 100%; left: 0; top: 0; position:absolute; z-index: 1; background:rgba(0,0,0,0.9); } .sub-show .container{ position: relative;z-index: 2; } .sub-show .sub-comLeft{ display: inline-block; margin-top: 28px; width: 20%; vertical-align: top; } .sub-show .sub-comLeft img{ max-width: 100%; } .sub-show .sub-form{ display: inline-block; width: 79%; } .sub-show .sub-comCentent{ display: inline-block; margin-top: 52px; width: 80%; } .sub-comCentent .sub-comTitle{ height: 60px; /*margin-top: 60px;*/ line-height: 60px; } .sub-comCentent .sub-comTitle p{ padding-right: 12px; color: #ffffff; font-size: 20px; display: inline-block; position: relative; text-indent: 20px; } .sub-comCentent .sub-comTitle p:first-child{padding-right: 50px;} .sub-comCentent .sub-comTitle p:before{content: " ";position: absolute; width: 10px; height: 10px; top:28px; left: 0; border-radius: 100%;background: #0086ff;} .sub-comCentent .sub-comTitle p span{ color: #fff100; } .sub-comCentent .text input.pubinput,.sub-comCentent .text select.pubinput{ height: 40px;margin-right:1%; line-height: 40px; background: #ffffff; border-radius: 6px; text-indent: 6px; } .sub-comCentent .text input.p1{ width:30%; } .sub-comCentent .text input.p2{ width:20%; } .sub-comCentent .text input.p3{ width:25%; } .sub-comCentent .text select.p4{ width:19%; } .sub-show .sub-comRight{ display: inline-block;vertical-align:top; margin-top: 73px; margin-left: 20px; float: right; } .sub-show .sub-comRight input.pubsub{ width: 120px; height: 80px; border-radius: 8px; background: #0086ff; font-size: 20px; color: #ffffff } .sub-show .sub-com-close{ position: absolute; right: 0; top: 12px;} /*end 下拉结束*/ /*首页banner*/ #banner .carousel-indicators .active{background: #007aff;border:none;width: 12px; height:12px;margin:0 8px;} #banner .carousel-indicators li{background: #c4c4c4;border:none;width: 8px; height:8px;margin:2px 8px } #banner .s-prev{width:51px;height:95px;background: url(../images/prev_03.png) no-repeat;top:50%;left:150px;margin-top:-25px;display: none;} #banner .s-next{width:51px;height:95px;background: url(../images/prev_05.png) no-repeat;top:50%;right:150px;margin-top:-25px;display: none;} #banner .s-prev:hover{background: url(../images/next_03.png) no-repeat;} #banner .s-next:hover{background: url(../images/next_05.png) no-repeat;} #banner:hover .s-prev,#banner:hover .s-next{display: block;} /**首页中部搜索*/ #search{background: #ddd;line-height:97px;margin:0 auto;text-align: center;position: relative; z-index: 98;} #S-usProduct{padding:80px 0;background: #f3f3f3;} .S-search{margin:0; } .S-search li {display: inline-block;vertical-align: top;} .S-search li a{color:#007aff;font-size:28px;} .S-search li img{vertical-align: middle;} .S-search li form{width:836px;height:50px;line-height:50px;background: #007aff;display: inline-block; border-radius: 50px;margin-left:15px;} .S-search li .input{width:618px;height:50px;line-height:50px;padding:0 25px; background: #fff;text-align: left;border-radius: 50px 0 0 50px;margin-left:-3px } .S-search li form img{ margin-top: -4px; display: inline-block;} .S-search li form .com{width:115px;border-left:1px solid #ddd;text-align: center;height:50px;line-height:50px;position: relative;} .S-search li form .com a select.sele{background: #ffffff;border: none;width:115px;text-align: center;height:50px;line-height:50px;font-size: 0.6rem;vertical-align: top;} .S-search li form .com input{width:115px;text-align: center;height:50px;line-height:50px;font-size:18px;vertical-align: top;} .S-search li form .com i{display: inline-block;position:absolute;width:0;height:0;border-left:7px solid transparent; border-right:7px solid transparent;border-top:7px solid #0689ff;top:25px;right:13px;} .S-search li form .com ul{background: #fff;margin-top:-4px;height:200px;overflow-y: auto;display: none; overflow-x:hidden; padding-bottom: 20px;} .S-search li form .com ul li{display: block;line-height:26px;height:26px;font-size:16px;color:#333;} .S-search li form .com ul li:hover{background: #0689ff;color:#fff;} .S-search li form .com ul li.current{background: #0689ff;color:#fff;} .S-search li form button{background: none;border:none;outline: none;height:1.25rem;} .S-search li form button img{width:0.675rem;} .S-demand{margin-right:64px;} .S-demand img{margin-right:10px;width:45px;} /***首页主体内容***/ .S-title{text-align: center;} .S-title h5{font-size:30px;color:#444;} .S-title span{color:#7b7b7b;font-size:14px;} .S-title:after{content:"";display: block;width:40px;height:5px;border-radius: 5px; background: #007aff;margin:10px auto 0;} #S-proBox{position: relative;margin:30px auto 50px;} .S-proHd li{width:300px;height:111px;margin-bottom:45px;} .S-proHd li.proHd-a{position: absolute;top:0;right:0;} .S-proHd li.proHd-b{position: absolute;top:156px;right:0;width:300px;} .S-proHd li.proHd-c{position: absolute;top:311px;right:0;} .S-proHd li.proHd-a dl dd,.S-proHd li.proHd-b dl dd, .S-proHd li.proHd-c dl dd{text-align: right;margin-top:24px; float: right;} .S-proHd li.proHd-a dl,.S-proHd li.proHd-c dl,.S-proHd li.proHd-b dl{margin-left:20px;} .S-proHd a{display: block;} .S-proHd dl dt{display: inline-block; width: 136px; position: relative;} .S-proHd dl dt:before{ content: " "; width: 108px; height: 108px;transition: all 0.5s; border-radius: 100%; background: #e7ebf2; position: absolute;z-index: 1; left: 14px; } .S-proHd dl dt img{ position: relative; z-index: 2; } .S-proHd a:hover dd{ color: #007aff; font-size:21px;transition: all 0.5s; } .S-proHd a:hover dl dt:before{width: 136px;background: #bed8ff; left: 0; } .S-proHd dl dd {display: inline-block;vertical-align: middle;margin-left:15px;} .S-proHd dl dd {font-size:20px;color:#444; transition: all 0.5s;} .S-proHd dl dd:after{content:"";display:block;border-bottom:2px solid #0689ff;width:40px;transition: width linear .5s;-webkit-transition:width linear .5s;margin-top:8px;} .S-proHd dl:hover dd:after{width:20px;} .S-proHd li.pro-after dl dd:after{position: absolute;right:0;} .S-proHd li{position: relative;} .S-proHd li:after{content: "";display:none;background: url(../images/qibao_03.png) no-repeat;width:37px; height:32px;position: absolute; right: -22px; top: 27px;} .S-proHd li.on:after{display: inline-block;} .S-proHd li.pro-after:after{content: "";background: url(../images/qibao_06.png) no-repeat;width:55px; height:38px;position: absolute; left: -53px; top: 27px;z-index:2;} .S-proBd{position: absolute; top: 0; left: 50%; height: 412px; margin-left: -263px;} .S-proBd .tempWrap{ z-index: 9; height: 380px!important; /*margin: 0 16px;*/ overflow: hidden;} .S-proBd:before{ content: " ";position: absolute; width: 100%; height: 100%; z-index: 1; background: url(../images/qibao-bg_03.png) 0 0 no-repeat;} .S-proBd div ul li{width:513px;;height:407px;} .S-proBd ul li.promotion{/*background: url(../images/pro-img_03.png) no-repeat;*/margin: 0 auto;} .S-proBd ul li .slideLi{padding:45px 0 95px 0;margin:0 auto ;width:400px;text-align: center;} .S-proBd ul li .slideLi h1{font-size:25px;color:#0689ff;text-align: left;padding:5px 0 10px;} .S-proBd ul li.promotion h4{font-size:20px;color:#362e2b;text-align: left;} .S-proBd ul li p.slideLi-btn span{display: inline-block;margin:0 15px 15px;height:27px;} .S-proBd ul li p.slideLi-btn span a{display: inline-block;width:96px;height:27px;border-radius:20px; line-height:27px;text-align: center;box-shadow: 0 2px 7px 0px rgba(000,000,000,.2);font-size:14px;color:#333;} .S-proBd ul li p.slideLi-btn span a:hover{background: #0689ff;color:#fff;} .S-proBd ul li .S-proMore{font-weight: bold;font-size:16px;color:#0689ff;text-align: center;margin-top:30px;display: block;} .S-proBd ul li .S-proMore:before{content:"";display: inline-block;vertical-align:middle;width:22px;border-top:1px solid #0689ff;margin-right:10px;} .S-proBd ul li .S-proMore:after{content:"";display: inline-block;vertical-align:middle;width:22px;border-top:1px solid #0689ff;margin-left:10px;} .S-proBd ul li.construction{/*background: url(../images/pro-img2_03.png) no-repeat;*/ margin-left:-4px; ;} .S-proBd ul li.construction .slideLi{padding-bottom:65px;} .S-proBd ul li.construction .slideLi a.slideLi-span{display: inline-block; width: 125px; height: 149px;text-align: center;} .S-proBd ul li.construction .slideLi img{margin:0 1px ;} .S-proBd ul li.construction .slideLi span{font-size:14px;color:#333;margin-top:5px;display: inline-block;} .S-proBd ul li.brand{/*background: url(../images/pro-img-3_03.png) no-repeat;*/margin-left:-8px;} .S-proBd ul li.brand .slideLi{padding-bottom:43px;width:440px;} .S-proBd ul li.brand .brand-txt,.brand-txt{color:#362e2b;font-size:14px;height:190px;overflow: hidden;line-height:30px;text-align: left;text-indent: 30px;} .S-proBd ul li.brand .brand-txt img,.brand-txt img{ float: left; padding-right: 12px;} .S-proBd ul li.brand p.slideLi-btn span{margin:0 5px 15px;} .S-proBd ul li.brand .S-proMore{margin-top:20px;} .S-proBd ul li.flow{/*background: url(../images/pro-img-5_03.png) no-repeat;*/margin: 0 auto;} .S-proBd ul li.flow .slideLi{padding-bottom:56px;} .S-proBd ul li.flow h5{font-size:20px;color:#5c5c5c} .S-proBd ul li.flow .flow-icon{margin:30px 0 0 0;} .S-proBd ul li.flow .flow-icon a{display: inline-block;} .S-proBd ul li.flow .flow-icon a dl dd span{font-size:12px;color:#0689ff;} .S-proBd ul li.flow .flow-icon a dl dd i{font-size:14px;color:#0689ff;} .S-proBd ul li.flow .flow-icon a dl dd b{font-size:24px;color:#0689ff;font-weight: normal;} .S-proBd ul li.flow .flow-icon a dl dd p{font-size:12px;color:#5c5c5c;} .S-proBd ul li.web-promotion{/*background: url(../images/pro-img-4_03.png) no-repeat;*/margin-left:-10px;} .S-proBd ul li.web-promotion .slideLi{padding:50px 0 60px 0;width:394px;margin-left:66px;} .S-proBd ul li.web-promotion h5{font-size:20px;color:#0689ff;margin:0 0 10px 30px;text-align: left;} .S-proBd ul li.service{/*background: url(../images/pro-img-6_03.png) no-repeat;*/margin-left:-8px;} .S-proBd ul li.service .slideLi{padding:50px 0 60px 0;margin-left:36px;width:440px;} .S-proBd ul li.service .slideLi a.slideLi-span{display: inline-block; width: 125px; height: 142px;text-align: center;} .S-proBd ul li.service .slideLi span{font-size:14px;color:#333;margin-top:5px;display: inline-block;} #S-usProduct a#more{display: block;font-size:16px;width:170px;height:45px; line-height:45px;text-align: center;color:#fff;background: #0689ff; margin:30px auto 0;border-radius: 45px;transition: all 0.5s;} #S-usProduct a#more:hover{background:#ffffff; border:solid 1px #cccccc; color: #333;transition: all 0.5s;} #S-addPromotion{padding:65px 0 50px;background: url(../images/index-11_03.png) fixed center center no-repeat;/*background-size:100%;*/} .S-addTitle{text-align: center;} .S-addTitle:after{content:"";display: block;width:35px;border-top:2px solid #fff;margin:20px auto 0;} .S-addTitle h1{font-size:30px;color:#fff;} .S-addTitle span{font-size:20px;color:#fff;} .S-addContent{margin:30px 0 0 0; text-align: center; position: relative; z-index: 995;} .S-addContent .S-addBox{display: inline-block;margin:0 16px 20px 0;vertical-align: top;} .S-addContent .S-addBox span{color:#fff;font-size:16px;margin-right:20px;} .S-addContent .S-addBox .S-addBox-select{display: inline-block;width:180px;height:40px;line-height:40px; padding:0 10px; color:#9f9f9f;border:1px solid #9f9f9f;border-radius: 20px;position: relative;vertical-align: middle;} .S-addContent .S-addBox .S-addBox-select input{color:#e9c149;width:135px;background: transparent; border:none;height:40px;overflow: hidden;} .S-addContent .S-addBox .S-addBox-select i{display: inline-block;width:0;height:0;border-left:6px solid transparent; border-right:6px solid transparent; border-top:8px solid #fff;vertical-align: middle;} .S-addContent .S-addBox .S-addBox-select ul{background: #fff;/*max-height:200px;*/overflow-y: auto;overflow-x:hidden; display: none;} .S-addContent .S-addBox .S-addBox-select ul li a{display:block;padding:0 0.25rem;font-size:14px;color:#333;height:1rem;overflow: hidden; text-align: left; text-indent: 3px;} .S-addContent .S-addBox .S-addBox-select ul li a:hover{background: #0689ff;color:#fff;} .S-addContent .S-addBox .S-addBox-select ul li a.current{background: #0689ff;color:#fff;} .S-addContent .S-addBox input{line-height:40px;height:42px;font-size:14px;padding:0 10px;color:#e9c149;border:1px solid #9f9f9f;border-radius: 0.5rem;background: transparent;} .S-addContent .S-addBox .S-addBox-name{width:227px;} .S-addContent .S-addBox .S-addBox-tel{width:200px;} .S-addContent .S-on{width:191px;height:1rem;line-height:40px;background: #0689ff; color:#fff;text-align: center;display: inline-block;border-radius: 20px;} #S-curAdvantage{background:url(../images/cur-bg-000_02.png) no-repeat;padding:60px 0 0 0; background-size:100% 100%;text-align:center;position: relative;} #S-curAdvantage:before{content: ""; display: block; width: 100%; border-bottom: 1px dashed #e88c8e; position: absolute; top: 340px; left: 0; } .S-curSlide{padding:1.5rem 0 0 0;text-align: center;display: inline-block;} .S-curHd{height:135px;} .S-curHd ul{margin-bottom:0;overflow: hidden;} .S-curHd ul li{width:155px;height:135px;text-align: center;display: inline-block;vertical-align: bottom;} .S-curHd ul li img{max-width:60px;max-height:53px;} .S-curHd ul li span{color:#9c9c9c;margin-top:15px;display: block;margin-bottom:24px;} /*.S-curHd ul li.on{background: url(../images/img_03.png) no-repeat center bottom;}*/ /*.S-curHd ul li:hover{background: url(../images/img_03.png) no-repeat center bottom;}*/ .S-curHd ul li.on span{color:#0689ff;} /*.S-curHd ul li:hover span{color:#0689ff;}*/ /*.S-curHd ul li:hover img.desaturate { filter: grayscale(0%);*/ /*-webkit-filter: grayscale(0%);*/ /*-moz-filter: grayscale(0%);*/ /*-ms-filter: grayscale(0%);*/ /*-o-filter: grayscale(0%);}*/ .S-curHd ul li.on img.desaturate { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%);} .S-curBd{padding:57px 0;} .S-curBd ul li{font-size:20px;color:#4d4d4d;} .S-curBd ul li:before{content:"";display: inline-block;width:5px;height:5px;background: #0689ff;border-radius: 3px;vertical-align: middle;margin-right:10px;} .S-curBd ul li:after{content:"";display: inline-block;width:5px;height:5px;background: #0689ff;border-radius: 3px;vertical-align: middle;margin-left:10px;} /*******5/23修改****/ .cur-on{display: inline-block;width:155px;height:24px;background: url(../images/img_03.png) no-repeat bottom;} .S-curPos{position: relative;display: inline-block;} .S-curHd ul.cur-bg{position: relative;width:951px;height:135px; } .S-curHd ul.cur-bg li{} .curBox-bg i{position: absolute;bottom:0;left:0;} .cur-animation{position: relative;margin-top:60px;overflow: hidden;height:86px} .cur-move{position: absolute;bottom:0;left:0;} .move1{z-index: 10;-webkit-animation: move1 2s ease infinite;-moz-animation: move1 2s ease infinite;-o-animation: move1 2s ease infinite; animation: move1 2s ease infinite;} .move2{z-index:8;-webkit-animation: move1 3.6s ease 1.6s infinite;-moz-animation: move1 3.6s ease 1.6s infinite;-o-animation: move1 3.6s ease 1.6s infinite; animation: move1 3.6s ease 1.6s infinite;} .move3{z-index:9;-webkit-animation: move1 2.8s ease .8s infinite;-moz-animation: move1 2.8s ease .8s infinite;-o-animation: move1 2.8s ease .8s infinite; animation: move1 2.8s ease .8s infinite;} @keyframes move1 { 0%,100%{bottom:0;} 50%{bottom:-10px;} } @-moz-keyframes move1 { 0%,100%{bottom:0;} 50%{bottom:-10px;} } @-o-keyframes move1 { 0%,100%{bottom:0;} 50%{bottom:-10px;} } #S-news{background: url(../images/index-2.png) fixed no-repeat left 100%;padding:50px 0 ;height:692px; text-align: center;overflow: hidden;width:100%;} #S-news .S-title h5{color:#fff;} .S-newSlide{margin-top:78px;vertical-align: bottom;} .S-newBd{display: inline-block;background: url(../images/ipad_13.png) no-repeat ;width:644px;height:478px;position: relative;} .S-newBd ul {width:369px;height:279px; margin-top: 24px; margin-left: 138px;} .S-newBd ul li img{max-width:100%;max-height:100%; width: 369px; height: 279px;} .S-newBd ul li{display:none; position: absolute; top: 25px;} .S-newBd ul li.active{display: block;} .S-newBd div.tempWrap{ margin-top: 23px; margin-left: 137px;} .S-newHd{display: inline-block;vertical-align: top;height:430px;width:510px;} .S-newHd .swiper-slide{height:430px;} .S-newHd .swiper-container{height:430px;width:510px;} #S-news .S-newHd{position: relative;} .S-newHd li dl{padding-bottom:10px;} .S-newHd li:before{content:"";display: block;height:35px; border-left:1px solid #79716e;margin:-17px 0 5px 40px;} .S-newHd li.li-before:before{opacity: 0;margin-top:-35px;} .S-newHd li dl{width:510px;margin:0;} .S-newHd li:hover dl dt{background: #0689ff;border-color:#0689ff;} .S-newHd li:hover dl dt b{border-color: #6994d9;} .S-newHd li.on dl dt b{border-color: #6994d9;} .S-newHd li.on dl dt{background: #0689ff;border-color:#0689ff;} .S-newHd li dl dt{width:78px;height:78px;border-radius: 50%;border:1px solid #79716e;display: inline-block; margin-right:30px; text-align: center; line-height:38px;font-weight: normal;} .S-newHd li dl dt b{color:#fff;font-size:14px;border-bottom:2px solid #79716e;width:60px;text-align: center; display: block; margin:0 auto; font-weight: normal;} .S-newHd li dl:hover dt b{border-color:#fff;} .S-newHd li dl dt span{color:#fff;font-size:14px;} .S-newHd li dl dd{display: inline-block;width:395px;vertical-align: top;text-align: left;} .S-newHd li dl dd h4{color:#f8b551;font-size:0.6rem;width:9.875rem;height:0.6rem;overflow: hidden;margin:0; } .S-newHd li dl dd p{color:#fff;overflow: hidden;margin: 0.15rem 0 0 0; line-height: 0.8rem; height: 1.6rem;} .S-newHd .arrow-left{display: block;width:28px;height:28px;background: url(../images/prev.png) no-repeat; position: absolute;top:50%;right:-74px;margin-top:-14px;} .S-newSlide .arrow-right{display: block;width:28px;height:28px;background: url(../images/next002_03.png) no-repeat; position: absolute;top:50%;right:-74px;margin-top:30px;} .S-newSlide .arrow-left:hover{background: url(../images/prev-n.png) no-repeat;} .S-newSlide .arrow-right:hover{background: url(../images/next-n.png) no-repeat;} .S-newMore{display:none;width:4.25rem;height:1rem;line-height:1rem;margin-top:0.8rem;color:#fff;font-size:0.5rem;border-radius: 0.5rem;background: #0689ff;} .S-newMore:hover{color:#fff;} #aboutUS{padding:80px 0 0 0;background:url(../images/index-4.jpg) no-repeat; height:810px; text-align:center; background-size: 100% 100%;} .S-aboutBos{margin-top:55px;position: relative;} .S-aboutList{height:477px;margin:0 auto;text-align: center;} .S-aboutList li{display:inline-block;width:13.7%;margin-left:-5px; transition: all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;vertical-align: top;} .S-about-title{height:117px;background: #77caff;text-align: center;padding:32px 0;margin:0;display: block;} .S-about-title dl{ display: inline-block; vertical-align: middle;margin:0;} .S-about-title dd{color:#fff;margin-top:5px;} .S-about-item{height:360px;background: #e2e2e2;} .S-about-item .item-ul{padding-top:35px;margin:0;} .S-about-item .item-ul span a{display:block;color:#474747;font-size:14px;line-height:45px;text-align: center; overflow: hidden; height: 45px;} .S-aboutList li .S-about-item .item-dl{padding:45px 25px;background: #fff;display: none;height:375px;margin:0; overflow: hidden;} .S-aboutList li dt img{max-width:100%;max-height:100%;} .S-aboutBook .S-about-item .item-dl dt{width:55%;height:6.5rem;display: inline-block;float:right;} .S-aboutBook .S-about-item .item-dl dd{display: inline-block;vertical-align: top;height:6.5rem;overflow: hidden; width:50%;line-height:2; text-indent: 35px;margin-top:20px;float:left;text-align: left;} .S-aboutJJ{left:27.77%;} .S-aboutJJ .S-about-title{background: #65c3ff;} .S-aboutJJ .S-about-item{background: #dddddd;} .S-aboutJJ .S-about-item .item-dl dt{width:45%;height:6.45rem;float:left;display: inline-block;vertical-align: top;} .S-aboutJJ .S-about-item .item-dl dd h5{color:#0689ff;line-height:0.6rem;} .S-aboutJJ .S-about-item .item-dl dd{float:right;display: inline-block;width:55%; text-align: left;} .S-aboutJJ .S-about-item .item-dl dd p{vertical-align: top;line-height:25px; text-indent: 35px; height:3.75rem;overflow: hidden;} .S-aboutJJ .S-about-item .item-dl .item-dl-more{width:70px;height:24px;line-height:24px;text-align: center; color:#fff;background: #0689ff;font-size:14px;border-radius: 13px;} .S-aboutZZ{left:55.4%;} .S-aboutZZ .S-about-title{background: #32afff;} .S-aboutZZ .S-about-item{background: #d8d8d8;} .S-aboutZZ .S-about-item .item-dl{text-align: center;} .S-aboutZZ .S-about-item .item-dl dl{text-align: center;margin-right:8px; display: inline-block;width:0; vertical-align: top; margin-top: 20px} .S-aboutZZ .S-about-item .item-dl dl:last-child{margin-right:0;} .S-aboutZZ .S-about-item .item-dl dt{/*height:5.17rem;*/} .S-aboutZZ .S-about-item .item-dl dd {color:#6b6b6b;font-size:14px;margin-top:20px;} .S-aboutTeam{left:55.4%;} .S-aboutTeam .S-about-title{background: #099fff;} .S-aboutTeam .S-about-item{background: #d1d1d1;} .S-aboutTeam .S-about-item .item-dl{text-align: center;} .S-aboutTeam .S-about-item .item-dl dl{text-align: center;margin-right:9px;} .S-aboutTeam .S-about-item .item-dl dt{float:left;width:0;height:6.45rem;display: inline-block;} .S-aboutTeam .S-about-item .item-dl dd {text-align:left; color:#4b4b4b;font-size:14px;width:50%;height:6.45rem;line-height:26px;display: inline-block;vertical-align: top;overflow: hidden;} .S-aboutList li.active {margin-right:1px;} .S-aboutList .active .S-about-item .item-ul{display: none;} .S-aboutList .active{ box-shadow: 0 0 30px rgba(0,0,0,.2);width:59%;height:492px; margin-top:-10px;} .S-aboutList .active .S-about-item .item-dl{display: block;} .S-aboutList .active .S-about-title:before{content:"";display: inline-block;width:85px;border-top:1px dashed #fff;vertical-align: middle;margin-right:10px;} .S-aboutList .active .S-about-title:after{content:"";display: inline-block;width:85px;border-top:1px dashed #fff;vertical-align: middle;margin-left:10px;} .S-aboutList .active .S-about-title{background: #1c69e6;height:127px;} .S-aboutList .active .S-about-title dd{font-size:20px;} .S-aboutList .active dl.item-dl dt{width:45%} .S-aboutList .active .S-about-item .item-dl dl{width:14%;} #S-proBox-move{padding:0 0.5rem;display: none;} #S-proBox-move a{width:32%;text-align: center;display: inline-block;margin-top:1rem;} #S-proBox-move a dl{margin:0;} #S-proBox-move a dl dt{width:3.35rem;height:2.625rem;margin:0 auto;} #S-proBox-move a dl dt img{max-width:100%;max-height:100%;} #S-proBox-move a dl dd {display: block;} #S-proBox-move a dl dd:after{content:"";display: block;width:0.7rem;height:0.1rem; border-bottom:2px solid #0689ff;margin:0.2rem auto 0;transition: width linear .5s; -webkit-transition: width linear .5s;} #S-proBox-move a dl:hover dd:after{width:2rem;} #S-proBox-move a dl dd span{display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:100%;} #S-aboutBos-move{padding:0 0.5rem;display: none;} .S-aboutBos-move{width:100%;margin:1rem 0; box-shadow: 0 0 30px rgba(0,0,0,.2);} .tabs{padding:0.8rem 0;background: #0689ff;} .tabs a{display: inline-block;width:23%;text-align: center;height: 2.9rem;border-right:1px solid #6196ee; vertical-align: middle;/*margin-left:-0.2rem;*/} .tabs a dl{/* height: 2.9rem;border-right:1px solid #6196ee;width:100%*/} .tabs a dl dt{height:1.7rem;line-height: 1.7rem;} .tabs a dl dt img{vertical-align: bottom;} .tabs a:last-child{border:none;} .tabs a.active{color:red;} .tabs a dl{margin:0;} .tabs a dl dd{color:#fff;margin-top:0.2rem;} .S-aboutBd-move{width:100%;background: #fff;} .S-aboutBd-move{height:10rem;} .S-aboutBd-move .swiper-slide{width:100%;height:10.45rem;} .S-aboutBd-move .swiper-slide .content-slide{padding:1.25rem 0.75rem;} .S-aboutBd-move .swiper-slide .content-slide .sjpic dl{ float: left; width: 14%;margin:0 1%;vertical-align: top; } .S-aboutBd-move .swiper-slide .content-slide .sjpic dl dt,.S-aboutBd-move .swiper-slide .content-slide .sjpic dl dd{ width: 100%; float: none; height: auto;} .S-aboutBd-move .content-slide dl{overflow: hidden;} .S-aboutBd-move .content-slide dl h5{ color: red; } .S-aboutBd-move .content-slide dl p{ line-height: 20px; height: 120px; overflow: hidden; text-align: left; } .S-aboutBd-move .content-slide dl p img{ float: left; padding-right: 8px; } .S-aboutBd-move .content-slide dl dt{width:48%;height:5.3rem;display: inline-block;float:left;} .S-aboutBd-move .content-slide dl dt img{max-width:100%;max-height:100%;} .S-aboutBd-move .content-slide dl dd{float:right;width:48%;line-height:20px;text-align: left;} #hotTel{text-align: center;background: #0689ff;line-height:45px;display: none;} #hotTell{ position: absolute;z-index: 998; content: "x"; right: 10px; top: 9px;display: block; width:26px; line-height: 26px; font-size: 18px; height: 26px; border-radius: 100%; background: #fff; color: #2868e4;} #hotTel img{width:0.95rem;height:0.95rem;margin-right:0.25rem;} #hotTel b,#hotTel b a{color:#fff;font-size:0.6rem;} #S-curSlide-move {display: none;} #S-curSlide-move .swiper-container {overflow: visible;} #S-curSlide-move ul li.active { background: url(../images/img_03.png) no-repeat center bottom;} #S-curSlide-move ul li.active img.desaturate { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); } #S-curSlide-move ul li.active span { color: #0689ff; } .swiper-wrapper{ position: static;} .swiper-container{ position: static;} .tab{padding:1rem 0.5rem 1.5rem ;} .tab p{display: none;} .tab p.active{display: block;} .tab p:before{content:"";display: inline-block;width:5px;height:5px;background: #0689ff;border-radius: 3px;vertical-align: middle;margin-right:0.25rem;} .tab p:after{content:"";display: inline-block;width:5px;height:5px;background: #0689ff;border-radius: 3px;vertical-align: middle;margin-left:0.25rem;} /**底部**/ #footer{background: #fff;padding:20px 0;} #footer div.container{position: relative;} .foot-ul{display: inline-block;} .foot-ul li{display: inline-block;width:220px;margin-right:18px;vertical-align: top;} .foot-ul li h3{font-size:14px;line-height:30px;padding-bottom:10px; border-bottom:1px dashed #d1c0a5; margin:0 0 10px 0;} .foot-ul li h3:before{content:"";display: inline-block;width:5px;height:5px;background: #333;border-radius: 5px;margin-right:10px;vertical-align: middle;} .foot-ul li h3 a{ color: #333; } .foot-ul li h3 a:hover{ color: #0689ff; } .foot-ul li span{color:#5e5e5e;font-size:14px;line-height:25px;display: block;} .foot-dl{margin-right:5px;margin-top:20px; position: absolute; top: 0; right: 0;} .foot-dl dd{font-size:14px;color:#0689ff;text-align: right;display: inline-block;margin-right:4px;} .foot-dl dt{width:118px;height:119px;text-align: center;display: inline-block;} .foot-dl dt img{max-width:100%;max-height:100%;} .link{padding:10px 0;} .link ul{display: inline-block;margin:0;} .link ul li{display: inline-block;margin-right:10px;} .link p{padding:8px 15px ;border:1px dashed #b5b5b5;border-radius: 5px;margin:0;} .link p b{font-size:14px;} .link p a{color:#626262;font-size:14px;} .link p a:hover{ color:#0689ff;} #copy{line-height:45px;background: #dedede;text-align: center;} #copy span{color:#3f3f3f;font-size:14px;margin:0 10px;} #copy span a{color:#3f3f3f;font-size:14px;} #copy span a:hover{color:#0689ff;} #main{ overflow: hidden; } /***关于我们页面***/ #nabout{ margin-top: 130px; } #N-main{background: url(../images/about-bg_02.png);} #G-milestone-move{background: url(../images/about-img_09.png) no-repeat;padding:0.8rem 0.5rem; text-align: center;position: relative;} #G-about{padding:2rem 0;} .G-leftNav{width:23%;} .G-rightText{width:75%;} .G-name {color:#999;font-size:1.4rem;line-height:1.7rem;} .G-name img{margin-left:1.5rem;width:2.1rem;height:1.5rem;} .G-en_name{color:#ff1144;font-size:1rem;padding:0.5rem 0;border-bottom:2px solid #ff1144;} #G-milestone{background: url(../images/about-img_09.png) no-repeat;padding:2rem 0 3.5rem; text-align: center;position: relative;} .G-milName h4{color:#fff;font-size: 0.7rem;margin-top:30px;} .G-milName span{color:#00ffff;font-size: 0.6rem;} .cent-line{ display: block; height: 2px; width: 100%; position: absolute; left: 0; top: 11rem; background-color: #2868e4; } .G-swiper{height:10rem;margin-top:1.5rem;position: relative;} .G-swiper ul{height:100%;} .G-swiper ul li.G-top{background: url(../images/about-10.png) no-repeat center 2.2rem;} .G-swiper ul li.G-bot{background: url(../images/about_14.png) no-repeat center 5rem;} .G-swiper ul li{width:19%; height: 100%; display: inline-block; vertical-align: top; position: relative;text-align: center;} .G-swiper ul li b{font-size:0.65rem;color:#2ac4c4;position: absolute;left:0;width:100%;} .G-swiper ul li span{font-size: 0.3rem; color:#fff;position: absolute;left:0;width:100%;} .G-swiper ul li.G-top span{bottom:8rem;} .G-swiper ul li.G-top b{top:6.15rem;} .G-swiper ul li.G-bot span{top:8.625rem;} .G-swiper ul li.G-bot b{top:3.5rem;} .G-slide .arrow-left{background: url(../images/about-prev_13.png) no-repeat;width:0.825rem;height:1.5rem; display:inline-block;position: absolute;top:27%;left:0;z-index:999;} .G-slide .arrow-right{background: url(../images/about-prev_21.png) no-repeat;width:0.825rem;height:1.5rem; display:inline-block;position: absolute;bottom:17%;right:0;z-index:999;} .G-slide .arrow-left:hover{background: url(../images/about-next_13.png) no-repeat;} .G-slide .arrow-right:hover{background: url(../images/about-next_21.png) no-repeat;} #G-firm{padding:3.1rem 0 1.25rem;} .G-firmName{margin-bottom:1rem;text-align: center;} .G-firmName ul li{font-size:0.85rem;color:#cfcfcf;margin:0 0.5rem;display: inline-block;padding-bottom:0.4rem;border-bottom:2px solid transparent;} .G-firmName ul li:hover{color:#ff0035;border-color:#ff0035;} .G-firmSlide-box{text-align: center;position: relative;} .G-firmSlide-box .swiper-container{text-align: center;height:730px;position: relative;} .G-firmSlide-box .swiper-slide ul li{width:30%;box-shadow: 0 2px 7px 0px rgba(000,000,000,.4); display: inline-block;margin:0 0.25rem 0.5rem;} .G-firmSlide-box .swiper-slide {height:710px;} .G-firmSlide-box .swiper-slide ul{padding-top:0.5rem;} .G-firmSlide-box .swiper-slide ul li img{max-width:100%;max-height:100%;} .G-firmSlide-box .pagination{margin:0; position: absolute; bottom:0;transform: translate(-50%);-webkit-transform: translate(-50%); z-index: 8; } .G-firmSlide-box .pagination span{width:0.25rem;height:0.25rem;cursor: pointer; border-radius: 50%;background: #cacaca;display: inline-block;margin:0 0.5rem;} .G-firmSlide-box .pagination span.swiper-active-switch{background: #0689ff;} .swiper-cur{overflow: hidden;} .S-btnYue{display: inline-block;} #G-about-move{display: none;} #G-firm-move{display: none;} /******支付*******/ .about-move-title{display: none;} #pay-main{padding:45px 0 50px;} .yh-pay{line-height:64px;border-bottom:1px solid #dcdcdc;font-size:25px;color:#0689ff;text-align: left;} .yh-cont{padding:45px 0 50px;overflow: hidden;} .yh-rt-text{display: inline-block;width:80%;float: right;} .yh-rt-text p i{color:#e9424b;} .yh-rt-text p{color:#575757;line-height:28px;} .yh-rt-text table{margin-top:50px;text-align: center;width:100%;margin-bottom:25px;} .yh-rt-text table tr th{height:30px;line-height:30px;background: #0689ff;color:#fff;font-size:18px;text-align: center;} .yh-rt-text table tr td{color:#575757;padding:25px 0;text-align: center;border-bottom:1px dashed #9a9a9a;} /*****5/20/17:20**********/ .G-firmSlide-pc .container{opacity: 0;} .G-firmSlide-pc div.active{opacity: 1;z-index:100;position: absolute;top:0; left: 50%; transform: translate(-50%);-webkit-transform:translate(-50%);} .G-firmName ul li{cursor: pointer;} .G-firmName ul li.active{color:#ff0035;border-color:#ff0035;cursor: pointer;} /*彭晓婷内页*/ /*百度推广*/ #tg_zhuanti{/*width: 1240px;*/height: auto;overflow: hidden;margin: 0 auto;padding-top: 118px;padding-bottom: 60px;} #tg_zhuanti .tg_title{width: 100%;height: auto;overflow: hidden;text-align: center;color: #6f6f6f;} #tg_zhuanti .tg_title span{padding: 0 40px;font-size: 32px;position: relative;line-height: 52px;} .tg_title span:before,.tg_title span:after{content: "";width: 10px;height: 10px;background: #0086ff;border-radius: 50%;position: absolute;top: 18px;} .tg_title span:before{left: 0;} .tg_title span:after{right: 0;} #tg_zhuanti .tg_title p{width: 100%;font-size: 20px;line-height: 40px;} #tg_zhuanti .tg_ztcont{width:100%;/*width: 1240px;*/height: auto;overflow: hidden;padding-top: 20px;} .tg_ztcont .tg_ztbox{width: 100%;height: 100%;position: relative;margin: 15px 0;overflow: hidden;text-align: center;} .tg_ztcont .tg_ztbox img{max-width: 100%;max-height: 100%;transition: 0.8s transform;} .tg_ztcont .tg_ztbox .tg_ztitle{position: absolute;/*width:140px;*/height: 34px;line-height: 34px; color: #fff;font-size: 20px;} .tg_ztcont .tg_ztbox .tg_ztitle.zti{top: 10%;left: 50%;margin-left: -70px; } .tg_ztcont .tg_ztbox .tg_ztitle.zti3{color: #575757;} .tg_ztcont .tg_ztbox .tg_ztitle.zti span{margin-right:10px;} .tg_ztcont .tg_ztbox .tg_ztitle.zti span img{width: auto;max-width: 100%;} .tg_ztcont .tg_ztbox .tg_ztitle.zti2{top: 22%;right: 7%;width: 140px;height: auto;text-align: center;} .tg_ztcont .tg_ztbox .tg_ztitle.zti2 span{display: block;} .tg_ztcont .tg_ztbox:hover img{transform: scale(1.1, 1.1);transition: 0.8s transform;} .tg_ztcont .tg_ztbox .tg_ztitle.zti span img,.tg_ztcont .tg_ztbox .tg_ztitle.zti2 span img{-webkit-transition: -webkit-transform 1s linear;-moz-transition: -moz-transform 1s linear;-o-transition: -o-transform 1s linear;transition:transform 1s linear;} .tg_ztcont .tg_ztbox:hover .tg_ztitle.zti span img,.tg_ztcont .tg_ztbox:hover .tg_ztitle.zti2 span img{transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg); /* IE 9 */ -moz-transform:rotate(180deg); /* Firefox */ -o-transform:rotate(180deg);transition: all linear 1s;-webkit-transition: all linear 1s;} /*百度推广*/ /*搜索推广*/ .tg_sear_posnav .web-dl{ width: 100%; overflow: hidden; } .tg_sear_posnav .web-dl a{ display: inline-block;width: 100%;text-align: center; position: relative; } /*.nav .liBox .web-list .web-dl a img{ opacity: 0.6;filter:alpha(opacity=60); max-width: 100%; height: 60px; position: relative;z-index: 5;transition: all 0.5s; } .nav .liBox .web-list .web-dl a:hover img{ opacity: 1; filter:alpha(opacity=100);position: relative;z-index: 3; transition: all 0.5s; }*/ .tg_sear_posnav .web-dl a img{ display: none; margin: 0 auto; position: relative;z-index: 5;} .tg_sear_posnav .web-dl a img.navImg_1{ display: block; height: 52px;} .tg_sear_posnav .web-dl a:hover img.navImg_1{ display: block;} .tg_sear_posnav .web-dl a:hover img.navImg_2{ display: none;} .tg_sear_posnav .web-dl a:after{content: "";z-index: 1; position: absolute;top:0; left: 0; width:0; height:0; transition: all 0.5s; background: url(../images/nav-slide-bg_03.png) no-repeat 3px -2px;} .tg_sear_posnav .web-dl a:hover:after{width:140px; height:100px; transition: all 0.5s;} .tg_sear_posnav .web-dl a p{ line-height:32px;color:#555555; font-size: 16px; } #tg_search{width:100%;height: auto;overflow: hidden;margin-top:92px;/*padding-bottom: 60px;*/background: #f6f6f6;} #tg_search .nydatu{width:100%;height:174px;position: relative;} #tg_search .nydatu img{/*max-width: 100%;*/height:174px;width: 1920px;position: absolute;left: 50%;margin-left: -960px;display: block;} #tg_search .nydatu .tg_top{width: 1200px;height: 90px;position: absolute;bottom:0;left: 50%;margin-left: -600px;} #tg_search .nydatu .tg_search_pos{width: 300px;height: 90px;float: left;font-size: 24px;color: #fff;} #tg_search .nydatu .tg_search_pos span{font-size: 14px;} #tg_search .nydatu .tg_top span.adr{float: right;color: #fff;line-height: 90px;padding-left: 22px;background: url(../images/house.png) left center no-repeat;} #tg_search .nydatu .tg_top span.adr a{color: #fff;} #tg_search .tg_sear_posnav{width: 1200px;height:auto;margin: 0 auto;padding: 20px 0 20px 0;} #tg_search .tg_pros{width: 100%;height: auto;overflow: hidden;} #tg_search .tg_pros .tg_pros_title{padding: 0 20px;margin-top: 92px; height: 100px;border-top: 1px solid #e6e6e6;background: #efefef;} .tg_pros .tg_pros_title h2{height:60px;/*padding-left: 68px;background: url(../images/tg_posnav1.png)left center no-repeat;*/font-size: 20px;font-weight: bold;color:#4a4a4a;line-height: 30px;margin: 12px 0;} .tg_pros .tg_pros_title h2 span{display: block;font-weight: normal;color: #9c9c9c;} .tg_pros .tg_pros_title h2 img{float: left; padding-right: 8px; max-height: 2.5rem;} .tg_pros .tg_pros_title h2 a{ display: inline-block; width: 100%; position: relative; } .tg_pros .tg_pros_title h2 a em{ position: absolute; right: 0; top: 20px; font-size: 16px; font-weight: normal; } .tg_pros .tg_pro_dec{width: 100%;height: auto;padding:0 20px;font-size:16px;color: #6f6f6f;line-height:30px;} .tg_pros .tg_pro_dec img{max-width: 100%;max-height: 100%;} #tg_search #tg_pro1 .tg_pros_title{ margin-top: 0; } /*侧边选择*/ .tg_choose{opacity: 0; display: none; width:190px;height:auto;overflow: hidden;position: fixed;top: 30%;left:-10px;z-index:998;} .tg_choose ul li{width: 100%;height: 32px;/*overflow: hidden;*/} .tg_choose ul li a{display: block; background: none!important;} .tg_choose ul li span{display: block;margin: 10px 0;border-radius: 50%;width: 11px;height: 11px;border: 1px solid #0689ff;float: left;} .tg_choose ul li p{float: right;width: 115px;height: 32px;line-height: 32px;padding-left: 22px;color: #333;} .tg_choose ul li.active span,.tg_choose ul li:hover span{background: #65a0ff;} .tg_choose ul li.active:hover a,.tg_choose ul li.active a{background: none;} .tg_choose ul li.active p,.tg_choose ul li:hover p{color: #fff;background: url(../images/tg_chos.png) left center no-repeat #65a0ff; border-radius: 6px;} .tg_sear_posnav_m{width: 100%;height: auto;overflow: hidden;padding: 0.5rem;text-align: center;} .tg_sear_posnav_m .tg_ss_title{padding-bottom: 0.5rem;border-bottom: 1px solid #dcdcdc; height: 2rem;padding-left:1rem;font-size: 0.7rem;color: #2e2e2e;line-height: 2rem;background: url(../images/tg_hose.png) left center no-repeat;background-size:0.6rem 0.55rem;text-align: left;} .tg_sear_posnav_m .tg_nav_m{padding: 0.5rem 0;} .tg_sear_posnav_m .pro_bt{width:5rem;height:1.6rem;line-height: 1.6rem;float: left;} .tg_sear_posnav_m .pro-yl,.tg_sear_posnav_m .pro-ys,.tg_sear_posnav_m .show-xs{border-bottom: 1px solid #dcdcdc;} .tg_sear_posnav_m .pro-yl,.tg_sear_posnav_m .pro-ys,.tg_sear_posnav_m .open-lc,.tg_sear_posnav_m .gen-fy,.tg_sear_posnav_m .gen-fy{border-right: 1px solid #dcdcdc;} /*搜索推广*/ /*资讯新闻*/ .zx_newbox{width: 100%;height: auto;overflow: hidden;background: #fff!important;} .zx_newbox .nydatu{height:252px !important;} .zx_newbox .nydatu img{height: 252px!important;} .zx_newbox .nydatu .tg_top{width: 1200px;height: 90px;position: absolute;bottom:0;left: 50%;margin-left: -600px;} .zx_newbox .zx_news{width:100%;height: auto;overflow: hidden;padding: 62px 0;} .zx_newbox .zx_news .zx_new_con .zxnewbox{width: 100%;position: relative;overflow: hidden;} .zx_news .zx_new_con .zxnewbox .zx_new_img,.zx_new_3{position: relative;display:inline-block;text-align: center;vertical-align: middle;overflow: hidden;} .zxnewbox .zx_new_img img,.zxnewbox .zx_new_img2 img,.zx_new_3 img{max-width: 100%;max-height: 100%;} .zxnewbox .zx_new_img .zx_new_hover{width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;opacity: 0;z-index: 20;position: absolute;font-size: 18px;font-weight: bold;color:#fff;line-height:44px; background-color: rgba(0, 0, 0, 0.7);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f000000,endcolorstr=#2f000000); -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;} /*.zxnewbox .zx_new_img .zx_new_hover .expand{width: 100%;height:40px;position: absolute;z-index:80;line-height: 46px;font-size:30px;font-weight: bold;color: #fff;left: 0;top:40px;}*/ .zxnewbox .zx_new_img .zx_new_hover span{ display: block;padding-top: 60px;text-align: center;animation: bounce-down 1.5s linear infinite;} @-webkit-keyframes bounce-down { 25% {-webkit-transform: translateY(-4px);} 50%, 100% {-webkit-transform: translateY(0);} 75% {-webkit-transform: translateY(4px);}} @keyframes bounce-down { 25% {transform: translateY(-4px);} 50%, 100% {transform: translateY(0);} 75% {transform: translateY(4px);} } .zxnewbox .zx_new_img:hover .zx_new_hover{opacity: 1;} .zxnewbox .zx_new_list{width:100%;height:113px;background: #33b9bb;padding: 10px 0;} .zxnewbox .zx_new_list ul li a{overflow: hidden; display: block;padding-left: 20px;height: 30px;line-height: 30px;color: #fff;position: relative;} .zxnewbox .zx_new_list ul li a:hover{color: #ffff00;} .zxnewbox .zx_new_list ul li a:before{content: "";width: 6px;height: 6px;background: #fff;border-radius: 50%;position: absolute;left: 14px;top: 12px;} .zxnewbox .zx_new_img2{border-top: 2px solid #2868e4;display:inline-block;text-align: center;vertical-align: middle;overflow: hidden; } .zxnewbox .zx_new_img2 img{transition: 1s transform;} .zxnewbox .zx_new_img2:hover img{transform: scale(1.1, 1.1);transition: 1s transform;} .zxnewbox .zx_new_dec{width: 100%;height:163px;background: #2868e4; } .zxnewbox .zx_new_dec .zx_new_tit{font-size: 18px;color: #fff100;font-weight: bold;line-height: 49px;height: 49px;padding:0 19px;} .zxnewbox .zx_new_dec .zx_new_tit a{float: right;font-size: 14px;color: #fff100;} .zxnewbox .zx_new_dec dl{width: 90%;margin: 0 5%;border-top: 1px solid #94b4f2;padding: 6px 0;} .zxnewbox .zx_new_dec dl dd{width: 100%;height:40px;line-height: 40px;font-weight:bold;font-size: 18px;overflow: hidden; } .zxnewbox .zx_new_dec dl dd a{display: block;color: #fff;} .zxnewbox .zx_new_dec dl dd a:hover{color: #fff100;} .zxnewbox .zx_new_dec dl dt{width: 100%;height:48px;overflow: hidden;color: #fff;font-weight: normal;} .zx_new_3 h4{color: #fff;font-weight: bold;font-size: 34px;position: absolute;top: 36px;left:-200px;opacity: 0;} .zx_new_3 .zx_new_dec3{width: 100%;padding: 5% 5%;position: absolute;bottom:-100px;left: 0;text-align: left; background-color: rgba(0, 0, 0, 0.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f000000,endcolorstr=#2f000000);} .zx_new_3 .zx_new_dec3 .zx_time{color: #33b9bb;line-height: 30px;font-size: 20px;font-weight: bold;} .zx_new_3 .zx_new_dec3 .zx_time span{font-size: 40px;} .zx_new_3 .zx_new_dec3 .zx_n_d{font-size: 16px;color: #fff;line-height: 30px;} /*手机*/ .zx_news_m{padding:0 0.5rem;height:auto;overflow: hidden;margin-bottom:1rem;} .zx_news_m .zx_adr{width: 100%;height: 1.75rem;line-height: 1.75rem;font-size: 0.7rem;color: #3c3c3c;padding-left: 0.7rem;background:url(../images/zx_adr.png) left center no-repeat;background-size: 0.5rem;border-bottom: 1px solid #dcdcdc;} .zx_news_m .zx_nm_m{padding-top: 0.8rem;} .zx_news_m .zx_nm_m .zx_newimg{width: 100%;height: 5.425rem;overflow: hidden;position: relative;} .zx_news_m .zx_nm_m .zx_newimg img.z_n_img{width: 100%;/*height: 100%;*/} .zx_news_m .zx_nm_m .zx_newimg .zx_new_hover{text-align: center;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;z-index: 20;position: absolute;font-size: 0.7rem;font-weight: bold;color:#fff;line-height:2rem; background-color: rgba(0, 0, 0, 0.7);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f000000,endcolorstr=#2f000000);} .zx_news_m .zx_nm_m .zx_newimg .zx_new_hover span{display: block; padding-top: 1rem;text-align: center;animation: bounce-down 1.5s linear infinite;} .zx_news_m .zx_nm_m .zx_new_list{padding: 0.4rem 0.5rem 0.2rem 0.5rem;background: #33b9bb;} .zx_news_m .zx_nm_m .zx_new_list ul li a{display: block;padding-left: 0.5rem;height: 1.2rem;line-height: 1.2rem;overflow: hidden; color: #fff;font-size: 0.6rem;position: relative;} .zx_news_m .zx_nm_m .zx_new_list ul li a:before{content:"";width: 0.2rem;height: 0.2rem;background: #fff;border-radius: 50%;position: absolute;top: 0.4rem;left: 0;} .zx_news_m .zx_nm_m .zx_newimg2{width: 100%;height:4.2rem;overflow: hidden;position: relative;} .zx_news_m .zx_nm_m .zx_newimg2 img,.zx_news_m .zx_nm_m .zx_newimg3 img{width: 100%;/*height: 100%;*/} .zx_news_m .zx_nm_m .zx_new_hy{padding:0 0.5rem; height: 5.8rem;background: #2868e4;} .zx_nm_m .zx_new_hy .zx_new_tit{font-size: 0.7rem;color: #fff100;font-weight: bold;line-height: 1.5rem;height:1.5rem;} .zx_nm_m .zx_new_hy .zx_new_tit a{float: right;font-size: 14px;color: #fff100;} .zx_nm_m .zx_new_hy dl{border-top: 1px solid #94b4f2;padding: 0.3rem 0;} .zx_nm_m .zx_new_hy dl dd{width: 100%;height:1.2rem;line-height: 1.2rem;font-weight:bold;font-size: 0.7rem;overflow: hidden; } .zx_nm_m .zx_new_hy dl dd a{display: block;color: #fff;} .zx_nm_m .zx_new_hy dl dt{width: 100%;height:2rem;overflow: hidden;color: #fff;font-weight: normal; line-height: 1rem;} .zx_news_m .zx_nm_m .zx_newimg3{width: 100%;height: 10rem;overflow: hidden;position: relative;} .zx_news_m .zx_nm_m .zx_newimg3 h4{color: #fff;font-weight: bold;font-size: 1rem;position: absolute;top: 0.8rem;left:0.5rem;} .zx_news_m .zx_nm_m .zx_newimg3 .zx_new_dec3{width: 100%;padding: 5% 5%;position: absolute;bottom:0rem;left: 0;text-align: left; background-color: rgba(0, 0, 0, 0.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f000000,endcolorstr=#2f000000);} .zx_news_m .zx_nm_m .zx_newimg3 .zx_new_dec3 .zx_time{color: #33b9bb;line-height: 1.2rem;font-size: 0.6rem;font-weight: bold;} .zx_news_m .zx_nm_m .zx_newimg3 .zx_new_dec3 .zx_time span{font-size:1rem;} .zx_news_m .zx_nm_m .zx_newimg3 .zx_new_dec3 .zx_n_d{font-size: 0.6rem;color: #fff;line-height: 1rem;} /*新闻列表页*/ .zx_newlist{padding:20px 0;border-bottom: 1px solid #bebebe;} .zx_newlist .zx_new_left{padding: 15px 0 15px 12px; width:72px;height:180px;background: #cfcfcf;float: left;margin-right: 10px;color: #fff;font-size: 16px;line-height: 40px;} .zx_newlist .zx_new_left .zx_n_l_time{font-weight: bold;font-size: 21px;} .zx_newlist .zx_new_left span{display: block;width: 20px;height: 1px;background: #fff;} .zx_newlist:hover .zx_new_left{background: #2868e4;} .zx_newlist .zx_new_right .zx_nr_img{width: 100%;height: 100%;display: table-cell;text-align: center;vertical-align: middle;} .zx_newlist .zx_new_right .zx_nr_img img{max-width: 100%;max-height: 100%;} .zx_newlist .zx_new_right .zx_nr_dec h3{font-size: 20px;font-weight: bold;margin-top: 0;} .zx_newlist .zx_new_right .zx_nr_dec h3 a{display: block;color: #616161; line-height: 40px; height: 40px; overflow: hidden;} .zx_newlist .zx_new_right .zx_nr_dec h3:hover a{color: #2868e4;} .zx_newlist .zx_new_right .zx_nr_dec p{font-size: 16px;color: #535353;line-height: 28px; height: 84px; overflow: hidden;} .zx_newlist .zx_new_right .zx_nr_dec a.zx_more{display: block;width: 76px;height: 32px;background: #2868e4;border-radius: 30px;font-size: 16px;color: #fff;line-height: 32px;text-align: center;float: right;} .zx_newlist .col-sm-1,.zx_newlist .col-sm-11{padding-left: 0;padding-right: 0;} .zx_page_pc{display: inline-block;padding-left: 0;margin: 50px 0;width: 100%;} .zx_page_pc li,.zx_page_m li{display: inline;} .zx_page_m li{ display: inline-block; margin-bottom: 16px; } .zx_page_pc li a{padding:4px 8px;margin: 0 6px;border: 1px solid #b5b5b5;color: #686868;border-radius: 4px;} .zx_page_pc li a:hover{background: #2868e4;border: 1px solid #2868e4;color: #fff;} .zx_page_pc li a.prev,.zx_page_pc li a.next{padding:4px 70px;} .zx_page_pc li a.prev{background: url(../images/zx_prev.png) center no-repeat;} .zx_page_pc li a.next{background: url(../images/zx_next_h.png) center no-repeat;} .zx_page_pc li a.prev:hover{background:#2868e4 url(../images/zx_prev_h.png) center no-repeat;} .zx_page_pc li a.next:hover{background:#2868e4 url(../images/zx_next.png) center no-repeat;} /*手机*/ .zx_news_m .zx_newlist{padding: 0.5rem 0;width: 100%;height: auto;overflow: hidden;border-bottom: none;} .zx_news_m .zx_newlist li a{display: block;width: 100%;height: 4.12rem;padding: 0.5rem 0;border-bottom: 1px dashed #dcdcdc; } .zx_news_m .zx_newlist .zx_n_left{float: left;width: 6rem;height: 3.12rem;} .zx_news_m .zx_newlist .zx_n_left .zx_nr_img{width: 6rem;height: 3.12rem;display: table-cell;text-align: center; vertical-align: middle;} .zx_news_m .zx_newlist .zx_n_left .zx_nr_img img{max-width: 100%;max-height: 100%;} .zx_news_m .zx_newlist .zx_nr_dec{width: 8.5rem;height: 3.12rem;float: right;} .zx_news_m .zx_newlist .zx_nr_dec dd{width: 100%;height: 1.2rem;line-height: 1.2rem;overflow: hidden;font-weight: bolder; font-size: 0.7rem;color: #616161; text-overflow: ellipsis;white-space: nowrap;} .zx_news_m .zx_newlist .zx_nr_dec dd span{float: right;padding-left: 0.2rem;color: #2868e4;font-weight: normal;font-size: 0.6rem;} .zx_news_m .zx_newlist .zx_nr_dec dt{width: 100%;height:1.8rem;overflow: hidden; line-height: 0.9rem;font-size: 0.6rem; color: #535353;font-weight: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2} .zx_page_m{display: inline-block;padding-left: 0;margin-bottom: 1rem;width: 100%;} .zx_page_m li a{padding: 0.2rem 0.5rem;background: #787878;color: #fff;border-radius: 0.6rem;font-size: 0.6rem;margin: 0 0.2rem;} /*新闻详情页*/ .zx_newdet .zx_article_title{font-weight: bold;font-size: 20px;color: #616161;text-align: center;} .zx_newdet .zx_article_time{font-size: 16px;color: #616161;text-align: center;margin: 10px 0;} .zx_newdet .zx_article{color: #000;line-height: 24px;} .zx_newdet .zx_article img{ max-width: 100%; } .zx_newdet .share2{height: 50px;width: 100%;line-height: 50px;} #bdshare{padding-bottom: 10px!important; height:50px; line-height: 20px; overflow: hidden;} #bdshare span{ height: 50px; } #bdshare a{ display: inline-block;padding: 20px 12px;} .zx_newdet .zx_art_choose_pc{padding: 20px 0; border-top: 1px dashed #aaaaaa;margin-top: 20px;} .zx_newdet .zx_art_choose_pc li a{display: block;width: 100%;height:30px;line-height: 30px;color: #535353; } .zx_newdet .zx_art_choose_pc li a:hover{color: #2868e4;} .zx_newdet .zx_art_choose_m{padding: 0.5rem 0;width: 100%;} .zx_newdet .zx_art_choose_m li a{display: block;padding: 0 0.5rem; height:1.2rem;overflow: hidden; line-height: 1.2rem;color: #fff;background: #2868e4;border-radius: 0.6rem;margin:0.3rem 0; } /*编辑框*/ .zx_newdet{padding: 40px 0;} .zx_newdets .zx_news_m{padding: 0;} /*问答页面*/ .transition{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .slideTxtBox{width:100%;height:auto;} .slideTxtBox .hd{width:100%;height:146px;overflow: hidden;} .slideTxtBox .hd ul{width: 60%;height: auto;margin:0 auto;overflow: hidden;} .slideTxtBox .hd ul li{float: left;width: 33%;text-align: center;height: 146px;cursor: pointer;} .slideTxtBox .hd ul li p{line-height: 146px;font-size: 20px;color: #b1b1b1;} .slideTxtBox .hd ul li.on{background:url(../images/wd_litop.png)top center no-repeat;} .slideTxtBox .hd ul li.on p{color: #2868e4;} .slideTxtBox .bd{width: 100%;height: auto;overflow: hidden;} .slideTxtBox .bd .detil{zoom:1;width: 100%;height: auto;overflow: hidden;display: none;} .slideTxtBox .bd .detil:first-child{display: block;} .slideTxtBox .bd .detil .wd_ask{padding:14px 20px;height: 67px;background: #2868e4;border-radius: 40px;color: #fff;font-size: 20px;line-height:40px;} .slideTxtBox .bd .detil .wd_ask span{display:block;float: left; width: 44px;height: 44px;background: #fff;color: #2868e4;border-radius: 50%;font-size: 34px;text-align: center;line-height: 44px;margin-right: 20px;} .slideTxtBox .bd .detil .wd_ask_box ul{padding: 28px 0;} .slideTxtBox .bd .detil .wd_ask_box ul li{padding-left: 20px;position: relative;height: auto;} .slideTxtBox .bd .detil .wd_ask_box ul li:before{content: "";width: 8px;height: 8px;background: #2868e4;position: absolute;left: 0;top: 16px;} .slideTxtBox .bd .detil .wd_ask_box ul li .wd_ask_faqs{display: block;padding:0 20px;height: 40px;line-height: 40px;color: #585858;position: relative;z-index: 2;} .slideTxtBox .bd .detil .wd_ask_box ul li:hover .wd_ask_faqs,.slideTxtBox .bd .detil .wd_ask_box ul li .wd_ask_faqs.xz{background:#e9f0fc url(../images/wd_down.png) 97% center no-repeat;border-radius: 30px;} .slideTxtBox .bd .detil .wd_ask_box ul li .wd_ask_faqs.xz{background:#e9f0fc url(../images/wd_up.png) 97% center no-repeat;} .slideTxtBox .bd .detil .wd_ask_box ul li .wd_ask_jd{display:none;padding:40px 20px 20px 20px;background: #f9f9f9;border-radius: 16px;margin-top: -20px;} /*联系我们*/ .contact_box{width: 100%;position: relative;} .contact_box img{max-width: 100%;width: auto; display: none;} /*.contact_box .contact_ly{width: 100%;height: auto;position: absolute;top: 0;left: 0;}*/ .contact_box .contact_ly{ border:4px dashed #ccc; width: 100%; height: auto; overflow: hidden; } .contact_ly{padding:7% 6%;} .contact_ly .contact_ly_left{padding: 3% 0;display: block;} /*.contact_ly_left .col-sm-4{padding-right: 0;} .contact_ly_left .col-sm-8{padding-left: 0;padding-right: 0;}*/ .contact_ly_left .con_ly_pos{width: 102px;height: 102px;padding: 22px 14px;background: #2868e4;font-weight: bold;font-size: 18px;color: #fff;border-radius: 50%;text-align: center;line-height: 30px;position: relative;float: left;} .contact_ly_left .con_ly_pos:before{content: "";width: 70px;height: 1px;background: #2868e4;position:absolute;bottom: -12px;left: -42px;transform: rotate(-50deg);} .contact_ly_left .con_ly_pos.poss{background: #d2161a;} .contact_ly_left .con_ly_pos.poss:before{background: #d2161a;} .contact_ly_left .con_ly_phon{color: #858585;line-height: 28px;} .contact_ly_right p{font-size: 16px;color: #505050;font-weight: bold;} /*留言表单*/ .contact_ly_right form{width: 100%;height:auto;} .contact_ly_right form span{width: 100%;height:52px;line-height: 52px;float: left;color: #c3c3c3;font-size: 16px;border-bottom: 1px solid #c3c3c3;background: none;} .contact_ly_right form span .inputt{width:100%;height: 52px;float: right;line-height:52px;color: #c3c3c3;background: none;} .contact_ly_right form span.bz{height: 169px;margin-bottom: 36px;} .contact_ly_right form span.bz textarea{float: right;height: 169px;line-height: 52px;width:100%;color: #c3c3c3;background: none;} .contact_ly_right form .sub{outline: none;cursor: pointer;display: block;margin: 0 auto;width:126px;height:33px;color: #494949;font-size:16px;border:1px solid #c3c3c3;background: none;line-height: 33px;font-family: "微软雅黑";} .contact_down{width: 100%;height: 40px;border-bottom: 1px solid #dcdcdc;position: relative;} .contact_down:before{content: "";border-top: 10px solid #2868e4;border-left: 9px solid transparent;border-right: 9px solid transparent;border-bottom: 10px solid transparent; position: absolute;top: 0;left: 50%;animation: bounce-down 1.5s linear infinite;} .contact_citybox{background: #f7f7f7;margin: 20px 0;} .contact_citybox .col-sm-6{padding-left: 0;} .contact_citybox .contact_city{padding: 6% 8%;} .contact_citybox .contact_city h4{color: #2868e4;font-size: 20px;line-height: 36px;} .contact_citybox .contact_city p{font-size: 16px;color: #494949;line-height: 32px;} /*联系我们手机*/ .zx_news_m .contact_m_tell{border: 0.2rem solid #2868e4;margin: 0.5rem 0;height: auto;padding: 0.5rem 0;} .zx_news_m .contact_m_tell .con_m_tellbox{padding:0.5rem;height: auto;overflow: hidden;} .zx_news_m .contact_m_tell .con_line{border-bottom: 1px solid #dcdcdc;} .contact_m_tell .con_m_tellbox .con_m_t_left{width:2.55rem;height: 2.55rem;padding: 0.5rem 0; background: #2868e4;color: #fff;border-radius: 50%;text-align: center; font-weight: bold;font-size: 0.55rem;position:relative;margin:1rem 0 1rem 0.5rem;float: left;} .contact_m_tell .con_m_tellbox .con_m_t_left:before{content: "";width:1.3rem;height: 1px;background: #2868e4;position:absolute;bottom: 0;left: -0.5rem;transform: rotate(-50deg);} .contact_m_tell .con_m_tellbox .con_m_t_right{width: 9.65rem;float: right;font-size: 0.55rem;color: #858585;} .zx_news_m .contact_m_ly{padding: 0.5rem;border-bottom: 1px solid #eeeeee;border-top: 1px solid #eeeeee;} .zx_news_m .contact_m_cityss{width: 100%;height: auto;overflow: hidden;padding: 0.5rem 0;} .zx_news_m .contact_m_cityss .contact_m_city{width: 100%;height: auto;margin: 0.5rem 0;} .contact_m_cityss .contact_m_city p{padding: 0 1rem;height: 1.275rem;color: #fff;line-height: 1.275rem;background: #2868e4;font-size: 0.7rem;} .contact_m_cityss .contact_m_city .con_city_adr{padding:0.4rem 1rem;color: #494949;font-size: 0.6rem;} .row{margin-right: 0;margin-left: 0;} /*2017-5-23 about banner图*/ #nabout .item{display: none;} #nabout .item img{max-width: 100%; height: auto; overflow: hidden;width:100%;} #nabout .item-pc img{max-width: 100%; height: auto; overflow: hidden;width:100%;} /*linguoxie 手机版*/ @media (min-width: 768px){ .container { width:100%;} .logo{ margin-right: 50px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (max-width:1000px) { .sub-show{ display: none; } } @media (min-width: 1200px){ .container { width: 1170px;} #nabout{ margin-top: 90px; } .tg_pros .container,.tg_sear_posnav .container,.nydatu .container{width: 1000px;} } @media (min-width:1600px){ .tg_pros .container,.tg_sear_posnav .container,.nydatu .container{width: 1170px;} } @media (max-width: 767px){ /*#nav{ height: 60px; }*/ .logo{ margin-left: 15px; line-height:58px;} .logo img{ height:40px; } .synav{top:0!important;} } @media (min-width: 768px) and (max-width: 1200px){ .nav-ul-lt{ float: right!important; } #tg_zhuanti .tg_title{padding-top:100px;} } @media (min-width: 320px) and (max-width: 767px){ .carousel-inner>.item>img{ max-width:767px;transform: translate3d(-50%,0,0);margin-left: 50%;} #banner .s-prev{ left: 5%; } #banner .s-next{ right: 5%; } } @media (min-width: 320px) and (max-width: 480px){ .right-erji-com .erji-li{ width: 50%; } } /*neiye*/ @media (max-width: 1200px){ .container{width:1200px;} .zx_newlist .zx_new_left{padding: 15px 0 44px 12px;height: 100%;} .zxnewbox .zx_new_list{height:90px;padding: 5px 0;} .zxnewbox .zx_new_list ul li a{height: 26px;line-height: 26px;} .zxnewbox .zx_new_dec{height:130px;} .zxnewbox .zx_new_dec .zx_new_tit{font-size: 16px;line-height: 46px;height: 46px;} .zxnewbox .zx_new_dec dl dd{height:34px;line-height: 34px;font-size: 16px;} .zxnewbox .zx_new_dec dl dt{height:44px;} .zx_new_3 h4{font-size: 28px;top: 36px;} .zx_new_3 .zx_new_dec3 .zx_time{font-size:18px;} .zx_new_3 .zx_new_dec3 .zx_time span{font-size:38px;} .zx_new_3 .zx_new_dec3 .zx_n_d{font-size: 14px;} } @media (min-width: 768px)and (max-width: 992px) { .tg_sear_posnav{width: 100%!important;} .gen-dl dl{width:100%;height:100%;} .zxnewbox .zx_new_list{height:68px;padding: 2px 0;} .zxnewbox .zx_new_list ul li a{height: 22px;line-height: 22px;font-size: 12px} .zxnewbox .zx_new_dec{height:98px;} .zxnewbox .zx_new_dec .zx_new_tit{font-size: 14px;line-height: 38px;height:38px;} .zxnewbox .zx_new_dec .zx_new_tit a{font-size: 12px;} .zxnewbox .zx_new_dec dl{padding: 0;} .zxnewbox .zx_new_dec dl dd{height:28px;line-height: 28px;font-size: 14px;} .zxnewbox .zx_new_dec dl dt{height:24px;} .zx_new_3 h4{font-size: 20px;top: 28px;} .zx_new_3 .zx_new_dec3 .zx_time{font-size:14px;} .zx_new_3 .zx_new_dec3 .zx_time span{font-size:28px;} .zx_new_3 .zx_new_dec3 .zx_n_d{font-size: 12px;} /*联系我们*/ .contact_ly_left .con_ly_pos{width: 90px;height: 90px;line-height: 24px;} .contact_ly_left .con_ly_phon{font-size: 12px;line-height: 22px;} .contact_ly_right form span{height: 46px;line-height: 46px;font-size: 12px;} .contact_ly_right form span.bz{height: 98px;margin-bottom: 16px;} .contact_ly_right form span.bz textarea{height: 98px;line-height: 40px;} } @media (max-width:767px) { .tg_sear_posnav,#rt-nav,#tg_zhuanti .tg_ztcont_p,.zx_newbox .zx_news,.zx_newdet .zx_art_choose_pc,.contact_con{display: none;} .tg_sear_posnav_m,#tg_zhuanti .tg_ztcont_m,.zx_newbox .zx_news_m,.zx_newdet .zx_art_choose_m{display: block;} .container{width: 100% !important;} #tg_search{margin-top:3rem; } /*#tg_search .nydatu img{margin-right: 10rem;display: block;}*/ .zx_newbox .nydatu,#tg_search .nydatu{height:5rem !important;} .zx_newbox .nydatu img,#tg_search .nydatu img{height:5rem!important;} #tg_search .nydatu .tg_top{width: 100%;left: 0.5rem;margin-left: 0;} .nydatu .tg_top span.adr{display: none;} #tg_zhuanti .tg_ztcont{width: 100%;} #tg_zhuanti{padding-right: 0.5rem;padding-left: 0.5rem;} .tg_pros .tg_pro_dec{padding: 1rem 0.4rem;} #tg_search .tg_pros .tg_pros_title{padding: 0 0.4rem;height: 3rem;} .tg_pros .tg_pros_title h2{font-size: 0.8rem;height: 2.5rem;background-size:1.3rem;/*padding-left: 2rem;*/ margin-top: 10px;} .tg_ztcont .tg_ztbox .tg_ztitle.zti2{top: 10%;left: 50%;margin-left: -70px;} .tg_ztcont .tg_ztbox .tg_ztitle.zti2 span{display: inline;margin-right: 10px;} .tg_ztcont .tg_ztbox .tg_ztitle{font-size:0.7rem;} /*新闻详情*/ .zx_newbox .zx_newdets{padding:0.5rem;} .zx_newdet .share2{display: none;} .zx_newdet .zx_article_title{font-size:0.8rem;line-height: 1.2rem;margin-bottom: 0;} .zx_newdet .zx_article_time{font-size: 0.7rem;margin-top: 0.2rem!important;} .zx_newdet{padding:0.5rem 0;} /*问答*/ .slideTxtBox .hd{height: 2rem;margin-bottom: 0.5rem;} .slideTxtBox .hd ul{width: 100%;} .slideTxtBox .hd ul li{height: 2rem;} .slideTxtBox .hd ul li.on{background: none;} .slideTxtBox .hd ul li p{line-height: 2rem;font-size: 0.7rem;} .slideTxtBox .bd .detil .wd_ask{padding:0.3rem 0.5rem;height: 1.6rem;line-height: 1.1rem;font-size: 0.7rem;} .slideTxtBox .bd .detil .wd_ask span{width:1rem;height:1rem;font-size: 1rem;line-height:1rem;margin-right:0.5rem;} .slideTxtBox .bd .detil .wd_ask_box ul{padding: 0.6rem 0;} .slideTxtBox .bd .detil .wd_ask_box ul li{padding-left:0.5rem;} .slideTxtBox .bd .detil .wd_ask_box ul li:before{content: "";width: 0.3rem;height:0.3rem;top: 0.5rem;} .slideTxtBox .bd .detil .wd_ask_box ul li .wd_ask_faqs{padding:0 0.5rem;height: 1.2rem;line-height: 1.2rem;} .slideTxtBox .bd .detil .wd_ask_box ul li .wd_ask_faqs.xz{background:#e9f0fc;} .slideTxtBox .bd .detil .wd_ask_box ul li .wd_ask_jd{padding:1rem 0.5rem 0.5rem 0.5rem;margin-top: -0.5rem;} } @media (min-width:768px) { .tg_sear_posnav_m,#tg_zhuanti .tg_ztcont_m,.zx_newbox .zx_news_m,.zx_newdet .zx_art_choose_m{display: none;} } /** iPad **/ @media only screen and (min-width: 768px) and (max-width:1200px) { #tg_zhuanti .tg_title{padding-top:100px;} #tg_search .nydatu .tg_top{width:90%;left: 0;margin-left:5%;} .zx_newbox .zx_news{width: 96%;margin: 0 auto;} .zx_new_con .row{margin: 0;} } /** iPhone **/ @media only screen and (min-width: 320px) and (max-width: 767px) { .tg_sear_posnav{width: 100%!important;} .container{width: 100% !important;} .gen-dl dl{width:100%;height:100%;} } @media screen and (max-width: 980px) { .zx_newlist .zx_new_left{padding: 15px 0 10px 12px!important;height: 100%;} } @media screen and (max-width:767px) { .tg_choose{display: none!important;} .tg_pros .tg_pros_title h2{ line-height:1.3; } #copy{ margin-bottom: 45px;} #tg_search .tg_pros .tg_pros_title{ margin-top: 58px; } } /*linguoxie end*/ /*2017-05-22*/ /*问答页面2*/ .slideTxtBox .bd .detil .wd_ask2{height: 60px;width: 100%;line-height: 60px;font-size: 20px;color: #2868e4;position: relative;} .slideTxtBox .bd .detil .wd_ask2 span{padding-right:20px;color: #4f4f4f;font-weight: bold;float: left;position: relative;} .slideTxtBox .bd .detil .wd_ask2 span:before{content: "";width: 6px;height: 6px;background:#d7d7d7;border-radius: 50%;position: absolute;left:93%;bottom:-2px;} .slideTxtBox .bd .detil .wd_ask2:before{content: "";width: 95%;height: 2px;background:#d7d7d7;position: absolute;bottom: 0;right: 0;} .slideTxtBox .bd .detil .wd_ask2:after{content: "";width: 6px;height: 6px;background:#d7d7d7;border-radius: 50%;position: absolute;right: 0;bottom:-2px;} .slideTxtBox .bd .detil .wd_ask2_dec{width: 100%;height: auto;overflow: hidden;padding-top: 14px;padding-bottom: 20px;} .slideTxtBox .bd .detil .wd_ask2_dec span{padding-right:1%;font-size: 20px;color: #4f4f4f;font-weight: bold;float: left;} .slideTxtBox .bd .detil .wd_a_dec{width: 95%;color: #6f6f6f;line-height: 30px;float: right;} .wd_page_pc{display: inline-block;padding-left: 0;margin: 35px 0;width: 100%;} .wd_page_pc li{display: inline;} .wd_page_pc li a{color: #2f2f2f;padding: 2px 7px;border-radius:20px;margin: 0 5px;} .wd_page_pc li a.current,.wd_page_pc li a:hover{background:#2868e4;color: #fff;} .wd_list .zx_page_m li{margin-bottom: 0;} @media (min-width: 768px)and (max-width: 992px) { .slideTxtBox .bd .detil .wd_ask2 span:before{left: 80%;} } @media (min-width: 768px) { .wd_list .zx_page_m{display: none;} } @media (max-width: 767px) { /*问答2*/ .wd_list .col-sm-12{padding-left: 0;padding-right: 0;} .slideTxtBox .bd .detil .wd_ask2{height: 1.6rem;line-height: 1.6rem;font-size: 0.6rem;} .slideTxtBox .bd .detil .wd_ask2 span{padding-right: 13px;} .slideTxtBox .bd .detil .wd_ask2:before{width: 89%;} .slideTxtBox .bd .detil .wd_ask2_dec span{font-size: 0.6rem;} .slideTxtBox .bd .detil .wd_a_dec{width: 90%;} .slideTxtBox .bd .detil .wd_ask2_dec{padding-top:0.2rem;padding-bottom: 0.8rem; } .wd_list .wd_page_pc{display: none;} #nav .navbar{height:58px;line-height:58px;margin:0;} #banner .s-next,#banner .s-prev{ width: 30px; height: 50px; background-size: 100%; margin-top: 0; } #banner .s-next:hover,#banner .s-prev:hover{ background-size: 100%; } .fnav .container a{font-size: 12px;padding:0 5px;} .fnav .container span{font-size: 13px;padding:0 5px;white-space: nowrap;} } @media (max-width: 375px){ .fnav .container a{padding:0 4px;} } /***********5/27wangping/banner添加动画***********/ .imgBox{position: relative;}/******6/2修改*****/ .imgBox .item-img{ }/******6/2修改*****/ .carousel-inner>.item>a>img, .carousel-inner>.item>img{}/******6/2修改*****/ .imgAnimation{position: absolute;bottom:0;left:50%;width:1200px;height:100%;margin-left:-600px;}/******6/2修改*****/ .imgAnimation div{position:absolute;} .img-lt-num li {width:519px;height:525px; } .img-lt-num li img{width:100%;height:100%;} .img-lt-num li span{position: absolute;top:17%;left:19%; } .img-lt-num li p{position: absolute;top:10%;left:8%; } .img-lt-num li span b{display:inline-block;position: absolute;top:-5%;left:-18%; }/******6/2修改*****/ .img-lt-num li img.img-big{ animation: imgBig 5s infinite linear ; } .img-lt-num li p img.img-m{ animation: imgBig 5s infinite linear 1s;} .img-lt-num li span img.img-s{animation-delay:1s; -webkit-animation-delay:1s;-moz-animation-delay:1s;} .img-pos{ width: 100%; height: 100%; }/******6/2修改*****/ .img-pos .ban-map{max-width:100%;max-height:100%;} @keyframes imgBig{ 0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);} } @-moz-keyframes imgBig{ 0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);} } @-o-keyframes imgBig{ 0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);} } @-webkit-keyframes imgBig{ 0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);} } .img-lt-txt{bottom:41.6%;left:73.5%;width:100%; animation-delay:1.5s; -webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;}/******6/2修改*****/ .img-lt-txt span{font-size:15px;color:#fff;letter-spacing:2px;display:block; } .img-lt-txt p{margin:3px 0 5px;position: relative;} .img-lt-txt b{color:#8afbfa;font-size:30px;margin:1% 0;font-weight:normal;letter-spacing:2px;display:inline-block; } .img-lt-txt p img{display: inline-block;position: absolute;top:16px;margin-left:10px; animation-delay:2s; -webkit-animation-delay:2s;-moz-animation-delay:2s;} .img-lt-txt i{color:#fff;font-size:14px;letter-spacing:8px;display: block; } .img-lt{left:-45px;bottom:5%;}/******6/2修改*****/ .img-rt{bottom:37%;left:76%; animation-delay:2.5s; -webkit-animation-delay:2.5s;-moz-animation-delay:2.5s;}/******6/2修改*****/ .img-rt p{color:#fff;font-size:14px;margin-top:4%;} .imgAnimation2{position: absolute;top:0;left:50%;width:1200px;height:100%;margin-left:-600px;text-align: center;}/******6/2修改*****/ .img2-logo{position: absolute;bottom:47%;width:100%;margin:0 auto;text-align: center;}/******6/2修改*****/ .img2-logo img{margin:0 5px;animation-delay:1s; -webkit-animation-delay:1s;-moz-animation-delay:1s;} .img2-des{position: absolute;bottom:40%;width:100%;margin:0 auto;text-align: center;}/******6/2修改*****/ .img2-des dt{display: inline-block; vertical-align: top;margin:0 20px 0 60px;} .img2-des dt img{animation-delay:1s; -webkit-animation-delay:1s;-moz-animation-delay:1s;} .img2-des dd{display: inline-block;} .img2-des dd p{text-align:left;color:#7ecef4;font-size:20px;line-height:35px;animation-delay:1s; -webkit-animation-delay:1s;-moz-animation-delay:1s;} .img2-des dd p.p2{animation-delay:1.5s; -webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;} .img2-star img{position: absolute;} .img2-star .star1{top:23%;left:1%;animation: starMove1 1.5s linear infinite;} .img2-star .star2{top:65.8%;left:45.5%;animation: starMove1 1.5s linear infinite .1s;} .img2-star .star3{top:47.8%;left:26.5%;animation: starMove1 1.5s linear infinite .2s;} .img2-star .star4{top:3%;left:84.5%;animation: starMove1 1.5s linear infinite .3s;} .img2-star .star5{top:14%;left:74.5%;animation: starMove1 1.5s linear infinite .1s;} .img2-star .star6{top:27.5%;left:60.8%;animation: starMove1 1.5s linear infinite .1s;} .img2-star .star7{top:60%;left:91.5%;animation: starMove1 1.5s linear infinite .2s;} .img2-star .star8{top:41.5%;left:111%;animation: starMove1 1.5s linear infinite .3s;} @keyframes starMove1 { 0%,100%{opacity: 0.4}25%,75%{opacity: 0.7} 50%{opacity: 1;} } @-moz-keyframes starMove1 { 0%,100%{opacity: 0.4}25%,75%{opacity: 0.7} 50%{opacity: 1;} } @-o-keyframes starMove1 { 0%,100%{opacity: 0.4}25%,75%{opacity: 0.7} 50%{opacity: 1;} } @-webkit-keyframes starMove1 { 0%,100%{opacity: 0.4}25%,75%{opacity: 0.7} 50%{opacity: 1;} } .img2-meteor img{position: absolute;} .img2-meteor .meteor1{bottom:-23%;left:60%;animation: meteorMove1 1.5s linear infinite ;} .img2-meteor .meteor2{bottom:-23%;left:10%; animation: meteorMove1 3s linear infinite .3s;} .img2-meteor .meteor3{bottom:-23%;right:-21%; animation: meteorMove1 2.5s linear infinite .10s;} .img2-meteor .meteor4{bottom:23%;right:-41%; animation: meteorMove2 1s linear infinite .15s;} .img2-meteor .meteor5{bottom:35%;right:-41%; animation: meteorMove2 1.5s linear infinite .5s;} @keyframes meteorMove1 { 0% { opacity: 0; transform: translate3d(0, 0, 0); } 50% { opacity: 1; transform: translate3d(-400px, -400px, 0); } 100% { opacity: 0; transform:translate3d(-600px, -600px, 0); } } @-webkit-keyframes meteorMove1 { 0% { opacity: 0; transform: translate3d(0, 0, 0); } 50% { opacity: 1; transform: translate3d(-400px, -400px, 0); } 100% { opacity: 0; transform:translate3d(-600px, -600px, 0); } } @-moz-keyframes meteorMove1 { 0% { opacity: 0; transform: translate3d(0, 0, 0); } 50% { opacity: 1; transform: translate3d(-400px, -400px, 0); } 100% { opacity: 0; transform:translate3d(-600px, -600px, 0); } } @-o-keyframes meteorMove1 { 0% { opacity: 0; transform: translate3d(0, 0, 0); } 50% { opacity: 1; transform: translate3d(-400px, -400px, 0); } 100% { opacity: 0; transform:translate3d(-600px, -600px, 0); } } @keyframes meteorMove2 { 0% { opacity: 0; transform: translate3d(0, 0, 0); } 50% { opacity: 1; transform: translate3d(-200px, -200px, 0); } 100% { opacity: 0; transform:translate3d(-300px, -300px, 0); } } @-webkit-keyframes meteorMove2 { 0% { opacity: 0; transform: translate3d(0, 0, 0); } 50% { opacity: 1; transform: translate3d(-200px, -200px, 0); } 100% { opacity: 0; transform:translate3d(-300px, -300px, 0); } } @-moz-keyframes meteorMove2 { 0% { opacity: 0; transform: translate3d(0, 0, 0); } 50% { opacity: 1; transform: translate3d(-200px, -200px, 0); } 100% { opacity: 0; transform:translate3d(-300px, -300px, 0); } } @-o-keyframes meteorMove2 { 0% { opacity: 0; transform: translate3d(0, 0, 0); } 50% { opacity: 1; transform: translate3d(-200px, -200px, 0); } 100% { opacity: 0; transform:translate3d(-300px, -300px, 0); } } .img2-address li{color:#fff;position:absolute;} .img2-address .qz{bottom:27%;right:17.5%; animation-delay:1.5s; -webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;} .img2-address .qz img{margin-right:10px;} .img2-address .xm{bottom:24.5%;right:18%; animation-delay:1s; -webkit-animation-delay:1s;-moz-animation-delay:1s;} .img2-address .xm img{margin-right:15px;} .img2-address .ly{bottom:27%;right:21.5%;animation-delay:2s; -webkit-animation-delay:2s;-moz-animation-delay:2s;} .img2-address .ly img{margin-left:10px;} .img2-address .zz{bottom:21%;right:19%; animation-delay:2.5s; -webkit-animation-delay:2.5s;-moz-animation-delay:2.5s;} .img2-address .zz img{margin-right:8px;} .img2-address .mz{bottom:17%;right:19.3%; animation-delay:4s; -webkit-animation-delay:4s;-moz-animation-delay:4s;} .img2-address .mz img{margin-right:5px;margin-top:-20px;} .img2-address .cz{bottom:17.5%;right:22%; animation-delay:4.5s; -webkit-animation-delay:4.5s;-moz-animation-delay:4.5s;} .img2-address .cz img{margin-left:5px;margin-top:26px;} .img2-address .jy{bottom:16%;right:22.8%; animation-delay:5.5s; -webkit-animation-delay:5.5s;-moz-animation-delay:5.5s;} .img2-address .jy img{margin-left:10px;margin-top:10px;} .img2-address .st{bottom:14%;right:20%; animation-delay:3.5s; -webkit-animation-delay:3.5s;-moz-animation-delay:3.5s;} .img2-address .st img{margin-right:10px;margin-bottom:7px;} .img2-address .sw{bottom:11.4%;right:22.3%; animation-delay:5s; -webkit-animation-delay:5s;-moz-animation-delay:5s;} .img2-address .sw img{margin-top:-38px;} .img2-address .hz{bottom:13.5%;right:24.8%; animation-delay:3s; -webkit-animation-delay:3s;-moz-animation-delay:3s;} .img2-address .hz img{margin-left:10px;} .img2-address img{animation: addMove 5s linear infinite ;} @keyframes addMove { 0%,100% { opacity: 0.5; transform: scale(0.5); -webkit-transform:scale(0.5);} 50% { opacity: 1; transform: scale(1); -webkit-transform:scale(1); } } @-webkit-keyframes addMove { 0%,100% { opacity: 0.5; transform: scale(0.5); -webkit-transform:scale(0.5);} 50% { opacity: 1; transform: scale(1); -webkit-transform:scale(1); } } @-moz-keyframes addMove { 0%,100% { opacity: 0.5; transform: scale(0.5); -webkit-transform:scale(0.5);} 50% { opacity: 1; transform: scale(1); -webkit-transform:scale(1); } } @-o-keyframes addMove { 0%,100% { opacity: 0.5; transform: scale(0.5); -webkit-transform:scale(0.5);} 50% { opacity: 1; transform: scale(1); -webkit-transform:scale(1); } } #bannerMove{display: none;height:auto; margin-top: 36px;} .banner2{width:100%;height:100%; overflow: hidden;} .banner2 .swiper-wrapper{ width:100000px;} .banner2 .swiper-slide{width: 100vw;} .banner2 .swiper-slide a{width:100%;display: inline-block;} .banner2 img{max-width:100%;max-height:100%;width:100vw;height:inherit;} /*.banner2 .swiper-slide a{width:100%;height:inherit;display: inline-block;}*/ /*.banner2 img{max-width:1200px;max-height:706px;width:100%;height:100%;}*/ /*.banner2 .swiper-slide{width:100%;height:100%;display: inline-block;}*/ .pagination-ban{display: block;width:100%;text-align: center;margin:0;position: absolute;bottom:0.5rem;} .pagination-ban .swiper-pagination-switch{width:5px;height:5px;background: #fff;border-radius: 50%;display: inline-block;margin:0 5px;} .pagination-ban .swiper-active-switch{background: #0689ff;} /******6-2修改*******/ .img-lt-num{text-align: center;} .img-lt-num li{line-height:525px;} .img-lt-num li p{line-height:400px;} .img-lt-num li span{line-height:270px;} .img2-addBox{position: absolute;bottom:1%;right:11.3%;width:100%;height:100%;} /***********6-3新增about内容*************/ .G-team{background: url(../images/ABOUT-2.png) no-repeat;width:100%;height:100%;margin:20px 0; padding:20px 0;} .G-teamImg{max-width:100%;max-height:100%;} .G-teamImg2{max-width:100%;max-height:100%;} .G-team-rt{width:47%;} .team-title{max-width:100%;max-height:100%;} .team-txt{font-size:14px;color:#505050;line-height:24px;margin:2% 0;overflow: hidden;} .team-cont dl{display: inline-block;text-align: center;margin-right:2%;width:14%;vertical-align: top;} .team-cont dl:last-child{margin:0;} .team-cont dl dt img{max-width:100%;max-height:100%;} .team-cont dl dd{margin:2% 0 4%;width:100%;height:20px;overflow: hidden;} .G-teamImg2{display: none;} .g-team-pc{display: block;} /*上传简历*/ .mask{ position: fixed; background: #000;opacity: 0.6;z-index: 9;top: 0px; left: 0;width: 100%;height: 100%;display: none;z-index: 55;} .put_jl{ position: fixed; display:none; width:598px;height: auto;overflow: hidden;top: 16%;left: 50%;margin-left:-299px;background: #fff;z-index: 66;border-radius: 12px;} .put_jl .form_title{width: 100%;height:52px;line-height: 52px;background: #60b9f1;} .put_jl .form_title .form_close{cursor: pointer;width:52px;height: 52px;color: #fff;font-size: 46px;text-align: center;display: block;float: right;} /*form*/ .yuyue_div{width: 100%;height: auto;overflow: hidden;padding: 32px;font-size: 14px;} .yuyue_div h1{width: 100%;height: auto;overflow: hidden;font-size: 23px;color: #333;text-transform: uppercase;} .yuyue_div h1 span{display: block;width: 100%;padding: 0 15px;font-size: 16px;color: #666;line-height: 1.8;margin-top: 18px;margin-bottom: 10px;} .yuyue_div .input{padding: 0 15px;width: 100%;height:36px;line-height: 36px;text-align: left;color: #333;font-size: 18px;margin: 10px 0;} .yuyue_div .input input{float: right;margin-left:6px;margin-right: 18%; padding: 0 10px;width:65%;height:34px;background: none;border:1px solid #e6e6e6;display: block;outline: none;color: #999;} .yuyue_div .input2{padding: 0 15px;} .goup{width: 100%;height: auto;padding: 24px 0 10px 0;text-align: center;text-align: center} .yuyue_div .lybtn{margin:0 13px;border-radius: 6px;display: inline-block;width:120px;height: 32px;line-height:32px;font-size: 16px;color: #fff;cursor: pointer;background: #60b9f1;border: none;} .yuyue_div .lybtn:hover{background: #fd3737;} input::-webkit-input-placeholder { /* WebKit browsers */ color:#999;font-size: 14px; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#999;font-size: 14px; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#999;font-size: 14px;} input:-ms-input-placeholder { /* Internet Explorer 10+ */ color:#999;font-size: 14px;} @media (min-width: 460px) and (max-width:768px){ .put_jl{width:440px;margin-left: -220px;} .yuyue_div .input input{margin-right: 12%;} } @media (max-width: 459px){ .put_jl{width:370px;margin-left: -185px;} .yuyue_div .input input{margin-right: 4%;} .S-aboutBd-move .swiper-slide .content-slide .sjpic dl{ width: 17%; margin: 0px 8%; } .S-aboutBd-move .content-slide .sjpic dl dd{height:20px !important; overflow: hidden;} } @media (max-width: 320px){ .put_jl{width:310px;margin-left: -155px;top: 9%;} .yuyue_div .input input{margin-right: 0%;} .yuyue_div h1 span{font-size: 14px;} .yuyue_div .input{font-size: 16px;} .yuyue_div .lybtn{width: 106px;margin: 0 6px;} } /*文字轮播*/ a:focus {outline:none;outline-offset:0;} .container{margin:0 auto;padding:0!important;} /*.img img{width: 100%;transition: 1s transform;}*/ #wrap_index{overflow: hidden;position: fixed;top:0; z-index: 1000; width: 100%;display: none;} .New_top{width: 100%;height:46px;background:url(/Public/index/img/topbg.jpg) center no-repeat;background-size: auto 100%;} .New_top .container{position: relative;} .New_top .container .close_top{width:46px;height: 46px;background: url(/Public/index/img/close_top.png) center no-repeat;position: absolute;right: 0;top: 0;cursor: pointer;} .txtScroll-top{ width:100%; overflow:hidden; position:relative;} .txtScroll-top .bd{height: 46px;width: 100%;padding: 8px 0;position: relative;} .txtScroll-top .topList{width: 100%;margin: 0 auto;text-align: center;} .txtScroll-top .topList li{width: auto;height:30px; line-height:30px;font-size: 14px;font-weight: bold;} .txtScroll-top .topList li a{color: #fff;} /*.syPadding{padding-top:46px;}*/ @media (max-width: 768px) { body{padding-top:0} .syPadding{padding-top:0;} }