*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
body{visibility:hidden}
img{max-width:100%}
.y{top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}

.no_scroll{overflow:hidden}
.t_link a{color:#666 !important}
a.f_copy{color: #fff;display: inline-block;}


.cover_bg,.cover_img >div:first-child{background-position:50%;background-repeat:no-repeat;background-size:cover}
.cover_img{position:relative;overflow:hidden}
a:hover .cover_img >div:first-child,.cover_img:hover >div:first-child{-webkit-transform:scale(1.1);transform:scale(1.1)}
.cover_img div:first-child{position:absolute;top:0;left:0;width:100%;height:100%}



#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9990009;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#222;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background:url(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background:url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background:url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background:url(../images/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}



section,.w1200{width:1200px;margin:0 auto}
.img{background:url(../images/img.png) no-repeat }
.li{height:13px;width:12px;background-position:-203px 0}
.i_more{height:17px;width:17px;background-position:-203px -18px;margin-left:8px}
.arrow{height:22px;width:22px;background-position:-176px 0}
.active_publicity .con a:hover .arrow{background-position:-176px -27px}
.i1{height:38px;width:35px;background-position:0 -3px}
.i4{height:37px;width:38px;background-position:-133px -3px}
.i3{height:33px;width:39px;background-position:-89px -5px}
.i2{height:44px;width:44px;background-position:-40px 0}

.index_bg{background:url(../images/bg.jpg) 50% bottom no-repeat}
article{padding-bottom:80px}
/*header*/
header{/* height:130px; */background:url('../images/t_bg.jpg') 50% no-repeat;color:#fff;position:relative;z-index: 9;}
.t_search{/* width: 340px */}
.t_search{position:absolute;left:50%;margin-left: 290px;top: 58px;z-index: 99999;}
.t_search .i_txt{width:264px;height: 46px;line-height:44px\0;*line-height:44px;padding:0 14px;font-size:16px;color:#333;border:1px solid #ddd;margin-right:-1px;}
.search_btn{width:46px;height:46px;padding:0;border:none;cursor:pointer}
.t_logo img{display: inline-block;width:614px;height: auto;max-width: 100%;vertical-align: middle;}
.t_logo{line-height:130px}
.t_link b{color:#ddd;margin:0 20px}

nav{font-size:18px;background:#0062b2;position:relative;z-index:99999}
nav ul li{float:left;position:relative}
nav ul li:hover{background:#0e4b8d}
nav h3 a{color:#fff !important;line-height:60px;height:60px;font-size:18px;display:block;padding:0 28px}
nav .active h3 a{background:#0e4b8d}

nav .sub_nav{display:none;position:absolute;left:0;background:#0e4b8d;width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:100%;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<100%?"100%":"")}
.sub_nav a{display:block;line-height:46px;font-size:16px;padding:0 20px;color:#fff;white-space:nowrap}
.sub_nav a:hover{background:#0062b2}

/*slide banner*/
.slide_bar{position:relative;overflow:hidden;}
.slide_bar .cover_bg{padding-top: 21.36%;}
.slide_bar img{width:1920px;height:410px}
.slide_bar .page{position:absolute;left:0;right:0;bottom:20px}
.slide_bar .page li,.slide_news .page li{width:12px;height:12px;background:#fff;margin:0 9px;display:inline-block;*display:inline;zoom:1;cursor:pointer;opacity:.6;filter:alpha(opacity=60)}
.slide_bar .page .on,.slide_news .page .on{background:#29a9df;opacity:1;filter:alpha(opacity=100)}

.slide_news{width:410px;height:315px;overflow:hidden;}
.slide_news img{width:410px;height: 260px;}
.slide_news .page{position:absolute;right:20px;bottom: 16px;font-size: 0;}
.slide_news .page li{width:10px;height:10px;background:#fff;margin: 0 6px;}
.slide_news .page .on{background:#2874b2}

.slide_news .txt{bottom:0;width:100%;background:rgba(0,0,0,.6);_background:#000;filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#CC000000, endColorstr=#CC000000);overflow:hidden;}}
.slide_news .txt li{width:100%}
.slide_news .txt a{display:block;padding-left:20px;width: calc(100% - 146px);max-width: 100%;}
.slide_news .txt,.slide_news .txt li{position:absolute;height: 44px;line-height: 44px;left: 0;right: 0;}

/*notice*/
.tit{border-bottom:1px dashed #d7dfe5;padding-bottom:17px;line-height:1em;color: #333}
.tit .more{color:#0062b2}
.notice_wrap{width:410px}
.news_list a{display:block;line-height:28px;padding:8px 0;position:relative}
.news_list a:hover,.news_list a:hover time{color:#2874b2}
.news_list a:hover time p{border-color:#2874b2}
.news_list a:hover time span{background:#2874b2}
.notice_wrap .news_list em{width: calc(100% - 83px);}
.news_list time{font-size:14px;color:#888;text-align:center}
.notice_wrap .news_list time{float: left;font-size: 16px;margin-right:16px}
.news_list time p{width:32px;border:1px solid #c5cbd0}
.news_list time span{font-size:12px;color:#fff;background:#a2a9b0;display:block;width:34px;line-height:30px;margin-left:-1px}
.i_dot{width:6px;height:6px;background:#a8bdd3;left:0;top:50%;margin-top:-3px}

/*supervise*/
.supervise_info{width: 320px;/* height: 244px; */background: url(../images/box_bg.jpg) 50% no-repeat;background-size: cover;padding:18px 16px;}
.supervise_info .box_wrap{background: #f2f2f2 right bottom no-repeat;padding:14px 10px;height*: 216px;}
.supervise_info h3{color:#0062b2;font-size: 20px;margin-bottom: 10px;font-weight:600}
.supervise_info .txt{color: #666;line-height: 24px;}
.supervise_info .txt em{color: #333}

/*c_link*/
.c_link{margin:40px -3px 40px 0}
.c_link a{width:270px;line-height: 90px;vertical-align: middle;margin-left:40px;*display: inline}
.c_link a:first-child{margin-left: 0}
.c_link a:hover .img{-webkit-animation: icon-bounce 0.5s alternate;-moz-animation: icon-bounce 0.5s alternate;-ms-animation: icon-bounce 0.5s alternate;-o-animation: icon-bounce 0.5s alternate;animation: icon-bounce 0.5s alternate;}
.c_link .img{margin-right: 20px;vertical-align: -10px;*vertical-align: middle}
.l1{background: #29a9df}
.l2{background: #45aac8}
.l3{background: #d5595a}
.l4{background: #d3873c}

/*new open*/
.new_open{width: 500px}
.li{margin-right:8px}
.new_open .news_list a{padding: 0;line-height: 40px}
.new_open .news_list em{width: calc(100% - 100px);}
.news_list a:hover em{padding-left:5px}

.notice_wrap .news_list a:hover em{padding-left:0}

/*active_publicity*/
.active_publicity{width:670px}
.active_publicity .con{margin:12px -10px 0}
.active_publicity .con a{width: calc(25% - 20px);height: 58px;border:1px solid #dae5ed;color: #333;padding:0 40px 0 12px;line-height: 58px;float: left;position: relative;margin:10px;}
.active_publicity .con a:hover{border-color:#0062b2;background: #2874b2;color: #fff}
.active_publicity .con a .arrow{position: absolute;right: 14px;top: 50%;margin-top: -11px}

.inset_bar{width: 100%;overflow:hidden;margin-bottom: 30px}
.inset_bar img{display:block;width:100%}

/*footer*/
footer{background:#0062b2;font-size:14px;line-height:24px;padding:32px 0}
footer .txt{margin-top:4px}
footer .txt span{display:inline-block}
.f_logo img{height:auto}

/*list*/
aside{width: 25%;margin-right:30px;}
.list_tit{line-height: 30px;color:#fff;background:#29a9df;padding: 25px 8px;margin-bottom:10px;font-size: 24px;}
.list_tit p{text-transform:uppercase}
.slide_nav a{display:block;font-size:18px;background:#eee;color:#666;margin-bottom:2px;position:relative}
.slide_nav h3{position:relative}
.slide_nav h3 a{line-height:52px;padding:0 50px 0 20px;color: #333}
.slide_nav h3 b{position:absolute;width: 52px;height: 100%;right: 0;top: 0;background: url('../images/down.png') 50% no-repeat;cursor: pointer;}
.slide_nav .on  h3 a, .tab_wrap .hd .on, .tab_wrap .hd .on:hover{background:#0c67b8;color:#fff}
.slide_nav .on b{background-image: url(../images/down_on.png);}
.slide_nav .con a{background: none;border-top: 1px solid #eee;padding:14px 20px 14px 36px;font-size: 16px}
.slide_nav .con a:before{content: '';position: absolute;width: 4px;height: 4px;background: #ccc;left: 20px;top: 50%;margin-top: -2px}
.slide_nav .con a:first-child{border:none}
.con_wrap{width: calc(75% - 30px);}
.site_wrap{line-height:46px;border-bottom:1px solid #ddd}
.site_wrap h2{padding:0 10px;font-size:20px;color:#0062b2;font-weight:700;border-bottom:1px solid #0062b2;margin-bottom:-1px;float: left}
.site_wrap .current{color:#666;}
.site_wrap .current .icon,.site_wrap .current a:hover{color:#0062b2}
.site_wrap .current a{display:inline-block;*display:inline;*zoom:1;padding:0 10px}
.news_tit{font-size:17px;line-height: 28px;background:#eee url(../images/more.png) right 50% no-repeat;padding: 14px 20px;margin-bottom: 10px;}
.news_tit{color:#0062b2;display: block}
.news_list em{width: calc(100% - 120px)}
.page_wrap{margin-top:40px}
.page_wrap span{margin-top:8px !important;margin-bottom:8px !important}


.headStyle2nwc91k3ay span,.headStyle24iod994z6 span,.headStyle2yu9s6l51d span{height:20px !important}
.details_wrap img{height:auto;}

/*content*/
.news_hd{padding:20px 0;margin-bottom:26px;color: #333}
.news_hd h3{font-size:26px;color:#333;margin-bottom:10px}
.news_hd p span{margin:0 16px;color: #999}
.news_bd{font-size:16px;line-height:1.8em;color:#666}

.news_bd iframe{max-width:100%;}
.news_bd video{max-width:100%;height:auto !important}

/*tab*/
.tab_wrap .hd{margin-bottom:26px;font-size: 0;}
.tab_wrap .hd a{padding: 0 30px;line-height:50px;color:#666 !important;font-size: 16px;}
.tab_wrap .hd a.on{color:#fff !important;}
.tab_wrap .bd{border:3px solid #0062b2;padding: 26px 34px;line-height:36px}


.res_wrap li{border-top: 1px dashed #ddd;padding:20px}
.res_wrap li:first-child{border-top: none}
.i_notice{width:34px;height:41px;background: url(../images/notice.png) 50% no-repeat}
.res_wrap .i{margin-right: 16px}

/*web_map*/
.web_map h3{font-size:20px;color:#1062b6;padding-bottom: 12px;border-bottom: 1px solid #eee;margin:0 0 20px}
.web_map .con{margin-bottom: 36px}
.web_map a{padding: 0 20px;white-space: nowrap;line-height: 34px}

/*catalog*/
.catalog li{color: #333;}
.catalog a{background: url(data:image/gif;base64,R0lGODlhCgABAIABAN3d3QAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTIxREJBNDJGMTkyMTFFOTgwMDRDMUEyMkRFOEZFMkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTIxREJBNDNGMTkyMTFFOTgwMDRDMUEyMkRFOEZFMkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMjFEQkE0MEYxOTIxMUU5ODAwNEMxQTIyREU4RkUyRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMjFEQkE0MUYxOTIxMUU5ODAwNEMxQTIyREU4RkUyRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAKAAEAAAIEhB2ZBQA7) 50% repeat-x;display: block;line-height: 26px;padding: 7px 0;}
.catalog em{padding: 0 16px}
.catalog .fr{color: #999;font-size: 14px;width: 56px;text-align: right}
.catalog li li{padding-left:3.5em;color: #333}
.catalog li li li{padding-left:4.3em;color: #666}
.catalog li li li li{padding-left:4.8em}

.form_wrap li{margin: 10px 0;display: block;}
.form_wrap input,.form_wrap select,.form_wrap textarea{width:500px}
.form_wrap p input,.form_wrap p select,.form_wrap p textarea{width:200px}
#endtime{margin-left:10px}
.form_wrap p{margin: 0 12px}
.form_wrap em{width: 100px;text-align: right;margin-right: 16px;vertical-align: middle}
.form_wrap .red{margin-right:6px;font-style: normal}
.captcha{width: 134px;height: 46px;margin-left: 20px}
.form_wrap .i_code{width:336px}
.code{height:44px !important}
.captcha img{width: 144px;height: 46px}

.form_c{width: 767px;margin: 0 auto;font-size:0;}

.i_qu,.i_as{width: 30px;height: 30px;margin-right: 10px}
.i_qu{background: url('../images/qu.png') 50% no-repeat}
.i_as{background: url('../images/as.png') 50% no-repeat}

.qa_wrap li{padding:16px 20px 10px;background: #ecf1f6;margin: 15px 0}
.qa_wrap .head{margin-bottom: 10px}
.qa_wrap .con,.qa_wrap .head{/* height: 36px; *//* overflow: hidden */}
.qa_wrap p{margin*:16px -20px 0;border-top: 1px solid #ddd;padding*: 6px 20px 0;word-wrap: break-word;}

.qa_wrap > table span{height:20px !important}

@keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-webkit-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-moz-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-o-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}



@media (max-width:1239px){
    section,.w1200{width:auto;padding:0 20px}
    nav h3 a{padding:0 15px}
    .t_logo img{width: 500px;}
    .t_link{margin: 16px 0 !important;}
    .t_search{left:inherit;margin:0;right:20px;top:52px}
    .t_search .i_txt{width: 200px;height: 40px;}
    .search_btn{width:40px;height:40px}

    .slide_bar .cover_bg{padding-top:28%;}

    .slide_news,.notice_wrap{width: calc(35% - 15px);}
    .supervise_info{width: calc(30% - 30px);padding: 10px 14px;}

    .c_link a{width: calc(25% - 15px);font-size: 22px;line-height: 80px;}
    .c_link a:not(:first-child){margin-left:20px}
    .c_link .img{margin-right:14px}

    .new_open{width: calc(35% - 15px);}
    .active_publicity{width: calc(65% - 15px);}

    
	.inset_bar img{position:relative;left:50%;margin-left:-75%;width:150%;max-width:initial;}
}

@media (min-width:1024px){
	.link_search,.menu,nav h3 b,nav .sub_nav{display:none !important}

}

@media (max-width: 1023px){
    nav h3 a{padding:0 12px}

    .t_logo{line-height:76px}
	.t_logo img{width: 400px;}
	
    .t_link{display:none}
    .link_search{position:absolute;top: 0;right: 50px;width: 40px;height: 100%;background: url(../images/t_search.png) 50% no-repeat;}

    table .menu span{display:none}

    .menu{right:15px;display:block;width:30px;transition:all .3s ease;margin-top:0;}

	.menu span{width:100%;height:2px;display:block;background: #0062b2;transition:all .3s ease;border-radius:100px;}
	.menu span + span{margin-top:8px}
	.menu.on{margin-top:4px}
	.menu.on span{transform:rotate(45deg)}
	.menu.on span:nth-child(2){transform:rotate(-45deg) translate(7px,-7px)}
	.menu.on span:nth-child(3){display:none}
	

    nav a{text-align:left}
    
    nav{/* height:100vh; */position:fixed;top: 76px;left:0;right:0;bottom: 0;background: #0062b2;text-align:left;z-index:999;margin-right:0;display:none;overflow-y:auto;overflow-x:hidden;padding: 30px 0 40px;}

	nav ul li{display:block;border-bottom:1px solid rgba(0,0,0,.1);padding:0;float: none;}
	nav h3{position:relative}
	nav h3 a{font-size:16px;-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none;line-height:1.8;padding:10px 50px 10px 15px;border-top:none;color:#fff;white-space:initial;height: auto;}
	nav h3 b{position:absolute;right:0;bottom:0;width:50px;text-align:center;line-height:44px;height:46px;color:rgba(255,255,255,.5);font-size:20px;cursor:pointer;font-weight:normal;top:50%;margin-top:-23px;-webkit-transition:.3s all ease-in;-moz-transition:.3s all ease-in;-ms-transition:.3s all ease-in;transition:.3s all ease-in}
	nav .on b{transform:rotate(-45deg);margin-top:-22px}
	nav .on h3 a{height:auto;padding:10px 50px 10px 15px}

	nav .sub_nav{position:initial;top:0;background:none;padding:10px 12px;width:auto;background:rgba(0,0,0,.2);left:initial;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;min-width:auto;overflow:hidden;display: none}
	nav .sub_nav a{padding: 6px 15px 6px 10px;color:#fff;opacity:.7;width:auto;background-position:20px 13.5px;font-size: 14px;line-height: 26px;}
	nav .sub_nav a:not(:first-child){border-top:1px solid rgba(0,0,0,.1)}
	nav .sub_nav a:hover{background-position:20px -25.5px}


	.t_search{display:none;position: fixed;left:0;top:0;right: 0;bottom: 0;width:100%;height:100%;color:#666;transition:all 0.5s;}
	.t_search form{position:fixed;width:80%;max-width:660px;z-index:9999;display:none;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
	.t_search .i_txt{width:100%;height:46px;position:relative;border:none;padding:0 60px 0 15px;font-size:16px}
	.t_search .search_btn{position:absolute;top:0;right: 0;width: 46px;height:46px;cursor:pointer;}
	.t_search .close{position:fixed;right:5%;top:15%;width:32px;height:32px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM2MEUwM0UyRDE0QjExRUFCMkMxQzY0OTVDMkFDRDQyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM2MEUwM0UzRDE0QjExRUFCMkMxQzY0OTVDMkFDRDQyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzYwRTAzRTBEMTRCMTFFQUIyQzFDNjQ5NUMyQUNENDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzYwRTAzRTFEMTRCMTFFQUIyQzFDNjQ5NUMyQUNENDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4tLD5kAAABQ0lEQVR42uyaSwrCMBCGh0LvZmnJGUQ8nidyIbgodF1wI0icSIpS6MOamSQ/Bv5NH5n52jSZzoSstUdWz+pYDYsy0Y51Zl1YNXmIod1ZJgMI430d2rUgohu9W8k6sQyl24z3sfw49nB09Ygu5TdjJnytli4wGUC8fFx9YcoQY5BUYVb5tPnGlCCmQFKB+cqHYB3FhFgCiQWzyaZYx5oQa0G0YH6yoWZIum91g1J9RjMcuq+YTzHo2401roMP0RgfqcikoT1tis18mmuA6FqktSqLL6haIYZ4iKMV9InHaZoRrGjkXBBK+w8t4I8dYvqFWBAhQhSIoBEijIf4sYL41YVIPkCkgyASdBApU4gkNkRZAaLQA1F6gyiGQpSnITYMVABbOBp3ss0EYg6mQ9nm1LuDew/T+mGWy8azyvvsfD88BRgACRoA/Uq+It4AAAAASUVORK5CYII=) no-repeat center;background-size:cover;cursor:pointer;transition-duration:.5s;z-index:9999}
	.t_search .close:hover{transform:rotate(90deg)}
	.t_search .bck{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index: 999;}


	.slide_bar .cover_bg{padding-top:31%;}
	.slide_bar .page{bottom:6px}
	.slide_bar .page li,.slide_news .page li{width:8px;height:8px}

	.slide_news{height:auto}
	.slide_news .page{right:10px}
	.slide_news .page li{margin:0 3px}
	.slide_news .txt a{padding-left:15px;width:calc(100% - 90px)}
	
    .slide_news,.notice_wrap,.supervise_info,.c_link a,.new_open,.active_publicity,footer .txt,.f_logo{float:none;width:auto}
    .slide_news img{width: 100%;height:58vw;}
    .notice_wrap{margin:30px 0}

    .c_link a{display:block;margin-left:0 !important;margin:10px 0}

    .new_open{margin:0 0 30px}


    .active_publicity .con{margin:12px -5px -5px}
    .active_publicity .con a{width:calc(50% - 10px);margin:5px}

    footer{text-align:center}
    .f_logo{display: block;margin:30px auto 0;max-width:90%}
    .f_logo img{margin:0 auto;display: block;}

    .inset_bar{margin: 0 0 20px;}
    aside{float:none;width:auto;margin: 0 0 20px;position: relative;z-index: 99;display: none;}
    .list_tit{font-size: 22px;padding: 10px 50px 10px 8px;position:relative;margin: 0;cursor: pointer;}
    .list_tit:before{content:'';position:absolute;width:50px;height:50px;background:url(../images/down_on.png) 50% no-repeat;right:0;top:50%;margin-top:-25px;transform:rotate(180deg);}
    .list_tit.on:before{transform:none}
    .slide_nav{position:absolute;top:100%;left:0;right:0;z-index: 999;display: none;}
    .slide_nav h3 a{line-height: 38px;font-size: 16px;margin-bottom: 0;border-bottom: 1px solid #ddd;}
    .slide_nav h3 b{width: 42px;background-size: 14px}
    .slide_nav .con a{padding: 8px 20px 8px 36px;background: #fff;margin: 0;font-size: 13px;}
    .con_wrap{float:none;width:auto}

	.news_list em{width: calc(100% - 90px)}

	.form_wrap em{width:80px}
	.form_wrap p{margin: 10px}
	.form_wrap p input, .form_wrap p select, .form_wrap p textarea{width:180px}

	#saveform .box-left,#saveform .box-right,#saveform .box_row .box-righ-col,#saveform .box_row2 .box-righ-col{float:none;width: auto;}
	#saveform .box_row .box-left-col,#saveform .box_row2 .box-left-col{float:none;width:auto;text-align:left}
	#saveform .box_row {padding: 5px 0 16px;width: 100% !important;}
	#saveform .box-title, #saveform .box_row2{margin-left:0;padding-left: 0;}
	#saveform .box-righ-col input[type="text"],#saveform .box-righ-col input[type="datetime"],#saveform .box-righ-col input[type="password"],#saveform .box-righ-col textarea{width: 100% !important;}
	#saveform select{height:34px;line-height:34px;width: 100% !important;font-size: 14px;}

	#saveform .box-righ-col input.inptt{width: calc(100% - 113px) !important;}

	.news_bd iframe{height:auto !important}
}

@media (max-width:767px){
    section,.w1200{padding:0 15px}
    article{padding-bottom:50px}

    .menu{width:28px;right: 12px}
    .link_search{right: 46px}

    .t_logo{line-height:62px}
    header section{padding:0 10px}
    .t_logo{max-width: calc(100% - 80px)}
    .t_logo img{height:auto}

    nav{top:62px}

    
	.inset_bar img{margin-left: -80%;width:160%;}

    .site_wrap h2{font-size:18px;padding: 0;}
	.site_wrap .current a{padding:0 4px;font-size: 12px;}
    .news_tit{background-size: 22px;padding: 10px 20px;}

    .news_list.pdlr{padding-left:8px;padding-right:8px}

    
	.page_wrap{margin-top: 20px;}

	.news_bd >table{max-width:650px;margin:0 auto}

	.tab_wrap .hd a{line-height: 42px;padding: 0 14px}

	.tab_wrap .bd{padding: 20px;}
	.form_wrap input, .form_wrap select, .form_wrap textarea{max-width:100%}
	.form_wrap .i_code{width:calc(100% - 170px)}
	.form_wrap p input, .form_wrap p select, .form_wrap p textarea{width:100%}
	.form_wrap p{margin: 10px 0;display: block;}
	.form_wrap em{display:block;width:auto;text-align:left}
	#begintime,#endtime{width:calc(50% - 5px)}

	.form_c{width:auto}

	.form_wrap .btn{margin: 20px auto 0;display: block;}

	.catalog .tit1{font-size:16px}
	.catalog .tit2{font-size:14px}
	.catalog em{padding:0 10px}
	.catalog li li{padding-left:2.5em}
	.catalog a{padding: 4px 0;}

	.news_hd{font-size:14px}
	.news_hd h3{font-size: 20px;}
	.news_hd p span{margin:0 6px}

}

@media (max-width:340px){
    .t_logo{line-height:54px}
    nav{top:54px}
}
