/*
Website Url:https://www.muziang.com
*/
/*初始化样式*/
* {-webkit-tap-highlight-color:transparent;}
article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;}
div,html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, select, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {margin:0; padding:0;}
body {background-color:#fff; color:#333; font:16px/1.875em Arial,"Microsoft Yahei","Lucida Grande"; overflow-x:hidden; width:100%;  word-break: break-all;}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:16px; width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd; box-sizing: border-box;}
table th {background-color:#f8f8f8; text-align:center; box-sizing: border-box;}
table td, table th{padding:10px;border:1px solid #ddd; box-sizing: border-box;}

button, select, input, textarea{background:none; border:none; border-radius:0; -webkit-border-radius:0; color:#333; outline:none; -webkit-appearance:none; font-size: 1em; font-family: inherit;}
input:focus { outline: none;}
textarea{resize:none;}

a {text-decoration:none; outline:none; color:#333;}
a:focus {outline:none; -moz-outline:none;}
a:hover {color:#00285E;}
a img {border:none;}
img {vertical-align: middle;}
li {list-style:none;}

/*全局样式*/
.inner {width:93.75%; max-width:1440px; margin:0 auto;}
.clear{ clear:both; height:0px; overflow:hidden;}
.thumbnail {position:relative; overflow: hidden;}
.thumbnail a {display:block; position:relative; overflow:hidden; padding-bottom:75%;}
.thumbnail img {display:block; position:absolute; left:0; top:0; width:100%; height:100%; transition: all .3s;}
.postbottom, #cancel-reply {text-align:center; font-size:14px; color:#888; line-height:1.75em;}
/*404页面*/
.error .title {font-size:36px; font-weight:normal; text-align:center; line-height: 1.35em; margin-bottom:3.5%;}
.error .warning {text-align:center; font-size:28px; margin-bottom:5%; line-height: 1.75em; border-bottom:1px solid #eee; padding-bottom:5%;}
.error .boxtitle {text-align:center; margin-bottom:2.5%;}
.error .related li {padding-bottom:3%;}
/*全站头部*/
#header {background-color:#00285E; box-shadow:0px 1px 8px rgba(0,40,94,.8); position:relative; z-index:5;}
#header .inner {position:relative;}
/*logo*/
#logo {float:left; padding:30px 0; width:190px;}
#logo a {display:block; padding-bottom: 21.05264%; overflow: hidden; background:no-repeat left center; background-size:contain; position: relative;}
#logo i {display: block; position: absolute; left:0; top:0; width: 100%; height: 100%; text-indent:-9999em; overflow: hidden;}
/*nav*/
.nav {float:right;}
.nav li {float:left; font-size:18px; line-height:36px; padding:32px 5px; position:relative;}
.nav li a {display:block; position:relative; padding:0 20px; border-radius:3px; color:#fff;}
.nav li.cur > a, .nav li.on > a {color:#eee; background-color:#103d79;}
.nav li em {display:none;}
.nav li ul {position:absolute; left:50%; top:100%; padding:10px 0; width:140px; margin-left:-70px; background-color:#00285E; text-align:center; display:none; border:1px solid #103d79;}
.nav li ul.show {display:block;}
.nav li li {padding:0; float:none; font-size:16px;}
.nav li li a {line-height: 24px; padding:8px 5px;}

/*顶部搜索*/
.search {float:right; padding:30px 0;}

.search .btn {width:40px; height:40px; cursor:pointer; font-size:18px; text-align:center; line-height: 40px; color:#fff;}
.searchForm {position:absolute; right:0; top:105%; background-color:#00285E; display:none;}
.searchForm form {width:350px; padding:10px 45px 10px 10px; position:relative;}
.searchForm .submit {display:block; width:45px; height:35px; float:right; position:absolute; right:0; top:10px; cursor:pointer; font-size:18px; color:#fff; text-align:center;}
.searchForm .text {background-color:#f8f8f8; color:#333; height:25px; line-height: 25px; width:96%;  padding:5px 2%; -webkit-appearance:none; font-size:14px;}

/*轮播图*/
.slides {clear:both;}
.slides .item {background:no-repeat center center; background-size:cover; padding-bottom:34.375%; position:relative;}
.slides .item a {display:block; position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-9999em;}
.slides .owl-dots {position:absolute; left:50%; bottom:5%; font-size:0; line-height: normal; transform:translateX(-50%);}
.slides .owl-dots button {display:inline-block; margin:0 5px;}
.slides .owl-dots span {display:block; width:12px; height:12px; border-radius:6px; background-color:#fff; transition:all .3s;}
.slides .owl-dots .active span {background-color:#00285E; width:40px;}
.slides .load {padding-bottom:34.375%; background-color:#f9f9f9; position:relative;}
.slides .load span {display:block; position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%); font-size:36px; line-height:1.125em; color:#999; text-align:center;}
/*全站底部*/
#footer {background-color:#00285E;}
#footer .btm {overflow: hidden; padding:1.5% 0;}


/*mzaback*/
#mzaback{position:fixed; font-size: 20px; color:#fff; width:2.5em; height: 2.5em; text-align:center; line-height: 2.5em; background-color:#00285E;right:3.125%;bottom:20%;z-index:6;cursor:pointer;border-radius:5px;display:none;}

.links {padding:2% 0 1%; border-bottom:1px solid #0c3873; text-align:center;}
.links h2 {font-size:16px; font-weight:normal; color:#eee; line-height: 30px; float:left;}
.links ul {overflow: hidden; margin-left:80px;}
.links li {float:left; font-size:14px; color:#eee; padding:0 17px 0 16px; line-height: 30px; position:relative;}
.links li a {color:#fff;}

.pagelist {float:left;}
.pagelist ul {overflow: hidden;}
.pagelist li {float:left; padding-right:29px; font-size:14px; position:relative; line-height: 1.75em;}
.pagelist li:after {content:''; display:block; width:1px; height:14px; background-color:#eee; position:absolute; right:14px; top:50%; margin-top:-7px;}
.pagelist li:last-child:after {display: none;}
.pagelist li a {color:#eee;}
.pagelist li a:hover {color:#fff;}

.copyright {float:right; font-size:14px; line-height:1.75em; color:#eee;}
.copyright a {color:#fff; display: inline-block;}
.copyright img {display: inline-block; vertical-align: middle; width: auto; height: 20px; margin-top: -3px;}
/*首页*/
.hmtitle {overflow: hidden; margin-bottom:3%; text-align:center;}
.hmtitle h2, .hmtitle h1 {font-size:32px; font-weight:normal; color:#333; line-height:1.5em;}
.hmtitle h3 {text-transform: uppercase; color:#999; font-size:14px;font-weight:normal; line-height:1.5em;}

.hmbox {padding:3.5% 0; overflow:hidden;}
/*首页产品菜单*/
.hmside {float:left; width:220px;}
.sidemenu .title {padding:10px 20px; color:#fff; background-color:#00285E; border-top-left-radius:10px; overflow:hidden;}
.sidemenu h2 {font-size:18px; font-weight:normal; line-height:1.35em;}
.sidemenu h3 {font-size:14px; text-transform:uppercase; color:#f9f9f9; font-weight:normal; line-height:1.35em;}
.sidemenu ul {background-color:#fafafa; border:1px solid #e4e4e4; border-top:none; padding:10px 15px; border-bottom-right-radius:10px;}
.sidemenu li {font-size:16px; line-height:1.875em; padding:5px 0;}
.sidemenu li a {display:block; padding:5px 20px 5px 10px; position:relative; border-radius:4px;}
.sidemenu li a:after {width:8px; height:8px; border-right:1px solid #aaa; border-bottom:1px solid #aaa; transform:rotate(-45deg); content:''; display:block; position:absolute; right:10px; top:50%; margin-top:-6px;}
.sidemenu li a:hover {background-color:#00285E; color:#fff;}
.sidemenu li a:hover:after {border-color:#fff;}
/*首页产品*/
.hmpro {margin-left:250px;}
.hmpro ul {overflow: hidden; width:102%;}
.hmpro li {float:left; width:23%; padding:0 2% 2% 0;}
.hmpro li a {display:block; overflow:hidden; border:1px solid #eee;}
.hmpro li .thumbnail {padding-bottom:75%;background-color:#fafafa;}
.hmpro li .thumbnail img:hover {transform:scale(1.1);}
.hmpro li h3 {font-weight:normal; font-size:16px; line-height:1.875em; padding:10px 15px; text-align:center; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}

/*hmcase*/
.hmcase {background-color:#00285E;}
.hmcase .hmtitle h2 {color:#fff;}
.hmcase .hmtitle h3 {color:#eee;}
.hmcase ul {overflow: hidden; width:102%;}
.hmcase li {float:left; width:23%; padding:0 2% 2% 0;}
.hmcase li a {display:block; overflow:hidden; border:1px solid #eee; background-color:#fafafa;}
.hmcase li a:hover {background-color:#fff; border-color:#3b6fb5;}
.hmcase li .thumbnail {padding-bottom:75%;background-color:#fafafa;}
.hmcase li a:hover img {transform: scale(1.1);}

.hmcase li h3 {font-weight:normal; font-size:16px; line-height:1.875em; padding:10px 15px; text-align:center; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
/*首页新闻*/
.hmnews {background-color:#f9f9f9;}
.hmnews .newsbox {overflow: hidden;}
.hmnews .istop {float:left; width:600px;}
.hmnews .item {position:relative;}
.hmnews .item h3 {position:absolute; left:0; bottom:0; width:100%; font-size:16px; font-weight:normal; line-height: 28px;}
.hmnews .item h3 a {display:block; padding:5px 3%; color:#fff; background-color:rgba(0,0,0,.7); text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.hmnews ul {margin-left:640px; overflow: hidden;}
.hmnews li {overflow: hidden; clear: both; margin-bottom:20px;}
.hmnews li .thumbnail {float:left; width:130px;}
.hmnews li .info {margin-left:150px;}
.hmnews li h3 {font-size:18px; font-weight:normal; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; line-height: 28px;}
.hmnews li time {display:block; font-size:14px; color:#999; margin-bottom:5px;}
.hmnews li p {font-size:16px; color:#555; line-height: 1.75em; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.hmnews .item:hover img,
.hmnews li:hover img {transform: scale(1.1);}

/*首页联系方式*/
.hmcontact .inner {overflow: hidden}
.hmcontact .mapbox {float:left; width:45%;}
.hmcontact .map {padding-bottom:450px; position:relative; overflow: hidden; border-radius:5px;}
.hmcontact .mappic {background:no-repeat center center; background-size:cover;}
.hmcontact #map, .hmcontact .mappic {position:absolute; left:0; top:0; width:100%; height:100%;}
.hmcontact .infobox {float:right; width:50%;}
.hmcontact .intro {margin-bottom:20px; font-size:16px; line-height:1.875em;}
.hmcontact .list { margin-bottom:20px;}
.hmcontact ul {overflow: hidden;}
.hmcontact li {overflow: hidden; margin-bottom:5px; }
.hmcontact li i {color:#f00; display:block; float:left; width:30px; height:30px; line-height: 30px; text-align:center; font-size:20px;}
.hmcontact li span {display:block; margin-left:35px; font-size:16px; line-height:30px; color:#333;}
.hmcontact .follow {overflow: hidden; display: flex;}
.hmcontact .item {width:47.5%; max-width:180px; text-align: center; margin-right: 5%;}
.hmcontact .item:last-child {margin-right: 0;}
.hmcontact .qrcode img {display:block; width:100%; height:auto;}
.hmcontact .text {margin-top:1em; font-size:16px; line-height: 1.5em; color:#666;}
.hmcontact .text .fab {font-size:1em; color:#999; margin-right: 0.5em;}
.hmcontact #map li {margin-bottom:0; margin-top:5px;}

/*内页*/
.wrapper {padding:3.5% 0;}

/*内页模幅*/
.banner {background:no-repeat center center; background-size:cover; padding-bottom:26%; overflow: hidden;}

/*内页二级菜单*/
.breadcrumb {background-color:#f9f9f9; line-height: 1.75em; font-size:14px; color:#999; padding:13px 0;}
.breadcrumb a {color:#999;}
.breadcrumb a:hover {color:#004280;}
.breadcrumb span {color:#000;}


/*内页分页*/
.pagenavi { font-size:14px; text-align:center; margin-top:35px;}
.pagenavi a, .pagenavi span.now-page {display:inline-block; color:#999; background-color:#fff; margin:0.143em; height:2em; line-height: 2em; padding:0 0.2em; border-radius:0.214em; box-sizing: border-box; min-width: 2em;}
.pagenavi a:hover, .pagenavi span.now-page {background-color:#999; color:#fff;}

/*新闻列表*/
.newsitem {overflow: hidden; margin-bottom:20px; border-bottom:1px dashed #eee; padding-bottom:20px;}
.newsitem .thumbnail {float:left; width:250px;}
.newsitem .info {margin-left:270px; overflow: hidden;}
.newsitem h2 {font-weight:normal; font-size:22px; line-height: 1.35em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom:10px;}
.newsitem h2 a {color:#333;}
.newsitem h2 a:hover {color:#004280;}
.newsitem h2 strong {color:#f00;}
.newsitem time {display: block; color:#888; margin-bottom:10px; font-size:14px; line-height:1.5em;}
.newsitem p {font-size:16px; line-height: 1.75em; height:7em; overflow:hidden; color:#555;}
.newsitem:hover img {transform: scale(1.1);}
/*prolist*/
.prolist ul {overflow:hidden; width:104%;}
.prolist li {float:left; width:30%; padding-right: 3%; padding-bottom: 3%;}
.prolist li a {display:block; overflow:hidden; border:1px solid #eee; transition:all .3s;}
.prolist li .thumbnail {padding-bottom:75%; position:relative; overflow:hidden;}
.prolist li img {transition:all .3s;}
.prolist li h2 {font-weight:normal; font-size:16px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; line-height: 1.875em; padding:10px 15px; text-align:center;}
.prolist li a:hover {border-color:#004280;}
.prolist li a:hover img {transform:scale(1.1);}
/*详情页*/
.details .title {font-size:32px; text-align: center; line-height: 1.35em; margin-bottom:2.43%; font-weight:normal;}
.details .meta {text-align:center; font-size:0; line-height: normal; border-bottom:1px solid #eee; padding-bottom:1.5%; margin-bottom:2.43%;}
.details .meta span {font-size:14px; color:#888; padding:0 15px;}
.details .meta a {color:#888;}

/*proinfo*/
#proinfo {display: table; table-layout: fixed; width: 100%; margin-bottom: 3.5%;}
#proinfo .thumbnail {display: table-cell; vertical-align: top; width: 37.309%;}
#proinfo .figure {padding-bottom: 75%; position: relative; border:1px solid #e4e4e4; border-radius: 5px;}
#proinfo .text {display: table-cell; vertical-align: middle; padding-left:5%;}
#proinfo .title {text-align: left;}
#proinfo .tags {padding:0;}
#proinfo .tags a {display: inline-block; vertical-align: middle; background-color: #f5f5f5; border-radius: 3px; font-size: 14px; line-height: 2.14285em; padding:0 1em; margin:0.357em 0.357em 0 0; position: relative; color:#555;}
#proinfo .tags a:before {width: 0.5em; height: 0.5em; background-color: #fff; border-radius: 50%; display: block; content: ''; position: absolute; left:-0.25em; top:50%; transform: translateY(-50%);}
#proinfo .tags a:hover {background-color: #F65E4F; color:#fff; text-decoration: none;}
#proinfo .tel {font-size:16px; color:#666; margin-top: 5%;}
#proinfo .tel span {font-size:2em; display: inline-block; vertical-align: middle; line-height: 1.125em; color:#F65E4F;}
#proinfo .btn {max-width: 500px; display: flex; justify-content: space-between; font-size: 16px; line-height: 2.5em; text-align: center; margin-top: 5%;}
#proinfo .btn a {display: block; border-radius: 5px; background-color: #5bcaff; color:#fff; width: 47%; position: relative;}
#proinfo .btn img {display: none; position: absolute; left:50%; transform: translateX(-50%); top:100%; margin-top: 8px; width: 135px; max-width: 100%; height: auto; padding:5px; background-color: #fff; box-shadow: 0px 0px 1em rgba(0,0,0,.1); z-index: 2;}
#proinfo .btn .wx {background-color: #3eda49;}
#proinfo .btn .wx:hover {background-color: #0fd11c;}
#proinfo .btn .qq:hover {background-color:#33bdff;}

/*详情内容*/
.entry {font-size:16px; line-height: 1.875em; color:#333; overflow:hidden;}
.entry p, .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {margin-bottom:2.5%;}
.entry ul, .entry ol {margin-bottom:2.5%; padding-left:1em; margin-left:2em;}
.entry img {max-width:100%; height:auto!important;}
.entry ul li {list-style:outside disc none;}
.entry ol li {list-style:outside decimal none;}
.entry li p {margin-bottom: 0;}
.entry blockquote {margin:0 2em 2.5%; padding:2.5% 2.5% 0; font-style:italic; overflow: hidden; color:#555; border:1px dashed #e4e4e4; background-color:#f9f9f9; border-radius:5px;}
.entry hr {border:none; border-bottom:1px solid #999; margin-bottom:2.5%; clear:both; display: block; overflow:hidden;}
/*标签*/
.tags {overflow: hidden; font-size:14px; color:#555; padding:10px 0; margin-bottom:5px;}
.tags a {color:#004280; padding:0 5px;}
.tags a:hover {text-decoration:underline;}

/*上下篇文章*/
.postnavi {overflow: hidden; padding:5px 0; margin-bottom:20px;}


/*详情模块标题*/
.boxtitle {font-size:16px; margin-bottom:15px; line-height: 1.35em;}

/*相关推荐*/
.related {margin-bottom:20px; overflow:hidden;}
.related ul {width:102%; overflow:hidden;}
.related li {float:left; width:14.666%; padding-right:2%;}
.related li h3 {font-weight: normal; font-size:14px; line-height: 1.875em; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:5px;}
.related li:hover img {transform: scale(1.1);}

/*评论留言*/
.commentlist {overflow: hidden; margin-bottom:15px;}
.commentlist li {overflow: hidden; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #eee;}
.commentlist .avatar {float:left; width:60px; height:60px; border-radius:5px; overflow: hidden;}
.commentlist .avatar img {display:block; width:100%; height:100%;}
.commentlist .info {margin-left:80px; overflow: hidden;}
.commentlist .name {font-size:16px; font-weight:bold; line-height: 1.35em; color:#333;}
.commentlist time {display:block; color:#999; font-size:12px; line-height: 1.5em;}
.commentlist .replay {font-size:12px; font-weight:bold; color:#000;}
.commentlist .text {font-size:16px; line-height:1.875em; color:#555;}
.commentlist li li {margin:15px 0 0 15px; padding-bottom:0; border-bottom:none;}

/*评论框*/
#comment .item {overflow: hidden; margin-bottom:15px; position:relative;}
#comment label {display:block; float:left; height:40px; line-height: 40px; font-size:16px;}
#comment label i {font-style:normal; color:#f00;}
#comment .input {margin-left:80px; overflow: hidden; border:1px solid #e4e4e4; border-radius:5px;}
#comment .user {border:none; border-radius:0; font-size:14px; color:#999; line-height:1.5em;}
#comment .text, #comment textarea {width:98%; height:20px; line-height: normal; padding:10px 1%; font-size:16px; font-family: 'Microsoft Yahei'; -webkit-appearance:none;}
#comment textarea {height:150px; resize: none;}
#comment .submit {float:right; color:#fff; background-color:#555; border-radius:5px; height:45px; width:150px; font-size:16px; cursor:pointer; -webit-appearance:none;}
#comment .submit:hover {opacity:.9;}
#comment .verify {position:relative;}
#comment .verify .input {margin-right:126px;}
#comment .verify img {display:block; position:absolute; right:0; bottom:0; height:auto; max-height:40px; width:auto; cursor:pointer; border-radius:2px;}
/*两栏*/
.main {margin-left:310px; overflow:hidden;}
.sidebar {width:270px; float:left;}
.sidebar .sidemenu, .widget {margin-bottom:30px; overflow: hidden;}
.widget h3 {font-weight:normal; font-size:18px; line-height: 1.35em; background-color:#00285E; color:#fff; padding:10px 15px; border-top-left-radius:10px}
.widget ul {border:1px solid #e4e4e4; border-top:none;}
.widget li {border-top:1px solid #eee; overflow: hidden; padding:10px 15px;}
.widget .text {font-size:14px; position:relative; line-height:1.65em;}

.widget .text a {display: block; color:#333; word-break: break-all; position:relative; padding-left:15px;}
.widget .text a:before {content:''; display:block; width:6px; height:6px; background-color:#aaa; border-radius:50%; position:absolute; left:0; top:8px;}
.widget .text a:hover {color:#004280;}
.widget .text a:hover:before {background-color:#004280;}
.widget .text time {display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:12px; color:#999; margin-left:15px;}


.widget .pic .thumbnail {float:left; width:80px;}
.widget .pic p {margin-left:90px; overflow: hidden;}
.widget .pic a {display:block; font-size:14px; line-height: 1.5em; max-height:4.5em; overflow: hidden;}
.widget .pic:hover img {transform: scale(1.1);}

.divTags ul {overflow: hidden; padding:10px 15px;}
.divTags li {float:left; font-size:14px; padding:5px; padding-left:0; border:none;}
.divTags li:before {display:none;}
.divTags li a {display:block; background-color:#f9f9f9; color:#666; padding:0 10px; border-radius:3px;}
.divTags li a:hover {color:#fff; background-color:#00285E;}
.divTags li a:hover .tag-count {color:#fff;}
.divTags li .tag-count {font-size:12px; color:#999;}

.divSearchPanel > div {padding:15px; border:1px solid #eee;}
.divSearchPanel form {display: block; position: relative; background-color: #f9f9f9;}
.divSearchPanel input[type="text"] {display: block; width: 100%; font-size: 0.875em; height: 2.2em; line-height: 1.5em; padding:0.35em 1em;}
.divSearchPanel input[type="submit"] {position: absolute; right:0; top:0; height: 100%; cursor: pointer; width: 3em; background-color: #00285E; color:#fff; font-size: 0.875em;}
/*hmmore*/
.hmmore {margin-top:3.5%;}
.hmmore a {display: block; width: 120px; height: 36px; line-height:36px; font-size:14px; margin:0 auto; border:1px solid rgba(255,255,255,.5); color:rgba(255,255,255,.5); text-align:center; border-radius:5px;}
.hmmore .blue {color:#00285E; border-color:#00285E;}

@media only screen and (max-width:1280px) {
    body.open {position:fixed; width:100%; overflow:hidden;}
	/*1280pxlogo*/
	#logo {padding:15px 0;width:143px;}
	/*1280pxnavBtn*/
	.navBtn {width:25px; position:relative; float:right; height:40px; padding:10px 0; cursor:pointer;}
	.navBtn span {display:block; width:100%; height:3px; background-color:#fff; position:absolute; top:50%; left:0; margin-top:-1.5px;}
	.navBtn span:before, .navBtn span:after {content:''; display:block; width:100%; height:3px; background-color:#fff; position:absolute; left:0; top:-9px; transition:transform .3s; transition:transform .3s;}
	.navBtn span:after {top:auto; bottom:-9px;}
	.navBtn.open span {height:0;}
	.navBtn.open span:before {transform:rotate(45deg); top:0;}
	.navBtn.open span:after {transform:rotate(-45deg); bottom:auto; top:0;}
	/*1280px顶部导航*/
	.nav {position:fixed; right:-220px; top:60px; height:100%; width:220px; background-color:#00285E; overflow-y:auto; transition:right .3s; -webkit-overflow-scrolling:touch; border-top:1px solid #103d79;}
	.nav.open {right:0;}
	.nav ul {padding:10px 0 61px;}
	.nav li {float:none; padding:0; font-size:16px;}
	.nav li a {line-height: 24px; padding:10px 2em 10px 1.5em; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
	.nav li.cur > a:after, .nav li.on > a:after {display:none;}
	.nav li ul {position:static; left:auto; top:auto; width:auto; margin-left:0; background-color:transparent; text-align:left; border:none; padding:0;}
	.nav li ul.show {display:none;}
	.nav li ul.open {display:block;}
	.nav li li a {line-height:26px; padding:12px 55px 12px 2.5em;}
	.nav li li a:hover {background-color:transparent;}
	.nav li em {position:absolute; right:5px; top:0; width:44px; height:44px; display:block; cursor:pointer;}
	
	.nav li em:before {content:''; display:block; width:9px; height:9px;  border-right:1px solid #eee; border-bottom:1px solid #eee; transform:rotate(-45deg); transition:all .3s; position:absolute; left:50%; top:50%; margin-top:-5px; margin-left:-5px;}
	.nav li em.open:before {transform:rotate(45deg); margin-top:-9px;}
	/*1280px顶部搜索*/
	.search {padding:10px 0 10px 20px;}
	.search .btn {font-size:24px;}
	/*1280pxhmtitle*/
	.hmtitle h2, .hmtitle h1 {font-size:28px;}
	/*1280pxhmpro*/
	.hmpro ul {width:103%;}
	.hmpro li {width:31%;}
	/*1280px首页新闻*/
	.hmnews .istop {width:450px;}
	.hmnews ul {margin-left:470px;}
	.hmnews li {margin-bottom:11px;}
	.hmnews li .thumbnail {width:100px;}
	.hmnews li .info {margin-left:110px;}
	.hmnews li h3 {font-size:16px; line-height: 24px;}
	.hmnews li time {margin-bottom:0;}
	.hmnews li p {font-size:14px;}
	/*1280px两栏*/
	.sidebar {width:250px;}
	.main {margin-left:270px;}
	/*1280px newsitem*/
	.newsitem .thumbnail {width:210px;}
	.newsitem .info {margin-left:225px;}
	.newsitem h2 {font-size:20px;}
	.newsitem p {height:5.25em;}
	/*1280px details*/
	.details .title {font-size:26px;}
	
	/*1280px*/
	.commentlist .avatar {width:45px; height:45px;}
	.commentlist .info {margin-left:55px;}

	/*1280px*/
    #mzaback {font-size: 1.5625vw;}

    /*1280px*/
	#proinfo .thumbnail {width: 300px;}
	#proinfo .tel,
	#proinfo .btn {font-size: 14px;}
	#proinfo .tags a {font-size: 12px;}
}
@media only screen and (max-width:1024px) {
    .hmcase ul {width:103%;}
    .hmcase li {width:31%;}
}
@media only screen and (max-width:960px) {
	/*960px首页*/
	.hmtitle h2, .hmtitle h1 {font-size:24px;}
	/*960pxhmside*/
	.hmside {width:auto; float:none; border-radius:5px 5px 0 0; margin-bottom:15px;}
	.sidemenu .title {padding:8px 15px; overflow:hidden; font-size:0; line-height:normal; text-align:center;}
	.sidemenu .title h2, .hmside .title h3 {display:inline-block; vertical-align:bottom; padding-right:5px;}
	.sidemenu ul {overflow:hidden; padding:10px 15px; border-radius:0;}
	.sidemenu li {float:left; width:20%; text-align:center; font-size:14px; line-height:1.75em; padding:0;}
	.sidemenu li a:hover {background-color:transparent; color:#333;}
	.sidemenu li a:after {display:none;}
	
	.hmpro {margin-left:0;}
	/*960px首页新闻*/
	.hmnews .istop {width:350px;}
	.hmnews ul {margin-left:365px;}
	.hmnews li {margin-bottom:11px;}
	.hmnews li .thumbnail {width:77px;}
	.hmnews li .info {margin-left:85px;}
	.hmnews li p {display:none;}
	/*960px首页联系方式*/
	.hmcontact .mapbox, .hmcontact .infobox {width:auto; float:none;}
	.hmcontact .map {padding-bottom:50%; margin-bottom:20px;}
	/*960px内页分页*/
	.pagenavi {margin-top:20px;}
	/*960px内页二级菜单*/
	.breadcrumb {font-size:12px; padding:10px 0;}

	
	/*960px两栏*/
	.main {margin-left:0;}
	.sidebar {display:none;}
	/*960px details*/
	.details .title {font-size:22px;}
}
@media only screen and (max-width:768px) {

	/*768px全站底部*/
	.links {padding:15px 0 10px;}
	.links h2 {float:none; font-size:14px;}
	.links ul {margin-left:0; font-size:0; line-height: normal;}
	.links li {float:none; display:inline-block; line-height:2em; font-size:12px; padding:0 10px;}
    /*768px*/
	.pagelist {float:none;}
	.pagelist ul {font-size: 0; text-align:center; line-height: normal;}
	.pagelist li {float:none; display:inline-block; padding:0 10px; font-size:12px; line-height:2em;}
	.pagelist li:after {right:0; height:10px; margin-top:-5px;}
	
	#footer .btm {padding:15px 0;}

	.copyright {float:none; text-align:center; font-size:12px; line-height:2em;}
	/*768px*/
	#header .inner {position: static;}
	/*768pxlogo*/
	#logo {width:133px; padding:10px 0;}
	/*768pxnavBtn*/
	.navBtn {width:22px; height:20px; padding:14px 0;}
	.navBtn span,
	.navBtn span:before,
	.navBtn span:after {}
	.navBtn span:before {top:-8px;}
	.navBtn span:after {bottom:-8px;}
	
	/*768px顶部导航*/
	.nav {top:50px;}
	.nav ul {padding-bottom:51px;}
	/*768px顶部搜索*/
	.search {padding:9px 0 9px 15px;}
	.search .btn {height:30px; line-height: 30px; font-size:18px;}
	.searchForm {width:93.75%; padding:0 3.125%;}
	.searchForm form {width:auto; padding:8px 37px 8px 0;}
	.searchForm .text {height:22px; line-height: 22px;}
	.searchForm .submit {width:32px; height:32px; top:8px;}
	/*768px轮播图*/
	.slides .owl-dots {bottom:10px;}
	.slides .owl-dots span {width:8px; height:8px;}
	.slides .owl-dots .active span {width:25px;}
	/*768px首页*/
	.hmtitle {margin-bottom:15px;}
	.hmtitle h2, .hmtitle h1 {font-size:20px;}
	.hmbox {padding:20px 0;}
	/*768px*/
	.sidemenu li {width:33.333%;}
	.sidemenu h2 {font-size:16px;}
	.sidemenu h3 {font-size:16px;}
	/*768px首页产品*/
	.hmpro li, .hmcase li {width:47%; padding-right:3%; padding-bottom:3%;}
	.hmpro li h3, .hmcase li h3 {padding:5px 10px; font-size:14px;}
	
	/*.hmpro li h3 {font-size:14px;}*/
	/*768px首页新闻*/
	.hmnews .istop {width:auto; float:none; margin-bottom:20px;}
	.hmnews .item h3 {font-size:14px;}
	.hmnews ul {margin-left:0;}
	.hmnews li {margin-bottom:15px;}
	.hmnews li .thumbnail {width:100px;}
	.hmnews li .info {margin-left:110px;}
	.hmnews li h3 {white-space: normal; max-height:48px; font-size:14px; font-weight:bold;}
	.hmnews li time {font-size:12px;}
	/*768px首页联系方式*/
	.hmcontact .intro {margin-bottom:10px; font-size:14px;}
	.hmcontact .list {margin-bottom:5px;}
	.hmcontact .map {padding-bottom:250px;}
	.hmcontact li i {font-size:16px; width:24px; height:24px; line-height:24px;}
	.hmcontact li span {font-size:14px; line-height:24px; margin-left:28px;}
	.hmcontact .text {font-size:14px;}
	/*内页*/
	.wrapper {padding:20px 0;}
	/*768px内页分页*/
	.pagenavi {margin-top:10px;}
	/*768px新闻列表*/
	.newsitem {margin-bottom:10px; padding-bottom:10px;}
	.newsitem .thumbnail {width:100px;}
	.newsitem .info {margin-left:115px;}
	.newsitem h2 {font-size:14px; font-weight:bold; white-space: normal; line-height:1.65em; margin-bottom:5px;}
	.newsitem time {margin-bottom:0; font-size:12px;}
	.newsitem p {display:none;}
	/*768pxprolist*/
	.prolist ul {width:103%;}
    .prolist li {width:47%;}
    .prolist li h2 {padding:5px; line-height:1.75em; font-size:14px;}
	/*768px详情页*/
	.details .title {font-size:18px; margin-bottom:15px; font-weight:bold; color:#222; line-height:1.5em;}
	.details .meta {margin-bottom:18px; font-size:12px; padding:0 2% 8px;}
	/*768px详情内容*/
	.entry {font-size:14px;}
	/*768px boxtitle*/
	.boxtitle {margin-bottom:10px;}
	/*768px tags*/
	.tags {padding:5px 0;}
	/*768px postnavi*/
    .postnavi {margin-bottom:15px; font-size:14px; line-height:1.65em;}
    /*768px related*/
    .related {margin-bottom:15px;}
    .related ul {width:103%;}
    .related li {width:31%; padding-bottom:5px;}
	/*768px评论留言*/
	.commentlist {margin-bottom:10px;}
	.commentlist li {margin-bottom:10px; padding-bottom:7px;}
	.commentlist .avatar {width:30px; height:30px; padding:3px 0;}
	.commentlist .info {margin-left:35px;}
	.commentlist .name {font-size:14px; margin-bottom:3px;}
	.commentlist .replay {line-height: 1.75em;}
	.commentlist .replay a {color:#999;}
	.commentlist .text {font-size:14px; line-height:1.65em; padding:3px 0;}
	.commentlist li li {margin-top:10px;}
	/*768px评论框*/
	#comment .item {margin-bottom:10px;}
	#comment label {font-size:14px; height:auto; line-height: 1.65em; float:none; margin-bottom:5px;}
	#comment .input {margin-left:0;}
	#comment .text, #comment textarea {padding:7.5px 2%; width:96%; font-size:14px;}
	#comment textarea {height:90px;}
	#comment .submit {font-size:14px; height:32px; width:90px; border-radius:3px;}
	#comment .verify .input {margin-right:111px;}
	#comment .verify img {max-height: 37px;}
	/*768px404页面*/
	.error .title {font-size:24px; margin-bottom:15px;}
	.error .warning {font-size:20px; margin-bottom:25px; padding-bottom:25px;}
	/*768px两栏*/
	.widget .text, .widget .pic {padding:10px 0;}	
	/*768px两栏*/
	.hmmore {margin-top:2%;}
	.hmmore a {font-size:12px; height:28px; line-height:28px; width:90px;}
	/*768px*/
	.nav li {font-size:14px;}
	/*768*/
	.warning {text-align: center; font-size:14px; padding:35% 0;}
	/*768px*/
    #mzaback {font-size: 12px; border-radius: 3px;}

    /*768px*/
	#proinfo .thumbnail {width: 200px;}
	#proinfo .tel,
	#proinfo .btn {font-size: 12px;}
}
@media only screen and (max-width:540px) {
	/*540px*/
	#proinfo,
	#proinfo .thumbnail {display: block; width: auto;}
	#proinfo {margin-bottom: 5%;}
	#proinfo .text {display: block; padding-left:0; margin-top: 3.5%;}	
	#proinfo .title {margin-bottom: 2.5%;}
	#proinfo .tel,
	#proinfo .btn {margin-top: 3.5%;}
}