@charset "utf-8"; @import url('../fonts/iconfont/iconfont.css'); body{} @font-face { font-family: 'SourceHanSansCN'; /* project id 1819601 */ src: url('../fonts/SourceHanSansCN/SourceHanSansCN-Regular.eot'); src: url('../fonts/SourceHanSansCN/SourceHanSansCN-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceHanSansCN/SourceHanSansCN-Regular.woff2') format('woff2'), url('../fonts/SourceHanSansCN/SourceHanSansCN-Regular.woff') format('woff'), url('../fonts/SourceHanSansCN/SourceHanSansCN-Regular.ttf') format('truetype'), url('../fonts/SourceHanSansCN/SourceHanSansCN-Regular.svg#SourceHanSansCN') format('svg'); font-display: swap; } /***** font-display: swap; 字体延迟加载*****/ a{outline:none;color:#333;text-decoration:none;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;} a:focus{outline:none;} a:link,a:visited{text-decoration:none;} a:hover{color:#0a448d;text-decoration:none;} img,li{border:0;vertical-align:top;} img{max-width:100%;} .clear{clear:both;width:0;height:0;font-size:0;line-height:0;} *{margin:0;padding:0;} ul{list-style-type:none;} dd,dt,h5,img,li,ul{margin:0;padding:0;} b,body,dd,div,form,h5,h6,html,img,input,li,p,pre,td,ul{margin:0 auto;padding:0;font-family:SourceHanSansCN, Arial, Tahoma, Geneva, Verdana, sans-serif;} h1,h2,h3,h4,dt{font-family:SourceHanSansCN,Arial, Tahoma, Geneva, Verdana, sans-serif;} .clearfix:after,.clearfix:before{display:table;content:" ";} .clearfix:after{clear:both;} @media screen and (min-width:768px){ .carousel-caption{top:35%;bottom:auto;} .carousel-caption h3{margin-bottom:35px;font-size:67px;} .carousel-caption p{margin-bottom:35px;font-size:18px;} .carousel-caption a{padding:15px 30px;border:solid 1px #e57d06;border-radius:3px;background:#e57d06;font-size:14px;} } .noinfo{font-size:16px;text-align:center;margin-top:20px;} .item .img img{width:100%;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;} .item .img:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);} .container{width:1230px;} @media screen and (min-width:1px ) and (max-width:1229px) { .container{width:100%;} } #search{position:relative;} #search>a{border-bottom:none!important;} #search #sform{width:280px;position:absolute;top:60px;right:0;display:none;background-color:#0a448d;z-index:1;} #search #stext{float:left;border:none;width:calc(100% - 45px);background-color:#0a448d;height:45px;padding-left:10px;color:#fff;} #search #sbut{font-size:24px;border:none;padding:0;background-color:#0a448d;width:45px;height:45px;color:#fff;} #search #sbut>i{display:inline-block;width:45px;height:45px;line-height:45px;font-size:24px;} header{background-color:rgba(255,255,255,1);} header.fixhead{position:fixed;width:100%;z-index:10; border-bottom:solid 1px #eaeaea;} header.fixhead #top{display:none;} header.fixhead #Menu{padding:0 188px;} header.fixhead #Menu ul>li.logo{padding:5px 0;} header.fixhead #Menu ul>li.logo img{height:50px;} header.fixhead #Menu ul>li.logo>a{padding:0;} header.fixhead #Menu ul>li>a{padding:20px 5px 13px;} #top{background-color:#1c2e59;padding:5px 188px;} #top:after{content:"";display:table;clear:both;} #top .left{float:left;width:50%;font-size:24px;line-height:30px;color:#fff;font-family:Arial, Helvetica, sans-serif;} #top .left>a{color:#fff;} #top .right{float:right;width:50%;text-align:right;position:relative;} #top .right>a{color:#fff;line-height:30px;display:inline-block;border-right:1px solid #808080;padding:0 10px;} #top .right>a.wechat>img{position:absolute;right:0;display:none!important;z-index:1;} #top .right>a.wechat:hover>img{display:block!important;} #logo{display:none;} #Menu{padding:0 188px;} #Menu:after{content:"";clear:both;display:table;} #Menu ul.menunav{text-align:right;} #Menu ul.menunav>li{display:inline-block;padding-left:20px;} #Menu ul.menunav > li#search{position:relative;} #Menu ul>li.logo{float:left;padding:16px 0;} #Menu ul>li.logo>a{padding:0;border-bottom:none!important;} #Menu ul>li.lang{display:none;} #Menu ul>li#search>a{font-size:24px;} #Menu ul>li>a{position:relative;display:block;font-size:18px;line-height:24px;padding:32px 10px 26px;border-bottom:3px solid transparent;} #Menu ul>.open>a,#Menu ul>.open>a:focus,#Menu ul>.open>a:hover,#Menu ul>.active>a,#Menu ul>.active>a:hover{color:#0a448d;border-bottom:3px solid #eb6c00;} #Menu ul>li:hover>a,#Menu ul>li.active:hover>a{color:#0a448d;border-bottom:3px solid #eb6c00;} #Menu ul>li.dropdown>a>i{display:inline-block;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;-ms-transition:all .2s;} #Menu ul>li.dropdown:hover>a>i{ transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9 */ -moz-transform:rotate(180deg); /* Firefox */ -webkit-transform:rotate(180deg); /* Safari 和 Chrome */ -o-transform:rotate(180deg);} #Menu ul>li{position:initial;} #Menu ul>li ul.dropdown-menu{background:#0a448d;margin-top:-1px;border-radius:0;display:none;} #Menu ul>li ul.dropdown-menu>li{float:initial;width:100%;margin:0;} #Menu ul>li ul.dropdown-menu>li>a{line-height:24px; color:#222; font-size:13px; border-bottom:solid 1px #fff;padding:6px 15px;display:block;} #Menu ul>li ul.dropdown-menu>li>a>i{font-size:14px;} #Menu ul>li ul.dropdown-menu>li>a:hover{background:#fff;color:#0a448d;} #Menu ul>li .TopCateList{position:absolute;left:0;right:0;padding-top:50px;padding-bottom:50px;background-color:rgba(56,56,56,0.7);overflow:hidden;display:none;z-index:9999;} #Menu ul>li:hover .TopCateList{display:block;} #Menu ul>li .TopCateList h3{color:#fff;font-size:24px;line-height:36px;text-align:left;margin-bottom:30px;} #Menu ul>li .TopCateList .left{width:80%;float:left;} #Menu ul>li .TopCateList .left dl{float:left;width:25%;padding-right:10px;margin-right:40px;} #Menu ul>li .TopCateList .left dl:not(:last-child){border-right:1px solid #fff;} #Menu ul>li .TopCateList .left dl dd{padding:8px 0;text-align:left;} #Menu ul>li .TopCateList .left dl dd a{display:block;color:#fff;text-align:left;font-size:14px;line-height:20px;vertical-align:middle;} #Menu ul>li .TopCateList .left dl dd a>i{font-size:14px;line-height:20px;margin-left:5px;opacity:0;vertical-align:middle;} #Menu ul>li .TopCateList .left dl dd a:hover{color:#fd8926;} #Menu ul>li .TopCateList .left dl dd a:hover>i{opacity:1;} #Menu ul>li .TopCateList .right{width:20%;float:right;} @media (min-width:992px) and (max-width:1429px){ #Menu ul>li .TopCateList{padding-top:30px;padding-bottom:30px;} #Menu ul>li .TopCateList .left{width:70%;} #Menu ul>li .TopCateList .right{width:30%;} } @media (min-width:1px) and (max-width:991px) { #Menu ul > li .TopCateList{display:none!important;} #Menu ul>li:hover>a,#Menu ul>li.active:hover>a{border-bottom:3px solid transparent;} } #top_lang li{margin-left:20px;} #top_lang li a{font-size:22px; color:#333333; text-transform:uppercase; line-height:80px;} /*手机导航*/ header #menu_btn{ width: 28px; height: 20px; float: right; margin-top: 30px; cursor: pointer; position: relative; display: none;} header #menu_btn>.menu_btn_top{ position:absolute; top:5px; left:50%; width:28px; height:3px; border-radius:1.5px; background:#0a448d; -webkit-transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);} header #menu_btn>.menu_btn_med{ position:absolute; top:15px; left:50%; width:28px; height:3px; border-radius:1.5px; background:#0a448d; -webkit-transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);} header #menu_btn>.menu_btn_bot{ position:absolute; top:25px; left:50%; width:28px; height:3px; border-radius:1.5px; background-color:#0a448d; -webkit-transition:top .3s,background-color .3s,transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-o-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-ms-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-moz-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-webkit-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s;transition:top .3s,background-color .3s,transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-o-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-ms-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-moz-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-webkit-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s;-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);} header #menu_btn.show>.menu_btn_top{ top:50%; background:#0a448d; -webkit-transform:translate(-50%,-50%) rotate(135deg); -moz-transform:translate(-50%,-50%) rotate(135deg); -o-transform:translate(-50%,-50%) rotate(135deg); transform:translate(-50%,-50%) rotate(135deg); -ms-transform:translate(-50%,-50%) rotate(135deg);} header #menu_btn.show>.menu_btn_med{ top:50%; background:#0a448d; -webkit-transform:translate(-50%,-50%) rotate(135deg); -moz-transform:translate(-50%,-50%) rotate(135deg); -o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg); -ms-transform:translate(-50%,-50%) rotate(135deg);} header #menu_btn.show>.menu_btn_bot{ top:50%; background:#0a448d; -webkit-transform:translate(-50%,-50%) rotate(45deg); -moz-transform:translate(-50%,-50%) rotate(45deg); -o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg);} @media (min-width:1430px) and (max-width:1679px) { #top{padding:0 50px;} #Menu{padding:0 50px;} header.fixhead #Menu{padding:0 50px;} } @media (min-width:1230px) and (max-width:1429px) { #top{padding:0 15px;} #Menu{padding:0 15px;} header.fixhead #Menu{padding:0 15px;} } @media (min-width:992px) and (max-width:1229px) { #top{padding:8px 15px;} #Menu{padding:0 15px;} header.fixhead #Menu{padding:0 15px;} #Menu ul.menunav>li{padding-left:15px;} } @media (min-width:768px) and (max-width:991px){ #top{display:none;} #Menu{padding:0px;} #logo{display:block;padding:5px 15px;} header #menu_btn{ display: block;margin-top:10px;} } @media (min-width:1px) and (max-width:767px) { #top{display:block;padding:0 15px;} #top .left{font-size:16px;width:60%;} #top .right{width:40%;} #top .right .wechat{display:none;} #Menu{padding:0px;} #logo{display:block;padding:5px 15px;} #logo img{height:50px;} header #menu_btn{ display: block;margin-top:15px;} } @media (min-width:1px) and (max-width:991px) { header .navbar-brand img{margin:0;width:200px;} #Menu{width:220px;position:fixed;left:-220px;top: 0px; bottom: 0px; background: #0a448d; z-index: 99999; overflow-x:hidden;overflow-y:auto;transition:all .5s ease;padding-top:0;} #Menu.show{left:0;} #Menu .container{padding:0;} #Menu .tel{display:none;} #Menu ul.menunav{margin:0;} #Menu ul.menunav>li.logo{display:block;} #Menu ul.menunav{ display: block; padding: 0px; text-align: left;overflow:hidden;padding-bottom:30px;} #Menu ul.menunav>li{width:100%; padding:0 15px; margin:15px 0 0;} #Menu ul.menunav>li:nth-child(1){width:100%; padding:5px 15px; text-align: center;border-bottom:1px solid #fff;margin:0;background-color:#fff;} #Menu ul.menunav>li:nth-child(1)>a{padding: 0;} #Menu ul.menunav>li:nth-child(1)>a>img{height:50px;} #Menu ul.menunav>li>a{font-size:16px;padding:0px;font-weight:bold;background-color:transparent !important;color: #f5f5f5 !important;} #Menu ul.menunav>li>a:hover:after,#Menu ul>.open>a:after{opacity:0;} #Menu ul>.open>a,#Menu ul>.open>a:focus,#Menu ul>.open>a:hover,#Menu ul>.active>a,#Menu ul>.active>a:hover{border-bottom:none;} #Menu ul>li ul.dropdown{position:relative;} #Menu ul>li ul.dropdown-menu{width:100%;position:relative;display:block;background-color:transparent;box-shadow:none;border:none;padding-left:0;overflow:hidden;min-width: inherit; } #Menu ul>li ul.dropdown-menu>li{ width:100%;height:auto;line-height:24px;background:none;text-align:left;margin: 0px;} #Menu ul>li ul.dropdown-menu>li>a{ position:inherit;color:#fff; font-size:13px;line-height:18px;padding:3px 0;white-space:initial;border:none;letter-spacing:0;} #Menu ul>li ul.dropdown-menu>li>a:hover{background-color:#0a448d;color:#fff;} #Menu ul>li ul.dropdown-menu>li>a>i{float:left;} #Menu ul.menunav>li.lang{display:block;} #Menu ul.menunav>li.lang>a{display:inline-block;margin-right:30px;} #Menu ul.menunav>li#search>a{display:none;} #Menu ul.menunav>li#search #sform{display:block;position:relative;top:initial;right:initial;background-color:#fff;width:100%;border:1px solid #fff;} #Menu ul.menunav>li#search #stext{width:80%;background-color:#fff;height:30px;line-height:30px;color:#333;} #Menu ul.menunav>li#search #sbut{width:20%;height:30px;line-height:30px;} #Menu ul.menunav>li#search #sbut>i{height:30px;line-height:30px;width:30px;font-size:18px;} } #bframe{overflow:hidden;} #bframe img{max-width:100%;display:block;margin:0 auto;} #ibframe{position:relative;} #ibframe img{max-width:100%;display:block;margin:0 auto;} #ibframe .carousel-indicators{z-index:1;} #ibframe .carousel-indicators li{width:15px;height:15px;margin:0 5px;border:1px solid #fff;background-color:transparent;border-radius:50%;} #ibframe .carousel-indicators li.active{background-color:#fff;} #slidershow .carousel-control{background-image:none;text-shadow:none;top:50%;margin-top:-26px; height:50px;} #slidershow .carousel-control>i{font-size:48px;color:#0a448d;} #slidershow .left{} @media (min-width:992px) and (max-width:1229px) { } @media (min-width:768px) and (max-width:991px) { #ibframe .carousel-indicators{margin-bottom:0;bottom:0;} } @media (min-width:1px) and (max-width:767px) { #ibframe .carousel-indicators{margin-bottom:0;bottom:0;} } .frame{padding-top:50px;padding-bottom:50px;} .frame .title{margin-bottom:30px;text-align:center;} .frame .title h2{font-size:36px;margin-bottom:20px;margin-top:0;letter-spacing:3px;color:#0a448d;font-weight:bold;color:#0a448d;} .frame .title p{font-size:16px;color:#8b8b8b;} .frame .title .line{width:73px;height:3px;background-color:#fd8926;position:relative;margin-bottom:15px;position:relative;} .frame .title .line:before{content:"";position:absolute;left:-63px;width:63px;height:3px;background-color:#f7f7f7;} .frame .title .line:after{content:"";position:absolute;right:-63px;width:63px;height:3px;background-color:#f7f7f7;} @media (min-width:1430px) and (max-width:1679px) { .frame{padding-top:50px;} } @media (min-width:1230px) and (max-width:1429px) { .frame{padding-top:40px;} } @media screen and (min-width:992px ) and (max-width:1229px) { .frame{padding-top:20px;padding-bottom:20px;} .frame .title{margin-bottom:30px;} .frame .title h2{font-size:24px;} .frame .title p{font-size:16px;} .frame .title span{margin-top:15px;} } @media (min-width:768px) and (max-width:991px) { .frame{padding-top:25px;padding-bottom:25px;} .frame .title{margin-bottom:20px;} .frame .title h2{font-size:20px;} .frame .title p{font-size:14px;} } @media (max-width:767px){ .frame{padding-top:25px;padding-bottom:25px;} .frame .title{margin-bottom:15px;} .frame .title h2{font-size:18px;} .frame .title p{font-size:14px;} } #frame1 {overflow:hidden;} #frame1 .imglist{overflow:hidden;margin-bottom:45px;} #frame1 .imglist .left{width:49%;float:left;margin:0;} #frame1 .imglist .left .ltop{overflow:hidden;margin-bottom:17px;} #frame1 .imglist .left .item1{position:relative;float:left;} #frame1 .imglist .left .item1>.pic{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(17,36,82,0.74);text-align:center;padding-top:20%;} #frame1 .imglist .left .item1 .pic>i{color:#fff;font-size:48px;} #frame1 .imglist .left .item1 .pic>h3{color:#fff;margin-top:0;font-size:22px;font-style:italic;font-weight:bold;letter-spacing:3px;} #frame1 .imglist .left .item2{float:right;} #frame1 .imglist .item{margin:0;overflow:hidden;} #frame1 .imglist .item img{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;} #frame1 .imglist .item:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);} #frame1 .imglist .right{width:49%;float:right;margin:0;} #frame1 .NewsList{overflow:hidden;margin:0 -40px;} #frame1 .NewsList .item{padding:0 40px;width:25%;float:left;} #frame1 .NewsList .item:not(:last-child){border-right:1px solid #f7f7f7;} #frame1 .NewsList .item .txt span{color:#919191;font-size:15px;} #frame1 .NewsList .item .txt h4{font-size:18px;line-height:24px;font-weight:bold;margin-bottom:10px;} #frame1 .NewsList .item .txt p{font-size:14px;line-height:24px;height:48px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:20px;} #frame1 .NewsList .item .txt a.more{font-size:12px;border:1px solid #e9e9e9;padding:5px 20px;border-radius:50px;display:inline-block;margin:0;line-height:18px;height:28px;} #frame1 .NewsList .item .txt a.more:hover{background-color:#0a448d;color:#fff;} @media screen and (min-width:992px ) and (max-width:1229px) { #frame1 .imglist .left .item1{width:49%;} #frame1 .imglist .left .item1 .pic>h3{font-size:18px;} #frame1 .imglist .left .item2{width:49%;} #frame1 .NewsList{margin:0 -20px;} #frame1 .NewsList .item{padding:0 20px;} #frame1 .NewsList .item .txt h4{font-size:16px;} } @media (min-width:768px) and (max-width:991px) { #frame1 .imglist .left .item1{width:49%;} #frame1 .imglist .left .item1 .pic>h3{font-size:16px;} #frame1 .imglist .left .item2{width:49%;} #frame1 .NewsList{margin:0 -20px;} #frame1 .NewsList .item{padding:0 20px;} #frame1 .NewsList .item .txt h4{font-size:14px;line-height:20px;} #frame1 .NewsList .item .txt p{font-size:12px;line-height:18px;height:36px;} } @media (max-width:767px){ #frame1 .imglist .left{width:100%;} #frame1 .imglist .left .item1{width:49%;} #frame1 .imglist .left .item1 >.pic{padding-top:15px;} #frame1 .imglist .left .item1 .pic>h3{font-size:13px;} #frame1 .imglist .left .ltop{margin-bottom:10px;} #frame1 .imglist .left .item2{width:49%;} #frame1 .imglist .right{width:100%;margin-top:10px;} #frame1 .NewsList{margin:0 -10px;} #frame1 .NewsList .item{padding:0 10px;width:50%;} #frame1 .NewsList .item:not(:last-child){border-right:none;} #frame1 .NewsList .item:nth-child(2n+1){border-right:1px solid #f7f7f7;} #frame1 .NewsList .item .txt h4{font-size:14px;line-height:20px;} #frame1 .NewsList .item .txt p{font-size:12px;line-height:18px;height:36px;} } #frame2 {padding-top:100px;padding-bottom:100px;} #frame2 .title{text-align:left;} #frame2 .title h2{color:#fff;font-size:48px;} #frame2 .title p{color:#fff;margin-top:50px;} #frame2 .select{display:inline-block;width:300px;border:1px solid #fff;margin-right:30px;position:relative;} #frame2 .select>span{display:block;color:#fff;padding:10px;cursor:pointer;} #frame2 .select>span:before{content:"\e603";position:absolute;font-family:iconfont;right:10px;} #frame2 dl{background-color:#eee;display:none;margin:0;position:absolute;width:300px;left:-1px;max-height:180px;overflow-y:auto;z-index:1;} #frame2 dl>dd{cursor:pointer;} #frame2 dl>dd>a{display:block;padding:10px;} #frame2 .link{font-size:18px;color:#fff;line-height:25px;margin-top:30px;display:inline-block;border:none;background-color:transparent;} #frame2 .link>i{width:25px;height:25px;font-size:12px;float:left;background-color:#0a448d;color:#fff;text-align:center;margin-right:10px;} @media screen and (min-width:992px ) and (max-width:1229px) { #frame2 .title h2{font-size:36px;} #frame2 .title p{margin-top:30px;} } @media (min-width:768px) and (max-width:991px) { #frame2 {padding-top:50px;padding-bottom:50px;} #frame2 .title h2{font-size:36px;} #frame2 .title p{margin-top:30px;} } @media (max-width:767px){ #frame2 {padding-top:50px;padding-bottom:50px;} #frame2 .title h2{font-size:24px;margin-bottom:10px;} #frame2 .title p{margin-top:18px;} #frame2 .select{margin-bottom:10px;} } #frame3{overflow:hidden;} #frame3 .prolist{margin:0 -18px;overflow:hidden;} #frame3 .prolist .item{width:20%;float:left;padding:0 18px;} #frame3 .prolist .item .img{overflow:hidden;position:relative;} #frame3 .prolist .item .img p{position:absolute;bottom:-100%;width:100%;max-height:100%;padding:20px;background:rgba(10,68,141,0.6);color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;} #frame3 .prolist .item .img>a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;} #frame3 .prolist .item:hover .img p{bottom:0;} #frame3 .prolist .item h3{text-align:center;font-size:18px;position:relative;line-height:30px;} #frame3 .prolist .item:hover h3{color:#0a448d;} #frame3 .prolist .item:hover h3:before{content:"\e7f9";font-family:iconfont;width:24px;height:24px;line-height:24px;display:inline-block;text-align:center;background-color:#0a448d;border-radius:50%;color:#fff;margin-right:6px;font-size:14px;vertical-align:top;} @media screen and (min-width:992px ) and (max-width:1229px) { #frame3 .prolist{margin:0;overflow:hidden;} #frame3 .prolist .item{padding:0 10px;} #frame3 .prolist .item h3{font-size:14px;line-height:20px;} #frame3 .prolist .item .img p{font-size:13px;padding:15px;} #frame3 .prolist .item:hover h3:before{width:20px;height:20px;line-height:20px;} } @media (min-width:768px) and (max-width:991px) { #frame3 .prolist{margin:0;overflow:hidden;} #frame3 .prolist .item{padding:0 10px;} #frame3 .prolist .item h3{font-size:14px;line-height:20px;} #frame3 .prolist .item .img p{font-size:13px;padding:15px;display:none;} #frame3 .prolist .item:hover h3:before{display:none;} } @media (max-width:767px){ #frame3 .prolist{margin:0;overflow:hidden;} #frame3 .prolist .item{padding:0 10px;width:50%;} #frame3 .prolist .item:nth-child(2n+1){clear:left;} #frame3 .prolist .item:nth-child(5){display:none;} #frame3 .prolist .item h3{font-size:14px;line-height:20px;margin:10px 0 15px;} #frame3 .prolist .item .img p{font-size:13px;padding:15px;display:none;} #frame3 .prolist .item:hover h3:before{display:none;} } #frame4{background-color:#0f2480;overflow:hidden;} #frame4 .title h2{color:#fff;} #frame4 .title p{color:#fff;} #frame4 .list{margin:0 -30px;overflow:hidden;} #frame4 .list .item{float:left;width:25%;padding:0 30px;text-align:center;color:#fff;} #frame4 .list .item>i{font-size:60px;} #frame4 .list .item h3{font-size:20px;margin-top:0;} #frame4 .list .item p{font-size:20px;} #frame4 .list .item span,#frame4 .list .item b{font-family:'Agency FB',Arial, Helvetica, sans-serif;font-size:55px;font-weight:bold;margin-right:5px;} @media screen and (min-width:992px ) and (max-width:1229px) { #frame4 .list{margin:0;} #frame4 .list .item h3{font-size:18px;margin-top:0;} #frame4 .list .item p{font-size:18px;} #frame4 .list .item span,#frame4 .list .item b{font-size:36px;} } @media (min-width:768px) and (max-width:991px) { #frame4 .list{margin:0;} #frame4 .list .item{padding:0 15px;} #frame4 .list .item h3{font-size:16px;margin-top:0;} #frame4 .list .item p{font-size:16px;} #frame4 .list .item span,#frame4 .list .item b{font-size:30px;} } @media (max-width:767px){ #frame4 .list{margin:0;} #frame4 .list .item{padding:0 15px;width:50%;} #frame4 .list .item h3{font-size:16px;margin-top:0;} #frame4 .list .item p{font-size:16px;} #frame4 .list .item span,#frame4 .list .item b{font-size:30px;} } #frame5{background-color:#dcdcdc;padding-top:25px;padding-bottom:25px;} #frame5 .title{text-align:left;margin:0;} #frame5 .title h2{color:#333;margin:0;font-size:30px;font-family:SimSun,SourceHanSansCN,Arial, Helvetica, sans-serif;margin-bottom:10px;} #frame5 .title h3{color:#333;margin:0;font-size:30px;font-family:SimSun,SourceHanSansCN,Arial, Helvetica, sans-serif;font-weight:bold;} #frame5 .title h3 font{color:#eb6c00;font-size:36px;} @media screen and (min-width:992px ) and (max-width:1229px) { #frame5 .title h2{font-size:24px;} #frame5 .title h3{font-size:24px;} #frame5 .title h3 font{font-size:30px;} } @media (min-width:768px) and (max-width:991px) { #frame5 .title h2{font-size:18px;} #frame5 .title h3{font-size:18px;} #frame5 .title h3 font{font-size:24px;} } @media (max-width:767px){ #frame5{padding-top:15px;padding-bottom:15px;} #frame5 .title h2{font-size:16px;} #frame5 .title h3{font-size:16px;} #frame5 .title h3 font{font-size:20px;} } footer{padding-top:45px;padding-bottom:25px;padding-left:120px;padding-right:120px;position:relative;background:rgba(7,24,97,0.8);} footer::before{content:"";background:url(../images/bg.jpg) no-repeat top center;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;} footer .foot_menu{overflow:hidden;padding-bottom:30px;} footer #fck1{width:23%;float:left;} footer #fck1 .img{padding-left:100px;margin-top:30px;} footer #fck2{width:12%;float:left;padding-left:30px;} footer #fck3{width:18%;float:left;padding-left:30px;} footer #fck4{width:9%;float:left;padding-left:30px;} footer #fck5{width:9%;float:left;padding-left:30px;} footer #fck6{width:9%;float:left;padding-left:30px;} footer #fck7{width:20%;float:left;padding-left:30px;} footer dl dt{font-size:18px;margin-bottom:20px;color:#3870ff;} footer dl dd{padding:5px 0;} footer dl dd p{color:#fff;} footer dl dd p i{display:inline-block;margin-right:10px;vertical-align:middle;color:#3870ff;width:24px;text-align:center;} footer dl dd a{font-size:15px;line-height:24px;color:#fff;} footer dl dd a:hover{text-decoration:underline;color:#fd8926;} .footer_language{background:#fff; padding:15px 0px; text-align:center;} .footer_language ul {display:flex;justify-content:space-between;} .footer_language ul li {margin:0;} .footer_language ul li a{font-size:14px; line-height:2em;} .footer_language ul li a img{margin-top:5px;} .footer_language ul li a span{font-size:14px; line-height:2em;} .foot_by{} .foot_by .footdiv{font-size:14px; line-height:30px;color:#fff;text-align:center;} .foot_by .footdiv a{ display:inline-block; font-size:14px; line-height:30px;color:#fff} .foot_by .footdiv a:hover{text-decoration:underline;} .foot_by .footdiv.fr{} .foot_by .footdiv.fr a{margin-left:10px;color:#fff;} @media (min-width:1430px) and (max-width:1679px) { footer{padding-left:50px;padding-right:50px;} } @media (min-width:1230px) and (max-width:1429px) { footer{padding-left:15px;padding-right:15px;} } @media (min-width:992px) and (max-width:1229px) { footer{padding-top:30px;padding-left:15px;padding-right:15px;padding-bottom:15px;} footer #fck1{width:45%;} footer #fck1 .img{padding-left:100px;margin-top:30px;} footer #fck2{width:25%;padding-left:20px;} footer #fck3{width:30%;padding-left:20px;} footer #fck4{width:22%;padding-left:20px;margin-top:30px;clear:left;} footer #fck5{width:23%;padding-left:20px;margin-top:30px;} footer #fck6{width:25%;padding-left:20px;margin-top:30px;} footer #fck7{width:30%;padding-left:20px;margin-top:30px;} } @media (min-width:768px) and (max-width:991px) { footer{padding-top:30px;padding-left:15px;padding-right:15px;padding-bottom:15px;} footer #fck1{width:45%;} footer #fck1 .img{padding-left:100px;margin-top:30px;} footer #fck2{width:25%;padding-left:20px;} footer #fck3{width:30%;padding-left:20px;} footer #fck4{width:22%;padding-left:20px;margin-top:30px;clear:left;} footer #fck5{width:23%;padding-left:20px;margin-top:30px;} footer #fck6{width:25%;padding-left:20px;margin-top:30px;} footer #fck7{width:30%;padding-left:20px;margin-top:30px;} } @media (min-width:1px) and (max-width:767px) { footer{padding-top:30px;padding-left:15px;padding-right:15px;padding-bottom:50px;} footer #fck1{width:100%;} footer #fck1 .img{padding-left:0;margin-top:30px;} footer #fck2{width:100%;padding-left:0;margin-top:20px;} footer #fck3{width:100%;padding-left:0;} footer #fck4{width:100%;padding-left:0;} footer #fck5{width:100%;padding-left:0;} footer #fck6{width:100%;padding-left:0;} footer #fck7{width:100%;padding-left:0;} footer dl dt{margin-bottom:0;} footer dl dt:after{content:"\e61c";font-family:iconfont;color:#fff;margin-left:10px;font-size:14px;} footer dl dd{padding:3px 0;display:none;} footer dl dd a{font-size:14px;} footer .foot_menu{padding-bottom:0;} .foot_by .footdiv{line-height:24px;} } #float{position:absolute;right:25px;top:50%;margin-top:-80px;} #float div.ico{display:block;width:50px;height:50px;line-height:50px;text-align:center;background-color:#f3f3f3;margin-bottom:6px;position:relative;cursor:pointer;} #float div.ico:hover{background-color:#0a448d;} #float div.ico:hover>i{color:#ffffff;} #float div.ico>i{color:#b6b6b6;font-size:24px;} #float div.ico>.img{position:absolute;right:50px;width:140px;height:140px;top:0;display:none;border:1px solid #f3f3f3;} #float div.ico>.img>img{width:100%;} #float div.ico:hover>.img{display:block;} #float div.ico>#sharelist{position:absolute;right:50px;width:200px;top:0;display:none;} #float div.ico:hover>#sharelist{display:block;} @media (min-width:1px) and (max-width:991px) { #float{display:none;} } /*共用*/ #Location{padding:10px 0;} #Location .container{position:relative;text-align:right;} #Location .container:before{content:"\e605";font-family:iconfont;display:inline-block;color:#020202;font-size:18px;margin-right:6px;} #Location i{color:#020202;} #Location a{color:#020202;font-size:14px;} #Location a:hover{color:#0a448d;} #Location span{color:#0a448d;font-size:14px;} .nframe{padding-top:30px;padding-bottom:30px;overflow:hidden;} a.home{display:block;width:100px;height:100px;line-height:100px;background-color:#0a448d;color:#fff;border-radius:50%;text-align:center;margin-top:-100px;position:relative;z-index:1;} a.home>i{font-size:36px;} @media (min-width:992px) and (max-width:1229px) { .nframe{padding-top:30px;padding-bottom:30px;} a.home{width:80px;height:80px;line-height:80px;margin-top:-80px;} a.home>i{font-size:30px;} } @media (min-width:768px) and (max-width:991px) { .nframe{padding-top:30px;padding-bottom:30px;} a.home{display:none;} } @media (min-width:1px) and (max-width:767px) { .nframe{padding-top:20px;padding-bottom:20px;} a.home{display:none;} } /*左侧菜单*/ #left_nav{float:left;width:300px;position:sticky;top:180px;} #left_nav dl{margin:0;padding-left:49px;position:relative;padding-bottom:50px;} #left_nav dl:before{content:"";position:absolute;left:49px;top:-50px;width:2px;height:calc(100% + 50px);background-color:#f3f3f3;} #left_nav dl>dt{background-color:#0a448d;padding:10px 15px;font-size:20px;line-height:32px;color:#ffffff;border-bottom:1px solid #fff;display:none;} #left_nav dl>dt:before{} #left_nav dl>dt>i{float:right;font-size:18px;display:none;} #left_nav dl>dd{padding-left:42px;position:relative;margin-top:27px;} #left_nav dl>dd:before{content:"";width:12px;height:12px;background-color:#f3f3f3;border-radius:50%;position:absolute;left:-5px;top:12px;} #left_nav dl>dd:after{content:"";width:100%;height:1px;background-color:#f3f3f3;position:absolute;top:17px;left:0;} #left_nav dl>dd>a{display:block;padding:6px 15px 6px 5px;font-size:18px;line-height:24px;color:#0a448d;background-color:#f3f3f3;z-index:1;position:relative;} #left_nav dl>dd>a:before{content:"\e7f9";font-family:iconfont;margin-right:3px;float:left;font-size:14px;color:#f3f3f3;} #left_nav dl>dd.active>a,#left_nav dl>dd:hover>a{background-color:#0a448d;color:#fff;} #left_nav dl>dd.active>a:before,#left_nav dl>dd:hover>a:before{color:#fff;} #left_nav dl>dd.active:before,#left_nav dl>dd:hover:before{background-color:#0a448d;} #left_nav dl>dd.active:after,#left_nav dl>dd:hover:after{background-color:#0a448d;} #left_nav dl>dd ul{border-top:1px solid #ddd;display:none;} #left_nav dl>dd.active>ul{display:block;} #left_nav dl>dd ul>li>a{display:block;padding:8px 15px 10px 25px;font-size:18px;line-height:24px;border-bottom:1px solid #0a448d;} #left_nav dl>dd ul>li.active>a,#left_nav dl>dd ul>li:hover>a{color:#0a448d;} #left_nav .prolist{margin-top:30px;padding-left:49px;} #left_nav .prolist h2{font-size:18px;line-height:24px;margin-top:0;margin-bottom:20px;color:#0a448d;text-transform:uppercase;} #left_nav .prolist .swiper-slide{position:relative;text-align:center;padding-bottom:10px;} #left_nav .prolist .swiper-slide h4{text-align:center;font-size:16px;} #left_nav .prolist .swiper-slide>a.link{position:absolute;top:0;right:0;bottom:0;left:0;} #left_nav .prolist .swbtn{display:inline-block;width:25px;height:80px;text-align:center;line-height:80px;background-color:#0a448d;color:#dfdfdf;cursor:pointer;position:absolute;top:50%;z-index:1;margin-top:-40px;} #left_nav .prolist .swbtn.btn-next{right:0;} #left_nav .prolist .swbtn:hover{background-color:#0a448d;color:#fff;} #left_nav .prolist .swiper-button-disabled{background-color:#dfdfdf;color:#fff;} #left_nav .prolist .swiper-pagination{position:relative;} #left_nav .prolist .swiper-pagination .swiper-pagination-bullet-active{background-color:#0a448d;} #left_nav .newslist{margin-top:30px;} #left_nav .newslist h2{font-size:20px;padding:15px;line-height:24px;background-color:#e6e6e6;} #left_nav .newslist .item{padding:10px 15px;} #left_nav .newslist .item h4{font-size:14px;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} #left_nav .downloadlist{margin-top:30px;} #left_nav .downloadlist h2{font-size:20px;padding:15px;line-height:24px;background-color:#e6e6e6;margin-bottom:0;} @media (min-width:992px) and (max-width:1229px) { #left_nav{width:27%;} #left_nav dl{padding-left:39px;} #left_nav dl:before{left:39px;top:-40px;height:calc(100% +40px);} #left_nav dl>dd{padding-left:32px;} #left_nav dl>dd>a{padding:10px 15px;font-size:13px;line-height:20px;} #left_nav dl>dd ul>li>a{font-size:13px;line-height:20px;} } @media (min-width:768px) and (max-width:991px) { #left_nav{width:100%;position:relative;top:0;float:initial;} #left_nav dl{padding:0;} #left_nav dl::before{display:none} #left_nav dl>dt{display:block;} #left_nav dl>dt:before{content:"\e604";font-family:iconfont;float:right;} #left_nav dl>dd{display:none;padding:0;margin-top:5px;} #left_nav dl>dd:before{display:none;} #left_nav dl>dd>a{padding:10px 15px;font-size:13px;line-height:20px;} #left_nav dl>dd ul>li>a{font-size:12px;} #left_nav .prolist{display:none;} #left_nav .newslist{display:none;} #left_nav .downloadlist{display:none;} } @media (min-width:1px) and (max-width:767px) { #left_nav{width:100%;position:relative;top:0;float:initial;} #left_nav dl{padding:0;} #left_nav dl::before{display:none} #left_nav dl>dt{display:block;padding:10px 15px;font-size:20px;line-height:24px;} #left_nav dl>dt:before{content:"\e604";font-family:iconfont;float:right;} #left_nav dl>dd{display:none;padding:0;margin-top:5px;} #left_nav dl>dd:before{display:none;} #left_nav dl>dd>a{padding:10px 15px;font-size:13px;line-height:20px;} #left_nav dl>dd ul>li>a{font-size:12px;} #left_nav .prolist{display:none;} #left_nav .newslist{display:none;} #left_nav .downloadlist{display:none;} } /*右侧内容*/ #right_nav{float:right;width:calc(100% - 340px);padding-top:27px;} .nframe .tit{margin-bottom:30px;padding-bottom:15px;text-align:center;} .nframe .tit>h2{font-size:32px;line-height:36px;color:#0a448d;display:inline-block;} .nframe .tit .line{width:73px;height:3px;background-color:#fd8926;position:relative;margin-bottom:15px;position:relative;} .nframe .tit .line:before{content:"";position:absolute;left:-63px;width:63px;height:3px;background-color:#f7f7f7;} .nframe .tit .line:after{content:"";position:absolute;right:-63px;width:63px;height:3px;background-color:#f7f7f7;} .nframe .tit>h1{margin:0;font-size:32px;line-height:36px;color:#0a448d;} .nframe .tit>p{margin-top:10px;font-size:16px;line-height:1.5;} .nframe section{margin-bottom:30px;} .nframe section .content{font-size:16px;line-height:28px;} @media (min-width:992px) and (max-width:1229px) { #right_nav{width:70%;} .nframe .tit{margin-bottom:15px;} .nframe .tit>h2{font-size:24px;margin:0;} .nframe .tit>h1{font-size:24px;} } @media (min-width:768px) and (max-width:991px) { #right_nav{float:initial;width:100%;} .nframe .tit{margin-bottom:15px;} .nframe .tit>h2{font-size:24px;margin-bottom:0;} .nframe .tit>h1{font-size:24px;} .nframe section .content{line-height:1.5;} } @media (min-width:1px) and (max-width:767px) { #right_nav{float:initial;width:100%;margin-top:20px;} #right_nav .context img{height:auto;} embed{max-width:100%;height:auto;} .nframe .tit{margin-bottom:10px;} .nframe .tit>h2{font-size:18px;line-height:24px;margin:0;} .nframe .tit>h1{font-size:18px;line-height:24px;margin-bottom:10px;} .nframe section .content{font-size:13px;line-height:24px;} .table-responsive table{width:100%;} } /*关于我们*/ #aboutframe.nframe .tit{text-align:center;} #aboutframe .profile .tit{} #aboutframe .profile .tit h2{font-size:48px;line-height:1.4;color:#585858;} #aboutframe .profile .tit p{line-height:2;} #aboutframe .profile .content{overflow:hidden;margin:0 -15px} #aboutframe .profile .content .item1{float:left;width:50%;padding:0 15px;margin-bottom:30px;} #aboutframe .profile .content .item1 .box{display:block;background-color:#005bac;padding:50px 50px 50px 130px;} #aboutframe .profile .content .item1 .box i{font-size:48px;color:#fff;} #aboutframe .profile .content .item1 .box h3{color:#fff;font-size:28px;} #aboutframe .profile .content .item1 .box p{color:#fff;font-size:18px;} #aboutframe .profile .content .item2{float:left;width:33.33%;padding:0 15px;} #aboutframe .profile .content .item2 .box{overflow:hidden;} #aboutframe .zzpl{background:#005bac url(../images/ab_zzpl.jpg) no-repeat left center;overflow:hidden;} #aboutframe .zzpl .content{width:34%;float:right;padding:90px 50px 200px;position:relative;background-color:#005bac;} #aboutframe .zzpl .content:after{content:"";position:absolute;left:-44px;top:50%;margin-top:-22px;border-width:22px;border-color:transparent #005bac transparent transparent; border-style:solid;} #aboutframe .zzpl h2{font-size:46px;color:#fff;margin-bottom:20px;} #aboutframe .zzpl .text{font-size:15px;line-height:25px;color:#fff;} #aboutframe .history{padding-top:50px;} #aboutframe .history .tit h2{margin-bottom:15px;font-weight:bold;} #aboutframe .history section{position:relative;} #aboutframe .history .list{background-color:rgba(255,255,255,0.5);} #aboutframe .history .list:before{content:"";position:absolute;height:4px;background-color:#eaecf4;left:0;right:0;top:calc(50% - 2px);width:100%;} #aboutframe .history{background:url(../images/history.jpg) no-repeat center;} #aboutframe .history .swiper-container{width:80%;margin:0 10%;} #aboutframe .history .swiper-wrapper{margin-left:-300px;} #aboutframe .history .swiper-slide{float:left;width:20%;cursor:pointer;position:relative;padding:300px 0;text-align:center;margin-left:-150px;} #aboutframe .history .swiper-slide i.center-block{display:block;margin:0;width:14px;height:14px;border-radius:50%;position:relative;background-color:#0a448d;left:calc(50% - 7px);top:-1px;} #aboutframe .history .swiper-slide.swiper-slide-active i.center-block{background-color:#fd8926;} #aboutframe .history .swiper-slide.swiper-slide-active i.center-block:before{background-color:#fd8926;} #aboutframe .history .swiper-slide .contents{position:absolute;width:100%;} #aboutframe .history .swiper-slide.item1 .contents{top:0;} #aboutframe .history .swiper-slide.item2 .contents{top:330px;} #aboutframe .history .swiper-slide .img{border:1px solid #dcdcdc;margin:0;float:left} #aboutframe .history .swiper-slide .txt{width:100%;} #aboutframe .history .swiper-slide .txt h3{font-size:34px;line-height:40px;color:#0a448d;font-weight:bold;font-family:Arial,Verdana, Geneva, Tahoma, sans-serif;} #aboutframe .history .swiper-slide .txt p{font-size:14px;line-height:20px;margin:10px 0;} #aboutframe .history .btnlist .swbtn{position:absolute;top:50%;margin-top:-27px;width:54px;height:54px;line-height:54px;display:inline-block;background-color:#0a448d;color:#fff;border-radius:50%;text-align:center;} #aboutframe .history .btnlist .swbtn.btn-prev{left:130px;z-index:1;} #aboutframe .history .btnlist .swbtn.btn-next{right:130px;z-index:1;} #aboutframe .history .btnlist .swbtn>i{font-size:24px;} #aboutframe .certificate{background:url(../images/cebg.jpg) no-repeat center center;padding-top:60px;padding-bottom:60px;} #aboutframe .certificate .tit{text-align:center;} #aboutframe .certificate .tit h2{color:#fff;font-weight:bold;} #aboutframe .certificate .tit p{color:#fff;} #aboutframe .certificate .list{margin:0 -50px;overflow:hidden;} #aboutframe .certificate .swiper-slide{float:left;width:20%;padding:50px 50px 50px 50px;} #aboutframe .certificate .swiper-slide.swiper-slide-active{margin-top:0;padding:0px;} #aboutframe .certificate .swiper-slide.swiper-slide-next{padding:30px 0 30px 50px;} #aboutframe .certificate .swiper-slide.swiper-slide-prev{padding:30px 50px 30px 0;} @media (min-width:1230px) and (max-width:1620px) { #aboutframe .zzpl .content{width:40%;padding:60px 50px 120px;} #aboutframe .history .swiper-container{width:90%;margin:0 5%;} #aboutframe .history .swiper-slide{padding:250px 0;} #aboutframe .history .swiper-slide.item2 .contents{top:260px;} #aboutframe .history .btnlist .swbtn.btn-prev{left:3%;} #aboutframe .history .btnlist .swbtn.btn-next{right:3%;} } @media (min-width:992px) and (max-width:1229px) { #aboutframe .profile .tit h2{font-size:36px;} #aboutframe .profile .tit p{font-size:14px;line-height:1.5;} #aboutframe .zzpl .content{width:40%;padding:50px 30px 80px;} #aboutframe .zzpl h2{font-size:36px;} #aboutframe .history .swiper-slide{width:25%;margin-left:-50px;} #aboutframe .history .swiper-slide{padding:220px 0;} #aboutframe .history .swiper-slide.item2 .contents{top:230px;} #aboutframe .history .swiper-slide .txt h3{font-size:24px;line-height:30px;} #aboutframe .history .swiper-slide .txt p{font-size:16px;} #aboutframe .history .btnlist .swbtn.btn-prev{left:3%;} #aboutframe .history .btnlist .swbtn.btn-next{right:3%;} #aboutframe .certificate{padding-top:30px;padding-bottom:30px;} } @media (min-width:768px) and (max-width:991px) { #aboutframe .profile .tit h2{font-size:30px;margin:0;} #aboutframe .profile .tit p{font-size:14px;line-height:1.5;} #aboutframe .profile .content .item1{padding:0 10px;margin-bottom:20px;} #aboutframe .profile .content .item1 .box{padding:30px;} #aboutframe .profile .content .item2{padding:0 10px;} #aboutframe .zzpl .content{width:50%;padding:30px 30px 60px;} #aboutframe .zzpl h2{font-size:36px;} #aboutframe .history .swiper-slide{width:33%;margin-left:-50px;} #aboutframe .history .swiper-slide{padding:200px 0;} #aboutframe .history .swiper-slide.item2 .contents{top:210px;} #aboutframe .history .swiper-slide .txt h3{font-size:18px;line-height:24px;} #aboutframe .history .swiper-slide .txt p{font-size:14px;} #aboutframe .history .btnlist .swbtn.btn-prev{left:3%;} #aboutframe .history .btnlist .swbtn.btn-next{right:3%;} #aboutframe .certificate{padding-top:30px;padding-bottom:30px;} } @media (min-width:1px) and (max-width:767px) { #aboutframe .profile .tit h2{font-size:24px;margin:0;} #aboutframe .profile .tit p{display:none;} #aboutframe .profile .content .item1{width:100%;margin-bottom:10px;} #aboutframe .profile .content .item1 .box{padding:30px;} #aboutframe .profile .content .item1 .box h3{font-size:24px;} #aboutframe .profile .content .item1 .box p{font-size:16px;} #aboutframe .profile .content .item2{display:none;} #aboutframe .zzpl .content{width:100%;padding:30px;} #aboutframe .zzpl h2{font-size:36px;} #aboutframe .history{display:none;} #aboutframe .certificate{padding-top:30px;padding-bottom:30px;margin-top:30px;} #aboutframe .certificate .tit p{color:#fff;font-size:13px;} #aboutframe .certificate .list{margin:0;overflow:hidden;} #aboutframe .certificate .swiper-slide{float:left;width:33.33%;padding:50px 50px 50px 50px;} #aboutframe .certificate .swiper-slide.swiper-slide-active{margin-top:0;padding:0px;} #aboutframe .certificate .swiper-slide.swiper-slide-next{padding:15px;} #aboutframe .certificate .swiper-slide.swiper-slide-prev{padding:15px;} } /*联系我们*/ #contactframe{padding-top:30px;} #contactframe section.contacts .tit{margin-bottom:15px;} #contactframe section.contacts h2{color:#333;} #contactframe section.contacts .content{overflow:hidden;margin:0 -5px;} #contactframe section.contacts .content .item{width:33.33%;float:left;padding:0 5px;position:relative;} #contactframe section.contacts .content .item .txt{position:absolute;top:0;right:5px;bottom:0;left:5px;text-align:center;padding:40px;} #contactframe section.contacts .content .item .txt h3{color:#fff;font-size:24px;font-weight:bold;} #contactframe section.contacts .content .item .txt p{color:#fff;font-size:15px;margin-bottom:15px;} #contactframe section.contacts .content .item .txt a.link{color:#fff;border:1px solid #fff;width:120px;height:33px;line-height:33px;font-size:14px;display:inline-block;} #contactframe section.contacts .content .item .txt a.link:hover{background-color:#3663d5;} #contactframe .contactbox{background:url(../images/contbg.jpg) no-repeat center fixed;padding:60px 160px;} #contactframe .contactbox .content{width:810px;background-color:rgba(0,0,0,0.65);margin-right:0;padding:100px;overflow:hidden;} #contactframe .contactbox .content dl{float:left;margin-bottom:40px;} #contactframe .contactbox .content dl:nth-child(2n+1){width:65%;clear:left;} #contactframe .contactbox .content dl:nth-child(2n){width:35%;} #contactframe .contactbox .content dl>dt{display:inline-block;width:140px;border-top:2px solid #fff;border-bottom:2px solid #fff;color:#fff;padding:20px 25px;font-size:18px;line-height:30px;font-weight:normal;margin-bottom:25px;} #contactframe .contactbox .content dl>dt>i{display:inline-block;font-size:20px;margin-right:15px;vertical-align:middle;} #contactframe .contactbox .content dl>dd{color:#fff;padding:6px 15px 6px 0;font-size:18px;} #contactframe .contactbox .content dl>dd a{color:#fff;font-size:18px;} #contactframe .contactbox .content dl>dd a:hover{text-decoration:underline;} #contactframe .right{width:52%;float:right;padding-top:30px;} #contactframe .contactbox #allmap{height:100%;} @media (min-width:1430px) and (max-width:1679px) { #contactframe .contactbox{padding:60px 100px;} #contactframe .contactbox .content{width:60%;padding:60px;} #contactframe .contactbox .content dl{margin-bottom:30px;} #contactframe .contactbox .content dl>dt{padding:15px 20px;line-height:24px;} #contactframe .contactbox .content dl>dd{font-size:16px;padding:6px 10px 6px 0;} #contactframe .contactbox .content dl>dd a{font-size:16px;} } @media (min-width:1230px) and (max-width:1429px) { #contactframe .contactbox{padding:60px 100px;} #contactframe .contactbox .content{width:60%;padding:60px;} #contactframe .contactbox .content dl{margin-bottom:30px;} #contactframe .contactbox .content dl>dt{padding:15px 20px;line-height:24px;font-size:16px;} #contactframe .contactbox .content dl>dd{font-size:14px;padding:6px 10px 6px 0;} #contactframe .contactbox .content dl>dd a{font-size:14px;} } @media (min-width:992px) and (max-width:1229px) { #contactframe .contactbox{padding:40px 60px;} #contactframe .contactbox .content{width:70%;padding:40px;} #contactframe .contactbox .content dl{margin-bottom:30px;} #contactframe .contactbox .content dl>dt{padding:10px 20px;line-height:24px;font-size:16px;} #contactframe .contactbox .content dl>dd{font-size:14px;padding:6px 10px 6px 0;} #contactframe .contactbox .content dl>dd a{font-size:14px;} } @media (min-width:768px) and (max-width:991px) { #contactframe section.contacts .content .item .txt{padding:10px;} #contactframe section.contacts .content .item .txt h3{margin-top:10px;font-size:18px;} #contactframe section.contacts .content .item .txt p{font-size:14px;} #contactframe section.contacts .content .item .txt a.link{height:30px;line-height:30px;font-size:13px;} #contactframe .contactbox{padding:40px 60px;} #contactframe .contactbox .content{width:80%;padding:40px;} #contactframe .contactbox .content dl{margin-bottom:30px;} #contactframe .contactbox .content dl>dt{padding:10px 20px;line-height:24px;font-size:16px;} #contactframe .contactbox .content dl>dd{font-size:14px;padding:6px 10px 6px 0;} #contactframe .contactbox .content dl>dd a{font-size:14px;} } @media (min-width:1px) and (max-width:767px) { #contactframe section.contacts .content{display:none;} #contactframe .contactbox{padding:0;} #contactframe .contactbox .content{width:100%;padding:20px;margin:0;} #contactframe .contactbox .content dl{margin-bottom:25px;} #contactframe .contactbox .content dl:nth-child(2n+1){width:100%;} #contactframe .contactbox .content dl:nth-child(2n){width:100%;} #contactframe .contactbox .content dl>dt{padding:5px 20px;line-height:24px;font-size:16px;} #contactframe .contactbox .content dl>dd{font-size:14px;padding:3px 10px 3px 0;} #contactframe .contactbox .content dl>dd a{font-size:14px;} } #feedback{margin-top:50px;} #feedback .title{margin-bottom:30px;} #feedback .title h2{font-size:48px;font-weight:bold;} #feedback .title p{font-size:18px;margin-bottom:20px;color:#939393;} #feedback ul{margin-top:30px;display:block;margin:0 -15px;} #feedback ul>li{display:block;margin:0 0 30px;width:100%;padding:0 15px;overflow:hidden;} #feedback ul>li.half{width:33.33%;float:left;} #feedback ul>li>label{display:block;height:36px;line-height:36px;margin:0;font-size:18px;color:#6b6b6b;font-weight:normal;} #feedback ul>li>label>em{color:#f00;font-style:initial;display:inline-block;width:16px;font-size:18px;vertical-align:bottom;} #feedback ul>li>input{width:100%;line-height:36px;height:36px;border:1px solid #d8d8d8;border-radius:0;box-shadow:none;padding-left:10px;margin:0;background-color:#f5f8fa;} #feedback ul>li>textarea{width:100%;border:1px solid #d8d8d8;border-radius:0;padding-top:10px;padding-left:10px;resize:none;float:left;background-color:#f5f8fa;} #feedback ul>li.btnli{border:none;margin-top:10px;} #feedback ul>li.btnli #btn_send{background-color:#fff;border:1px solid #0a448d;border-radius:50px;width:170px;height:45px;line-height:45px;font-size:18px;color:#0a448d;} #feedback ul>li.btnli #btn_send>i{vertical-align:middle;margin-left:5px;} #feedback ul>li.btnli #btn_send:hover{color:#fff;background-color:#0a448d;} @media (min-width:1430px) and (max-width:1679px) { #feedback .title h2{font-size:36px;} } @media (min-width:1230px) and (max-width:1429px) { #feedback .title h2{font-size:36px;} #feedback .title p{font-size:16px;} } @media (min-width:992px) and (max-width:1229px) { #feedback .title h2{font-size:30px;} #feedback .title p{font-size:14px;} #feedback ul>li{margin-bottom:15px;} #feedback ul>li.btnli #btn_send{height:40px;line-height:40px;} } @media (min-width:768px) and (max-width:991px) { #feedback .title h2{font-size:30px;} #feedback .title p{font-size:14px;} #feedback ul>li{margin-bottom:15px;} #feedback ul>li.btnli #btn_send{height:40px;line-height:40px;} } @media (min-width:1px) and (max-width:767px) { #feedback .title h2{font-size:24px;} #feedback .title p{font-size:14px;} #feedback ul>li{margin-bottom:15px;} #feedback ul>li.btnli #btn_send{height:40px;line-height:40px;} #feedback ul>li.half{width:100%;} } /*产品中心*/ #ProCate{background-color:#f4f4f4;padding:30px 50px;overflow:hidden;} #ProCate a.link{display:inline-block;width:9%;float:left;text-align:center;border:1px solid transparent;padding:10px;margin:0 1px 0 0;} #ProCate a.link img{filter:Gray; -webkit-filter: grayscale(100%);} #ProCate a.link.active,#ProCate a.link:hover{border:1px solid #fd8926;} #ProCate a.link.active img,#ProCate a.link:hover img{filter:initial; -webkit-filter:initial;} #ProCate a.link.active h4,#ProCate a.link:hover h4{color:#fd8926;} #ProCate a.link h4{font-size:13px;line-height:18px;height:36px;} @media (min-width:1230px) and (max-width:1429px) { #ProCate{padding:10px 15px;} } @media (min-width:992px) and (max-width:1229px) { #ProCate{padding:10px 15px;} #ProCate a.link{width:14%;margin:0 1%;} } @media (min-width:768px) and (max-width:991px) { #ProCate{padding:10px 15px;} #ProCate a.link{width:15%;margin:0 1% 0 0;} } @media (min-width:1px) and (max-width:767px) { #ProCate{padding:10px 15px;display:none;} #ProCate a.link{width:49%;margin:0 1% 0 0;} } #ProList{margin:0 -5px 0;overflow:hidden;} #ProList .item{padding:0 5px;margin-bottom:20px;width:25%;float:left;} #ProList .item .box{box-shadow:0 0 5px #eee;position:relative;} #ProList .item:nth-child(4n+1){clear:left;} #ProList .item .img{position:relative;overflow:hidden;background-color:#ffffff;border:1px solid #f3f3f3;overflow:hidden;} #ProList .item .img img{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;} #ProList .item:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);} #ProList .item .txt{border-bottom:1px solid #fff;position:relative;background-color:#ffffff;padding:25px 20px 15px 30px;overflow:hidden;} #ProList .item .txt h3{font-size:16px;line-height:36px;margin:0;font-weight:bold;} #ProList .item .txt p{font-size:14px;line-height:24px;height:72px;color:#626262;margin-top:3px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;} #ProList .item .txt a.link{float:right;margin-top:10px;} #ProList .item:hover .txt h3{color:#fd8926;} #ProList .item:hover .txt a.link{color:#fd8926;} @media (min-width:992px) and (max-width:1229px) { #ProList .item{width:25%;} #ProList .item .txt{padding:8px 10px;} #ProList .item .txt p{font-size:13px;line-height:20px;height:60px;} } @media (min-width:768px) and (max-width:991px) { #ProList .item{width:33.33%;} #ProList .item:nth-child(4n+1){clear:initial;} #ProList .item:nth-child(3n+1){clear:both;} #ProList .item .txt{padding:8px 10px;} #ProList .item .txt h3{font-size:16px;line-height:24px;} #ProList .item .txt p{font-size:13px;line-height:20px;height:60px;} } @media (min-width:1px) and (max-width:767px) { #ProList .item{width:50%;} #ProList .item:nth-child(4n+1){clear:initial;} #ProList .item:nth-child(2n+1){clear:both;} #ProList .item .txt{padding:10px 10px;} #ProList .item .txt h3{font-size:13px;line-height:18px;} #ProList .item .txt p{display:none;} #ProList .item .txt a.link{display:none;} } /*产品详情*/ #nProPage{background-color:#ffffff;} #nProPage .protitle h1{font-size:40px;color:#0a448d;font-weight:bold;text-transform:uppercase;} #nProPage .protitle h3{font-size:30px;} #nProPage .protitle p{font-size:16px;line-height:30px;margin-top:20px;} #nProPage .title{margin-bottom:20px;position:relative;} #nProPage .title:after{content:"";position:absolute;width:calc(100% - 320px);height:2px;right:0;top:19px;background-color:#e3e3e3;} #nProPage .title h3{font-size:16px;line-height:40px;color:#333;margin:0;background-color:#0a448d;display:inline-block;color:#fff;text-align:center;width:300px;text-transform:uppercase;} #slider{overflow:hidden;} #picView{position:relative;float:left;width:50%;} #picView .gallery-top{border:1px solid #e5e5e5;} #picView .imglist{background-color:#f9f9f9;padding:30px 10px;position:relative;} #picView .gallery-thumbs{position:absolute;bottom:15px;width:90%;left:5%;height:auto;padding:10px 0;} #picView .gallery-thumbs .swiper-slide{border:1px solid #fff;} #picView .gallery-thumbs .swiper-slide-thumb-active{border-color:#0a448d;position:relative;} #picView .swbtn{position:absolute;top:50%;z-index:1;width:30px;height:60px;line-height:60px;margin-top:-30px;text-align:center;background-color:#0a448d;color:#ffffff;} #picView .btn-next{right:0;} #picView .btn-prev{left:0 ;} #picView .swiper-button-next.swiper-button-disabled,#picView1 .swiper-button-prev.swiper-button-disabled{opacity:1;background-color:#ccc;} #picView .boxer{display:block;} #picView img{width:100%;} #picView .swiper-pagination{} #picView .swiper-pagination .swiper-pagination-bullet{border-radius:0;width:12px;height:12px;} #picView .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#0a448d;} #protitle{padding:20px 0 0 80px;float:right;width:50%;} #protitle .ptitle h1{font-weight:bold;color:#666;border-bottom:2px solid #a6a6a6;padding-bottom:20px;margin-bottom:30px;} #protitle .ptitle p{font-size:14px;line-height:24px;color:#666;margin-bottom:30px;} #protitle .remark{font-size:16px;line-height:30px;border-top:1px solid #f6f6f6;border-bottom:1px solid #f6f6f6;margin-top:30px;padding:15px 0;} #protitle .remark p span{display:inline-block;min-width:100px;} #protitle .share {margin-top:20px;} #protitle .share p{font-size:14px;line-height:24px;color:#adadad;text-transform:uppercase;margin-bottom:10px;} #protitle .share #sharelist a{width:35px;height:35px;text-align:center;line-height:35px;border:none;border-radius:50%;margin-right:15px;} #protitle .share #sharelist .bdshare-button-style0-32 .bds_sqq{background-color:#45aaf2;} #protitle .share #sharelist .bdshare-button-style0-32 .bds_qzone{background-color:#eecf3d;} #protitle .share #sharelist .bdshare-button-style0-32 .bds_weixin{background-color:#3eb135;} #protitle .share #sharelist .bdshare-button-style0-32 .bds_tsina{background-color:#df4d69;} #protitle .link{display:inline-block;font-size:14px;line-height:30px;padding:15px 0 10px;} #protitle .link>svg{float:left;font-size:30px;margin-right:5px;} #protitle .btnlist{overflow:hidden;margin-top:20px;} #protitle .btnInquiry{display:inline-block;font-size:16px;width:160px;height:50px;line-height:50px;border:1px solid #fd8926;background-color:#fd8926;text-align:center;color:#fff;} #protitle .btnInquiry>i{margin-right:10px;} #protitle .btnInquiry:hover{background-color:#ffffff;color:#fd8926;} #protitle .btnDownload{display:inline-block;font-size:12px;line-height:21px;padding:3px 40px;border:1px solid #fd8926;background-color:#ffffff;color:#fd8926;text-align:center;} #protitle .btnDownload:hover{background-color:#ffffff;color:#0a448d;} #protitle .tel{font-size:16px;line-height:24px;margin-bottom:15px;} #protitle .tel i{font-size:16px;margin-right:8px;} #ProShare{margin-top:15px;} #ProductDetail .titlelist{border-bottom:2px solid #f8f8f8;} #ProductDetail .titlelist>a{display:inline-block;margin-right:50px;border-bottom:5px solid transparent;font-size:18px;line-height:2;} #ProductDetail .titlelist>a.active,#ProductDetail .titlelist>a:hover{border-bottom:5px solid #fd8926;color:#fd8926;} #ProductDetail .pro_detail{margin-bottom:30px;} #ProductDetail .title h3{font-size:30px;line-height:1.5;font-weight:bold;} #ProductDetail .pro_detail article{border-bottom:1px solid #ddd;margin-bottom:30px;padding-bottom:50px;} #RelatedProduct{} #RelatedProduct #ProList .item .txt{padding:5px 15px;text-align:center;} @media (min-width:992px) and (max-width:1229px) { #protitle{padding:0 0 0 20px;} #protitle .ptitle h1{font-size:30px;} #nProPage .title h1,#nProPage .title h3{font-size:20px;} #picView{width:45%;} #picView1 .imglist{padding:0 10px;} #RelatedProduct #ProList .item:nth-child(4){display:none;} #nProPage .title h3{width:200px;font-size:16px;} #nProPage .title:after{width:calc(100% - 220px);} } @media (min-width:768px) and (max-width:991px) { #protitle{padding:0 0 0 20px;} #protitle .ptitle h1{font-size:24px;} #picView{width:40%;} #protitle{width:60%;padding-left:20px;} #picView1 .imglist{padding:0 10px;} #RelatedProduct #ProList .item:nth-child(4){display:none;} #nProPage .title h3{width:200px;font-size:16px;} #nProPage .title:after{width:calc(100% - 220px);} } @media (min-width:1px) and (max-width:767px) { #protitle{width:100%;float:initial;padding-left:0;margin-top:20px;} #protitle .ptitle h1{font-size:24px;} #ProductDetail .titlelist > a{margin-right:25px;} #ProductDetail .title h3{font-size:24px;} #picView{width:100%;float:initial;} #picView1 .imglist{padding:0 10px;} #nProPage .title h3{width:180px;font-size:14px;} #nProPage .title:after{width:calc(100% - 200px);} } /*新闻*/ #NewsCate{padding-top:25px;padding-bottom:25px;border-bottom:1px solid #999;text-align:center;} #NewsCate a{display:inline-block;text-align:center;padding:8px 35px;border:1px solid #0a448d;font-size:18px;line-height:22px;margin:0 40px;border-radius:50px;} #NewsCate a.active{background-color:#fd8926;border-color:#fd8926;color:#fff;} #NewsList{margin:0 -15px;overflow:hidden;} #NewsList .item{width:33.33%;float:left;padding:0 15px;margin-bottom:30px;} #NewsList .item:nth-child(3n+1){clear:left;} #NewsList .box{position:relative;border:1px solid #f3f3f3;} #NewsList .item .img{overflow:hidden;} #NewsList .item .txt{padding:20px 15px 20px 20px;background-color:#fff;border-right:5px solid #fff;} #NewsList .item .txt span{color:#525252;font-size:14px;} #NewsList .item .txt span>i{font-size:14px;margin-right:5px;} #NewsList .item .txt h4{font-size:18px;line-height:26px;margin-top:0;text-transform:uppercase;height:54px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-weight:bold;} #NewsList .item .txt p{font-size:14px;line-height:21px;margin-bottom:15px;height:42px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} #NewsList .item .txt i.more{color:#0a448d;font-size:12px;vertical-align:middle;display:inline-block;width:16px;height:16px;line-height:16px;text-align:center;background-color:#0a448d;color:#fff;border-radius:50%;float:right;} #NewsList .item .box a.link{position:absolute;top:0;right:0;left:0;bottom:0;} #NewsList .item:hover .img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);} #NewsList .item:hover .txt{border-right-color:#0a448d;} #NewsList .item:hover .txt h4{color:#0a448d;} #NewsList .item:hover .txt i.more{background-color:#fd8926;} @media screen and (min-width:992px ) and (max-width:1229px) { } @media (min-width:768px) and (max-width:991px) { #NewsList .item{width:50%;} #NewsList .item:nth-child(4n+1){clear:initial;} #NewsList .item:nth-child(2n+1){clear:left;} } @media (max-width:767px){ #NewsCate a{padding:5px 25px;font-size:14px;margin:0 10px;line-height:18px;} #NewsList{margin:0 -5px;} #NewsList .item{width:50%;padding:0 5px;} #NewsList .item:nth-child(4n+1){clear:initial;} #NewsList .item:nth-child(2n+1){clear:left;} #NewsList .item .txt{padding:5px 10px;} #NewsList .item .txt h4{font-size:14px;line-height:20px;height:40px;} #NewsList .item .txt p{display:none;} #NewsList .item .txt span {font-size:13px;} } #ntframe{background-color:#ffffff;padding-top:30px;padding-bottom:30px;} #ntframe img{max-width:100%;} #ntframe #sharelist{margin-top:20px;} #sharelist {display:inline-block;} #sharelist h3{font-size:16px;color:#fff;margin-bottom:20px;} #sharelist span{float:left;line-height:40px;} #sharelist .bdshare-button-style0-32>a{background-image:none;text-indent:0;width:35px;height:28px;color:#fff;position:relative;text-align:center;line-height:28px;font-size:16px;margin:0 5px 0 0;background-color:transparent;border:1px solid #fff;} /*#sharelist .bdshare-button-style0-32 .bds_sqq{background-color:#45aaf2;} #sharelist .bdshare-button-style0-32 .bds_qzone{background-color:#eecf3d;} #sharelist .bdshare-button-style0-32 .bds_weixin{background-color:#3eb135;} #sharelist .bdshare-button-style0-32 .bds_tsina{background-color:#df4d69;}*/ #sharelist .bdshare-button-style0-32>a.bds_sqq:before{content:"\e62b";font-family:iconfont;} #sharelist .bdshare-button-style0-32>a.bds_qzone:before{content:"\e631";font-family:iconfont;} #sharelist .bdshare-button-style0-32>a.bds_weixin:before{content:"\e614";font-family:iconfont;} #sharelist .bdshare-button-style0-32>a.bds_tsina:before{content:"\e643";font-family:iconfont;} #sharelist p{color:#ffffff;margin-bottom:5px;} #sharelist a{display:inline-block;} #sharelist a>i{display:block;font-size:18px;width:30px;height:30px;line-height:30px;text-align:center;} /*#sharelist a>i.pinterest-p{background-color:#ca1c23;} #sharelist a>i.google-plus{background-color:#dc4e41;} #sharelist a>i.facebook{background-color:#3b5998;} #sharelist a>i.twitter{background-color:#1da1f2;} #sharelist a>i.linkedin{background-color:#0077b5;} #sharelist a>i.youtube{background-color:#ff011d;}*/ #sharelist.newsshare{box-shadow:0 0 5px #eee;margin-top:30px;display:block;overflow:hidden;padding:10px;} #sharelist.newsshare .bdshare-button-style0-32 > a{background-color:#3663d5;height:30px;line-height:30px;} #sharelist.newsshare .bdsharebuttonbox {width:50%;float:left;} #sharelist.newsshare .prev{width:50%;float:right;text-align:right;} #sharelist.newsshare .prev>i{font-size:24px;line-height:30px;display:inline-block;vertical-align:middle;} #sharelist.newsshare .prev a{padding:0 5px;line-height:30px;} #RelatedNews{margin-top:30px;overflow:hidden;padding:20px 0;background-color:#fff;} #RelatedNews .title{} #RelatedNews .relate_list{} #RelatedNews .relate_list .item{margin-bottom:12px;float:left;width:50%;padding-right:50px;} #RelatedNews .relate_list .item .txt h3{font-size:14px;line-height:20px;position:relative;padding-left:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;color:#666;} #RelatedNews .relate_list .item:hover .txt h3{color:#0a448d;text-decoration:underline;} #RelatedNews .relate_list .item .txt h3:before{content:"\e7f9";font-size:14px;font-family:"iconfont";position:absolute;left:0;} /*#RelatedNews .relate_list .item .img:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}*/ @media (min-width:992px) and (max-width:1229px) { } @media (min-width:768px) and (max-width:991px) { #RelatedNews .relate_list .item{width:100%;float:initial;} #sharelist{padding-top:0;} } @media (min-width:1px) and (max-width:767px) { #RelatedNews .relate_list .item{width:100%;float:initial;} #sharelist{padding-top:0;} #sharelist.newsshare .prev{width:100%;text-align:left;margin-top:10px;} } /*分页*/ ul.pagination {box-shadow:none;width:100%;border-radius:0;text-align:center;} ul.pagination li {margin-left:5px;display:inline-block;} ul.pagination li a{background-color:#fff;border-color:#0a448d;border-radius:0;color:#0a448d;} ul.pagination li.active span{background-color:#0a448d;border-color:#0a448d;border-radius:0;color:#fff;} ul.pagination li:first-child a{border-radius:0;} ul.pagination li:last-child a{border-radius:0;} ul.pagination li:hover a,ul.pagination li.active:hover>span{background-color:#0a448d;color:#fff;} #pro_feed_show{padding:50px 30px 20px;background-color:#f8f8f8;border:1px solid #e4e4e4;border-radius:8px;} #pro_feed_show P{font-size:16px;line-height:20px;margin-bottom:15px;} #pro_feed_show label{font-weight:normal;display:block;font-size:16px;line-height:30px;} #pro_feed_show label>em{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;font-size:20px;color:#ff0000;margin-right:3px;margin-top:3px;font-style:initial;vertical-align:middle;} #pro_feed_show .form-group{margin-bottom:20px;overflow:hidden;} #pro_feed_show .form-group .feed_left{float:left;width:100px;display:list-item;} #pro_feed_show .form-group .feed_right{float:left;width:calc(100% - 100px);} #pro_feed_show .form-group .input-group{display:table;} #pro_feed_show .form-control{background-color:#fff;height:34px;padding:0 12px;width:50%;margin:0;} #pro_feed_show textarea.form-control{height:150px;resize:none;padding-top:10px;background-color:#fff;border-radius:5px;width:100%;} #pro_feed_show #btn_send{display:block;width:226px;height:38px;line-height:38px;text-align:center;border:none;color:#fff;background-color:#0a448d;font-size:16px;border:1px solid #0a448d;text-transform:capitalize;} #pro_feed_show #btn_send:hover{background-color:#fff;color:#0a448d;} @media (min-width:1430px) and (max-width:1679px) { } @media (min-width:1230px) and (max-width:1429px) { } @media (min-width:992px) and (max-width:1229px) { } @media (min-width:768px) and (max-width:991px) { } @media (min-width:1px) and (max-width:767px) { #pro_feed_show{padding:15px 10px;} #pro_feed_show .form-group{margin-bottom:10px;} #pro_feed_show .form-group .feed_left{width:100%;} #pro_feed_show .form-group .feed_right{width:100%;} #pro_feed_show label{text-align:left;font-size:14px;} #pro_feed_show .form-control{width:100%;} #pro_feed_show #btn_send{width:100%;} } /*编辑器内容*/ #input {border:none; margin:0; padding:0; font:14px 'Courier New',Verdana; border:0} .te {border:1px solid #bbb; padding:0 1px 1px; font:12px Verdana,Arial; margin:0px} .te iframe {border:none} .teheader {height:31px; border-bottom:1px solid #bbb; background:url(../images/header-bg.gif) repeat-x; padding-top:1px} .teheader select {float:left; margin-top:5px} .tefont {margin-left:12px} .tesize {margin:0 3px} .testyle {margin-right:12px} .tedivider {float:left; width:1px; height:30px; background:#ccc} .tecontrol {float:left; width:34px; height:30px; cursor:pointer; background-image:url(../images/icons.png)} .tecontrol:hover {background-color:#fff; background-position:30px 0} .tefooter {height:auto; border-top:1px solid #bbb; background:#f5f5f5;overflow:hidden;} .toggle {float:left;padding:9px 13px 0 10px; height:23px;color:#666;} .resize {float:right; height:32px; width:32px; background:url(../images/resize.gif) 15px 15px no-repeat; cursor:s-resize} #editor {cursor:text; margin:10px} #videolist{overflow:hidden;margin:0 -10px;} #videolist .item{margin-bottom:20px;float:left;width:33.33%;padding:0 10px;} #videolist .item:nth-child(3n+1){clear:left;} #videolist .img{border:1px solid #ddd;overflow:hidden;} #videolist .img img{width:100%;} #videolist .txt{padding-top:10px;background-color:#fff;} #videolist h3{text-align:center;font-size:16px;line-height:20px;height:40px;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} video{width:100%;} @media (min-width:992px) and (max-width:1229px) { #videolist h3{font-size:14px;} } @media (min-width:768px) and (max-width:991px) { #videolist h3{font-size:14px;} } @media (min-width:1px) and (max-width:767px) { #videolist .item{margin-bottom:20px;width:50%;} #videolist .item:nth-child(3n+1){clear:initial;} #videolist .item:nth-child(2n+1){clear:left;} #videolist h3{font-size:14px;} } /*感谢页面*/ #thk_nav{} #thk_nav h2{margin-bottom:20px;font-weight:bold;text-align:center;} #thk_nav>p{line-height:28px;font-size:14px;} .btnthank{padding: 5px 10px;margin-top: 15px;display: inline-block;border:1px solid #0a448d;color:#ffffff;background-color:#0a448d;} .btnthank:hover{background-color: #ffffff;color: #0a448d;} /*网站地图*/ #sitemapnav { width:100%; position:relative;overflow:hidden;} #sitemapnav li{ list-style:none;} #sitemapnav a{ color:#333; } #sitemapnav .fontbig { width:100% !important;} #sitemapnav .bigli{float:left; width:100%; line-height:35px;font-size:18px;} #sitemapnav .bigli a {color:#666; font-weight:bold;text-transform:capitalize;} #sitemapnav .bigli a:hover {text-decoration:underline;} #sitemapnav .abli_02{ float:left;width:44%;margin-left:5%;font-size:16px; height:30px; line-height:30px; overflow:hidden; display:inline;font-weight:normal; } #sitemapnav .abli_02 a:hover{text-decoration:underline;} .jiange{ float:left; width:100%; height:2px; border-bottom:solid 1px #d2d2d2; } @media (min-width:992px) and (max-width:1229px) { } @media (min-width:768px) and (max-width:991px) { } @media screen and (min-width:1px ) and (max-width:767px) { #sitemapnav .abli_02{width:44%;} } .probigclass {padding-left:50px;} #sitemapnav .PROclass_01 { float:left;width:95%;margin-left:5%; font-size:16px; line-height:30px; display:inline;font-weight:bold; } #sitemapnav .PROclass_02 { float:left;width:90%;margin-left:8%;font-size:16px; height:22px; line-height:22px; overflow:hidden;display:inline;font-weight:normal; } #sitemapnav .PROclass_01 a{ color:#666;} #sitemapnav .PROclass_02 a{ color:#666;} #sitemapnav .PROclass_01 a:hover{ text-decoration:underline;} #sitemapnav .PROclass_02 a:hover{ text-decoration:underline;} #sitemapnav .PROclass_03 { float:left;width:40%;margin-left:10%;color:#666666;font-size:14px;display:inline; line-height:20px;} #sitemapnav .PROclass_03 a:hover{ text-decoration:underline;} #sitemapnav .PROclass_04 { float:left;width:40%;margin-left:10%;display:inline;} #service .list{margin-top:30px;overflow:hidden;} #service .list .item{width:33.33%;float:left;margin:0;} #service .list .item:nth-child(1){background-color:#3149a1;} #service .list .item:nth-child(2){background-color:#355be7;} #service .list .item:nth-child(3){background-color:#0a2eb4;} #service .list .item .img{overflow:hidden;cursor:pointer;height:215px;} #service .list .item .img img{min-width:100%;min-height:100%;} #service .list .item .txt{padding:15px 25px;height:215px;} #service .list .item .txt h4{color:#fff;} #service .list .item .txt p{color:#fff;} #DownList{margin-top:50px;position:relative;} #DownList .swiper-container{margin:0 -10px;} #DownList .swiper-slide{width:33.33%;padding:0 10px;} #DownList .swiper-slide .txt{background:#e7e7e7;padding:20px;text-align:center;} #DownList .swiper-slide img{width:100%;} #DownList .swiper-slide .txt>a{display:inline-block;width:47%;border:1px solid #232323;height:30px;line-height:30px;} #DownList .swiper-slide .txt>a:first-child{margin-right:6%;} #DownList .swiper-slide .txt>a>i{margin-right:10px;vertical-align:middle;} #DownList .swiper-slide .txt>a:hover{color:#fd8926;border-color:#fd8926;} #DownList .btnlist .swbtn{position:absolute;top:50%;margin-top:-27px;width:54px;height:54px;line-height:54px;display:inline-block;background-color:#fff;color:#0a448d;border:1px solid #0a448d;border-radius:50%;text-align:center;z-index:1;} #DownList .btnlist .swbtn.btn-prev{left:-130px;} #DownList .btnlist .swbtn.btn-next{right:-130px;} #DownList .btnlist .swbtn>i{font-size:24px;} #FaqList{background-color:#5579ce;margin-top:50px;padding:25px;} #FaqList .tit h2{font-size:36px;color:#fff;font-weight:bold;} #FaqList dl>dt{padding:20px 30px;line-height:28px;font-size:18px;background-color:#fff;position:relative;cursor:pointer;} #FaqList dl>dt:after{content:"\e603";font-family:iconfont;right:30px;position:absolute;} #FaqList dl>dt>i{margin-right:15px;color:#fd8926;} #FaqList dl>dd{background-color:#fff;border-top:1px solid #eee;padding:20px 30px 20px 60px;display:none;} @media screen and (min-width:992px ) and (max-width:1229px) { #service .list .item .txt{padding:15px;} #DownList .btnlist .swbtn.btn-prev{left:0;} #DownList .btnlist .swbtn.btn-next{right:0;} } @media screen and (min-width:768px ) and (max-width:991px){ #service .list .item{width:100%;float:none;overflow:hidden;} #service .list .item .img{float:left;width:50%;} #service .list .item .txt{float:right;width:50%;} #service .list .item:nth-child(2n+1) .img{float:right;width:50%;} #service .list .item:nth-child(2n+1) .txt{float:left;width:50%;} #DownList .btnlist .swbtn{width:40px;height:40px;line-height:40px;} #DownList .btnlist .swbtn.btn-prev{left:0;} #DownList .btnlist .swbtn.btn-next{right:0;} #DownList .swiper-slide .txt>a{font-size:13px;} #FaqList{padding:20px;} #FaqList .tit h2{font-size:30px;} #FaqList dl>dt{padding:15px 25px;line-height:24px;font-size:16px;} #FaqList dl>dd{padding:15px 25px 15px 55px;} } @media (max-width:767px) { #service .list .item{width:100%;float:none;overflow:hidden;} #service .list .item .img{display:none;} #service .list .item .txt{width:100%;height:auto;padding:25px;} #DownList {margin-bottom:40px;} #DownList .swiper-slide{width:100%;} #DownList .btnlist .swbtn{width:40px;height:40px;line-height:40px;} #DownList .btnlist .swbtn.btn-prev{left:0;} #DownList .btnlist .swbtn.btn-next{right:0;} #DownList .swiper-slide .txt>a{font-size:13px;} #FaqList{padding:20px;margin-top:0;} #FaqList .tit h2{font-size:30px;} #FaqList dl>dt{padding:10px 15px;line-height:20px;font-size:14px;} #FaqList dl > dt::after{right:15px;} #FaqList dl>dd{padding:10px 15px 10px 45px;} } #CasesCate{background-color:#f4f4f4;padding:25px 0;} #CasesCate a.btncate{display:inline-block;padding:10px 20px 10px 0;overflow:hidden;min-width:200px;} #CasesCate a.btncate span{display:inline-block;width:19px;height:19px;border:2px solid #b5b5b5;padding:3px;float:left;margin-right:10px;} #CasesCate a.btncate span>b{display:none;width:9px;height:9px;background-color:#fd8926;} #CasesCate a.btncate.active,#CasesCate a.btncate:hover{color:#fd8926;} #CasesCate a.btncate.active span>b,#CasesCate a.btncate:hover span>b{display:block;} @media screen and (min-width:992px ) and (max-width:1229px) { #CasesCate{padding:10px 0;} } @media screen and (min-width:768px ) and (max-width:991px){ #CasesCate{padding:10px 0;} #CasesCate a.btncate{padding:5px 10px 5px 0;overflow:hidden;min-width:150px;} } @media (max-width:767px) { #CasesCate{padding:10px 0;} #CasesCate a.btncate{padding:5px 30px 5px 0;overflow:hidden;min-width:initial;} } #CasesList .tit{margin-bottom:15px;} #CasesList .tit p{text-align:left;font-size:14px;} #CasesList .condition{margin-bottom:30px;} #CasesList .condition .select{display:inline-block;width:420px;border:1px solid #fff;margin-right:30px;position:relative;background-color:#f1f1f1;} #CasesList .condition .select>span{display:block;padding:10px;cursor:pointer;border-bottom:5px solid #fd8926;} #CasesList .condition .select>span:before{content:"\e603";position:absolute;font-family:iconfont;right:10px;} #CasesList .condition .select.xptj{width:200px;} #CasesList .condition .select.xptj>span:before{content:"";} #CasesList .condition .search{display:inline-block;width:60px;height:45px;line-height:45px;text-align:center;border:1px solid #fff;float:right;background-color:#f1f1f1;border-bottom:5px solid #fd8926;} #CasesList .condition .search i{font-size:20px;} #CasesList .condition dl{background-color:#eee;display:none;margin:0;position:absolute;width:100%;max-height:180px;overflow-y:auto;z-index:1;} #CasesList .condition dl>dd{padding:10px;cursor:pointer;} #CasesList .condition dl>dd:hover{color:#fd8926;} #CasesList .list{background-color:#f6f6f6;padding-top:35px;padding-bottom:35px;} #CasesList .caselist{overflow:hidden;margin:0 -15px;} #CasesList .caselist .box{float:left;width:25%;padding:0 15px;margin-bottom:30px;} #CasesList .caselist .box:nth-child(4n+1){clear:left;} #CasesList .caselist .box .item{background-color:#fff;border-bottom:5px solid #0a448d;} #CasesList .caselist .box .img{overflow:hidden;} #CasesList .caselist .box .txt{padding:20px 15px;} #CasesList .caselist .box .txt h3{margin:0;font-size:16px;line-height:24px;} #CasesList .caselist .box .txt h3>i{display:inline-block;width:20px;height:20px;float:right;background-color:#fd8926;border-radius:50%;color:#fff;text-align:center;line-height:20px;font-size:14px;} @media screen and (min-width:992px ) and (max-width:1229px) { #CasesList .condition .select{width:31%;} #CasesList .caselist .box .txt{padding:10px 15px;} } @media screen and (min-width:768px ) and (max-width:991px){ #CasesList .condition .select{width:30%;margin-right:2%;} #CasesList .condition .select.xptj{width:20%;} #CasesList .caselist .box{width:33.33%;} #CasesList .caselist .box:nth-child(4n+1){clear:initial;} #CasesList .caselist .box:nth-child(3n+1){clear:left;} #CasesList .caselist .box .txt{padding:10px 15px;} } @media (max-width:767px) { #CasesList .condition .select{width:100%;margin-right:0;margin-bottom:10px;} #CasesList .condition .select.xptj{width:60%;} #CasesList .caselist{margin:0 -8px;} #CasesList .caselist .box{width:50%;padding:0 8px;margin-bottom:15px;} #CasesList .caselist .box:nth-child(4n+1){clear:initial;} #CasesList .caselist .box:nth-child(2n+1){clear:left;} #CasesList .caselist .box .txt{padding:10px 15px;} #CasesList .caselist .box .txt h3{font-size:14px;line-height:20px;} } /*************图库*************/ #GalleryList{margin:30px -5px 0;overflow:hidden;} #GalleryList .item{width:20%;padding:0 5px;float:left;margin-bottom:20px;} #GalleryList .item:nth-child(5n+1){clear:left;} #GalleryList .item .img{border:1px solid #eee;} #GalleryList .item .img img{width:100%;} #GalleryList .item h3{margin:10px;text-align:center;font-size:18px;font-weight:normal;} @media screen and (min-width:992px ) and (max-width:1229px) { #GalleryList{margin:20px -5px 0;overflow:hidden;} #GalleryList .item{width:25%;padding:0 5px;} #GalleryList .item:nth-child(5n+1){clear:initial;} #GalleryList .item:nth-child(4n+1){clear:left;} #GalleryList .item figcaption{padding:15px;} #GalleryList .item h3{margin:0;text-align:center;font-size:16px;} } @media screen and (min-width:768px ) and (max-width:991px){ #GalleryList{margin:20px -5px 0;overflow:hidden;} #GalleryList .item{width:33.33%;padding:0 5px;} #GalleryList .item:nth-child(5n+1){clear:initial;} #GalleryList .item:nth-child(3n+1){clear:left;} #GalleryList .item figcaption{padding:15px;} #GalleryList .item h3{margin:0;text-align:center;font-size:16px;} } @media (max-width:767px) { #GalleryList{margin:15px -5px 0;} #GalleryList .item{width:50%;padding:0 5px} #GalleryList .item:nth-child(5n+1){clear:initial;} #GalleryList .item:nth-child(2n+1){clear:left;} #GalleryList .item figcaption{padding:15px;} #GalleryList .item h3{margin:0;text-align:center;font-size:14px;} } #downtable.table>tbody>tr>td{border-top:none;border-bottom:1px solid #ddd;vertical-align:middle;padding:12px 8px 8px;} #downtable.table>tbody>tr>td:nth-child(1){} #downtable.table>tbody>tr>td:nth-child(2){width:160px;} #downtable.table>tbody>tr>td:nth-child(3){width:100px;} #downtable.table>tbody>tr>td i.icon-tit{color:#0a448d;font-size:24px;margin-right:5px;vertical-align:middle;} #downtable.table>tbody>tr>td i.icon-down{color:#0a448d;} @media (max-width:767px) { #downtable.table>thead>tr>th:nth-child(2){display:none;} #downtable.table>tbody>tr>td:nth-child(2){display:none;} } @keyframes zoom{ from{width: 40px;height: 40px;left: 0;top: 0;} to{width: 56px;height: 56px;left: -8px;top: -8px;opacity:0} } @-webkit-keyframes zoom{ from{width: 40px;height: 40px;left: 0;top: 0;} to{width: 56px;height: 56px;left: -8px;top: -8px;opacity:0} } @-moz-keyframes zoom{ from{width: 40px;height: 40px;left: 0;top: 0;} to{width: 56px;height: 56px;left: -8px;top: -8px;opacity:0} } @-ms-keyframes zoom{ from{width: 40px;height: 40px;left: 0;top: 0;} to{width: 56px;height: 56px;left: -8px;top: -8px;opacity:0} } @-o-keyframes zoom{ from{width: 40px;height: 40px;left: 0;top: 0;} to{width: 56px;height: 56px;left: -8px;top: -8px;opacity:0} }