@charset "utf-8";
/* CSS Document */
html{ padding:0; margin:0; clear:both;  -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body{ margin:0; padding:0; height:100%; width:100%;  -webkit-font-smoothing: antialiased; font-size:14px; font-family:微软雅黑; line-height:24px;}
input,textarea,button,select,legend,fieldset,text{border:0;background:none;outline:none;margin:0;padding:0;}
*, *:after, *:before {
	/* [disabled]-webkit-box-sizing: border-box; */
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
ol {padding: 0;}
ul,li,dl,dt,dd,p{ padding:0; margin:0; list-style:none;}
h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal}
img { max-width: 100%; height:auto; margin:0 auto; display:block; border:none; }
form{ margin:0; padding:0; display:block;}
a{ text-decoration:none; color:#000}
a:hover{color:#0066cc}
a,a:focus {	outline: none;}
section{ width:100%; margin:0 auto; height:auto; overflow:hidden}
.clear {clear:both;display:block;overflow:hidden;visibility:hidden;height:0;width:100%;}
.container{  margin:0 auto;}
.container-bg{ background:#e6e6e6}
.fl{ float:left;}
.fr{ float:right;}
/*html5*/article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
header, footer, article, section, nav, menu, hgroup {display: block; clear:both;}
@media screen and (min-width:1200px){ 
.container{width:1160px}
.main-box{ width:25%; float:left}
.new-left{ width:60%}
.earth-box{ height:295px;}
.news-tab,.news-search{ height:339px;}
.banimg{width: 840px;height: 120px; margin: 0px 14%; position:absolute; bottom:0}
.banimg li{ width: 120px; height: 120px; float: left; position: relative;}
.banimg li img{ width: 120px; height: 120px; position: absolute; left: 50%;top: 50%;margin: -60px 0 0 -60px;z-index: 1;background:url(../images/icon54.png);max-width:inherit !important;}
.banimg li img:hover{ background:#fff;}
.banimg .on img{ width:144px; height:144px; margin-left:-72px; margin-top:-72px;left: 50%;top: 50%; position: absolute; background:#fff; z-index:3 }
.service-list .main-box img,.service-list .main-box{ height:215px}
.service-list .pro-list .info-back{ left:42% !important; top:30% !important}
.pc-nav{ width:1160px; margin:0 auto; position:relative; height:40px}
.news-info.v3 img{ float:left;}
.project-img img{ height:170px; width:262px}
.col-sm-4.col-sm-5{ width:25% !important}

}

@media screen and  (min-width: 980px) and (max-width:1199px){ 
.container{width:960px}
.main-box{ width:25%; float:left}
.new-left{ width:60%}
.pro-info{ height:321px !important}
.pro-tit{ height:100px !important; line-height:100px !important;}
.pro-line{ height:81px !important; line-height:81px !important;}
.product-tit, .product-tit-img{ height:270px !important}
.company-video{ width:35% !important;}
.company-txt { width:60% !important}
.earth-txt{margin: 1% 2% 0 !important;width: 52% !important;}
.earth-box{ height:240px;}
.earth-box-right h5{ padding:3% 0 0 2em !important;}
.web-brand{ height:235px !important;}
.join{ height:250px !important}
.join h5{ margin:30% auto 0 !important; width:70% !important}
.we-right{ height:250px !important}
.we-right p{ width:35% !important}
.news-tab,.news-search{ height:380px}
.news-tab .pro-img,.news-tab .pro-info{ width:90% !important; margin:0 5%; height:inherit !important}
.news-tab h2 span,.news-tab p a{ float:none !important; width:inherit !important}
.news-search{ padding:20px 20px 0 !important}
.news-tab .owl-prev {left: 88% !important;}
.news-tab .owl-next {right:0% !important;}
.mt-ceo{ width:87% !important}
.project-txt{ padding:1.5% 5% 1.4% !important}
.project-img{ padding:1.6% 2% 1.65% !important}
.banimg{width: 840px;height: 120px; margin: 0px 6%; position:absolute; bottom:0}
.banimg li{ width: 120px; height: 120px; float: left; position: relative;}
.banimg li img{ width: 120px; height: 120px; position: absolute; left: 50%;top: 50%;margin: -60px 0 0 -60px;z-index: 1;background:url(../images/icon54.png);max-width:inherit !important;}
.banimg li img:hover{ background:#fff;}
.banimg .on img{ width:144px; height:144px; margin-left:-72px; margin-top:-72px;left: 50%;top: 50%; position: absolute; background:#fff; z-index:3 }
.service-txt{ width:55% !important}
.service-list .main-box img,.service-list .main-box{ height:165px}
.service-list .pro-list .info-back {left: 40% !important;top: 26% !important;}
.ProductList li{ width:33.3% !important}
.custom-boxr{ height:223px !important}
.custom-boxr-img img{ height:223px !important}
.custom-boxr-txt{ width:35% !important; padding-left:3% !important}
.service-list .main-box p{ left:31% !important}
.service-list .service-info div p{left:0 !important}
.tr-box1, .tr-box2,.tr-box3, .tr-box5{ margin-right:2% !important;}
.tr-box1{ width:17% !important}
.tr-box2{ width:17% !important}
.tr-box3{ width:24% !important}
.tr-box5{ float:right !important; margin:0 !important; }
.tr-box5 .box-txt{ top:60px !important}
.pc-nav{ width:980px; margin:0 auto; position:relative; height:40px}
.p5{ height:328px !important}
.earth-txt-p{ max-height:200px !important}
.main-a1{ height:242px !important; padding:1% 3% !important}
.main-c{  width:64% !important;  height:207px !important;}
.main-c1{ width:36% !important}
.service-news-img{  width:35% !important}
.service-news-list p{ width:86% !important}
.news-info.v3{ width:26% !important;  !important}
.news-info.v3 img{ height:264px; float:left;}
.news-info .v5 img{ height:24px !important;}
.news-info.v4{  width:32% !important; height:264px !important}
.news-info .v5{ right:0 !important}
.project-img img{ height:149px; width:230px}
.service-link{ width:80% !important}

.pro-vip.g1 li{ min-height:190px !important}
.pro-vip.g1 li img{ width:100px}

.pro-tab .tabPanel ul{ height:55px !important;}
.pro-tab .tabPanel ul li{ height:55px !important; line-height:55px !important; width:20% !important }
.char-c img,.char-d img,.char-e img{ width:134px}
.pro-tel{ width:39% !important}

.no-page{ width:50% !important}
.noline-bg .no-page{ width:40% !important}

/*留言板样式*/
.col-sm-4.col-sm-5{ width:25% !important}
.col-sm-4{ width:47% !important}
.col-sm-6{ width:40% !important; }
.help-block{ text-indent:0 !important}
.info-area-failure{ text-indent:3% !important}
.col-sm-offset-2{ margin-left:10% !important}

.webmap-h2{ float:left; width:18% !important;}
.webmap-h3{ float:left; width:82% !important;}


.vip-custom li img{ padding:0 45px !important}

.in-box-left{ width:30% !important}
.in-box-right{ margin-left:5% !important}
.in-box-list{ margin-bottom:31px !important}
.up-online{ right:100px !important; bottom:13px !important}
.m1 .mt-ceo{ margin:0 2.8% !important}
}

@media screen and  (min-width: 780px) and (max-width:979px){ 
.container{width:760px}
.main-box{ width:25%; float:left}
.new-left{ width:60%}
.product .flex-prev{ left:20px !important; }
.product .flex-next{ right:20px !important;}
.pro-box{ width:580px !important; margin:0 auto !important; float:none !important; }
.pro-info{ height:255px !important}
.pro-tit{ height:60px !important; line-height:55px !important;}
.pro-line{ height:81px !important; line-height:55px !important;}
.web-box{ padding:35px 30px !important;}
.web-box h4{ margin-bottom:20px !important;}
.company-video{ width:35% !important;}
.company-txt { width:60% !important}
.earth-box-left, .earth-box-right{ width:100% !important; margin:0 0 20px;}
.earth-box-right h5{ padding-top:2% !important}
.earth-box-right img{ margin:3% auto !important}
 .earth-box-right a{ margin-bottom:15px;}
 .web-brand{ height:197px !important;}
 .join{ height:209px !important}
.join h5{ margin:25% auto 0 !important; width:85% !important}
.we-right{ height:209px !important}
.we-right p{ width:40% !important}
.news-box-search, .news-box-message{ padding:30px 20px 10px !important}
.time-change{ text-indent:0 !important}
.time-change ul{ width:100% !important; float:left;}
.news-box-right li p{ line-height:30px !important;}
.time-change{ float:left; width:100%;}
.page-paging{ margin:0 auto !important}
.page-paging a{ padding:4px 10px !important}
.news-tab,.news-search{ height:337px}
.news-tab .pro-img,.news-tab .pro-info{ width:90% !important; margin:0 5% !important}
.news-tab .pro-info{ padding:2% !important; height:inherit !important; }
.news-tab .pro-box{ width:100% !important}
.news-tab h2 span{ float:inherit !important}
.news-tab .owl-prev{ left:82% !important}
.news-tab .owl-next{ right:2% !important}
.mt-ceo{ width:100% !important}
.project-txt{ padding:0 2% !important}
.project-txt h2{ margin:0 0 4px !important; padding:2px 0 !important}
.project-img{ padding:1.6% 2% !important}
.banimg{width: 720px;height: 120px; margin: 0px 20px; position:absolute; bottom:0}
.banimg li{ width: 120px; height: 120px; float: left; position: relative;}
.banimg li img{ width: 120px; height: 120px; position: absolute; left: 50%;top: 50%;margin: -60px 0 0 -60px;z-index: 1;background:url(../images/icon54.png);max-width:inherit !important;}
.banimg li img:hover{ background:#fff;}
.banimg .on img{  background:#fff; z-index:3 }
.service-txt{ width:55% !important; padding-left:0 !important}
.service-list .main-box img,.service-list .main-box{ height:165px}
.service-list .pro-list .info-back {left: 37% !important;top: 18% !important;}
.ProductList li{ width:50% !important}
.acc-box{ width:40% !important}
.custom-boxl{ height:184px;}
.custom-boxr{ height:184px !important; width:60% !important}
.custom-boxr-img img{ height:184px !important}
.custom-boxr-txt{  padding-left: 1% !important;width: 36% !important;}
.service-list .main-box p{ left:24% !important}
.pc-nav{ width:760px; margin:0 auto; position:relative; height:40px}
.p5{ height:260px !important}
.earth-fr div h5, .earth-fr div p{ margin-bottom:10px !important}
.earth-fr div{ padding:5% 3% !important;}
.main-c{  width:53% !important;  height:213px !important; padding:2% !important}
.main-c1{ width:47% !important}
.service-news-img{  width:44% !important}
.service-news-list{width:51% !important}
.service-news-list p{ width:79% !important}
.news-info.v3{ width:26% !important;  !important}
.news-info.v3 img{ height:229px; float:left}
.news-info .v5 { display:none !important;}
.news-info.v4{  width:32% !important; height:229px !important}
.news-info .v5{ right:0 !important}
.project-img img{ height:118px; width:182px}
.service-link{ width:100% !important}

.pro-vip.g1 li{ min-height:205px !important}
.pro-vip.g1 li img{ width:90px}
.product-tit-img,.product-tit{ height:215px !important;}
.product-tit{ padding:2% !important}
.product-tit p{ margin:7% 0 3% !important; padding-bottom:3% !important}
.pro-page-info .tel .zx{ width:155px;}
.pro-page-info .tel .tel-btn{ width:161px}

.pro-tab .tabPanel ul{ height:50px !important;}
.pro-tab .tabPanel ul li{ height:50px !important; line-height:50px !important; width:20% !important }

.pro-map-tit{ font-size:30px !important}
.char-c img,.char-d img,.char-e img{ width:106px}
.pro-tel{ width:39% !important; }
.pro-tel-line{font-size:16px !important;}
.pro-tel .pro-tel-line span{ width:49% !important}
.pro-tel-service{ background-position:12% !important}

.no-page{ width:60% !important}
.noline-bg .no-page{ width:50% !important}

/*留言板样式*/
.col-sm-2{ width:13% !important}
.col-sm-4{ width:47% !important}
.col-sm-6{ width:40% !important; }
.help-block{ text-indent:0 !important}
.info-area-failure{ text-indent:3% !important}
.col-sm-offset-2{ margin-left:13% !important}


.news-info-search{ width:100% !important; margin:0 auto !important}

.free-tel{ margin-right:10px !important}

.webmap-h2{ float:left; width:20% !important;}
.webmap-h3{ float:left; width:80% !important;}

.vip-custom li{ width:25% !important}
.vip-custom li img{ float:left; width:25px; margin-right:5px; padding:0 !important}
.vip-custom li span{ float:left; }
.in-shuff .bx-wrapper{ width:70%}

.in-box-left{ width:30% !important}
.in-box-right{ margin-left:5% !important}
.in-box-list{ margin-bottom:40px !important}
.up-online{bottom: 10px !important;font-size: 10px;padding: 0 5px !important;right: 86px !important;}
.m1 .mt-ceo{ margin:0 0.2% !important;border-width: medium 15px !important;}
}



@media screen and  (min-width: 641px) and (max-width:779px){ 
header .container{ position:relative}
.container{width:640px}
.free-tel{ margin-right:0 !important; margin-top:15px !important}
.choose{ padding:20px 0 0 20px !important; }
.laugese{ margin:2px auto 0 !important}
.search{ margin-top:5px !important}
.search.fl{ width:40%}
.searchtext{ width:85%}
.main-box{ width:48%; margin-right:2%; float:left}
.new-left, .new-right{ width:100% !important;}
.voide-box{ text-align:center !important;}
.product .flex-prev{ left:20px !important; }
.product .flex-next{ right:20px !important;}
.pro-box{ width:580px !important; margin:0 auto !important; float:none !important; }
.owl-controls .owl-prev{ left:-20px !important}
.owl-controls .owl-next{ right:-20px !important}
.foot-link2 li{ width:100% !important;}
.foot-link3 .tel{ font-size:18px !important; line-height:36px !important }
.foot-link3 .free-tel{ font-size:20px !important;}
.product-tit, .product-tit-img{ height:181px !important}
.product-tit{ padding:3% 2% !important;}
.product-tit h2{ font-size:20px !important; font-weight:bold !important}
.product-tit p{ font-size:14px !important; margin:4% 0 !important; padding-bottom:4% !important;}
.pro-adv{ position:relative}
.pro-adv-fl,.pro-adv-fr,.pro-adv-c{ width:100% !important;}
.pro-adv-c{ margin:0 !important; z-index:2}
.pro-adv-fl{ position:inherit !important}
.pro-adv-fr{ text-align:left !important;}
.pro-adv-fr li h4{ float:left !important;}
.pro-adv-c{ position:absolute;} 
.pro-adv-c img{ float:right}
.accordion-desc .a1{ width:100% !important}
.web-box{ padding:35px 30px !important;}
.web-box h4{ margin-bottom:20px !important;}
.company-video{ width:35% !important;}
.company-txt { width:60% !important}
.earth-box-left, .earth-box-right{ width:100% !important; margin:0 0 20px;}
.earth-box-right h5{ padding-top:2% !important}
.earth-box-right img{ margin:3% auto !important}
.earth-box-right a{ margin-bottom:15px;}
.brand-left,.brand-right{ width:100% !important}
.web-brand{ float:none !important; height:inherit !important; background:none !important;}
.brand-right{ margin-top:20px;}
.web-we{ margin-top:30px;}
.we-left{ width:100% !important}
.join{ height:266px !important}
.join h5{ width:65% !important}
.we-right{ width:100% !important; left:13% !important}
.we-right p{ width:18% !important}
.news-box-search, .news-box-message{ padding:30px 20px 10px !important}
.time-change{ text-indent:0 !important}
.time-change ul{ width:100% !important; float:left;}
.news-box-right li p{ line-height:30px !important;}
.time-change{ float:left; width:100%;}
.page-paging{ margin:0 auto !important}
.page-paging a{ padding:4px 8px !important; float:left;}
.news-tab{ width:60% !important}
.news-box-search1{ width:40% !important}
.news-tab .pro-img{ width:67% !important}
.news-tab h2 span{ float:none !important; width:inherit !important}
.news-tab .pro-info{ padding:2% !important; width:67% !important; background:#dedddd}
.news-tab .pro-info a{ float:none !important; width:inherit !important}
.news-tab,.news-box-search1{ height:380px !important;}
.news-search .time-change{ margin:30px auto 0 !important}
.mt-ceo{ width:100% !important}
.project-icon{ width:30% !important}
.project-txt{ padding:2.2% 3% !important; width:70% !important; background-image:none !important}
.project-img{ display:none !important}
.banimg{width: 600px ;height: 100px; margin: 0px 20px; position:absolute; bottom:0}
.banimg li{ width: 100px; height: 100px; float: left; position: relative;}
.banimg li img{ width: 100px; height: 100px; position: absolute; left: 50%;top: 50%;margin: -50px 0 0 -50px;z-index: 1;background:url(../images/icon54.png);max-width:inherit !important;}
.banimg li img:hover{ background:#fff;}
.banimg .on img{ width:100px; height:100px; margin-left:-50px; margin-top:-50px;left: 50%;top: 50%; position: absolute; background:#fff; z-index:3 }
.service-txt{ width:55% !important; padding-left:0 !important}
.service-list .main-box img,.service-list .main-box{ height:102px}
.service-list .pro-list .info-back {left: 39% !important;top: 15% !important; width:35px !important; height:35px !important; font-size:36px !important; line-height:28px}
.service-list .main-box p{ font-size:18px !important; top:50% !important; left:28% !important}
.service-list .service-info{ background:#b81b32 url("../images/s5.png") no-repeat scroll center 15% !important; }
.productTab li{ width:25% !important}
.ProductList li{ width:50% !important}
.acc-box{ width:45% !important; margin-right:5% !important}
.custom-boxl,.custom-boxr{ width:100% !important}
.custom-boxl{ margin-bottom:5%}
.custom-boxr-txt {float: right;padding: 10% 0 0 2% !important;width: 33% !important;}
.service-bz li{ width:50% !important}
.service-tab .p1{ height:220px !important;}
.service-tab .add{ line-height:180px !important; }
.p5{ height:218px !important; padding:3% !important;}
.p5 span{ margin:10px 0 !important; padding-bottom:10px !important}
.join-us span{ margin-top:20px}
.main-c{  width:100% !important;  height:100% !important}
.main-c1{ width:100% !important;}
.main-c1 div{ display:none;}
.service-news-img{  width:41% !important}
.service-news li{ padding:2% 4% !important}
.service-news-list{width:53% !important}
.service-news-list p{ width:76% !important; margin-top:6px !important}
.news-info.v3{ width:26% !important;  !important}
.news-info.v3 img{ height:204px}
.news-info .v5 { display:none !important;}
.news-info.v4{  width:32% !important; height:204px !important}
.news-info .v5{ right:0 !important}

.pro-vip li,.pro-vip dd{ width:33.3% !important}
.pro-vip.g1 li{ min-height:243px !important; width:33.3% !important}
.pro-page-info .tel .zx{ width:126px;}
.pro-page-info .tel .tel-btn{ width:130px}

.pro-tab .tabPanel ul{ height:45px !important;}
.pro-tab .tabPanel ul li{ height:45px !important; line-height:45px !important; width:20% !important }

.p-box-list li{ width:30% !important}
.pro-map-tit{ font-size:24px !important}
.char-c img,.char-d img,.char-e img{ width:85px}

.pro-table-img,.pro-table-info{ width:100% !important}
.pro-table-info{ padding-left:0 !important}
.pro-table-info h1{ font-size:16px !important; margin-top:3%}
.pro-table-info span{ margin:2% auto !important; padding-bottom:2% !important}
#slider3-pager li{ width:22.75% !important}
.pro-tel{ position:static !important; width:65% !important; margin-top:2%; float:left;}
.pro-tel-line,.pro-tel-service{ float:left !important;}
.callbacks_nav{ top:27% !important}
.callbacks_nav.next{ right:4% !important}

.no-page{ width:70% !important}
.noline-bg .no-page{ width:60% !important}

/*留言板样式*/
.col-sm-2{ width:16% !important}
.col-sm-4{ width:50% !important}
.col-sm-5{ width:30% !important}
.col-sm-6{ width:34% !important; }
.help-block{ text-indent:0 !important}
.info-area-failure{ text-indent:3% !important}
.col-sm-offset-2{ margin-left:16% !important}

.news-info-search{ width:100% !important; margin:0 auto !important}

.foot h5,.foot-link1 ul, .foot-link2 ul, .foot-link3 ul, .foot-link4 ul{ margin:0 5% !important}

.resources-hr img {width: 118px;}
.hr-add{ padding: 8px 0 0 2% !important;}



.vip-custom li{ width:25% !important; padding:10px 4px !important; text-align:left !important;}
.vip-custom li img{ float:left; width:25px; margin-right:5px; padding:0 !important}
.vip-custom li span{  overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.vip-custom .bx-viewport{ width:75% !important}
.vip-custom .news-info{ width:33.333% !important}
.in-shuff .bx-wrapper{ width:83%}

.in-box-left{ width:30% !important}
.in-box-right{ margin-left:5% !important}
.in-box-list{ margin-bottom:40px !important}
.up-ad .up-ad-list{ width:50% !important}
.up-online{bottom: 6px !important;font-size: 10px;padding: 0 5px !important;right: 68px !important;}
.m1 .mt-ceo{ margin:0 10% !important; width:29% !important}
.page-paging span{ float:left;}
.Button.Block{ width:445px !important;}
#bmap_p_id{ width:25% !important}
}
@media screen and  (min-width: 521px) and (max-width:640px){ 
.container{width:480px;}
header .container{ position:relative}
.logo{ width:100%; text-align:center; margin:0 auto; float:left !important; width:44% !important}
.free-tel{ margin-right:0 !important}
.choose .laugese{ margin:4px 0 0 0 !important}
.choose .search{ display:none;}
header .free-tel{ margin-right:10px !important; padding-right:10px !important}
header .laugese ul li{min-width:70px !important}
header .laugese ul li a{ background-position:56px center !important; }
.main-box{ width:50%; float:left; margin-bottom:20px !important}
.new-left, .new-right{ width:100% !important;}
.box{ text-align:center !important}
.box li{ width:80% !important; margin:0 auto; text-align:center; margin-bottom:10px;}
.box li img{ text-align:center}
.box .txt{ display:none}
.voide-box{ text-align:center !important;}
.product .flex-prev{ left:20px !important; }
.product .flex-next{ right:20px !important;}
.pro-info{ height:320px !important}
.pro-tit{ height:100px !important; line-height:100px !important;}
.pro-line{ height:80px !important; line-height:80px !important;}
.foot-link4{ width:100% !important;  border:none !important; padding:25px 0 0 !important}
.foot-link4 img{ width:200px; margin:0 auto}
.product-tit, .product-tit-img{ width:100% !important; height:auto !important}
.product-tit p{ margin:4% 0 !important; padding-bottom:3% !important}
.pro-adv{ position:relative}
.pro-adv-fl,.pro-adv-fr,.pro-adv-c{ width:100% !important;}
.pro-adv-fl{ position:inherit !important}
.pro-adv-fr{ text-align:left !important;}
.pro-adv-fr li h4{ float:left !important;}
.pro-adv-c{ margin:0 !important; text-align:center !important} 
.pro-adv-c img{ margin:0 auto !important;}
.pro-vip li,.pro-vip dd{ width:50% !important;}
.accordion-desc .a1{ width:100% !important}
.web-box{ padding:35px 30px !important;}
.web-box h4{ margin-bottom:20px !important;}
.company-video{ width:100% !important;}
.company-video img{ margin:0 auto}
.company-txt { width:100% !important}
.web-box-list{ float:left; width:100% !important;}
.box-list-img img,.earth-img img{ margin:0 auto}
.list-txt-link{ margin-bottom:20px;}
.earth-box-left, .earth-box-right{ width:100% !important; margin:0 0 20px;}
.earth-img{ width:100% !important; padding:5% 0 0}
.earth-txt{ width:90% !important; margin:3% 5% 0 !important; padding-bottom:3%}
.earth-box-right h5{ padding-top:2% !important}
.earth-box-right img{ margin:3% auto !important}
.earth-box-right a{ margin-bottom:15px;}
.history a{ left:30% !important}
.brand-left,.brand-right{ width:100% !important}
.brand-txt{ float: left !important;margin: 0 0 0 4% !important;width: 38% !important;}
.web-brand{ float:none !important; height:inherit !important; background:none !important;}
.brand-right{ margin-top:20px;}
.web-we{ margin-top:30px;}
.we-left{ width:100% !important}
.join{ height:193px !important}
.join h5{ width:90% !important}
.we-right{ width:100% !important; left:0% !important}
.we-right p{ width:25% !important}
.news-box-left{ display:none !important;}
.news-box-right,.pro-buy-box{ width:100% !important; display:block !important}
.buy-select{ width:40% !important; float:left; margin:5% 3.33% 5% 0 !important}
.news-box-right li p{ line-height:30px !important;}
.page-paging a{ padding:4px 8px !important; }
.news-tab{ margin:0 60px;}
.news-tab .pro-img,.news-tab .pro-info{ width:100% !important; height:inherit !important}
.news-tab h2 span{ float:none !important; width:inherit !important}.news-tab .pro-info a{ float:none !important; width:inherit !important}
.news-tab .owl-prev{ left:75% !important}
.news-tab .owl-next{ right:0% !important}
.project-icon{ width:30% !important}
.project-txt{ padding:2.2% 3% !important; width:70% !important; background-image:none !important}
.project-img{ display:none !important}
.news-info{ width:100% !important}
.news-info img{ margin:0 auto}
.mt-ceo{ width:50% !important; margin:0 25% 5% !important}
.contact-left ul{ width:100% !important; float:left}
#dituConten{ width:360px !important}
.banimg{width: 420px ;height: 70px; margin: 0px 30px; position:absolute; bottom:0}
.banimg li{ width: 70px; height: 70px; float: left; position: relative;}
.banimg li img{ width: 70px; height: 70px; position: absolute; left: 50%;top: 50%;margin: -30px 0 0 -35px;z-index: 1;background:url(../images/icon54.png);max-width:inherit !important;}
.banimg li img:hover{ background:#fff;}
.banimg .on img{ width:70px; height:70px; margin-left:-35px; margin-top:-35px;left: 50%;top: 50%; position: absolute; background:#fff; z-index:3 }
.service-txt,.service-txt-img{ width:100% !important; padding-left:0 !important; margin-bottom:15px}
.service-list .main-box img,.service-list .main-box{  width:100% !important; float:left !important; height:215px; position:relative}
.service-list .main-box p{ font-size:24px !important; position:relative !important;  left:0 !important;  height:215px; z-index:2; top:-70px !important; }
.service-info { display:none !important}
.service-list .main-box-img .info a{bottom:0;right:0;background: none !important}
.service-list .main-box-img .info{opacity:1  !important;filter: alpha(opacity=1) !important; position:relative !important}
.service-list .pro-list .info-back{ left:43% !important}
.productTab li{ width:25% !important}
.ProductList li{ width:100% !important}
.acc-box{ width:100% !important; margin:0 0 5%;}
.custom-boxl,.custom-boxr{ width:100% !important}
.custom-boxl{ margin-bottom:5%}
.custom-boxr-txt {float: right;padding: 10% 0 0 2% !important;width: 33% !important;}
.custom-boxr{ width:100% !important; height:auto !important; background:none !important;}
.custom-boxr-txt{ width:100% !important; background:#b81b32; padding:10% 0 10% 3% !important}
.custom-boxr-txt > p{ float:left; margin-right:5%}
.service-bz li{ width:50% !important}
.service-tab .pane .accordion{ height:50px !important; line-height:50px !important}
.service-tab .pane .accordion h5{height:50px !important;line-height:50px !important; font-size:24px !important;}
.service-tab .pane .accordion span{ font-size:16px !important;line-height:50px !important;}
.folding-box .fa{ top:10px !important}
.service-tab .p1{ width:100% !important}
.service-tab .add{left:45%; line-height:50px !important}
.p4,.p5{ float:left; width:100% !important;}
.p5{ padding-top:15% !important}
.join-us{ width:100% !important; margin:0 !important}
.earth-fl,.earth-fr{ width:100% !important}
.earth-fl div{ display:none;}
.earth-fr div{ padding:15% 8% !important}
.gl-box{ width:100% !important; margin-bottom:20px}
.earth-box-img img{ width:inherit !important;}
.gl-p p{ margin-bottom:5px !important; font-size:20px !important;}
.main-c{  width:100% !important;  height:100% !important}
.main-c1{ width:100% !important;}
.main-c1 div{ display:none;}
.service-news-img{  width:100% !important; border-bottom:1px solid #bfbfbf !important; margin-bottom:20px; padding-bottom:10px}
.service-news-list{width:100% !important}
.service-news-list p{ width:83% !important; margin-top:6px !important}
.voide-a{ height:auto; overflow:hidden; }
.voide-a p{ float:left;}
.voide-a a{ float:left}
.news-info.v3{ width:100% !important; margin-bottom:20px}
.news-info.v3 img{ height:204px}
.news-info .v5 { display:none !important;}
.news-info.v4{  width:47% !important; height:204px !important}
.news-info .v5{ right:0 !important}
.flex-direction-nav a{width: 20px !important; height: 30px !important;background: url(../images/bg_direction_nav1.png) no-repeat 0 0 !important;}
.flex-direction-nav .flex-next{ background-position:-20px 0 !important}
.flex-control-nav{ bottom:-20px !important}
.banner .flex-control-nav{ bottom:-10px !important}
.pro-no{ height:240 !important}
.m7{ display:none !important;}
.new-left .flex-control-paging li a{ height:40px !important; width:40px !important}
.new-img,.new-txt{ width:100% !important}
.new-img img{ height:170px;}
.service-link li{ width:33.3% !important}

.pro-vip li,.pro-vip dd{ width:33.3% !important}
.pro-page-img,.pro-page-info{ width:100% !important}
.pro-page-info{ padding:5% 0 0 !important}
.pro-char .char-a, .pro-char .char-b, .pro-char .char-c, .pro-char .char-d, .pro-char .char-e{ float:left;}
.pro-char .char-a{ float:left; width:100% !important}
.pro-char .char-a p{ float:left; margin:0 10px}
.pro-char .char-a span{ float:left;}
.pro-char .char-a, .pro-char .char-b, .pro-char .char-c, .pro-char .char-d, .pro-char .char-e{ border-right:none !important}
.pro-char .char-c{ float:left; width:33.3% !important}
.pro-char .char-d{ float:left; width:50% !important}
.pro-char .char-e{ float:left; width:100% !important}
.pro-tab .tabPanel ul li{width:20% !important }

.p-box-list li .list-p h2{ height:25px !important; font-size:14px !important}
.p-box-list li{ width:30% !important}
.p-box-list li .list-p span{ display:none}
.pro-map-tit{ font-size:20px !important}
.cx{ width:100% !important}
.fenlei span{ width:34% !important}
.dingdan{ width:50% !important}
.fenlei .searchsub{ width:16% !important}
.ewm{ width:100% !important}

/*留言板样式*/
.col-sm-4{ width:50% !important}
.col-sm-6{ width:35% !important}


.pro-table-img,.pro-table-info{ width:100% !important}
.pro-table-info{ padding-left:0 !important}
.pro-table-info h1{ font-size:16px !important; margin-top:3%}
.pro-table-info span{ margin:2% auto !important; padding-bottom:2% !important}
#slider3-pager li{ width:22.75% !important}
.pro-tel{ position:static !important; width:88% !important; margin-top:2%; float:left;}
.pro-tel-line,.pro-tel-service{ float:left !important;}
.callbacks_nav{ top:27% !important}
.callbacks_nav.next{ right:4% !important}
.pro-nav-link a{ font-size:14px !important;}

.no-page{ width:90% !important}
.noline-bg .no-page{ width:60% !important}


/*留言板样式*/
.col-sm-2{ width:23% !important}
.col-sm-4{ width:77% !important}
.col-sm-6{ width:80% !important; margin-left:22% !important}
.col-sm-offset-2{ margin:0 auto !important; text-align:center}
.help-block{ text-indent:0 !important}
.info-area-failure{ text-indent:3% !important}
.news-viode embed{ height:380px !important}
.viode-list .news-info{ width:50% !important}

.resources-hr img { float:none !important; margin-top:3%}
.hr-add{ padding:4% !important;}

.vip-custom li{ width:25% !important; padding:10px 4px !important; text-align:left !important;}
.vip-custom li img{ float:left; width:25px; margin-right:5px; padding:0 !important}
.vip-custom li span{  overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.in-shuff .bx-wrapper{ width:55%}

.up-ad-num li{ width:33.333% !important}
.up-ad .up-ad-list{ width:50% !important}
.up-online{bottom: 6px !important;font-size: 10px;padding: 0 5px !important;right: 32px !important;}
.m1 .mt-ceo{ width:36% !important; margin:0 7% !important}
.Button.Block{ width:354px !important;}
}
@media screen and (max-width:520px){ 
.up-ad-num li{ width:50% !important}
.container{width:100%; padding:0 5%}
header .container{  position:relative;}
.logo{text-align:center; margin:0 auto; float:none !important; width:100% !important}
.logo.fl img{ float:none !important}
.choose .laugese{ float:left !important;}
.choose .search{ float:right !important;}
header .free-tel{ margin-right:0px !important; padding-right:10px !important; float:left !important}
header .laugese ul li{min-width:85px !important}
header .laugese ul li a{ background-position:70px center !important; }
.fl,.fr{ float:none}
.main-box{ width:100%}
.main-box img{ width:50%}
.new-left, .new-right{ width:100% !important;}
.box{ text-align:center !important}
.box li{ width:80% !important; margin:0 auto;text-align:center; margin-bottom:10px;}
.box li img{ text-align:center}
.box .txt{ display:none}
.voide-box{ text-align:center !important;}
.product .flex-prev{ left:20px !important; }
.product .flex-next{ right:20px !important;}
.pro-no{ background:#b81b32 url("../images/probg.png") no-repeat scroll center 0 !important; height:120px !important; line-height:128px !important}
.pro-info{ height:202px !important}
.pro-tit{ height:35px !important; line-height:20px !important;}
.pro-line{ height:60px !important; line-height:45px !important;}
.foot-link4{ width:100% !important;  border:none !important; padding:25px 0 0 !important}
.foot-link4 img{ width:100px; margin:0 auto}
.owl-controls .owl-prev{ left:-20px !important}
.owl-controls .owl-next{ right:-20px !important}
.product-tit, .product-tit-img{ width:100% !important; height:auto !important}
.product-tit p{ margin:4% 0 !important; padding-bottom:3% !important}
.pro-adv{ position:relative}
.pro-adv-fl,.pro-adv-fr,.pro-adv-c{ width:100% !important;}
.pro-adv-fl{ position:inherit !important}
.pro-adv-fr{ text-align:left !important;}
.pro-adv-fr li h4{ float:left !important;}
.pro-adv-fl li p,.pro-adv-fr li p{ margin-left:0 !important; padding:0 !important; width:100%; float:left; font-size:12px !important}
.pro-adv-c{ margin:0 !important; text-align:center !important} 
.pro-adv-c img{ margin:0 auto !important;}
.pro-vip li,.pro-vip dd{ width:50% !important;}
.accordion-desc .a1,.accordion-desc .a2,.accordion-desc .a3{ width:100% !important}
.company-video{ width:100% !important; float:left}
.company-txt { width:100% !important}
.company-video img{ margin:0 auto}
.web-box-list{ float:left; width:100% !important;}
.box-list-img img{ margin:0 auto}
.list-txt-link{ margin-bottom:20px;}
.earth-box-left, .earth-box-right{ width:100% !important; margin:0 0 20px;}
.earth-img{ width:100% !important; }.earth-img span{ display:none;}
.earth-txt{ width:90% !important; margin:3% 5% !important}
.history a{ left:10% !important}
.web-brand{ height:inherit !important}
.brand-left, .brand-right,.brand-img{ width:100% !important; float:left !important;}
.brand-txt{ width:90% !important}
.brand-txt h5{ margin:2% 0 0 !important}
.we-left{ width:100% !important; float:left !important; margin-top:25px !important; }
.join{ width:100% !important; height:auto !important}
.join h5{ margin:10% auto 0 !important; width:60% !important}
.join-img{ float:left; height:100% !important; width:100% !important}
.we-right { width:100% !important; float:left; height:auto !important; }
.we-right p{left: 15% !important;top: 40% !important;width: 40% !important;}
.we-right span{top:40% !important}
.news-box-left{ display:none !important;}
.news-box-right,.pro-buy-box { width:100% !important;display:block !important}
.buy-select{ width:40% !important; float:left; margin:5% 3.33% 5% 0 !important}
.news-box-right li p{ line-height:30px !important;}
.page-paging a{ padding:4px 8px !important; float:left; margin:0 2px 5px !important}
.news-tab{ margin:0 45px;}
.news-tab .pro-img,.news-tab .pro-info{ width:100% !important; height:inherit !important}
.news-tab h2 span{ float:none !important; width:inherit !important}.news-tab .pro-info a{ float:none !important; width:inherit !important}
.news-tab .owl-prev{ left:70% !important}
.news-tab .owl-next{ right:0% !important}
.news-info{ width:100% !important}
.mt-ceo{ width:68% !important; margin:0 16% 5% !important}
.project-icon{ width:40% !important;}
.project-txt{ width:60% !important; padding:2%; background-image:none !important}
.project-img{ display:none}
.article-up,.article-down{ display:none;}
.contact-left ul{ width:100% !important; float:left}
#dituConten{ width:100% !important}
.banimg{width: 300px ;height: 50px; margin: 0px 0px; position:absolute; bottom:0}
.banimg li{ width: 50px; height: 50px; float: left; position: relative;}
.banimg li img{ width: 50px; height: 50px; position: absolute; left: 50%;top: 50%;margin: -25px 0 0 -25px;z-index: 1;background:url(../images/icon54.png);max-width:inherit !important;}
.banimg li img:hover{ background:#fff;}
.banimg .on img{background:#fff; z-index:3 }
.service-txt,.service-txt-img{ width:100% !important; padding-left:0 !important; clear:both; margin-bottom:15px !important}
.service-list .main-box img,.service-list .main-box{  width:100% !important; float:left !important; height:160px; position:relative}
.service-list .main-box p{ font-size:24px !important;  height:160px; z-index:2; top:-70px !important; position:relative !important;  left:0 !important; }
.service-info { display:none !important}
.service-list .main-box-img .info a{bottom:0;right:0;background: none !important}
.service-list .main-box-img .info{opacity:1  !important;filter: alpha(opacity=1) !important; position:relative !important}
.service-list .pro-list .info-back{ left:40% !important; top:20% !important}
.productTab li{ width:30% !important}
.ProductList li{ width:100% !important}
.acc-box{ width:100% !important; margin:0 0 5%;}
.custom-boxl,.custom-boxr{ width:100% !important}
.custom-boxl{ margin-bottom:5%}
.custom-boxr-txt {float: right;padding: 10% 0 0 2% !important;width: 33% !important;}
.custom-boxr{ width:100% !important; height:auto !important; background:none !important;}
.custom-boxr-img{ width:100%;}
.custom-boxr-txt{ width:100% !important; background:#b81b32; padding:10% 0 10% 3% !important}
.custom-boxr-txt > p{ float:left; margin-right:5%}
.service-xx div{ float:left; width:100% !important; margin-bottom:5%;}
.service-bz li{ width:100% !important}
.service-tab .pane .accordion{ height:50px !important; line-height:50px !important}
.service-tab .pane .accordion h5{height:50px !important;line-height:50px !important; font-size:24px !important;}
.service-tab .pane .accordion span{ font-size:14px !important;line-height:50px !important;}
.folding-box .fa{ top:10px !important}
.service-tab .p1{ width:100% !important}
.service-tab .add{left:45%; line-height:50px !important}
.p4,.p5{ float:left; width:100% !important;}
.p5{ padding-top:15% !important}
.join-us{ width:100% !important; margin:0 !important}
.earth-fl,.earth-fr{ width:100% !important}
.earth-fl div{ display:none;}
.earth-fr div{ padding:10% 8% !important}
.gl-box{ width:100% !important; margin-bottom:20px}
.earth-box-img img{ width:inherit !important;}
.earth-box-img img{ width:inherit !important;}
.gl-p{ padding:3% 4% !important}
.gl-p p{ margin-bottom:0px !important; font-size:14px !important; line-height:24px !important;}
.main-c{  width:100% !important;  height:100% !important}
.main-c1{ width:100% !important;}
.main-c1 div{ display:none;}
.service-news-img{  width:100% !important; border-bottom:1px solid #bfbfbf !important; margin-bottom:20px; padding-bottom:10px}
.service-news-list{width:100% !important}
.service-news-list p{ width:78% !important; margin-top:6px !important}
.voide-a{ height:auto; overflow:hidden;}
.voide-a p{ float:left;}
.voide-a a{ float:left}
.news-info.v3{ width:100% !important; margin-bottom:20px}
.news-info.v3 img{ height:204px}
.news-info .v5 { display:none !important;}
.news-info.v4{  width:100% !important; margin-bottom:20px}
.news-info .v5{ right:0 !important}
.flex-direction-nav a{width: 20px !important; height: 30px !important;background: url(../images/bg_direction_nav1.png) no-repeat 0 0 !important;}
.flex-direction-nav .flex-next{ background-position:-20px 0 !important}
.flex-control-nav{ bottom:-20px !important}
.banner .flex-control-nav{ bottom:-10px !important}
.m7{ display:none !important;}
.new-left .flex-control-paging li a{ height:40px !important; width:40px !important}
.new-img,.new-txt{ width:100% !important}
.new-img img{ height:170px;}
.service-link li{ width:33.3% !important}
.pro-page-img,.pro-page-info{ width:100% !important}
.pro-page-info{ padding:5% 0 0 !important}
.pro-page-info .tel .zx{ width:126px;}
.pro-page-info .tel .tel-btn{ width:130px}
.pro-tab .tabPanel ul li{width:20% !important }

.p-box-list li{ width:30% !important}
.p-box-list li .list-p h2{ height:25px !important; font-size:14px !important}
.p-box-list li .list-p span{ display:none}
.pro-map-tit{ font-size:16px !important}
.pro-char .char-a, .pro-char .char-b, .pro-char .char-c, .pro-char .char-d, .pro-char .char-e{ float:left;}
.pro-char .char-a{ float:left; width:100% !important}
.pro-char .char-a p{ float:left; margin:0 10px}
.pro-char .char-a span{ float:left;}
.pro-char .char-a, .pro-char .char-b, .pro-char .char-c, .pro-char .char-d, .pro-char .char-e{ border-right:none !important}
.pro-char .char-c{ float:left; width:33.3% !important}
.pro-char .char-d{ float:left; width:50% !important}
.pro-char .char-e{ float:left; width:100% !important}
.cx{ width:100% !important}
.fenlei span{ width:34% !important}
.dingdan{ width:50% !important}
.fenlei .searchsub{ width:16% !important}
.ewm{ width:100% !important}
.map-tit-line{ width:23% !important}
/*留言板样式*/
.col-sm-2{ width:100% !important; text-align:left !important}
.col-sm-4{ width:100% !important}
.col-sm-6{ width:100% !important; margin-left:0% !important}
.info-area-failure{ margin:0 0 10px !important}
.col-sm-offset-2{ margin:0 auto !important; text-align:center}
.help-block,.help-block{ text-indent:0% !important}



.pro-table-img,.pro-table-info{ width:100% !important}
.pro-table-info{ padding-left:0 !important}
.pro-table-info h1{ font-size:16px !important; margin-top:3%}
.pro-table-info span{ margin:2% auto !important; padding-bottom:2% !important}
#slider3-pager li{ width:22.75% !important}
.pro-tel{ position:static !important; width:100% !important; margin-top:2%; float:left;}
.pro-tel-line,.pro-tel-service{ float:left !important; width:100% !important}
.pro-tel .pro-tel-line{ font-size:18px !important; font-weight:bold}
.pro-tel .pro-tel-line span{ width:46% !important}
.pro-tel-service{ background-position:15% !important}
.callbacks_nav{ top:18% !important}
.callbacks_nav.next{ right:4% !important}
.pro-nav-link a{ font-size:14px !important;}


.no-page{ width:100% !important}
.noline-bg .no-page{ width:60% !important}
.no-page-link strong{ float:left; width:100%}

.resources-box-info .s4,.resources-box-info .s5{ float:left; width:100%;}
.resources-box-info .s4{ font-size:20px !important}
.resources-box-info .s4 br{ display:none;}
.pane.tab-case div{ width:47% !important}

.us-info img,.case-news-info img{ float:none !important; margin:0  auto !important}

.news-viode embed{ height:245px !important}

.resources-hr img { float:none !important; margin-top:3%}
.hr-add{ padding:4% !important;}

.vip-custom li{ width:25% !important; padding:10px 4px !important; text-align:left !important;}
.vip-custom li img{ float:left; width:25px; margin-right:5px; padding:0 !important}
.vip-custom li span{  overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.vip-list{ width:50% !important}
.in-shuff .bx-wrapper{ width:56%}
.up-ad .up-ad-list{ width:100% !important}
.up-online{bottom: 6px !important;font-size: 10px;padding: 0 5px !important;right: 27px !important;}
.m1 .mt-ceo{ width:100% !important; margin:0 auto !important; float:none; display:table;}
.page-paging span{ float:left;}
.Button.Block{ width:290px !important;}
#bmap_p_id{ width:inherit !important}
}

@media screen and (max-width:1199px){ 
.pro-select-link{ width:100% !important; margin:1% 0 0 !important}
.pro-select-link .first{ margin-left:0 !important}
.vip-custom-box,.in-list{ width:100% !important}
}
@media screen and (max-width:979px){ 
.article-page-list div{width:100% !important; margin-bottom:15px}
.contact-left{ width:100% !important}
.contact-left ul{ width:50%; float:left}
.tel-free{ margin-right:5% !important}
.contact-right{ width:100% !important;}
.tr-box1,.tr-box2,.tr-box3,.tr-box5{ width:20% !important; margin:0 !important;}
.box-txt{ display:none;}
.main-a{ width:100% !important}
.main-a div{ display:none}
.main-a1{ width:100% !important; height:auto !important}
}
@media screen and (min-width:800px){
.contact-msg h4{ margin:0 !important}
.contact-msg .from-message input, .contact-msg .from-message textarea{ width:60% !important}
.contact-msg input.message-sub{ width:20% !important}
}

@media screen and (min-width:767px){
	.cd-main-header{ display:none}
	nav{ display:none}
	.foot-link3 a{ font-size:14px !important;}
	.vip-custom .bx-viewport{ width:84% !important}
	.last-nav{ background:url(../images/jblogo.png) no-repeat 5px center !important}
	.last-nav:hover{ background:url(../images/jblogo.png) no-repeat 5px center #971629 !important}
}
@media screen and (max-width:767px){
	#header{ display:none}
	.service-link{ width:100% !important}
	#mapBox,#listWrap{ width:100% !important}
	.wap-last-nav{ background:url(../images/jblogo.png) no-repeat left center}
}
@media screen and (max-width:800px){
	.contact-msg h4{ margin:0 !important}
.contact-msg .from-message input, .contact-msg .from-message textarea{ width:100% !important}
.pro-table .ind-rs,.indbutton #slider3-pager li,.pro-table .ind-list{ width:100% !important}
.indbutton .prev{ left:4% !important}
.indbutton .callbacks_nav{top:34% !important}
}
@media screen and (max-width:640px){
	.resources-box-info table{ cellpadding:10 !important}
	.resources-box-info .s7{ display:none; }
	.pro-char table td{ padding:10px 0 !important}
	.pro-char .char-a{ text-align:left !important}
	.pro-char .char-a br{ display:none;}
	.resources-search div{ width:100% !important; margin-bottom:3%}
	.resources-search .searchtext{ width:54% !important}
	.resources-search select{ width:70% !important}
	.job-box .fa-plus-circle{ display:none;}
	.j5{ width:25% !important}
	.contact-info-net,.contact-info-line{ width:50% !important;}
	.contact-info-txt{ width:100% !important; margin-top:6%}
	.pro-tab .tabPanel ul{ height:40px !important}
	.pro-tab .tabPanel ul li{ height:40px !important; line-height:40px !important; font-size:14px !important;}
	
	.pageTel {background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;border-radius: 50%;bottom: -60px;display: block;height: 120px;position: fixed;right: -60px;width: 120px;z-index: 100;}
.pageTel a {background: rgba(0, 0, 0, 0) url("../images/product/tel.png") no-repeat scroll right bottom / 75% auto;display: block;height: 60px;width: 60px;}
	
	/*live800 在线客服浮动窗样式*/
	.online_chat_pf{ display:none !important}
	/*.online_chat_pf img{ display:none !important}
	.online_chat_pf a{ background:url("../chat/cnchat.gif"); width:44px; height:119px; display:table}*/
	.web-img img{ height:95px}
	.vip-box-fr,.vip-box-fl{ width:100% !important}
	.vip-box-fr{ margin-top:20px}
	.vip-custom .news-info,.in-list .news-info{ width:50% !important}
	.in-nav ul{ width:80% !important}
	.in-box-left{ width:64% !important; margin:0 auto; float:none !important}
.in-box-right{ width:100% !important; margin-top:20px; margin-left:0 !important}
.in-box-list{ margin-bottom:20px !important; margin-left:0 !important}
	.m1 .mt-ceo h3{ font-size:14px !important; margin:4px auto !important}
	.m1 .mt-ceo h3 span{ margin:0 !important}
	.m1 .mt-ceo p{ padding: 25px 10px 14px !important;}
	.list-box .news-info{ width:50% !important}
	.up-process{ display:block}
	.process{ display:none}
	.page-tit h3{ font-size:16px !important;}
	.ex-online ul li{ font-size:16px !important}
	.ex-info .company-txt{ padding-top:20px !important}
	.no-page-txt p{ font-size:16px !important}
	.pro-buy-txt,.pro-buy-wx{ float:left; width:100% !important;}
	.order-buy h5{ width:100% !important}
	.order-buy .buy-select-sub{ width:13%; margin:2% auto 0 !important}
	.order-buy .buy-select{ margin:2% 2% 2% 0 !important;}
	.buy-news h3{ font-size:14px; font-weight:bold;}
	 .buy-news h3 font{ max-width:30%;font-size:14px !important; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding:0 5px !important; margin-right:5px !important}
	 .buy-select-sub{ width:13% !important; margin:5% auto 0 !important}
	 .por-buy-nav a{ width:40% !important; margin-right:5% !important}
	 .buy-news p a{ font-size:12px;}
	 .pro-buy-box{ margin-top:30px}
	 .acc-item,.foot-link1,.foot-link2,.foot-link3{ float:left; width:100% !important; border:none !important; min-height:inherit !important}
	 .foot h5{ margin:0px 0 0 !important; padding:0 !important; font-size:14px !important}
	 .foot-link1 ul, .foot-link2 ul, .foot-link3 ul, .foot-link4 ul{ margin:0 !important}
	 .foot-link1, .foot-link2, .foot-link3, .foot-link4{ padding:8px 0 !important;  background:rgba(0, 0, 0, 0) url("../images/footbg1.png") repeat-x scroll left bottom}
	  .acc_trigger {background:url(../images/red_acc_closed.png) no-repeat right center;}
	.acc_trigger.active {background:url(../images/red_acc_opened.png) no-repeat right center;}
	.foot{ padding:0 0 20px !important}
	.bottom{ display:none}
	.pro-char .char-b{ width:100% !important}
	.project-leftsidebar{ width:100% !important;}
	.project-leftsidebar li{ width:20% !important; float:left; border:none !important; border-left:1px solid #edecec !important;}
	.project-main{ width:100% !important; padding-left:0 !important}
	.pro-main-box{ width:100% !important}
	.pro-main-box p{ height:auto !important}
	.service-scope{ width:50% !important}
	.experiment img,.experiment1 img{ float:none !important; margin:0 auto 15px !important;}
	#pageMiddle ul{ width:100%; display:table; margin-bottom:3%}
	#mapheader{ display:table;  width:100% !important}
	
	
	}
@media screen and (min-width:641px){
	.up-process{ display:none}
	.process{ display:block}
	.ex-online ul li{font-size:20px !important;}
	.order-buy .buy-select-sub{ width:10% !important}
	.order-buy .buy-select{margin:0% 2% 0% 0 !important;}
	.buy-select-sub{ width:100% !important; margin:0 auto !important}
	.por-buy-nav a{ width:30%}
	.acc_container{ display:block !important;}
	.acc_trigger{pointer-events: none;}
	.foot-link2,.foot-link3,.foot-link4{ background:rgba(0, 0, 0, 0) url("../images/footbg.png") repeat-y scroll 0 0}
	.foot h5{ background:rgba(0, 0, 0, 0) url("../images/footbg1.png") repeat-x left bottom}
	
	}	
/*live800 在线客服浮动窗样式*/
.online_chat_pf{position:fixed; right:5px; top:25%; z-index:9999;}

@media screen and (max-width:520px){ 
	.wap-header,.wap-main .choose .search{ display:block}
	header{ height:auto !important;}
	header .logo{ display:table; margin-bottom:15px;}
	.logo img{ float:left; margin-left:10px;}
	.pc-header{ display:none}
	.wap-main{ padding:3% 0}
	header .wap-main .choose,header .wap-main .laugese{ padding:0; margin:0 !important}
	header .wap-main .choose,header .wap-main .laugese,header .wap-main .search,header .wap-main .laugese ul{ float:left;}
	header .wap-main .laugese ul li{ background:#fff url("../images/icon17.png") no-repeat scroll 5px center}
	.wap-tel{ background:url(../images/wapicon.png) no-repeat -1px 2px; height:30px; font-size:12px; font-weight:bold; text-indent:2em; float:left;}
	.wap-main .search{background:url(../images/wapicon.png) no-repeat -2px -56px; width:23px; height:23px; margin:0}
	.wap-main .search a{ display:table; height:23px; width:23px;}
	.wap-main em{ font-style:normal; color:#e0e0e0; float:left}
	header .wap-main .laugese{ padding:0 5px}
	.wap-top{ display:table; margin:0 auto}
	.cd-main-header{ background:#fff !important; height:auto !important}
	.cd-header-buttons{ top:-70px !important;}
	.cd-nav-trigger{ background:#0067b6}
	}
	@media screen and (min-width:521px){ 
	.wap-header{ display:none}
	}