@charset "utf-8";
/*你懂得*/
@media screen and (max-width: 640px) {
.header .top {display: none;}
.wrap {width: 100%!important;}
.header .comm .logo_xian {display: none!important;}
.header .comm .logo_word {display: none!important;}
.header .comm .logo_img {width: 40%;    margin-left: 2%;}
.header .comm .logo_img img {width: 100%; height: auto;}
.logo_tel {margin-top: 3%!important;width: 50%;}
.header .comm .logo_tel .fl { margin-right: auto!important;width: 20%!important;}
.header .comm .logo_tel .fr {width: 80%;}
.header .comm .logo_tel .fr p { font-size: 18px!important;}
.header .comm {padding: 10px 0px 9px!important;}
.nav {padding: unset!important; height: auto!important; line-height: 45px!important;}
.nav .nLi {width: 25%;text-align: center; border-bottom: 1px solid #fff;}
.nav .nLi h3 {float: none!important;}
.nav .on h3 a { background: #018ae1!important;}
.nav .nLi h3 a {padding: unset!important;background: #018ae1;font-size: 0.85em!important; }
.nav li a:after {
    content: '';
    position: absolute;
    top: 0;
    right: -2px;
    z-index: 9;
    height: 100%;
    width: 0px;
    border-right: 1px solid #fff;
}
.fullSlide {display: none!important;}
.bannerBox img{
	width:100%;
}
.focus{
	width:100%;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
.focus .hd{
	width:100%;
	height:5px;
	position:absolute;
	z-index:1;
	bottom:0;
	text-align:center;
}
.focus .hd ul{
	overflow:hidden;
	display:-moz-box;
	display:-webkit-box;
	display:box;
	height:0.5em;
	background-color:#d1d1d1;
}
.focus .hd ul li{
	-moz-box-flex:1;
	-webkit-box-flex:1;
	box-flex:1;
	font-size:0;
}
.focus .hd ul .on{
	background-color: #018ae1;
}
.focus .bd{
	position:relative;
	z-index:0;
}
.focus .bd li img{
	width:100%;
}
.focus .bd li a{
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */
}
.fix {display: none!important;}
.Ihotline {display: none!important;}
.con2 .p_nav { width: 100%!important;float: unset!important;border: none!important;}
.con2 .p_nav .tit {background: none!important; height: auto!important; }
.aside {display: none!important;}
.con2 .p_con {width: 100%!important; float: left!important;}
.con2 .p_nav .tit p {font-size: 2em!important; color: #018ae1!important;font-weight: bold;}
.con2 .p_nav .tit span {color: #666!important; font-size: 14px!important; line-height: unset!important;}
.p_con .tit {display: none!important;}
.p_con {border: none!important;}
.p_con ul li {width: 46%!important; margin: 2%!important;}
.p_con ul { margin: auto!important;}
.p_con ul li .img {width: 100%!important;  border: none!important;}
.p_con ul li span {display: none!important;}
.more-box{
	display:block;
	margin-top:0.5em;
	position:relative;
	background-color:#fafafa;
	background-image:-moz-linear-gradient(top , #fafafa , #d5d4d4);
	background-image:-webkit-linear-gradient(top , #fafafa , #d5d4d4);
	background-image:-o-linear-gradient(top , #fafafa , #d5d4d4);
	background-image:-ms-linear-gradient(top , #fafafa , #d5d4d4);
	background-image:linear-gradient(top , #fafafa , #d5d4d4);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dedede;
	display: block;
	text-align: center;
	width: 60%;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	padding-top: 2%;
	padding-right: 0px;
	padding-bottom: 2%;
	padding-left: 0px;
	border:1px solid #dedede;
	-webkit-border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
}
.ad-box dl{width:95%; margin:0 auto; overflow:hidden;}
.ad-box dl dt{ display:block;width:100%; overflow:hidden;text-indent:4em; border-bottom:solid 1px #ccc; padding-bottom:0.6em;}
.ad-box dl dt b{font-size:1.4em; color:#0077cb;}
.ad-box dl dt p{font-size:0.9em; color:#333; margin-top:1em;}
.ad-box dl dd{
	margin-left:1em;
	margin-top:0.5em;
	margin-bottom:0.5em;
}
.ad-box dl dd ul li{ display:block; font-size:0.85em;line-height:2em; background:url(/images/m_06.jpg) left 0.3em no-repeat; background-size:1em;padding-left:1.5em;color:#444;}
.main02 {display: none!important;}
.main03 {display: none!important;}
.Iblank2 {display: none!important;}
.Icustomer_content .Iproduct_18333 {width: 100%!important;}
.Icustomer_content {width: 100%!important;}
.picScroll-left .hd .next {display: none!important;}
.picScroll-left .hd .prev {display: none!important;}
.Idsf_content1 {background: none!important; margin: auto!important;}
.Idsf_content {background: none!important;width: 100%!important;}
.Idsf_pic {display: none!important;}
.Idsf_word {width: 100%!important;}
.Idsf_72ddd {display: none!important;}
.Idsf_word .Idsf_36333 {margin: auto!important; text-align: center!important;}
.Idsf_36333 {font-size: 26px!important;}
.Idsf_word_bottom {height: auto!important;}
.Icustomer_content {display: none!important;}
.container {width: 100%!important;}
.dtbox {width: 100%!important; height: auto!important; border: none!important;}
.dtbox dl dt {width: 45%;}
.dtbox dl dt img {width: 100%; height: auto;}
.dtbox dd { margin-left: 46%!important;  width: 55%;}
.dtbox dd h5 { height: 30px!important; line-height: unset!important; font-size: 14px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.dtbox dd p {height: auto!important; word-break: break-all; text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5;}
.dtbox li { width: 88%!important;}
.fwzc {display: none!important;}
.foot-Copyright {
	font-size: 1.2em;
	line-height: 3em;
	color: #FFF;
	text-align: center;
	height: 3em;
	background-color: #323232;
	padding-top: 1em;
	padding-bottom: 1em;
}
.top_bar {
	position:fixed;
	z-index:900;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	font-family:Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif;
}
.top_menu {
	display:-webkit-box;
	display: block;
	width: 100%;
	background: rgba(255, 255, 255, 0.7);
	height: 40px;
	display: -webkit-box;
	display: box;
	margin:0;
	padding:0;
	-webkit-box-orient: horizontal;
	background: -webkit-gradient(linear, 0 0, 0 100%, to(#004f80), color-stop(50%, #018ae1));
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset;
	border-top:#018ae1 solid 1px;
}

.top_bar .top_menu>li {
	-webkit-box-flex:1;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.4))), -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.15))); 
	 -webkit-background-size:1px 100%, 1px 100%;
	 background-size:1px 100%, 1px 100%;
	 background-position: 1px center, 2px center;
	 background-repeat: no-repeat;
	 position:relative;
	 text-align:center;
}
.top_menu li:first-child {
	background:none;
}
.top_bar .top_menu li a {
	line-height:40px;
	display:block;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	-webkit-box-flex:1;
}
.top_bar .top_menu li a label{
	padding:3px 0 0 3px;
	font-size:12px;
	overflow:hidden;
}
.top_bar .top_menu>li>a img{
	display:inline-block;
	height:20px;
	width:20px;
	margin-top:-2px;
	color:#fff;
	line-height:40px;
	vertical-align:middle;
}
.top_bar li:first-child a{
	display: block;
}
.Ibottomtel {display: none!important;}
.Ibottomconsult {display: none!important;}
.fullSlide1 {display: none!important;}
.main_box {width: 100%!important;}
.product_content {overflow: unset!important;}
.nconl {display: none!important;}
.product {width: 100%!important;float: left!important; margin-left: auto!important;overflow: hidden!important; border-radius: unset!important;padding: unset!important; margin-right: auto!important;
}
.product tbody tr td img {
    width: auto!important;
    height: auto!important;
}
.product p {padding: 2%;}
.product img {width: 100%!important; height: auto!important;}
.content {width: 100%!important;}
.search {display: none!important;}
.link {display: none!important;}
.content .right {width: 100%!important;}
.p_lst li {width: 48%!important; margin: 1%!important;}
.p_lst li img {width: 100%!important;height: auto!important;}
.p_lst li span {display: none!important;}
.proarc {width: 100%!important;}
.show_gallery {width: 100%!important;}
.gallery_box {width: 95%!important;}
.tb-s310, .tb-s310 a {height: auto!important; width: 100%!important;}
.tb-s310, .tb-s310 a img {height: auto!important; width: 100%!important;}
.rightbox .loction span {display: none!important;}
.show_property {display: none;}
.tb-thumb li {width: 18%!important;margin: auto!important;padding: unset!important;margin-left: 1%!important;}
.tb-pic a img {width: 100%!important;height: auto!important;}
.show_content { width: 100%!important;}
.show_content h3 span {width: 20%!important;}
.show_content h3 span.current {height: auto!important;}
.content_body img {width: 100%!important; height: auto!important;}
.col-sm-9  {padding-left: unset!important;}
.rightbox .loction {display: none;}
.rightbox .title {height: 40px!important;}
.rightbox .title h1 {font-weight: 600;}
.correlation-article li {padding-left: 1.5%!important;}
h3.title_bar { margin-left: auto!important;width: 100%!important;}
#relate_p li {margin-left: 1%!important; margin-right: 1%!important; width: 48%!important;}
.caselist a { width: 48%!important; margin-right: 2%!important; margin-bottom: 1%!important;}
.caselist a span {width: 100%!important; height: auto!important;}
.caselist a span img { width: 100%!important; height: auto!important;}
.news_products .right {float: left!important; width: 100%!important;margin-left: auto!important;}
.smallmap {width: 100%!important;}
.nav .sub {display: none!important;}
}


@media screen and (min-width:650px){ 
.more-box {display: none!important;}
.bannerBox {display: none!important;}
.sjyoushi {display: none!important;}
.foot-Copyright {display: none!important;}
.top_bar {display: none!important;}
 }