#top {top:0px;}


table{border-collapse: collapse;}
td,th{border: 1px solid #ccc;}

@media screen and (max-width: 768px) {

    #top {height: 3.5em; line-height: 3.5em;}

    #menu {top: 3.5em;}

    #menu li{line-height: 2em;font-size: 1.2em;}

    #top .menu-btn{width: 1.5em;height: 1.5em;}

}

.mbanner{width:100%; position: relative;}

.mbanner .mbantitle{ position: absolute; color: #fff;}

.mbanner .mbantitle h2,.mbanner .mbantitle h3{font-weight: bold;}



@media screen and (min-width: 1200px){

	.mbanner .mbantitle{height:84px; margin-top:-42px;}

	.mbanner .mbantitle h2{font-size: 48px;}

	.mbanner .mbantitle h3{font-size: 16px;}

}

@media screen and (min-width: 992px) and (max-width: 1200px){

	.mbanner .mbantitle{height:80px; margin-top:-40px;}

	.mbanner .mbantitle h2{font-size: 42px;}

	.mbanner .mbantitle h3{font-size: 15px;}

}

@media screen and (min-width: 768px) and (max-width: 992px){

	.mbanner .mbantitle{height:60px; margin-top:-30px;}

	.mbanner .mbantitle h2{font-size: 30px;}

	.mbanner .mbantitle h3{font-size: 14px;}

}



@media screen and (min-width: 768px){

	.mbanner img{max-width: 100%;;}

	.mbanner .mbantitle{top:60%;}

	.mbanner .mbantitle h3{margin-top:10px; }

}

@media screen and (max-width: 768px){

	.mbanner{overflow:hidden;}

	.mbanner img{max-width: 200%; margin-left: -50%;;}

	.mbanner .mbantitle{height:3.8em; top:60%; margin-top:-1.9em; left: 2%;}

	.mbanner .mbantitle h2{font-size: 1.8em;}

	.mbanner .mbantitle h3{font-size: 1em; margin-top:0.5em;}

}







.location{text-align: center; border-bottom: 1px #e6e6e6 solid;}

.location a{font-weight: bold; border:1px #fff solid; display: inline-table; border-radius: 5px;}

.location a:hover,.location a.active{border:1px #0091e5 solid; color: #0091e5;}



.mtitle{font-weight: bold; text-align: center;}

@media screen and (min-width: 1200px){

	.mtitle{font-size: 34px;  margin:50px 0px 40px;}

}

@media screen and (min-width: 992px) and (max-width:1200px){

	.mtitle{font-size: 30px;  margin:40px 0px 30px;}

}

@media screen and (min-width: 768px) and (max-width: 992px){

	.mtitle{font-size: 26px;  margin:30px 0px 20px;}

}

@media screen and (min-width: 768px){

	.location{height: 70px; line-height: 70px; font-size: 18px;}

	.location a{margin:0px 10px; height: 40px; line-height: 40px; padding:0px 10px;}

}

@media screen and (max-width: 768px){

	.location{height: 3em; line-height: 3em; font-size: 1.15em}

	.location a{margin:0em 0.2em; height: 2em; line-height: 2em; padding:0px 0.2em;}

	.mtitle{font-size: 1.6em;  margin:1em 0px 0.8em;}

}



.main{padding-bottom: 30px;}

.main .more{background: url(../fonts/f95c7b05ded347b9867d7d1ba40ff299.woff);text-align: center;bottom: 0;width: 100%;height: 70px;display: block; transform: translateY(100%);-moz-transform: translateY(100%);-webkit-transform: translateY(100%);transition: all .4s ease-out;-moz-transition: all .4s ease-out;-webkit-transition: all .4s ease-out;}

.case .info li .Img i img {max-width: 100%;max-height: 100%;}

.case .info li .Img {display: block;width: 100%;overflow: hidden;}

.case .info li .Img>img {display: block;width: 100%;height: auto;transition: all 1.2s ease-in-out;-moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;}

.case .info li .Txt {height: 70px;overflow: hidden;width: 100%;position: relative;text-align: center;overflow: hidden;z-index: 2;}

.case .info li .Txt h5 {font-size: 15px;line-height: 1.5;padding-top: 10px;color: #000;transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;}

.case .info li .Txt span {font-size: 13px;color: #999;font-style: oblique;transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; font-style: normal;}

.case .info li:hover .Txt h5 {color: #fff;}

.case .info li:hover .Txt span {color: #fff;}

.case .info li .Txt small {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;transform: translateY(-100%);-moz-transform: translateY(-100%);-webkit-transform: translateY(-100%);transition: all .4s ease-in-out .2s;-moz-transition: all .4s ease-in-out .2s;-webkit-transition: all .4s ease-in-out .2s;}

.case .info li:hover .Img i, .case .info li:hover .Txt small {transform: translate(0);-moz-transform: translate(0);-webkit-transform: translate(0); opacity: 1;}

.case .info li:hover .Img>img { transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1)}



@media only screen and (max-width:1440px) {

    .stone.case .sub-content, .myDiv1, .contact .myDiv2{padding-left: 0;padding-right: 0;}

    .case .info li .Txt h5{font-size: 14px;}

    .case .info li .Txt span{font-size: 12px;}

    .sub-menu .left{left: calc(10% - 69px);}

    .case .info {width: 100%}

}

@media only screen and (max-width:992px) {

    .case .info li {width: 49%; margin: 0 .5%;}

}



@media only screen and (max-width:768px) {

    .case .info li {width: 100%;}

    .stone.case .sub-content, .contact .myDiv2 {width: 95%; margin: 0 2.5%}

}

/*case滑动*/

.cases1{ -moz-transition:all 1s ease 0.1s; -ms-transition:all 1s ease 0.1s; -o-transition:all 1s ease 0.1s; -webkit-transition:all 1s ease 0.1s; transition:all 1s ease 0.1s;}

.cases2{-moz-transition:all 1s ease 0.4s; -ms-transition:all 1s ease 0.4s; -o-transition:all 1s ease 0.4s; -webkit-transition:all 1s ease 0.4s; transition:all 1s ease 0.4s;}

.cases3{-moz-transition:all 1s ease 0.7s; -ms-transition:all 1s ease 0.7s; -o-transition:all 1s ease 0.7s; -webkit-transition:all 1s ease 0.7s; transition:all 1s ease 0.7s;}

.slide-T{position:relative; top:-50px; opacity:0; filter:alpha(opacity=0);}

.noslide-T{position:relative; top:-50px; opacity:0; filter:alpha(opacity=0);}

.slide-Ton{top:0px; opacity:1; filter: alpha(opacity=1);}

.slide-B{position:relative; bottom:-50px; opacity:0; filter:alpha(opacity=0);}

.cases{position:relative; bottom:-150px; opacity:0; filter:alpha(opacity=0);}

.noslide-B{position:relative; bottom:-50px; opacity:0; filter:alpha(opacity=0);}

.slide-Bon{bottom:0px; opacity:1; filter: alpha(opacity=1);}

.slide-L{position:relative; left:-50px; opacity:0; filter:alpha(opacity=0);}

.noslide-L{position:relative; left:-50px; opacity:0; filter:alpha(opacity=0);}

.slide-Lon{left:0px; opacity:1; filter: alpha(opacity=1);}

.slide-R{position:relative; right:-50px; opacity:0; filter:alpha(opacity=0);}

.noslide-R{position:relative; right:-50px; opacity:0; filter:alpha(opacity=0);}

.slide-Ron{right:0px; opacity:1; filter: alpha(opacity=1);}

.slide-W{position:relative; left:-5%; width:110%; opacity:0; filter:alpha(opacity=0);}

.noslide-W{position:relative; left:-5%; width:110%; opacity:0; filter:alpha(opacity=0);}

.slide-Wsmall{position:relative; left:5%; width:90%; opacity:0; filter:alpha(opacity=0);}

.noslide-Wsmall{position:relative; left:5%; width:90%; opacity:0; filter:alpha(opacity=0);}

.slide-Won{left:0px; width:100%; opacity:1; filter: alpha(opacity=1);}

.slide-H{position:relative; height:0px; opacity:0; filter:alpha(opacity=0); overflow-x:hidden}

.noslide-H{position:relative; height:0px; opacity:0; filter:alpha(opacity=0);}

.slide-Hon{ height:auto; opacity:1; filter: alpha(opacity=1);}





/*pro*/

/*图片放大镜样式*/

/* box */

.lanrenzhijia{height:auto; overflow:hidden; border: 1px #f0f0f0 solid;}



.prodescc h2{font-size: 30px; color: #0091e5; font-weight: bold; line-height: 100px;}

.prodescc p{line-height: 36px; font-size: 16px; color: #666;}



.prodescc span{display: block;}

.prodescc span a{background: #0091e5; color: #fff; font-size: 16px; border-radius: 5px; margin-left: 15%; display: block;width: 25%; float: left; line-height: 34px; text-align: center; }

.propre a{display: block; line-height: 40px; font-size: 16px;}

.procon{padding: 50px 0px;}

.procon h2{background: #0091e5; color: #fff; text-indent: 2%; font-size: 20px; font-weight: bold; height: 46px; line-height: 46px;}

.procondesc{padding: 20px 0px;}













@media (min-width: 992px){

    .prodes{font-size: 16px; line-height: 30px;}

    .prodescc{float: right; width: 40%; }

    .prodescc span{display: block; margin-top:50px;}

    .prodescc p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}

    .lanrenzhijia{ width:50%; float: left;}

    .jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}

    .jqzoom img{ background:url(../images/loading.gif) no-repeat center center;}

    .zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;display:none;text-align:center;overflow:hidden;}

    .zoomdiv img{width: auto; height: auto; max-width: none; max-height: none;}

    .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/mask.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

}

 

@media (min-width: 768px){

    .prodes{font-size: 16px; line-height: 30px; padding:40px 0px;}

    .prodescc{float: right; width: 40%; }

    .prodescc span{display: block; margin-top:30px;}

    .lanrenzhijia{ width:50%; float: left;}

    .jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}

    .jqzoom img{ background:url(../images/loading.gif) no-repeat center center;}

    .zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;display:none;text-align:center;overflow:hidden;}

    .zoomdiv img{width: auto; height: auto; max-width: none; max-height: none;}

    .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/mask.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

    .prodescc p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}

}





@media (max-width: 768px){

    .prodes{font-size: 1em; line-height: 1.8em; padding:1em 2%;}

    .prodescc{ width: 100%; }

    .prodescc span{display: block; margin-top:30px;}

    .lanrenzhijia{ width:100%;}

    .jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}

    .jqzoom img{ background:url(../images/loading.gif) no-repeat center center;}

    .zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;display:none;text-align:center;overflow:hidden;}

    .zoomdiv img{width: auto; height: auto; max-width: none; max-height: none;}

    .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/mask.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

    .prodescc p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}

}





/*new*/

.mcontent hr{height: 1px; margin:15px 0px;}

@media (min-width: 992px){

    .mcontent{font-size: 16px; line-height: 30px; padding: 40px 0px;}

    .mcontent h1{font-size: 24px; text-align: center;}

    .mcontent .datetime{text-align: center; margin: 25px 0px; font-size: 14px; color: #999;}

    .mcon{padding: 10px 100px; color: #666666;}

    .mcontent hr{color: #cecece; background: #cecece; border-color: #cecece;}

}



@media (min-width: 768px) and (max-width: 992px){

    .mcontent{font-size: 16px; line-height: 30px; padding: 30px 0px;}

    .mcontent h1{font-size: 24px; text-align: center;}

    .mcontent .datetime{text-align: center; margin: 25px 0px; font-size: 14px; color: #999;}

    .mcon{padding: 10px 20px; color: #666666;}

    .mcontent hr{color: #cecece; background: #cecece; border-color: #cecece;}

}

.prenext a{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

@media (min-width: 768px){

    .prenext{padding: 20px 0px;}   

    .prenext .pre{float: left; max-width: 49%;}

    .prenext .next{float: right; max-width: 49%;}

    .return{text-align: center; margin-top:50px;}

    .return a{background: #0091e5; color: #fff; padding:6px 30px; border-radius: 5px;}

}



@media (max-width: 768px){

    .mcontent{font-size: 1.11em; line-height: 30px; padding: 1em 2%;}

    .mcontent h1{font-size: 1.25em; text-align: center;}

    .mcontent .datetime{text-align: center; margin: 25px 0px; font-size: 14px; color: #999;}

    .mcontent .datetime img{width: 1.3em;}

    .mcon{padding: 10px 0; color: #666666;}

    .mcontent hr{color: #cecece; background: #cecece; border-color: #cecece;}

    .prenext{padding: 1em 0px;}

    .prenext a{display: block; margin:10px 0px;}

    .return{text-align: center; margin-top:2em;}

    .return a{background: #0091e5; color: #fff; padding:0.3em 1.5em; border-radius: 0.4em;}

}







/*prolist*/



.f8f8f8{background: #f8f8f8;}

.prolist a{display: block; float: left; position: relative; overflow: hidden;}

.prolist img{display: block; max-width: 100%;}

.prolist span{display: block; width: 100%; background: rgba(0,0,0,0.6); position: absolute; left: 0px; bottom: 0px; text-align: center;  color: #fff;}
.prolist a:hover span{display: block; width: 100%; background:url(../images/ind_probg.png) center center no-repeat; background-size: 100% 100%; position: absolute; left: 0px; bottom: 0px; text-align: center; color: #fff;}

.prolistbot{width: 100%; padding-bottom: 60px;}

.prolistbot img{max-width: 100%;}

.prolist a:hover span{display: block;}

@media (min-width: 992px){

	.prolist{padding:15px 0px 50px;}
	
    .prolist a{width: 24%; margin: 13px 0.5% 0;}
    .prolist span{height: 40px; line-height: 40px;}
    .prolist a:hover span{display: block; height: 100%; width: 100%; line-height: 100%;  padding-top:30%; font-size: 16px;}

}



@media (max-width: 992px) and (min-width: 768px){ 

    .prolistbot{display: none;}

    .prolist a{width: 32%; margin: 10px 0.65%;}
	.prolist span{height: 35px; line-height: 35px;}
    .prolist a:hover span{display: block; height: 100%; width: 100%; line-height: 100%; padding-top:30%; font-size: 16px;}

}

@media (max-width: 768px){

    .prolist a{width: 49%; margin: 0.5em 0.5%;}

    .prolist span:hover{ height: 1.8em; line-height: 1.8em;}
}





/*caselist*/

.caselist a{display: block; float: left; text-align: center;}

.caselist a:hover{background: #0091e5; color: #fff;}

.caselist a:hover img{filter:alpha(opacity=50); -moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}

.caselist a span{display: block;}

@media (min-width: 992px){

	.caselist{padding: 15px 0px}

	.caselist a{width: 30%; margin:10px 1.666%; padding:10px 1%;}

	.caselist a span{height: 50px; line-height: 50px; font-size: 16px;}

}

@media(min-width: 768px) and (max-width: 992px){

	.caselist{padding: 15px 0px}

	.caselist a{width: 31%; margin:10px 1.1666%; padding:10px 1%;}

	.caselist a span{height: 50px; line-height: 50px; font-size: 16px;}

}

@media (max-width: 768px){

	.caselist{padding: 1em 0px}

	.caselist a{width: 48%; margin:0.5em 1%; padding:0.5em 1%;}

	.caselist a span{height: 2.5em; line-height: 2.5em; font-size: 1em;}

}

 

.mcontact li{float: left; text-align: center; border:1px #dedede solid; position: relative;}

.mcontact li img{position: absolute; left: 50%;}

.mditu{height: 100px; background: #f8f8f8;}

.mmessage{background: #f3f3f3;}

@media(min-width: 1200px){
	.mcontact{padding-bottom: 35px;}
	.mcontact ul{padding-top:65px;}

	.mcontact li{width: 288px; height: 226px; margin: 0px 12px; font-size: 20px; line-height: 28px; }

	.mcontact li img{width:130px; top:-65px; margin-left: -65px;}

	.mcontact li h3{padding-top:100px; font-weight: bold; margin-bottom: 35px;}

	.mcontact li:first-child{margin:0px;}

	.mcontact li:last-child{margin:0px;}



	.mditu{margin:30px auto 50px;}

}



@media(min-width: 992px) and (max-width: 1200px){
.mcontact{padding-bottom: 30px;}
	.mcontact ul{padding-top:55px;}

	.mcontact li{width: 232px; height: 182px; margin: 0px 10px; font-size: 18px; line-height: 28px;}

	.mcontact li img{width:110px; top:-55px; margin-left: -55px;}

	.mcontact li h3{padding-top:72px; font-weight: bold; margin-bottom: 25px;}

	.mcontact li:first-child{margin:0px;}

	.mcontact li:last-child{margin:0px;}



	.mditu{margin:25px auto 40px;}

}

@media(min-width: 768px) and (max-width: 992px){
	.mcontact{padding-bottom: 25px;}

	.mcontact ul{padding-top:42px;}

	.mcontact li{width: 180px; height: 150px; margin: 0px 7px; font-size: 16px; line-height: 24px;}

	.mcontact li img{width: 84px;  top:-42px; margin-left: -42px;}

	.mcontact li h3{padding-top:55px; font-weight: bold; margin-bottom: 18px;}

	.mcontact li:first-child{margin:0px;}

	.mcontact li:last-child{margin:0px;}

	.mditu{margin:20px auto 30px;}

}

.mesage .txt{background: #fff; border:1px #d2d2d2 solid; text-indent: 6px;}

.mesage .sub{background: #0091e5; width: 100%; color: #fff;}

.mesage textarea{width: 100%; text-indent: 6px; border:1px #d2d2d2 solid;}

@media (min-width: 768px){
	
	.mesage{padding-bottom: 70px;}

	.mesage .txt{width: 24%; float: left; margin:0px 0.5711111%; line-height: 46px;}

	.mesage .txt:first-child{margin-left:0px;}

	.mesage .add{margin-right:0px;}

	.mesage textarea{margin:25px 0px 20px;}

	.mesage .sub{ line-height: 46px;}

}

@media (max-width: 768px){
	.mcontact{padding-bottom: 15px;}

	.mcontact li{width: 48%; height: 9em; margin: 3em 1% 0; font-size: 1.2em; line-height: 1.6;}

	.mcontact li img{width: 5em;  top:-2.5em; margin-left: -2.5em;}

	.mcontact li h3{padding-top:3em; font-weight: bold; margin-bottom: 1em;}



	.mditu{margin:1em auto 1.5em;}

	.mesage{padding: 1em 2% 2em;}

	.mesage .txt{width: 100%; float: left; line-height: 2em; margin-bottom: 0.5em;}

	.mesage textarea{margin-bottom: 0.5em;}

	.mesage .sub{ line-height: 46px; font-size: 1.1em;}

}



.newposi a{display: block; float: left; border:1px #f0f0f0 solid; position: relative;}

.newposi h3{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.newposi span{position: absolute;}

.mnewslist{background: #f4f5f6;}

.mnewslist .newlistul li{ margin-top:6px;}

.mnewslist .newlistul li:hover{background: #fff;}

.mnewslist .newlistul .img{float: left;}

.mnewslist .newlistul .word{float: right; position: relative;}

.mnewslist .newlistul li p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}

.mnewslist .newlistul li .more{position: absolute;text-align: center; border:1px solid #cdcdcd;bottom:0px; left: 0px; }

.mnewslist .newlistul li .date{color: #999; }

@media (min-width: 1200px){

	.newposi{width: 1160px; margin:30px auto 25px;}

	.newposi h3{font-size: 16px; margin-top:15px; line-height: 1.6;}

	.newposi span{font-size: 12px; color: #999; left: 18px; bottom: 18px;}

	.newposi a{width: 376px;height:305px; padding:18px; margin:0px 5px;}



	.mnewslist .newlistul{padding:20px 0px;}

	.mnewslist .newlistul li{padding:12px 25px; line-height: 25px;}

	.mnewslist .newlistul .img{width: 200px; height: 150px;}

	.mnewslist .newlistul .word{width: 938px; height: 150px;}

	.mnewslist .newlistul li h3{font-size: 18px; line-height: 2;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}

	.mnewslist .newlistul li p{color: #666; margin-top:6px;}

	.mnewslist .newlistul li .more{width: 100px; height: 34px;line-height:34px;}

	.mnewslist .newlistul li .date{position: absolute;top:10px; right: 0px;}

}



@media (min-width: 992px) and (max-width: 1200px){

	.newposi{margin:30px auto 25px;}

	.newposi h3{font-size: 16px; margin-top:15px; line-height: 1.6;}

	.newposi span{font-size: 12px; color: #999; left: 13px; bottom: 13px;}

	.newposi a{width: 313px;height:305px; padding:13px; margin:0px 5px;}



	.mnewslist .newlistul{padding:20px 0px;}

	.mnewslist .newlistul li{padding:12px 25px; line-height: 25px;}

	.mnewslist .newlistul .img{width: 200px; height: 150px;}

	.mnewslist .newlistul .word{width: 700px; height: 150px;}

	.mnewslist .newlistul li h3{font-size: 18px; line-height: 2;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}

	.mnewslist .newlistul li p{color: #666; margin-top:6px;}

	.mnewslist .newlistul li .more{width: 100px; height: 34px;line-height:34px;}

	.mnewslist .newlistul li .date{position: absolute;top:10px; right: 0px;}

}





@media (min-width: 768px) and (max-width: 992px){

	.newposi{margin:20px auto 15px;}

	.newposi h3{font-size: 14px; margin-top:15px; line-height: 1.6;}

	.newposi span{font-size: 12px; color: #999; left: 13px; bottom: 13px;}

	.newposi a{width: 240px;height:220px; padding:13px; margin:0px 5px;}



	.mnewslist .newlistul{padding:20px 0px;}

	.mnewslist .newlistul li{padding:12px 15px; line-height: 25px;}

	.mnewslist .newlistul .img{width: 170px; height: 128px;}

	.mnewslist .newlistul .word{width: 535px; height: 128px;}

	.mnewslist .newlistul li h3{font-size: 18px; line-height: 2;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}

	.mnewslist .newlistul li p{color: #666; margin-top:6px;}

	.mnewslist .newlistul li .more{width: 100px; height: 30px;line-height:30px;}

	.mnewslist .newlistul li .date{position: absolute;top:10px; right: 0px;}

}

@media (max-width: 768px) {

	.newposi{margin:1em auto 1.5em;}

	.newposi h3{font-size: 1.2em; margin-top:1em; line-height: 1.6;}

	.newposi span{font-size: 0.9em; color: #999; left: 13px; bottom: 13px;}

	.newposi a{width: 96%;height:21em; padding:13px; margin:0px 2%;}



	.mnewslist .newlistul{padding:1em 0px;}

	.mnewslist .newlistul li{padding:0.5em; line-height: 1.5;}

	.mnewslist .newlistul .img{width: 30%;}

	.mnewslist .newlistul .word{width: 68%;}

	.mnewslist .newlistul li h3{font-size: 1.05em; line-height: 2;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}

	.mnewslist .newlistul li .date{}

	.mnewslist .newlistul li p,.mnewslist .newlistul li .more{display: none;}

}



.joblist{height: auto;overflow: hidden;margin-top:0px auto;}

.job_listdl {width: 100%;height: 50px;line-height: 50px; background: #ecf1f2; position: relative; margin:10px 0px;}

.job_listdl dd{float: left; font-size: 16px; display: block; height: 50px; line-height: 50px;}

.job_listdl dd.ren{background: url(../images/jobline.png) center left no-repeat; text-align: center;}

.job_listdl dd.bumen{text-align: center;}

.job_listdl dd.more{background: url(../images/moreinfo.png) center right no-repeat;}

.job_listcon {width: auto;height: auto;overflow: hidden;padding: 10px 10px 20px;line-height: 25px;}



@media screen and (min-width:768px){

    .publicfff{padding:30px 0 50px;}

    .job_listdl{padding:0px 2% 0px 3%;}

    .job_listdl dd.title{width: 70%;}

    .job_listdl dd.bumen{width: 10%;}

    .job_listdl dd.ren{width: 15%;}

    .job_listdl dd.more{width: 5%;}

}



@media screen and (max-width:768px){

    .publicfff{padding:1em 2% 2em;}

    .job_listdl{padding:0px 2% 0px 3%; line-height: 3em; height: 3em;}

    .job_listdl dd{line-height: 2.5em; height: 2.5em;}

    .job_listdl dd.title{width: 60%;}

    .job_listdl dd.bumen{width: 25%;}

    .job_listdl dd.ren{width: 15%; display: none;}

    .job_listdl dd.more{width: 15%;}

}











.footer{background: #333; color: #666;}

.footer .main_contact{padding: 20px 0 32px;display: flex;justify-content: space-around;position: relative; top: 60px; opacity: 0;}

.footer .main_contact dl{width: 195px;}

.footer .main_contact dl img{max-height: 150px;}

.footer .main_contact dt{line-height: 45px;font-size: 16px;color: #fff; font-weight: bold;}

.footer .main_contact dd{line-height: 30px;font-size: 14px; color: #e5e5e5;}

.footer .main_contact dd a,.footer .main_contact dt a{color: #fff;  color: #e5e5e5;}

.footer .main_contact dd a:hover{color: #0091e5; }

.footbot{text-align: center;}

.footbot span{color: #e5e5e5; display: inline-table;}

.footbot p{color: #666;}

.footbot a{display: inline-table; color: #666;}

.footbot .phone{background: url(../images/top_icon_phone.png) left center no-repeat;}

.footbot .address{background: url(../images/bot_address.png) left center no-repeat;}

.footbot .email{background: url(../images/bot_email.png) left center no-repeat;}

.footbot .qq{background: url(../images/bot_qq.png) left center no-repeat;}



@media screen and (min-width: 1200px) {

	.footer .main_contact{padding: 18px 0 28px;}

	.footer .main_contact dl{width: 195px;}

	.footer .main_contact dt{line-height: 40px;font-size: 16px;;}

	.footer .main_contact dd{line-height: 30px;font-size: 14px;}

	.footbot .phone{font-size: 36px;}

	.contactt{margin:20px 0px;}

	.contactt span{margin:0px 20px;}

}



@media screen and (min-width: 992px) and  (max-width: 1200px){

	.footer .main_contact{padding: 16px 0 24px;}

	.footer .main_contact dl{width: 150px;}

	.footer .main_contact dt{line-height: 44px;font-size: 16px;}

	.footer .main_contact dd{line-height: 28px;font-size: 14px;}

	.footbot .phone{font-size: 34px;}

	.contactt{margin:15px 0px;}

	.contactt span{margin:0px 15px;}

}



@media screen and (min-width: 768px) and (max-width: 992px){

	.footer .main_contact{padding: 16px 0 24px;}

	.footer .main_contact dl{width: 110px;}

	.footer .main_contact dt{line-height: 40px;font-size: 16px;}

	.footer .main_contact dd{line-height: 26px;font-size: 14px;}

	.footbot .phone{font-size: 32px;}

	.contactt{margin:10px 0px;}

	.contactt span{margin:0px 10px;}

}

@media screen and (min-width: 768px){

	.footbot{line-height: 2; padding:25px 0px 20px; border-top:1px rgba(255,255,255,0.3) solid; margin-top:10px;}

	.footbot span{padding-left: 28px;}

	.footbot .phone{font-size: 30px; padding-left: 50px;}

	

}

@media screen and (max-width: 768px){

	.footer{padding:0px 2%;}

	.footer .main_contact{display: none;}

	.footer .footbot{padding:1em 0px; line-height: 2;}

	.footbot .phone{font-size: 1.8em; padding-left: 1.3em; background-size: 1.2em;}

	.contactt{margin:1em 0px;}

	.contactt span{padding-left: 2em; display: block; text-align: left; margin-left: 8%; line-height: 2.5;}

}




@media screen and (min-width: 1200px) {
	.mhuanjing li{width: 380px; margin:10px 10px;}
	.mhuanjing li img{height: 215px;}
}

@media screen and (min-width: 992px) and (max-width: 1200px){
	.mhuanjing li{width: 303px; margin:10px 10px;}
	.mhuanjing li img{height: 175px;}
}
@media screen and (min-width: 768px) and (max-width: 992px){
	.mhuanjing li{width: 240px; margin:5px 5px;}
	.mhuanjing li img{height: 140px;}
}
@media screen and (min-width: 768px){
	.mhuanjing li{float: left;}
	
}
@media screen and (max-width: 768px){
	.mhuanjing li{margin: 0.4em 0px;}
}















mhuanjing