ul,ol,li,dl,dd,dt{ list-style-type: none; line-height: normal;} address,caption,cite,code,dfn,i,em,th,var{ font-style: normal; font-weight: normal;} a{ text-decoration:none; color:#333;} a:hover{ cursor: pointer;} img{ border: 0; max-width: 100%;} table{ border-collapse: collapse; border-spacing: 0;} h1,h2,h3,h4,h5,h6{ margin: 0; font-weight: normal;} h1{ font-size: 36px;} h2{ font-size: 24px;} h3{ font-size: 22px;} h4{ font-size: 18px;} h5{ font-size: 14px;} h6{ font-size: 12px;} input,table,tr,td{ margin: 0; padding: 0; border: none;} p{ margin: 0; padding: 0;} button,table{ border: none; background: none; margin: 0; padding: 0;} select{ margin: 0; padding: 0; outline: none;} textarea{ border: 0; background: none; resize: none; outline: 0;} input{ outline: 0; border: 0; background: none;} button{ outline: none; border: 0; background: none;} ._el{overflow:hidden;white-space: nowrap; text-overflow:ellipsis;} ._el2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;} ._el3{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} ._el4{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 4;-webkit-box-orient: vertical;} ._el5{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 5;-webkit-box-orient: vertical;} .w_1600{ max-width:1600px; margin-right: auto; margin-left: auto;} body{ overflow-x:hidden; overflow-y:auto;} .ctext{ float:left; width:100%; padding-left:100px; padding-right:100px;} @media screen and (max-width:1024px){ .ctext{ padding-left:15px; padding-right:15px;} } .head{ width:100%; position:absolute; left:0; top:0; z-index:16; border-bottom:1px solid rgba(232,232,232,0.24); padding:0 50px;} .head .logo{ float:left; line-height:0; margin:30px 0; } .head .logo img{ max-width:none; height:39px;} .head .tel{ float:right; color:#fff; font-size:16px; line-height:99px; padding-left:30px; background:url(../images/top.png) left center no-repeat; margin:0 3% 0 3.8%;} .head .so_box{ float:right; position:relative; z-index:5; margin:31px 0;} .head .so_box .Search{ float:left; width:0; height:36px; border-radius:36px; background:rgba(0,102,102,0.8); border:none; line-height:26px; padding:4px 16px 4px 16px; color:#fff; font-size:14px; position:absolute; right:-6px; top:0; opacity:0; -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; } .head .so_box .sear_sub{ float:right; width:32px; height:36px; border:none; background:url(../images/sub1.png) center no-repeat; position:relative; z-index:3;} .head .so_box:hover .Search{ width:200px; opacity:1; padding:4px 46px 4px 16px;} .head .so_box ::-webkit-input-placeholder{color:#fff;} .head .so_box :-moz-placeholder{color:#fff;} .head .so_box ::-moz-placeholder{color:#fff;} .head .so_box :-ms-input-placeholder{color:#fff;} .menu{ float:right; width:48%; position:relative; padding-right:1%;} .menu:after{ float:left; width:1px; height:16px; content:''; position:absolute; right:0; top:50%; margin-top:-8px; background:#fff;} .menu .ul{ float:left; width:100%;} .menu .nli{ float:left; width:20%; position:relative;} .menu .nli span a{ float:left; width:100%; text-align:center; color:#fff; font-size:16px; line-height:99px; } .menu .ul .nli.active span a{ color:#006766;} .menu .sub{ display:none; float:left; position:absolute; left:50%; top:100%; transform:translate(-50%,0); -ms-transform:translate(-50%,0); width:120px;} .menu .sub li{ float:left; width:100%; margin-bottom:1px;} .menu .sub li a{ float:left; width:100%; color:#333; background:#fff; text-align:center; font-size:14px; line-height:24px; padding:6px 15px; white-space:nowrap;} .menu .sub li a:hover{ background:#006766;} .head.active .menu .nli span a{ line-height:80px; } .xialaph{ position: fixed; left: 0; top: 0; float: left; width: 100%; height: 100%; overflow: scroll; padding:60px 15px; display: none; z-index:15; background:#212121;} .xialaph .ul2, .xialaph .ul3{ display: none;} .xialaph h4 a{ float: left; width:100%; color: #fff; font-size:16px; line-height: 50px;} .xialaph h4 a span{ padding-left: 6px; color: #ccc; font-size: 14px;} .xialaph h4{ float: left; width: 100%; position: relative; margin-top:-1px;} .xialaph h4 i{ float:left; width:10px; height:10px; position:absolute; right:12px; top:50%; border-top:1px solid #fff; border-right:1px solid #fff; opacity:0.8; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg);} .xialaph h4.active i{ transform:translate(0,-50%) rotate(135deg); -ms-transform:translate(0,-50%) rotate(135deg); margin-top:-4px; border-top:1px solid #006766; border-right:1px solid #006766; opacity:1} .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #fff; opacity:0.2;} .xialaph li:first-child h4::after{ display:none;} .xialaph li:last-child h4::before{ display:none;} .xialaph h4:hover a{ color: #006766;} .xialaph h5:hover a{ color: #006766;} .xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #fff;opacity:0.2;} .xialaph h5 a{ float: left; width:100%; color: #fff; font-size: 14px; line-height: 40px; text-transform: uppercase;} .xialaph h5{ float: left; width: 100%; position: relative;} .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #fff;opacity:0.2;} .xialaph li:last-child h5::after{ display:none;} .xialaph .ul2{ float: left; width: 100%; padding: 0 10px;} .xialaph .ul3{ float:left; width:100%; padding-top: 12px; padding-bottom: 12px; position: relative;} .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #fff;opacity:0.2;} .xialaph li:last-child .ul3::after{ display: none;} .xialaph .ul3 li{ float:left; width:100%;} .xialaph .ul3 li a{ float:left; width:100%; color: #666; font-size: 14px; line-height:24px; display: block; position:relative; padding-left:12px;} .xialaph .ul3 li a:hover{ color:#14264e;} .xialaph .ul3 li a:after{ float:left; width:4px; height:4px; position:absolute; left:0; top:50%; margin-top:-2px; transform:rotate(45deg); -ms-transform:rotate(45deg); content:''; background:#03a5f0;} .xialaph .ul3 li:first-child{ padding-top: 0;} .so_ph{ float:left; width:100%; background:rgba(255,255,255,0.1); position:relative;border-radius:2px; overflow:hidden; margin-top:10px;} .so_ph .Search{ float:left; width:100%; height:36px; background:none; border:none; line-height:24px; padding:6px 46px 6px 15px; color:#fff; font-size:14px;} .so_ph .sear_sub{ float:right; width:46px; height:36px; border:none;background:url(../images/sub1.png) center no-repeat; position:absolute; right:0; top:0;} .so_ph ::-webkit-input-placeholder{color:#fff} .so_ph :-moz-placeholder{color:#fff} .so_ph ::-moz-placeholder{color:#fff} .so_ph :-ms-input-placeholder{color:#fff} .menuph{ display:none; float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin:18px 0;} .menuph .point { display: inline-block; width: 28px; height: 22px; position: relative;} .menuph .point:hover .navbtn, .menuph .point:hover .navbtn::after, .menuph .point:hover .navbtn::before { width: 28px;} .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width:28px; height: 2px; background: #006766; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;} .menuph .navbtn::after, .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; background: #006766; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;} .menuph .navbtn::after { top: -11px;} .menuph .navbtn::before { top: 10px;} .menuph .point.active .navbtn{ background: transparent;} .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;} .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;} @media screen and (max-width:1600px){ .head{ padding:0 2.7%;} .menu{ width:42%;} .head .tel{ padding-left:22px; margin:0 2% 0 2.5%;} } @media screen and (max-width:1366px){ .head{ padding:0 2%;} .menu{ width:38%;} .menu .nli span a{ font-size:14px;} .head .tel{ font-size:14px; padding-left:20px; margin:0 1% 0 1.5%;} } @media screen and (max-width:1100px){ .menu{ display:none;} .menuph{ display:block;} .head .tel{ display:none;} .head .so_box{ display:none;} .head .logo{ margin:10px 0;} } @media screen and (max-width:767px){ .head .logo{ margin:10px 0; height:38px; flex-wrap:wrap; display: flex; align-items: center;} .head .logo img{ max-width:none; height:4vh;} } ._hei{ display:none; width:100%; float:left; height:56px;} .pf_right{ float:left; width:80px; position:fixed; z-index:16; right:10px; top:50%; margin-top:-180px; /*display:none;*/} .pf_right ul{ float:left; width:100%;} .pf_right ul li{ float:left; width:100%; position:relative; margin:5px 0;} .pf_right ul li a{ float:left; width:100%; position:relative; z-index:6; background:#fff; border:1px solid #efefef; padding:12px 0;} .pf_right ul li.on a i, .pf_right ul li.on a h5{ -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; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d;} .pf_right ul li:last-child a{ border-radius:0 0 0 20px;} .pf_right ul li a i{ float:left; width:100%; line-height:0; text-align:center;} .pf_right ul li a i img{ width:30px; height:30px; margin:0 auto;} .pf_right ul li a h5{ float:left; width:100%; color:#000000; font-size:16px; line-height:24px; text-align:center;} .pf_right ul li:hover a h5{ color:#006666;} .pf_right .pf_tel{ float:left; position:absolute; z-index:4; top:17px; right:15px; background:#006666; line-height:26px; color:#fff; font-size:18px; white-space:nowrap; padding:10px 18px; border-radius:3px; -webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1); -moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1); transition: all 500ms cubic-bezier(.5, 1, .4, 1); -webkit-transform-origin:95% 50%; -moz-transform-origin:95% 50%; -ms-transform-origin:95% 50%; -o-transform-origin:95% 50%; transform-origin:95% 50%; -webkit-transform: translateY(0) scale(0); -moz-transform: translateY(0) scale(0); -ms-transform: translateY(0) scale(0); -o-transform: translateY(0) scale(0); transform: translateY(0) scale(0)} .pf_right .pf_tel:after{ float:left; width:0; height:0; content:''; position:absolute; left:100%; top:50%; border-top: 6px solid transparent; border-bottom:6px solid transparent;border-left: 6px solid #006666; margin-top:-6px; } .pf_right ul li:hover .pf_tel{ right:90px; opacity: 1; filter: alpha(opacity=100); display: block \9; pointer-events: auto; -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); -o-transform: translateY(0) scale(1); transform: translateY(0) scale(1);} @media screen and (max-width:1024px){ ._hei{ display:block;} .pf_right{ right:0; top:auto; bottom:0; height:56px; width:100%; display:block !important; opacity:1 !important; margin-top:0;} .pf_right ul li{ width:25%; margin:0;} .pf_right ul li a{ padding:6px 0; background:#fff; border-bottom:none; border-left:none;} .pf_right ul li:last-child a{ border-radius:0; border-right:none;} .pf_right ul li a i img{ width:26px; height:26px;} .pf_right ul li a h5{ font-size:12px; line-height:18px;} .pf_right ul li:hover .pf_tel{ display:none !important;} .pf_right .pf_tel, .pf_right ul li:hover .pf_tel{ display:none !important;} } .footer{ float:left; width:100%; position:relative;} .footer:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; z-index:1; background:#000000; opacity:0.85;} .foot_t{ float:left; position:relative; z-index:3; width:100%; display: flex; justify-content: space-between; padding:55px 0 35px 0; border-bottom:1px solid rgba(255,255,255,0.2); } .foot_addr{ float:left;flex-wrap:wrap; display: flex; flex-direction:column;} .foot_addr .li{ float:left; color:#006766; font-size:16px; line-height:30px; margin-bottom:30px;} .foot_addr .p{ display:block; color:#fff;} .foot_r{ float:right;flex-wrap:wrap; display: flex; flex-direction:column; min-width:190px;} .foot_r h3{ float:left; width:100%; color:#fff; font-size:24px; line-height:38px; flex-wrap:wrap; display: flex; align-items: center;} .foot_r h3 img{ max-width:none; width:24px; height:24px; margin-right:13px;} .foot_r h1{ float:left; width:100%; color:#006766; font-size:30px; line-height:44px; margin:16px 0 74px 0; white-space:nowrap;} .foot_r i{ float:left; width:100%; line-height:0; text-align:center;} .foot_r i img{ max-width:none; height:190px; height:190px;} .foot_r h4{ float:left; width:100%; text-align:center; color:#fff; font-size:16px; line-height:26px; margin-top:26px;} .foot_c{ float:left; width:46%; flex-wrap:wrap; display: flex; justify-content: space-between;} ._nav{ float:left; display:flex; flex-direction:column;} ._nav h4{ float:left;} ._nav h4 a{ float:left; color:#fff; font-size:18px; line-height:32px; } ._nav ul{ float:left; display:flex; flex-direction:column; position:relative; margin-top:22px; padding-top:16px; } ._nav ul:after{ float:left; width:32px; height:2px; content:''; position:absolute; left:0; top:0; background:#006766;} ._nav ul li{ float:left; } ._nav ul li a{ float:left; width:100%; color:#fff; font-size:16px; line-height:36px; } ._nav ul li a:hover{ color:#006766;} .foot_d{ float:left; position:relative; z-index:3; width:100%; margin:25px 0 18px 0;} .Copyright{ float:left; color:#fff; font-size:16px; line-height:26px;} .Copyright a{ color:#fff;} .Copyright a:hover{ color:#006766;} .foot_map{ float:right; color:#fff; font-size:16px; line-height:26px;} .foot_map .as{margin-right: 12px;padding-right: 12px;position: relative;} .foot_map .as::after{content: "";display: block;width: 1px;height: 14px;position: absolute;right: 0;top: 6px;background-color: #fff;} .foot_map a{ float:left; color:#fff;} .foot_map a:hover{ color:#006766;} .foot_map span{ float:left; margin-left:12px; position:relative; padding:0 29px 0 13px; position:relative; cursor:pointer;} .foot_map span:after{ float:left; width:1px; height:14px; content:''; position:absolute; left:0; top:6px; background:#fff;} .foot_map span:before{ float:left; width:0; height:0; content:''; position:absolute; right:0; top:50%; margin-top:-3px; border-left:5px solid transparent; border-right:5px solid transparent;border-top:6px solid #fff; opacity:0.6;} .foot_map ul{ display:none; float:left; width:100%; position:absolute; right:0; bottom:100%; background:#fff; padding:6px 0; border-radius:3px;} .foot_map ul li{ float:left; width:100%;} .foot_map ul li a{ float:left; width:100%; color:#333; font-size:15px; line-height:24px; padding:0 13px;} .foot_map ul li a:hover{ color:#006666;} @media screen and (max-width:1366px){ .foot_addr .li{ font-size:14px; line-height:26px; margin-bottom:15px;} .foot_c{width:50%;} ._nav h4 a{ font-size:16px; line-height:26px;} ._nav ul li a{ font-size:14px; line-height:30px;} .foot_r{ min-width:140px;} .foot_r h3{ font-size:18px; line-height:30px;} .foot_r h3 img{ margin-right:8px;} .foot_r h1{ font-size:24px; line-height:34px; margin:8px 0 35px 0;} .foot_r i img{ max-width:none; height:140px; height:140px;} .foot_r h4{ font-size:14px; line-height:24px; margin-top:15px;} } @media screen and (max-width:1024px){ .foot_c{ display:none;} .foot_addr{ min-width:40%;} .foot_t{justify-content:center; padding:30px 0 25px 0;} .foot_r h1{ margin:8px 0 15px 0;} .Copyright{ font-size:14px; line-height:24px;} .foot_map{ font-size:14px; line-height:24px;} .foot_d{ margin:18px 0;} } @media screen and (max-width:767px){ .Copyright{ width:100%; text-align:center;} .foot_map{ width:100%; flex-wrap:wrap; display: flex; justify-content:center; } .foot_addr{ min-width:100%; text-align:center; } .foot_addr .li{margin-bottom:10px;} .foot_t{flex-wrap:wrap; padding:100px 0 15px 0;} .foot_r i{ display:none;} .foot_r h1{ margin:0;} .foot_r h4{ display:none;} .foot_r{ position:absolute; left:50%; top:25px; margin-left:-70px;} } .blackBg{ display:none; float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:18; background:#000; opacity:0.61;} ._Form{ display:none; float:left; width:778px; position:fixed; left:50%; top:50%; z-index:19; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);} ._Form .box{ float:left; width:100%; position:relative;} ._Form .colse{ float:left; width:27px; line-height:0; position:absolute; right:15px; bottom:100%; cursor:pointer;} ._Form .cont{ float:left; width:36.3%; background:#006666; height:525px; padding:58px 0;} ._Form .cont i{ float:left; width:100%; line-height:0; text-align:center;} ._Form .cont i img{ width:105px;} ._Form .cont em{ float:left; width:100%; line-height:0; text-align:center; margin:28px 0 45px 0;} ._Form .cont h5{ float:left; width:100%; text-align:center; color:#fff; font-size:36px; line-height:56px; position:relative; letter-spacing:4px; padding-bottom:12px; margin-top:18px;} ._Form .cont h5 span{ font-size:60px;} ._Form .cont .line1:after, ._Form .cont .line2:after{ float:left; width:50%; height:1px; background:#fff; position:absolute; bottom:0; content:'';} ._Form .cont .line1:before, ._Form .cont .line2:before{ float:left; width:77px; height:1px; background:#fff; position:absolute; bottom:7px; content:'';} ._Form .cont .line1:after, ._Form .cont .line1:before{ right:50%;} ._Form .cont .line2:after, ._Form .cont .line2:before{ left:50%;} ._Form form{ float:right; width:63.7%; background:#fff; padding:24px 32px;} ._Form .lab{ float:left; width:100%; margin-bottom:11px; position:relative; padding-left:84px;} ._Form .lab1{ margin-bottom:22px; position:relative;} ._Form .lab em{ float:left; position:absolute; right:20px; top:18px; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent;border-top:6px solid #a1a1a1; } ._Form .lab h5{ float:left; position:absolute; left:0; top:0; color:#666666; font-size:16px; line-height:40px;} ._Form .lab h5 span{ color:#006666;} ._Form .lab .text{ float:left; width:100%; height:40px; line-height:28px; color:#999999; font-size:14px; padding:4px 22px; border:1px solid #dddddd; border-radius:3px; cursor:pointer;} ._Form .lab .text:focus{border:1px solid #006666;} ._Form .lab .text1{ height:69px;} ._Form .lab .text0{ height:52px; border:none; border-bottom:1px solid #dddddd; border-radius:0;} ._Form .lab .text0:focus{ border:none; border-bottom:1px solid #006666;} ._Form .lab .submit{ float:left; width:100%; height:46px; line-height:44px; color:#fff; font-size:16px; padding:0; border:none; background:#006666; border-radius:3px; cursor:pointer;} ._Form .lab .submit:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} ._Form .lab .yanzhengma{ float:left; position:absolute; right:0; bottom:2px; width:112px; height:52px;} ._Form .lab ul{ display:none; float:left; width:-webkit-calc(100% - 84px); width:-moz-calc(100% - 84px); width:calc(100% - 84px); position:absolute; right:0; top:100%; z-index:6; background:rgba(255,255,255,0.78); border:1px solid #dddddd; border-top:none;} ._Form .lab ul li{ float:left; width:100%; color:#666666; font-size:14px; line-height:34px; padding:0 38px; cursor:pointer;} ._Form .lab ul li:hover{ color:#fff; background:#006666; } ._Form ::-webkit-input-placeholder{color:#999999;} ._Form :-moz-placeholder{color:#999999;} ._Form ::-moz-placeholder{color:#999999;} ._Form :-ms-input-placeholder{color:#999999;} ._Form1{ display:block; position:relative; margin-top:63px; margin-bottom:75px; transform: translate(-50%,0); -ms-transform: translate(-50%,0); box-shadow:0 6px 29px rgba(173,173,173,0.28); z-index:3;} @media screen and (max-width:1024px){ ._Form{ width:92%;} ._Form .cont{ width:100%; height:auto; padding:12px 0;} ._Form .cont i img{ width:46px;} ._Form .cont em{ margin:8px 0 0 0;} ._Form .cont h5{ display:none; width:50%; margin-top:0; font-size:20px; line-height:36px; letter-spacing:2px; padding-bottom:8px} ._Form .cont h5 span{ font-size:20px;} ._Form .cont .line1:before, ._Form .cont .line2:before{ width:45px; bottom:5px; content:'';} ._Form form{ width:100%; padding:16px 15px 10px 15px;} ._Form .lab{ margin-bottom:8px; padding-left:72px;} ._Form .lab1{ margin-bottom:12px;} ._Form .lab em{right:10px; top:16px;} ._Form .lab h5{ font-size:15px; line-height:36px;} ._Form .lab .text{ height:36px; line-height:26px; padding:3px 10px;} ._Form .lab .text1{ height:69px;} ._Form .lab .yanzhengma{ width:78px; height:36px;} ._Form .lab .submit{ height:40px; line-height:38px; font-size:15px;} ._Form .lab ul{ width:-webkit-calc(100% - 72px); width:-moz-calc(100% - 72px); width:calc(100% - 72px);} ._Form .lab ul li{ padding:0 20px;} ._Form1{ margin-top:30px; margin-bottom:40px; box-shadow:0 6px 15px rgba(173,173,173,0.18);} } ._Mianfei{ display:none; float:left; width:520px; position:fixed; left:50%; top:50%; z-index:19; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);} ._Mianfei .box{ float:left; width:100%; position:relative; background:#fff; padding:20px 40px 38px 40px;} ._Mianfei .colse{ float:left; width:27px; line-height:0; position:absolute; right:15px; bottom:100%; cursor:pointer;} ._Mianfei .cont{ float:left; width:100%; text-align:center; color:#333333; font-size:20px; line-height:40px; margin-bottom:25px;} ._Mianfei form{ float:left; width:100%;} ._Mianfei .lab{ float:left; width:100%; margin-bottom:11px; position:relative; padding-left:84px;} ._Mianfei .lab1{ margin-top:35px; position:relative; padding-right:130px;} ._Mianfei .lab h5{ float:left; position:absolute; left:0; top:0; color:#666666; font-size:16px; line-height:40px;} ._Mianfei .lab h5 span{ color:#006666;} ._Mianfei .lab .text{ float:left; width:100%; height:40px; line-height:28px; color:#999999; font-size:14px; padding:4px 22px; border:1px solid #dddddd; border-radius:3px; cursor:pointer; appearance:none;-webkit-appearance:none;-moz-appearance:none;} ._Mianfei .lab .text:focus{border:1px solid #006666;} ._Mianfei .lab .text0{ height:44px; border:none; border-bottom:1px solid #dddddd; border-radius:0;} ._Mianfei .lab .text0:focus{ border:none; border-bottom:1px solid #006666;} ._Mianfei .lab .submit{ float:left; width:112px; height:46px; line-height:44px; color:#fff; font-size:16px; padding:0; border:none; background:#006666; border-radius:3px; cursor:pointer; position:absolute; right:0; bottom:0;} ._Mianfei .lab .submit:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} ._Mianfei .lab .yanzhengma{ float:left; position:absolute; right:130px; bottom:1px; width:112px; height:44px;} ._Mianfei ::-webkit-input-placeholder{color:#999999;} ._Mianfei :-moz-placeholder{color:#999999;} ._Mianfei ::-moz-placeholder{color:#999999;} ._Mianfei :-ms-input-placeholder{color:#999999;} @media screen and (max-width:1024px){ ._Mianfei{ width:316px;} ._Mianfei .box{ width:100%; padding:10px 15px;} ._Mianfei .lab{ margin-bottom:8px; padding-left:72px;} ._Mianfei .cont{ margin-bottom:10px; font-size:18px; line-height:34px;} ._Mianfei .lab1{ margin-top:10px; padding-right:85px;} ._Mianfei .lab h5{ font-size:15px; line-height:36px;} ._Mianfei .lab .text{ height:36px; line-height:26px; padding:3px 10px;} ._Mianfei .lab .yanzhengma{ right:85px; width:68px; height:32px;} ._Mianfei .lab .submit{ width:80px; height:34px; line-height:32px; font-size:14px;} } /*banner*/ ._banner{ float:left; width:100%; position:relative;} #obtn .slide_banner{ float:left; width:100%; margin:0; position:relative; overflow:hidden;} #obtn .slide_banner .slick-slide{ width:100%; padding:0; position:relative; line-height:0;} #obtn .slide_banner img{ width:100%;} #obtn .slide_banner .ban{ float:left; width:100%; position:absolute; left:0; top:55%; transform:translateY(-50%); -ms-transform:translateY(-50%);} #obtn .slide_banner .text{ float:left; width:80%; margin:0 10%; padding:50px 5% 35px 5%; background:url(../images/ban.png) center repeat-y; background-size:100% 100%; text-align:center;} #obtn .slide_banner h1{ float:left; width:100%; color:#fff; font-size:60px; line-height:70px; font-weight:bold; letter-spacing:3px; text-transform:uppercase;} #obtn .slide_banner h5{ float:left; width:100%; color:#fff; font-size:24px; line-height:34px; text-transform:uppercase; margin-top:24px; letter-spacing:1px;} #obtn .slide_banner i{ float:left; width:142px; height:3px; background:#006666; margin:3.5% 0;} #obtn .slide_banner h3{ float:left; width:100%; color:#fff; font-size:30px; line-height:40px; text-transform:uppercase; letter-spacing:1px;} #obtn .slide_banner .text1{ float:left; width:100%; padding:0 8.125%;} #obtn .slide_banner .text2{ float:left; width:100%; padding:0 10%;} #obtn .slide_banner .text2 .en{ margin-top:0.5%; letter-spacing:2px;} #obtn .slide_banner .text2 .bg{ background:#58412b; width:auto; padding:9px 68px; border-radius:60px; margin:3.2% 30% 3.2% 56px;} #obtn .slide_banner .text2 .ln{ position:relative; padding:0 90px; width:auto;} #obtn .slide_banner .text2 .ln:after, #obtn .slide_banner .text2 .ln:before{ float:left; width:80px; height:2px; content:''; position:absolute; top:50%; margin-top:-1px; background-image: -webkit-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background-image: -moz-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background-image: -o-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background-image: linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); } #obtn .slide_banner .text2 .ln:after{ left:0; transform:rotate(180deg); -ms-transform:rotate(180deg);} #obtn .slide_banner .text2 .ln:before{ right:0;} #obtn .slide_banner .slick-prev, #obtn .slide_banner .slick-next{ width:80px; height:80px;} #obtn .slide_banner .slick-prev{ left:2.6%; background:url(../images/ico1.png) center no-repeat; background-size:100% 100%;} #obtn .slide_banner .slick-next{ right:2.6%; background:url(../images/ico2.png) center no-repeat; background-size:100% 100%;} #obtn .slide_banner .slick-dots{ height:1px; width:auto; position:absolute; right:135px; bottom:65px;} #obtn .slide_banner .slick-dots li{ background:#fff; width:78px; height:1px; margin:0; background:#fff; text-indent:-9999px; overflow:hidden; vertical-align:top;} #obtn .slide_banner .slick-dots li.slick-active{background:#006766;} #obtn .number{ float:left; position:absolute; right:42px; bottom:60px; z-index:6; color:#fff; font-size:16px; line-height:26px; height:26px;} #obtn .number font{ color:#006766; font-size:24px;} @media screen and (max-width:1600px){ #obtn .slide_banner h1{ font-size:50px; line-height:60px;} #obtn .slide_banner h5{ font-size:20px; line-height:30px; margin-top:15px;} #obtn .slide_banner h3{ font-size:24px; line-height:34px;} } @media screen and (max-width:1024px){ #obtn .slide_banner .slick-prev, #obtn .slide_banner .slick-next{ width:30px; height:30px;} #obtn .slide_banner .slick-prev{ left:5px;} #obtn .slide_banner .slick-next{ right:5px;} #obtn .slide_banner .slick-dots{ right:70px; bottom:16px;} #obtn .slide_banner .slick-dots li{ width:25px; height:1px;} #obtn .slide_banner .text{ padding:20px;} #obtn .slide_banner h1{ font-size:30px; line-height:40px;} #obtn .slide_banner h5{ font-size:14px; line-height:24px; margin-top:5px;} #obtn .slide_banner i{ width:70px; height:2px;} #obtn .slide_banner h3{ font-size:16px; line-height:26px;} #obtn .slide_banner .text1{ padding:0 30px;} #obtn .slide_banner .text2{ padding:0 30px;} #obtn .slide_banner .text2 .en{ letter-spacing:1px;} #obtn .slide_banner .text2 .bg{ padding:4px 30px; margin:2% 30% 2% 28px;} #obtn .slide_banner .text2 .ln{ padding:0 60px;} #obtn .slide_banner .text2 .ln:after, #obtn .slide_banner .text2 .ln:before{ width:50px; height:1px;} #obtn .number{ right:15px; bottom:10px; font-size:14px; line-height:24px; height:24px;} #obtn .number font{ font-size:20px;} } @media screen and (max-width:767px){ #obtn .slide_banner .text{ width:100%; margin:0;} #obtn .slide_banner h1{ font-size:20px; line-height:30px;} #obtn .slide_banner h5{ font-size:12px; line-height:20px; margin-top:0; letter-spacing:0;} #obtn .slide_banner h3{ font-size:14px; line-height:24px; letter-spacing:0;} } ._News{ position:relative; overflow:hidden; padding-top:70px; padding-bottom:70px;} ._News:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; z-index:1; opacity:0.95; background:#fafafa;} ._News .hd{ float:left; width:100%; margin:65px 0 50px 0;} ._News .ul{ float:left; width:100%; position:relative; z-index:3;} ._News .ul ul{ float:left; width:100%;} ._News .ul .li{ float:right; width:61.1%; border:1px solid #fff; padding:14px; margin-top:14px; -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; } ._News .ul .li a{ float:left; width:100%; position:relative; padding-left:278px; min-height:161px;} ._News .ul .li i{ float:left; width:241px; height:161px; line-height:0; position:absolute; left:0; top:0; overflow:hidden;} ._News .ul .li i img{ -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;} ._News .ul .li:hover i img{ -ms-transform: scale(1.1);transform: scale(1.1);} ._News .ul .li h5{ float:left; width:100%; color:#000000; font-size:20px; line-height:30px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; margin-top:5px;} ._News .ul .li h6{ float:left; width:100%; color:#6d6d6d; font-size:16px; line-height:30px; height:60px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin:16px 0;} ._News .ul .li time{ float:left; width:100%; color:#6d6d6d; font-size:16px; line-height:26px; position:relative;} ._News .ul .li time:after{ float:left; width:22px; height:100%; content:''; position:absolute; right:0; top:0; background:url(../images/main6.png) center right no-repeat;} ._News .ul .li:hover{ border:1px solid #006666; background:#006666;} ._News .ul .li:hover h5{ color:#fff;} ._News .ul .li:hover h6{ color:#fff;} ._News .ul .li:hover time{ color:#fff;} ._News .ul .li:hover time:after{ background:url(../images/main7.png) center right no-repeat;} ._News .ul .li:first-child{ float:left; width:35.6%; border:none; padding:0 !important;} ._News .ul .li:first-child a{ padding-left:0 !important; min-height:inherit !important;} ._News .ul .li:first-child i{ position:relative; width:100%; height:380px; margin-bottom:26px;} ._News .ul .li:first-child i img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); width:auto; max-width:inherit; min-height:100%;} ._News .ul .li:first-child:hover i img{ -ms-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1);} ._News .ul .li:first-child:hover{ border:none; background:none;} ._News .ul .li:first-child:hover h5{ color:#006666;} ._News .ul .li:first-child:hover h6{ color:#6d6d6d;} ._News .ul .li:first-child:hover time{ color:#6d6d6d;} ._News .parHd{ display:none;} ._News ._bd{ display:none;} ._News .slideBox{ float:left; width:100%;} ._News .slideBox .tempWrap{ width:100% !important;} ._News .slideBox .sPrev, ._News .slideBox .sNext{ float:left; position:absolute; top:50%; margin-top:-18px; width:36px; height:36px; z-index:6;} ._News .slideBox .sPrev{ left:-15px; background:url(../images/main23.png) center no-repeat; background-size:100% 100%;} ._News .slideBox .sNext{ right:-15px; background:url(../images/main24.png) center no-repeat; background-size:100% 100%;} @media screen and (max-width:1600px){ ._News .ul ul li a{ padding-left:260px; min-height:161px;} } @media screen and (max-width:1024px){ ._News{ padding-top:30px; padding-bottom:30px;} ._News .parHd{ margin:15px 0 5px 0;} ._News .ul .li{ width:100%; padding:0; margin-top:15px; border:none;} ._News .ul .li a{ padding-left:0; min-height:inherit;} ._News .ul .li i{width:100%; height:auto; position:static;} ._News .ul .li h5{ font-size:16px; line-height:26px; margin-top:15px; padding:0 10px;} ._News .ul .li h6{ font-size:14px; line-height:22px; height:44px; padding:0 10px; margin:4px 0;} ._News .ul .li time{ font-size:14px; line-height:24px; padding:0 10px; margin-bottom:15px;} ._News .ul .li time:after{ right:10px;} ._News .ul .li:hover{ border:none;} ._News .ul .li:first-child{ display:block; float:left; width:100%; border:none; padding:0 !important;} ._News .ul .li:first-child a{ padding-left:0 !important; min-height:inherit !important;} ._News .ul .li:first-child i{ position:static; width:100%; height:auto; margin-bottom:0;} ._News .ul .li:first-child i img{ position:static; transform:translate(0,0); -ms-transform:translate(0,0); max-width:100%; min-height:inherit; width:100%;} ._News .ul .li:first-child:hover i img{ -ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);} ._News .ul .li:first-child:hover{ border:none; background:#006666;} ._News .ul .li:first-child:hover h5{ color:#fff;} ._News .ul .li:first-child:hover h6{ color:#fff;} ._News .ul .li:first-child:hover time{ color:#fff;} ._News .bd{ display:none;} ._News ._bd{ display:block;} ._News .hd{ display:none;} ._News .parHd{ display:block; flex-wrap:wrap; display: flex; justify-content:center; align-items: center;} } @media screen and (max-width:767px){ } .index1{ margin-top:18px; margin-bottom:18px;} .index1 ul{ float:left; width:100%;} .index1 ul li{ float:left; width:16.66%;} .index1 ul li a{ float:left; width:100%; min-height:119px;flex-wrap:wrap; display: flex; justify-content:center; align-items: center; padding:10px;} .index1 ul li a h5{ float:left; color:#666666; font-size:16px; line-height:24px; margin-left:22px; } .index1 ul li a i{ float:left; width:68px; height:68px; border:1px solid #006666; background:#fff; border-radius:50%; overflow:hidden; position:relative; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} .index1 ul li a i img{ max-width:none; width:66px; height:66px; left:0; top:0;} .index1 ul li a i .show{ position:relative; opacity:1;} .index1 ul li a i .hide{ position:absolute; opacity:0;} .index1 ul li a:hover{ box-shadow:0 2px 24px rgba(221,221,221,0.46);} .index1 ul li a:hover h5{ color:#006666;} .index1 ul li a:hover i{ background:#006666; -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;} .index1 ul li a:hover i .show{ opacity:0;} .index1 ul li a:hover i .hide{ opacity:1;} @media screen and (max-width:1600px){ .index1 ul li a h5{ margin-left:10px;} } @media screen and (max-width:1024px){ .index1 ul li{ float:left; width:33.33%;} .index1 ul li a{ padding:15px 10px;} .index1 ul li a h5{ margin-left:0; margin-top:10px; width:100%; text-align:center;} } @media screen and (max-width:767px){ } ._Cease1{ margin-top:50px; margin-bottom:70px;} ._Cease1 .hd{ float:left; width:100%; margin:65px 0 50px 0;} ._Cease1 ._bd{ float:left; width:100%; } ._Cease1 ._bd ul{ margin:0 -0.75%;} ._Cease1 ._bd li{ float:left; width:33.3%; padding:0.75%;} ._Cease1 ._bd li a{ float:left; width:100%; position:relative; overflow:hidden;} ._Cease1 ._bd li i{ float:left; width:100%; line-height:0; padding-bottom:62%; position:relative;} ._Cease1 ._bd li i{ -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;} ._Cease1 ._bd li a:hover i{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);} ._Cease1 ._bd li .text{ float:left; width:100%; position:absolute; left:0; bottom:0; z-index:6; background:rgba(0,0,0,0.35); padding:20px 48px;} ._Cease1 ._bd li .text:after{ float:left; width:22px; height:6px; content:''; position:absolute; right:30px; top:50%; margin-top:-4px; background:url(../images/main7.png) center right no-repeat;} ._Cease1 ._bd li .text h5{ float:left; width:90%; color:#fff; font-size:24px; line-height:34px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } ._Cease1 ._bd li .text h6{ float:left; width:90%; color:#fff; font-size:16px; line-height:26px; margin-top:6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} ._Cease1 ._bd li:first-child{ width:33.3%;} ._Cease1 .hd{ display:block; flex-wrap:wrap; display: flex; justify-content:center; align-items: center;} ._Cease1 .parHd{ display:none;} ._Cease1 .bd{ display:block;} ._Cease1 .parBd{ display:none; position:relative;} @media screen and (max-width:1600px){ ._Cease1 ._bd li .text{ padding:10px 15px;} ._Cease1 ._bd li .text h5{ font-size:16px; line-height:26px;} ._Cease1 ._bd li .text h6{ font-size:14px; line-height:24px; margin-top:0;} ._Cease1 ._bd li .text:after{ right:10px;} } @media screen and (max-width:1366px){ } @media screen and (max-width:1024px){ ._Cease1{ margin-top:10px; margin-bottom:30px;} ._Cease1 .hd{ display:none;} ._Cease1 .parHd{ margin:15px 0 15px 0; flex-wrap:wrap; display: flex; justify-content:center; align-items: center;} ._Cease1 .bd{ display:none;} ._Cease1 .parBd{ display:block;height:276px;} ._Cease1 ._bd li{ width:100%; padding:0;} ._Cease1 ._bd li i{overflow: hidden;height: 276px;width: 100%; padding-bottom:0} ._Cease1 ._bd li i .pic{width: 100%;height: 100%; -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;} ._Cease1 ._bd li i:hover .pic{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);} ._Cease1 .parBd .swiper-button-next, ._Cease1 .parBd .swiper-button-prev{margin-top:-18px !important ; } ._Cease1 .parBd .slideBox{height:100%;} ._Cease1 ._bd li:first-child{ width:100%;} } iframe{ float:left; border:none; width:100%; background:none;} ._CeaseBd{ float:left; width:100%; margin-top:65px;} ._CeaseBd ul{ margin:0 -15px;} ._CeaseBd li{ padding:0 15px;} ._CeaseBd li .la{ float:left; width:100%; position:relative; line-height:0;} ._CeaseBd li .img{ display:none;} ._CeaseBd li iframe{ position:relative; z-index:2; height:688px; opacity:1;} ._CeaseBd li .play{ float:left; width:104px; height:104px; position:absolute; left:50%; top:50%; z-index:3; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);} ._CeaseBd li .la:hover .play{ opacity:0;} ._CeaseBd li .la:hover iframe{ opacity:1;} ._CeaseBd li .text{ float:left; width:100%; position:absolute; left:0; bottom:0; z-index:6; background:rgba(0,0,0,0.35); padding:33px 210px 33px 5.9%;} ._CeaseBd li .text span{ position:absolute; right:30px; top:50%; margin-top:-24px; background:#006666; color:#fff; font-size:16px; line-height:48px; padding:0 85px 0 35px;} ._CeaseBd li .text span:after{ float:left; width:22px; height:6px; content:''; background:url(../images/main7.png) center right no-repeat; position:absolute; right:30px; top:50%; margin-top:-3px;} ._CeaseBd li .text h5{ float:left; width:100%; color:#fff; font-size:24px; line-height:34px; } ._CeaseBd li .text h6{ float:left; width:100%; color:#fff; font-size:16px; line-height:26px; margin-top:15px; } ._CeaseBd .slick-prev, ._CeaseBd .slick-next{ width:80px; height:80px; z-index:6;} ._CeaseBd .slick-prev{ left:19%; margin-left:-95px; background:url(../images/main23.png) center no-repeat; background-size:100% 100%;} ._CeaseBd .slick-next{ right:19%; margin-right:-95px; background:url(../images/main24.png) center no-repeat; background-size:100% 100%;} @media screen and (max-width:1600px){ ._CeaseBd li iframe{ height:600px;} ._CeaseBd li .play{ width:78px; height:78px;} ._CeaseBd li .text{ padding:14px 140px 14px 15px;} ._CeaseBd li .text h5{ font-size:16px; line-height:26px;} ._CeaseBd li .text h6{ font-size:14px; line-height:24px; margin-top:0;} ._CeaseBd li .text span{ right:10px; margin-top:-17px; font-size:14px; line-height:34px; padding:0 40px 0 20px;} ._CeaseBd li .text span:after{ right:15px; width:16px;} ._CeaseBd .slick-prev, ._CeaseBd .slick-next{ width:60px; height:60px;} ._CeaseBd .slick-prev{ left:19%; margin-left:-75px;} ._CeaseBd .slick-next{ right:19%; margin-right:-75px;} } @media screen and (max-width:1600px){ ._CeaseBd li iframe{ height:400px;} } @media screen and (max-width:1024px){ ._CeaseBd{ margin-top:20px;} ._CeaseBd ul{ margin:0 -6px;} ._CeaseBd li{ padding:0 6px;} ._CeaseBd li .text{ padding:10px 140px 10px 15px;} ._CeaseBd li .play{ width:50px; height:50px;} ._CeaseBd .slick-prev, ._CeaseBd .slick-next{ width:36px; height:36px;} ._CeaseBd .slick-prev{ left:19%; margin-left:-42px;} ._CeaseBd .slick-next{ right:19%; margin-right:-42px;} ._CeaseBd li iframe{ height:400px;} } @media screen and (max-width:767px){ ._CeaseBd li .text{ padding:8px 15px;} ._CeaseBd li .text{ padding:10px 120px 10px 15px;} ._CeaseBd li .text span{ right:10px; margin-top:-15px; font-size:14px; line-height:30px; padding:0 30px 0 15px;} ._CeaseBd li .text span:after{ right:15px; width:10px;} ._CeaseBd .slick-prev{ left:5px; margin-left:0;} ._CeaseBd .slick-next{ right:5px; margin-right:0;} } ._Quallty{ margin-top:65px;} ._Quallty1{ float:left; width:100%; position:relative; padding:60px 30px;} ._Quallty1 .hd{ float:right; width:31.25%; position:absolute; right:30px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); z-index:3;} ._Quallty1 .hd li{ float:right; width:100%; margin:1% 0; padding:5.5% 6% 5.5% 22%; position:relative; cursor:pointer;} ._Quallty1 .hd li h5{ float:left; width:100%; color:#000000; font-size:20px; line-height:30px; padding-left:78px;} ._Quallty1 .hd li h6{ float:left; width:100%; color:#6f6f6f; font-size:16px; line-height:26px; padding-left:78px; margin-top:10px;} ._Quallty1 .hd li i{ float:left; width:50px; position:absolute; left:22%; top:50%; margin-top:-25px;} ._Quallty1 .hd li i img{ width:50px; height:50px; border-radius:50%; background:#1b1b1b;} ._Quallty1 .hd li:hover i{ -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;} ._Quallty1 .hd li:hover i img{ background:#006666;} ._Quallty1 .hd li:hover h5{ color:#006666;} ._Quallty1 .hd li:hover h6{ color:#006666; opacity:0.64;} ._Quallty1 .hd li.on{ background:#eeeeee;} ._Quallty1 .hd li.on i img{ background:#006666;} ._Quallty1 .hd li.on h5{ color:#006666;} ._Quallty1 .hd li.on h6{ color:#006666; opacity:0.64;} ._Quallty1 .bd{ float:left; width:70.6%; position:relative; z-index:1;} ._Quallty1 .ul{ float:left; width:100%; position:absolute; left:0; top:0; opacity:0; z-index:1;} ._Quallty1 .ul.active{ position:relative; opacity:1; z-index:3;} ._Quallty1 .small{ float:left; width:23.7%; overflow:hidden; } ._Quallty1 .small .li{ float:left; width:100%; line-height:0; overflow:hidden; position:relative; margin:5px 0; padding-bottom:67%; cursor:pointer; } ._Quallty1 .small .li h4{ float:left; width:100%; position:absolute; left:0; bottom:0; z-index:3; background:rgba(0,0,0,0.3); padding:9px 11.4%; color:#fff; font-size:18px; line-height:30px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;} ._Quallty1 .small .play{ width:50px; height:50px; position:absolute; left:50%; top:50%; z-index:3; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);} ._Quallty1 .small .li .img{ float:left; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-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;} ._Quallty1 .small .li:hover .img{ transform:translate(-50%,-50%) scale(1.1); -ms-transform:translate(-50%,-50%) scale(1.1);} ._Quallty1 .small .li.slick-current{ text-align:center;} ._Quallty1 .big{ float:right; width:74.1%; margin-top:5px;} ._Quallty1 .big .li{ float:left; width:100%; line-height:0; position:relative; overflow:hidden; cursor:pointer;} ._Quallty1 .big .play{ width:104px; height:104px; position:absolute; left:50%; top:50%; z-index:3; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);} ._Quallty1 .big .li .img{ width:100%; display:block; -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;} ._Quallty1 .big .li h4{ float:left; width:100%; position:absolute; left:0; bottom:0; z-index:3; background:rgba(0,0,0,0.3); padding:3% 10%; color:#fff; font-size:24px; line-height:36px; text-align:center; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;} ._Quallty1 .big .li:hover .img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} ._Quallty2{ float:left; width:100%; margin-bottom:70px; padding:0 30px;} ._Quallty2 ul{ flex-wrap:wrap; display: flex;} ._Quallty2 li{ float:left; width:17%; background:#eeeeee; margin-right:1.4%; text-align:center; position:relative; padding:85px 10px 32px 10px;} ._Quallty2 li i{ float:left; width:100%; height:30px; position:absolute; top:-7px; left:0; background:#fff;} ._Quallty2 li i img{ width:79px; height:79px; border-radius:50%; background:#006666; } ._Quallty2 li:hover i img{ -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; } ._Quallty2 li h5{ float:left; width:100%; color:#006666; font-size:30px; line-height:40px; font-weight:bold;} ._Quallty2 li h6{ float:left; width:100%; color:#006666; font-size:18px; line-height:28px; margin-top:15px; } ._Quallty2 li:last-child{ width:44.8%; margin-right:0 !important; background:#006666; text-align:left;display: flex; justify-content: space-between; padding:32px 2.7%; align-items: center;-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; } ._Quallty2 li:last-child h1{ float:left; color:#fff; font-size:48px; line-height:58px; font-weight:bold; white-space:nowrap; margin-right:9%;} ._Quallty2 li:last-child h4{ float:left; color:#fff; font-size:16px; line-height:30px;} @media screen and (max-width:1600px){ ._Quallty1 .hd li{ padding:5.5% 6% 5.5% 18%;} ._Quallty1 .hd li i{ left:18%;} ._Quallty1 .hd li h6{ padding-left:62px; margin-top:0;} ._Quallty1 .hd li h5{ padding-left:62px;} ._Quallty1 .big .play{ width: 78px; height: 78px;} ._Quallty1 .big .li h4{ font-size:18px; line-height:30px; padding:2% 6%;} ._Quallty1 .small .play{ width:40px; height:40px;} ._Quallty1 .small .li h4{ font-size:14px; line-height:26px; padding:5px 6%;} ._Quallty2 li h5{ font-size:20px; line-height:30px;} ._Quallty2 li:last-child h1{ font-size:30px; line-height:40px; margin-right:5%;} ._Quallty2 li:last-child h4{ line-height:26px;} } @media screen and (max-width:1366px){ ._Quallty1 .hd li{ padding:4% 6% 4% 20%; } ._Quallty1 .hd li h5{ font-size:16px; line-height:26px; padding-left:62px;} ._Quallty1 .hd li h6{ font-size:14px; line-height:24px; padding-left:62px;} } @media screen and (max-width:1024px){ ._Quallty{ margin-top:30px;} ._Quallty1{ padding:25px 15px;} ._Quallty1 .hd{ position:static; width:100%; transform:none; -ms-transform:none;} ._Quallty1 .hd li{ padding:8px 15px;} ._Quallty1 .hd li i{ left:15px;} ._Quallty1 .hd li h5{ padding-left:62px;} ._Quallty1 .hd li h6{ padding-left:62px;} ._Quallty1 .bd{ width:100%;} ._Quallty1 .small{ width:-webkit-calc(100% + 8px); height:-moz-calc(100% + 8px); height:calc(100% + 8px); margin-left:-4px;} ._Quallty1 .small .li{ padding-bottom:0; margin:0 4px;} ._Quallty1 .small .li .img{ position:static; transform:translate(0,0); -ms-transform:translate(0,0);} ._Quallty1 .small .li:hover .img{ transform:translate(0,0) scale(1.1); -ms-transform:translate(0,0) scale(1.1);} ._Quallty1 .small .play{ width:30px; height:30px;} ._Quallty1 .big{ width:100%; margin:20px 0 10px 0;} ._Quallty1 .big .play{ width:50px; height: 50px;} ._Quallty2{ margin-bottom:30px; padding:0 15px;} ._Quallty2 li{ width:100%; margin-bottom:15px; padding:75px 10px 15px 10px;} ._Quallty2 li i{ top:0;} ._Quallty2 li i img{ width:66px; height:66px;} ._Quallty2 li h5{ font-size:16px; line-height:26px;} ._Quallty2 li h6{ font-size:14px; line-height:24px; margin-top:2px;} ._Quallty2 li:last-child{ width:100%; padding:20px 10px;flex-wrap:wrap;} ._Quallty2 li:last-child h1{ width:100%; font-size:18px; line-height:28px; margin-right:0; margin-bottom:10px;} ._Quallty2 li:last-child h4{ font-size:14px; line-height:24px;} } @media screen and (max-width:767px){ ._Quallty2{ margin-bottom:15px;} ._Quallty1 .big .li h4{ font-size:16px; line-height:26px; padding:5px 10px;} ._Quallty1 .small .li h4{ font-size:12px; line-height:22px; padding:2px 10px;} } ._NewsB{ margin-bottom:85px;} ._NewsL{ float:left; width:100%; margin:10px 0 62px 0;} ._NewsL ul{ float:left; width:100%;} ._NewsL ul li{ float:left; width:100%; border:1px solid #dddddd; padding:28px 25px; margin-top:30px; -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; } ._NewsL ul li a{ float:left; width:100%; position:relative; padding-right:30px; padding-left:422px; min-height:244px;} ._NewsL ul li i{ float:left; width:365px; height:244px; line-height:0; position:absolute; left:0; top:0; overflow:hidden;} ._NewsL ul li i img{ -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;} ._NewsL ul li:hover i img{ -ms-transform: scale(1.1);transform: scale(1.1);} ._NewsL ul li h5{ float:left; width:100%; color:#111111; font-size:20px; line-height:30px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; margin-top:28px;} ._NewsL ul li h6{ float:left; width:100%; color:#666666; font-size:16px; line-height:30px; height:60px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin:28px 0 32px 0;} ._NewsL ul li time{ float:left; width:100%; color:#666666; font-size:16px; line-height:48px; position:relative;} ._NewsL ul li time span{ float:right; color:#fff; width:200px; background:#006666; text-align:center;} ._NewsL ul li:hover{ border:1px solid #fff; box-shadow:0 6px 27px rgba(0,0,0,0.11);} ._NewsL ul li:hover h5{ color:#006666;} ._NewsL ul li:hover time{ color:#006666;} @media screen and (max-width:1024px){ ._NewsB{ margin-bottom:30px;} ._NewsL{ margin:10px 0 25px 0;} ._NewsL ul li{ width:100%; padding:6px; margin-top:15px;} ._NewsL ul li a{ padding-left:175px; padding-right:0; min-height:110px;} ._NewsL ul li i{width:165px; height: 110px;} ._NewsL ul li h5{ font-size:16px; line-height:26px; margin-top:3px;} ._NewsL ul li h6{ font-size:14px; line-height:22px; height:44px; margin:2px 0 6px 0;} ._NewsL ul li time{ font-size:14px; line-height:28px;} ._NewsL ul li time span{ font-size:12px; width:66px;} } @media screen and (max-width:767px){ } .slideL{ float:left; width:100%; margin-top:40px; text-align:center;} .slideL ul{ margin:0 auto; display:inline-table;} .slideL ul li{ float:left; margin:0 33px; width:200px;} .slideL ul li a{ float:left; width:100%; border:1px solid #393939; color:#111111; font-size:18px; line-height:46px;} .slideL ul li:hover a{ border:1px solid #006666; color:#006666;} .slideL ul li.on a{ border:1px solid #006666; background:#006666; color:#fff;} @media screen and (max-width:1024px){ .slideL{ margin-top:30px;} .slideL ul li{ margin:0 6px; width:84px;} .slideL ul li a{ font-size:14px; line-height:30px;} } .fukuan{ padding-top:65px; padding-bottom:120px;} .fukuan .list{ float:left; width:100%; margin-top:35px;} .fukuan .list ul{ margin:0 -40px;flex-wrap:wrap; display: flex; } .fukuan .list li{ float:left; width:25%; padding:0 20px; margin-top:30px; text-align:center; position:relative;} .fukuan .list li:after{ float:left; width:20px; height:20px; position:absolute; right:-10px; top:50%; margin-top:-20px; background:url(../images/img2.png) center no-repeat; content:'';} .fukuan .list li:last-child:after{ display:none;} .fukuan .list .la{ float:left; width:100%; position:relative; min-height:100%; background:rgba(255,255,255,0.59); box-shadow:0 5px 24px rgba(0,0,0,0.1); padding:39px 10px 86px 10px;-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 50%, 50% 50%, 50% 100%, 50% 50%, 0% 50%); clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 50% 91%, 91% 100%, 50% 91%, 0% 100%); } .fukuan .list .la i{ display:block; margin:5px auto; position:relative; width:90px; height:90px; border-radius:50%; background:#006666; color:#fff; font-size:36px; line-height:90px; font-family:Arial; box-shadow:0 0 0 5px rgba(0,102,102,0.05);} .fukuan .list .la:hover i{ -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; } .fukuan .list .la h5{ float:left; width:100%; color:#000000; font-size:18px; line-height:36px; min-height:72px; margin-top:30px;} .fukuan .list .la em{ float:left; width:100%; position:relative; height:2px; margin:30px 0 45px 0;} .fukuan .list .la em:after{ float:left; width:110px; height:1px; content:''; background:#bfbfbf; margin-left:-55px; position:absolute; left:50%; bottom:0; z-index:1;} .fukuan .list .la em:before{ float:left; width:20px; height:2px; content:''; background:#006666; margin-left:-10px; position:absolute; left:50%; bottom:0; z-index:2;} .fukuan .list .la h6{ float:left; width:100%; height:37px; background:url(../images/img3.png) center no-repeat; color:#666666; font-size:16px; line-height:36px;} @media screen and (max-width:1600px){ } @media screen and (max-width:1366px){ .fukuan .list .la h5{ font-size:16px; line-height:26px; min-height:52px;} } @media screen and (max-width:1024px){ .fukuan{ padding-top:30px; padding-bottom:30px;} .fukuan .list{ margin-top:10px;} .fukuan .list ul{ margin:0 -15px;} .fukuan .list li{ width:100%; padding:0 15px; margin-top:30px;} .fukuan .list li:after{ transform:rotate(90deg); right:50%; top:100%; margin-top:-5px; margin-right:-10px;} .fukuan .list .la{ padding:20px 10px 50px 10px;} .fukuan .list .la i{ width:66px; height:66px; font-size:24px; line-height:66px;} .fukuan .list .la h5{ font-size:14px; line-height:24px; min-height:24px; margin-top:10px;} .fukuan .list .la em{ display:none; margin:10px 0 18px 0;} .fukuan .list .la h6{ margin-top:10px;} } @media screen and (max-width:767px){ } .liucheng{ margin-top:65px; margin-bottom:70px;} .liucheng .list{ float:left; width:100%; margin-top:65px; padding:0 5.6%;} .liucheng .list ul{ float:left; width:100%; position:relative; padding:8px 0 16px 0;} .liucheng .list ul:after{ float:left; width:2px; height:100%; position:absolute; left:50%; top:0; content:''; background:#006666; margin-left:-1px; z-index:1;} .liucheng .list ul:before{ float:left; width:8px; height:8px; position:absolute; left:50%; top:0; content:''; background:#006666; margin-left:-4px; z-index:1; border-radius:50%;} .liucheng .list li{ float:left; width:100%; position:relative; z-index:3;} .liucheng .list li .ico{ float:right; width:40px; height:40px; border-radius:50%; background:#006666; line-height:0; box-shadow:0 0 0 5px rgba(0,102,102,0.05); position:absolute; left:50%; top:0; margin-top:4.43%; margin-left:-20px;} .liucheng .list li .img{ float:left; width:45.37%; line-height:0; overflow:hidden;} .liucheng .list li .img img{ -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;} .liucheng .list li:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .liucheng .list li .text{ float:right; width:45.37%; margin:4.43% 0 20px 0; letter-spacing:1px;} .liucheng .list li .tit{ float:left; width:100%; color:#111111; font-size:24px; line-height:34px; margin-top:5px;} .liucheng .list li .cont{ float:left; width:100%; color:#666666; font-size:18px; line-height:36px;} .liucheng .list li .line{ float:left; width:40px; height:2px; background:#006666; margin:4.9% 0;} .liucheng .list li:hover .tit{ color:#006666;} .liucheng .list li:nth-child(2n) .img{ float:right;} .liucheng .list li:nth-child(2n) .text{ float:left;} .liucheng .list li:nth-child(2n) .tit{ text-align:right;} .liucheng .list li:nth-child(2n) .line{float:right;} @media screen and (max-width:1600px){ .liucheng .list{ padding:0;} .liucheng .list li .cont{ font-size:16px; line-height:30px;} } @media screen and (max-width:1366px){ } @media screen and (max-width:1024px){ .liucheng{ margin-top:30px; margin-bottom:30px;} .liucheng .list{ margin-top:20px;} .liucheng .list ul{ padding:10px 0 0 0;} .liucheng .list ul:after{ left:0; margin-left:20px;} .liucheng .list ul:before{ left:0; margin-left:17px;} .liucheng .list li{ padding:0 0 0 60px;} .liucheng .list li .ico{ left:0; margin-left:0;} .liucheng .list li .img{ width:100%;} .liucheng .list li .text{ width:100%; margin:15px 0 20px 0;} .liucheng .list li .tit{ font-size:18px; line-height:28px;} .liucheng .list li .cont{ font-size:14px; line-height:26px;} .liucheng .list li .line{ margin:10px 0;} .liucheng .list li:nth-child(2n) .tit{ text-align:left;} .liucheng .list li:nth-child(2n) .line{float:left;;} } @media screen and (max-width:767px){ } .zhenxuan1{ margin-top:65px; margin-bottom:65px;} .zhenxuan1 .list{ float:left; width:100%; margin-top:65px;} .zhenxuan1 .list ul{ margin:0 -5px;flex-wrap:wrap; display: flex;} .zhenxuan1 .list li{ float:left; width:25.2%; padding:5px; line-height:0;} .zhenxuan1 .list li:nth-child(1), .zhenxuan1 .list li:nth-child(5){ width:49.6%;} .zhenxuan1 .list li i{ float:left; width:100%; overflow:hidden;} .zhenxuan1 .list li i img{ -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;} .zhenxuan1 .list li i:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} @media screen and (max-width:1600px){ .zhenxuan1 .list li{ width:25.3%;} .zhenxuan1 .list li:nth-child(1), .zhenxuan1 .list li:nth-child(5){ width:49.4%;} } @media screen and (max-width:1024px){ .zhenxuan1{ margin-top:30px; margin-bottom:30px;} .zhenxuan1 .list{ margin-top:20px;} } @media screen and (max-width:767px){ .zhenxuan1 .list li{ width:100%;} .zhenxuan1 .list li:nth-child(1), .zhenxuan1 .list li:nth-child(5){ width:100%;} } .zhenxuan3{ margin-top:65px; margin-bottom:65px;} .zhenxuan3 .list{ float:left; width:100%; margin-top:62px;} .zhenxuan3 .list ul{ margin:1px 0 0 1px;flex-wrap:wrap; display: flex;} .zhenxuan3 .list li{ float:left; width:20%; line-height:0; border:1px dashed #e5e5e5; margin:-1px 0 0 -1px;} .zhenxuan3 .list li i{ float:left; width:100%;} .zhenxuan3 .list li i img{ -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;} .zhenxuan3 .list li i:hover img{ -webkit-transform: scale(1.03); -moz-transform: scale(1.03);transform: scale(1.03); box-shadow:0 1px 18px rgba(200,200,200,0.35);} @media screen and (max-width:1024px){ .zhenxuan3{ margin-top:30px; margin-bottom:30px;} .zhenxuan3 .list{ margin-top:20px;} } @media screen and (max-width:767px){ .zhenxuan3 .list li{ width:50%;} } .zhenxuan2{ padding-top:65px; padding-bottom:82px; position:relative;} .zhenxuan2:after, .zhenxuan2:before{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:#000;} .zhenxuan2:after{ background:#000; opacity:0.2; z-index:2;} .zhenxuan2:before{ background:#006666; opacity:0.87; z-index:1;} .zhenxuan2 .list{ float:left; width:100%; position:relative; z-index:3; margin-top:43px; padding:0 11.56%;} .zhenxuan2 .list ul{ margin:0 -15px;flex-wrap:wrap; display: flex; } .zhenxuan2 .list li{ float:left; width:33.33%; padding: 0 15px;} .zhenxuan2 .list .l1{ float:left; width:100%; border:1px solid rgba(255,255,255,0.4); border-radius:10px; position:relative; padding:15px 20px 32px 12.56%; height:124px;flex-wrap:wrap; display: flex; justify-content:center; align-items: center; } .zhenxuan2 .list .l1 i{ float:left; width:58px; height:58px; line-height:0; border:1px solid #fff; overflow:hidden; border-radius:50%; position:absolute; left:12.56%; top:50%; margin-top:-29px; } .zhenxuan2 .list li:hover .l1 i{ -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; } .zhenxuan2 .list .l1 h2{ float:left; width:100%; color:#fff; font-size:24px; line-height:32px; position:relative; z-index:3; padding-left:78px;} .zhenxuan2 .list .l1 h2 span{ display:block; font-size:16px; line-height:24px;} .zhenxuan2 .list .l2{ float:left; width:100%; border:1px solid rgba(255,255,255,0.4); border-radius:10px; position:relative; overflow:hidden; margin-top:40px; text-align:center; padding:40px 35px 20px 35px; min-height:440px;} .zhenxuan2 .list .l2 em{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; opacity:0;-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; } .zhenxuan2 .list .l2 h1{ float:left; width:100%; color:#fff; font-size:48px; line-height:68px; position:relative; z-index:3; margin-bottom:55px; } .zhenxuan2 .list .l2 h1 span{ font-size:20px;} .zhenxuan2 .list .l2 h1:after{ float:left; width:68px; height:68px; position:absolute; left:50%; top:50%; border:1px solid #ffffff; content:''; transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg);} .zhenxuan2 .list .l2 h2{ float:left; width:100%; color:#fff; font-size:24px; line-height:34px; position:relative; z-index:3; padding-bottom:26px;} .zhenxuan2 .list .l2 h2:after{ float:left; width:44px; height:2px; position:absolute; left:50%; bottom:0; background:#fff; margin-left:-22px; content:'';} .zhenxuan2 .list .l2 h5{ float:left; width:100%; color:#fff; font-size:16px; line-height:30px; margin-top:26px; position:relative; z-index:3;} .zhenxuan2 .list li:hover .l2{ background:#fff;} .zhenxuan2 .list li:hover .l2 em{ opacity:0.16;} .zhenxuan2 .list li:hover .l2 h1, .zhenxuan2 .list li:hover .l2 h2, .zhenxuan2 .list li:hover .l2 h5{ color:#006666;} .zhenxuan2 .list li:hover .l2 h1:after{ border:1px solid #006666;} .zhenxuan2 .list li:hover .l2 h2:after{ background:#006666;} @media screen and (max-width:1660px){ .zhenxuan2 .list{ padding:0;} .zhenxuan2 .list .l1{ padding:15px 15px 15px 6%;} .zhenxuan2 .list .l1 i{ left:6%;} .zhenxuan2 .list .l1 h2{ font-size:20px; line-height:28px; padding-left:70px;} .zhenxuan2 .list .l1 h2 span{ font-size:14px;} .zhenxuan2 .list .l2{ padding:40px 10px 20px 20px;} .zhenxuan2 .list .l2 h1{ margin-bottom:30px;} .zhenxuan2 .list .l2 h2{ font-size:20px; line-height:30px; } .zhenxuan2 .list .l2 h5{ font-size:14px; line-height:28 px;} } @media screen and (max-width:1024px){ .zhenxuan2{ padding-top:30px; padding-bottom:30px;} .zhenxuan2 .list{ margin-top:20px;} .zhenxuan2 .list ul{ margin:-4px;} .zhenxuan2 .list li{ width:100%; padding:4px;} .zhenxuan2 .list .l1{ height:auto; padding:20px 15px 20px 15px;} .zhenxuan2 .list .l1 i{ left:15px;} .zhenxuan2 .list .l1 h2{ font-size:16px; line-height:24px; padding-left:66px;} .zhenxuan2 .list .l1 h2 span{ font-size:14px; line-height:22px;} .zhenxuan2 .list .l2{ margin-top:10px; padding:30px 15px; min-height:inherit;} .zhenxuan2 .list .l2 h1{ font-size:26px; line-height:50px; margin-bottom:20px;} .zhenxuan2 .list .l2 h1 span{ font-size:16px;} .zhenxuan2 .list .l2 h1:after{ width:50px; height:50px;} .zhenxuan2 .list .l2 h2{ font-size:16px; line-height:26px; padding-bottom:15px;} .zhenxuan2 .list .l2 h5{ font-size:14px; line-height:22px; margin-top:15px;} } @media screen and (max-width:767px){ } ._Form2{ float:left; width:100%; position:relative; margin:83px 0; padding:51px 3.875% 60px 3.875%;} ._Form2:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:#f9f9f9; opacity:0.85;} ._Form2 .cont{ float:left; width:100%; position:relative; z-index:3; color:#111111; text-align:center; font-size:36px; line-height:46px;} ._Form2 form{ float:left; width:100%; position:relative; z-index:3; margin-top:35px;} ._Form2 .lab{ float:left; width:49%; margin-top:21px; position:relative; } ._Form2 .lab:nth-child(2n){ float:right;} ._Form2 .lab1{ padding-left:126px; padding-right:126px; position:relative;} ._Form2 .lab em{ float:left; position:absolute; right:20px; top:25px; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent;border-top:6px solid #a1a1a1; } ._Form2 .lab h5{ float:left; position:absolute; left:38px; top:0; color:#333333; font-size:18px; line-height:56px;} ._Form2 .lab .text{ float:left; width:100%; height:56px; line-height:30px; color:#333333; font-size:18px; padding:12px 38px 12px 126px; border:1px solid #b7b7b7; cursor:pointer;} ._Form2 .lab .text:focus{border:1px solid #006666;} ._Form2 .lab .text0{ border-top:none;border-left:none;border-right:none; padding-left:12px;} ._Form2 .lab .text0:focus{ border-top:none;border-left:none;border-right:none;} ._Form2 .lab .text1{ padding-left:38px;} ._Form2 .lab.mt{ margin-top:64px;} ._Form2 .lab .submit{ float:left; width:46%; height:56px; line-height:56px; color:#fff; font-size:18px; padding:0; border:none; background:#006666; cursor:pointer; margin:0 27%;} ._Form2 .lab .submit:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} ._Form2 .lab .yanzhengma{ float:left; position:absolute; right:126px; bottom:2px; width:112px; height:52px;} ._Form2 .lab ul{ display:none; float:left; width:100%; position:absolute; right:0; top:100%; z-index:6; background:rgba(255,255,255,0.78); border:1px solid #dddddd; border-top:none;} ._Form2 .lab ul li{ float:left; width:100%; color:#333333; font-size:16px; line-height:40px; padding:0 50px; cursor:pointer;} ._Form2 .lab ul li:hover{ color:#fff; background:#006666; } ._Form2 ::-webkit-input-placeholder{color:#333333;} ._Form2 :-moz-placeholder{color:#333333;} ._Form2 ::-moz-placeholder{color:#333333;} ._Form2 :-ms-input-placeholder{color:#333333;} @media screen and (max-width:1600px){ ._Form2 .lab1{ padding-left:110px; padding-right:0; position:relative;} ._Form2 .lab h5{ left:20px;} ._Form2 .lab .submit{ width:70%; margin:0 15%;} ._Form2 .lab .text{ padding:12px 20px 12px 110px;} ._Form2 .lab .text0{ padding-left:12px;} ._Form2 .lab .text1{ padding-left:20px;} ._Form2 .lab .yanzhengma{ right:0;} ._Form2 .lab ul li{ padding:0 30px;} } @media screen and (max-width:1024px){ ._Form2{ margin:30px 0; padding:25px 15px 35px 15px;} ._Form2 .cont{ font-size:20px; line-height:30px;} ._Form2 form{ margin-top:10px;} ._Form2 .lab{ width:100%; margin-top:10px;} ._Form2 .lab1{ padding-left:75px;} ._Form2 .lab em{right:10px; top:16px;} ._Form2 .lab h5{ left:15px; font-size:15px; line-height:40px;} ._Form2 .lab .text{ height:40px; line-height:28px; font-size:15px; padding:5px 15px 5px 90px;} ._Form2 .lab .text0{ padding-left:12px;} ._Form2 .lab .text1{ padding-left:15px;} ._Form2 .lab .yanzhengma{ width:78px; height:36px;} ._Form2 .lab .submit{ height:40px; line-height:38px; font-size:15px;} ._Form2 .lab ul li{ padding:0 20px; font-size:14px; line-height:36px;} ._Form2 .lab.mt{ margin-top:20px;} } .zaijian{ float:left; width:100%; position:relative; padding-top:55px; padding-bottom:48px;} .zaijian:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:#f9f9f9; opacity:0.85;} .zaijian .tit{ float:left; width:100%; position:relative; z-index:3; color:#111111; font-size:36px; line-height:46px;} .zaijian .cont{ float:left; width:100%; position:relative; z-index:3; margin-top:38px;} .zaijian .cont h5{ float:left; color:#666666; font-size:16px; line-height:30px; margin:5px 0;} .zaijian .cont a{ float:right; width:160px; text-align:center; color:#fff; font-size:16px; line-height:40px; background:#006666;} .zaijian .cont a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} @media screen and (max-width:1024px){ .zaijian{ padding-top:25px; padding-bottom:25px;} .zaijian .tit{ font-size:20px; line-height:30px;} .zaijian .cont{ margin-top:2px;} .zaijian .cont h5{ font-size:14px; line-height:24px;} .zaijian .cont a{ width:100px; font-size:14px; line-height:34px;} } @media screen and (max-width:767px){ .zaijian .cont h5{ width:100%;} .zaijian .cont a{ float:left; margin-top:6px;} } .zaijian1{ float:left; width:100%; margin:60px 0 0 0;} .zaijian1 .hd{ float:left; width:100%; padding:0 9.5%;} .zaijian1 .hd li{ float:left; width:20%; text-align:center;flex-wrap:wrap; display: flex; justify-content:center; align-items: center; cursor:pointer;} .zaijian1 .hd li h5{ float:left; width:100%; color:#1b1b1b; font-size:20px; line-height:30px; margin-top:27px; } .zaijian1 .hd li i{ float:left; width:70px; height:70px; border:1px solid #1b1b1b; background:#fff; border-radius:50%; overflow:hidden; position:relative;} .zaijian1 .hd li i img{ max-width:none; width:66px; height:66px; left:0; top:0;} .zaijian1 .hd li i .hide{ position:relative; opacity:1;} .zaijian1 .hd li i .show{ position:absolute; opacity:0;} .zaijian1 .hd li.on h5{ color:#006666;} .zaijian1 .hd li.on i{ background:#006666; border:1px solid #006666; -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; } .zaijian1 .hd li.on i .hide{ opacity:0;} .zaijian1 .hd li.on i .show{ opacity:1;} .zaijian1 .bd{ float:left; width:100%; position:relative; margin-top:65px;} .zaijian1 .bd .ul{ float:left; width:100%; position:absolute; left:0; top:0; opacity:0; z-index:1;} .zaijian1 .bd .ul.active{ position:relative; opacity:1; z-index:2;} .zaijian1 .bd ul{ margin:0 -17px;} .zaijian1 .bd ul li{ float:left; width:33.33%; padding:0 17px;} .zaijian1 .bd ul li i{ float:left; width:100%; line-height:0; overflow:hidden;} .zaijian1 .bd ul li i img{ -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;} .zaijian1 .bd ul li i:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .zaijian1 .slick-prev, .zaijian1 .slick-next{ width:24px; height:24px; border-top:2px solid #dbdbdb; border-right:2px solid #dbdbdb;} .zaijian1 .slick-prev{ left:-30px; transform:rotate(225deg); -ms-transform:rotate(225deg);} .zaijian1 .slick-next{ right:-30px; transform:rotate(45deg); -ms-transform:rotate(45deg);} .zaijian1 .slick-prev:hover, .zaijian1 .slick-next:hover{ border-top:2px solid #006666; border-right:2px solid #006666;} @media screen and (max-width:1600px){ .zaijian1 .hd{ padding:0;} } @media screen and (max-width:1024px){ .zaijian1{ margin:30px 0 0 0;} .zaijian1 .hd li h5{ font-size:16px; line-height:26px; margin-top:10px;} .zaijian1 .bd{ margin-top:20px;} .zaijian1 .bd .ul{ padding:0 15px;} .zaijian1 .bd ul{ margin:0 -6px;} .zaijian1 .bd ul li{ padding:0 6px;} .zaijian1 .slick-prev, .zaijian1 .slick-next{ width:20px; height:20px;} .zaijian1 .slick-prev{ left:-13px;} .zaijian1 .slick-next{ right:-13px;} } @media screen and (max-width:767px){ .zaijian1 .bd ul li{ width:100%;} .zaijian1 .hd{ overflow-x:auto; overflow-y:hidden;} .zaijian1 .hd::-webkit-scrollbar{ display: none;} .zaijian1 .hd ul{ white-space:nowrap; display:inline-block;} .zaijian1 .hd li{ float:none; display:inline-block; width:29%;} .zaijian1 .hd li i{ float:none; display:inline-block;} } .zaiList{ margin-top:30px; margin-bottom:85px;} .zaiList ul{ float:left; width:100%; margin-bottom:85px;} .zaiList ul li{ float:left; width:100%; margin-top:39px; position:relative;} .zaiList ul li a{ float:left; width:100%; position:relative; border:1px solid #dddddd; padding-left:513px;} .zaiList ul li a .img{ float:left; width:513px; height:342px; line-height:0; overflow:hidden; position:absolute; z-index:3; left:-1px; top:-1px;} .zaiList ul li a .img img{ -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;} .zaiList ul li a:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .zaiList ul li a .text{ float:left; width:100%; height:340px; padding:0 5.7% 0 7.7%; overflow:hidden;} .zaiList ul li a .tit{ float:left; width:100%;color:#111111; font-size:24px; line-height:34px; margin-top:6%;white-space: nowrap; text-overflow:ellipsis; } .zaiList ul li a:hover .tit{ color:#006666;} .zaiList ul li a .addr{ float:left; width:100%; padding:1.8% 0 3.9% 0; border-bottom:1px solid rgba(0,102,102,0.28); } .zaiList ul li a .addr h5{ float:left; color:#666666; font-size:16px; line-height:30px; margin:5px 0;} .zaiList ul li a .addr span{ float:right; width:160px; text-align:center; color:#fff; font-size:16px; line-height:40px; background:#006666;} .zaiList ul li a .addr span:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} .zaiList ul li a .info{ float:left; width:114%; margin-left:-7%; margin-top:3.3%;} .zaiList ul li a .l1{ float:left; width:20%; position:relative; text-align:center;} .zaiList ul li a .l1:after{ float:left; width:20px; height:20px; position:absolute; left:-10px; top:14px; content:''; background:url(../images/img2_1.png) center right no-repeat;} .zaiList ul li a .l1:first-child:after{ display:none;} .zaiList ul li a .l1 i{ float:left; width:100%; line-height:0;} .zaiList ul li a .l1 i img{ width:50px; height:50px; border-radius:50%; background:#1b1b1b; } .zaiList ul li a .l1 h6{ float:left; width:100%; color:#666666; font-size:16px; line-height:26px; margin-top:9px; } .zaiList ul li a .l1.on:after{ background:url(../images/img2.png) center right no-repeat;} .zaiList ul li a .l1.on i img{ background:#006666;} .zaiList ul li a .l1.on h6{ color:#006666;} .zaiList ul li a .l1:hover i img{ -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; } @media screen and (max-width:1600px){ .zaiList ul li a{ padding-left:460px;} .zaiList ul li a .img{ width:460px;} .zaiList ul li a .text{ height:304px; padding:0 5.7%;} .zaiList ul li a .addr span{ width:120px;} } @media screen and (max-width:1024px){ .zaiList{ margin-top:15px; margin-bottom:30px;} .zaiList ul{ margin-bottom:30px;} .zaiList ul li{ margin-top:15px;} .zaiList ul li a{ padding:0;} .zaiList ul li a .img{ width:100%; height:auto; position:static;} .zaiList ul li a .text{ height:auto; padding:20px 12px;} .zaiList ul li a .tit{ margin-top:0; font-size:16px; line-height:26px;} .zaiList ul li a .addr h5{ font-size:14px; line-height:24px;} .zaiList ul li a .addr span{ width:100px; font-size:14px; line-height:34px;} .zaiList ul li a .info{ width:108%; margin-left:-4%; margin-top:15px;} .zaiList ul li a .l1:after{ width:14px; right:-7px;} .zaiList ul li a .l1 h6{ font-size:14px; line-height:24px; margin-top:5px;} } @media screen and (max-width:767px){ .zaiList ul li a .addr{ padding:0 0 15px 0;} .zaiList ul li a .addr h5{ width:100%;} .zaiList ul li a .addr span{ float:left; margin-top:6px;} } .vr-viode{ display:none; float:left; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); width:1000px; z-index:20; background:rgba(255,255,255,0.6); padding:15px;} .vr-viode .colse{ float:left; width:27px; line-height:0; position:absolute; right:15px; bottom:100%; cursor:pointer;} .vr-viode video{ float:left; width:100%; height:560px;object-fit: fill;} @media screen and (max-width:1024px){ .vr-viode{ width:90%; padding:10px;} .vr-viode video{ height:360px;} } .indexTit{ float:left; width:100%; text-align:center; overflow:hidden; position:relative; z-index:3;} .indexTit h1{ float:left; width:100%; color:#000000; font-size:36px; line-height:48px; letter-spacing:2px; position:relative; z-index:3;} .indexTit h1 span{ color:#006666; font-size:48px; margin-right:28px;} .indexTit h5{ float:left; width:100%; color:#333333; font-size:18px; line-height:18px; letter-spacing:1px; text-transform:uppercase; margin-top:22px;} .indexTit h5 span{ position:relative; padding:0 30px;} .indexTit h5 span:after, .indexTit h5 span:before{ float:left; width:160px; height:1px; content:''; position:absolute; top:50%; background:#333333;} .indexTit h5 span:after{ left:100%;} .indexTit h5 span:before{ right:100%;} .indexTit h5 span:after{ left:100%;} .indexTit h2{ float:left; width:100%; text-transform:uppercase; font-size:70px; line-height:1; font-weight:bold; color:#000000; opacity:0.09; margin-bottom:-35px; z-index:1;} .indexHd{ float:left; width:100%; position:relative; z-index:3;flex-wrap:wrap; display: flex; justify-content:center; align-items: center; } .indexHd ul{ float:left;} .indexHd ul li, .indexHd a{ float:left; color:#666666; font-size:18px; line-height:28px; position:relative;} .indexHd ul li{ margin-right:104px; cursor:pointer;} .indexHd ul li:after{ float:left; width:1px; height:18px; content:''; position:absolute; right:-52px; top:5px; background:#c3c3c3;} .indexHd ul li.on, .indexHd a:hover{ color:#006666;} ._title1{ float:left; width:100%; text-align:center; position:relative; z-index:3;} ._title1 h1{ float:left; width:100%; color:#000000; font-size:36px; line-height:46px; position:relative; padding-bottom:29px;} ._title1 h1:after{ float:left; width:44px; height:2px; position:absolute; left:50%; bottom:0; background:#006666; margin-left:-22px; content:'';} ._title1 h5{ float:left; width:100%; color:#006666; font-size:20px; line-height:30px; margin-top:15px;} ._title2{ float:left; width:100%; text-align:center; letter-spacing:1px; position:relative; z-index:3;} ._title2 h1{ float:left; width:100%; color:#006666; font-size:48px; line-height:58px; position:relative; padding-bottom:18px; font-weight:bold;} ._title2 h1:after{ float:left; width:44px; height:2px; position:absolute; left:50%; bottom:0; background:#006666; margin-left:-22px; content:'';} ._title2 h5{ float:left; width:100%; color:#666666; font-size:20px; line-height:30px; margin-top:15px;} ._title3{ float:left; width:100%; text-align:center; letter-spacing:1px; position:relative; z-index:3;} ._title3 h1{ float:left; width:100%; color:#fff; font-size:48px; line-height:58px; position:relative; padding-bottom:18px; font-weight:bold;} ._title3 h1:after{ float:left; width:44px; height:2px; position:absolute; left:50%; bottom:0; background:#fff; margin-left:-22px; content:'';} ._title3 h5{ float:left; width:100%; color:#fff; font-size:20px; line-height:30px; margin-top:15px;} @media screen and (max-width:1600px){ .indexTit h1{ font-size:28px; line-height:38px; } .indexTit h1 span{ font-size:38px; margin-right:20px;} ._title2 h1{ font-size:38px; line-height:48px;} ._title3 h1{ font-size:38px; line-height:48px;} } @media screen and (max-width:1024px){ .indexTit h1{ font-size:18px; line-height:24px; letter-spacing:1px;} .indexTit h1 span{ font-size:24px; margin-right:10px;} .indexTit h5{ font-size:14px; margin-top:10px;} .indexTit h5 span{ padding:0 15px;} .indexTit h5 span:after, .indexTit h5 span:before{ width:80px;} .indexTit h2{ font-size:29px; margin-bottom:-15px;} .indexHd ul li, .indexHd a{ font-size:14px; line-height:26px;} .indexHd ul li{ margin-right:16px;} .indexHd ul li:after{ height:14px; right:-8px;} ._title1 h1{ font-size:18px; line-height:28px; padding-bottom:15px;} ._title1 h5{ font-size:14px; line-height:24px; margin-top:10px;} ._title2 h1{ font-size:20px; line-height:30px; padding-bottom:15px;} ._title2 h5{ font-size:14px; line-height:24px; margin-top:10px;} ._title3 h1{ font-size:20px; line-height:30px; padding-bottom:15px;} ._title3 h5{ font-size:14px; line-height:24px; margin-top:10px;} } /*wyb*/ .ny_banner{width: 100%;position: relative;} /*.ny_banner::after{content: "";display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.2);position: absolute;left: 0;top: 0;z-index: 3;}*/ .ny_banner .ba_pic{width: 100%;} .ny_banner .ba_pic img{width: 100%;display: block;} .ny_banner .titbox{width: 100%;padding: 0 20px;text-align: center;position: absolute;left: 0;top: 46%;z-index: 4; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .ny_banner .titbox img{max-width: 100%;display: inline-block;} .ny_banner .titbox h3{font-size: 48px;color: #ffffff;line-height: 52px;margin-top: 16px;} .ny_banner .dq_con{width: 100%;position: absolute;bottom: 26px;left: 0;z-index: 4;} .ny_banner .dq_con .con{width: 100%;font-size: 0;} .ny_banner .dq_con .con .ico{width: 20px;height: 20px;display: inline-block;vertical-align: middle;margin-right: 10px;} .ny_banner .dq_con .con .words{display: inline-block;vertical-align: middle;font-size: 0;} .ny_banner .dq_con .con .words a{display: inline-block;vertical-align: middle;font-size: 16px;color: #ffffff;line-height: 20px;} .ny_banner .dq_con .con .words a:hover{color: #006666;} .ny_banner .dq_con .con .words span{display: inline-block;vertical-align: middle;font-size: 16px;color: #ffffff;line-height: 20px;margin: 0 8px;} @media screen and (max-width:1024px){ .ny_banner .titbox{padding: 0 15px;top: 50%;} .ny_banner .titbox img{height: 20px;} .ny_banner .titbox h3{font-size: 18px;line-height: 24px;margin-top: 6px;} .ny_banner .dq_con{bottom: 12px;} .ny_banner .dq_con .con .ico{width: 18px;height: 18px;margin-right: 8px;} .ny_banner .dq_con .con .words{ width: calc(100% - 30px); width: -ms-calc(100% - 30px); width: -o-calc(100% - 30px); width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px);} .ny_banner .dq_con .con .words a{font-size: 12px;line-height: 18px;} .ny_banner .dq_con .con .words span{font-size: 12px;line-height: 18px;margin: 0 4px;} } .ej_section{width: 100%;padding-top: 26px;padding-bottom: 26px;border-bottom: 1px solid #dddddd;} .ej_section ul{margin: 0 -74px;font-size: 0;text-align: center;} .ej_section ul li{padding: 0 74px;display: inline-block;vertical-align: middle;} .ej_section ul li a{display: block;font-size: 16px;color: #111111;line-height: 22px;} .ej_section ul li a:hover, .ej_section ul li a.on{color: #006666;} @media screen and (max-width:1024px){ .ej_section{padding-top: 20px;padding-bottom: 20px;} .ej_section ul{margin: 0 -8px;} .ej_section ul li{padding: 0 8px;} .ej_section ul li a{font-size: 14px;line-height: 20px;} } .ansx_section1{width: 100%;padding-top: 30px;padding-bottom: 44px;} .ansx_section1s{padding-bottom: 36px;} .ansx_section1 .content{width: 100%;} .ansx_section1 .content .boxs{width: 100%;overflow: hidden;margin-bottom: 30px;} .ansx_section1 .content .boxs.boxs1 .right{} .ansx_section1 .content .boxs:last-child{margin-bottom: 0;} .ansx_section1 .content .boxs .left{ float: left;font-size: 18px;color: #111111;line-height: 36px; white-space:nowrap;} .ansx_section1 .content .boxs .right{float: right; width: calc(100% - 124px); width: -ms-calc(100% - 124px); width: -o-calc(100% - 124px); width: -moz-calc(100% - 124px); width: -webkit-calc(100% - 124px);} .ansx_section1 .content .boxs .right li{float: left; margin-right:12px;margin-bottom: 10px;} .ansx_section1 .content .boxs .right li a{display: block;padding: 0 26px;font-size: 16px;color: #666666;line-height: 36px;} .ansx_section1 .content .boxs .right li a:hover{ color:#006666;} .ansx_section1 .content .boxs .right li a.on{background-color: #006666;color: #fff;} @media screen and (max-width:1750px){ .ansx_section1 .content .boxs.boxs1 .right{display: block;} .ansx_section1 .content .boxs .right li{ margin-right:4px;} .ansx_section1 .content .boxs .right li a{ padding:0 20px;} } @media screen and (max-width:1024px){ .ansx_section1{padding-top: 22px;padding-bottom: 22px;} .ansx_section1 .content .boxs{margin-bottom: 12px;} .ansx_section1 .content .boxs .left{width: 100%; font-size: 16px;line-height: 24px;float: none;margin-bottom: 8px;letter-spacing: 0;} .ansx_section1 .content .boxs .right{float: none;width: 100%;} .ansx_section1 .content .boxs .right li{float: none;display: inline-block;vertical-align: middle; margin-right:0;width: 25%;display: block;float: left;text-align: center;} .ansx_section1 .content .boxs .right li a{padding: 0 5px;font-size: 12px;line-height: 30px;} } .ansx_section2{width: 100%;padding-top: 20px;padding-bottom: 20px;background-color: #f9f9f9;} .ansx_section2 .content{width: 100%;overflow: hidden;} .ansx_section2 .content .left{float: left;font-size: 16px;color: #666666;line-height: 40px;} .ansx_section2 .content .right{float: right;width: 376px;position: relative;padding-right: 90px;padding-left: 62px;background-color: #fff;} .ansx_section2 .content .right input{width: 100%;height: 40px;background-color: rgba(255,255,255,0);border-color: rgba(255,255,255,0);font-size: 16px;color: #999999;} .ansx_section2 .content .right input::-webkit-input-placeholder{font-size: 16px;color: #999999;} .ansx_section2 .content .right input:-moz-placeholder{font-size: 16px;color: #999999;} .ansx_section2 .content .right input::moz-placeholder{font-size: 16px;color: #999999;} .ansx_section2 .content .right input:-ms-input-placeholder{font-size: 16px;color: #999999;} .ansx_section2 .content .right .ico{width: 14px;height: 14px;position: absolute;left: 26px;top: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .ansx_section2 .content .right button{width: 77px;height: 40px;background-color: #006666;font-size: 16px;color: #fff;position: absolute;right: 0;top: 0; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .ansx_section2 .content .right button:hover{opacity: 0.6;} @media screen and (max-width:1024px){ .ansx_section2{padding-top: 16px;padding-bottom: 16px;} .ansx_section2 .content .left{float: none;font-size: 14px;line-height: 22px;margin-bottom: 10px;} .ansx_section2 .content .right{float: none;width: 100%;padding-right: 70px;padding-left: 34px;} .ansx_section2 .content .right input{height: 34px;font-size: 14px;} .ansx_section2 .content .right input::-webkit-input-placeholder{font-size: 14px;} .ansx_section2 .content .right input:-moz-placeholder{font-size: 14px;} .ansx_section2 .content .right input::moz-placeholder{font-size: 14px;} .ansx_section2 .content .right input:-ms-input-placeholder{font-size: 14px;} .ansx_section2 .content .right .ico{width: 10px;height: 10px;left: 13.5px;} .ansx_section2 .content .right button{width: 60px;height: 34px;font-size: 14px;} } .ansx_section3{width: 100%;padding-top: 70px;padding-bottom: 84px;} .ansx_section3 .ul{margin: -20px -17px; display:flex; flex-wrap: wrap; align-items: flex-start; width: calc(100% + 34px); width: -ms-calc(100% + 34px); width: -o-calc(100% + 34px); width: -moz-calc(100% + 34px); width: -webkit-calc(100% + 34px);} .ansx_section3 .ul::after{content: "";display: block;clear: both;} .ansx_section3 .content{width: 100%;margin-bottom: 76px;} .ansx_section3 .ul .li{width: 33.33333%;float: left;padding: 20px 17px;} .ansx_section3 .ul .li .a{display: block;width: 100%;} .ansx_section3 .ul .li .a .pic{ width: 100%; padding-bottom: 66.66%; position: relative; overflow: hidden; min-height: 50px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} .ansx_section3 .ul .li .a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); 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;} .ansx_section3 .ul .li .a .pic iframe{position:absolute; width:100%; height:100% ; display:block;} .ansx_section3 .ul .li .a .pic a{position:absolute; width:100%; height:100% ; display:block; z-index:2;} .ansx_section3 .ul .li .a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);} .ansx_section3 .ul .li .a .wordsbox{width: 100%;padding: 20px 50px 24px 28px;position: relative; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .ansx_section3 .ul .li .a .wordsbox h2{font-size: 24px;color: #111111;line-height: 28px;margin-bottom: 16px;width: 100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .ansx_section3 .ul .li .a .wordsbox h3{font-size: 16px;color: #666666;line-height: 22px;width: 100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .ansx_section3 .ul .li .a .wordsbox .ico{width: 20px;height: 5px;position: absolute;right: 24px;top: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .ansx_section3 .ul .li .a:hover .wordsbox{background-color: #006666;} .ansx_section3 .ul .li .a:hover .wordsbox h2{color: #fff;} .ansx_section3 .ul .li .a:hover .wordsbox h3{color: #fff;} @media screen and (max-width:1024px){ .ansx_section3{padding-top: 30px;padding-bottom: 30px;} .ansx_section3 .ul{margin:-5px 0;width:100%; padding:0 10px;} .ansx_section3 .content{margin-bottom: 14px;} .ansx_section3 .ul .li{padding:5px 6px;width: 100%;} } .page_section{width: 100%;font-size: 0;text-align: center;} .page_section .box{display: inline-block;vertical-align: middle;font-size: 14px;color: #666666;width: 26px;line-height: 26px;text-align: center;background-color: #e5e5e5;margin: 0 5px;} .page_section .box:hover, .page_section .box.on{color: #fff;background-color: #006666;} .page_section .prev{font-size: 16px;color: #666666;line-height: 26px;display: inline-block;vertical-align: middle;margin-right: 18px;} .page_section .next{font-size: 16px;color: #666666;line-height: 26px;display: inline-block;vertical-align: middle;margin-left: 18px;} .page_section .prev:hover, .page_section .next:hover{color: #006666;} .page_section span{font-size: 16px;color: #666666;line-height: 26px;display: inline-block;vertical-align: middle;} @media screen and (max-width:1024px){ .page_section .box{font-size: 12px;width: 24px;line-height: 24px;margin: 0 4px;} .page_section .prev{font-size: 14px;line-height: 24px;margin-right: 10px;} .page_section .next{font-size: 14px;line-height: 24px;margin-left: 10px;} .page_section span{font-size: 14px;line-height: 24px;} } .ansxqj_section3{width: 100%;padding-top: 70px;padding-bottom: 84px;} .ansxqj_section3 .content{width: 100%;margin-bottom: 96px;} .ansxqj_section3 .content ul{width: 100%;} .ansxqj_section3 .content ul li{margin-bottom: 60px;width: 100%;} .ansxqj_section3 .content ul li:last-child{margin-bottom: 0;} .ansxqj_section3 .content ul li .libox{width: 100%;} .ansxqj_section3 .content ul li .libox::after{content: "";display: block;clear: both;} .ansxqj_section3 .content ul li .libox .left{width: 49.68%;float: left;height: 530px;position: relative;} .ansxqj_section3 .content ul li .libox .left .box1{width: 100%;position: relative;height: 100%;cursor: pointer;display: none;} .ansxqj_section3 .content ul li .libox .left .box1 .ba_pic{width: 100%;height: 100%;} .ansxqj_section3 .content ul li .libox .left .box1 .icos{width: 80px;height: 80px;position: absolute;left: 50%;top: 50%;display: none; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);} .ansxqj_section3 .content ul li .libox .left .box1 .icowords{width: 156px;background-color: rgba(0,102,102,0.55);font-size: 0;text-align: center;border-radius: 8px;position: absolute;right: 25px;top:40px;} .ansxqj_section3 .content ul li .libox .left .box1 .icowords .ico{width: 20px;height: 20px;display: inline-block;vertical-align: middle;margin-right: 6px;} .ansxqj_section3 .content ul li .libox .left .box1 .icowords .words{font-size: 16px;color: #ffffff;line-height: 36px;display: inline-block;vertical-align: middle;} .ansxqj_section3 .content ul li .libox .left .box2{display: block;width: 100%;height: 100%;position: relative;} .ansxqj_section3 .content ul li .libox .left .box2 iframe{width: 100%;height: 100%;} .ansxqj_section3 .content ul li .libox .left.on .box1{display: none;} .ansxqj_section3 .content ul li .libox .left.on .box2{display: block;} .ansxqj_section3 .content ul li .libox .right{width: 50.32%;float: right;height: 530px;position: relative;border: 1px solid #dddddd; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .ansxqj_section3 .content ul li .libox:hover .right{border-color: rgba(255,255,255,0); box-shadow: 6px 0 29px rgba(173,173,173,0.28);} .ansxqj_section3 .content ul li .libox .right .rightbox{width: 100%;position: absolute;left: 0;top: 50%;padding:0 46px 0 80px; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .ansxqj_section3 .content ul li .libox .right .rightbox h2{font-size: 24px;color: #111111;line-height: 28px;margin-bottom: 28px;} .ansxqj_section3 .content ul li .libox .right .rightbox h3{font-size: 16px;color: #666666;line-height: 22px;margin-bottom: 58px;position: relative;letter-spacing: 3px;} .ansxqj_section3 .content ul li .libox .right .rightbox h3::after{content: "";display: block;width: 100%;height: 1px;background-color: #b8d4d4;position: absolute;left: 0;bottom: -32px;} .ansxqj_section3 .content ul li .libox .right .rightbox .box{width: 100%;margin-bottom: 36px;font-size: 0;} .ansxqj_section3 .content ul li .libox .right .rightbox .box .heads{width: 60px;height: 60px;display: inline-block;vertical-align: middle;border-radius: 100%;} .ansxqj_section3 .content ul li .libox .right .rightbox .box .words1{font-size: 20px;color: #006666;line-height: 36px;display: inline-block;vertical-align: middle;margin-left: 30px;border-bottom: 1px solid #006666;} .ansxqj_section3 .content ul li .libox .right .rightbox .box .words2{font-size: 16px;color: #333333;line-height: 24px;display: inline-block;vertical-align: middle;margin-left: 20px;} .ansxqj_section3 .content ul li .libox .right .rightbox .info{font-size: 16px;color: #666666;line-height: 30px;margin-bottom: 32px;letter-spacing: 1px;padding-right: 10px; overflow: hidden; overflow-y: auto; scrollbar-width: thin; max-height: 120px;} .ansxqj_section3 .content ul li .libox .right .rightbox .info::-webkit-scrollbar{ width: 3px;} .ansxqj_section3 .content ul li .libox .right .rightbox .info::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 3px;} .ansxqj_section3 .content ul li .libox .right .rightbox .info::-webkit-scrollbar-thumb{ width: 3px; background-color: #006666; border-radius: 3px;} .ansxqj_section3 .content ul li .libox .right .rightbox .abox{width: 100%;font-size: 0;} .ansxqj_section3 .content ul li .libox .right .rightbox .abox a{display: inline-block;vertical-align: middle;width: 160px;height: 40px;line-height: 40px;font-size: 16px;color: #ffffff;background-color: #5a5755;text-align: center;margin-right: 28px;} .ansxqj_section3 .content ul li .libox .right .rightbox .abox a:hover{background-color: #006666;} @media screen and (max-width:1220px){ .ansxqj_section3 .content ul li .libox .right .rightbox{padding:0 20px;} .ansxqj_section3 .content ul li .libox .right .rightbox .abox a{margin-right: 10px;} } @media screen and (max-width:1024px){ .ansxqj_section3{padding-top: 30px;padding-bottom: 30px;} .ansxqj_section3 .content{margin-bottom:16px;} .ansxqj_section3 .content ul li{margin-bottom: 24px;} .ansxqj_section3 .content ul li .libox .left{width: 100%;height: 240px;} .ansxqj_section3 .content ul li .libox .left .box1 .icos{width: 40px;height: 40px;} .ansxqj_section3 .content ul li .libox .left .box1 .icowords{width: 115px;right: 10px;top:10px;} .ansxqj_section3 .content ul li .libox .left .box1 .icowords .ico{width: 16px;height: 16px;margin-right: 4px;} .ansxqj_section3 .content ul li .libox .left .box1 .icowords .words{font-size: 12px;line-height: 26px;} .ansxqj_section3 .content ul li .libox .right{width: 100%;height: auto;} .ansxqj_section3 .content ul li .libox:hover .right{border-color: rgba(255,255,255,0); box-shadow: 6px 0 29px rgba(173,173,173,0.28);} .ansxqj_section3 .content ul li .libox .right .rightbox{position: static; padding:12px; transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0);} .ansxqj_section3 .content ul li .libox .right .rightbox h2{font-size: 16px;line-height: 22px;margin-bottom: 10px;} .ansxqj_section3 .content ul li .libox .right .rightbox h3{font-size: 14px;line-height: 20px;margin-bottom: 25px;letter-spacing: 0;} .ansxqj_section3 .content ul li .libox .right .rightbox h3::after{bottom: -13px;} .ansxqj_section3 .content ul li .libox .right .rightbox .box{margin-bottom: 10px;} .ansxqj_section3 .content ul li .libox .right .rightbox .box .heads{width: 40px;height: 40px;} .ansxqj_section3 .content ul li .libox .right .rightbox .box .words1{font-size: 16px;line-height: 28px;margin-left: 10px;} .ansxqj_section3 .content ul li .libox .right .rightbox .box .words2{font-size: 14px;line-height: 24px;margin-left: 10px;} .ansxqj_section3 .content ul li .libox .right .rightbox .info{font-size: 14px;line-height: 24px;margin-bottom: 12px;padding-right: 6px;max-height: 480px;text-align: justify;letter-spacing: 0;} .ansxqj_section3 .content ul li .libox .right .rightbox .abox a{width: 100px;height: 32px;line-height: 32px;font-size: 14px;margin-right: 10px;} } .alsxxq_section1{width: 100%;padding-top: 70px;padding-bottom: 52px;} .alsxxq_section1 .content{width: 100%;} .alsxxq_section1 .content::after{content: "";display: block;clear: both;} .alsxxq_section1 .content .left{float: left;padding-right: 38px; width: calc(100% - 300px); width: -ms-calc(100% - 300px); width: -o-calc(100% - 300px); width: -moz-calc(100% - 300px); width: -webkit-calc(100% - 300px);} .alsxxq_section1 .content .left ._tul{width: 100%;margin-bottom: 46px;} .alsxxq_section1 .content .left ._tul li{width: 100%;height: auto;} .alsxxq_section1 .content .left ._tul li a{display: block;width: 100%;overflow: hidden;position: relative;height: 590px;} .alsxxq_section1 .content .left ._tul li a .pic{width: 100%;height: 100%; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .alsxxq_section1 .content .left ._tul li a:hover .pic{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);} .alsxxq_section1 .content .left ._tul li a .words{width: 100%;text-align: center;font-size: 24px;color: #ffffff;line-height: 70px;background-color: rgba(0,0,0,0.3);position: absolute;left: 0;bottom: 0;} .alsxxq_section1 .content .left ._tul .slick-prev{width: 59px;height: 59px;background: url(../images/zimg17.png) no-repeat center center; background-size: cover;left: 20px;top: 50%;} .alsxxq_section1 .content .left ._tul .slick-next{width: 59px;height: 59px;background: url(../images/zimg18.png) no-repeat center center; background-size: cover;right: 20px;top: 50%;} .alsxxq_section1 .content .left ._tul .slick-prev:hover, .alsxxq_section1 .content .left ._tul .slick-next:hover{opacity: 0.6;} .alsxxq_section1 .content .left ._bul{margin: 0 -15px; width: calc(100% + 30px); width: -ms-calc(100% + 30px); width: -o-calc(100% + 30px); width: -moz-calc(100% + 30px); width: -webkit-calc(100% + 30px);} .alsxxq_section1 .content .left ._bul li{padding: 0 15px;float: left;height: auto;position: relative;} .alsxxq_section1 .content .left ._bul li::after{content: "";display: block;width: 100%;height: 100%;background-color: rgba(255,255,255,0);position: absolute;left: 0;top: 0;cursor: pointer;} .alsxxq_section1 .content .left ._bul li a{display: block;width: 100%;font-size: 18px;color: #666666;line-height: 54px;background-color: #eeeeee;text-align: center;} .alsxxq_section1 .content .left ._bul li.on a{color: #fff;background-color: #006666;} .alsxxq_section1 .content .left ._bul .slick-prev{width: 13px;height: 24px;background: url(../images/zimg19.png) no-repeat center center; background-size: cover;left: -10px;top: 50%;} .alsxxq_section1 .content .left ._bul .slick-next{width: 13px;height: 24px;background: url(../images/zimg20.png) no-repeat center center; background-size: cover;right: -10px;top: 50%;} .alsxxq_section1 .content .left ._bul .slick-prev:hover, .alsxxq_section1 .content .left ._bul .slick-next:hover{opacity: 0.6;} .alsxxq_section1 .content .right{float: right;width: 300px;border: 1px solid #006666;padding: 50px 10px;} .alsxxq_section1 .content .right .picbox{width: 190px;margin: 0 auto 26px auto;padding: 0 20px 20px 20px;border-bottom: 1px solid #006666;position: relative;} .alsxxq_section1 .content .right .picbox::after{content: "";display: block;width: 1px;height: 158px;background-color: #006666;position: absolute;right: 0;bottom: 0;} .alsxxq_section1 .content .right .picbox::before{content: "";display: block;width: 1px;height: 158px;background-color: #006666;position: absolute;left: 0;top: 0;} .alsxxq_section1 .content .right .picbox .pics{width: 150px;height: 223px;overflow: hidden;} .alsxxq_section1 .content .right .picbox .pics .pic{width: 100%;height: 100%; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .alsxxq_section1 .content .right .picbox:hover .pics .pic{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);} .alsxxq_section1 .content .right .tit1{font-size: 24px;color: #111111;line-height: 28px;margin-bottom: 26px;text-align: center;} .alsxxq_section1 .content .right .tit2{font-size: 18px;color: #333333;line-height: 24px;text-align: center;margin-bottom: 34px;} .alsxxq_section1 .content .right .abox{width: 100%;margin-bottom: 26px;} .alsxxq_section1 .content .right .abox.abox2{margin-bottom: 0;} .alsxxq_section1 .content .right .abox a{display: block;width: 160px;height: 40px;text-align: center;line-height: 40px;color: #ffffff;font-size: 16px;background-color: #5a5755;margin: 0 auto;} .alsxxq_section1 .content .right .abox a:hover{background-color: #006666;} @media screen and (max-width:1400px){ .alsxxq_section1 .content .left ._bul{margin: 0 -5px; width: calc(100% + 10px); width: -ms-calc(100% + 10px); width: -o-calc(100% + 10px); width: -moz-calc(100% + 10px); width: -webkit-calc(100% + 10px);} .alsxxq_section1 .content .left ._bul li{padding: 0 5px;} .alsxxq_section1 .content .left ._bul .slick-prev{left: -20px;} .alsxxq_section1 .content .left ._bul .slick-next{right: -20px;} } @media screen and (max-width:1024px){ .alsxxq_section1{padding-top: 30px;padding-bottom: 30px;} .alsxxq_section1 .content .left{padding-right: 0;width: 100%;} .alsxxq_section1 .content .left ._tul{margin-bottom: 10px;} .alsxxq_section1 .content .left ._tul li a{height: 170px;} .alsxxq_section1 .content .left ._tul li a .words{font-size: 16px;line-height: 30px;} .alsxxq_section1 .content .left ._tul .slick-prev{width: 30px;height: 30px;left: 10px;} .alsxxq_section1 .content .left ._tul .slick-next{width: 30px;height: 30px;right: 10px;} .alsxxq_section1 .content .left ._bul{margin: 0 -5px;padding: 0 14px; width: calc(100% + 10px); width: -ms-calc(100% + 10px); width: -o-calc(100% + 10px); width: -moz-calc(100% + 10px); width: -webkit-calc(100% + 10px);} .alsxxq_section1 .content .left ._bul li{padding: 0 5px;} .alsxxq_section1 .content .left ._bul li a{font-size: 14px;line-height: 30px;} .alsxxq_section1 .content .left ._bul .slick-prev{width: 10px;height: 14px;left: 5px;} .alsxxq_section1 .content .left ._bul .slick-next{width: 10px;height: 14px;right: 5px;} .alsxxq_section1 .content .right{width: 100%;padding: 14px;margin-top: 14px;font-size: 0;} .alsxxq_section1 .content .right .picbox{width: 170px; margin: 0;padding: 0 10px 10px 10px;display: inline-block;vertical-align: middle;} .alsxxq_section1 .content .right .picbox .pic{margin: 0 auto;} .alsxxq_section1 .content .right .wordsbox{display: inline-block;vertical-align: middle;padding-left: 10px; width: calc(100% - 172px); width: -ms-calc(100% - 172px); width: -o-calc(100% - 172px); width: -moz-calc(100% - 172px); width: -webkit-calc(100% - 172px);} .alsxxq_section1 .content .right .tit1{font-size: 16px;line-height: 22px;margin-bottom: 8px;} .alsxxq_section1 .content .right .tit2{font-size: 14px;line-height: 20px;margin-bottom: 10px;} .alsxxq_section1 .content .right .abox{margin-bottom: 8px;} .alsxxq_section1 .content .right .abox a{width: 120px;height: 34px;line-height: 34px;font-size: 14px;} } .alsxxq_section2{width: 100%;padding-bottom: 70px;} .alsxxq_section2 h2{font-size: 24px;color: #111111;line-height: 28px;margin-bottom: 24px;} .alsxxq_section2 h3{font-size: 16px;color: #666666;line-height: 22px;padding-bottom: 62px;margin-bottom: 28px;border-bottom: 1px solid #eeeeee;} .alsxxq_section2 .tits{font-size: 20px;color: #006666;line-height: 24px;margin-bottom: 20px;} .alsxxq_section2 .info{font-size: 16px;color: #666666;line-height: 36px;margin-bottom: 46px;padding-bottom: 40px;border-bottom: 1px solid #eeeeee;letter-spacing: 1px;} .alsxxq_section2 .page{width: 100%;overflow: hidden;} .alsxxq_section2 .page .boxs{width: 33.333%;float: left;} .alsxxq_section2 .page .boxs.center{text-align: center;} .alsxxq_section2 .page .boxs.center a{display: inline-block;font-size: 0;} .alsxxq_section2 .page .boxs.center a:hover{opacity: 0.6;} .alsxxq_section2 .page .boxs.center a .ico{width: 15px;height: 12px;display: inline-block;vertical-align: middle;margin-right: 10px;} .alsxxq_section2 .page .boxs.center a .words{font-size: 16px;color: #666666;line-height: 38px;display: inline-block;vertical-align: middle;} .alsxxq_section2 .page .boxs.left{text-align: left;} .alsxxq_section2 .page .boxs.left a{display: inline-block;font-size: 0;width: 138px;border: 1px solid #dddddd;text-align: center;} .alsxxq_section2 .page .boxs.left a .ico{width: 8px;height: 8px;display: inline-block;vertical-align: middle;border-top: 2px solid #595959;border-left: 2px solid #595959;margin-right: 6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} .alsxxq_section2 .page .boxs.left a .words{font-size: 16px;color: #666666;line-height: 36px;display: inline-block;vertical-align: middle;} .alsxxq_section2 .page .boxs.left a:hover{background-color: #006666;border-color: #006666;} .alsxxq_section2 .page .boxs.left a:hover .ico{border-color: #fff;} .alsxxq_section2 .page .boxs.left a:hover .words{color: #fff;} .alsxxq_section2 .page .boxs.right{text-align: right;} .alsxxq_section2 .page .boxs.right a{display: inline-block;font-size: 0;width: 138px;border: 1px solid #dddddd;text-align: center;} .alsxxq_section2 .page .boxs.right a .ico{width: 8px;height: 8px;display: inline-block;vertical-align: middle;border-top: 2px solid #595959;border-right: 2px solid #595959;margin-left: 6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .alsxxq_section2 .page .boxs.right a .words{font-size: 16px;color: #666666;line-height: 36px;display: inline-block;vertical-align: middle;} .alsxxq_section2 .page .boxs.right a:hover{background-color: #006666;border-color: #006666;} .alsxxq_section2 .page .boxs.right a:hover .ico{border-color: #fff;} .alsxxq_section2 .page .boxs.right a:hover .words{color: #fff;} @media screen and (max-width:1024px){ .alsxxq_section2{padding-bottom: 30px;} .alsxxq_section2 h2{font-size: 16px;line-height: 22px;margin-bottom: 10px;} .alsxxq_section2 h3{font-size: 14px;line-height: 20px;padding-bottom: 12px;margin-bottom: 12px;} .alsxxq_section2 .tits{font-size: 14px;line-height: 20px;margin-bottom: 10px;} .alsxxq_section2 .info{font-size: 14px;line-height: 24px;margin-bottom: 12px;padding-bottom: 12px;} .alsxxq_section2 .page .boxs.center a .ico{width: 12px;height: 10px;margin-right: 4px;} .alsxxq_section2 .page .boxs.center a .words{font-size: 14px;line-height: 30px;} .alsxxq_section2 .page .boxs.left a{width: 100px;} .alsxxq_section2 .page .boxs.left a .ico{width: 6px;height: 6px;border-top: 1px solid #595959;border-left: 1px solid #595959;margin-right: 4px;} .alsxxq_section2 .page .boxs.left a .words{font-size: 14px;line-height: 28px;} .alsxxq_section2 .page .boxs.right a{width: 100px;} .alsxxq_section2 .page .boxs.right a .ico{width: 6px;height: 6px;border-top: 1px solid #595959;border-right: 1px solid #595959;margin-left: 4px;} .alsxxq_section2 .page .boxs.right a .words{font-size: 14px;line-height: 28px;} } .ansx_section3s{padding-top: 66px;padding-bottom: 68px;} .ansx_section3s .content{margin-bottom: 0;} .ansx_section3s .content .ul{padding-bottom: 52px;} .ansx_section3s .content .ul .slick-prev{width: 13px;height: 24px;background: url(../images/zimg19.png) no-repeat center center; background-size: cover;left: -20px;top: 36%;} .ansx_section3s .content .ul .slick-next{width: 13px;height: 24px;background: url(../images/zimg20.png) no-repeat center center; background-size: cover;right: -20px;top: 36%;} .ansx_section3s .content .ul .slick-prev:hover, .ansx_section3s .content .ul .slick-next:hover{opacity: 0.6;} .ansx_section3s .content .ul .slick-dots{ position: absolute; bottom: 0; height: 10px; text-align: center;} .ansx_section3s .content .ul .slick-dots li{ vertical-align: top; width: 10px; height: 10px;margin: 0 15px; background: #b5d1d1;} .ansx_section3s .content .ul .slick-dots li.slick-active{ background: #006666;} .ansx_section3s .tits{width: 100%;margin-bottom: 70px;} .ansx_section3s .tits .tit{width: 100%;text-align: center;font-size: 36px;color: #111111;line-height: 42px;margin-bottom: 26px;} .ansx_section3s .tits .border{width: 45px;height: 2px;background-color: #006666;margin: 0 auto;} @media screen and (max-width:1366px){ .ansx_section3s .content .ul .slick-prev{left: 20px;} .ansx_section3s .content .ul .slick-next{right: 20px;} } @media screen and (max-width:1024px){ .ansx_section3s{padding-top: 30px;padding-bottom: 30px;} .ansx_section3s .content .ul{padding-bottom: 20px;} .ansx_section3s .content .ul .slick-dots{height: 8px;} .ansx_section3s .content .ul .slick-dots li{width: 8px; height: 8px;margin: 0 4px;} .ansx_section3s .tits{margin-bottom: 14px;} .ansx_section3s .tits .tit{font-size: 18px;line-height: 24px;margin-bottom: 12px;} .ansx_section3s .tits .border{width: 30px;} .ansx_section3s .content .ul .slick-prev{width: 10px;height: 20px;left: 0;} .ansx_section3s .content .ul .slick-next{width: 10px;height: 20px;right: 0;} } .gyyt_section1{width: 100%;padding-top: 60px;padding-bottom: 85px;} .gyyt_section1 .content{width: 100%;margin-bottom: 74px;} .gyyt_section1 .content .top{width: 100%;background-color: #006666;overflow: hidden;padding-left: 56px;padding-right: 64px;margin-bottom: 2px;} .gyyt_section1 .content .top .boxs{float: left;font-size: 20px;color: #ffffff;line-height: 66px;font-weight: bold;} .gyyt_section1 .content .top .boxs1{width: 21.28%;float: left;} .gyyt_section1 .content .top .boxs2{width: 18.37%;float: left;} .gyyt_section1 .content .top .boxs3{width: 21.48%;float: left;} .gyyt_section1 .content .top .boxs4{width: 21%;float: left;} .gyyt_section1 .content .top .boxs5{width: 17.87%;float: left;padding-left: 10px;} .gyyt_section1 .content .bottom{width: 100%;} .gyyt_section1 .content .bottom li{width: 100%;background-color: #f4f4fc;margin-bottom: 20px;} .gyyt_section1 .content .bottom li:last-child{margin-bottom: 0;} .gyyt_section1 .content .bottom li ._t{width: 100%;overflow: hidden;padding-left: 56px;padding-right: 64px;position: relative;cursor: pointer;} .gyyt_section1 .content .bottom li ._t.on{background-color: #006666;} .gyyt_section1 .content .bottom li ._t .boxs{float: left;font-size: 18px;color: #333333;line-height: 66px;} .gyyt_section1 .content .bottom li ._t.on .boxs{color: #fff;} .gyyt_section1 .content .bottom li ._t .boxs1{width: 21.28%;float: left;} .gyyt_section1 .content .bottom li ._t .boxs2{width: 18.37%;float: left;} .gyyt_section1 .content .bottom li ._t .boxs3{width: 21.48%;float: left;} .gyyt_section1 .content .bottom li ._t .boxs4{width: 21%;float: left;padding-left: 24px;} .gyyt_section1 .content .bottom li ._t .boxs5{width: 17.87%;float: left;} .gyyt_section1 .content .bottom li ._t .boxs6{width: 26px;height: 26px;position: absolute;right: 38px;top: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .gyyt_section1 .content .bottom li ._t .boxs6 .ico{width: 100%;height: 100%; background-size:100% 100% !important;} .gyyt_section1 .content .bottom li ._t .boxs6 .ico.ico2{display: none;} .gyyt_section1 .content .bottom li ._t.on .boxs6 .ico.ico1{display: none;} .gyyt_section1 .content .bottom li ._t.on .boxs6 .ico.ico2{display: block;} .gyyt_section1 .content .bottom li ._b{width: 100%;padding: 48px 54px 40px 54px;display: none;} .gyyt_section1 .content .bottom li ._b .con{width: 100%;overflow: hidden;margin-bottom: 58px;} .gyyt_section1 .content .bottom li ._b .con .infos{width: 50%;float: left;} .gyyt_section1 .content .bottom li ._b .con .infos.left{padding-right: 10px;} .gyyt_section1 .content .bottom li ._b .con .infos.right{padding-left: 100px;} .gyyt_section1 .content .bottom li ._b .con .infos .p1{font-size: 18px;color: #111111;line-height: 24px;margin-bottom: 16px;} .gyyt_section1 .content .bottom li ._b .con .infos .p2{font-size: 16px;color: #666666;line-height: 36px;} .gyyt_section1 .content .bottom li ._b a{display: block;width: 228px;height: 48px;line-height: 48px;text-align: center;font-size: 16px;color: #ffffff;background-color: #006666;margin:0 auto; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .gyyt_section1 .content .bottom li ._b a:hover{ transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95); -ms-transform: scale(0.95);} @media screen and (max-width:1200px){ .gyyt_section1 .content .bottom li ._b .con .infos.right{padding-left: 40px;} } @media screen and (max-width:1024px){ .gyyt_section1{padding-top: 30px;padding-bottom: 30px;} .gyyt_section1 .content{margin-bottom: 14px; white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;} .gyyt_section1 .content .top{padding-left: 10px;padding-right: 40px;} .gyyt_section1 .content .top .boxs{font-size: 15px;line-height: 30px; padding-top:5px; padding-bottom:5px;} .gyyt_section1 .content .top .boxs5{width: 17.87%;float: left;padding-left: 10px;} .gyyt_section1 .content .bottom li{margin-bottom: 10px;} .gyyt_section1 .content .bottom li ._t{padding-left: 10px;padding-right: 40px;} .gyyt_section1 .content .bottom li ._t .boxs{font-size: 15px;line-height: 30px; padding-top:5px; padding-bottom:5px;} .gyyt_section1 .content .bottom li ._t .boxs4{width: 21%;float: left;padding-left: 24px;} .gyyt_section1 .content .bottom li ._t .boxs6{width: 20px;height: 20px;right: 10px;} .gyyt_section1 .content .bottom li ._b{padding:20px 15px;} .gyyt_section1 .content .bottom li ._b .con{margin-bottom: 12px;} .gyyt_section1 .content .bottom li ._b .con .infos{width: 100%; white-space:normal;} .gyyt_section1 .content .bottom li ._b .con .infos.left{padding-right: 0;margin-bottom: 12px;} .gyyt_section1 .content .bottom li ._b .con .infos.right{padding-left: 0;} .gyyt_section1 .content .bottom li ._b .con .infos .p1{font-size: 14px;line-height: 22px;margin-bottom: 8px;} .gyyt_section1 .content .bottom li ._b .con .infos .p2{font-size: 14px;line-height: 22px;} .gyyt_section1 .content .bottom li ._b a{width: 120px;height: 30px;line-height: 30px;font-size: 14px;} } @media screen and (max-width:767px){ .gyyt_section1 .content .top .boxs1{ width:50%;} .gyyt_section1 .content .top .boxs2{ display:none;} .gyyt_section1 .content .top .boxs3{ display:none;} .gyyt_section1 .content .top .boxs5{ display:none;} .gyyt_section1 .content .bottom li ._t .boxs1{ width:50%;} .gyyt_section1 .content .bottom li ._t .boxs2{ display:none;} .gyyt_section1 .content .bottom li ._t .boxs3{ display:none;} .gyyt_section1 .content .bottom li ._t .boxs4{ padding-left:16px;} .gyyt_section1 .content .bottom li ._t .boxs5{ display:none;} } .lxwm_section1{width: 100%;padding-top: 50px;padding-bottom: 92px;} .lxwm_section1 ul{margin: -22px -17.5px; width: calc(100% + 35px); width: -ms-calc(100% + 35px); width: -o-calc(100% + 35px); width: -moz-calc(100% + 35px); width: -webkit-calc(100% + 35px);} .lxwm_section1 ul li{width: 33.3333%;float: left;padding: 22px 17.5px;} .lxwm_section1 ul li .libox{display: block;width: 100%;} .lxwm_section1 ul li .libox .pic{ width: 100%; padding-bottom: 66.66%; position: relative; overflow: hidden; min-height: 50px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} .lxwm_section1 ul li .libox .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); 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;} .lxwm_section1 ul li .libox:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);} .lxwm_section1 ul li .libox .wordsbox{width: 100%;border: 1px solid #dddddd;padding: 28px 24px 46px 26px;position: relative; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .lxwm_section1 ul li .libox:hover .wordsbox{border-color: rgba(255,255,255,0);box-shadow: 6px 0 29px rgba(173,173,173,0.28);} .lxwm_section1 ul li .libox .wordsbox h2{font-size: 24px;color: #111111;line-height: 28px;margin-bottom: 24px;} .lxwm_section1 ul li .libox .wordsbox .icowords{width: 100%;font-size: 0;margin-bottom: 32px;} .lxwm_section1 ul li .libox .wordsbox .icowords2{margin-bottom: 0;} .lxwm_section1 ul li .libox .wordsbox .icowords .ico{width: 20px;height: 20px;display: inline-block;vertical-align: middle;margin-right: 4px;} .lxwm_section1 ul li .libox .wordsbox .icowords .words{font-size: 18px;color: #333333;line-height: 24px;display: inline-block;vertical-align: middle; width: calc(100% - 26px); width: -ms-calc(100% - 26px); width: -o-calc(100% - 26px); width: -moz-calc(100% - 26px); width: -webkit-calc(100% - 26px);} .lxwm_section1 ul li .libox .wordsbox .more{position: absolute;right: 24px;bottom: 34px;} .lxwm_section1 ul li .libox .wordsbox .more a{display: block;width: 140px;text-align: center;font-size: 0;background-color: #006666;} .lxwm_section1 ul li .libox .wordsbox .more a:hover{opacity: 0.6;} .lxwm_section1 ul li .libox .wordsbox .more a .ico{width: 20px;height: 20px;display: inline-block;vertical-align: middle;margin-right: 8px;} .lxwm_section1 ul li .libox .wordsbox .more a .words{font-size: 16px;color: #ffffff;line-height: 40px;display: inline-block;vertical-align: middle;} @media screen and (max-width:1200px){ .lxwm_section1 ul li .libox .wordsbox{ padding: 14px 6px 30px 6px;} .lxwm_section1 ul li .libox .wordsbox h2{font-size: 20px;line-height: 24px;margin-bottom: 12px;} .lxwm_section1 ul li .libox .wordsbox .icowords{margin-bottom: 10px;} .lxwm_section1 ul li .libox .wordsbox .icowords .words{font-size: 14px;line-height: 20px;} .lxwm_section1 ul li .libox .wordsbox .more{right: 10px;bottom: 10px;} .lxwm_section1 ul li .libox .wordsbox .more a{width: 100px;} .lxwm_section1 ul li .libox .wordsbox .more a .ico{margin-right: 4px;} .lxwm_section1 ul li .libox .wordsbox .more a .words{font-size: 14px;line-height: 34px;} } @media screen and (max-width:1024px){ .lxwm_section1{padding-top: 30px;padding-bottom: 30px;} .lxwm_section1 ul{margin: -4px 0;width: 100%;} .lxwm_section1 ul li{width: 100%;padding: 4px 0;} .lxwm_section1 ul li .libox .wordsbox{padding: 12px;} .lxwm_section1 ul li .libox .wordsbox h2{font-size: 16px;line-height: 22px;margin-bottom: 8px;} .lxwm_section1 ul li .libox .wordsbox .icowords{margin-bottom: 10px;} .lxwm_section1 ul li .libox .wordsbox .icowords .ico{width: 18px;height: 18px;} .lxwm_section1 ul li .libox .wordsbox .icowords .words{font-size: 14px;line-height: 20px; width: calc(100% - 24px); width: -ms-calc(100% - 24px); width: -o-calc(100% - 24px); width: -moz-calc(100% - 24px); width: -webkit-calc(100% - 24px);} .lxwm_section1 ul li .libox .wordsbox .more{position: static;} .lxwm_section1 ul li .libox .wordsbox .more a{width: 140px;} .lxwm_section1 ul li .libox .wordsbox .more a .ico{width: 18px;height: 18px;margin-right: 4px;} .lxwm_section1 ul li .libox .wordsbox .more a .words{font-size: 14px;line-height: 32px;} } .ppjs_section1{width: 100%;padding-top: 60px;padding-bottom: 60px;} .ppjs_section1 .content{width: 100%;overflow: hidden;} .ppjs_section1 .content .left{width: 51.75%;float: left;height: 519px;position: relative;} .ppjs_section1 .content .left .wordsbox{width: 100%;position: absolute;left: 0;top: 50%;padding-right: 60px; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .ppjs_section1 .content .left .wordsbox h2{font-size: 36px;color: #111111;line-height: 42px;margin-bottom: 36px;} .ppjs_section1 .content .left .wordsbox .border{width: 70px;height: 2px;background-color: #006666;margin-bottom: 44px;} .ppjs_section1 .content .left .wordsbox .info{width: 100%;padding-right: 10px;overflow: hidden; overflow-y: auto; scrollbar-width: thin; max-height: 400px;} .ppjs_section1 .content .left .wordsbox .info::-webkit-scrollbar{ width: 3px;} .ppjs_section1 .content .left .wordsbox .info::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 3px;} .ppjs_section1 .content .left .wordsbox .info::-webkit-scrollbar-thumb{ width: 3px; background-color: #006666; border-radius: 3px;} .ppjs_section1 .content .left .wordsbox .info .tit1{font-size: 16px;color: #666666;line-height: 30px;margin-bottom: 32px;} .ppjs_section1 .content .left .wordsbox .info .tit2{font-size: 18px;color: #111111;line-height: 24px;margin-bottom: 10px;} .ppjs_section1 .content .left .wordsbox .info .tit3{font-size: 16px;color: #666666;line-height: 30px;margin-bottom: 20px;} .ppjs_section1 .content .left .wordsbox .info .tit4{font-size: 18px;color: #111111;line-height: 24px;margin-bottom: 12px;} .ppjs_section1 .content .left .wordsbox .info .tit5{font-size: 16px;color: #666666;line-height: 30px;} .ppjs_section1 .content .right{width: 48.25%;float: right;height: 519px;overflow: hidden;} .ppjs_section1 .content .right .pic{width: 100%;height: 100%; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .ppjs_section1 .content .right:hover .pic{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);} @media screen and (max-width:1024px){ .ppjs_section1{padding-top: 30px;padding-bottom: 30px;} .ppjs_section1 .content .left{width: 100%;height: auto;} .ppjs_section1 .content .left .wordsbox{position: static;padding-right: 0; transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0);} .ppjs_section1 .content .left .wordsbox h2{font-size: 18px;line-height: 24px;margin-bottom: 12px;} .ppjs_section1 .content .left .wordsbox .border{width: 40px;margin-bottom: 10px;} .ppjs_section1 .content .left .wordsbox .info{padding-right: 0;max-height: 10000px;} .ppjs_section1 .content .left .wordsbox .info .tit1{font-size: 14px;line-height: 22px;margin-bottom: 10px;} .ppjs_section1 .content .left .wordsbox .info .tit2{font-size: 16px;line-height: 22px;margin-bottom: 8px;} .ppjs_section1 .content .left .wordsbox .info .tit3{font-size: 14px;line-height: 22px;margin-bottom: 8px;} .ppjs_section1 .content .left .wordsbox .info .tit4{font-size: 16px;line-height: 22px;margin-bottom: 8px;} .ppjs_section1 .content .left .wordsbox .info .tit5{font-size: 14px;line-height: 22px;} .ppjs_section1 .content .right{width: 100%;height: 230px;margin-top: 14px;} } .ppjs_section2{width: 100%;padding-top: 66px;padding-bottom: 74px;} .ppjs_section2 h2{font-size: 36px;color: #111111;line-height: 42px;text-align: center;margin-bottom: 26px;} .ppjs_section2 .border{width: 45px;height: 2px;background-color: #006666;margin: 0 auto;} .ppjs_section2 .content{margin-top: 70px;} .ppjs_section2 ul{width: 100%;padding-left: 36px; position: relative;} .ppjs_section2 ul .slick-prev{width: 13px;height: 24px;background: url(../images/zimg45.png) no-repeat center center; background-size: cover;left: -30px;top: 50%;} .ppjs_section2 ul .slick-next{width: 13px;height: 24px;background: url(../images/zimg46.png) no-repeat center center; background-size: cover;right: -30px;top: 50%;} .ppjs_section2 ul .slick-prev:hover, .ppjs_section2 ul .slick-next:hover{opacity: 0.6;} .ppjs_section2 ul li{height: auto;position: relative;} .ppjs_section2 ul .slick-list{z-index: 2;} .ppjs_section2 ul::before{width: 100%;height: 1px;background-color: #006666;content: "";display: block;position: absolute;left: 0;top: 50%;margin-top: -0.5px;z-index: 2;} .ppjs_section2 ul li .icon{width: 100px;height: 100px;position: relative;z-index: 9;background-color: rgba(255,255,255,0.21);border-radius: 100%; box-shadow: 0 0 10px rgba(0,0,0,0.1);} .ppjs_section2 ul .l1 .icon::after{content: "";display: block;width: 1px;height: 60px;border-left:1px dashed #006666;position: absolute;left: 30px;bottom: -45px;z-index: 8; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .ppjs_section2 ul .l2 .icon::after{content: "";display: block;width: 1px;height: 60px;border-left:1px dashed #006666;;position: absolute;left: 30px;top: -45px;z-index: 8; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} .ppjs_section2 ul li .iconbox{width: 100%;position: relative;} .ppjs_section2 ul li .icon1{width: 80px;height: 80px;position: absolute;left: 10px;top: 10px; z-index: 9;background-color: #006666;border-radius: 100%;line-height: 78px;border: 1px solid #fff; text-align: center;font-size: 26px;color: #fff;font-weight: bold;} .ppjs_section2 ul li .picwords{margin-left: 10px;} .ppjs_section2 ul li .picwords .ywords1{font-size: 18px;color: #333333;line-height: 24px;margin-bottom: 24px;} .ppjs_section2 ul li .zw{height: 280px;} .ppjs_section2 ul .l1 .picwords{padding: 4px 16px 0 16px;border-left: 1px dashed #006666;margin-top: 35px;} .ppjs_section2 ul .l2 .picwords{width: 100%;padding: 0 16px 4px 16px;border-left: 1px dashed #006666;margin-bottom: 35px;} .ppjs_section2 ul li{float: left;} .ppjs_section2 ul li:nth-child(2n){ vertical-align:top;} .ppjs_section2 ul li .picwords .words{font-size: 18px;color: #333333;line-height: 30px;height: 180px;padding-right: 4px; overflow: hidden; overflow-y: auto; scrollbar-width: thin; max-height: 180px;} .ppjs_section2 ul li .picwords .words::-webkit-scrollbar{ width: 3px;} .ppjs_section2 ul li .picwords .words::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 3px;} .ppjs_section2 ul li .picwords .words::-webkit-scrollbar-thumb{ width: 3px; background-color: #006666; border-radius: 3px;} .ppjs_section2 ul .l1 .picwords .words{margin-bottom: 0;} .ppjs_section2 ul .l2 .picwords .words{margin-top: 16px;} .ppjs_section2 ul li .picwords .pic{width: 100%;padding-bottom: 61.19%; position: relative; overflow: hidden;} .ppjs_section2 ul li .picwords .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .ppjs_section2 ul li .name{width: 12px;height: 12px;background-color: #006666;border-radius: 100%;margin-left: 6px;} @media screen and (max-width: 1300px){ .ppjs_section2 ul::before{content: "";display: block;top: 50%;} } @media screen and (max-width: 1199px){ } @media screen and (max-width: 991px){ .ppjs_section2 ul li{width: 138px!important;} .ppjs_section2{padding-top: 30px;padding-bottom: 30px;} .ppjs_section2 h2{font-size: 18px;line-height: 24px;margin-bottom: 12px;} .ppjs_section2 .border{width: 30px;} .ppjs_section2 .content{margin-top: 14px;} .ppjs_section2 ul{padding: 0 20px;} .ppjs_section2 ul li .picwords .words{font-size: 14px;line-height: 24px;} .ppjs_section2 ul li .icon{width: 60px;height: 60px;} .ppjs_section2 ul .l1 .icon::after{content: "";display: block;left: 18px;bottom: -15px;height: 30px;} .ppjs_section2 ul .l2 .icon::after{content: "";display: block;left: 18px;top: -15px;height: 30px;} .ppjs_section2 ul li .picwords{margin-left: 8px;} .ppjs_section2 ul .l1 .picwords{padding: 18px 10px 10px 10px;margin-top: 10px;} .ppjs_section2 ul .l2 .picwords{padding: 10px 10px 18px 10px;margin-bottom: 10px;} .ppjs_section2 ul li .picwords .words{font-size: 14px;line-height: 24px;height: 72px; max-height: 72px;} .ppjs_section2 ul .l1 .picwords .words{margin-bottom: 10px;} .ppjs_section2 ul .l2 .picwords .words{margin-top: 10px;} .ppjs_section2 ul li .icon1{line-height: 44px;font-size: 14px;} .ppjs_section2 ul::before{content: "";display: block;top: 56.5%;} .ppjs_section2 ul li .name{width: 10px;height: 10px;margin-left: 4px;} .ppjs_section2 ul::before{content: "";display: block;top: 50%;} .ppjs_section2 ul li .icon1{width: 50px;height: 50px;left: 5px;top: 5px;line-height: 48px;font-size: 16px;} .ppjs_section2 ul .slick-prev{width: 8px;height: 16px;left: 0;top: 49%;} .ppjs_section2 ul .slick-next{width: 8px;height: 16px;right: 0;top: 49%;} .ppjs_section2 ul::before{content: "";display: block;top: 49%;} .ppjs_section2 ul li .zw{height: 168px;} } .ppjs_section3{width: 100%;padding-top: 78px;padding-bottom: 84px;background-color: #f8f8f8;} .ppjs_section3 h2{font-size: 36px;color: #000000;line-height: 42px;text-align: center;margin-bottom: 26px;} .ppjs_section3 .border{width: 45px;height: 2px;background-color: #006666;margin: 0 auto 70px auto;} .ppjs_section3 .content{width: 100%;} .ppjs_section3 .content .ul{margin: 0 -15px;padding-bottom: 70px; width: calc(100% + 30px); width: -ms-calc(100% + 30px); width: -o-calc(100% + 30px); width: -moz-calc(100% + 30px); width: -webkit-calc(100% + 30px);} .ppjs_section3 .content .ul .li{padding: 0 15px;height: auto;} .ppjs_section3 .content .ul .li a{display: block;width: 100%;} .ppjs_section3 .content .ul .li a .pic{ width: 100%; padding-bottom: 67.46%; position: relative; overflow: hidden; min-height: 50px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} .ppjs_section3 .content .ul .li a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); 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;} .ppjs_section3 .content .ul .li a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);} .ppjs_section3 .content .ul .slick-dots{ position: absolute; bottom: 0; height: 10px; text-align: center;} .ppjs_section3 .content .ul .slick-dots li{ vertical-align: top; width: 10px; height: 10px;margin: 0 15px; background: #bad6d6;} .ppjs_section3 .content .ul .slick-dots li.slick-active{ background: #006666;} .ppjs_section3 .content .ul .slick-prev{width: 13px;height: 24px;background: url(../images/zimg42.png) no-repeat center center; background-size: cover;left: -18px;top: 40%;} .ppjs_section3 .content .ul .slick-next{width: 13px;height: 24px;background: url(../images/zimg43.png) no-repeat center center; background-size: cover;right: -18px;top: 40%;} .ppjs_section3 .content .ul .slick-prev:hover, .ppjs_section3 .content .ul .slick-next:hover{opacity: 0.6;} @media screen and (max-width:1400px){ .ppjs_section3 .content .ul .slick-prev{width: 13px;height: 24px;background: url(../images/zimg42.png) no-repeat center center; background-size: cover;left: 20px;top: 40%;} .ppjs_section3 .content .ul .slick-next{width: 13px;height: 24px;background: url(../images/zimg43.png) no-repeat center center; background-size: cover;right: 20px;top: 40%;} } @media screen and (max-width:1024px){ .ppjs_section3{padding-top: 30px;padding-bottom: 30px;} .ppjs_section3 h2{font-size: 18px;line-height: 24px;margin-bottom: 12px;} .ppjs_section3 .border{width: 30px;margin: 0 auto 12px auto;} .ppjs_section3 .content .ul{margin: 0;padding-bottom: 20px;width: 100%;} .ppjs_section3 .content .ul .li{padding: 0;} .ppjs_section3 .content .ul .slick-dots{height: 8px;} .ppjs_section3 .content .ul .slick-dots li{width: 8px; height: 8px;margin: 0 4px;} .ppjs_section3 .content .ul .slick-prev{display: none;width: 0;height: 0;opacity: 0;} .ppjs_section3 .content .ul .slick-next{display: none;width: 0;height: 0;opacity: 0;} } .xwxq_section{width: 100%;padding-top: 46px;padding-bottom: 116px;} .xwxq_section .content{width: 100%;overflow: hidden; float:left; margin-top:50px;} .xwxq_section .content .left{float: left;padding-right: 60px; width: calc(100% - 430px); width: -ms-calc(100% - 430px); width: -o-calc(100% - 430px); width: -moz-calc(100% - 430px); width: -webkit-calc(100% - 430px);} .xwxq_section .content .left h2{font-size: 36px;color: #001a32;line-height: 42px;text-align: center;margin-bottom: 30px;} .xwxq_section .content .left .boxs{width: 100%;font-size: 0;text-align: center;margin-bottom: 30px;} .xwxq_section .content .left .boxs .words{display: inline-block;vertical-align: middle;font-size: 14px;color: #777777;line-height: 20px;margin: 0 32px;} .xwxq_section .content .left .info{margin-bottom: 42px; width: 100%;padding-top: 40px;border-top: 1px solid #dddddd;font-size: 16px;color: #666666;line-height: 30px;text-align: justify;letter-spacing: 1px;} .xwxq_section .content .left .info img{max-width: 100%;display: block;margin: 0 auto;} .xwxq_section .content .left .fx{width: 100%;text-align: right;margin-bottom: 50px;} .xwxq_section .content .left .fx .fxs{display: inline-block;vertical-align: middle;} .xwxq_section .content .left .fx a{display: inline-block;vertical-align: middle;float: none;width: 26px;height: 26px;} .xwxq_section .content .left .fx a.bds_weixin{background: url(../images/zimg48.jpg)no-repeat center center;background-size: cover;} .xwxq_section .content .left .fx a.bds_sqq{background: url(../images/zimg49.jpg)no-repeat center center;background-size: cover;} .xwxq_section .content .left .fx a.bds_qzone{background: url(../images/zimg50.jpg)no-repeat center center;background-size: cover;} .xwxq_section .content .left .fx a.bds_tqq{background: url(../images/zimg51.jpg)no-repeat center center;background-size: cover;} .xwxq_section .content .left .fx a.bds_tsina{background: url(../images/zimg52.jpg)no-repeat center center;background-size: cover;} .xwxq_section .content .left .page{width: 100%;overflow: hidden;padding-top: 38px;border-top: 1px solid #ddd;} .xwxq_section .content .left .page .box{width: 33.333%;float: left;} .xwxq_section .content .left .page .box.centers{text-align: center;} .xwxq_section .content .left .page .box.centers a{display: inline-block;font-size: 0;} .xwxq_section .content .left .page .box.centers a:hover{opacity: 0.6;} .xwxq_section .content .left .page .box.centers a .ico{width: 15px;height: 12px;display: inline-block;vertical-align: middle;margin-right: 10px;} .xwxq_section .content .left .page .box.centers a .words{font-size: 16px;color: #666666;line-height: 38px;display: inline-block;vertical-align: middle;} .xwxq_section .content .left .page .box.lefts{text-align: left;} .xwxq_section .content .left .page .box.lefts a{display: inline-block;font-size: 0;width: 138px;border: 1px solid #dddddd;text-align: center;} .xwxq_section .content .left .page .box.lefts a .ico{width: 8px;height: 8px;display: inline-block;vertical-align: middle;border-top: 2px solid #595959;border-left: 2px solid #595959;margin-right: 6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} .xwxq_section .content .left .page .box.lefts a .words{font-size: 16px;color: #666666;line-height: 36px;display: inline-block;vertical-align: middle;} .xwxq_section .content .left .page .box.lefts a:hover{background-color: #006666;border-color: #006666;} .xwxq_section .content .left .page .box.lefts a:hover .ico{border-color: #fff;} .xwxq_section .content .left .page .box.lefts a:hover .words{color: #fff;} .xwxq_section .content .left .page .box.rights{text-align: right;} .xwxq_section .content .left .page .box.rights a{display: inline-block;font-size: 0;width: 138px;border: 1px solid #dddddd;text-align: center;} .xwxq_section .content .left .page .box.rights a .ico{width: 8px;height: 8px;display: inline-block;vertical-align: middle;border-top: 2px solid #595959;border-right: 2px solid #595959;margin-left: 6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .xwxq_section .content .left .page .box.rights a .words{font-size: 16px;color: #666666;line-height: 36px;display: inline-block;vertical-align: middle;} .xwxq_section .content .left .page .box.rights a:hover{background-color: #006666;border-color: #006666;} .xwxq_section .content .left .page .box.rights a:hover .ico{border-color: #fff;} .xwxq_section .content .left .page .box.rights a:hover .words{color: #fff;} .xwxq_section .content .right{float: right;width: 430px;} .xwxq_section .content .right h2{font-size: 36px;color: #001a32;line-height: 42px;text-align: left;border-bottom: 1px solid #dddddd;padding-bottom: 80px;margin-bottom: 26px;} .xwxq_section .content .right ul{width: 100%;} .xwxq_section .content .right ul li{width: 100%;border-bottom: 1px solid #eee;padding-bottom: 26px;margin-bottom: 26px;} .xwxq_section .content .right ul li:last-child{margin-bottom: 0;} .xwxq_section .content .right ul li h3{font-size: 20px;color: #111111;line-height: 26px;margin-bottom: 20px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .xwxq_section .content .right ul li:hover h3{color: #006666;font-weight: bold;} .xwxq_section .content .right ul li .info{font-size: 16px;color: #666666;line-height: 30px;margin-bottom: 18px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; height:60px;} .xwxq_section .content .right ul li .date{font-size: 16px;color: #666666;line-height: 22px;} .xwxq_section .content .right ul li:hover .date{color: #006666;} @media screen and (max-width:1400px){ .xwxq_section .content .left{padding-right: 40px; width: calc(100% - 260px); width: -ms-calc(100% - 260px); width: -o-calc(100% - 260px); width: -moz-calc(100% - 260px); width: -webkit-calc(100% - 260px);} .xwxq_section .content .right{float: right;width: 260px;} } @media screen and (max-width:1024px){ .xwxq_section{padding-top: 30px;padding-bottom: 30px;} .xwxq_section .content{margin-top:20px;} .xwxq_section .content .left{padding-right: 0;width: 100%;margin-bottom: 14px;} .xwxq_section .content .left h2{font-size: 18px;line-height: 24px;margin-bottom: 10px;} .xwxq_section .content .left .boxs{margin-bottom: 12px;} .xwxq_section .content .left .boxs .words{font-size: 12px;line-height: 18px;margin: 0 6px;} .xwxq_section .content .left .info{margin-bottom: 12px;padding-top: 12px;font-size: 14px;line-height:24px;} .xwxq_section .content .left .fx{display: none;} .xwxq_section .content .left .page .box.centers a .ico{width: 12px;height: 10px;margin-right: 4px;} .xwxq_section .content .left .page .box.centers a .words{font-size: 14px;line-height: 30px;} .xwxq_section .content .left .page .box.lefts a{width: 100px;} .xwxq_section .content .left .page .box.lefts a .ico{width: 6px;height: 6px;border-top: 1px solid #595959;border-left: 1px solid #595959;margin-right: 4px;} .xwxq_section .content .left .page .box.lefts a .words{font-size: 14px;line-height: 28px;} .xwxq_section .content .left .page .box.rights a{width: 100px;} .xwxq_section .content .left .page .box.rights a .ico{width: 6px;height: 6px;border-top: 1px solid #595959;border-right: 1px solid #595959;margin-left: 4px;} .xwxq_section .content .left .page .box.rights a .words{font-size: 14px;line-height: 28px;} .xwxq_section .content .left .page{ padding-top:30px;} .xwxq_section .content .right{ display:none; width: 100%;} .xwxq_section .content .right h2{font-size: 18px;line-height: 24px;padding-bottom: 12px;margin-bottom: 12px;} .xwxq_section .content .right ul li{padding-bottom: 10px;margin-bottom: 10px;} .xwxq_section .content .right ul li h3{font-size: 14px;line-height: 20px;margin-bottom: 8px;} .xwxq_section .content .right ul li .info{font-size: 12px;line-height: 20px;margin-bottom: 8px; height:40px;} .xwxq_section .content .right ul li .date{font-size: 14px;line-height: 20px;} } .gygd_section1{width: 100%;padding-top: 66px;padding-bottom: 68px;} .gygd_section1 h2{font-size: 36px;color: #000000;line-height: 42px;text-align: center;margin-bottom: 28px;} .gygd_section1 .border{width: 45px;height: 2px;background-color: #006666;margin: 0 auto;} .gygd_section1 .content{width: 100%;margin-top: 70px;} .gygd_section1 .content ul{margin: -12px; width: calc(100% + 24px); width: -ms-calc(100% + 24px); width: -o-calc(100% + 24px); width: -moz-calc(100% + 24px); width: -webkit-calc(100% + 24px);} .gygd_section1 .content ul::after{content: "";display: block;clear: both;} .gygd_section1 .content ul li{padding: 12px;width: 20%;float: left;} .gygd_section1 .content ul li a{display: block;width: 100%;padding: 72px 10px 76px 10px;box-shadow: 6px 0 29px rgba(173,173,173,0.28); transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .gygd_section1 .content ul li a:hover{ transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95); -ms-transform: scale(0.95);} .gygd_section1 .content ul li a .icobox{width: 112px;height: 112px;border-radius: 100%;margin: 0 auto 46px auto;background-color: #006666;} .gygd_section1 .content ul li a .icobox .ico{width: 100%;height: 100%;} .gygd_section1 .content ul li a .words{font-size: 24px;color: #666666;line-height: 28px;text-align: center;font-weight: bold; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;} @media screen and (max-width:1300px){ .gygd_section1 .content ul{margin: -5px; width: calc(100% + 10px); width: -ms-calc(100% + 10px); width: -o-calc(100% + 10px); width: -moz-calc(100% + 10px); width: -webkit-calc(100% + 10px);} .gygd_section1 .content ul li{padding: 5px;} .gygd_section1 .content ul li a{padding: 30px 10px;} .gygd_section1 .content ul li a .icobox{width: 112px;height: 112px;border-radius: 100%;margin: 0 auto 46px auto;background-color: #006666;} .gygd_section1 .content ul li a .words{font-size: 18px;line-height: 24px;} } @media screen and (max-width:1024px){ .gygd_section1{padding-top: 30px;padding-bottom: 30px;} .gygd_section1 h2{font-size: 18px;line-height: 24px;margin-bottom: 12px;} .gygd_section1 .border{width: 30px;} .gygd_section1 .content{margin-top: 12px;} .gygd_section1 .content ul{margin: -4px; width: calc(100% + 8px); width: -ms-calc(100% + 8px); width: -o-calc(100% + 8px); width: -moz-calc(100% + 8px); width: -webkit-calc(100% + 8px);} .gygd_section1 .content ul li{padding: 4px;width: 50%;} .gygd_section1 .content ul li a{padding: 14px 8px;box-shadow: 0 0 10px rgba(173,173,173,0.28);} .gygd_section1 .content ul li a .icobox{width: 60px;height: 60px;margin: 0 auto 10px auto;} .gygd_section1 .content ul li a .words{font-size: 16px;line-height: 22px;} } .gygd_section2{width: 100%;padding-top: 68px;padding-bottom: 68px;} .gygd_section2 h2{font-size: 36px;color: #000000;line-height: 42px;text-align: center;margin-bottom: 24px;} .gygd_section2 .border{width: 45px;height: 2px;background-color: #006666;margin: 0 auto;} .gygd_section2 .content{width: 100%;margin-top: 70px;} .gygd_section2 .content ._t{width: 100%;font-size: 0;text-align: center;margin-bottom: 70px;} .gygd_section2 .content ._t li{display: inline-block;vertical-align: middle;margin: 0 40px;border: 1px solid #393939;} .gygd_section2 .content ._t li a{display: block;font-size: 18px;color: #000000;line-height: 46px;padding: 0 60px;} .gygd_section2 .content ._t li.on a{background-color: #006666;border-color: #006666;color: #fff;} .gygd_section2 .content ._b{width: 100%;margin-bottom: 28px;} .gygd_section2 .content ._b li{width: 100%;margin: -16px;overflow: hidden; width: calc(100% + 32px); width: -ms-calc(100% + 32px); width: -o-calc(100% + 32px); width: -moz-calc(100% + 32px); width: -webkit-calc(100% + 32px);} .gygd_section2 .content ._b li .list{width: 33.333333%;float: left;padding: 16px;} .gygd_section2 .content ._b li .list a{display: block;width: 100%;} .gygd_section2 .content ._b li .list a .picbox{width: 100%;overflow: hidden;position: relative;} .gygd_section2 .content ._b li .list a .picbox .pic{width: 100%;height: 340px; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .gygd_section2 .content ._b li .list a:hover .picbox .pic{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);} .gygd_section2 .content ._b li .list a .picbox .ico{width: 64px;height: 64px;position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);} .gygd_section2 .content ._b li .list a .wordsbox{padding: 24px 30px 28px 30px;} .gygd_section2 .content ._b li .list a:hover .wordsbox{background-color: #006666;} .gygd_section2 .content ._b li .list a:hover .wordsbox .words{color: #fff;} .gygd_section2 .content ._b li .list a .wordsbox .words{font-size: 18px;color: #111111;line-height: 24px;text-align: center; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;} @media screen and (max-width:1300px){ .gygd_section2 .content ._t li{margin: 0 5px;} } @media screen and (max-width:1024px){ .gygd_section2{padding-top: 30px;padding-bottom: 30px;} .gygd_section2 h2{font-size: 18px;line-height: 24px;margin-bottom: 12px;} .gygd_section2 .border{width: 30px;} .gygd_section2 .content{margin-top: 12px;} .gygd_section2 .content ._t{margin: -5px; width: calc(100% + 10px); width: -ms-calc(100% + 10px); width: -o-calc(100% + 10px); width: -moz-calc(100% + 10px); width: -webkit-calc(100% + 10px);} .gygd_section2 .content ._t li{margin: 0;padding: 5px;width: 50%;display: block;width: 50%;float: left;border: 0;} .gygd_section2 .content ._t li a{font-size: 16px;line-height: 32px;padding: 0;width: 100%;text-align: center;border:1px solid #393939;} .gygd_section2 .content ._b{margin-bottom: 12px;margin-top: 12px;} .gygd_section2 .content ._b li{margin: -4px 0;width: 100%;} .gygd_section2 .content ._b li .list{width: 100%;float: left;padding: 4px 0;} .gygd_section2 .content ._b li .list a .picbox .pic{height: 200px;} .gygd_section2 .content ._b li .list a .picbox .ico{width: 36px;height: 36px;} .gygd_section2 .content ._b li .list a .wordsbox{padding: 10px 12px;} .gygd_section2 .content ._b li .list a .wordsbox .words{font-size: 14px;line-height: 20px;} } .gygd_section3{width: 100%;padding-top: 66px;padding-bottom: 68px;} .gygd_section3 h2{font-size: 36px;color: #ffffff;line-height: 42px;text-align: center;margin-bottom: 26px;} .gygd_section3 .border{width: 45px;height: 2px;background-color: #fff;margin: 0 auto;} .gygd_section3 .content{width: 100%;margin-top: 70px;} .gygd_section3 .content ul{margin: -6px;overflow: hidden; width: calc(100% + 12px); width: -ms-calc(100% + 12px); width: -o-calc(100% + 12px); width: -moz-calc(100% + 12px); width: -webkit-calc(100% + 12px);} .gygd_section3 .content ul li{width: 25%;float: left;padding: 6px;} .gygd_section3 .content ul li a{display: block;width: 100%;border: 1px solid rgba(255,255,255,0.64);border-radius: 10px;padding: 36px 10px 36px 30px;font-size: 0; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .gygd_section3 .content ul li a:hover{ transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95); -ms-transform: scale(0.95);} .gygd_section3 .content ul li a .pic{width: 126px;height: 126px;border-radius: 100%;display: inline-block;vertical-align: middle;border-radius: 100%;} .gygd_section3 .content ul li a .words{font-size: 20px;color: #f8f8f9;line-height: 30px;display: inline-block;vertical-align: middle;padding-left: 18px; width: calc(100% - 130px); width: -ms-calc(100% - 130px); width: -o-calc(100% - 130px); width: -moz-calc(100% - 130px); width: -webkit-calc(100% - 130px);} @media screen and (max-width:1400px){ .gygd_section3 .content ul li a{padding: 20px 10px 20px 20px;} .gygd_section3 .content ul li a .pic{width: 80px;height: 80px;} .gygd_section3 .content ul li a .words{font-size: 16px;line-height: 22px;padding-left: 10px; width: calc(100% - 82px); width: -ms-calc(100% - 82px); width: -o-calc(100% - 82px); width: -moz-calc(100% - 82px); width: -webkit-calc(100% - 82px);} } @media screen and (max-width:1024px){ .gygd_section3{padding-top: 30px;padding-bottom: 30px;} .gygd_section3 h2{font-size: 18px;line-height: 24px;margin-bottom: 12px;} .gygd_section3 .border{width: 30px;} .gygd_section3 .content{margin-top: 12px;} .gygd_section3 .content ul{margin: -4px; width: calc(100% + 8px); width: -ms-calc(100% + 8px); width: -o-calc(100% + 8px); width: -moz-calc(100% + 8px); width: -webkit-calc(100% + 8px);} .gygd_section3 .content ul li{width: 50%;padding: 4px;} .gygd_section3 .content ul li a{padding: 8px;} .gygd_section3 .content ul li a .pic{width: 40px;height: 40px;} .gygd_section3 .content ul li a .words{font-size: 14px;line-height: 20px;padding-left: 6px; width: calc(100% - 42px); width: -ms-calc(100% - 42px); width: -o-calc(100% - 42px); width: -moz-calc(100% - 42px); width: -webkit-calc(100% - 42px);} } ._pop{ float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:99999999; display:none;background-color: rgba(0,0,0,0.8);} ._col{ float:left; font-size: 0; position:absolute; right:-60px; top:-44px; width:44px; height:44px; border-radius: 100%;color: #999;cursor: pointer;background: url(../images/zimg74.png)no-repeat center center;background-size: cover;} ._htm{ float:left; width:800px;position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);background-color: rgba(255,255,255,0.5);padding: 12px;} ._htm._video{width:100%; height:100%; padding:0; left:0; top:0; background:#000; transform:translate(0%,0%); -moz-transform:translate(0%,0%); -ms-transform:translate(0%,0%); -o-transform:translate(0%,0%); -webkit-transform:translate(0%,0%);} ._htm video{width: 100%; height:100%; display: block;margin: 0 auto;} ._htm._video ._html_con{width: 100%; height:100%;} ._htm._video ._col{top:10px; right:10px;} ._htm img{width: 100%;display: block;margin: 0 auto;} @media screen and (max-width: 1199px){ } @media screen and (max-width: 991px){ ._col{ float:left; font-size: 50px; position:absolute; right:-50px; top:0; width:34px; height:34px; border-radius: 100%;color: #999;cursor: pointer;background: url(../images/68ee1d7ba76b49c0a4a874eaba4ea743.gif); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} ._htm{ float:left; width:500px;position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} } @media screen and (max-width: 767px){ ._col{ float:left; font-size: 50px; position:absolute; right:10px; top:-55px; width:20px; height:20px; border-radius: 100%;color: #999;cursor: pointer; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} ._htm{ float:left; width:360px;position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} } /*lzh*/ .ansx_section1 .content .boxs.box2 .left{width:143px;text-align:justify} .ansx_section1 .content .boxs .left i{display:inline-block;} .ansx_section1 .content .boxs.box2 .right{width: calc(100% - 143px);width: -ms-calc(100% - 143px); width: -o-calc(100% - 143px);width: -moz-calc(100% - 143px);width: -webkit-calc(100% - 143px);} @media screen and (max-width:1024px){ .ansx_section1 .content .boxs.box2 .left{width:122px;} .ansx_section1 .content .boxs.box2 .right{width:100%} } .designershow{width: 100%; padding-top: 70px; padding-bottom: 70px;} .designershow .content{width: 100%;margin-bottom: 76px;} .designershow .left{width:50%;float:left;padding-right:150px;} .designershow .right{width:50%;float:left} .designershow .tit{color:#111111;font-size:30px; line-height:40px; display:flex;align-items:flex-end;} .designershow .tit i{font-size:16px;color:#333} .designershow .label{width:100%;float:left;margin:30px -25px; padding:0 15px; position:relative;} .designershow .label .lali{ min-width:100px; padding:0 10px; text-align:center;color:#666666;float:left;line-height:32px; } .designershow .label .lali a{display: block; width: 100%; color: #666666; border: 1px solid #006666;} .designershow .label .slick-prev{width: 10px;height: 20px;background: url(../images/zimg19.png) no-repeat center center; background-size: cover;left: 0px;top: 50%;} .designershow .label .slick-next{width: 10px;height: 20px;background: url(../images/zimg20.png) no-repeat center center; background-size: cover;right: 0px;top: 50%;} .designershow .right h4{font-size:16px;color:#111;line-height:26px;white-space:pre-wrap; float:left; width:100%;} .designershow .right h4 em{color:#666666;} .designershow .right h4.mid{margin:30px 0;float: left;width: 100%;} .designershow .right h4.mid em{margin-top:20px;float:left} .designershow .right .works{margin-top:30px;width:57.5%;margin:30px -12px 0 -12px; float:left;} .designershow .right .works li{padding:0 12px;float:left} .designershow .right .works li .img{ line-height:0;transition:all .5s ease;overflow:hidden;} .designershow .right .works li .img:hover img{transform:scale(1.1);} .designershow .right .works li .img img{ width:100%;transition:all .5s ease} .designershow .right .works li h6{text-align:center;font-size:16px; color:#666666;margin-top:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .designershow .right .works .slick-prev{width:10px;height:10px;position:absolute;border-top:1px solid #C9C9C9;border-right:1px solid #C9C9C9; transform:translate(0,-50%)rotate(225deg);top:35%;left:-12px;transition:all .5s ease;} .designershow .right .works .slick-prev:hover{border-top:1px solid #006666;border-right:1px solid #006666;} .designershow .right .works .slick-next{width:10px;height:10px;position:absolute;border-top:1px solid #C9C9C9;border-right:1px solid #C9C9C9; transform:translate(0,-50%)rotate(45deg);top:35%;right:-12px;transition:all .5s ease;} .designershow .right .works .slick-next:hover{border-top:1px solid #006666;border-right:1px solid #006666;} .designershow .right .makebut{color:#fff;background:#006666;line-height:48px;width:230px;margin-top:30px;position:relative;text-align:center; float:left;} .designershow .right .makebut:after{content:"";height:1px;background:rgba(0,102,102,0.52);position:absolute;width:300px;bottom:0;right:-365px;} .designershow .right .makebut:hover{cursor:pointer;} .designershow .dshowlayout .left .limg{float:right;position:relative;overflow:hidden; width:100%;} .designershow .dshowlayout .left .limg img{transition:all .5s ease; display:block; } .designershow .dshowlayout .left .limg:hover img{transform:scale(1.1)} .designershow .dshowlayout .left .limg:after{content:"";position:absolute;top:0;left:-20px;height:305px;width:1px;background:#006666} .designershow .dshowlayout .left .limg:before{content:"";position:absolute;bottom:-20px;right:-20px;height:305px;width:1px;background:#006666} .designershow .dshowlayout .left .limg line{position:absolute;width:305px;height:1px;bottom:-20px;right:-20px;background:#006666;} @media screen and (max-width:1400px){ .designershow .right .works{ width:66%;} } @media screen and (max-width:1024px){ .dshowlayout{position: relative;overflow: hidden;} .designershow{ padding-top:30px; padding-bottom:30px;} .designershow .left{ width:40%;float: left; padding-right:0;} .designershow .right{ width:50%; margin-top:15px; float:right;} .designershow .right.visible-xs{width:100%;} .designershow .right h4{ font-size:14px; line-height:26px;} .designershow .right .h41{position: absolute;left: 46%;top: 10.5%;width: 46%;} .designershow .right h4.mid{ margin:10px 0; font-size:14px; line-height:24px;} .designershow .right h4.mid em{ margin-top:0;} .designershow .right .makebut{ width:100px; line-height:32px; font-size:14px; margin-top:15px;} .designershow .right .makebut:after{ display: none;} .designershow .right .works{ margin-left:0; width:100%;margin-top: 12px;} .designershow .right .works li{ padding:0 5px;} .designershow .right .works .slick-prev{ left:-8px;} .designershow .right .works .slick-next{ right:-8px;} .designershow .dshowlayout .left .limg:after{ height:70%; left:-10px;} .designershow .dshowlayout .left .limg:before{ height:70%; right:-10px; bottom:-10px;} .designershow .dshowlayout .left .limg line{ width:70%; right:-10px; bottom:-10px;} .designershow .tit{ font-size:18px; line-height:30px;} .designershow .tit i{color: #333;font-size: 16px;} .designershow .label{margin: 0;padding: 0 14px;} .designershow .label .slick-list{margin: 0 -4px;padding-bottom: 12px; width: calc(100% + 8px); width: -ms-calc(100% + 10px); width: -o-calc(100% + 8px); width: -moz-calc(100% + 8px); width: -webkit-calc(100% + 8px);} .designershow .label .lali{ font-size:14px; min-width:auto; padding:0 8px; margin-right:0; margin-top:0;border: 0;} .designershow .label .lali a{display: block;width: 100%;color: #666666;border: 1px solid #006666} .designershow .dshowlayout .left .limg{ float:none; display:block; margin:0 auto; line-height:0; width:100%;} .designershow .label .slick-prev{width: 10px;height: 20px;background: url(../images/zimg19.png) no-repeat center center; background-size: cover;left: -0px;top: 38%;} .designershow .label .slick-next{width: 10px;height: 20px;background: url(../images/zimg20.png) no-repeat center center; background-size: cover;right: -0px;top: 38%;} } .relevantlist{padding-bottom:30px} .relevantlist .tit{font-size:36px;color:#000;text-align:center;position:relative} .relevantlist .box{position:relative; width:100%; float:left; margin-bottom:100px;} .relevantlist .relala{ width:100%; float:left; position:absolute; left:0; top:0; z-index:1; opacity:0;} .relevantlist .relala.act{ position:relative; z-index:3; opacity:1;} .relevantlist .tit:after{background:#006666;height:2px;width:45px;position:absolute;bottom:-30px;content:"";left: 50%; transform: translate(-50%, 0);} .relevantlist .classification{margin-top:100px;float: left;left: 50%; position: relative;transform: translate(-50%, 0);margin-bottom:50px;} .relevantlist .classification .ificon{width:200px;height:48px;text-align:center;font-size:18px;line-height:48px;float:left; color:#000;border:1px solid #393939;} /*.relevantlist .classification .ificon:hover{background:#006666;color:#fff;border:1px solid #006666}*/ .relevantlist .classification .ificon:last-child{margin-left:80px;} .relevantlist .classification .ificon.on{background:#006666;color:#fff;border:1px solid #006666} .relevantlist .slick-prev{height:18px;width:18px;border-top:2px solid #DBDBDB;position:absolute;top:50%;transform:translate(0,-50%)rotate(225deg); border-right:2px solid #DBDBDB;position:absolute;left:-20px; transition:all .5s linear;} .relevantlist .slick-next{height:18px;width:18px;border-top:2px solid #DBDBDB;position:absolute;top:50%;transform:translate(0,-50%)rotate(45deg); border-right:2px solid #DBDBDB;position:absolute;right:-20px;transition:all .5s linear; } .relevantlist .slick-arrow:hover{border-right:2px solid #006666;border-top:2px solid #006666;} .relevantlist .slick-dots{display: block; left: 50%;transform: translate(-50%, 0);position: absolute;width: auto;} .relevantlist .slick-dots li{height:10px;width:10px;background:rgba(0,102,102,0.27);padding:0} .relevantlist .slick-dots li.slick-active{background:rgba(0,102,102,1);} @media screen and (max-width:1024px){ .relevantlist .box{ margin-bottom:30px;} .relevantlist .tit{ font-size:20px; line-height:30px;} .relevantlist .tit:after{ bottom:-15px;} .relevantlist .classification{margin-top:40px; margin-bottom:20px;} .relevantlist .classification .ificon{width:120px;height:34px;font-size:14px;line-height:32px;} .relevantlist .classification .ificon:last-child{margin-left:15px;} .relevantlist .slick-prev{ left:-2px;} .relevantlist .slick-next{ right:-2px;} } .designerlist{width: 100%; padding-top: 70px; padding-bottom: 84px;} .designerlist .content{width: 100%;margin-bottom: 76px;} .designerlist ul{width:calc(100% + 46px);margin:-25px -23px;overflow:hidden; display:flex; flex-wrap: wrap; align-items: flex-start;} .designerlist ul li{width:50%;padding:25px 23px;float:left;} .designerlist ul li .box{display:flex;width:100%;} .designerlist ul li .box .img{overflow:hidden; width: 45%; line-height:0;} .designerlist ul li .box .img img{transition:all .5s ease;object-fit:cover;} .designerlist ul li .right{padding:50px 30px 53px 48px;background:#fff;/*box-shadow:6px 6px 29px rgba(173,173,173,0.28);*/ width:55%;border:1px solid #ddd;transition:all .5s linear;} .designerlist ul li:hover .right{box-shadow:6px 6px 29px rgba(173,173,173,0.28);border:1px solid #fff;} .designerlist ul li .img img{height:100%;width:100%;overflow:hidden;} .designerlist ul li:hover .img img{transform: scale(1.1);} .designerlist ul li .tit{font-size:24px;color:#111111;display:flex;align-items:flex-end;} .designerlist ul li .tit i{font-size:16px;color:#666666;} .designerlist ul li h5{color:#666666;font-size:16px;margin-top:25px;} .designerlist ul li .mainw{float:left;/*display:flex;flex-direction:column;align-items:center;*/margin-top:18px; width:45%;} .designerlist ul li .mainw i{ width:100%; line-height:0;} .designerlist ul li .mainw img{max-width:100%;width:129px;} .designerlist ul li .mainw.mainw2{margin-left:22px;} .designerlist ul li .mainw h6{color:#666;font-size:16px;margin-top:15px;line-height:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .designerlist ul li line{height:1px;width:calc(100% + 30px);background:#EAEAEA;display:block; float:left;transform:translate(-24px,0);margin:30px 0;} .designerlist ul li .down .more{color:#fff;background:#006666;text-align:center;line-height:40px; width:160px;float:left} .designerlist ul li .down h4{color:#666;font-size:16px;line-height:40px;float:left;margin-left:35px;} .designerlist ul li .down i{color:#006666} .designerlist ul li .p{ width:100%;} @media screen and (max-width:1600px){ .designerlist ul li .mainw.mainw2{margin-left: 10px;} .designerlist ul li .right{padding:40px 25px} .designerlist ul li .right .down{display: flex;float: left;align-items: center;justify-content: space-between;width:100%} .designerlist ul li .down h4{margin-left:0;white-space: nowrap;} .designerlist ul li .down .more{width:135px;} .designerlist ul li .mainw{width:45%} } @media screen and (max-width:1400px){ .designerlist ul{width: calc(100% + 30px); margin: -25px -15px;} .designerlist ul li{ padding:20px 15px;} .designerlist ul li h5{margin-top:15px;} } @media screen and (max-width:1024px){ .designerlist{padding-top:30px;padding-bottom:30px;} .designerlist .content{margin-bottom:30px;} .designerlist ul{ width:calc(100% + 30px); margin:-15px;} .designerlist ul li{width:100%;padding:15px; } .designerlist ul li .box{flex-direction:column; position:relative;} .designerlist ul li .box .img{width:50%; position:absolute; left:16px; top:15px; width:140px; height:210px; overflow:hidden; } .designerlist ul li .right{width:100%;padding:270px 15px 20px 15px;} .designerlist ul li .tit{font-size:18px; padding-left:160px; position:relative; top:0; margin-top:-230px; display:block;} .designerlist ul li .p{ min-height:150px; padding-left:160px; border-bottom:1px solid #EAEAEA;} .designerlist ul li h5{font-size:14px;margin-top:10px;} .designerlist ul li .mainw{ width:48%; margin-top:0;} .designerlist ul li .mainw.mainw2{ margin-left:4%;} .designerlist ul li .mainw h6{margin-top:10px;font-size:14px;line-height:16px;} .designerlist ul li line{display: none;} .designerlist ul li .down .more{width:100px;line-height:30px;position: absolute;top: 137px;left: 175px;font-size: 14px;} .designerlist ul li .down h4{font-size:14px;line-height:20px;margin-left:0;position: absolute;left: 175px;top: 180px;} } .ansx_section1 .dzdp{height:40px;width:180px;background:#006666;color:#fff;display:flex;align-items:center;justify-content:center;padding:0 15px; float:right; white-space:nowrap;} .ansx_section1 .dzdp p{margin-left:10px;} .ansx_section1 .content.layout{display:flex;} /*.ansx_section1 .content .boxs{width:calc(100% - 180px);margin-bottom:0;}*/ .evaluate{width: 100%; float:left;padding-bottom:85px;} .evaluate .content{width: 100%;margin-bottom: 76px;float:left} .evaluate ul{width:100%;float:left} .evaluate ul li{width:100%;padding:65px 0;float:left;/*background:#fff;*/position:relative} .evaluate ul li .box{display:block;float:left;width:100%;position:relative;z-index:2;} .evaluate ul li .top{padding-left:10px;float:left;width:100%;} .evaluate ul li .top .left img{height:96px;width:96px;border-radius:100%;object-fit:cover;} .evaluate ul li .top .yleft{display:flex;align-items:center} .evaluate ul li .top .yleft .right{margin-left:30px;} .evaluate ul li .top .yleft .right .rtop{display:flex;align-items:center} .evaluate ul li .rtop h4{color:#111;font-size:24px;} .evaluate ul li .rtop h5{color:#fff;background:#FABC00;line-height:20px;text-align:center;border-radius:5px;width:50px;font-size:16px; margin:0 30px 0 7px;} .evaluate ul li .rtop .links{display:flex;background:#006666;color:#FFF;padding:0 15px;line-height:34px; border-radius:5px; align-items:center;font-size:16px; white-space:nowrap;} .evaluate ul li .rtop .links img{margin-right:9px;} .evaluate ul li .rdown{margin-top:15px;} .evaluate ul li .top{display:flex;justify-content:space-between;align-items:center} .evaluate ul li .yright{display:flex;flex-direction:column;align-items:flex-end;} .evaluate ul li .yright .rtop img{float:left;margin-left:8px;} .evaluate ul li .mid{font-size:16px;line-height:30px;color:#666666;margin-top:40px;float:left; margin-bottom:35px;} .evaluate ul li .down .img{position: relative;padding-bottom: 66%;overflow: hidden;width: 100%;display:block} .evaluate ul li .down .img img{position: absolute;left:50%;top: 50%;width: 100%; max-height: 100%;transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);transition:all .5s linear;} .evaluate ul li .down{width:calc(100% + 18px);margin:0 -9px;} .evaluate ul li .down li{padding:0 9px;float:left;position:relative} .evaluate ul li .down li:hover .img img{transform:translate(-50%,-50%)scale(1.1);} .evaluate ul li .down .slick-prev{height:18px;width:18px;border-top:2px solid #DBDBDB;position:absolute;top:50%;transform:translate(0,-50%)rotate(225deg); border-right:2px solid #DBDBDB;position:absolute;left:-20px; transition:all .5s linear;} .evaluate ul li .down .slick-next{height:18px;width:18px;border-top:2px solid #DBDBDB;position:absolute;top:50%;transform:translate(0,-50%)rotate(45deg); border-right:2px solid #DBDBDB;position:absolute;right:-20px;transition:all .5s linear; } .evaluate ul li:nth-child(2n) .bg{position: absolute; height: 100%;width: 100vw;left: 0;top: 0;background: #F8F8F8; z-index: 1;left: 50%; transform: translate(-50%, 0);} .evaluate ul li .down .slick-arrow:hover{border-right:2px solid #006666;border-top:2px solid #006666;} .ansx_section1.rmbx .content .boxs .right li{margin-right:20px;border-top:2px solid #006666;border-right:2px solid #006666;} @media screen and (max-width:1600px){ .evaluate ul li{padding: 55px 30px;} } @media screen and (max-width:1024px){ .evaluate{padding-bottom:30px;} .evaluate ul li{padding:20px 0 45px 0} .evaluate .content{margin-bottom:15px;} .evaluate ul li .top{flex-direction:column;padding-left:0} .evaluate ul li .top .yleft .right{margin-left:10px;width:calc(100% - 70px)} .evaluate ul li .top .left img{height:70px;width:70px;} .evaluate ul li .top .yleft .right .rtop{flex-wrap:wrap} .evaluate ul li .rtop h4{font-size:16px;} .evaluate ul li .rtop h5{font-size:14px;margin:0 5px;} .evaluate ul li .rtop .links{padding:0 10px;line-height:28px;margin-top:10px;font-size:14px;} .evaluate ul li .rdown{margin-top:10px;} .evaluate ul li .mid{font-size: 14px;line-height: 26px;margin-top: 20px; margin-bottom: 20px;} .evaluate ul li .top .yleft{justify-content: space-between;width: 100%;} .evaluate ul li .yright{width:100%;display:none} .evaluate ul li .down{ padding:0 16px;} .evaluate ul li .down .slick-prev{ left:5px;} .evaluate ul li .down .slick-next{ right:5px;} .ansx_section1.rmbx .content .boxs .right li{ margin-right:12px;} .ansx_section1 .dzdp{ margin-top:30px; height:32px; font-size:14px; padding:0 16px;} } @media screen and (max-width:767px){ .ansx_section1 .content.layout{flex-wrap:wrap;} .ansx_section1 .content .boxs{ width:100%;} .ansx_section1 .dzdp{ float:left; margin-top:15px;} } .swiper-button-prev{background: url(../images/main23.png) center no-repeat;background-size:cover;width: 36px!important;height: 36px!important;} .swiper-button-prev::after{display: none;} .swiper-button-next{background: url(../images/main24.png) center no-repeat;background-size:cover;width: 36px!important;height: 36px!important;} .swiper-button-next:after{display: none;} .foot_d .foot_map span{display:none;} ._search{ background:url(../images/ico56.jpg) center repeat;float:left; width:100%; padding-top:60px; padding-bottom:60px;} ._search .title{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px;} ._search .list{ float:left; width:100%; margin-top:25px;} ._search .list li{ float:left; width:100%; border-bottom:1px solid rgba(0,0,0,0.1); padding:25px 0; position:relative; -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; } ._search .list li:after{ float:left; position:absolute; right:20px; top:50%; margin-top:-7px; content:''; width:22px; height:15px; background:url(../images/ico57.png) right center no-repeat;} ._search .list li .tit{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; font-weight:bold;} ._search .list li .info{ float:left; width:100%; color:#555555; font-size:16px; line-height:26px; margin-top:10px;} ._search .list li .info a{ color:#555555;} ._search .list li:hover{ background:#f2f2f2; padding:25px 20px;} ._search .list li:hover:after{ background:url(../images/ico58.png) right center no-repeat;} ._search .list li:hover .tit{ color:#006766;} ._search .img{ float:left; width:100%; margin-top:22px; line-height:0; text-align:center;} ._search .cont{ float:left; width:100%; margin-bottom:22px; color:#1b1b1b; color:rgba(27,27,27,0.5); font-size:24px; line-height:28px; text-align:center;} @media screen and (max-width:1024px){ ._search{ padding-top:30px; padding-bottom:40px;} ._search .list{ margin-top:10px;} ._search .list li{ padding:15px 0;} ._search .list li:after{ right:12px; width:15px;} ._search .list li .tit{ font-size:16px; line-height:26px; } ._search .list li .info{ font-size:14px; line-height:24px; margin-top:2px;} ._search .list li:hover{ padding:15px 12px;} ._search .cont{ font-size:18px; line-height:22px;} } @media screen and (max-width:767px){ } .pagecon{ padding-top:50px; padding-bottom:50px;} .xwxq_section.pagecon .content{margin-top:0;} .xwxq_section.pagecon .content .left{padding-right:0;} .xwxq_section.pagecon .content .left .info{padding-top:0; margin-bottom:0; border:0;} @media screen and (max-width:1024px){ .pagecon{ padding-top:20px; padding-bottom:20px;} } .sitemap{ width:100%;float:left;} .sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%; } .sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;} .sitemap li a:hover{color:#006766;} .sitemap li .font16{ font-size:16px; /*color:#135fb1*/} .sitemap li .font14{font-size:14px; } .sitemap li .font12{ font-size:12px; color:#999} .designershow .page{width: 100%;overflow: hidden;padding-top: 38px;} .designershow .page .box{width: 33.333%;float: left;} .designershow .page .box.centers{text-align: center;} .designershow .page .box.centers a{display: inline-block;font-size: 0;} .designershow .page .box.centers a:hover{opacity: 0.6;} .designershow .page .box.centers a .ico{width: 15px;height: 12px;display: inline-block;vertical-align: middle;margin-right: 10px;} .designershow .page .box.centers a .words{font-size: 16px;color: #666666;line-height: 38px;display: inline-block;vertical-align: middle;} .designershow .page .box.lefts{text-align: left;} .designershow .page .box.lefts a{display: inline-block;font-size: 0;width: 138px;border: 1px solid #dddddd;text-align: center;} .designershow .page .box.lefts a .ico{width: 8px;height: 8px;display: inline-block;vertical-align: middle;border-top: 2px solid #595959;border-left: 2px solid #595959;margin-right: 6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} .designershow .page .box.lefts a .words{font-size: 16px;color: #666666;line-height: 36px;display: inline-block;vertical-align: middle;} .designershow .page .box.lefts a:hover{background-color: #006666;border-color: #006666;} .designershow .page .box.lefts a:hover .ico{border-color: #fff;} .designershow .page .box.lefts a:hover .words{color: #fff;} .designershow .page .box.rights{text-align: right;} .designershow .page .box.rights a{display: inline-block;font-size: 0;width: 138px;border: 1px solid #dddddd;text-align: center;} .designershow .page .box.rights a .ico{width: 8px;height: 8px;display: inline-block;vertical-align: middle;border-top: 2px solid #595959;border-right: 2px solid #595959;margin-left: 6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .designershow .page .box.rights a .words{font-size: 16px;color: #666666;line-height: 36px;display: inline-block;vertical-align: middle;} .designershow .page .box.rights a:hover{background-color: #006666;border-color: #006666;} .designershow .page .box.rights a:hover .ico{border-color: #fff;} .designershow .page .box.rights a:hover .words{color: #fff;} @media screen and (max-width:1024px){ .designershow .page .box.centers a .ico{width: 12px;height: 10px;margin-right: 4px;} .designershow .page .box.centers a .words{font-size: 14px;line-height: 30px;} .designershow .page .box.lefts a{width: 100px;} .designershow .page .box.lefts a .ico{width: 6px;height: 6px;border-top: 1px solid #595959;border-left: 1px solid #595959;margin-right: 4px;} .designershow .page .box.lefts a .words{font-size: 14px;line-height: 28px;} .designershow .page .box.rights a{width: 100px;} .designershow .page .box.rights a .ico{width: 6px;height: 6px;border-top: 1px solid #595959;border-right: 1px solid #595959;margin-left: 4px;} .designershow .page .box.rights a .words{font-size: 14px;line-height: 28px;} .designershow .page{ padding-top:30px;} .ansx_section3 .ul .li .a .wordsbox{padding: 10px 40px 10px 10px;} .ansx_section3 .ul .li .a .wordsbox h2{font-size:16px !important;line-height:22px;margin-bottom: 8px;} .ansx_section3 .ul .li .a .wordsbox h3{font-size:14px !important;line-height:20px;} .ansx_section3 .ul .li .a .wordsbox .ico{width:18px;height:4px;right:11px;} }