@charset "utf-8";
@media only screen and (max-width:1366px){
.leftqq {top:65.5%;}
}

@media only screen and (max-width:1100px){
.rslides {width:1100px;}

ul.callbacks_tabs.callbacks1_tabs {left:0;width:100%;margin-left:0;text-align:right;}
.slider_1 .cons { left:10%;width:85%;margin-left:0}
.slider_1 .cons .list,.slider_1 .bannertopline {width:220px}
.slider_1 .cons .list div {padding:5% 0 0 5%}
.slider_1 .cons .list p a {font-size:12px;}
}

@media only screen and (max-width:640px){
/*总容器样式*/  
.page_wrap2 {padding:20px 0 10px 0;}
.pager2 {font-size:12px; }   
.pager2 select {font-size:12px;}
.pager2 input {font-size:12px;} 
.pager2 a,.pager2 span.disabled {font-size:12px;}  
.pager2 a,.pager2 span.current,.pager2 span.disabled{width:20px; height:20px; line-height:20px;}

.page_wrap { text-align:center;padding-left:0;padding-right:0;}

.wrap {width:96%;}
.wrap2 {width:100%;}
.rslides {width:100%;}

.tlogo {margin-bottom:1%}
.tlogo a {width:110px; height:50px;margin:10% 0 0 0; background-size:100%}
.tsearch {margin-top:5%}
.tsearch a { padding:0 10px;}
.tsearch input[type="text"] {width:100px;}
.tmenu {height:63px;margin-bottom:4%;clear:both;float:none;width:100%;}
.sf-menu { display:none;}
.mobmenu { display:block;padding:8px 0 5px 0; text-align:center}
.mobmenu p {float:left;width:25%;}
.mobmenu p a {font-size:14px;color:#333; text-decoration:none;padding:5px}
.mobmenu p.check a{ background:#f44e04;color:#fff;}

.slider_1 .cons { display:none}
.callbacks_nav { height:20px; width: 11px; margin-top:-10px; background-size:100%;}
.callbacks_nav.next { background-size:100%;}
ul.callbacks_tabs.callbacks1_tabs {left:0;width:100%;margin-left:0;text-align:right;bottom:0px;}
.callbacks_tabs a:after {height:6px;width:6px;}
.callbacks_tabs a {margin:0 1px}
.slider_1 .cons .list,.slider_1 .bannertopline {width:180px;}
.slider_1 .cons .list div {padding:0 0 0 2%; line-height:16px}

.mleft {float:none;width:100%;margin-top:3%}
.mright {float:none;width:100%;margin-top:3%}
.mtitle { line-height:35px; height:35px;font-size:14px;padding-left:10px;}
.mmore { height:35px;margin:0 10px 0 0;}

ul.indlist {padding:6px 15px 18px 10px}
ul.indlist li { background:url(../images/4.png) no-repeat bottom left; }
ul.indlist2 li { background:url(../images/3.png) no-repeat bottom left;}

.indabout .pic {float:none;width:100%;height:auto; text-align:center;padding-top:4%}
.indabout .cons {float:none;width:92%;margin-left:auto;padding:4%}
.indabout .cons .mcons { height:auto; overflow:auto;}
.indabout .cons .mmore2 {margin:15px 7px 5% 0;}

.tabPanel .titlelist {height:35px; line-height:35px}
.tabPanel .titlelist .title {font-size:14px;padding-left:10px;}
.tabPanel .titlelist ul{float:left;width:100%;margin-right:auto; background:#dddfe3;padding:10px 0 5px 0}
.tabPanel .titlelist .more a {margin:11px 10px 0 0}
.tabPanel ul {margin-bottom:5%}
.tabPanel ul li{height:25px; line-height:25px;width:33.3333%;padding:0 0 10px 0;text-align:center;cursor:pointer;color:#3c3c3c;}

.pane .cons { height:840px; overflow:visible; text-align:center}
.pane .more { padding-right:10px;width:470px; text-align:right;margin:0 auto}
/* galleryImage */
.galleryImage{width:220px;height:147px;margin:0 10px 10px 10px; display:inline-block; vertical-align:top;float:none; text-align:left}
.galleryImageno {margin:0 10px 10px 10px; }
.galleryImage img {width:100%}
.info {padding-left:0}
.info h2 {margin:5px 5px 8px 0; height:15px; line-height:15px; overflow:hidden}
.info h2 a{font-size:12px;height:auto; overflow:visible}
.info p {padding-bottom:0;padding-right:5px; font-size:12px; line-height:15px; height:15px; overflow:hidden}

.indcase {padding-top:15px}
.indcase ul li {float:left;width:48%;margin:0 1% 2% 1%;}
.indcase ul li.no {margin-right:1%}
.indcase ul li img {padding-bottom:11%}
.indcase ul li a { background:#626871; display:block; text-align:center; text-decoration:none;color:#fff;font-size:14px;padding:25% 0 10% 0}
.indcase ul li a:hover { background:#f44e04}

.lanmu {height:60px;}
.nbs-flexisel-inner {width:90%;padding-top:10px;}
.nbs-flexisel-nav-left,.nbs-flexisel-nav-right { width:4%; height:60px;}

.fl_cons {padding:10px 0 15px 0}
.fl_title {line-height:35px; height:35px;}
.fl_cons li {width:50%;margin:0}
.fl_cons li.no {margin:0}
.fl_cons li a { display:block; height:15px; line-height:15px; overflow:hidden;margin:5px 0}

.mleftin {float:none;width:100%;min-height:10px;}
.mrightin {float:none;width:100%;}
.mobrightmenu { display:block}
.mobrightmenu ul {min-height:10px;padding:5px 0 15px 10px}
.pcrightmenu { display:none}
.current_list {padding-left:10px;font-size:14px}
.current_list p {padding-right:10px; display:none}
.maincontent {padding:10px;min-height:10px}
ul.rightcon {padding:10px 10px 25px 10px; min-height:10px;}

.map dl {width:46%;padding:0;margin:2%;min-height:280px;}
.map dt {line-height:300%;margin-bottom:5%}
.map dt a {font-size:14px;}
.map dd {margin:1% 0}
.map dd a {font-size:12px}
.map dd.first {padding-top:52%}

dl.mess_list dd span {margin-left:3px}
dl.mess_list dt {padding:1% 0 1% 4%;}
dl.mess_list dd {float:none;width:98%;padding-left:2%}
dl.mess_list4 dd input[type="text"] {width:70%}
dl.mess_list dd label {width:98%;padding-left:2%;float:none; display:block}
dl.mess_list6 dd label,dl.mess_list6 dd.d1 label,dl.mess_list6 dd.d2 label {width:41%;padding:0; margin:0;float:left;}
dl.mess_list6 dd input[type="text"],dl.mess_list6 dd.d2 input[type="text"] {width:54%;padding:0;margin:5px 0;float:left;}
dl.mess_list6 dd.d1 {width:100%;padding:0}
dl.mess_list6 dd.d2 {width:100%;margin:0;padding:0%}
.messagebtn input {font-size:16px;border:0; background:#f44e04 url(../images/mebtn.png) no-repeat 21% 6px;padding:3% 8% 3% 20%; background-size:14%;}

.newslist li { line-height:20px;padding:1.5% 0}
.newslist li p {font-size:12px;float:none;}
.newslist li a {font-size:12px;}
.currentnews_list span {float:none; width:100%; line-height:22px}
.currentnews_list p {float:none;text-align:left; position:relative; bottom:1%;left:0;margin-top:2%}
.newsdetailnext p { position:relative; top:10px;margin-bottom:20px;left:0; text-align:center}
.casetitle {font-size:14px;}

.resources li {width:46%;margin:0 2% 4% 2%;border-bottom:5px solid #979797; position:relative;}
.resources li.no {margin-right:2%}
.resources li p {font-size:12px; height:35px; line-height:35px;padding-left:30px;}
.respage {margin-top:-10px}

.relist {margin:1.5% 0 2.5% 0}
.relist ul li {float:left;margin:0 1.5% 1.5% 0%;width:23.5%}
.relist ul li a {padding:0; text-align:center}

.case_model { height:100px;}
.case_model ul.case2cate {float:none;width:100%;}
.case_model ul.case2cate li { margin:2% 2%;width:29.3333%}
.case_model p {float:left;width:100%;margin:20px 0 0 0}

.mleftin2 {float:none;width:100%;min-height:10px;}
.caselist {width:100%;padding-bottom:5%;padding-top:1.5%}

.case2list li {margin-bottom:3%; height:auto}
.case2list li .pic {width:100%;float:none;}
.case2list li .pic img {width:100%}
.case2list li .cons {width:90%;margin-left:0%;padding:0 5% 5% 5%;float:none }
.case2list li .cons .title {margin:10px 0 10px 0}
.case2list li .cons .title a {font-size:12px; height:20px; overflow:hidden; display:block}
.case2list li .cons .mcons { height:auto; line-height:20px; overflow:auto;}

.casebl li {float:left;width:47.3333%;margin:1% 1% 1% 1%;}
.casebl li:Hover {border:1px solid #f44e04}
.casebl li.no {margin-right:1%}
.casebl li .title { line-height:25px; height:25px; overflow:hidden;padding:0 10px 7px 10px;}

.foot .weixin {float:none;margin-top:5%}
.foot .cons {float:none; margin:5% 0 8% 0}
.foot .tel_clo {float:none;margin-bottom:5% }
.leftqq,.scroll-up { display:none;}
}

@media only screen and (max-width:500px){
.pane .cons { height:785px; }
.pane .more { width:410px; }
.galleryImage{width:190px;height:127px;}
.info h2 {margin:-2px 5px 5px 0; height:13px; line-height:13px;}
}

@media only screen and (max-width:440px){
.pane .cons { height:680px; }
.pane .more { width:350px; }
.galleryImage{width:160px;height:107px;}
.info h2 {margin:-3px 5px 10px 0;}
}

@media only screen and (max-width:380px){
.pane .cons { height:614px; }
.pane .more { width:310px; }
.galleryImage{width:140px;height:94px;}
.info h2 {margin:-4px 5px 10px 0;}

.tlogo a {width:80px; height:36px;}
.tsearch {margin-top:10px;}
.tsearch input[type="text"] {width:90px;}
.tsearch a { padding:0 5px;font-size:12px}
}

@media only screen and (max-width:340px){
.pane .cons { height:540px; }
.pane .more { width:270px; }
.galleryImage{width:130px;height:87px;margin:0 5px 2px 5px}
.info h2 {margin:-8px 5px 10px 0;}
}