*{border:0; margin:0; padding:0; outline:0; box-sizing:border-box;} body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,fieldset,legend,button,textarea,div,img{border:0 none; margin:0; padding:0; box-sizing:border-box; outline:0;} body,textarea,input,button,select,keygen,legend{font:14px/1.5;color:#3d3d3d;outline:0;font-family:'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif;font-style: normal;} html,body{width:100%; position:relative;height:100%;} .bodyw,.body_st{height:100%;} body{overflow-x:hidden;} h1,h2,h3,h4,h5,h6{font-weight:normal;} em{font-style:normal;} ul,li,ol{list-style:none;} img { border: none; outline: 0; overflow: hidden; vertical-align: middle; } /** 重置超链接元素 **/ a{text-decoration:none;color:#3d3d3d;-webkit-transition:0.5s;transition:0.5s;} a:hover{color:#3A9AE4;} /** 重置图片元素 **/ .l{ float:left;} .r{ float:right;} /** 重置表格元素 **/ table{border-collapse:collapse;} .clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both; overflow:hidden;} .clear{ clear:both;} .w1650{ width:1650px;max-width: 95%; margin:auto;} .w1480{ width:1480px;max-width: 95%; margin:auto;} .w1480 .youlian{margin-top:10px;} .w1480 .youlian a{color:#999; float:left; margin-left:10px;} .w1480 .youlian a:hover{color:#3A9AE4;} .w1480 .youlian p{color:#999; float:left;} .top_bg{position: relative;left: 0;top: 0;right: 0;z-index: 9;-webkit-transition: 0.5s;transition: 0.5s;height: 100px; background:#fff;} .top_h{} .top_h .logo{padding: 12px 0;} .top_h .logo img{display: block;height:70px;} .dh_tx{position: absolute;top:0;} .dh_tx i{position: absolute;top: 0; height:100px;-webkit-transition:0.5s;transition:0.5s;} .dh_tx i:after{content: "";position: absolute;left: 20px;bottom: 0;right: 20px; -webkit-transition:0.5s;transition:0.5s;border-bottom: 2px solid #3a9ae4;} .dh{position: relative;background: #3a9ae4;z-index: 9;} .dh ul{width: 1650px;max-width: 95%;margin: auto;display: flex;} .dh ul li{} .dh ul li p a{display: block;line-height: 50px;font-size: 16px;position: relative;color: #fff;padding: 0 30px;} .dh ul li:hover p a{background: #45aeff;} .dh ul li.on2 p a{background: #fff; color: #3a9ae4;} .dh ul li.dh_gy{position: relative;} .dh ul li.dh_gy .dh_fl{position: absolute;left: 50%;margin-left: -100px;top: 50px; width:200px;background: rgba(250, 250, 250, 0.95);display: none;} .dh ul li.dh_gy .dh_fl ul{width: 100%;max-width: 100%;display: block;} .dh ul li.dh_gy .dh_fl ul li{ float: none;border-bottom: 1px solid #eee; } .dh ul li.dh_gy .dh_fl ul li a{display: block; font-size: 14px;line-height: 50px;color: #666; text-align:center;} .dh ul li.dh_gy .dh_fl ul li a:hover{color: #fff; background:#3a9ae4;} .dh ul li.dh_cp .dh_fl{position: absolute;left: 0;top: 50px;width:100%;display: none;;background: #f6f6f6;height: 750px;} .dh ul li.dh_cp .dh_fl:after{content: "";position: absolute;left: 0;top: 0px;width:30%;bottom: 0;background: #fff;} .dh ul li.dh_cp .dh_fl ul{width: 33.333%;background: #fff;max-width: 100%;display: block;margin: 0;z-index: 1;position: relative;padding: 50px 50px;height: 100%;} .dh ul li.dh_cp .dh_fl ul li{} .dh ul li.dh_cp .dh_fl ul li .a{} .dh ul li.dh_cp .dh_fl ul li a{display: block; font-size: 16px; line-height: 46px;position: relative;color: #666;display: flex;align-items: center;justify-content: space-between;} .dh ul li.dh_cp .dh_fl ul li a i{-webkit-transform: rotate(180deg);transform: rotate(180deg);font-size: 12px;} .dh ul li.dh_cp .dh_fl ul li.on a{color: #3a9ae4;} .dh ul li.dh_cp .dh_fl ul li .dh_fl{width: 200%;position: absolute;top: 0px;background: none;left: 100%;padding: 50px;height: auto;} .dh ul li.dh_cp .dh_fl ul li .dh_fl .dbt{display: flex;align-items: center;border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;} .dh ul li.dh_cp .dh_fl ul li .dh_fl .dbt a{font-size: 20px;line-height: 36px;color: #3A9AE4;} .dh ul li.dh_cp .dh_fl ul li .dh_fl .dbt a.fl_xqlb{padding-right: 10px;border-right: 1px solid #e5e5e5;margin-right: 10px;} .dh ul li.dh_cp .dh_fl ul li .dh_fl:after{display: none;} .dh ul li.dh_cp .dh_fl ul li .dh_fl ul{width: 100%;background: none;padding: 0;column-count: 2;column-gap: 50px;height: auto;} .dh ul li.dh_cp .dh_fl ul li .dh_fl ul li{padding:10px 0;display: inline-block;width: 100%;} .dh ul li.dh_cp .dh_fl ul li .dh_fl ul li .fl_sbt{display: flex;align-items: center;} .dh ul li.dh_cp .dh_fl ul li .dh_fl ul li .fl_sbt a{font-size: 18px;line-height: 36px;color: #333;} .dh ul li.dh_cp .dh_fl ul li .dh_fl ul li .fl_sbt a.fl_xqlb{font-size: 20px;padding-right: 10px;border-right: 1px solid #e5e5e5;margin-right: 10px;} .dh ul li.dh_cp .dh_fl ul li .dh_fl ul li .fl_sbt a:hover{color: #3A9AE4;} .dh ul li.dh_cp .dh_fl ul li .dh_fl ul li .dh_fl{display: block;width: 100%;position: relative;left: 0;padding: 0px;} .dh ul li.dh_cp .dh_fl ul li .dh_fl ul li .dh_fl .dbt{display: none;} .dh ul li.dh_cp .dh_fl ul li .dh_fl ul li .dh_fl ul{column-count: auto;column-gap: normal;} .dh ul li.dh_cp .dh_fl ul li .dh_fl ul li .dh_fl ul li{padding: 0;} .dh ul li.dh_cp .dh_fl ul li .dh_fl ul li .dh_fl ul li a{font-size: 14px;line-height: 36px;color: #666;font-weight: normal;} .dh ul li.dh_cp .dh_fl ul li .dh_fl ul li .dh_fl ul li a:hover{color: #3A9AE4;} .top_tel{ font-size:18px; font-weight:bold; color:#D62330; margin-top:38px; background:url(../images/tel.png) left center no-repeat; padding-left:30px; margin-left:10px;} .top_ss{margin-left: 20px; margin-right:0px;} .top_ss span.button{ display:block; width:30px; height:100px;font-size: 18px;line-height: 100px;text-align: center;color: #333; cursor:pointer;-webkit-transition:0.5s;transition:0.5s;} .serach{position:absolute;left: 0; right:0px;background: #fff; top:0px; width:100%;overflow:hidden; z-index:10;display: none;-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;padding: 30px 0;} .serach form{position: relative;} .serach form input[type='text']{font-size:15px; width:100%; height:40px; line-height:40px;padding:0 100px 0 50px; color:#333;background: none;} .serach form a{position: absolute;left: 0;top:0px;width: 40px;height:40px;font-size: 20px;line-height: 40px;text-align: center;color: #666;} .serach form span{position: absolute;right: 0;top:0px;width: 40px;height:40px;cursor: pointer;} .serach form span:before{content:""; position: absolute;left: 50%;top:50%;width: 24px;height:2px;background: #333;margin: -1px 0 0 -12px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition:0.5s;transition:0.5s;border-radius: 2px;} .serach form span:after{content:""; position: absolute;left: 50%;top:50%;width: 2px;height:24px;background: #333;margin: -12px 0 0 -1px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition:0.5s;transition:0.5s;border-radius: 2px;} .serach form span:hover:before{-webkit-transform: rotate(0deg);transform: rotate(0deg);} .serach form span:hover:after{-webkit-transform: rotate(90deg);transform: rotate(90deg);} .top_yy{margin-top:33px;margin-left: 10px; text-align:center;color: #333;} .top_yy a{font-size: 17px;line-height:32px; color: #333; } .top_yy a:hover{ color:#3A9AE4;} .top_bg.on{background: #fff;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);} .top_bg.on .dh_tx i:after{border-bottom: 2px solid #3A9AE4;} .top_bg.on .dh ul li p a{color: #333;} .top_bg.on .dh ul li.on p a{color: #3A9AE4;} .top_bg.on .top_ss span.button{color: #333;} .top_bg.on .top_ss:hover span.button{color: #3A9AE4;} .top_bg.on .top_yy a:hover{ background:#333;} .banner{ width:100%; overflow:hidden; position:relative;} .banner ul{ position:relative; width:10000%;} .banner ul li{ float:left; width:1%; overflow:hidden;position: relative;} .banner ul li a{display: block;} .banner ul li img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;} .banner ul li.on img{animation-name:puffIn;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .bandd{ position:absolute; left:0; bottom:3%; width:100%; text-align:center; z-index:5;} .bandd span{z-index:2;cursor:pointer;margin:0 5px;display:inline-block;width:50px;height:2px;zoom:1;position:relative;-webkit-transition:0.5s;transition:0.5s;background: #fff;} .bandd span.on{background:#D62330;} .banz,.bany{ position:absolute; top:0; width:15%; height:100%; opacity:0; -webkit-transition:0.5s;transition:0.5s; cursor:pointer; z-index:5;font-size: 42px;line-height:100%;text-align: center;color: #fff;} .banz{ left:0;} .bany{ right:0;} .banz:before,.bany:before{position: absolute;top: 50%;left: 50%; -webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%) ;} .bany:before{-webkit-transform:translate(-50%, -50%) rotate(180deg);transform:translate(-50%, -50%) rotate(180deg);} .banner:hover .banz,.banner:hover .bany{ opacity:1;} @keyframes puffIn{0%{transform:scale(1.1);transform-origin:50% 50%;}to{transform:scale(1);transform-origin:50% 50%;}} .hTitle{font-size:2.875rem;color:#191919;text-align:center;line-height:1.2;margin-bottom:50px;} .hTitle span{position: relative; font-size:24px;} .hTitle span::after,.hTitle span::before{content:"";position: absolute;width:55px;height:56px;background: url('../images/tie_l.png');left:-30px;top:15px;} .hTitle span::before{left:auto;right:-30px;transform: rotateY(-180deg);} .hTitle i{color:#E40011;font-size:42px;text-transform: uppercase;font-family:'ahronbd';margin-right:10px;position: relative;top:5px; font-style:normal; font-weight:bold;} .hTitle em{display: block;font-size: 18px;opacity:.7;margin-top:20px;font-style:normal;} .hTitle2{font-size:2.875rem;color:#fff;text-align:center;line-height:1.2;margin-bottom:50px;} .hTitle2 span{position: relative; font-size:24px;} .hTitle2 span::after,.hTitle2 span::before{content:"";position: absolute;width:55px;height:56px;background: url('../images/tie_l2.png');left:-30px;top:15px;} .hTitle2 span::before{left:auto;right:-30px;transform: rotateY(-180deg);} .hTitle2 i{color:#fff;font-size:42px;text-transform: uppercase;font-family:'ahronbd';margin-right:10px;position: relative;top:5px; font-style:normal; font-weight:bold;} .hTitle2 em{display: block;font-size: 18px;opacity:.7;margin-top:20px;font-style:normal;} /* footer */ .footer{ padding:50px 0 50px;overflow:hidden;background:#1C1C1C; position: relative;} .ft-about{ margin-bottom:30px; border-bottom:1px solid #393939; padding-bottom:30px;} .ft-about p{ color:#999;} .ft-menu{float:left;width: 54%;overflow:hidden;} .ft-menu .item{position:relative;float:left;margin-right: 6%;width: 15%;} .ft-menu .item:nth-of-type(2) {width: 20%;} .ft-menu .item:after{display:block;position:absolute;top:0;right:0;width:1px;height:300px;content:"";background:#444;} .ft-menu .item::before { display: block; content: ""; position: absolute; top: 0; right: 0; width: 1px;height: 18px; background: #3A9AE4; z-index: 2;} .ft-menu .item h3{font-weight:normal; font-size:16px; color:#fff;overflow:hidden;} .ft-menu .item h3 a{display:block;color:#fff;} .ft-menu .item h3 a:hover{font-weight:bold;} .ft-menu .item ul{ margin-top:25px;overflow:hidden;} .ft-menu .item li{ padding:6px 0;font-size:15px;} .ft-menu .item li a{display:block;color:#999;font-size: 15px;} .ft-menu .item li a:hover{text-decoration:underline; color: #fff;} .ft-infos{position:relative;float:left;width: 30%;} .ft-infos h3{font-weight:normal;overflow:hidden; font-size: 16px;} .ft-infos h3 a{display:block;color:#fff;} .ft-infos .con{margin-top:20px;color:#999;overflow:hidden; margin-bottom:0;} .ft-infos .con p{ padding: 6px 0; font-size: 15px;} .ft-infos .con p a{ color:#666;} .ft-infos .con p em { font-weight:bold; color:#fff; font-size: 16px;} .ft-infos .con p a:hover{color: #fff;text-decoration:underline; } .ft-infos .con p:nth-of-type(1){ background:url(../images/tub1.png) no-repeat center left; padding-left:24px;} .ft-infos .con p:nth-of-type(2){ background:url(../images/tub2.png) no-repeat center left; padding-left:24px;} .ft-infos .con p:nth-of-type(3){ background:url(../images/tub4.png) no-repeat center left; padding-left:24px;} .ft-infos .con p:nth-of-type(4){ background:url(../images/tub5.png) no-repeat center left; padding-left:24px;} .ft-infos .con p:nth-of-type(5){ background:url(../images/tub5.png) no-repeat center left; padding-left:24px;} .ft-QRcode{float:right;overflow:hidden;} .ft-QRcode .tel{color:#fff;} .ft-QRcode .tel span{display:block;font-size:14px; color: #fff; width: 140px; height: 32px; line-height: 32px; border-radius: 0 10px 0 0; background: #15509B; text-align: center;} .ft-QRcode .tel em{ margin-top:5px;display:block;font-size:24px;font-family:"DIN Bold"; color: #fff;} .ft-QRcode .QRcode-list{margin-top:10px;overflow:hidden;} .ft-QRcode .QRcode-list .item{float:left; width:140px;background:#fff; border-radius: 0 20px 0 0; padding-bottom: 10px;} .ft-QRcode .QRcode-list .item:nth-of-type(2) { margin-left: 15px; margin-right:15px;} .ft-QRcode .QRcode-list .item p{ font-size: 12px; color: #999; padding-top: 10px; padding-bottom:5px; text-align: center;} .ft-QRcode .QRcode-list .item i {position:relative;display:block;overflow:hidden; width: 120px; margin: 0 auto;} .ft-QRcode .QRcode-list .item i img { width:100%;} .copyright{ background:#171717; padding:30px 0; text-align:center; color:#ccc;} .copyright a { color: #ccc;} .flinks { overflow: hidden; background: #262424;border-top: 1px solid #333; padding:30px 0; } .flinks dt { float: left;padding-right: 25px; height:37px;line-height: 37px; position: relative;} .flinks dt:after { content: ''; display: block; position: absolute; right:0; top: 0;background: url("../images/Common/link-icon.png") no-repeat center; width: 10px; height: 37px;} .flinks dt a {font-size: 14px; color: #fff; } .flinks dd { float: left; line-height: 37px;} .flinks dd a { font-size: 14px; color: #999; border-right: 1px solid #404040;padding: 0 25px;} .flinks dd a:hover { text-decoration:underline; color:#fff;} .flinks dd a:last-of-type { border: none;} @media(max-width: 1200px){ .footer{ padding:10px 0 30px;} .ft-menu{ display:none;} .ft-infos{ float:left; width:60%; margin-right:20px;} .ft-infos .con{margin-top:10px;} .ft-QRcode{ float:none; margin-top:20px;} .ft-QRcode .tel em{ font-size:18px;} .flinks { padding:20px 0; } .flinks dd a{ padding-left:0; margin-right:10px; padding-right:10px;} } @media(max-width: 980px){ .ft-QRcode .QRcode-list .item{width:110px;} .ft-QRcode .QRcode-list .item i {width: 100px;} .ft-QRcode .QRcode-list .item:nth-of-type(2){ display:none;} } @media(max-width: 320px){ .ft-infos{ width:55%;margin-right:10px;} .ft-QRcode .QRcode-list .item{width:100px;} .ft-QRcode .QRcode-list .item i {width: 90px;} .ft-QRcode .QRcode-list .item:nth-of-type(2){ display:none;} .ft-infos .con p{ padding: 6px 0; font-size: 13px;} } .trait{padding: 0px 0 30px; } .tratitl{text-align: center;font-size: 42px;color: #222222;display: block; } .tratitl p{font-size: 18px;color: #666666;margin-top:10px; display: block; font-weight:normal;} .tratitl span{display: block;font-weight:bold; color:#db1a16;} .tratitl b{color: #3A9AE4;} /**************************首页关键词搜索**************************/ .ksbg{width:100%;height:80px; background:#fff;} .keyword{float:left;width:68%;height:80px;} .keyword p{ font-size:15px; color:#666; line-height:80px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .keyword p a{padding:0px 10px;color:#666;} .keyword p a:hover{ color:#3A9AE4; text-decoration:underline; } .search{ float:right; width:340px; height:40px; background:#f6f6f6; border-radius:30px; margin-top:20px; } .search p{ color:#999;} .search p input[type="text"]{ width:265px; height:40px; color:#b0b0b1; border:none; text-indent:1em; outline:none; background:none; } .search p input[type="submit"]{ float:right; outline:none; border:none; cursor:pointer; width:36px; height:36px; border-radius:30px; margin-top: 2px; margin-right: 4px; background:url(../images/search.png) center center no-repeat #3A9AE4; } /*首页产品*/ /*====产品 侧导航====*/ .sy_cp_content{ padding:20px 0 50px; background:#f6f6f6;} .sy_cp .conleft{ width:280px; float:left; background:#333;border-top-right-radius: 30px; } .pro_txt {font-size: 28px;text-align: center;color: #ffffff;padding-top: 10px;line-height: 32px;margin: 0 20px; padding-top:20px; padding-bottom:10px; font-weight:bold;} .pro_txt p {font-size: 15px;font-family: Arial;line-height: 30px; font-weight:normal;} #n_nav{background:#f5fafe; margin-bottom:0; margin-top:0px; overflow:hidden; border:1px solid #ddd;} #n_nav h1{ display:block; padding: 0 20px;border-bottom: 1px solid #e9e9ec; line-height: 60px; background:#3A9AE4; color:#fff; font-weight:bold; font-size:18px; margin:0; } #n_nav h1 a{ color:#fff;} #n_nav dt{position:relative;display:block; padding:0 10px;line-height: 50px;height: 50px;overflow:hidden;margin-top:0px;border-bottom: 1px solid #eee;} #n_nav dt a{ float:left; width: 85%;font-weight: normal;font-size:16px; padding-left: 10px;color: #000;display:block;height: 51px; display:block;} #n_nav dt a:hover{ color:#3a9ae4; text-decoration:underline; } #n_nav dt i{ float:right; display:block; height: 51px; width:10%; background:#0C55B8;} #n_nav dt.on{ border:none } #n_nav dt.title i{background: url(../images/icon_jh.png) left center no-repeat; position:relative; z-index:1;} #n_nav dt.title_on{background:#333;} #n_nav dt.title_on a{border:none;color: #fff;} #n_nav dt.title_on i,#n_nav dt.title_on i:hover{background: url(../images/icon_j_h.png) left center no-repeat;color:#fff;border:none;} #n_nav dd{display:none; border:none; font-size:12px;} #n_nav dd .box{ background: #fff;} #n_nav dd a{padding-left:20px;line-height:40px;font-size:14px;color:#636060;display:block;height:40px;padding: 0 0 0 36px; border-bottom:1px dotted #ccc;} #n_nav dd a:hover{ color:#3a9ae4; text-decoration:underline;} #n_nav dd a.on{color: #3a9ae4;} .lx_title{ padding-top:16px; padding-bottom:16px; background:#333;text-align:center;border-bottom-left-radius: 30px; } .lx_title p{ display:block;color:#fff; font-size:16px; text-align:center; background:url(../images/prolist4.png) 50px center no-repeat; padding-left:28px; height:30px; line-height:30px; margin-bottom:5px; } .lx_title span{ display:block; color:#fff; display:block; font-weight:bold; font-size:24px;text-transform:uppercase; } .conright{ width:78%; float:right;} .index-p-list>div {width: 32%;margin-right:2%;float: left;margin-bottom:2%;} .index-p-list>div:nth-of-type(3n){ margin-right:0;} .index-p-list>div a { position: relative; display: block; overflow: hidden; transition: all ease .4s;border:1px solid #ddd; } .index-p-list>div a.a1:after{ content:""; position: absolute; z-index:1;top: 0px;left: 0%;width: 100%;height: 100%;background-color:rgba(0,0,0,0.5);transform:translate(0%,110%);transition:all .4s;} .index-p-list>div a.a1:hover:after{ content:"";transform:translate(0%,0%);transition:all .4s;} .index-cp-mz{text-align:center;height:40px;line-height:40px; } .index-cp-mz a{color:#333;font-size:16px; border:0;} .index-cp-mz a:hover{background:#e40011;color:#fff;} .index-p-list>div a img { width: 100%; transform: scale(1); transition: all ease 0.5s; } .index-p-list>div a:hover img { transform: scale(1.1); } .index-p-list>div a p { position: absolute; top: 50%; left: 0; right: 0; z-index: 3; padding: 0px 20px; margin: 0px; font-size: 18px; line-height: 50px; color: #fff; text-align: center; opacity: 0; transform:translate(0%,-50%); transition: all ease 0.5s; } .index-p-list>div a:hover p { opacity: 1; transition-delay: 0.4s; } .index-p-list>div a p:before,.index-p-list>div a p:after{ content:""; position: absolute; z-index:-1;left: 50%;width: 0%;height:1px;background-color:rgba(255,255,255,0.6);transition:all .4s;} .index-p-list>div a p:before{content:""; top:0px;} .index-p-list>div a p:after{content:"";bottom:0px;} .index-p-list>div a:hover p:before,.index-p-list>div a:hover p:after{ content:"";z-index:-1;margin-left: -30px; width: 60px;transition-delay: 0.6s;} .sy_ys img{ width:100%;} /*首页优势*/ .index-ys-bj{background:url(../images/index_46.jpg) no-repeat #f2f2f2;overflow:hidden;padding:60px 0;} .index-ys-hz{ background: #fff; width:1480px; margin: 0 auto; padding: 40px 40px 0 40px; overflow: hidden; } .index-ys-top-left{width:660px;float:left; margin-top:60px;} .index-ys-top-right{float:right;margin-bottom:30px;} .index-ys-top-right img{width:100%;} .index-ys-top-sz{ background:url(../images/ys-sz.jpg)no-repeat center; width: 70px; height: 100px; line-height:66px; font-size: 36px; font-weight:bold; color: #fff; text-align: center; float: left; } .index-ys-top-content{ width: 550px; float: left; margin-left: 25px; } .index-ys-top-title{font-size:30px; color:#333; font-weight:bold; border-bottom:1px solid #3a9ae4; padding-bottom:10px;} .index-ys-top-title2{font-size:18px; color:#000; margin-top:10px; } .index-ys-top-yy{font-size:14px;color:#c2c2c2;font-weight:normal;} .index-ys-top-nt{ margin-top: 20px; font-size: 15px; color:#666; } .index-ys-top-nt p{ margin-bottom:10px;} .index-ys-top-left-hz{ margin-bottom:50px; overflow: hidden; } .sb { font-size: 28px; line-height: 45px; color: #3A9AE4; } .index-ys-center-left{ width: 650px; float: right; margin-top:60px; } .index-ys-center-right{float:left;} .index-ys-center-right img{width:100%;} /*==首页关于==*/ .sy_about{ background:url(../images/about_bg.jpg) center top no-repeat; padding:60px 0 80px; background-size:cover;} .sy_about .long{padding: 50px 40px;background: #fff;} .sy_about .txt{ width:50%; float:left;color:#666;font-size: 16px;line-height: 24px;} .sy_about .txt p{ margin-bottom:10px;} .sy_about .img{ width:47%; float:right;} .sy_about .img img{ width:100%;} .index-about{ margin-top:40px;} .index-about ul li{position: relative;z-index:2; float:left; width:25%; text-align:left;display: block;} .index-about ul li:nth-of-type(4){border:none} .index-about ul li a{position:relative;z-index:2; display:table;} .index-about ul li span{color:#333;font-size:60px;} .index-about ul li font{color:#999;vertical-align: top;} .index-about ul li span.counter{font-size: 36px;font-weight:bold;color: #3A9AE4;margin-top: 0;} .index-about ul li h1{font-size: 16px;color: #333;} .sy_about h3{background:url(../images/ico01.png) no-repeat;padding-left:45px; width:180px; margin-top:30px; } .p_more{display:inline-block;min-width:85px;padding:0 20px;height:45px;line-height:45px;font-size:16px;font-weight:600;text-transform:uppercase;text-align:center;color:#fff} .mmv{background-color:#3A9AE4;padding:0 30px;vertical-align:middle;display:inline-block;position:relative;box-shadow:0 0 1px rgba(0,0,0,0);transform:translateZ(0);transition-property:color;transition-duration:.5s;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.5s;-webkit-transition-property:color;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden} .mmv::before{background-color:#000;transform-origin:0 50%;left:0;top:0;right:0;bottom:0;position:absolute;z-index:-1;content:"";transform:scaleX(0);transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%} .mmv:hover{color:#fff;text-decoration:underline} .mmv:focus{color:#fff} .mmv:active{color:#fff} .mmv:hover::before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)} .mmv:focus::before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)} .mmv:active::before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)} /*首页证书*/ .cer {width: 100%;background: url(../images/zs_bg.jpg)no-repeat center;height: 760px;overflow: hidden;padding: 60px 0;} .cer_box {width:1300px;margin: 0 auto;} /*首页新闻*/ .sy-news{ width:100%; padding:60px 0 50px 0;} #hd{ width:100%; max-width:1200px; margin:0 auto; margin:0 auto; } #hd a.topa{ display:inline-block; color:#666; font-size:14px; background:#f4f4f4; padding:10px 15px; position:absolute; margin-left:calc(8.3% - 54.92px); } #hd a.topa:hover{ color:#fff; background:#0C55B8; } #hd ul{ text-align:center; } #hd ul li{ width:180px; text-align:center; cursor:pointer; display:inline-block; margin-left:0.5%; margin-right:0.5%; } #hd ul li a{ display:inline-block; color:#333; font-size:15px; background:#f6f6f6; height:44px; line-height:44px; border-radius:30px; border:1px solid #999; width:100%; } #hd ul li a:hover{ color:#fff; background:#3A9AE4; border:1px solid #3A9AE4; } #hd ul li.six a{ color:#fff; background:#3A9AE4; border:1px solid #3A9AE4; } #bottom{margin-top:10px;} #bottom .n_news{ width:100%; max-width:1480px; overflow:hidden; } /*.n_news ul{ overflow:hidden; } .n_news li{ width:23.5%; position:relative; display:block; overflow:hidden; background:#fff; float:left; margin:0% 2% 2% 0; padding-bottom:40px;} .n_news li:nth-of-type(4){ margin-right:0;} .n_news li a{ display:block;} .n_news li .pic_box{overflow:hidden; position:relative; width:100%;} .n_news li .pic_box img { display: block; transition: all 0.5s; width:100%; border:0; } .n_news li .pic_box:hover img {transform: scale(1.05);} .n_news li .text_box{ position:relative; padding:15px; } .n_news li h1 a{overflow:hidden; white-space: nowrap; overflow:hidden;text-overflow: ellipsis; color:#555555; font-size:18px; font-weight:bold; display:block; } .n_news li p{ font-size:14px; line-height:24px; margin-top:10px; color:#777777;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .n_news li span{ margin-top:2px; display:block; font-size:12px; color:#5c5c5d;} .n_news .fot_box{ position:relative; height:12px; line-height:14px; padding:0 25px; border-top:1px solid #ddd; padding-top:20px;} .n_news .fot_box span{color:#a1a1a1; font-size:14px;} .n_news .fot_box a{ display:block; color:#a1a1a1; font-size:14px; padding-top:22px; position:absolute; right:25px; top:0; background:url(../images/icon_more_jt.png) right 24px no-repeat; padding-right:30px;} .n_news li:hover h1 a{ color:#b20000; } .n_news li:hover .fot_box a{ background:url(../images/icon_more_jt_hover.png) right 24px no-repeat; color:#b20000;} .n_news li:hover .fot_box span{ } .n_news li a:hover{ text-decoration:underline; } .n_news h2{ text-align:center;color:#555; margin-top:50px;} .n_news * { -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }*/ .n_news .left{ float:left; width:48%;} .news_list{position: relative; margin-top:0px;} .news_list div{font-size:24px;color:#333; font-weight:bold;margin-bottom: 1rem;} .news_list li{line-height:80px; border-bottom:1px solid #e6e6e6; width:100%; margin-right:40px;} .news_list li a{ float:left; width:70%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; background:url(../images/news_dot.png) left no-repeat;padding-left:14px; font-size:17px;transition:0.5s; color:#333;} .news_list li a:hover{-webkit-transform:translate(10px,0);transform:translate(10px,0); color:#3A9AE4; text-decoration:underline;} .news_list li span{float:right; color:#999; font-size:15px; } .news_list li span a{float:right; width:20px;height:20px; background:none; padding-top:5px;} .news_list li span a:hover{-webkit-transform:translate(0px,0);transform:translate(0px,0); opacity:0.8;} .news_list li span img{width:20px;height:20px;} .flexslider{ position:relative;} .flexslider .slides > li {display: none; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides li p{ position:relative; margin-top:-60px; background:rgba(0, 0, 0, 0.5); width:100%; height:60px; line-height:60px; color:#fff; text-indent:20px;} .flexslider .slides img {width: 100%; display: block;border-radius: 0px;} .flex-pauseplay span {text-transform: capitalize;} .flex-control-nav { margin-left:88%; position:absolute; bottom:24px;} .flex-control-nav li {margin: 0 4px; float:left; zoom: 1; *display: inline;} .flex-control-paging li a {width:12px; height:12px; display: block; background:none;border:2px solid #fff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;} .flex-control-paging li a:hover { background: #fff; } .flex-control-paging li a.flex-active { background: #fff; cursor: default; border:2px solid #fff; } .flexslider2{ position:relative;} .flexslider2 .slides > li {display: none; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider2 .slides li p { position:relative; margin-top:-60px; background:rgba(0, 0, 0, 0.5); width:100%; height:60px; line-height:60px; color:#fff; text-indent:20px;} .flexslider2 .slides img {width: 100%; display: block;border-radius: 0px;} .flex-control-nav2 { margin-left:88%; position:absolute; bottom:24px;} .flex-control-nav2 li {margin: 0 4px; float:left; zoom: 1; *display: inline;} .flex-control-paging2 li a {width:12px; height:12px; display: block; background:none;border:2px solid #fff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;} .flex-control-paging2 li a:hover { background: #fff; } .flex-control-paging2 li a.flex-active { background: #fff; cursor: default; border:2px solid #fff; } .n_news .right{ float:right; width:48%;} .right_btn2{ float:right; border-bottom: 1px dotted #bfc8d1;padding-bottom: 20px;} .right_btn2 a{ display:inline-block;padding:0 3px 0 3px; height:32px; line-height:32px; text-align:center; font-size:15px; color:#333; background:#fff; border:1px solid #ddd; margin-left:10px;} .right_btn2 a:hover{ background:#3A9AE4; color:#fff; border:1px solid #3A9AE4;} .xwla_w{} .xwla_w h6{font-size: 22px; font-weight:bold;color: #333;line-height: 32px;border-bottom: 1px dotted #bfc8d1;padding-bottom: 20px;letter-spacing: 1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all ease 0.3s;} .xwla_w span{font-size: 15px;color: #999;line-height: 20px;margin-top: 24px;display: block;} .xwla_w p{font-size: 15px;color: #666;line-height: 24px;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin-top: 14px;} .xwla_m a{width: 160px; display:block;height: 44px;line-height: 44px;text-align: center;margin-top: 25px;background-color: #fff; border:2px solid #ddd;font-size: 15px;color: #3A9AE4;transition: all ease 0.3s;} .xwla_m a:hover{ background:#3A9AE4; color:#fff;border:2px solid #3A9AE4;} .container08{ background:url(../images/feedback_bg.jpg) center top no-repeat;background-attachment: fixed; background-size:cover; padding:80px 0 80px; text-align:center} .container08 .title{ margin-bottom:25px} .container08 .title h3{ font-size:42px; color:#fff; font-weight:bold; margin-bottom:14px} .container08 .title h5{ color:#fff; font-size:18px} .container08 .input{text-align:center;font-size:0;height: 63px;margin: 0;display:inline-block;} .container08 .input .input-text{display:inline-block; *display:inline; *zoom:1;width: 512px;height: 63px;line-height: 63px;position: relative;vertical-align: top;background: #f8f8f8;border: #3A9AE4 1px solid;} .container08 .input .input-text input{display:block;width:100%;height:100%;font-size: 14px;border:none;background:none;padding-left:32px;position: relative;z-index: 1;} .container08 .input .btn{display:inline-block; *display:inline; *zoom:1;width: 136px;height: 63px;line-height: 63px;background: #3A9AE4;margin-left: 0;position:relative;z-index:2;transition: 0.6s;cursor: pointer; border-radius:0;} .container08 .input .btn input{display:block;width:100%;height:100%;color: #fff;font-size: 14px;text-transform:uppercase;border:none;background:none;text-align:center;position:relative;z-index:1;cursor: pointer;} .container08 .input .btn a{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;float: left;width: 100%;height: 63px;line-height: 63px;vertical-align: middle;position: absolute;top: 0;left: 0;} .container08 .input .btn:hover{background: #0447AA;} input::-webkit-input-placeholder{ color:#919191;} input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#919191; } input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#919191;} input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#919191;} .container08 .input .input-text > input:focus { background-color: transparent; border-color: transparent; } .container08 .input .input-text > input:focus ~ .input-border { } .container08 .input .input-text > input:focus ~ .input-border:first-of-type:before { -webkit-transition: 0.15s ease-in-out all; transition: 0.15s ease-in-out all; -webkit-transition-delay: 0s; transition-delay: 0s; width: 100%; } .container08 .input .input-text > input:focus ~ .input-border:first-of-type:after { height: 100%; -webkit-transition: 0.15s ease-in-out all; transition: 0.15s ease-in-out all; -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .container08 .input .input-text > input:focus ~ .input-border:last-of-type { background: transparent; } .container08 .input .input-text > input:focus ~ .input-border:last-of-type:before { -webkit-transition: 0.15s ease-in-out all; transition: 0.15s ease-in-out all; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; width: 100%; } .container08 .input .input-text > input:focus ~ .input-border:last-of-type:after { height: 100%; -webkit-transition: 0.15s ease-in-out all; transition: 0.15s ease-in-out all; -webkit-transition-delay: 0.45s; transition-delay: 0.45s; top: 0; } .container08 .input .input-text .input-border { bottom: 0px; display: block; left: -1px; position: absolute; top: -1px; right: -1px; } .container08 .input .input-text .input-border:before, .container08 .input .input-text .input-border:after { bottom: 0; content: ''; display: block; position: absolute; top: 0; width: 0; background-color: #3A9AE4; -webkit-transition: 0.3s ease-in-out all; transition: 0.3s ease-in-out all; } .container08 .input .input-text .input-border:first-of-type:before { height: 2px; left: 0; top: 0; width: 0; } .container08 .input .input-text .input-border:first-of-type:after { height: 0; right: 0; top: 0; width: 2px; } .container08 .input .input-text .input-border:last-of-type:before { background-color: #15509B; height: 2px; top: calc(100% - 1px); right: 0; width: 0; } .container08 .input .input-text .input-border:last-of-type:after { background-color: #15509B; height: 0; top: calc(100% - 1px); left: 0; width: 2px; } @media (max-width:800px) { .container08 .title{ margin-bottom:15px;} .container08 .title h3{ font-size:24px;} .container08 .title h5{ font-size:12px;} .container08 .input{ width:100%; height:50px;} .container08 .input .input-text{ width:70%; height:50px; line-height:50px;} .container08 .input .btn{ width:70px; height:50px; line-height:50px;} .container08 .input .btn a{ height:50px; line-height:50px;} .container08{ padding:25px 0 30px;} } .xswl1{border-bottom: 1px solid #eee;padding-bottom: 30px;margin-bottom: 50px;} .xswl1 .bt{font-size: 24px;line-height: 24px;color: #333;padding-bottom: 20px;} .xswl1 ul li{font-size: 14px;line-height: 30px;color: #333;} .xswl2 .bt{font-size: 24px;line-height: 24px;color: #333;padding-bottom: 20px;} .xswl2 ul li{float: left;width: 47%;margin-right: 6%; font-size: 14px;line-height: 30px;color: #333;border-bottom: 1px solid #eee;padding-bottom: 20px;margin-bottom: 20px;} .xswl2 ul li:nth-child(2n){margin-right: 0;} .gdt::-webkit-scrollbar{width: 5px;height:5px;border-radius:20px;} .gdt::-webkit-scrollbar-thumb{border-radius: 20px;background: #ddd;} .gdt::-webkit-scrollbar-track{width:1px;border-radius: 20px;background:#fff;} .gdt:hover::-webkit-scrollbar-thumb{background:#aaa;} .ny_cp_tx{padding:20px 15px 30px 15px;font-size: 12px;background: #fff;} .ny_cp_tx table{width: 100%;font-size: 12px;} .ny_cp_tx th{background: #3A9AE4 ;padding:20px 10px;color: #fff;line-height: 24px;font-size: 12px;border: 1px solid #ddd;} .ny_cp_tx td{padding: 10px;border: 1px solid #ddd;width:14.285%;} .ny_cp_tx tr.on td{background: #eff5f5;} .w100{width: 100%!important;} .w200{width: 200px;width: auto;height: 50px;} .ny_cp_tx_l{float: left;width: 16%;border-bottom: 1px solid #ddd;} .ny_cp_tx_l_h1{overflow-x: scroll;} .ny_cp_tx_l_h1_gd{height: 150px;overflow-y: auto;} .ny_cp_tx_l_h1_gd a{display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;line-height: 24px;} .ny_cp_tx_l_h1_gd label{font-size: 12px;line-height: 24px;color: #333;display: flex;align-items: center;} .ny_cp_tx_l_h1_gd label.ys{color: #3A9AE4;} .ny_cp_tx_l_h1_gd label input{margin-right: 5px;} .ny_cp_tx_l_h2{overflow: hidden;max-height: 500px;} .ny_cp_tx_l_h2 a{font-size: 12px;} .ny_cp_tx_l_h2 a .imgxt{float: left;width: 60px;padding-right: 10px;height:50px;} .ny_cp_tx_r{float: left;width: 84%;border-bottom: 1px solid #ddd;} .ny_cp_tx_r_h1{overflow-y: scroll;overflow-x: scroll;} .ny_cp_tx_r_h2{max-height: 500px;overflow: hidden;overflow-y: scroll;} .ny_cp_tx_r_h2 td{width:14.285%;} .ny_cp_fl_txt{background: #f6f6f6;padding: 20px 0 50px;} .ny_cp_fl_txt .dbt{font-size: 30px;line-height: 36px;color: #333;} .ny_cp_fl_txt .fbt{font-size: 16px;line-height: 36px;color: #666;margin-top: 20px;} .ny_cp_fl_txt .gd{display: flex;margin-top: 20px;} .ny_cp_fl_txt .gd a{display: flex;align-items: center;justify-content: center;background: #3a9ae4;font-size: 16px;line-height: 46px;padding: 0 20px;color: #fff;-webkit-transition: 0.5s;transition: 0.5s;} .ny_cp_fl_txt .gd a:hover{background: #45aeff;} .ny_cp_fl_txt2{padding: 50px 0;background: #fff;} .ny_cp_fl_txt2 .txt{font-size: 16px;line-height: 36px;color: #666;} .ny_cp_fl_txt2 .flbt{font-size: 24px;line-height: 36px;color: #333;margin-top: 20px;} .ny_cp_fl_txt2 .fenglei{display: flex;flex-wrap: wrap;margin-top: 20px;margin-bottom:20px;} .ny_cp_fl_txt2 .fenglei li{width: 25%;display: flex;align-items: center;} .ny_cp_fl_txt2 .fenglei a{font-size: 16px;line-height: 46px;color: #009c8c!important;display: flex;align-items: center;-webkit-transition: 0.5s;transition: 0.5s;} .ny_cp_fl_txt2 .fenglei a i{font-size: 18px; color:#009c8c!important;} .ny_cp_fl_txt2 .fenglei a:hover{color: #45aeff;} .tjcg{position: fixed;left: 50%;top: 50%;width: 380px;background: #fff;border-radius: 5px;border: 1px solid #eee;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);padding: 30px;display: none;} .tjcg .ml1{font-size: 56px;line-height: 56px;color: #3a9ae4;text-align: center;} .tjcg .ml2{font-size: 24px;line-height: 24px;color: #3a9ae4;text-align: center;margin-top: 10px;} .tjcg .ml3{font-size: 14px;line-height: 24px;color: #333;text-align: center;margin-top: 10px;} .zdgb_tanchuang{position: absolute;right: 0px;top: -30px;font-size: 14px;line-height: 30px;color: #3a9ae4;} .gb_tanchuang{position: absolute;right: 20px;top: 10px;font-size: 14px;line-height: 30px;color: #3a9ae4;cursor: pointer;} .ny_dqwz{padding-top: 10px;} .ny_dqwz .w1480{display: flex;align-items: center;} .ny_dqwz .w1480 .ml1 a{font-size: 14px;line-height:46px;color: #666;-webkit-transition: 0.5s;transition: 0.5s;} .ny_dqwz .w1480 .ml1 a:hover{color: #3a9ae4;} .ny_dqwz .w1480 .ml2{font-size: 14px;line-height:46px;color: #ccc;padding: 0 10px;} .ny_dqwz .w1480 .ml3{position: relative;z-index: 1;} .ny_dqwz .w1480 .ml3 p a{font-size: 14px;line-height:46px;color: #666;-webkit-transition: 0.5s;transition: 0.5s;display: flex;align-items: center;} .ny_dqwz .w1480 .ml3 p a i{font-weight: bold;} .ny_dqwz .w1480 .ml3:hover p a{color: #3a9ae4;} .ny_dqwz .w1480 .ml3 .xl{position: absolute;left: -10px;top: 46px;width: 200px;background: #f6f6f6;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);padding: 10px;border: 1px solid #eee;display: none;} .ny_dqwz .w1480 .ml3 .xl ul li{display:flex;} .ny_dqwz .w1480 .ml3 .xl ul li a{line-height: 30px;color: #666;-webkit-transition: 0.5s;transition: 0.5s;} .ny_dqwz .w1480 .ml3 .xl ul li a.tb{font-size: 20px;width:24px;} .ny_dqwz .w1480 .ml3 .xl ul li a.wz{font-size: 14px;flex:1;width:100%;} .ny_dqwz .w1480 .ml3 .xl ul li a:hover{color: #3a9ae4;} .cleardiv{width:100%;overflow:hidden;clear:both;}