@media(max-width: 768px) {
	.msoace {
		height: 60px;
	}

	.pc {
		display: none;
	}

	.mobile {
		display: block;
	}

	.mobile .header {
		margin: 0;
		width: 100%;
		height: 60px;
		position: fixed;
		z-index: 5;
		top: 0px;
		min-width: 100%;
		background: #fff;
	}

	.mobile .header h1 {
		float: left;
		margin: 15px 0 0 10px;
		width: 70%;
		background: #fff;
	}

	.mobile .header h1 img {
 /* width:90%; height: 45px;*/
		height: 30px;
	}

	.mobile .header_nav {
		position: relative;
		float: right;
		margin-right: 10px;
		background: #fff;
	}

	.mobile .header_nav ul {
		position: absolute;
		top: 46px;
		z-index: 999;
		right: -10px;
		width: 140px;
		display: none;
	}

	.mobile .header_nav li {
		background: #000 url(images/in_2.png) no-repeat;
		filter: alpha(opacity=70);
 /*IE滤镜，透明度50%*/
		-moz-opacity: 0.7;
 /*Firefox私有，透明度50%*/
		opacity: 0.7;
 /*其他，透明度50%*/
		border-bottom: 1px solid #FFF;
		list-style: none;
	}

	.mobile .header_nav li a {
		height: 52px;
		line-height: 52px;
		color: #fff;
		font-size: 14px;
		text-align: center;
		display: block;
	}

	.mobile .header_nav li a:hover {
		color: #b71d22;
	}

	.mobile .header_ri {
		height: 30px;
		margin: 15px 0 0 10px;
		cursor: pointer;
	}

	.title {
		margin-bottom: 28px;
	}

	.title1 {
	}

	.cnt {
	}

	.ent {
		text-align: center;
		margin-top: -20px;
		font-size: 12px;
	}

	.intro {
		width: 96%;
		margin: 0 auto;
	}

	.introtop {
		overflow: hidden;
	}

	.introimg {
		float: left;
		border-top: 1px solid #2896cb;
		width: 100%;
	}

	.introtxt {
		float: right;
		width: 100%;
		border-top: 1px solid #2894cb;
		line-height: 32px;
		padding-top: 15px;
		font-size: 13px;
	}

	.introtxt p {
		text-indent: 2em;
	}

	.introtxt p b {
		color: #2896cb;
	}

	.introbottom {
		overflow: hidden;
        /* float: left; */
		border-top: 1px solid #2896cb;
		border-bottom: 1px solid #2896cb;
		padding: 20px 0;
		margin: 20px 0;
        /* line-height: 30px; */
	}

	.introbottomL {
		float: left;
		color: #2896cb;
		font-weight: 700;
		width: 20px;
		border: 1px dashed #2896cb;
		text-align: center;
		padding: 10px;
		margin-top: 22px;
	}

	.introbottomR {
		width: 85%;
		float: right;
		line-height: 20px;
		font-size: 13px;
	}

	.zonghe {
		background: url(../images/2.png) no-repeat;
		background-size: 100% 100%;
		overflow: hidden;
		padding: 20px 0;
	}

	.zonghecon {
		width: 100%;
		margin: 0 auto;
		background: url(../images/nengyuanbg.png) no-repeat;
		background-size: 100% 100%;
		padding: 30px 0;
	}

	.title1 {
		background: url("../images/title2.png") center no-repeat;
		background-size: 428px;
		height: 113px;
		text-align: center;
		line-height: 113px;
		font-size: 22px;
		font-weight: 700;
		color: #fff;
	}

	.title2 {
		background: url("../images/title1.png") center no-repeat;
		background-size: 428px;
		height: 113px;
		text-align: center;
		line-height: 107px;
		font-size: 24px;
		font-weight: 700;
	}

	.zongheintro {
		width: 80%;
		margin: 0 auto 30px;
		color: #fff;
		line-height: 30px;
	}

	.zongheintro p {
	}

	.procenter {
		background: url(../images/index3.png) no-repeat;
		background-size: 100% 100%;
		padding: 30px 0;
	}

	.productintro {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}

	.productintro a {
		width: 50%;
		float: left;
		display: block;
		text-align: center;
		text-decoration: none;
		color: #fff;
		margin: 0px 0;
		height: 200px;
	}

	.productintro a:hover {
		background: rgba(255,255,255,.2);
		border-radius: 10px;
	}

	.productintro a img {
		margin: 20px 0;
        /* height: 65px; */
	}

	.productintro .proline {
	}

	.casecenter {
		background: url(../images/index2.png) no-repeat;
		background-size: 100% 100%;
		padding: 30px 0;
		padding-bottom: 68px;
	}

	.newscenter {
		background: url(../images/index4.png) no-repeat;
		background-size: 100% 100%;
		overflow: hidden;
	}

	.newsbox {
		width: 97%;
		margin: 0 auto 40px;
		background: #fff;
		border-radius: 12px;
	}

	.newscon {
		width: 100%;
		margin: 0 auto;
		background: #fff;
		border-radius: 12px;
		overflow: hidden;
	}

	.newsitem {
        /* width: 20%; */
        /* float: left; */
        /* margin: 2%; */
	}

	.newsitem a {
		display: block;
		width: 46%;
		float: left;
		margin: 0 2%;
		margin-bottom: 47px;
	}

	.newsitem img {
		width: 100%;
	}

	.newsline {
	}

	.newstitle {
		color: #333;
		margin: 10px 0;
		line-height: 26px;
	}

	.newsdes {
		color: #666;
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 22px;
	}

	.newsmore {
		border: 1px solid #069BE1;
		color: #069BE1;
		text-align: center;
		width: 153px;
		margin: 0 auto;
		display: block;
		padding: 6px 0;
		border-radius: 30px;
	}

	.footer {
		background: #313334;
		overflow: hidden;
	}

	.footertop {
		width: 100%;
		margin: 0 auto;
		display: none;
		overflow: hidden;
	}

	.footeritem {
		float: left;
		width: 20%;
		line-height: 30px;
		color: #fff;
	}

	.footername {
	}

	.footeritem a {
		color: #fff;
		display: block;
	}

	.footeritem >p {
		color: #069BE1;
		margin-top: 30px;
		margin-bottom: 10px;
	}

	.footerbottom {
		width: 100%;
		margin: 17px auto;
		overflow: hidden;
		border-top: 1px solid #666;
		margin-bottom: 14px;
		overflow: hidden;
		padding: 10px 0;
	}

	.footerbotL {
		float: left;
		color: #666;
	}

	.footerbotR {
		float: right;
	}

	.footerbotR a {
	}

	.footerbotR img {
		width: 20px;
	}

	.caseproduct {
	}

	.caseptabbox {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}

	.caseproductcon {
		overflow: hidden;
		display: none;
	}

	.caseproductconL {
		float: left;
		width: 97%;
		margin: 2%;
	}

	.caseproductconL h2 {
	}

	.casecompany {
		color: #009fe9;
		margin: 10px 0;
	}

	.miaoshu {
		font-size: 14px;
		color: #666;
		line-height: 28px;
	}

	.caseproductconR {
		float: left;
		text-align: center;
        /* width: 30%; */
	}

	.caseproductconR img {
		width: 94%;
	}

	.caseptab {
		position: absolute;
		right: 15%;
		bottom: 54px;
		background: rgba(255,255,255,.5);
		padding: 10px;
	}

	.caseptab a {
		display: block;
		float: left;
		width: 40px;
		height: 30px;
	}

	.caseptab a.active {
		border: 2px solid #fff;
	}

	.caseptab a img {
		width: 40px;
		height: 30px;
	}

	.pagecase {
		margin: 0 auto;
		background: url("../images/casepbg.png") no-repeat;
		background-size: 100%;
		overflow: hidden;
	}

	.morecase {
		overflow: hidden;
		margin: 27px auto;
		width: 93%;
	}

	.morecase span {
		color: #fff;
	}

	.morecase a {
		float: right;
		color: #fff;
		margin-right: 22px;
	}

	.casegroup {
		overflow: hidden;
		width: 100%;
		margin: 0 auto;
	}

	.caseitem {
		width: 47%;
		margin: 1%;
		float: left;
		background: #fff;
		border-radius: 10px;
		box-shadow: 1px 1px 3px 1px #ddd;
	}

	.caseitem a img {
		width: 100%;
	}

	.casename {
		color: #009fe9;
		padding: 10px;
		display: block;
	}

	.casedes {
		padding: 5px 10px 22px;
		color: #666;
		font-size: 14px;
	}

	.jiejue {
		overflow: hidden;
	}

	.jiejueL {
		float: left;
		width: 100%;
		background: #009fe9;
		padding: 40px 0;
		height: auto;
	}

	.jiejueLcon {
		width: 68%;
		margin: 10px auto;
		float: left;
		margin-left: 11%;
		color: #fff;
		line-height: 1.8;
	}

	.jiejueLcon h2 {
	}

	.jueenmae {
		margin: 10px 0;
	}

	.jijueline {
		width: 100px;
		height: 1px;
		border-top: 1px solid #ddd;
		margin-bottom: 15px;
	}

	.jiejuedes {
	}

	.jiejueR {
		float: left;
		width: 100%;
		margin-left: 0;
		margin-top: 0;
	}

	.jiejueR img {
		width: 98%;
		float: left;
		margin-top: 10px;
		}

	.pageprodct {
		width: 100%;
		margin: 40px auto;
	}

	.pagplist {
		overflow: hidden;
		background: url("../images/dianline.png") no-repeat 2px 0;
		background-size: 13px 100%;
		padding: 5px 0;
		padding-bottom: 35px;
		padding-left: 23px;
		height:620px;
	}

	.pagplistL {
		float: none;
		width: 97%;
		margin: 0 auto;
		
        /* padding-left: 29px; */
	}

	.pliname {
		width: 100%;
		color: #009fe9;
		float: left;
		font-weight: 700;
		margin-top: 0;
	}

	.plinameen {
		float: left;
		width: 100%;
		word-break: break-word;
		font-size: 12px;
		color: #009fe9;
		margin-top: 18px;
		margin-left: 0;
		margin-right: 26px;
		margin-bottom: 19px;
		transform: rotate(360deg);
	}
	.plinameen2 {
		float: left;
		width: 100%;
		word-break: break-word;
		font-size: 12px;
		color: #009fe9;
		margin-top: 18px;
		margin-left: 0;
		margin-right: 26px;
		margin-bottom: 19px;
		transform: rotate(360deg);
	}


	.pagplistM {
        /* float: left; */
	}

	.pagplistM img {
		height: 100%;
		display: none;
	}

	.pagplistR {
		float: left;
		color: #666;
		text-decoration: none;
		width: 96%;
		margin: 0 auto;
		display: block;
		top:0%;
		transform:translateY(0%);
	}
	.pagplistRR{
		float: left;
		color: #666;
		text-decoration: none;
		width: 96%;
		height:450px;
		margin: 0 auto;
		display: block;
	}
	.spname {
		color: #009fe9;
		margin-bottom: 10px;
	}

	.spdes {
	}

	.pagplistR1 {
		float: none;
		margin: 0 auto;
		width: 97%;
		display: block;
	}

	.pagplistR1 img {
		width: 98%;
        height: 301px;
	}

	.indexcaseitem {
		background: #F0F3F6;
		overflow: hidden;
		width: 82%;
	}

	.indexcaseitemL {
		float: left;
		width: 47%;
	}

	.indexcaseitemL a {
		display: block;
	}

	.indexcaseitemL a img {
		width: 100%;
	}

	.indexcaseitemR {
		float: left;
		padding: 40px;
		margin: 20px 0;
		width: 33%;
	}

	.incaseen {
		color: #069BE1;
	}

	.incasecn {
		color: #666;
		display: block;
		margin: 10px 0;
	}

	.moreindexcase {
		background: #069BE1;
		color: #fff;
        /* padding: 10px 49px; */
		display: inline-block;
		width: 100px;
		height: 33px;
		text-align: center;
		line-height: 33px;
	}

	.newscenter .morecase {
		width: 96%;
	}

	.about {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;		
	}

	.about-img {
		width: 94%;
		height:240px;
		float: left;
		text-align: right;
	}

	.about-img img {
		width: 94%;
	}

	.about-con {
		float: left;
		width: 97%;
		margin: 2%;
	}

	.about-con h3 {
		color: #009fe9;
		font-size: 26px;
		margin: 10px 0;
	}

	.about-bot {
		float: left;
		max-width: 500px;
	}

	.about-bot p {
		font-size: 16px;
		color: #666;
		display: block;
	}

	.contact {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}

	.contactL {
		float: left;
		width: 97%;
		margin: 2%;
	}

	.contactR {
		float: left;
		text-align: center;
	}
}