@charset "utf-8";

/*-- 全屏 --*/		
@media (max-width: 1020px) {
/*-- 幻灯片 -- */
.slides .pc-banner {display: none;}
.slides .mobile-banner {display: block;}
}

/*-- 全屏 --*/
@media (max-width: 990px) {
.wrap{width:95%; padding:0 20px;}
.lmsection{ float:left; width:76%; padding:15px; border-right:1px solid #ddd; height:auto; }
.nraside{ width:22%; float:right; padding:5px;}

	
.header .nav .navbar {width: 100%;}
.header .site-top {width:98%; padding:0px 1%;}
.header .site-top .right {width:auto; margin-right:10px;}
.header .site-top .link {display: none;}
.header .nav .navbar .caret {display: none;}
.header .site-top .nav {width:100%;}
.header .nav .navbar a {padding:10px 20px;}

/*-- footer -- */	
.footer {padding-top:0px;}
.footer .bottom {width: 100%;}
.footer .bottom .QR {float:none; text-align: center; width:100%; margin-bottom:10px;}
.footer .bottom .QR img {margin:0px auto;} 
.footer .bottom .right {float:none; color:white; margin:0px auto;}
.footer .bottom .right .ico-list {text-align:center;}
.footer .bottom .tel, .footer .bottom .fax {float:none; font-size:14px; text-align: center; margin:0px 0px 10px 0px;}
.footer .bottom .tel i, .footer .bottom .fax i {float:none; vertical-align: middle; display: inline-block;}
.footer .bottom .weibo,.footer .bottom .tx, .footer .bottom .qq {float:none; display: inline-block; }
.footer .bottom  p {text-align:center; font-size:12px;}


/*-- 新闻中心 --*/
.index-warp .index-bottom{width:100%; padding-top:20px;}
.index-warp .index-bottom .news-center {width:65%; padding:0px;}
.index-warp .index-bottom .news-center .slides {display: none;}
.index-warp .news-center .news-content {float:left; width:auto; padding-left:10px;}

.index-warp .warp-center {width:100%;}
.index-warp .into-box {border:0px; width:33%;}
.index-warp .into-box .content {padding:49px 20px 0px 20px;}

.index-warp .core-box {border:0px; width:33%;}
.index-warp .core-box .content {padding:49px 20px 0px 20px;}
.index-warp .product-box {border:0px; width:33%;}
.index-warp .product-box .content {padding:49px 20px 0px 20px;}

.index-warp .product-recommend .wrap {width:100%;}
.index-warp .product-recommend .product-list {width:99%;  padding: 15px 0px 15px 1%;}
.index-warp .product-recommend .product-list .item {width:32.333%; margin:0px 0% 0px 1%; height: auto; padding-bottom:20px;}
.index-warp .product-recommend .product-list .item.first {margin-left: 0%;}


.w990{ width:750px}
.list1 dt img{ width:100%}
.list1 dd{ width:460px}
.p-tu span a img{ width:100%}
.p-tu{ margin:0 5px; width:176px}
.list4 .p-tu{ width:114px; margin-right:6px}
.p-tu span a{ padding:5px}
.list8-l{  width:480px}
.list8-r{ margin-left:24px;}
.list7 .list3 .p-tu{ margin-right:10px; width:176px}
.list7 .list3 .p-tu span a{ width:174px; height:auto}
.list6 .p-tu{ width:176px; margin-right:10px}
.piece6-l{ width:auto; float:none; margin:0 0 10px 0}
.piece6-l .p2{  width:510px}

}	

/*-- 中间过度 --*/
@media (max-width: 950px) {	
/*-- 新闻中心 --*/
.index-warp .index-bottom{width:100%; padding-top:20px;}
.index-warp .index-bottom .news-center {width:60%; padding:0px;}

.index-warp .into-box {border:0px; width:100%; margin-bottom: 20px;}
.index-warp .into-box .content>img {width:50%; margin:0px auto;}
.index-warp .into-box .ico-list {text-align: center; }
.index-warp .into-box .ico-list li {float:none; display: inline-block;}

.index-warp .core-box {border:0px; width:50%; border-right:1px solid #e5e5e5;}
.index-warp .core-box .content .tag  {text-align: center;}
.index-warp .core-box .content .tag li {float:none; display: inline-block; }
.index-warp .core-box .content {padding: 15px 0px 0px 15px;} 
.index-warp .core-box .content .tag-content p { padding:0px 20px;} 

.index-warp .product-box {border:0px; width:50%; margin-left:-1px;}
.index-warp .product-box .tag-box .tag {text-align: center;}
.index-warp .product-box .tag-box .tag li {float:none; display: inline-block;}
.index-warp .product-box .content {padding: 15px 0px 0px 15px;}

.index-warp .product-box .tag-box .tag-content .product-list {text-align: center;}

.index-warp .product-box .tag-box .tag-content .product-list .info {float:none; display: inline-block;}

.index-warp .news-center .news-content  {width:auto; float:none; padding:0px 10px;}
.index-warp .news-center .news-content h3 {font-size:1.4em; text-align: left;}
.index-warp .news-center .news-content ul li { width:95%;text-align:left; }
.index-warp .news-center .news-content ul li span { float:right;}
.index-warp .news-center .news-content ul li a { float:none; display:block;
word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;}
.index-warp .problem .tag-content {padding:10px;}
.index-warp .problem .tag-content ul li {width:95%; text-align:left;}
.index-warp .problem .tag-content ul li span {float:right;}
.index-warp .problem .tag-content ul li a {float:none; display:block;
word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;}

}

@media (max-width: 830px) {
.header .nav .navbar a {padding:10px 15px;}
#focusBar{height:342px;}
#focusBar li{height:342px; }
#focusBar .arrL,#focusBar .arrR{width:27px;height:68px;top:140px;background:url(/images/bt_arr-2.png) no-repeat;}
#focusBar .arrL{left:-27px;background-position:0px 0px;}
#focusBar .arrR{right:-27px;background-position:-34px 0px;}
#focusBar .arrL:hover{background-position:0px -68px;}
#focusBar .arrR:hover{background-position:-34px -72px;}
#focusBar ul li#focusIndex1{background:url(/images/top-1-830-en.jpg) no-repeat center center;display:block;}
#focusBar ul li#focusIndex2{background:url(/images/top-2-830-en.jpg) no-repeat center center;display:none;}
#focusBar ul li#focusIndex3{background:url(/images/top-3-830-en.jpg) no-repeat center center;display:none;}
#focusBar ul li#focusIndex4{background:url(/images/top-4-830-en.jpg) no-repeat center center;display:none;}
}

@media screen and (max-width: 768px) {  
.wrap{width:auto; padding:0 20px;}
.slide_nav {top: 60%;width: 30px;height: 32px; background: transparent url(../img/common/themes2.gif) no-repeat left top; margin-top: -35px;   }
.index-warp{ background:none;}
.index-warp .into-box .title {padding:10px 0px 10px 31px; border-bottom:1px solid #ddd; }
.index-warp .core-box .title {padding:10px 0px 10px 32px;border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.index-warp .product-box{ padding-top:20px;}
.index-warp .product-box .title {padding:10px 0px 10px 24px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}

.r-boder{ border:none;}

.lmsection{  width:auto; padding:0px; border:none; height:auto; }
.lmsection h1{ text-align:center; padding:15px; }
.tplist ul li{ float:left; width:45%; height:auto; margin-left:4%;  margin-bottom:10px; }
.tpnews ul li .tupian{ padding:8px; padding-bottom:3px; border:1px solid #ddd;}
.tpnews ul li .tupian img{ width:100%; height:auto;   }

.nrsection{  width:auto; padding:0px; border:none; height:auto; }
.nraside{ width:auto; float:none; padding:0px;}
.lmdatu-gongsi,.lmdatu-xinwen,.lmdatu-wenhua,.lmdatu-renli,.lmdatu-kehu,.lmdatu-chanpin,.lmdatu-shop{ display:none;}
.dhtt{ padding-top:0.5em; padding-bottom:0.5em; border-top:0px solid #ddd; border-bottom:none;}
.bshare-custom .bshare-more bshare-more-icon more-style-addthis{ display:none;}

.footerdh{ height:auto;}
.footerdh .link a{display:block; border-bottom:#222 solid 1px;}
.footerdh .link span{display:none;}
.footerdh .link a:hover{ background:#cc0000; color:#fff;}


}






/*-- 中间过度 --*/
@media (max-width: 750px) {	
.index-warp .index-bottom .news-center {width:55%; padding:0px;}
.header .nav .navbar a {padding:10px 10px;}
.slide_nav {top: 60%;  }
.w990{ width:640px}
.list1 dt{ width:180px; margin-right:20px}
.list1 dt img{ width:100%}
.list1 dd{ width:423px}
.p-tu span a img{ width:100%}
.p-tu{ margin:0 5px; width:150px}
.list4 .p-tu{ width:96px; margin-right:5px}
.p-tu span a{ padding:5px}
.list8-l{ float:none; width:auto}
.list8-r{ float:none; margin-left:24px;}
.list7 .list3 .p-tu{ margin-right:5px; width:152px}
.list7 .list3 .p-tu span a{ width:150px; height:auto}
.list6 .p-tu{ width:150px; margin-right:10px}
.piece6-l{ width:auto; float:none; margin:0 0 10px 0}
.piece6-l .p2{  width:auto;}
}
@media (max-width: 700px) {
.header {background: none;}
.slide_nav {top: 65%;  }
.header .site-top {height:auto;}
.header .site-top  h1 {float:none; text-align: center;}
.header .site-top  h1 img {margin:0px auto; }
.header .site-top .right {display: none;}
.header .nav .navbar .caret {display: none;}

.header .nav .menu-open {display: block;}
.header .nav {background:transparent; width:100%; }
.header .nav .navbar a {padding:10px 10px;}
.header .nav .navbar {width:auto; display: none;}
.header .nav .navbar li {float:none; clear: both; border-top:1px solid #B20F16;}
.header .nav .navbar>li>a.dropdown-toggle {color:#000000; }
.header .nav .navbar>li.see {}
.header .nav .navbar>li.see>a {float:left;  color:white;}
.header .nav .navbar>li>a {float:left; width:95%;  font-weight:normal; color:#ccc;  padding:1px 0px 1px 5%}
.header .nav .navbar .dropdown-menu {background:transparent; position: static;}	
.header .nav .navbar .dropdown-menu li {padding:1px 0px 1px 10px; border-top:1px solid #B20F16; }
.header .nav .navbar .dropdown-menu>li>a {display:block; width:100%; color:#fff;  font-weight:normal;}	
.header .nav .navbar .dropdown-menu>li>a:hover{ display:block;width:100%; background:#333; color:#fff;}
.header .nav .navbar .dropdown-menu>li.hover, .header .nav .navbar .dropdown-menu>li:hover {background:transparent;}	
.header .nav .navbar .caret {display: block; top:18px;  width:14px; height:6px; background:url(../img/common/down-arrow-grey.png) no-repeat;}
.header .nav .navbar .caret img {display: none;}
.header .nav .navbar>li.see .caret {background: none;}
.header .nav .navbar>li.see .caret img {display: block;}
}

/*-- 手机屏幕 --*/
@media (max-width: 640px) {
	
.header {background: none;}
.header .nav .menu-open {display: block;}
.header .site-top {width:auto; padding:10px 10px; height: auto;}
.header .site-top  h1 {margin:0px; float:none; text-align: center;}
.header .right {display: none;}
.header .nav {background:transparent; width:100%; background:#df262e}
.header .nav .navbar {width:auto; display: none;}
.header .nav .navbar li {float:none; clear: both;}
.header .nav .navbar>li>a.dropdown-toggle {color:#fff; }
.header .nav .navbar>li.see {}
.header .nav .navbar>li.see>a {float:left;  color:white;}
.header .nav .navbar>li>a {float:left; width:95%;  font-weight:normal; color:#fff;  padding:10px 0px 10px 5%}
.header .nav .navbar .dropdown-menu {background:transparent; position: static;}	
.header .nav .navbar .dropdown-menu>li>a {color:black;  font-weight:normal;}	
.header .nav .navbar .dropdown-menu>li.hover, .header .nav .navbar .dropdown-menu>li:hover {background:transparent;}	
.header .nav .navbar .caret {display: block; top:18px;  width:14px; height:6px; background:url(../img/common/down-arrow.png) no-repeat;}
.header .nav .navbar .caret img {display: none;}
.header .nav .navbar>li.see .caret {background: none;}
.header .nav .navbar>li.see .caret img {display: block;}


#focusBar{height:264px;}
#focusBar li{height:264px; }
#focusBar .arrL,#focusBar .arrR{width:27px;height:68px;top:100px;background:url(/images/bt_arr-2.png) no-repeat;}
#focusBar .arrL{left:-27px;background-position:0px 0px;}
#focusBar .arrR{right:-27px;background-position:-34px 0px;}
#focusBar .arrL:hover{background-position:0px -68px;}
#focusBar .arrR:hover{background-position:-34px -72px;}
#focusBar ul li#focusIndex1{background:url(/images/top-1-640-en.jpg) no-repeat center center;display:block;}
#focusBar ul li#focusIndex2{background:url(/images/top-2-640-en.jpg) no-repeat center center;display:none;}
#focusBar ul li#focusIndex3{background:url(/images/top-3-640-en.jpg) no-repeat center center;display:none;}
#focusBar ul li#focusIndex4{background:url(/images/top-4-640-en.jpg) no-repeat center center;display:none;}



/*-- footer -- */	
.footer {padding-top:0px;}
.footer .top {display: none;}
.footer .bottom {width: 100%;}
.footer .bottom .QR {float:none; text-align: center; width:100%; margin-bottom:10px;}
.footer .bottom .QR img {margin:0px auto;}
.footer .bottom .right {float:right; width:100%; color:white;}
.footer .bottom .right .ico-list {text-align:center;}
.footer .bottom .tel, .footer .bottom .fax {float:none; font-size:14px; text-align: center; margin:0px 0px 10px 0px;}
.footer .bottom .tel i, .footer .bottom .fax i {float:none; vertical-align: middle; display: inline-block;}
.footer .bottom .weibo,.footer .bottom .tx, .footer .bottom .qq {float:none; display: inline-block; }
.footer .bottom  p {text-align:center; font-size:12px; padding:0px 15px;}	
/*-- 幻灯片 -- */
.slides .pc-banner{display: none;}
.slide_nav {top: 70%;  }
.slides .mobile-banner {display: block;}
/*-- 首页包裹 --*/
.index-warp { padding-bottom:20px;}
.index-warp .warp-center {width:100%;}
/*-- 走进中基 --*/
.index-warp .into-box {float: none; width: 100%; border-right:0px; min-height:initial;}
.index-warp .into-box .content { padding: 49px 10px 0px 10px;}
.index-warp .into-box .content>img { margin:0px auto;}
.index-warp .into-box .ico-list {text-align: center; }
.index-warp .into-box .ico-list li {float:none; display: inline-block;}

/*-- 核心 --*/
.index-warp .core-box {float: none; width: 100%; border-right:0px; min-height:initial;}
.index-warp .core-box .content {padding: 49px 10px 0px 10px;}
.index-warp .core-box .content .tag  {text-align: center;}
.index-warp .core-box .content .tag li {float:none; display: inline-block; }

/*-- 产品 --*/
.index-warp .product-box {float: none; width: 100%;min-height:initial;}
.index-warp .product-box .content {padding: 49px 10px 0px 10px;}
.index-warp .product-box .tag-box .tag-content {padding:30px 0px 0px 0px;}
.index-warp .product-box .tag-box .tag {text-align: center;}
.index-warp .product-box .tag-box .tag li {float:none; display: inline-block;}
.index-warp .product-box .tag-box .tag-content .product-list {text-align: center;}
.index-warp .product-box .tag-box .tag-content .product-list .info {float:none; display: inline-block;}
/*-- 产品推荐 --*/
.index-warp .product-recommend {}
.index-warp .product-recommend .title {margin:0px;}
.index-warp .product-recommend .more {display: none;}
.index-warp .product-recommend .wrap {width: 100%;}
.index-warp .product-recommend .wrap strong {float:none:}
.index-warp  .product-recommend  .product-list {padding:15px 0px 0px; width:100%;}
.index-warp .product-recommend .product-list .item {float:none;width:80%;margin:30px auto;}
.index-warp .product-recommend .product-list .item.first {margin:30px auto; }
/*-- 新闻中心 --*/
.index-warp .index-bottom{width:100%; padding-top:20px;}
.index-warp .index-bottom .news-center {width:100%; padding:0px;}
.index-warp .index-bottom .news-center .slides {}
.index-warp .index-bottom .more {display: none;}
.index-warp .index-bottom .right {float:none; clear:both; width:100%; padding-top:10px; padding-right: 0px;}

/*-- 频道页  走进中基 产品服务 --*/
.w990{ width:96%; padding:0 2%}
.list1{ padding:10px 0}
.list1 dt{ width:auto; margin-right:0; float:none}
.list1 dt img{ width:100%}
.list-tit{ margin-bottom:0; height:auto}
.list-tit p,.list-tit span,.list-tit a.more{ float:none; margin:0 0 5px 0}
.list-tit p{ font-size:16px; height:20px; line-height:20px; margin:0; padding-top:10px}
.list-tit span{ font-size:14px}
.list-tit a.more{ width:60px; text-align:center; height:20px; line-height:20px; float:right; margin-top:-50px; padding:0 10px}
.list1 dd{ width:auto}
.p-tu span a img{ width:100%}
.p-tu{ margin:0; width:100%}
.list2 p{ font-size:16px; margin-right:10px}
.list2 span{ font-size:14px; margin-left:10px; float:none; }
.list2 b{ color:#000; clear:both; width:100%; height:50px}
.list2 b a{ color:#000}
.list3{ padding:10px 0; margin-bottom:0}
.list4 .p-tu{ width:30%;  margin-right:3%;}
.p-tu span a{ padding:5px}
.list5{ padding:10px 0}
.list8-l{ float:none; width:auto}
.list8-r{ float:none; margin-left:24px;}
.list7 .list3 .p-tu{ margin-right:0; width:100%; margin-bottom:10px}
.list7 .list3 .p-tu span a{ width:100%; height:auto}
.list6 .p-tu{ width:100%; margin-right:0}
.piece6-l{ width:auto; float:none; margin:0 0 10px 0; height:auto}
.piece6-l .p1{ float:none; width:80px; margin:auto;}
.piece6-l .p2 span{ line-height:16px}
.piece6-l .p1 img{ width:100%}
.piece6-l .p2{  width:auto;}
}





@media screen and (max-width: 360px) {  
.slide_nav {top: 80%;  }
.navbar-default .navbar-toggle{	margin-right:41%;}

#focusBar{height:149px;}
#focusBar li{height:149px; }
#focusBar .arrL,#focusBar .arrR{width:27px;height:68px;top:45px;background:url(/images/bt_arr-2.png) no-repeat;}
#focusBar .arrL{left:-27px;background-position:0px 0px;}
#focusBar .arrR{right:-27px;background-position:-34px 0px;}
#focusBar .arrL:hover{background-position:0px -68px;}
#focusBar .arrR:hover{background-position:-34px -72px;}
#focusBar ul li#focusIndex1{background:url(/images/top-1-360-en.jpg) no-repeat center center;display:block;}
#focusBar ul li#focusIndex2{background:url(/images/top-2-360-en.jpg) no-repeat center center;display:none;}
#focusBar ul li#focusIndex3{background:url(/images/top-3-360-en.jpg) no-repeat center center;display:none;}
#focusBar ul li#focusIndex4{background:url(/images/top-4-360-en.jpg) no-repeat center center;display:none;}



.tpnews ul li{ width:95%; margin-left:3%; margin-top:13px; }
.tplist ul li{ width:95%; height:auto; margin-left:3%; background:#fff; margin-bottom:10px; }
}