@charset "utf-8";

html,body{}
body{background: #e8e8e8;}
ul,ol,li{ margin:0; padding:0; list-style:none;}
a{color: #000;text-decoration: none;}
a:hover{color: #004fa3;}
.clear{width: 0;height: 0;line-height: 0;font-size: 0;clear: both;}
	.gug_fix{display:none;}
@media screen and (max-width: 1023px){
	.gug_fix{display:none;}
		
	.icon_contact{ width:32px; height:32px; line-height:32px; position:fixed; right:10px; bottom:102px; z-index:1010; text-align:center; background:#555; color:#ddd; opacity:.9; display:none; cursor:pointer;}
	.icon_contact:hover{ opacity:1;}
	.icon_contact:before{ content:"\f0e6"; font-family:FontAwesome; font-size:1.6rem;}
	.box_contact_sidebar{ width:120px; background:rgba(85,85,85,.9); position:fixed; right:10px; bottom:102px;z-index: 999;}
	.box_contact_sidebar .bhead{ height:36px; padding:0 0 0 10px; background:#555; color:#A0A0A0; position:relative;}
	.box_contact_sidebar .bhead strong{ line-height:36px; font-size:14px; float:left;}
	.box_contact_sidebar .bbody{ padding:10px; color:#FFF; font-size:14px;}
	.box_contact_sidebar .bbody img{ width: 100%; height: auto;}
	.close-im{ width:36px; height:36px; float:right;}
	.close-im a{ display:block; width:36px; height:36px; line-height:36px; text-align:center; color:#ABABAB;}
	.close-im a:before{ content:"\f054"; font-family:FontAwesome; font-size:1.6rem;}
	.am-with-fixed-navbar{ padding-bottom: 0;}
	

}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.am-sticky-placeholder{width: 100%; position:absolute;z-index: 9999;}
	header{height: 193px;background:url(../images/bg_header.jpg) center top repeat-x;position: relative;}
	.logo{width: 420px;height: 63px;position: absolute;left: 10px;top: 36px;}
	.logo a{display: block;width: 215px;height: 63px;text-indent: -9999px;background: url(../images/logo.png) no-repeat;float: left;}
	.logo span{display: block;width: 630px;height: 63px;line-height: 63px;padding: 0 0 0 260px;float: inherit;text-shadow: 1px 1px 4px rgba(0,0,0,.3); color: #023b6b;font-size: 30px;font-weight: bold;}
	.nav_top{width:320px;height: 35px;line-height: 35px;text-align: right;position: absolute;right: 10px;top: 50px;font-size: 16px;}
	.nav_top ul li{display: inline;}
	.nav_top ul li:before{content: " | ";}
	.nav_top ul li:nth-child(1):before{content: "";}
	.nav_top ul li .search_txt{width: 180px;height: 30px;padding: 5px;line-height: 20px;background: #FFF;border: 0;}
	.nav_top ul li .search_btn{width: 60px;height: 30px;line-height: 30px;background: #CCC;border: none;}
	.nav_m{display: none;}
	.nav_pc{width: 100%; height: 58px;background: #023b6b;clear: both;position: absolute;left: 0;bottom: 0;}
	.nav_pc>ul{width: 100%;height: 59px;margin: 0 auto;}
	.nav_pc>ul li.nLi{width: 12.5%;height: 59px;float: left;z-index: 9999;position: relative;}
	.nav_pc>ul li.nLi.on{background: #ddf4ff;}
	.nav_pc>ul li.nLi h3{margin: 0;position: absolute;width: 100%;height: 100%;z-index: 2;}
	.nav_pc>ul li.nLi h3 a{display: block;height: 59px;line-height: 59px;text-align: center;font-weight: normal;color: #FFF;}
	.nav_pc>ul li.nLi.on h3 a{color: #000;}
	.nav_pc>ul li.nLi ul.sub{display: none;width: 100%;margin: 0;padding: 10px;background: #ddf4ff;position: absolute;left: 0;top: 58px;}
	.nav_pc>ul li.nLi ul.sub li{height: 30px;margin: 0 0 10px;}
	.nav_pc>ul li.nLi ul.sub li a{display: block;height: 30px;line-height: 30px;text-align: center;color: #000;font-size: 14px;background: rgba(0,0,0,.05);}
	.nav_pc>ul li.nLi ul.sub li a:hover{background: rgba(255,255,255,.2);}
	.box_slider{height: 330px;background: url(../images/bg_banner.jpg) center top no-repeat;position: relative;}
	.slider{width: 100%;margin: 0 auto;}
	.slider .am-slides li{height: 330px;position: relative;z-index: 9999;}
	.slider .am-slides li.slider_1{background: url(../images/banner_1.jpg) center top no-repeat;}
	.slider .am-slides li.slider_2{background: url(../images/banner_2.jpg) center top no-repeat;}
	.slider .am-slides li.slider_3{background: url(../images/banner_3.jpg) center top no-repeat;}
	.slider .am-slides li.slider_4{background: url(../images/banner_4.jpg) center top no-repeat;}
	.slider .am-slides li.slider_5{background: url(../images/banner_5.jpg) center top no-repeat;}
	.slider .am-slides li a{display: block;height: 100%;}
	
	
	.slider .am-control-nav{ display:block; width:100%; position:absolute; left:0; bottom:10px; text-align:center;}
	.slider .am-control-nav li{ width:12px; height:12px; margin:0 20px;}
	.slider .am-control-nav li a{ display:block; width:12px; height:12px; border:1px solid #FFF; border-radius:100%; text-indent:-9999px;}
	.slider .am-control-nav li a.am-active{ background:#FFF;}
	
	.main{width: 100%;margin: 0 auto;}
	.main:after{width: 0;height: 0;display: block;content: "";clear: both;}
	.box_1{background: #FFF;}
	.box_1 .bhead{height: 52px;line-height: 52px; padding: 0 10px;line-height: 52px; background: -webkit-linear-gradient(left, #023b6b , #e3f2ff); background:-o-linear-gradient(right, #023b6b , #e3f2ff); background:-moz-linear-gradient(right, #023b6b , #e3f2ff); background:linear-gradient(to right, #023b6b , #e3f2ff);}
	.box_1 .bhead strong{font-size: 20px;font-weight: normal;color: #FFF;float: left;}
	.box_1 .bhead i{float: right;font-style: normal;}
	.box_1 .bhead i a{}
	.box_1 .bhead:before{width: 32px;height: 32px;margin: 0 20px 0 0;float: left;color: #FFF;font-size: 30px;}
	.news .bhead:before{content: "\f1ea";}
	.announce .bhead:before{content: "\f022";}
	.main .box_1{width: 49%;margin: 20px 0 0; float: left;}
	.news.box_1{margin-right: 2%;}
	.box_1 .bbody{padding: 20px;}
	.box_1 .bbody ul li{height: 32px;line-height: 32px;overflow: hidden;}
	.box_1 .bbody ul li i{float: right;font-style: normal;font-size: 12px;color: #999;}
	.box_1 .bbody ul li:before{content: "· ";}
	
	.function ul li{width: 18%;height: 150px;margin: 20px 1% 0; border-bottom: 15px solid;padding: 10px;float: left;position: relative;}
	.function ul li:nth-last-child(1){}
	.function ul li:nth-child(1){background: #5c84a6;border-bottom-color: #5c84a6;}
	.function ul li:nth-child(2){background: #5c84a6;border-bottom-color: #5c84a6;}
	.function ul li:nth-child(3){background: #5c84a6;border-bottom-color: #5c84a6;}
	.function ul li:nth-child(4){background: #5c84a6;border-bottom-color: #5c84a6;}
	.function ul li:nth-child(5){background: #5c84a6;border-bottom-color: #5c84a6;}
	.function ul li:after{display: block;content: ""; width: 90%;height: 50px;border-left: 2px solid #FFF;border-top: 2px solid #FFF;position: absolute;right: 0;bottom: -15px;}
	.function ul li:nth-child(1):after{background: url(../images/nav_img_1.jpg) no-repeat;background-size: cover;}
	.function ul li:nth-child(2):after{background: url(../images/nav_img_2.jpg) no-repeat;background-size: cover;}
	.function ul li:nth-child(3):after{background: url(../images/nav_img_3.jpg) no-repeat;background-size: cover;}
	.function ul li:nth-child(4):after{background: url(../images/nav_img_4.jpg) no-repeat;background-size: cover;}
	.function ul li:nth-child(5):after{background: url(../images/nav_img_5.jpg) no-repeat;background-size: cover;}
	.function ul li em{display:none;}
	.function ul li strong,.function ul li span{display: block;color: #FFF;}
	.function ul li strong{font-size: 24px;font-weight: normal;}
	.function ul li span{font-size: 16px;}
	.function:after{width: 0;height: 0;display: block;content: "";clear: both;}
	
	.flinks{margin: 20px 0 0;height: 80px;}
	.flinks .bhead{width: 80px;height: 80px;line-height: 30px;padding:10px;float: left;background: #FFF;font-size: 26px;text-align: center;}
	.flinks .bhead strong{font-weight: normal;}
	.flinks .bbody{height: 80px;line-height: 30px;margin: 0 0 0 90px; padding: 10px;background: #FFF;}
	.flinks .bbody ul li{display: inline;padding: 0 5px;}
	
	footer{width:100%;height: 190px; margin: 20px 0 0;background: #023b6b;border-bottom:40px solid #276193;position: relative;}
	.logo_footer{width:215px;height: 63px;position: absolute;left: 20px;top: 40px;background:url(../images/logo_footer.png) no-repeat;}
	.logo_footer a{display: block;height: 63px;text-indent: -9999px;}
	.qrcode{width: 94px;position: absolute;left: 300px;top: 20px;text-align: center;color: #FFF;}
	.contact{width: 300px;height: 90px;line-height: 30px;position: absolute;right: 20px;top: 30px;color: #FFF;}
	.copyright{height: 190px;line-height: 40px;text-align: center;padding: 150px 0 0;color: #FFF;font-size: 12px;}
	.copyright a{color:#FFF;}
	
	.banner{ width: 100%; height:300px; background: url(../images/banner_1.jpg) center center no-repeat;}
	.banner_1{}
	
	.mli{margin: 20px 0 0;}
	.mli .category{margin: 0 10px; border: 1px solid #023b6b;}
	.mli .category .catname{height: 50px;background: #023b6b;color: #FFF;}
	.mli .category .catname strong{display: block;height: 50px;line-height: 50px;text-align: center;font-weight: normal;}
	.category .subcat{padding: 10px 10px 20px;font-size: 0;}
	.mli .category .subcat ul li{display: inline-block;width: 18%;height: 50px;margin: 10px 1% 0;}
	.mli .category .subcat ul li a{display: block;height: 50px;line-height: 50px;background: #EFEFEF;text-align: center;font-size: 14px;}
	.mli .category .subcat dl{display: inline-block;width: 18%;height: 50px;margin: 10px 1% 0;}
	.mli .category .subcat dl dt a{display: block;height: 50px;line-height: 50px;background: #EFEFEF;text-align: center;font-size: 14px;font-weight: normal;}
	.mli .category .subcat dl dd{display:none;}
	.mri{margin: 10px 0 0;padding: 0 20px;}
	.position{height: 30px;line-height: 30px; color: #999;}
	.position a{color: #999;}
	.page_title{margin: 20px 0 0;height: 40px;line-height: 40px;border-bottom: 3px solid #023b6b;color: #023b6b;}
	.page_title strong{font-weight: normal;font-size: 18px;}
	.page_main{background:#FFF;}
	
	
	.list_article{ padding:20px;}
	.list_article dl{margin: 0; padding:10px; border-bottom:1px solid #f2f2f2; overflow:hidden;}
	.list_article dl dd.dl_img{ width:160px; margin:0 20px 0 0; float:left;}
	.list_article dl dd.dl_img img{ width:100%; height:100%;}
	.list_article dl dt{ line-height:24px; margin:0; padding:7px 0; font-weight:normal;}
	.list_article dl dt a{ font-size:16px;}
	.list_article dl dt em{ padding:0 0 0 20px; font-size:12px; font-style:normal; color:#D4D4D4;}
	.list_article dl dd.dl_txt{display: none; font-size:12px; color:#c3c3c3;}
	.pages{padding: 0 40px;}
	
	.list_single{ padding: 40px 20px; line-height: 2em;text-align: justify;}
	.list_single p{ text-indent: 2em;}
	.list_single p img{margin: 0 0 0 -2em;}
	.list_single img{ width: 100% !important; height: auto !important;}
	.list_single iframe{width: 100%;height: 500px;}
	.list_single .video-js{height: 400px;}
	
	
	.list_img{ overflow:hidden;}
	.list_img ul li{ width:33.33333333%; padding:30px 10px 10px; float:left;}
	.list_img ul li img{ width:100%; height:auto;}
	.list_img ul li span{ display:block; height:18px; line-height:18px;margin: 10px 0 0; overflow:hidden; text-align:center;}
	
	.list_product{padding: 40px 0 0;}
	.list_product:after{display: block;content: "";clear: both;}
	.list_product ul li{width: 33.33333333333%;padding: 0 20px 40px; float: left;}
	.list_product ul li:nth-of-type(4n){margin: 0;}
	.list_product ul li img{width: 100%;height: auto;}
	.list_product ul li figure{height: 240px; margin: 0; padding: 0 0 10px; transition: all .3s;background: #fdfdfd;}
	.list_product ul li figure:hover{transform: scale(1.1,1.1);box-shadow: 0 0 20px rgba(0,0,0,.3);background: #023b6b;}
	.list_product ul li figure figcaption{max-height: 48px;line-height: 24px;overflow: hidden;margin: 5px 0 0; padding: 0 10px; text-align: center;}
	.list_product ul li figure figcaption a{color: #000;transition: all .3s;}
	.list_product ul li figure:hover figcaption a{color: #FFF;}
	.list_product ul li figure span{display: block;height: 54px;line-height: 18px;overflow: hidden;margin: 5px 0;padding: 0 10px;font-size: 12px;color: #adadad;transition: all .3s;}
	.list_product ul li figure:hover span{color: #FFF;}
	
	.article_article{ padding:20px;}
	.article_article h1{ line-height:32px; padding:10px 0; text-align:center; font-size:20px;}
	.article_info{ line-height:24px; text-align:center; color:#A3A3A3; font-size:12px;}
	.article_body{ line-height:2em; padding:20px 0 0;text-align: justify;}
	.article_body p{ margin:10px 0 0; text-indent:2em;}
	.article_body img{ max-width:80%; height:auto; margin:0 auto;}
	.article_body p img{ margin:0 0 0 -2em;}
	.pre_next{margin: 40px 0 0;padding: 0 20px;font-size: 0;}
	.pre_next ol li{display: inline-block;width: 50%;font-size: 16px;}
	.pre_next ol li.next{text-align: right;}
	
	
	.am-navbar{ display:none;}
}

@media screen and (max-width: 767px) {
	header{height: 100px;background:url(../images/bg_header.jpg) center top no-repeat;background-size: cover;position: relative;}
	.logo{width: 240px;height: 35px;position: absolute;left: 10px;top: 32px;}
	.logo a{display: block;width: 120px;height:35px;text-indent: -9999px;background: url(../images/logo.png) no-repeat;background-size: cover;float: left;}
	.logo span{display: block;width: 120px;height: 35px;line-height:35px;padding: 0 0 0 10px;float: left;text-shadow: 1px 1px 4px rgba(0,0,0,.3); color: #023b6b;font-size: 22px;font-weight: bold;}
	.nav_top{display: none;}
	nav.nav_m{width: 40px; height: 40px;position: absolute;right: 10px;top: 30px;}
	.am-menu-offcanvas1 .am-menu-toggle{width: 40px;height: 40px;line-height: 40px; right:0;top:0;color: #023b6b;font-size: 18px;}
	.am-icon-bars:before, .am-icon-navicon:before, .am-icon-reorder:before{height: 30px; line-height:30px; font-size:18px;}
	.am-offcanvas-bar{padding: 0 20px;}
	.am-menu ul{ padding:40px 0 0;}
	.am-menu ul li{ height:60px;padding: 10px 0;border-top: 1px solid #000;border-bottom: 1px solid #3F3F3F;}
	.am-menu ul li a{ display:block; height:40px; line-height:40px; text-align:center; font-size:16px; color:#FFF;}
	nav.nav_pc{display: none;}

	.box_slider{height: 200px;background: url(../images/bg_banner.jpg) center top no-repeat;position: relative;}
	.slider{width: 100%;margin: 0 auto;}
	.slider .am-slides li{height: 200px;position: relative;z-index: 9999;}
	.slider .am-slides li.slider_1{background: url(../images/banner_1.jpg) center top no-repeat;background-size: cover;}
	.slider .am-slides li.slider_2{background: url(../images/banner_2.jpg) center top no-repeat;}
	.slider .am-slides li.slider_3{background: url(../images/banner_3.jpg) center top no-repeat;}
	.slider .am-slides li.slider_4{background: url(../images/banner_4.jpg) center top no-repeat;}
	.slider .am-slides li.slider_5{background: url(../images/banner_5.jpg) center top no-repeat;}
	.slider .am-slides li a{display: block;height: 100%;}
	
	
	.slider .am-control-nav{ display:block; width:100%; position:absolute; left:0; bottom:10px; text-align:center;}
	.slider .am-control-nav li{ width:12px; height:12px; margin:0 20px;}
	.slider .am-control-nav li a{ display:block; width:12px; height:12px; border:1px solid #FFF; border-radius:100%; text-indent:-9999px;}
	.slider .am-control-nav li a.am-active{ background:#FFF;}
	
	.main{width: 100%;margin: 0 auto;}
	.main:after{width: 0;height: 0;display: block;content: "";clear: both;}
	.box_1{background: #FFF;}
	.box_1 .bhead{height: 52px;line-height: 52px; padding: 0 10px;line-height: 52px; background: -webkit-linear-gradient(left, #023b6b , #e3f2ff); background:-o-linear-gradient(right, #023b6b , #e3f2ff); background:-moz-linear-gradient(right, #023b6b , #e3f2ff); background:linear-gradient(to right, #023b6b , #e3f2ff);}
	.box_1 .bhead strong{font-size: 20px;font-weight: normal;color: #FFF;float: left;}
	.box_1 .bhead i{float: right;font-style: normal;}
	.box_1 .bhead i a{}
	.box_1 .bhead:before{width: 32px;height: 32px;margin: 0 20px 0 0;float: left;color: #FFF;font-size: 30px;}
	.news .bhead:before{content: "\f1ea";}
	.announce .bhead:before{content: "\f022";}
	.main .box_1{margin: 10px 10px 0;}
	.news.box_1{}
	.box_1 .bbody{padding: 20px;}
	.box_1 .bbody ul li{height: 32px;line-height: 32px;overflow: hidden;}
	.box_1 .bbody ul li i{float: right;font-style: normal;font-size: 12px;color: #999;}
	.box_1 .bbody ul li:before{content: "· ";}
	.function{font-size: 0;text-align: center;}
	.function ul li{width: 96%;height: 90px;margin: 10px 2% 0; border-bottom: 15px solid;padding: 10px;position: relative;text-align: left;}
	.function ul li:nth-last-child(1){}
	.function ul li:nth-child(1){background: #5c84a6;border-bottom-color: #5c84a6;}
	.function ul li:nth-child(2){background: #5c84a6;border-bottom-color: #5c84a6;}
	.function ul li:nth-child(3){background: #5c84a6;border-bottom-color: #5c84a6;}
	.function ul li:nth-child(4){background: #5c84a6;border-bottom-color: #5c84a6;}
	.function ul li:nth-child(5){background: #5c84a6;border-bottom-color: #5c84a6;}
	.function ul li:after{display: block;content: ""; width: 138px;height: 50px;border: 2px solid #FFF;position: absolute;right:10px;top:50%;margin:-25px 0 0;}
	.function ul li em{display:none;}
	.function ul li:nth-child(1):after{background: url(../images/nav_img_1.jpg) no-repeat;background-size: cover;}
	.function ul li:nth-child(2):after{background: url(../images/nav_img_2.jpg) no-repeat;background-size: cover;}
	.function ul li:nth-child(3):after{background: url(../images/nav_img_3.jpg) no-repeat;background-size: cover;}
	.function ul li:nth-child(4):after{background: url(../images/nav_img_4.jpg) no-repeat;background-size: cover;}
	.function ul li:nth-child(5):after{background: url(../images/nav_img_5.jpg) no-repeat;background-size: cover;}
	.function ul li strong,.function ul li span{display: block;color: #FFF;}
	.function ul li strong{font-size: 24px;font-weight: normal;}
	.function ul li span{font-size: 16px;}
	.function:after{width: 0;height: 0;display: block;content: "";clear: both;}
	
	.flinks{margin: 20px 0 0;}
	.flinks .bhead{height: 30px;line-height: 30px;background: #FFF;font-size: 18px;text-align: center;}
	.flinks .bhead strong{font-weight: normal;}
	.flinks .bbody{line-height: 30px;padding: 10px;background: #FFF;}
	.flinks .bbody ul li{display: inline;padding: 0 5px;}
	
	footer{width:100%;margin: 20px 0 50px;background: #023b6b;position: relative;}
	.logo_footer{display: none;}
	.qrcode{display: none;}
	.search_footer{padding: 20px 0 0;width: 260px;margin: 0 auto;}
	.search_footer .search_txt{width: 200px;height: 30px;padding: 5px;line-height: 20px;background: #FFF;border: 0;}
	.search_footer .search_btn{width: 60px;height: 30px;line-height: 30px;background: #CCC;border: none;}
	.contact{line-height: 30px;padding: 10px; color: #FFF;}
	.copyright{height: 40px;line-height: 40px;text-align: center;color: #FFF;font-size: 12px;}
	.copyright a{color:#FFF;}
	
	.banner{ width: 100%; height:200px; background: url(../images/banner_1.jpg) center center no-repeat;background-size: cover;}
	.banner_1{}
	
	.mli{margin: 20px 0 0;}
	.mli .category{margin: 0 10px; border: 1px solid #023b6b;}
	.mli .category .catname{height: 50px;background: #023b6b;color: #FFF;}
	.mli .category .catname strong{display: block;height: 50px;line-height: 50px;text-align: center;font-weight: normal;}
	.category .subcat{padding: 10px 10px 20px;font-size: 0;}
	.mli .category .subcat ul li{display: inline-block;width: 48%;height: 50px;margin: 10px 1% 0;}
	.mli .category .subcat ul li a{display: block;height: 50px;line-height: 50px;background: #EFEFEF;text-align: center;font-size: 14px;}
	.mli .category .subcat dl{display: inline-block;width: 48%;height: 50px;margin: 10px 1% 0;}
	.mli .category .subcat dl dt a{display: block;height: 50px;line-height: 50px;background: #EFEFEF;text-align: center;font-size: 14px;font-weight: normal;}
	.mli .category .subcat dl dd{display: none;}
	.mri{margin: 10px 0 0;padding: 0 20px;}
	.position{height: 30px;line-height: 30px; color: #999;font-size: 12px;padding: 20px 0;}
	.position a{color: #999;}
	.page_title{margin: 20px 0 0;height: 40px;line-height: 40px;border-bottom: 3px solid #023b6b;color: #023b6b;}
	.page_title strong{font-weight: normal;font-size: 18px;}
	.page_main{background:#FFF;}
	
	
	.list_article{ padding:20px;}
	.list_article dl{margin: 0; padding:10px; border-bottom:1px solid #f2f2f2; overflow:hidden;}
	.list_article dl dd.dl_img{ width:160px; margin:0 20px 0 0; float:left;}
	.list_article dl dd.dl_img img{ width:100%; height:100%;}
	.list_article dl dt{ line-height:24px; margin:0; padding:7px 0; font-weight:normal;}
	.list_article dl dt a{ font-size:16px;}
	.list_article dl dt em{display: none; padding:0 0 0 20px; font-size:12px; font-style:normal; color:#D4D4D4;}
	.list_article dl dd.dl_txt{ font-size:12px; color:#c3c3c3;}
	.pages{padding: 0 20px;}
	
	.list_single{ padding: 40px 5px; line-height: 2em;text-align: justify;}
	.list_single p{ text-indent: 1em;}
	.list_single p img{margin: 0 0 0 -2em;}
	.list_single img{ width: 100% !important; height: auto !important;}
	.list_single iframe{width: 100%;height: 500px;}
	.list_single .video-js{height: 150px;}
	
	
	.list_product{padding: 40px 0 0;}
	.list_product:after{display: block;content: "";clear: both;}
	.list_product ul li{width: 100%;margin: 0 20px 0 0;padding: 0 10px 20px;}
	.list_product ul li:nth-of-type(4n){margin: 0;}
	.list_product ul li img{width: 100%;height: auto;}
	.list_product ul li figure{margin: 0; padding: 0 0 10px; transition: all .3s;background: #fdfdfd;}
	.list_product ul li figure:hover{transform: scale(1.1,1.1);box-shadow: 0 0 20px rgba(0,0,0,.3);background: #023b6b;}
	.list_product ul li figure figcaption{height: 40px;line-height: 20px;overflow: hidden;margin: 10px 0 0; padding: 0 10px; text-align: center;}
	.list_product ul li figure figcaption a{color: #000;transition: all .3s;}
	.list_product ul li figure:hover figcaption a{color: #FFF;}
	.list_product ul li figure span{display: none;}
	.list_product ul li figure:hover span{color: #FFF;}
	
	
	.list_img{ overflow:hidden;}
	.list_img ul li{ width:33.33333333%; padding:30px 10px 10px; float:left;}
	.list_img ul li img{ width:100%; height:auto;}
	.list_img ul li span{ display:block; height:18px; line-height:18px;margin: 10px 0 0; overflow:hidden; text-align:center;}
	
	.article_article{ padding:20px 10px;}
	.article_article h1{ line-height:32px; padding:10px 0; text-align:center; font-size:20px;}
	.article_info{ line-height:24px; text-align:center; color:#A3A3A3; font-size:12px;}
	.article_body{ line-height:2em; padding:20px 0 0;text-align: justify;}
	.article_body p{ margin:10px 0 0; text-indent:2em;}
	.article_body img{ max-width:100%; height:auto; margin:0 auto;}
	.article_body p img{ margin:0 0 0 -2em;}
	.pre_next{margin: 40px 0 0;padding: 0 20px;}
	
	
	.icon_contact,.box_contact_sidebar{ display:none;}
	.am-navbar-default .am-navbar-nav{ background:#004fa3;}
}

@media screen and (min-width: 1024px) {
	.am-sticky-placeholder{width: 100%; position:absolute;z-index: 9999;}
	header{height: 193px;background:url(../images/bg_header.jpg) center top repeat-x;position: relative;}
	.logo{width: 420px;height: 63px;position: absolute;left: 50%;top: 36px;margin: 0 0 0 -500px;}
	.logo a{display: block;width: 215px;height: 63px;text-indent: -9999px;background: url(../images/logo.png) no-repeat;float: left;}
	.logo span{display: block;width: 630px;height: 63px;line-height: 63px;padding: 0 0 0 260px;float: inherit;text-shadow: 1px 1px 4px rgba(0,0,0,.3); color: #023b6b;font-size: 30px;font-weight: bold;}
	.nav_top{width:460px;height: 35px;line-height: 35px;text-align: right;position: absolute;right: 50%;top: 50px;margin: 0 -500px 0 0;font-size: 16px;}
	.nav_top ul li{display: inline;}
	.nav_top ul li:before{content: " | ";}
	.nav_top ul li:nth-child(1):before{content: "";}
	.nav_top ul li .search_txt{width: 180px;height: 30px;padding: 5px;line-height: 20px;background: #FFF;border: 0;}
	.nav_top ul li .search_btn{width: 60px;height: 30px;line-height: 30px;background: #CCC;border: none;}
	.nav_m{display: none;}
	.nav_pc{width: 100%; height: 58px;background: #023b6b;clear: both;position: absolute;left: 0;bottom: 0;}
	.nav_pc>ul{width: 1000px;height: 59px;margin: 0 auto;}
	.nav_pc>ul li.nLi{width: 12.5%;height: 59px;float: left;z-index: 9999;position: relative;}
	.nav_pc>ul li.nLi.on{background: #ddf4ff;}
	.nav_pc>ul li.nLi h3{margin: 0;position: absolute;width: 100%;height: 100%;z-index: 2;}
	.nav_pc>ul li.nLi h3 a{display: block;height: 59px;line-height: 59px;text-align: center;font-weight: normal;color: #FFF;}
	.nav_pc>ul li.nLi.on h3 a{color: #000;}
	.nav_pc>ul li.nLi ul.sub{display: none;width: 100%;margin: 0;padding: 10px;background: #ddf4ff;position: absolute;left: 0;top: 58px;}
	.nav_pc>ul li.nLi ul.sub li{height: 30px;margin: 0 0 10px;}
	.nav_pc>ul li.nLi ul.sub li a{display: block;height: 30px;line-height: 30px;text-align: center;color: #000;font-size: 14px;background: rgba(0,0,0,.05);}
	.nav_pc>ul li.nLi ul.sub li a:hover{background: rgba(255,255,255,.2);}
	.box_slider{height: 330px;background: url(../images/bg_banner.jpg) center top no-repeat;position: relative;}
	.slider{width: 1000px;margin: 0 auto;}
	.slider .am-slides li{height: 330px;position: relative;z-index: 9999;}
	.slider .am-slides li.slider_1{background: url(../images/banner_1.jpg) center top no-repeat;}
	.slider .am-slides li.slider_2{background: url(../images/banner_2.jpg) center top no-repeat;}
	.slider .am-slides li.slider_3{background: url(../images/banner_3.jpg) center top no-repeat;}
	.slider .am-slides li.slider_4{background: url(../images/banner_4.jpg) center top no-repeat;}
	.slider .am-slides li.slider_5{background: url(../images/banner_5.jpg) center top no-repeat;}
	.slider .am-slides li a{display: block;height: 100%;}
	
	
	.slider .am-control-nav{ display:block; width:100%; position:absolute; left:0; bottom:10px; text-align:center;}
	.slider .am-control-nav li{ width:12px; height:12px; margin:0 20px;}
	.slider .am-control-nav li a{ display:block; width:12px; height:12px; border:1px solid #FFF; border-radius:100%; text-indent:-9999px;}
	.slider .am-control-nav li a.am-active{ background:#FFF;}
	
	.main{width: 1000px;margin: 0 auto;}
	.main:after{width: 0;height: 0;display: block;content: "";clear: both;}
	.box_1{background: #FFF;}
	.box_1 .bhead{height: 52px;line-height: 52px; padding: 0 10px;line-height: 52px; background: -webkit-linear-gradient(left, #023b6b , #e3f2ff); background:-o-linear-gradient(right, #023b6b , #e3f2ff); background:-moz-linear-gradient(right, #023b6b , #e3f2ff); background:linear-gradient(to right, #023b6b , #e3f2ff);background: #0059a5\9;}
	.box_1 .bhead strong{font-size: 20px;font-weight: normal;color: #FFF;float: left;}
	.box_1 .bhead i{float: right;font-style: normal;}
	.box_1 .bhead i a{color:#FFF\9;}
	.box_1 .bhead:before{width: 32px;height: 32px;margin: 0 20px 0 0;float: left;color: #FFF;font-size: 30px;}
	.news .bhead:before{content: "\f1ea";}
	.announce .bhead:before{content: "\f022";}
	.main .box_1{width: 490px;margin: 20px 0 0; float: left;}
	.news.box_1{margin-right: 20px;}
	.box_1 .bbody{padding: 20px;}
	.box_1 .bbody ul li{height: 32px;line-height: 32px;overflow: hidden;}
	.box_1 .bbody ul li i{float: right;font-style: normal;font-size: 12px;color: #999;}
	.box_1 .bbody ul li:before{content: "· ";}
	
	.function ul li{width: 184px;height: 150px;border-bottom: 15px solid;margin: 20px 20px 0 0;padding: 10px;float: left;position: relative;}
	.function ul li.function_1{background: #5c84a6;border-bottom-color: #5c84a6;}
	.function ul li.function_2{background: #5c84a6;border-bottom-color: #5c84a6;}
	.function ul li.function_3{background: #5c84a6;border-bottom-color: #5c84a6;}
	.function ul li.function_4{background: #5c84a6;border-bottom-color: #5c84a6;}
	.function ul li.function_5{background: #5c84a6;border-bottom-color: #5c84a6;margin-right: 0;}
	.function ul li em{display: block;width: 162px;height: 57px;border-left: 2px solid #FFF;border-top: 2px solid #FFF;position: absolute;right: 0;bottom: -15px;}
	.function ul li em img{width: 100%;height: auto;}
	.function ul li strong,.function ul li span{display: block;color: #FFF;}
	.function ul li strong{font-size: 24px;font-weight: normal;}
	.function ul li span{font-size: 16px;}
	.function:after{width: 0;height: 0;display: block;content: "";clear: both;}
	
	.flinks{margin: 20px 0 0;height: 80px;}
	.flinks .bhead{width: 80px;height: 80px;line-height: 30px;padding:10px;float: left;background: #FFF;font-size: 26px;text-align: center;}
	.flinks .bhead strong{font-weight: normal;}
	.flinks .bbody{width: 910px;height: 80px;line-height: 30px; padding: 10px; float: right;background: #FFF;}
	.flinks .bbody ul li{display: inline;padding: 0 5px;}
	
	footer{width:100%;height: 190px; margin: 20px 0 0;background: #023b6b;border-bottom:40px solid #276193;position: relative;}
	.logo_footer{width:215px;height: 63px;position: absolute;left: 50%;top: 40px;margin: 0 0 0 -500px; background:url(../images/logo_footer.png) no-repeat;}
	.logo_footer a{display: block;height: 63px;text-indent: -9999px;}
	.qrcode{width: 94px;position: absolute;left: 50%;top: 20px;margin: 0 0 0 -47px; text-align: center;color: #FFF;}
	.search_footer{display: none;}
	.contact{width: 300px;height: 90px;line-height: 30px;position: absolute;right: 50%;top: 30px;color: #FFF;margin: 0 -500px 0 0;}
	.copyright{height: 190px;line-height: 40px;text-align: center;padding: 150px 0 0;color: #FFF;font-size: 12px;}
	.copyright a{color:#FFF;}
	
	.mli{width: 200px;min-height: 400px;float: left;font-family: "fzssj";}
	.mli .category{width: 100%;min-height: 400px;margin: 20px 0 0;background: #F5F5F5;}
	.mli .category .catname{height: 80px;background: #023b6b;color: #FFF;}
	.mli .category .catname strong{display: block;height: 80px;line-height: 80px;text-align: center;font-weight: normal;font-size: 36px;}
	.mli .category .subcat{padding: 10px 20px 20px;background: #F5F5F5;}
	.mli .category .subcat ul li{height: 50px;margin: 10px 0 0;}
	.mli .category .subcat ul li a{display: block;height: 50px;line-height: 50px;text-align: center;background: #CCC;color: #FFF;transition: all .3s;}
	.mli .category .subcat ul li.current a{background: #023b6b;color: #FFF;}
	.mli .category .subcat ul li a:hover{background:#86b4da;color: #FFF;}
	.mli .category .subcat dl{margin: 10px 0 0;}
	.mli .category .subcat dl dt{height: 50px;margin: 20px 0 0;}
	.mli .category .subcat dl dt a{display: block;height: 50px;line-height: 50px;text-align: center;background: #CCC;color: #FFF;transition: all .3s;}
	.mli .category .subcat dl.current dt a{background: #023b6b;color: #FFF;}
	.mli .category .subcat dl dt a:hover{background: #86b4da;color: #FFF;}
	.mli .category .subcat dl dd{height: 30px;margin: 10px 0 0;}
	.mli .category .subcat dl dd a{display: block;height: 30px;line-height: 30px;text-align: center;}
	
	
	.mri{width: 760px;margin: 10px 0 0; float: right;}
	.position{height: 30px;line-height: 30px;margin: 20px 0 0; color: #999;}
	.position a{color: #999;}
	.page_title{margin: 20px 0 0;height: 40px;line-height: 40px;border-bottom: 3px solid #023b6b;color: #023b6b;}
	.page_title strong{font-weight: normal;font-size: 18px;}
	.page_main{min-height: 600px;background:#FFF;}
	.banner{ width: 100%; height:300px; background: url(../images/banner_1.jpg) center center no-repeat;}
	.banner_1{}
	
	.list_article{ padding:40px 20px;}
	.list_article dl{margin: 0;padding: 0 10px; border-bottom:1px solid #f2f2f2; overflow:hidden;}
	.list_article dl dd.dl_img{ width:320px;margin:0 20px 0 0; float:left;}
	.list_article dl dd.dl_img img{ width:100%; height:100%;}
	.list_article dl dt{ line-height:24px; margin:0; padding:7px 0; font-weight:normal;}
	.list_article dl dt a{ font-size:16px;}
	.list_article dl dt em{ padding:0 0 0 20px; font-size:12px; font-style:normal; color:#D4D4D4;}
	.list_article dl dd.dl_txt{display: none; font-size:14px; color:#c3c3c3;}
	.pages{padding: 0 40px;}
	
	.list_single{ padding: 40px; line-height: 2em;text-align: justify;font-size:16px;}
	.list_single p{ text-indent: 2em;}
	.list_single p img{margin: 0 0 0 -2em;}
	.list_single img{ max-width: 100% !important; height: auto !important;}
	.list_single iframe{width: 100%;height: 500px;}
	.list_single .video-js{height: 400px;}
	
	
	.list_img{ overflow:hidden;}
	.list_img ul li{ width:33.33333333%; padding:30px 10px 10px; float:left;}
	.list_img ul li img{ width:100%; height:auto;}
	.list_img ul li span{ display:block; height:18px; line-height:18px;margin: 10px 0 0; overflow:hidden; text-align:center;}
	
	
	.list_product{padding: 40px 0 0;}
	.list_product:after{display: block;content: "";clear: both;}
	.list_product ul li{width: 33.33333333333%;padding: 0 20px 40px; float: left;}
	.list_product ul li:nth-of-type(4n){margin: 0;}
	.list_product ul li img{width: 100%;height: auto;}
	.list_product ul li figure{margin: 0;height: 280px; padding: 0 0 10px; transition: all .3s;background: #fdfdfd;}
	.list_product ul li figure:hover{transform: scale(1.1,1.1);box-shadow: 0 0 20px rgba(0,0,0,.3);background: #023b6b;}
	.list_product ul li figure figcaption{max-height: 48px; line-height: 24px;overflow: hidden;margin: 5px 0 0; padding: 0 10px; text-align: center;}
	.list_product ul li figure figcaption a{color: #000;transition: all .3s;}
	.list_product ul li figure:hover figcaption a{color: #FFF;}
	.list_product ul li figure span{display: block;height: 54px;line-height: 18px;overflow: hidden;margin: 5px 0; padding: 0 10px;font-size: 12px;color: #adadad;transition: all .3s;}
	.list_product ul li figure:hover span{color: #FFF;}
	
	.article_article{ padding:20px;}
	.article_article h1{ line-height:32px; padding:10px 0; text-align:center; font-size:20px;}
	.article_info{ line-height:24px; text-align:center; color:#A3A3A3; font-size:12px;}
	.article_body{ line-height:2em; padding:20px 0 0;text-align: justify;font-size:16px;}
	.article_body p{ margin:10px 0 0; text-indent:2em;}
	.article_body img{ max-width:100%; height:auto; margin:0 auto;}
	.article_body p img{ margin:0 0 0 -2em;}
	.pre_next{margin: 40px 0 0;padding: 0 20px;font-size: 0;}
	.pre_next ol li{display: inline-block;width: 50%;font-size: 16px;}
	.pre_next ol li.next{text-align: right;}
	
	
	.icon_contact{ width:32px; height:32px; line-height:32px; position:fixed; right:10px; bottom:102px; z-index:1010; text-align:center; background:#555; color:#ddd; opacity:.9; display:none; cursor:pointer;}
	.icon_contact:hover{ opacity:1;}
	.icon_contact:before{ content:"\f0e6"; font-family:FontAwesome; font-size:1.6rem;}
	.box_contact_sidebar{ width:120px; background:rgba(85,85,85,.9); position:fixed; right:10px; bottom:102px;z-index: 9999;}
	.box_contact_sidebar .bhead{ height:36px; padding:0 0 0 10px; background:#555; color:#A0A0A0; position:relative;}
	.box_contact_sidebar .bhead strong{ line-height:36px; font-size:14px; float:left;}
	.box_contact_sidebar .bbody{ padding:10px; color:#FFF; font-size:14px;}
	.box_contact_sidebar .bbody img{ width: 100%; height: auto;}
	.close-im{ width:36px; height:36px; float:right;}
	.close-im a{ display:block; width:36px; height:36px; line-height:36px; text-align:center; color:#ABABAB;}
	.close-im a:before{ content:"\f054"; font-family:FontAwesome; font-size:1.6rem;}
	.am-navbar{ display:none;}
	.am-with-fixed-navbar{ padding-bottom: 0;}
}

@media screen and (min-width: 1360px) {
	.am-sticky-placeholder{width: 100%; position:absolute;z-index: 9999;}
	.logo{margin: 0 0 0 -600px;}
	.nav_top{margin: 0 -600px 0 0;}
	.nav_pc>ul{width: 1200px;}
	.slider{width: 1200px;}
	.main{width: 1200px;}
	.main .box_1{width: 580px;}
	.news.box_1{margin-right: 40px;}
	.function ul li{width:224px;}
	.function ul li em{width: 206px;height:72px;}
	.flinks .bbody{width: 1110px;}
	.logo_footer{margin: 0 0 0 -600px;}
	.contact{margin: 0 -600px 0 0;}
	
	.mli{width: 250px;}
	.mri{width: 910px;}
}
.pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}
.pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}
.pages ul li.thisclass,
.pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}
.page_main:after{content: "";display: block;clear: both;}