﻿.banner,.header-m,.i-banner,footer,header,main{transition:all .5s;-webkit-transition:all .5s}
body{padding-top:96px}
.header{z-index:88;position:fixed;top:0;width:100%;background:#fff;box-shadow: 1px 1px 10px rgba(0,0,0,.1);}
.header.cur{transform:translateY(-100%);-webkit-transform:translateY(-100%)}
.header.cur2{transition:all .8s;-webkit-transition:all .8s;transform:translateY(0);-webkit-transform:translateY(0)}
.header .logo{height:96px;line-height:96px;overflow:hidden}
.header nav{/*padding-right:114px*/}
.header nav ul li{position:relative;float:left;margin:0 7px}
.header nav ul li.cur a::after,.header nav ul li:hover a::after{width:100%}
.header nav ul li:hover>a{color:#204299}
.header nav ul li:hover .sub-nav{visibility:visible;opacity:1}
.header nav ul li>a{position:relative;font-size:15px;padding:0 13px;height:96px;line-height:96px; }
.header nav ul li>a::after{position:absolute;content:'';left:0;bottom:0;width:0;height:3px;background:#204299;transition:all .3s;-webkit-transition:all .3s}
.header nav ul li .sub-nav{visibility:hidden;opacity:0;z-index:1;left:0;padding:23px 27px;width:500px;background:rgba(255,255,255,.9);transition:all .5s;-webkit-transition:all .5s}
.header nav ul li .sub-nav .fl{width:calc(100% - 220px)}
.header nav ul li .sub-nav a{position:relative;padding:0 30px;height:34px;line-height:34px}
.header nav ul li .sub-nav a::after{left:0;top:50%;position:absolute;content:'';border-left:6px solid #898989;border-top:5px solid transparent;border-bottom:5px solid transparent;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.header nav ul li .sub-nav a:hover{color:#204299}
.header nav ul li .sub-nav .imgs{width:220px}
.header .search-w{height:96px}
.header .search-btn{width:45px;height:45px;border:1px solid #e5e4e4;background:#fbfbfb url(../images/search.png) no-repeat center;cursor:pointer}

.header .search-btn2{width:45px;height:45px;border:1px solid #e5e4e4;cursor:pointer; line-height:45px; text-align:center;  margin-left:15px;transition:all ease .3s;background:#fbfbfb url(../images/sj.png) no-repeat center}
.header .search-btn2:hover{border:1px solid #1b5db4;background:#1b5db4 url(../images/sj2.png) no-repeat center;transition:all ease .3s;}
.header .search-btn2 ul{z-index:1;top:60px;left:50%;width:200%;padding:5px 0;background:rgba(0,0,0,.5);transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.header .search-btn2 ul::after{top:-8px;left:50%;position:absolute;content:'';border-bottom:8px solid rgba(0,0,0,.5);border-left:8px solid transparent;border-right:8px solid transparent;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.header .search-btn2 ul a{display:block;line-height:25px}
.header .search-btn2 ul a:hover{text-decoration:underline}

.header .language{width:45px;height:45px;margin-left:15px;cursor:pointer;background:#1b5db4 url(../images/language_icon.png) no-repeat center}
.header .language ul{z-index:1;top:60px;left:50%;width:200%;padding:5px 0;background:rgba(0,0,0,.5);transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.header .language ul::after{top:-8px;left:50%;position:absolute;content:'';border-bottom:8px solid rgba(0,0,0,.5);border-left:8px solid transparent;border-right:8px solid transparent;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.header .language ul a{display:block;line-height:25px}
.header .language ul a:hover{text-decoration:underline}
footer{padding:.25rem;background:#11478e}
footer .link span{margin:0 8px}
footer .link a:hover{text-decoration:underline}
footer .bdsharebuttonbox{font-size:0;text-align:center}
footer .bdsharebuttonbox a{float:none;display:inline-block;width:35px!important;height:35px!important;margin:0 11px!important;padding:0!important;background-repeat:no-repeat;background-position:center}
.bd_weixin_popup{height:auto!important}
.i-banners .vc{padding-top:15%;align-items:inherit;-webkit-align-items:inherit}
.i-banners .info{top:0;left:0;color:#fff}
.i-banners .info h3{font-size:58px;font-weight:700}
.i-banners .info strong{font-size:32px;color:rgba(255,255,255,.35);margin:.2rem 0}
.i-banners .info .txt{font-size:20px;line-height:150%}
.i-banners .imgs{visibility:hidden;opacity:0;top:0;left:0}
.i-banners .icon{width:100%;bottom:0;animation:animation_icon .8s cubic-bezier(.445,.05,.55,.95) .2s infinite alternate;-webkit-animation:animation_icon .8s cubic-bezier(.445,.05,.55,.95) .2s infinite alternate}
.i-banners .icon i{font-weight:700;font-size:50px;color:#fff;font-family:'宋体';transform:rotate(90deg);-webkit-transform:rotate(90deg)}
.i-banners.cur .imgs{visibility:visible;opacity:1}
@-webkit-keyframes animation_icon{
0%{opacity:0;transform:translateY(-20%)}
100%{transform:none}
}
@keyframes animation_icon{
0%{opacity:0;-webkit-transform:translateY(-20%)}
100%{opacity:1;-webkit-transform:none}
}
.i-banner .owl-controls .owl-buttons div{width:10px;height:19px}
.i-banner .owl-controls .owl-buttons .owl-prev{left:4.2%;background:url(../images/banner_l.png) no-repeat center}
.i-banner .owl-controls .owl-buttons .owl-next{right:4.2%;background:url(../images/banner_r.png) no-repeat center}
.i-banner .owl-pagination{bottom:.25rem}
.i-banner .owl-controls .owl-page span{width:10px;height:10px;margin:0 10px;background:rgba(255,255,255,.6);transition:all .3s;-webkit-transition:all .3s}
.i-banner .owl-controls .owl-page.active span,.i-banner .owl-controls .owl-page:hover span{background:rgba(5,136,253,.6)}
.i-banner a{display:block;min-height:50px}
.i-banner .dn{display:none!important}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:after,.slick-track:before{content:"";display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;height:100%;min-height:1px;display:none}
[dir=rtl] .slick-slide{float:right}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-next,.slick-prev{z-index:1;position:absolute;top:50%;font-size:0;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.slick-prev{left:0}
.slick-next{right:0}
.slick-dots{position:absolute;left:0;bottom:0;width:100%;text-align:center}
.slick-dots li{display:inline-block}
.slick-dots li button{font-size:0;width:30px;height:30px;border-radius:50%;background:#666}
.i-about{padding:174px 0 225px 0;background:#f4f8f9 url(../images/i_about_bg.jpg) no-repeat center;background-size:cover}
.i-about .txt1{font-size:32px}
.i-about h2 em{font-size:48px}
.i-about h2 span{font-size:38px;margin-top:-10px}
.i-about .more{padding:0 32px;height:37px;line-height:37px;border-radius:5px;background:#1b5db4;transition:.3s all ease}
.i-about .more:hover{padding:0 42px;transition:.3s all ease;background:#0d54b2}
.i-guide li{position:relative;height:188px}
.i-guide li:hover .imgs{visibility:visible;opacity:1}
.i-guide li:hover .c6,.i-guide li:hover h3 em,.i-guide li:hover h3 span{color:#fff}
.i-guide li:nth-child(1) .icon{background:url(../images/i_guide_1.png) no-repeat center}
.i-guide li:nth-child(1):hover .icon{background:url(../images/i_guide_1s.png) no-repeat center}
.i-guide li:nth-child(2) .icon{background:url(../images/i_guide_2.png) no-repeat center}
.i-guide li:nth-child(2):hover .icon{background:url(../images/i_guide_2s.png) no-repeat center}
.i-guide li:nth-child(3) .icon{background:url(../images/i_guide_3.png) no-repeat center}
.i-guide li:nth-child(3):hover .icon{background:url(../images/i_guide_3s.png) no-repeat center}
.i-guide li .vc{padding:.4rem .48rem .4rem .33rem;align-items:inherit;-webkit-align-items:inherit}
.i-guide li .imgs{visibility:hidden;opacity:0;z-index:-1;background:0 0}
.i-guide li h3{width:calc(100% - 55px)}
.i-guide li h3 em{font-size:18px;color:#000}
.i-guide li h3 span{color:#999}
.i-guide li .icon{width:50px;height:50px}
.i-pro{position:relative;background:url(../images/i_pro_bg.jpg) no-repeat center;background-size:cover;padding-top:1.55rem;padding-bottom:1.25rem}
.i-pro .con-l{width:97px;overflow:hidden}
.i-pro .con-l .slick-list li{width:97px;height:97px;margin-bottom:.15rem;border-radius:50%;border:1px solid #e1e1e1;background:#fff;cursor:pointer}
.i-pro .con-l .slick-current li{border-color:#204299}
.i-pro .con-r{width:calc(100% - 97px);padding-left:15%}
.i-pro .con-r .img{width:calc(100% - 395px);padding-right:5%}
.i-pro .con-r .info{width:395px;color:#fff}
.i-pro .con-r .info .tt1{font-size:16px;border-bottom:1px solid rgba(255,255,255,.4)}
.i-pro .con-r .info h3 em{font-size:38px;font-weight:700}
.i-pro .con-r .info h3 span{font-size:24px}
.i-pro .con-r .info .txt{height:130px;overflow:hidden;line-height:26px}
.i-pro .con-r .info .more a{width:120px;text-align:center;height:37px;line-height:37px;color:#fff;border-radius:5px;background:#204299;transition:.3s all ease}
.i-pro .con-r .info .more a:hover{width:130px;transition:.3s all ease;background:#0d54b2}
.i-pro .btn div{z-index:1;position:absolute;top:50%;width:52px;height:52px;cursor:pointer;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.i-pro .btn .btn-prev{left:3%;background:url(../images/i_pro_l.png) no-repeat center}
.i-pro .btn .btn-next{right:3%;background:url(../images/i_pro_r.png) no-repeat center}
.i-news{padding-top:.7rem;padding-bottom:.75rem}
.i-news h2 em{font-size:42px;color:#ddd}
.i-news h2 span{font-size:36px;margin-top:0}
.i-news li{padding:0 13px}
.i-news li a:hover h3{height:0}
.i-news li a:hover .info{visibility:visible;opacity:1}
.i-news li a:hover .info em::after{width:63px}
.i-news li .imgs{height:270px}
.i-news li .info{visibility:hidden;opacity:0;top:0;left:0;background:rgba(0,0,0,.4)}
.i-news li .info em::after{left:50%;bottom:.23rem;position:absolute;content:'';width:0;height:1px;background:#fff;transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:all .3s;-webkit-transition:all .3s}
.i-news li .info .icon{width:100%;height:28px;background:url(../images/i_news_icon.png) no-repeat center}
.i-news li h3{left:0;bottom:0;width:100%;height:50px;line-height:50px;background:rgba(0,0,0,.4)}
.i-news .more a{width:160px;height:37px;line-height:37px;color:#fff;border-radius:5px;background:#204299;transition:.3s all ease}
.i-news .more a:hover{width:170px;transition:.3s all ease;background:#0d54b2}
.i-news .owl-controls .owl-buttons div{width:26px;height:48px}
.i-news .owl-controls .owl-buttons .owl-prev{left:-41px;background:url(../images/i_news_l.png) no-repeat center}
.i-news .owl-controls .owl-buttons .owl-prev:hover{background:url(../images/i_news_ls.png) no-repeat center}
.i-news .owl-controls .owl-buttons .owl-next{right:-41px;background:url(../images/i_news_r.png) no-repeat center}
.i-news .owl-controls .owl-buttons .owl-next:hover{background:url(../images/i_news_rs.png) no-repeat center}
.i-news .owl-pagination{padding-right:13px;bottom:-.2rem;text-align:right}
.i-news .owl-controls .owl-page span{width:6px;height:6px;margin:0 7px;background:#d1d1d1}
.i-news .owl-controls .owl-page.active span,.i-news .owl-controls .owl-page:hover span{background:#000}
.banner{height:423px;background-size:cover;background-repeat:no-repeat;background-position:center}
.banner .vc{align-items:inherit;-webkit-align-items:inherit}
.banner em{font-size:.48rem}
.banner span{font-size:.3rem}
.main-head{margin-top:-20px}
.main-home{height:40px;line-height:40px;padding:0 20px;color:#fff;background:rgba(0,0,0,.7)}
.main-home a:hover{text-decoration:underline}
.main-nav-p{position:relative;margin-top:-84px;background:#1b5db4}
.main-nav-p::after{position:absolute;content:'';top:0;right:-900%;width:900%;height:100%;background:#1b5db4}
.main-nav-p ul{font-size:0}
.main-nav-p li{display:inline-block;color:#fff}
.main-nav-p li.cur a,.main-nav-p li:hover a{background:#204299}
.main-nav-p a{display:block;height:84px;line-height:84px;padding:0 23px;font-size:14px;transition:all .3s;-webkit-transition:all .3s}
.content{min-height:400px}
.content h2{font-size:36px;margin-bottom:.45rem}
.content h2 em{color:#000}
.content h2 span{color:#dbdbdb}
.content h2 select{border:1px solid #ddd; height:44px; line-height:44px; float:right; width:15%; margin-left:10px; font-size:16px; text-indent:0.1rem;}
.in-about .tt1 em{font-size:28px;color:#005bac}
.in-about .tt1 span{color:#999}
.in-about .item1{padding-top:.65rem;padding-bottom:.8rem;background:#204299}
.in-about .item1 ul{justify-content:space-between;-webkit-justify-content:space-between}
.in-about .item1 em{font-size:46px}
.in-about .item1 span{font-size:16px;margin-top:.1rem}
.in-about .item2{padding-top:.5rem;padding-bottom:.7rem;background:#f6f6f6}
.in-about .item2 h3{font-size:28px}
.in-about .item2 h3 em{font-weight:700;color:#005bac}
.in-about .item2 h3 span{color:#005bac}
.in-about .item2 .imgs{width:508px}
.in-about .item2 .info{width:calc(100% - 508px);padding-right:5%}
.in-about .item2 .info .edit{line-height:32px}
.in-about .item2 .info .btn a{width:132px;height:44px;line-height:44px;text-align:center;margin-right:.27rem;background:url(../images/pro_icon1.png) no-repeat center}
.in-about .item2 .info .btn a img{margin-left:7px}
.in-about .item2 .info .btn a:hover{text-decoration:underline}
.in-about .item3{padding-top:.45rem;padding-bottom:.6rem}
.in-about .item3 h3 em{font-size:28px;color:#005bac}
.in-about .item3 h3 span{color:#999}
.in-about .item3 li{padding:0 19px}
.in-about .item3 li a:hover .infos{transform:scale(1);-webkit-transform:scale(1)}
.in-about .item3 .imgs{height:204px}
.in-about .item3 .info{background:#f9f9f9}
.in-about .item3 .info h4 em{font-size:18px;color:#555}
.in-about .item3 .info h4 span{color:#999}
.in-about .item3 .infos{top:0;left:0;background:#09397e;transform:scale(0,1);-webkit-transform:scale(0,1)}
.in-about .item3 .infos h4 em{font-size:18px}
.in-about .item3 .infos .icon{position:relative;width:68px;height:68px;border-radius:50%;border:2px solid #fff;margin-top:62px;background-repeat:no-repeat;background-position:center}
.in-about .item3 .infos .icon::after{top:-42px;position:absolute;content:'';width:2px;height:24px;background:#fff}
.in-about .item3 .btn a{width:132px;height:44px;line-height:44px;color:#09397e;background:url(../images/pro_icon3.png) no-repeat center}
.in-about .item3 .btn a:hover{text-decoration:underline}
.in-about .item3 .owl-pagination{bottom:-.45rem}
.in-about .item4{background-size:cover;background-repeat:no-repeat;background-position:center;padding-top:.55rem;padding-bottom:.75rem}
.in-about .item4 h3 em{color:#fff}
.in-about .item4 h3 span{color:#fff}
.in-about .item4 .list1{padding:0 .6rem}
.in-about .item4 .list1 .slick-slide{border:1px solid transparent;height:170px;cursor:pointer}
.in-about .item4 .list1 .slick-slide>div{width:100%;height:100%;display:-webkit-flex;display:flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center}
.in-about .item4 .list1 .slick-current{border-color:#fff}
.in-about .item4 .list1 .slick-current .icon{visibility:visible;opacity:1}
.in-about .item4 .list1 h3{font-size:20px}
.in-about .item4 .list1 .icon{visibility:hidden;opacity:0}
.in-about .item4 .list2{padding:0 45px}
.in-about .item4 .list2 .slick-next,.in-about .item4 .list2 .slick-prev{width:38px;height:38px}
.in-about .item4 .list2 .slick-prev{left:0;background:url(../images/honors_l.png) no-repeat center}
.in-about .item4 .list2 .slick-next{right:0;background:url(../images/honors_r.png) no-repeat center}
.in-about .item5{padding-top:.45rem;padding-bottom:.5rem}
.in-about .item5 .imgs,.in-about .item5 .info{height:190px}
.in-about .item5 h3{font-size:16px}
.in-about .item5 .txt{height:64px;line-height:32px;font-size:18px}
.in-about .item5 .line{width:54px;height:2px;background:#ddd}
.in-about .item5 .btn a{width:132px;height:44px;line-height:44px;background:url(../images/pro_icon1.png) no-repeat center}
.in-about .item5 .btn a:hover{text-decoration:underline}
.in-about .item5 .owl-pagination{bottom:-.35rem}
.company .head{margin-bottom:107px}
.company .head .imgs{width:57.5%;height:427px}
.company .head .txt-w{top:56px;right:0;width:61.7%;height:420px;padding:5%;background:#1b5db4}
.company .head .txt-w .txt{overflow-y:auto}
.company .con{margin-top:65px;background:#f9f9f9}
.company .con .imgs,.company .con .info{height:460px}
.company .con .info{padding:5.5%;align-items:inherit;-webkit-align-items:inherit}
.company .con .info h3{font-size:36px}
.company .con .info h3 span{margin-top:.17rem;color:#dbdbdb}
.company .con .info .edit{height:150px}
.culture ul{margin-left:-.3rem}
.culture li{padding-left:.3rem;margin-bottom:.33rem}
.culture li .item{padding:.12rem;border:1px solid #dbdbdb}
.culture li h3{font-size:20px;height:58px;line-height:58px;background:#204299}
.culture li .edit{height:188px;padding:4px .19rem;overflow-y:auto}
.staff-list h3{display:none;font-size:24px;height:1.36rem;line-height:1.36rem}
.staff-list .imgs{position:relative}
.staff-list .imgs::after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
.staff-list .slick-center .imgs::after{display:none}
.staff-list .slick-center h3{display:block}
.staff-list .slick-next,.staff-list .slick-prev{width:20px;height:30px;margin-top:-.68rem}
.staff-list .slick-prev{left:21%;background:url(../images/staff_l.png) no-repeat center}
.staff-list .slick-next{right:21%;background:url(../images/staff_r.png) no-repeat center}
.news-list li:nth-child(odd) a{background:#f9f9f9}
.news-list li a{padding:.2rem;border-bottom:1px solid #eaeaea}
.news-list li a:hover h3{color:#204299}
.news-list .imgs{width:255px;height:150px}
.news-list .info-w{width:calc(100% - 255px);padding-left:.3rem}
.news-list h3{font-size:16px;color:#000}
.news-list .els2{height:52px;line-height:26px;color:#999}
.news-list .date{height:40px;line-height:40px;color:#999}
.news-list i{padding:0 .25rem;height:40px;line-height:40px;color:#6e6e6e;font-size:12px;border:2px solid #e1e1e1}
.news-list i img{vertical-align:-2px;margin-right:10px}
.news-list2 li:nth-child(odd) a{background:#f9f9f9}
.news-list2 li a{padding:.25rem;border-bottom:1px solid #eaeaea}
.news-list2 li a:hover h3{color:#204299}
.news-list2 .date{width:94px;height:94px;border-radius:5px;background:#f1f1f1}
.news-list2 .date em{font-size:30px;color:#204299}
.news-list2 .date span{font-size:12px;color:#999}
.news-list2 .info{width:calc(100% - 94px);height:94px}
.news-list2 .info h3{font-size:16px;margin-bottom:5px}
.news-list2 .info .els2{height:56px;line-height:28px;color:#999}
.news-info .head .vc{align-items:inherit;-webkit-align-items:inherit}
.news-info .head .date{width:98px;height:98px;padding:0 15px;border-radius:5px;background:#f9f9f9}
.news-info .head .date em{font-size:22px;color:#005bac}
.news-info .head .info{width:calc(100% - 98px);height:98px;padding-left:.3rem}
.news-info .head .info h3{font-size:20px}
.news-info .fix-page{position:absolute;right:-165px;top:50%}
.news-info .fix-page a{display:block;text-align:center;width:145px;height:45px;line-height:45px;margin-bottom:1px;color:#000;background:#f5f5f5}
.news-info .fix-page a:hover{color:#fff;background:#1b5db4}
.pic-list ul{margin-left:-.23rem}
.pic-list li{padding-left:.23rem;margin-bottom:.3rem}
.pic-list li a:hover h3{color:#204299}
.pic-list .imgs{height:262px}
.pic-list .info{background:#f9f9f9}
.pic-list2 ul{margin-left:-1rem}
.pic-list2 li{padding-left:1rem;margin-bottom:.95rem}
.pic-list2 li a{position:relative}
.pic-list2 li a::after{z-index:-1;position:absolute;content:'';top:.2rem;left:.2rem;width:100%;height:100%;border:1px solid #ddd}
.pic-list2 .imgs{height:334px}
.pic-list2 h3{left:0;bottom:0;height:50px;line-height:50px;padding:0 12% 0 .2rem;background:rgba(0,0,0,.4) url(../images/pic_list_icon.png) no-repeat 95% center}
.in-pro li .info-w{top:0;left:0}
.in-pro li .info-w .info{width:100%;padding:0 .4rem}
.in-pro li .info-w h3{border-bottom:2px solid #fff}
.in-pro li .info-w h3 em{font-size:18px}
.in-pro li .info-w .icon{width:38px;height:38px;background:url(../images/pro_icon.png) no-repeat center}
.pro-list li{height:430px;background-size:cover;background-repeat:no-repeat;background-position:center;padding:.64rem 5% 0 0;margin-bottom:.55rem}
.pro-list .info{max-width:504px;padding:.4rem .7rem .5rem .7rem}
.pro-list .info:hover{color:#fff;background:#1b5db4}
.pro-list .info:hover .els2,.pro-list .info:hover h3{color:#fff}
.pro-list .info:hover i{background:url(../images/pro_icon2.png) no-repeat center}
.pro-list .info h3{font-size:30px;color:#000}
.pro-list .info .els2{height:72px;font-size:16px;line-height:36px;color:#999}
.pro-list .info i{position:relative;width:132px;height:44px;line-height:44px;background:url(../images/pro_icon1.png) no-repeat center}
.pro-list2 .head{/*margin-top:.64rem*/}
.pro-list2 .head .imgs,.pro-list2 .head .info{height:333px}
.pro-list2 .head .info{padding:5.5%;background:#f8f8f8}
.pro-list2 .head .info h3{font-size:42px}
.pro-list2 .head .info .els2{height:90px;-webkit-line-clamp:3}
.pro-list2 .list ul{margin-left:-.3rem}
.pro-list2 .list li{padding-left:.3rem;margin-bottom:.2rem}
.pro-list2 .list li a:hover h3{color:#204299}
.pro-list2 .list .img{height:2.6rem}
.pro-list2 .list .img img{max-height:85%}
.pro-list2 .list .info{padding:.25rem;background:#f3f2f2;display:none;}
.pro-list2 .list .info h3{font-size:22px;margin-bottom:5px}
.main-nav{margin-bottom:.34rem}
.main-nav li{float:left;margin-right:.14rem;margin-bottom:.1rem}
.main-nav a{font-size:16px;height:44px;line-height:40px;padding:0 .34rem;border:2px solid #ededed}
.main-nav a.cur,.main-nav a:hover{color:#fff;border-color:#1b5db4;background:#1b5db4}
.join-list li{margin-bottom:.28rem}
.join-list .top{padding-left:.5rem;padding-right:15%;font-size:18px;height:60px;line-height:60px;cursor:pointer;background:#e1e1e1 url(../images/join_icon1.png) no-repeat 95% center}
.join-list .top.cur{color:#fff;background:#1b5db4 url(../images/join_icon2.png) no-repeat 95% center}
.join-list .edit{padding:.4rem;background:#f4f5f7}
.service-list li{background:url(../images/service_icon.png) no-repeat left center}
.service-list li:hover{background:url(../images/service_icons.png) no-repeat left center}
.service-list li:hover a{background:url(../images/service_icon2s.png) no-repeat right 80%}
.service-list li a{padding-left:42px;padding-right:25px;border-bottom:1px solid #ddd;background:url(../images/service_icon2.png) no-repeat right 80%}
.service-list li a:hover h3{color:#204299}
.service-list li h3{margin-bottom:12px}
.contact .add{height:4.67rem}
.contact .add img{max-width:inherit}
.contact .info{width:calc(100% - 150px)}
.contact .img{width:138px;height:138px}
.owl-controls .owl-page.active span,.owl-controls .owl-page:hover span{background:#204299}
.in-page{color:#888}
.in-page span{padding:0 15px;border:1px solid #e8e8e8}
.in-page a{height:35px;line-height:35px;padding:0 15px;border:1px solid #e8e8e8;margin:0 5px}
.in-page a.cur,.in-page a:hover{border-color:#204299;background:#204299;color:#fff}
.tab-head li{cursor:pointer}
.tab-body li{visibility:hidden;opacity:0;height:0;transition:all .3s;-webkit-transition:all .3s}
.tab-body li.cur{visibility:visible;opacity:1;height:auto}
.edit{overflow:hidden}
.edit span{display:inline}
.edit img{width:auto!important;height:auto!important}
.imgs{overflow:hidden;background:#eee url(data:image/gif;base64,R0lGODlhEgASAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMDFGMDBBNEVEMzUxMUU4QTY0RUU2ODg1MjRFRjdDMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMDFGMDBBNUVEMzUxMUU4QTY0RUU2ODg1MjRFRjdDMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkMwMUYwMEEyRUQzNTExRThBNjRFRTY4ODUyNEVGN0MxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMwMUYwMEEzRUQzNTExRThBNjRFRTY4ODUyNEVGN0MxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkECQgAAQAsAAAAABIAEgAAAiuMj6nLnQADBE7GWTE+2+jIgd4lWlRIdSbynaO7qjIJz2lpr06blT1cCToKACH5BAkJAAEALAAAAAASABIAAAItjI95wOrGwHMRVdpWhu1yqUleMFblRnboKa5uC36WGqe1+c6wzrPPOJEFh8MCACH5BAkJAAEALAAAAAASABIAAAIthIOpa7CvWjxQJvtw0NNdikjaeJBeWIKbKrKuY3brOcvxB79Qje93ptr1hIsCACH5BAkIAAEALAAAAAASABIAAAIvjB+gyK3QzEMzVrlsxvDMm2whBJaL2XEjJX7tS8JsnK7eKd/0zKORrfo5RMJgowAAIfkECQkAAQAsAAAAABIAEgAAAi6Mj6nLC48eYDLCerCpOnQOZeF2jZ4JTqJKTh9asqecWnRs5+8t5ysF6zWGREMBACH5BAUIAAEALAAAAAASABIAAAIsjI8Im63s3AJxPiqhsRlvxn1eYIWkdlLmCqKs6sbw+KbX3eFNHe1oLwImLAUAOw==) no-repeat center}
.imgs img{width:100%;height:100%;object-fit:cover}
.fix-wrap{display:none;z-index:9999;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8)}
.fix-wrap .hide{position:fixed;width:25px;height:25px;padding:25px;right:5%;top:5%;background:#090908;cursor:pointer;border-radius:50%;transition:all .8s;-webkit-transition:all .8s}
.fix-wrap .hide::after,.fix-wrap .hide::before{position:absolute;top:50%;left:50%;content:'';width:1px;height:55%;background:#fff;margin-top:-27.5%}
.fix-wrap .hide::before{transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.fix-wrap .hide::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.fix-wrap .hide:hover{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.fix-video .video-wrap{min-width:55%;max-width:55%;padding:10px;border-radius:5px;background:#2d2d2d;border:1px solid #3a3a3a;box-shadow:0 0 5px rgba(0,0,0,.5);overflow:hidden;animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
.fix-video video{width:100%;height:100%;object-fit:cover}
.fix-pic{overflow:auto}
.fix-pic img{animation:zoomIn .5s both;-webkit-animation:zoomIn .5s both}
.fix-search{padding:0 2.5%;background:#222}
.fix-search:hover .search::after{transform:scale(1);-webkit-transform:scale(1)}
.fix-search .search{position:relative;width:100%;height:125px;color:#555;padding-left:88px;font-size:66px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozNEE5NEZGREQ0QUQxMUU2OUVGNjk4Qzg2RjZCRDdENiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozNEE5NEZGRUQ0QUQxMUU2OUVGNjk4Qzg2RjZCRDdENiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM0QTk0RkZCRDRBRDExRTY5RUY2OThDODZGNkJEN0Q2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM0QTk0RkZDRDRBRDExRTY5RUY2OThDODZGNkJEN0Q2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/Hs+IwAAAVlJREFUeNpi+P//PwMaFgLiJiC+/x8VHATiCCzqMTC6QBKSIc+AeC0QzwXiA0jiT4DYmFhDS6CaNgGxOg4NIUD8E6rOipChcVCFZUR4jwWIj0PVq+EylA2q4AAx4YWEQeAxLkMroAqESTS0D6rPAZuhL4H4NYkGgrAG1NDl2AwFgRVkGMqClBpQ5JgYIOAdA+ngL5TmR5eAGapKhqE8UPo1NkNvAbEtGYaaQOmDGDLAMIiGho0niWEKy2UWuBL/VyD+RYKBFlAD9+PLUTZQRUeAWICAgU5QB4CAIaG8745UaHQCsRkQ8wIxOxCLA7EfEG9HK7kuArEsoVLKHIgf/McPQF72RioaXwGxCD5DYdgXiBcC8S0gfgvEV4B4OhA7IqmRh+ZGELgJxFyEDCUWSwLxVSSDZalhKAhzogWFLiPYZMqBJBBfBGJRIH5ALUNBQBGI5wPxVIAAAwAoIUyRNtFOOQAAAABJRU5ErkJggg==) no-repeat 35px center}
.fix-search .search::after,.fix-search .search::before{position:absolute;content:'';left:0;bottom:0;width:100%;height:1px;transition:all 1s;-webkit-transition:all 1s}
.fix-search .search::before{background:#515151}
.fix-search .search::after{background:rgba(255,255,255,.5);transform:scale(0,1);-webkit-transform:scale(0,1)}
.fix-search .btn,.fix-search .txt{color:#555;background:0 0}
.fix-search .txt{width:100%;text-align:center;font-size:66px;padding-right:2%}
.fix-search .btn{font-size:24px}
/*sj 19.2.13*/

.dblj{ width:200px; margin:0 auto;}
.dblj .chomlj{ margin-top:20px; position:relative;}
.dblj .chomlj span{ display:block; cursor:pointer; line-height:40px; width:100%; height:40px; background: url(../images/hl.png) no-repeat 180px center; border:1px solid #eee; padding-left:0px;  font-size:14px;color:#fff;}
.dblj .chomlj p{ display:none; width:100%; left:0; bottom:40px; z-index:3; border:1px solid #ddd; background:#11478e; position:absolute;}
.dblj .chomlj p a{ display:block; line-height:35px; border-bottom:1px solid #eee; padding:0 15px; color:#fff;}
.dblj .chomlj p a:last-child{ border-bottom:none;}

.zsjm-ppys-right{ width: 100%;}
.zsjm-ppys-right ul{width: 100%;padding: 40px 0;border-bottom: 1px solid #ebebeb;list-style:none;}
.zsjm-ppys-right ul:first-child{padding-top: 0;}
.zsjm-ppys-right ul span{float: left;width: 67px;height: 61px;line-height: 61px;text-align: center;font-family: "arial";color: #fff;font-size: 30px;float: left;}
.zsjm-ppys-right ul .dt01{background: url(../images/1.png) no-repeat center;}
.zsjm-ppys-right ul .dt02{background: url(../images/2.png) no-repeat center;}
.zsjm-ppys-right ul li{float: left;margin-left: 25px; list-style:none;}
.zsjm-ppys-right ul li h3{font-size: 26px;color: #063a75;margin: 0;
    font-weight: normal;}
.zsjm-ppys-right ul li p{font-size: 15px;color: #666666;margin-top: 8px;width: 855px;line-height: 25px;}

.buewo li{ width:32%; float:left; margin-right:2%; margin-top:2%;}
.buewo li:nth-child(3n){ margin-right:0;}
.buewo li a{ display:block;}
.buewo li a .tit{ font-size:15px; line-height:50px; height:50px; background:#4c4c4c url(../images/ad.png) no-repeat 95% center; padding:0 12px; color:#fff; transition:all 0.5s ease;}

.mfwep .pic{ overflow:hidden; position:relative;}
.mfwep .pic img{ transition:all 0.5s ease;}
.mfwep .pic:after{ width:60px; height:60px; display:block; content:''; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); background:url(../images/pl.png) no-repeat center center; background-size:100% 100%;}
.shade {position: fixed;left: 0; top: 0; z-index: 21;display: none; width: 100%;height: 100%; background-color: #000;filter: alpha(opacity=50); opacity: 0.5; }
.big-video {
    position: fixed;
    left: 50%;
    top: 50%;
	margin-top:-240px;
    z-index: 22;
    display: none;
    margin-left: -450px;
    background-color: #fff;
    width: 900px;
    box-sizing: border-box;
}
.big-video-main {
    height: 480px;
}
.big-video-clo {
    position: absolute;
    right: -35px;
    top: 0;
    width: 30px;
    height: 30px;
    background: url(../images/icon30.png) no-repeat center center;
    cursor: pointer;
}

@media screen and (max-width: 750px){
.big-video {
    width: 100%;
    left: 0;
    margin-left: 0;
}
.big-video-main {
    height: 185px;
}
.big-video-clo {
    right: 0;
    z-index: 21;
}
}
/*sj 19.2.13*/
@media (max-width:1200px){
.mauto{max-width:92%}
.header nav{padding-right:15px}
.header nav ul li{margin:0}
.header nav ul li>a{padding:0 13px}
.i-guide .mauto{max-width:100%}
.news-info .fix-page{position:inherit;right:inherit;top:inherit;width:100%}
.news-info .fix-page a{float:left;width:calc(50% - 2px);margin:0 1px}
.news-info .fix-page a:last-child{width:100%;margin:2px 0 0 0}

.buewo li{ width:32%; float:left; margin-right:2%; margin-top:2%;}
.buewo li:nth-child(3n){ margin-right:0;}
.buewo li a{ display:block;}
.buewo li a .tit{ font-size:15px; line-height:50px; height:50px; background:#4c4c4c url(../images/ad.png) no-repeat 95% center; padding:0 12px; color:#fff; transition:all 0.5s ease;}

.mfwep .pic{ overflow:hidden; position:relative;}
.mfwep .pic img{ transition:all 0.5s ease;}
.mfwep .pic:after{ width:60px; height:60px; display:block; content:''; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); background:url(../images/pl.png) no-repeat center center; background-size:100% 100%;}
}
@media (max-width:1024px){
body{padding-top:70px}
.header{display:none}
.header-m{display:block!important;z-index:999;position:fixed;left:0;top:0;width:100%;height:70px;background:#fff;box-shadow:1px 1px 10px rgba(0,0,0,.1)}
.header-m::after{display:none;position:fixed;content:'';top:70px;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
.header-m .logo{position:absolute;left:50%;line-height:70px;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.header-m .logo img{max-height:35px}
.header-m .m-menu-b{display:block;position:absolute;top:0;left:0;width:60px;height:70px;cursor:pointer}
.header-m .m-menu-b::after,.header-m .m-menu-b::before{position:absolute;top:50%;left:calc(35px / 2);content:'';width:25px;height:1px;z-index:9999;transition:all .3s ease-out .3s;-webkit-transition:all .3s ease-out .3s;background:#222}
.header-m .m-menu-b::before{transform:translateY(-4px) rotate(0);-webkit-transform:translateY(-4px) rotate(0)}
.header-m .m-menu-b::after{transform:translateY(4px) rotate(0);-webkit-transform:translateY(4px) rotate(0)}
.header-m .m-menu{display:none;z-index:888;position:fixed;width:100%;width:260px;height:100%;top:0;left:-260px;opacity:1;background:#fafafa;text-align:left;padding-top:70px}
.header-m .m-menu::after{position:absolute;top:70px;content:'';width:100%;height:1px;background:#ebebeb}
.header-m .nav{height:calc(100% - 82px);overflow-x:hidden;overflow-y:auto}
.header-m .nav>li{border-bottom:1px solid #ebebeb;animation:resize .5s both;-webkit-animation:resize .5s both}
.header-m .nav>li>a{position:relative;display:block;font-size:15px;padding:0 20px 0 40px;color:#666;height:50px;line-height:50px}
.header-m .nav>li>a::after{position:absolute;left:20px;top:50%;margin-top:-5px;content:'';width:8px;height:8px;border:1px solid #999;border-radius:50%;background:0 0;transition:all .3s;-webkit-transition:all .3s}
.header-m .nav>li .sub-nav{display:none}
.header-m .nav>li .sub-nav a{position:relative;display:block;height:50px;line-height:50px;padding:0 40px;background:#f2f2f2;color:#4e4e4e}
.header-m .nav>li .sub-nav a::after,.header-m .nav>li .sub-nav a::before{position:absolute;content:'';width:0;height:0;left:20px;top:50%;border:5px solid transparent;overflow:hidden;transition:all .3s;-webkit-transition:all .3s;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.header-m .nav>li .sub-nav a::before{left:21px;border-left:5px solid #555}
.header-m .nav>li .sub-nav a::after{border-left:5px #ebebeb solid}
.header-m .nav>li.cur{position:relative}
.header-m .nav>li.cur::after,.header-m .nav>li.cur::before{position:absolute;content:'';background:#999;transition:all .5s;-webkit-transition:all .5s}
.header-m .nav>li.cur::before{top:19px;right:25px;width:2px;height:12px}
.header-m .nav>li.cur::after{top:24px;right:20px;width:12px;height:2px}
.header-m .nav>li.active::after{background:#fff}
.header-m .nav>li.active::before{height:0}
.header-m .nav>li.active>a{color:#fff;background:#204299}
.header-m .nav>li.active>a::after{background:#fff;border-color:#fff}
.header-m .nav>li.active .sub-nav li{animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
.header-m .m-language{position:absolute;left:0;bottom:0;width:100%;text-align:center}
.header-m .m-language a{color:#666;height:40px;line-height:40px;font-size:16px;display:block;border-bottom:1px solid #ebebeb;animation:slideInUp 1.5s both;-webkit-animation:slideInUp 1.5s both}
.header-m .m-search-b{display:block;position:absolute;top:0;right:0;width:40px;height:70px;cursor:pointer;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAVFBMVEUAAABVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVW+WkCdAAAAG3RSTlMA86cS1Qd0zb+G48R+W0E4lVIhm5BKLeppGrQHXWddAAABjklEQVRIx6VV2XLDIAzkBgdf8d3o//+zg6GtB5DiTPfNi1cCrTRiV8i1Fc5aJ0yv2R30gsMv9mV7K9hekGGWtMJACf6kFOLnLyvGWShIaHCFgxOu+4rfk7GRWegcqr9y3X6SLfUOkbHSn3RfU0zx2khyrrGHiFowhcQaznewGuTpraynH4hXmpzVIZJnCELZbE6uIRBqcxNOv0oyVAXBUAsostTFtUs7fVHhos5zxoVmGunuE/+XuHcXKyOKzPvC/9LLNlYeQZ+KXFb+wCRztclCakXZ4gp6DIG6umSpn02AtswWj5Dhs+i4HNiFQZQKhQ/fEwLslJVyD+xDElMB3OhLisBRLi/x/NH0Mm6AmUOCwmxuIYEr7xWHC3ZsBawPKJAoPmBGNzwTdHqBiBXtWmP/9oTrdKpLbAAU07MdxdyYVWZr52D3cQBQGwD3GRl2asrKjqKxpVK+PtBMySCv72ukSs0j72u0T/ZO7D5eyWKk4bCtja5bakDQhUcPiGcfwMQSsE/QVbctjcFZw74Bhtc3xlH5qhwAAAAASUVORK5CYII=) no-repeat left center;background-size:23px}
html.active{height:100%;overflow:hidden}
html.active body{height:100%;overflow:hidden}
html.active .header-m{left:260px}
html.active .header-m::after{display:block}
html.active .header-m .m-menu-b::after,html.active .header-m .m-menu-b::before{background:#000}
html.active .header-m .m-menu-b::before{transform:translateY(0) rotate(225deg);-webkit-transform:translateY(0) rotate(225deg)}
html.active .header-m .m-menu-b::after{transform:translateY(0) rotate(-225deg);-webkit-transform:translateY(0) rotate(-225deg)}
html.active .header-m .m-menu{display:block;left:0}
html.active .banner,html.active .i-banner,html.active footer,html.active main{transform:translateX(260px);-webkit-transform:translateX(260px)}
.i-pro .con-l{display:none}
.i-pro .con-r{width:100%;padding-left:0}
.i-pro .con-r .img{width:50%;padding:0 6%}
.i-pro .con-r .info{width:50%}
.i-news .owl-controls .owl-buttons div{display:none}
.in-about .item2 .info{margin-top:.2rem;padding-right:0}
.in-about .item2 .imgs{height:auto}
}
@media (max-width:768px){
footer{padding:.15rem .25rem}
footer .copyright{line-height:22px}
.i-banners .imgs{visibility:visible;opacity:1}
.i-banner .sm-db{display:block!important}
.i-banner .owl-controls .owl-page span{margin:0 5px}
.i-about{padding:1rem 0}
.i-about .txt1{font-size:22px}
.i-about h2 em{font-size:22px}
.i-about h2 span{font-size:30px;margin-top:0}
.i-pro{padding:1rem 0;background:#0a94ec}
.i-pro .con-r .img{width:100%;padding:0 20%}
.i-pro .con-r .info{width:100%;margin-top:.5rem}
.i-pro .con-r .info h3 em{font-size:32px}
.i-pro .con-r .info h3 span{font-size:18px}
.i-news{padding-top:.7rem;padding-bottom:.75rem}
.i-news h2 em{font-size:22px}
.i-news h2 span{font-size:30px;margin-top:0}
.i-news li{padding:0}
.i-news .owl-pagination{padding-right:0;text-align:center}
.main-nav-m{display:block;position:relative;z-index:555;cursor:pointer}
.main-nav-m .title{position:relative;height:45px;line-height:45px;padding:0 10px;background:#204299}
.main-nav-m .title strong{color:#fff;font-size:16px;font-weight:700}
.main-nav-m .title i{position:absolute;content:'';width:45px;height:100%;right:0}
.main-nav-m .title i::after,.main-nav-m .title i::before{position:absolute;top:50%;content:'';width:12px;height:1px;background:#fff;transition:all .3s;-webkit-transition:all .3s}
.main-nav-m .title i::before{left:46%;transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)}
.main-nav-m .title i::after{right:46%;transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::before{transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::after{transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)}
.main-nav-m ul{display:none;position:absolute;top:45px;width:100%;padding:0 10px;background:rgba(32,66,153,.8);color:#fff}
.main-nav-m ul li{animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
.main-nav-m ul li a{display:block;height:45px;line-height:45px;border-bottom:1px solid rgba(255,255,255,.55)}
.banner{height:3rem}
.content h2{font-size:20px}
.in-about .tt1 em{font-size:26px}
.in-about .item1{padding:.1rem 0}
.in-about .item1 ul{display:block;text-align:center}
.in-about .item1 ul li{padding:.2rem 0}
.in-about .item1 em{font-size:32px}
.in-about .item2 h3 em{font-size:26px}
.in-about .item2 h3 span{font-size:20px;margin-top:.1rem}
.in-about .item3 li{padding:0}
.in-about .item4 .list1 .slick-slide{height:130px}
.company .head{margin-bottom:.2rem}
.company .head .txt-w{position:inherit;top:inherit}
.company .con{margin-top:.45rem}
.company .con .info h3{font-size:26px}
.company .con .info .edit{height:150px;overflow-y:auto}
.staff-list .slick-prev{left:10%}
.staff-list .slick-next{right:10%}
.news-list2 .date{width:80px;height:80px}
.news-list2 .info{width:calc(100% - 80px);height:80px}
.news-list2 .info h3{padding:.1rem 0}
.news-list2 .info .els2{height:48px;line-height:22px;font-size:12px}
.pro-list li{padding:.3rem;height:auto}
.pro-list .info{max-width:90%;padding:.35rem}
.pro-list .info h3{font-size:22px}
.pro-list .info .els2{font-size:14px;height:50px;line-height:25px;margin:.2rem 0}
.pro-list2 .head{margin-top:.3rem}
.pro-list2 .head .info h3{font-size:24px}
.pro-list2 .head .info .els2{font-size:14px;height:75px;line-height:25px;margin-top:.2rem}
.pro-list2 .list .info{background:#f3f2f2}
.pro-list2 .list .info h3{font-size:18px}
.pro-list2 .list .info .f16{font-size:14px}
.main-nav li{width:calc(50% - .1rem);margin-right:.1rem;text-align:center}
.main-nav a{display:block;padding:0}
.join-list .top{height:50px;line-height:50px;font-size:16px;padding-left:.3rem}
.in-page a{display:none}
.in-page a.cur,.in-page a.lower,.in-page a.upper{display:inline-block}
.in-page a.cur{margin:0 2px}
.fix-video .video-wrap{max-width:90%}
.fix-search{padding:0 15px}
.fix-search .search{height:65px;padding-left:0;background:0 0}
.fix-search .txt{font-size:20px;text-align:left;padding:0 10px}
.fix-search .btn{font-size:22px;color:#777}
}
@keyframes resize{
60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;transform:scale(5,5)}
100%{opacity:1;transform:scale(1,1)}
}
@-webkit-keyframes resize{
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale(5,5)}
100%{opacity:1;-webkit-transform:scale(1,1)}
}
@keyframes ReturnToNormal{
from{opacity:0;transform-origin:right bottom;transform:rotate3d(0,0,1,45deg)}
to{opacity:1;transform-origin:right bottom;transform:none}
}
@-webkit-keyframes ReturnToNormal{
from{opacity:0;-webkit-transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg)}
to{opacity:1;-webkit-transform-origin:right bottom;-webkit-transform:none}
}