.menuToggler { display: block; position: absolute; right: 10px; top: 50%; height: 2px; padding: 21px 10px; margin-top: -22px; display: none;}
.menuToggler i { display: block; position: relative; width: 26px; height: 2px; background: #003b82 ; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }
.menuToggler i:before,
.menuToggler i:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; border-radius: 2px; background: #003b82 ; transition: all .4s ease-out;-webkit-transition: all .4s ease-out;-o-transition: all .4s ease-out;-moz-transition: all .4s ease-out;transform-origin: center; -webkit-transform-origin: center; }
.menuToggler i:before { bottom: 100%; margin-bottom: 5px; }
.menuToggler i:after { top: 100%; margin-top: 5px; }
.menuToggler.active i { background: none; width: 20px; }
.menuToggler.active i:before { transform: rotate(45deg); margin-bottom: 0; bottom: auto; }
.menuToggler.active i:after { transform: rotate(-45deg); margin-top: 0; top: auto; }


@media screen and (max-width: 600px) {
	.nd .info .breadcrumb { position: relative; top: auto; right: auto; text-align: right; }
	.nd .info .breadcrumb p { font-size: 12px; }
	.nd .info .breadcrumb a { font-size: 12px; }

	.header { box-shadow: 0 5px 20px rgba(0,0,0,.15); }
	.header .toolbar { height: 25px; }
	.header .toolbar:after { content: ''; display: block; clear: both; }
	.header .toolbar .info { display: none; }
	.header .menu .maxsize { height: 100%; }
	.header .toolbar .lang {height: 25px; }
	.header .toolbar .lang > a { padding: 0 10px; font-size: 12px; line-height: 25px; }
	.header .toolbar .func a { padding: 0 5px; font-size: 12px; line-height: 25px; }
	.header .menu { position: relative; height: 50px; }
	.header .menu .logo { padding: 10px 15px; height: 30px; position: absolute; top: 0; left: 0; }
	.menuToggler { display: block; }
	.header .menu .menulist { top: 100%; left: 0; right: 0; display: none; }
	.header .menu .menulist dd { margin: 0; padding: 0; display: block;-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft; -webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both }
	.header .menu .menulist dd:hover ul { display: none; }
	.header .menu .menulist dd > a span { line-height: 50px; border-top: 0; }
	.header .menu .logo p { margin-left: 10px; font-size: 14px; }
	.banner .bx-controls { bottom: 5px; }
	.banner .bx-controls .bx-pager-item { margin-left: 2px; }
	.banner .bx-controls .bx-pager-item a { height: 2px; width: 20px; }

	.pros .clear {padding: 10px 0;margin: 0 5px; }
	.pros .item { width: 25%; margin-bottom: 10px; }
	.pros .item:first-of-type { width: 50%; }
	.pros .item .con { margin: 0 5px; padding: 10px 0; }
	.pros .item .con .iconfont { font-size: 20px; line-height: 30px; width: 30px; margin-bottom: 5px; }
	.pros .item .con p { font-size: 12px; }

	.digest { padding: 0 10px; }
	.digest .face { position: relative; top: auto; left: auto; bottom: auto; right: auto; width: auto; height: 150px; margin: 0; margin-bottom: 10px; border-radius: 4px; }
	.digest .text { margin: 0; padding: 0; }
	.digest .text h1 { font-size: 16px; margin-bottom: 10px; }
	.digest .text .info { font-size: 12px; line-height: 20px; }
	.digest .text .info p { margin-bottom: 10px; }

	section.news { padding: 10px 0; }
	.news .l .title { padding-left: 10px; }
	.news .l { width: auto; float: none; left: auto; position: relative;}
	.news .l .list { border: none; }
	.news .l .list li { padding-left: 80px; }
	.news .l .list li .date { left: 10px; }
	.news .r { width: auto; padding: 0 10px; }
	.news .r .con { float: none; width: auto; margin-top: 10px; }
	.news .r .con .card { margin-right: 0; }

	.footer .links { display: none; }

	/*内页*/
	.slogan { height: 180px; }
	.content { margin: 0;border-radius: 0; padding: 15px;}
	.content .nav { text-align: center; }
	.content .nav ul li { margin-right: 5px; }
	.content .nav ul li a { line-height: 30px; font-size: 14px; padding: 0 10px; margin-bottom: 5px; }

	/*关于厦工*/
	.intro .main { margin: 0; padding: 0;width: auto; }
	.intro .main .video { position: relative; margin-top: 10px; left: auto; top: auto; bottom: auto; margin-left: auto; height: 100px; }
	.intro .main .text { font-size: 12px; line-height: 22px; color: #666; }
	.intro .blocks .block { margin-bottom: 20px; }
	.intro .blocks .block .cont { font-size: 12px; line-height: 22px; }
	.intro .blocks .block .title { padding-left: 80px; }
	.intro .blocks .block .title h2 { font-size: 14px; line-height: 30px; padding: 10px 0; font-weight: normal; height: 30px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden;}

	.honor .title,
	.milestone .title { margin-bottom: 15px; }
	.honor .title h1,
	.milestone .title h1 { font-size: 18px; }


	.ms .timeline { padding: 0 50px; }
	.ms .timeline a.btn { left: 0; }
	.ms .timeline a.btn.linenext { right: 0; }
	.ms .timeline { padding: 0 30px; }
	.ms .timeline .years ul li a { line-height: 40px; }
	.ms .timeline .years ul li a font { font-size: 18px; }
	.ms .timeline .years ul li { border-bottom: 4px solid #dadada; }
	.ms .timeline .things dl { padding: 0; margin: 0 -30px; }
	.ms .timeline .things dl dt { font-size: 20px; margin-bottom: 10px; padding-bottom: 10px; }
	.ms .timeline .things dl dt i { transform: translateY(0px);-webkit-transform: translateY(0px); }
	.ms .minicar { display: none;}
	.ms .timeline .years ul li.active a { text-indent: 0; }
	.ms .timeline .things dl dd .face { width: 100px; height: 56px; }
	.ms .timeline .things dl dd .text { left: 150px; padding: 0; }
	
	.honor .cont {margin: 0 -5px; }
	.honor .cont .item { width: 50%; }
	.honor .cont .item .con { padding: 6px; margin: 5px; }
	.honor .cont .item .con .face { height: 100px; }
	.honor .cont .item .con p { font-size: 12px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; }

	.wish .blocks .block { padding: 45px 30px; }
	.wish .blocks .block h1 { font-size: 20px; margin-bottom: 10px; }
	.wish .blocks .block h2 { font-size: 14px; font-weight: normal; }

	.media .items .item { margin-bottom: 10px; }
	.media .items .item .face { position: relative; top: auto; left: auto; right: auto; bottom: auto; width: auto; height: 130px; }
	.media .items .item .text { margin: 0; padding: 0; padding: 15px; }
	.media .items .item .text h5 { margin-bottom: 10px; font-size: 16px; line-height: 22px; }
	.media .items .item .text p { font-size: 12px; line-height: 20px; height: 60px; color: #aaa; margin-bottom: 10px; }
	.media .items .item .text i { font-size: 12px; }

	.contactinfo .left , .contactinfo .right { float: none; width: auto; margin-bottom: 10px; }
	.contactinfo .left .con { padding: 15px; }
	.contactinfo .left .con h2 { font-size: 16px; font-weight: normal; margin-bottom: 15px; }
	.contactinfo .right .con { padding-left: 0; }

	.duty .block { margin-bottom: 15px; }
	.duty .block:nth-child(n) .face { position: relative; top: auto; left: auto; right: auto; height: 150px; width: auto; }
	.duty .block:nth-child(n) .text { margin: 0; padding: 0; }
	.duty .block .text .con { padding: 15px; }
	.duty .block .text h1 { font-size: 18px; margin-bottom: 0px; }
	.duty .block .text .info { font-size: 12px; line-height: 20px; color: #666; display: none; margin-top: 10px; animation-delay: 0s !important; -webkit-animation-delay: 0s !important; animation-name: none;}
	.duty .block:hover .text .info { display: block;  }

	.contact .map { display: none; }
	.contact .info .item { float: none; width: auto; }
	.contact .info .item .text { font-size: 12px; line-height: 20px; height: auto; }

	.news .showcase { margin: 0;}
	.news .showcase .con { float: none; width: auto; margin-bottom: 10px; }
	.news .showcase .con .card { margin: 0; padding: 0; }
	.news .textlist { padding-top: 20px; }
	.news .textlist li { padding: 10px 0; }
	.news .textlist li h1 { font-size: 16px; }

	.prolist .block .item { width: 33.33%; }
	.prolist .block.mod3 .item:first-child { width: 100%; }
	.prolist .block.mod2 .item:first-child { width: 66.66%; }
	.prolist .block .item .con {  height: 160px; }
	/*.prolist .block .item:first-child { width: 66.66%; }*/
	.prolist .block .item .img { padding: 5px; }
	.prolist .block .item span { font-size: 12px; bottom: 10px; }
	
	.cases .pages .items { margin: 0 -5px; }
	.cases .pages .items .item { margin-bottom: 10px; }
	.cases .pages .items .item a { padding: 10px; margin: 0 5px;}
	.cases .pages .items .item .face { position: relative; top: auto; left: auto; right: auto; bottom: auto; height: 100px; width: auto; }
	.cases .pages .items .item .text { margin: 0; padding: 0; }
	.cases .pages .items .item .text h5 { font-size: 14px; margin-bottom: 10px; }
	.cases .pages .items .item .text p { font-size: 12px; line-height: 20px; }
	.cases .pages .items .item .text:after { display: none; }

	.map #info { top: 10px; left: 10px; right: 10px; bottom: 10px; }

	.baozhang .wenhua .item {float: none; width: auto; margin-bottom: 10px; }
	.baozhang .wenhua .item .con { padding: 20px; zoom: .75; }
	.baozhang .block { margin-bottom: 30px; }
	.baozhang .title { margin-bottom: 15px; }

	.baozhang .fuwu .item { float: none; width: auto; }
	.baozhang .fuwu .con { zoom: .75; }

	.baozhang .biaozhun .item { width: 33.33%; }
	.baozhang .biaozhun .item .con { zoom: .75; }

	.baoxiu .left .con { height: 120px; zoom: .75; }
	.baoxiu .left, .baoxiu .right { float: none; width: auto; }
	.baoxiu .right .con { margin: 0; padding: 0; margin-top: 15px; padding-left: 110px; }
	.baoxiu .right .con .qrcode { width: 100px; }

	.network .map { width: auto; margin: 0; padding: 0; padding: 10px; }
	.branch-choose { position: relative; width: auto;left: auto; top:auto; bottom: auto; right: auto; margin: 10px; }
	.branch-info {width: 100%; }
	/*.branch-area.show { display: none !important; }*/
	.branch-province { display: none; }

	.bussiness .left { position: relative; border: 0; border-bottom: 1px solid #dadada; width: auto; }
	.bussiness .left a { float: left; width: 33.33%; height: 100px; }
	.bussiness .right { position: relative; height: auto; left: auto; top: auto; bottom: auto; right: auto; padding: 15px; }

	.finance .block .text h1 { font-size: 20px; padding-left: 40px;}
	.finance .block .text h1 .iconfont { font-size: 30px; }
	.finance .block:nth-child(n) { margin-bottom: 15px; }
	.finance .block:nth-child(n) .text { max-width: inherit; float: none; padding: 40px; }
	.finance .block .text p { font-size: 12px; line-height: 24px; }

	.stock .items .item { float: none; width: auto; }
	.pdf ul li a:after { display: none;  }
	.pdf ul li a { padding-left: 30px; }
	.pdf ul li a p { font-size: 14px; padding-right: 50px; }
	.pdf ul li a span { font-size: 10px; zoom: .75; }

	.relation { padding-left: 0; }
	.relation .face { position: relative; top: auto; left: auto; bottom: auto; height: 100px; right: auto;  width: auto;}
	.relation .text { padding: 20px; }

	.jobs .main .text { font-size: 20px; right: auto; left: 40px; }
	.talent .main { line-height: 25px; font-size: 14px; font-weight: normal; }
	.jobs .main { height: 150px;  }
	.jobs .blocks .block { padding: 30px; }
	.jobs .blocks .block h1 { margin-bottom: 20px; font-size: 16px; }
	.jobs .blocks .block p { font-size: 14px; line-height: 24px; height: 72px; }
	.qna { margin: 0; padding: 0 100px; }
	.qna .q { padding-right: 0px; margin-right: -50px; }
	.qna .a { padding-left: 0; margin-left: -50px; }
	.qna .q span, .qna .a span { padding: 20px; line-height: 20px; font-size: 14px; }
}