@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;}
.news-viode p { clear: both;}
h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal}
em{ font-style:normal}
img { max-width: 100%; height:auto; margin:0 auto; display:block; border:none; }
.unit img { max-height: 100%;}
form{ margin:0; padding:0; display:block;}
a{ text-decoration:none; color:#000}
a:hover{}
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;}
.top-line{ background:#f8f8f8; height:25px; font-size:12px; text-align:right; color:#434343}
.top-line em{ margin:0 5px;}
@media screen and (min-width:1200px){ 
.container{width:1160px}
.main-box{ width:20%; 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}
@-webkit-keyframes myfirst /* Safari and Chrome */
        {
            0%   { left:0;height:8%; bottom:0;}
            100% {left:0; height:40%;bottom:0;}
        }
}

@media screen and  (min-width: 980px) and (max-width:1199px){ 
.container{width:960px}
.main-box{ width:20%; 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}
@-webkit-keyframes myfirst /* Safari and Chrome */
        {
            0%   { left:0;height:8%; bottom:0;}
            100% {left:0; height:45%;bottom:0;}
        }
}

@media screen and  (min-width: 780px) and (max-width:979px){ 
.container{width:760px}
.main-box{ width:20%; 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:24px !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;}
.smart-box-txt p{ padding:5% !important}
@-webkit-keyframes myfirst /* Safari and Chrome */
        {
            0%   { left:0;height:8%; bottom:0;}
            100% {left:0; height:50%;bottom:0;}
        }
}

@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:#ff9800 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}
.smart-box-txt p{ padding:3% 4% !important; line-height:24px !important; font-size:12px;}
@-webkit-keyframes myfirst /* Safari and Chrome */
        {
            0%   { left:0;height:8%; bottom:0;}
            100% {left:0; height:62%;bottom:0;}
        }
}
@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:#ff9800; 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;}
@-webkit-keyframes myfirst /* Safari and Chrome */
        {
            0%   { left:0;height:8%; bottom:0;}
            100% {left:0; height:75%;bottom:0;}
        }

.zt-news-img{ float:inherit !important; width:50%; margin:0 auto 1em !important}	
}
@media screen and (max-width:520px){ 
.up-ad-num li{ width:50% !important}
.container{width:100%; padding:0 5%}
.article-page-list2 li {width: 100%;list-style: disc;margin-left: 2%;}
dl.dddd {width:100%; padding-right: 5%;float: left;margin-top: 20px; margin-bottom: 20px;}
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%}
.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:#ff9800 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:200px; 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:#ff9800; 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:16.666% !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}
.smart-box-txt p{  line-height:24px !important; font-size:12px;}

.leftsidebar-select span,.leftsidebar-select select{ float:left; width:42%;}
.leftsidebar-select select{ margin-right:0 !important}
@-webkit-keyframes myfirst /* Safari and Chrome */
        {
            0%   { left:0;height:8%; bottom:0;}
            100% {left:0; height:100%;bottom:0;}
        }
.zt-news-img{ float:inherit !important; width:100%; margin:0 auto 1em !important}	
.zt-news-img img{ width:100%}
}

