.sj_nav{background: rgba(0,37,93,1); width:100%; display: none; padding:5px 0;  margin:118px 0 0}
.sj_nav li{ width:20%; text-align:center;color:#fff; float:left}
.sj_nav li a{ width:100%; color:#fff; padding:5px 0; display:table; font-size:15px; }
.footer1 { display:none}
.wap_logo{ display:none}
#navToggle{display: none;}
.m_nav{position: fixed;top: 0px;box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);width: 100%;height: 100%;background: #f3f5f6;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;z-index: 1000;opacity: 1;visibility: visible;margin-top: 0;overflow-y: auto;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;top: 0;transform: translateX(100%);}
.m_nav.open{transform: translateX(0);}
.m_nav .top{/*height: 60px;*/padding: 20px 10px 10px;box-sizing: border-box; background:#fff}
.m_nav .top .closed{width: 30px;height: 30px;vertical-align: middle;float:right;cursor: pointer;}
.m_nav .logo_wap1{display: block;margin:0 auto; float:left; width:90%; margin-top:-10px}
.m_nav .ul{margin-top: 0px;}
.m_nav .ul li{border-bottom: 1px solid #e5e5e5;transform: translateY(0);-webkit-transform: translateY(100%);transform: translateY(100%);-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;opacity: 0;}
.m_nav.open .ul li{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.m_nav .ul li:nth-child(1){-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(2){-webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(3){-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(4){-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(5){-webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(6){-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(7){-webkit-transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(8){-webkit-transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(9){-webkit-transition: all 1.8s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.8s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li a{display: block;text-decoration: none;color: #333;font-size: 16px; font-weight:bolder;height: 60px;line-height: 60px;width: 100%;padding: 0  0 0 30px;box-sizing:border-box}
.m_nav .ul li .dropdown_menu{display: none;}
.m_nav .ul li.dropdown a{ background: url(../image/wap_nav.png) no-repeat 97% center }
.m_nav .ul li.dropdown.active .dropdown_menu{display: block; }
.m_nav .ul li .dropdown_menu{padding-left:50px }
.m_nav .ul li .dropdown_menu a{display: block; font-size:15px; font-weight:100;height: 46px;line-height: 46px;padding: 0 0 0;box-sizing: border-box;border-bottom: 1px solid #e5e5e5;width: calc(100% - 00px); }
.m_nav .ul li .dropdown_menu a:last-child{border: none;}
.m_nav .ul li:hover > a{ background: #005aab; color:#fff}
.m_nav .ul li.dropdown:hover > a{ background:url(../image/wap_nav1.png) no-repeat 97% center #005aab; color:#fff}
.m_nav .ul li.dropdown .dropdown_menu a{ background-image:none}
.wap_btn{ display:table; margin:0 auto; padding:40px 0}
.wap_btn a i{ background:url(../image/nav_ico1.png) no-repeat center center ; background-size:25px; margin-right:5px; display:table;height:32px; width:32px; float:left; }
.wap_btn a { display:table; border:1px solid #005aab; background:#fff; height:32px; line-height:32px; border-radius:50px; padding:5px 20px}
.wap_ss{ width:90%; border:1px solid #d2d2d2; background:#fff; display:table; line-height:50px; height:50px; margin:0 auto 70px;border-radius:50px; padding:0 2%}
.wap_ss #ss_input{ border:none; height:50px; line-height:50px; width:80%; display:table; float:left; padding:0 0 0 1%; font-size:15px;border-radius:50px;}
.wap_ss .ss-btn{ width:50px; height:50px; background: url(../image/nav_ico2.png) no-repeat center center; background-size:60%; float:right; display:table}
.k3 .bt{ display:none}

@media only screen and (max-width:1600px) {
.nav11{ width:92%}
.cp_tab{ width:92%}
.wrap_nk{ width:92%}
.page{width:92%}
}
@media only screen and (max-width:1320px ) {
.foo{ padding:0}	
.news1 a .news_r h1 span{ width:80%}
.ab_dsj{ width:94%}
}
@media only screen and (max-width:1280px ) {

/*    .banner .swiper-container{padding-bottom: 50px;}*/   
    .banner{  /*margin-top: 118px;box-shadow:0px 6px 6px rgba(0,0,0,.2);*/ }
    .banner .swiper-pagination-bullet{  margin-bottom: 0px!important;}
    .banner .swiper-pagination-bullet-active{}
.wrap_nk{ width:98%}
.page{width:98%}
.zj{ width:96%}
.nav11{ width:98%}
.sy_jjn,.news{ width:96%}
.cp_tab{ width:98%}
.k3{ width:100%}
.k6{ width:100%}
.fo1{ width:96%}
.bt1{ width:96%}
.foot{ width:98%}	
.foo{ padding:0}
.fo_nav_k{ width:56%}
.jj_time .content{ width:98%}
.jj_time .zhek{ width:25%}
.ry li{ width:24%;margin:0 1.333% 0 0 }
.ry ul li:nth-child(4n+0){ margin-right:0;}
.ry ul li:nth-child(5n+0){margin:0 1.333% 0 0}

.ry1 li{ width:24%;margin:0 1.333% 0 0 }
.ry1 ul li:nth-child(4n+0){ margin-right:0;}
.ry1 ul li:nth-child(5n){ display:none}

}
@media only screen and (max-width:1200px ) {
.header{ min-width:94%}	
.zj{  width:98%; }	
.nav11{ width:100%}


.about img{ width:100%}




.wrap_n{ width:100%}
.bann { width:100%; display:table; margin:0 auto;   }
.bann img{ width:100%}
.about{ width:92%; display:table; margin:0 auto; font-size:15px; min-height:auto; padding:0 0 3% }


}


@media only screen and (max-width:1130px ) {
.new-cfn ul li{    padding-right:62px;}	
.pc_logo{ display:none}
.wap_logo{ display: block}
.sj_tel{ display:block; width:100%; height:54px; background:#f0efef; line-height:54px; padding:0 2%; box-sizing:border-box}	
.sj_tel h1 a{ color:#333333; font-size:20px; float:left; margin:0 0 0 10px}
.sj_tel h1 { width:80%; float:left; background:url(../image/wrp_tel.png) no-repeat center left; background-size:40px; padding-left:40px; display:table; height:54px; line-height:54px}
.navBar{ display:none}	
#navToggle{padding: 0px 10px 0; margin:8px 0 0;display: inline-block;float: right; /*background:#fff; border-radius:5px;*/ height:35px;}
#navToggle span{position: relative;width: 25px;height: 1px;margin-top: 19px;}
#navToggle span:before,#navToggle span:after{content: '';position: relative;width: 100%;height: 1px;left: 0;}
#navToggle span,#navToggle span:before,#navToggle span:after{-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;display: block;background: #4f4f4f;}
#navToggle span:before{top: 8px;}
#navToggle span:after{bottom: 10px;}
#navToggle.open span:before{top: 10px;-webkit-transform: translateY(-11px) rotate(-45deg);-moz-transform: translateY(-11px) rotate(-45deg);-ms-transform: translateY(-11px) rotate(-45deg);-o-transform: translateY(-11px) rotate(-45deg);transform: translateY(-11px) rotate(-45deg);}
#navToggle.open span:after{bottom: 12px;-webkit-transform: translateY(10px) rotate(45deg);-moz-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-o-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg);}
#navToggle.open span{background: none;}
#navToggle.open span:before,#navToggle.open span:after{background: #4f4f4f;}

.fo_nav_k{ display:none}
.fo_r{ max-width:96%; display:block; float:inherit; margin:0 auto; padding:30px 0 0}
.fo_fz,.fo_wx,.fo1{ display:none}
.foo_l{ width:100%;text-align:center}
.foo_r{ width:100%; text-align:center}
.foo{ height:auto; line-height:30px; padding:10px 0}
.cp_tab .hd ul{ width:100%}
.cp_tab .hd ul li{ width:18%; font-size:15px}

.page{width:100%; margin:0 auto; padding:10px 3%; box-sizing:border-box}
.ab_left{ display:none}
.ab_right{ width:100%; margin:0 auto; padding:0 1%; box-sizing:border-box}
.cp li{ margin:0 1%; width:31.33%}
.cp ul li:nth-child(3n+0){ margin:0 1%; }
.ab_dsj{ width:100%}

}

@media only screen and (max-width:980px ) {
.sy_cp li{width: calc(50% - 20px);    margin: 0 8px 20px;}	
.k2{    margin: 0px auto 20px; background:none}
.jj_time .zhek .numscroller{ font-size:66px;}
.ss_k{ display:none}
.jj_r{ float:inherit; width:98%;margin:0 auto}	
.jj_l{ width:98%; float:inherit; margin:0 auto;    padding: 32px 5px 0;}
.jj_l h1{ text-align:center}
.more{    margin: 5px auto 0;}
.jj_time .zhek{ width:50%;    padding: 0 22px 20px;}
.jj_time{    background: url(../image/bj1.jpg) no-repeat center center ; background-size:100%;    padding: 30px 0 60px;}
.sy_jjn{ padding:4% 3% 1%; width:100%; box-sizing:border-box}
.k3_r{ width:100%}
.k3{ background:#f7f7f7; display:table; padding:0% 3% 6%; width:100%; box-sizing:border-box }	
.k3_l{ width:100%}
.k3_l ul{ width:100%}
.k3_l ul li{ width:45%; float:left}
.k3_l ul li:nth-child(2n){ float:right}
.more1{ margin:0 auto}
.k3_l h1{ display: none}
.bt i{ background:none; display:none}
.bt h1{ font-size:36px}
.bt span{ font-size:16px}
.k3 .bt{ display:block}
.sy_tel h4{ font-size:38px;}
.sy_tel h3,.sy_tel h5{ font-size:18px}
.sy_tel h6{ font-size:30px; padding:0 30px}
.tel-all{    padding: 50px 0px 40px 0px}

.new-top{ width:100%; max-width:900px; display:table; margin:0 auto}
.new-top .swiper-container, .new-top .swiper-wrapper{ width:!important }
.new-top .swiper-container, .new-top .swiper-wrapper img{ width:100%}
.new-warp{    width:96%; float:inherit; padding:1% 0 4%; margin:0 auto}
.new-cfn ul li{ width:33.33%; margin:0; text-align:center;    padding:10px 0px 14px; font-size:17px;}
.new-list ul li a,.new-list ul li a:hover{ background:none}
.new-list ul li a p{    padding-right: 0%;}
.foo{ display:none}
.footer{background:#015cab;}
.footer1 { display:block; background:#015cab; position:fixed; bottom:0; width:100%; z-index:5000; padding:5px 0 10px }
.footer1 ul li { /*float:left;*/  display: inline-block;width:33.3333%; text-align:center;vertical-align: sub; box-sizing:border-box; border-right:1px solid #5290c7 }
.footer1 ul li a { /*display: block; */font-size: 14px; color: #fff; padding:2px 0 0px;vertical-align: sub; height:25px}
.footer1 ul li .fo4 { display: inline-block; background:url(../image/ico11.png) 0rem center no-repeat; padding-left:30px;  font-size: 14px; color: #fff; background-size:25px;   }
.footer1 ul li .fo2 { display: inline-block; background:url(../image/ico22.png) 0rem center no-repeat; padding-left:30px;  font-size: 14px; color: #fff; background-size:25px;   }
.footer1 ul li .fo3 { display: inline-block; background:url(../image/ico44.png) 0rem center no-repeat; padding-left:30px;  font-size: 14px; color: #fff; background-size:25px;   }
.footer1 ul li a img { width:0.59rem; height:1.08rem;/*vertical-align: sub;*/ }
.footer1 ul li a p { margin-top:5px; font-size:16px;}
.foot{ padding: 0 0 70px}
.fo_r li{ width:45%}
.bt1 span{ width:70%}
.cp_tab .hd ul li{ width:31%; margin:0 1% 1%;box-sizing: border-box;}
.cp_tab .hd ul{ text-align:center}
.cp_tab .hd{ height:auto;    margin: 0 auto 10px;}

}
@media only screen and (max-width:750px ) {
.banner .swiper-slide em .banner_t1{ display: block}
.banner .swiper-slide em .banner_t{ display:none}
.bann_t1{ display: block}
.bann_t{ display:none}
.ab_nav{ width:100%}
.ab_nav a{ min-width:29%; width:29%;height:38px;padding:0 ;font-size:16px;line-height:38px;display: inline-block;margin:0 1%;text-align:center;}


.sy_tel h4{ font-size:30px;}
.sy_tel h3, .sy_tel h5{ font-size:16px}	
.sy_tel h6{ font-size:26px; padding:0 30px}
.yyly{ margin:0 auto 10px}
/*.sy_jjn, .news{ width:90%}
*/.bt{    padding: 50px 0 20px;}
.bt h1{    padding: 0 0 5px;}
.new-show{    margin: 10px 0 0;}

.cp li{ margin:0 1%; width:48%}
.cp ul li a h1,.ry ul li a h1,.ry1 ul li a h1{ font-size:14px; line-height:40px; height:40px;margin: 0 auto 5px;}

.ry li{ width:31%;margin:0 1% 0}
.ry ul li:nth-child(4n+0){ margin:0 1% 0}
.ry ul li:nth-child(5n+0){margin:0 1% 0}

.ry1 li{ width:31%;margin:0 1% }
.ry1 ul li:nth-child(4n+0){ display:none}
.ry1 ul li:nth-child(5n){ display:none}
.bt2 i{ width:100px}
.ab_more a{ font-size:14px; padding:0 30px; line-height:36px}
.bt2 i{ width:70px;  margin:0 10px 8px}
.bt2 {font-size:22px;}
.ry1 ul{ padding:5px 0 10px}
.ry1{    padding: 0 0 40px;}
.ljrw li{ width:98%; margin:0 1% 2%;}
.ljrw li:nth-child(2n+0){ margin:0 1% 2%;}
.ljrw li a{ padding:15px;}
.ljrw li a .ljrw_t{ width:110px; height:154px;}
.ljrw li a .ljrw_w{    width: calc(100% - 125px); font-size:13px; line-height:24px;}
.ljrw li a .ljrw_w h1{ font-size:16px;    margin: 0 0 12px;}
.ljrw li a .ljrw_w p{ height:72px}
.ljrw li a .ljrw_w span{ font-size:13px; line-height:32px; padding:0 20px}
.news1 a .news_t{ width:260px; height:162px;}
.news1 a .news_t img{ width:260px; height:162px;}
.news1 a .news_r{    width: calc(100% - 260px); padding-left:20px}
.news1 a .news_r h1 time{ display:none}
.news1 a .news_r h1 span{ width:100%}
.news1 a .news_r h2{    margin: 13px 0 20px;}
.news1 dt{    margin: 0 auto 40px;}
.xw_bt h1{ font-size:26px;}

.picScroll-top{background: url(../image/ab11.jpg) repeat-y 18px top;}
.ab_dsj ul li .dsj_r{ width:100%; padding:0 0 0px 40px}
.ab_dsj ul li{ width:100%; display:table; padding-bottom:0px; background:url(../image/ab10.png) no-repeat left top; padding:0  4% 0 0; box-sizing:border-box; background-size:25px;}
.ab_dsj ul li:nth-child(2n+0) .dsj_r{ width:100%; padding:0 0 0 40px}
.about{ width:98%}
.picScroll-top .bd ul li{zoom:1;min-height: inherit; height:154px}
.ab_dsj ul li .dsj_r h2{ font-size:24px; line-height:24px; height:24px}
.ab_dsj ul li span{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:7; }

.ab_dsj ul{ font-size:13px; line-height:22px;}
.news2{ width:96%; display:table; margin:0 auto}
.news2 a{ font-size:15px; background-size:0.5rem;    padding: 10px 0 10px 1rem;}
.cont{ width:94%}
.cont dt input{ width:96%}
}
@media only screen and (max-width:540px ) {
.bt{ padding: 40px 10px 20px; box-sizing:border-box}
.bt h1{ font-size:30px}
.bt span{ font-size:14px; line-height:1.4; padding:0 2%}
.jj_time{padding: 10px 0 60px;}	
.jj_time .zhek h4{ font-size:20px;    margin: 0px auto 15px;}
.jj_time .zhek{    padding: 0 12px 10px;}
.more{    margin: 25px auto 0;}
.sy_tel h4{ font-size:26px;}
.sy_tel h3, .sy_tel h5{ font-size:14px}	
.sy_tel h6{ font-size:20px; padding:0 20px;    margin-top: 22px;}
.sy_tel h5,.sy_tel h4{    margin-top: 10px;}
.sy_tel h6 img{    padding: 10px 10px 0 0px;}

.bt1 h3{ font-size:26px}
.bt1 h4 a{ font-size:13px}
.bt1 span{    width: 60%;}
.fo_r li:nth-child(2n){ width:54%}
.k6{    padding: 0 0 5px;}
.jj_time .zhek .numscroller{ font-size:54px;}
.jj_time .zhek i{ font-size:15px}
.jj_time .zhek h4{ font-size:16px}
.jj_time .zhek h1{ font-size:13px}
.jj_l p{ font-size:15px}

.cp_tab .hd ul li{ line-height:22px; display: table; float:left; width:31%; padding:0 5px; box-sizing:border-box; font-size:14px;height:46px ; transition: all 0.5s;text-align: center;margin:0 1% 5px;}
.cp_tab .hd ul li span{vertical-align:middle; display:table-cell;  }
.sy_cp li a h1{  font-size:15px;   padding: 10px 8px;}
.cp_tab .hd{    margin: 0 auto 0px;}
.sy_cp li a h1 i{ width:24px; height:24px; line-height:22px}
.sy_cp li a h1 span{ height:24px; line-height:24px}

.m_nav .logo_wap1{    margin-top: 0px;}

.news1 a .news_t{ width:180px; height:112px;}
.news1 a .news_t img{ width:180px; height:112px;}
.news1 a .news_r{    width: calc(100% - 180px); padding-left:15px}
.news1 a .news_r h1{ font-size:16px; height:24px; line-height:24px}
.news1 a .news_r h2{    margin: 8px 0 14px; font-size:13px; line-height:24px; height:24px;}
.news1 a .news_r h2{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; }
.news1 dt{    margin: 0 auto 4.5%; padding:0 1%; box-sizing:border-box}
.news1 a .news_r .more2{ font-size:12px; line-height:28px;}


}
@media only screen and (max-width:420px ) {
.sj_tel{ padding:0 1%}	
.sj_tel h1{ width:auto}
.sj_tel h1 a{margin: 0 0 0 5px; font-size:18px}
.k2{    margin: 0px auto 0px;padding: 0 0 2%;}
.k3_l ul li a{ font-size:16px}
.more1{ font-size:14px; line-height:42px; padding: 0 30px}
.yyly a h1{ font-size:16px; height:40px; line-height:40px}
.new-top{ width: 300px;}
.new-top .swiper-container, .new-top .swiper-wrapper{ width: 380px}
/*.new-top .swiper-container, .new-top .swiper-wrapper img{ width:100%}
*/	
.new-cfn ul li a{ font-size:16px; padding:20px 0}
.new-list ul li a h3{ font-size:18px}
.new-list ul li a p{ font-size:14px}
.new-list ul li a span{    margin-top:6px; font-size:14px}
.bt1 span{ width:50%}
.bt1 h3{ font-size:24px}
.fo_r h3{ font-size:18px; line-height:1.2}
.fo_r li{ width:100%; padding:0 4%; box-sizing:border-box}
.fo_r li:nth-child(2n){ width:100%}
.xw_bt h1{ font-size:22px;}

.cp_tab .hd ul li{ width:48%; height:32px; line-height:32px}

}
 @media only screen and (max-width:380px ) {
.sj_tel h1 a{ font-size:16px; }	 
.sj_tel h1{    background-size: 30px;    padding-left: 30px;}
.k3_l ul li a{ font-size:15px}
.sy_tel h4{ font-size:20px;}
.sy_tel h3, .sy_tel h5{ font-size:12px}	
.sy_tel h6{ font-size:16px; padding:0 15px;    margin-top: 16px; height:40px; line-height:40px}
.sy_tel h5,.sy_tel h4{  margin-top: 10px;}
.sy_tel h6 img{    padding: 8px 10px 0 0px; height:24px}
.sy_tel h5{ padding:0 4%; line-height:1.6}
.new-top .swiper-container, .new-top .swiper-wrapper{ width: 340px}
.new-warp{    width: 94%;}
.fo_r h3{ font-size:17px;}

.bt h1{ font-size:26px}
.bt span{ font-size:13px; line-height:1.4; padding:0 2%}


.news1 a .news_t{ width:150px; height:93px;}
.news1 a .news_t img{ width:150px; height:93px;}
.news1 a .news_r{    width: calc(100% - 150px); padding-left:15px}
.news1 a .news_r h1{ font-size:15px; height:20px; line-height:20px;    padding: 0 0 8px;}
.news1 a .news_r h2{    margin: 5px 0 12px; font-size:12px; line-height:20px; height:20px;}
.news1 a .news_r h2{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; }
.news1 dt{    margin: 0 auto 4.5%; padding:0 1%; box-sizing:border-box}
.news1 a .news_r .more2{ font-size:12px; line-height:24px;}
.info1{ font-size:12px}
.news2 a{ font-size:14px; background-size:0.5rem;  }

 }