@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}
	.foot-nav{ display:none}
}
@media screen and (max-width:767px){
	#header,#leftsead{ display:none}
	.service-link{ width:100% !important}
	#mapBox,#listWrap{ width:100% !important}
	.wap-last-nav{ background:url(../images/jblogo.png) no-repeat left center}
	footer{ margin-bottom:90px;}
	.foot-nav{ display:block;height:90px; background:#354151; width:100%; position:fixed; left:0; bottom:0; z-index:9999999}
	.foot-nav li{ float:left; width:25%; text-align:center;}
	.foot-nav li a{ color:#fff;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;}
	
}
@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,.nf-ps-l,.nf-ps-r{ width:100% !important}
.indbutton .prev{ left:4% !important}
.indbutton .callbacks_nav{top:34% !important}
.nf-ps-l,.nf-ps-r{ border:none !important; height:auto !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:12px !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/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("../images/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}
	.zt-news-txt{ padding:0 15px;}
	.leftsidebar p{ display:table; float:none !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:#ff9800}
	}
	@media screen and (min-width:521px){ 
	.wap-header{ display:none}
	.pro-list span a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	}
	
	
/* quick_links */
.mui-mbar-tabs{height:100%;right:0;position:fixed;bottom:0;z-index:9;}
.quick_links_panel{width:40px;height:100%;position:absolute;background:#fff;z-index:2;top:0;right:0;box-shadow: 3px 10px 5px 5px #ccc;-moz-box-shadow: 3px 10px 5px 5px #ccc;-webkit-box-shadow: 3px 10px 5px 5px #ccc; 
/*动画名称，需要跟@keyframes定义的名称一致*/
-webkit-animation-name: "fadeInRight";
animation-name: "fadeInRight";
-ms-animation-name: "fadeInRight";
-moz-animation-name: "fadeInRight";

/*动画持续的时间长*/
-webkit-animation-duration: 2.5s;
animation-duration: 2.5s;
-ms-animation-duration: 2.5s;
-moz-animation-duration: 2.5s;
/*动画循环播放的次数为1 infinite为无限次*/
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
}

@-webkit-keyframes fadeInRight {
0% {opacity: 0;-webkit-transform: translateX(20px);}	
100% {opacity: 1;-webkit-transform: translateX(0);}
}
@keyframes fadeInRight {
0% {opacity: 0;transform: translateX(20px);	}	
100% {opacity: 1;transform: translateX(0);}
} 

/*提示层*/

.right-item{ display:table; margin:0px auto; position:relative}
.tooltip { width:280px;padding:10px;border-radius:3px;position:absolute; border:1px solid #ccc;margin: -800px 0 0 -20px;background:#ffecbf;-webkit-transition:width .5s ease-in-out;-moz-transition:width .5s ease-in-out; left:-265px; top:98px; font-size:12px;}
.tooltip p{ color:#434343; margin:0;}
.right-item:hover .tooltip {margin:-145px 0 0 -20px;-webkit-transition: width .15s ease-in-out;-moz-transition: width .15s ease-in-out;}
.arrow {position:absolute;margin:10px 0 0 50px;width: 0; height: 0; right:-17px; top:36%; }
.arrow:after {content: " ";position: absolute;right: 10px;width: 12px;height: 12px;border: #ccc solid 1px;border-left: 0;border-bottom: 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); background:#ffecbf;}
/*提示层*/

.quick_links_panel a{display:block;width:40px;height:66px;text-decoration:none;position:relative;overflow:hidden;top:0;left:0px;*left:-15px;z-index:1;margin:0;padding:0;}
.quick_links_panel .mp_tooltip{height:105px;line-height:38px;width:84px;position:absolute;z-index:2;left:-121px;top:0;background:url(../images/rightwechat.jpg) no-repeat;color:#d8d8d8;text-align:center;display:block;visibility:hidden;border:1px solid #bfbfbf;}
.mp_hot{background:url(../images/righthot.jpg) no-repeat; width:160px; height:66px;position:absolute;z-index:2;left:-121px;top:0;color:#d8d8d8;text-align:center;display:block;visibility:hidden;border:1px solid #bfbfbf;}
.mp_tel{background:url(../images/righttel.jpg) no-repeat top center #e7e7e8; width:128px; height:170px;position:absolute;z-index:2;left:-121px;bottom:0;color:#ce012f;text-align:center;display:block;visibility:hidden; border:1px solid #bfbfbf;}
.api-lxb-cb-con{ width:128px; position:absolute; margin:0 auto; display:table; bottom:17px; text-align:center}
.api-lxb-cb-con input{ width:110px; margin-bottom:6px; text-align:center; height:22px;}
.api-lxb-cb-input{ background:#373d44; border:1px solid #373d44; color:#fff; font-size:11px;}
.api-lxb-cb-btn{ background:#ce012f;  border:none; color:#fff; font-size:12px;}

.quick_links{position:absolute;top:50%;left:0;margin-top:-190px;*margin-top:-220px;	background:#fff;z-index:2;width:40px;}
.quick_links li{position:relative;display:block;left:0;top:0px; border-bottom:1px solid #bfbfbf}
.quick_links i{width:40px;height:66px;display:inline-block;background:url(../images/sprites.png) no-repeat;cursor:pointer;}
.quick_links .right_tel{ background-position:0px -68px}
.quick_links .right_contact{ background-position:0px -137px}
.quick_links .right_wechat{ background-position:0px -205px}
.quick_links .right_hot{ background-position:0px -272px}

.quick_links .right_online:hover,.quick_links .right_online{background-position:-42px 0px}
.quick_links .right_tel:hover{background-position:-42px -68px}
.quick_links .right_contact:hover{background-position:-42px -136px}
.quick_links .right_wechat:hover{background-position:-42px -204px}
.quick_links .right_hot:hover{background-position:-42px -272px}

.api-lxb-cb-input:hover .tt{ display:block}
.tabPanel .pane p {line-height: 50px;}
/*form-start*/
.janli{width:100%;display:block;overflow:hidden;}
.janli b{color:#333;background:url("/Picture/bg3.png") no-repeat left bottom;width:100px;line-height:24px;height:35px;font-size:24px;float:left;margin-bottom:0;font-weight:100}
.janli a{color:#FF3F3C;float:right;width:45px;text-align:right;line-height:30px}
.biaodan{height:auto;display:block;margin-top:10px;overflow:hidden}
.biaodan p{line-height:24px;font-size:14px;color:#666;display:block;font-weight:100;margin-bottom:40px;text-indent:2em;margin-top: 30px;}
.biaodan form{height:330px;display:block}
.biaodan form input{margin-left:0;padding:0}
.biaodan form .formleft{width:468px;margin-right:40px;float:left;height:100%;overflow:hidden;position:relative}
.biaodan form .formleft input{line-height:38px;border:1px solid #cacbcb;opacity:.5;height:38px;margin-bottom:10px;width: 466px;text-indent:10px;float:left;}
.biaodan form .formright{width:468px;float:left;height:100%;overflow:hidden;position:relative}
.biaodan form .formright input{line-height:38px;border:1px solid #cacbcb;opacity:.5;height:38px;margin-bottom:10px;width:566px;text-indent:10px;float:left}
.biaodan form .formright textarea{height:90px;width:566px;text-indent:10px;border:1px solid #cacbcb;opacity:.5;line-height:30px}
.biaodan form .formleft button{cursor:pointer;width:100px;height:40px;background-color:#ff9800;color:#FFF;line-height:40px;float:right;border:none;position:absolute;right:0;bottom:50px}
.biaodan form .formright button{cursor:pointer;width:100px;height:40px;background-color:#999;color:#FFF;line-height:40px;border:none;position:absolute;left:0;bottom:50px}
select#product{line-height: 38px;border: 1px solid #cacbcb;height:38px;margin-bottom: 13px;width: 468px;text-indent: 14px;float: left;opacity: .8;}
/*form-end*/
@media screen and (max-width:768px){.mui-mbar-tabs{ display:none}}