@charset "utf-8";
@media screen and (min-width: 1360px){
.wrap{width:1170px; margin:0px auto; }	
.menu{ padding-left:10px;}
.navbar-default .nav li a{padding:0px 32px;	font-size:14px; font-weight:800;}

#service .list{ float:left;  width:140px;  padding:0 27px; height:330px; margin:50px 0 50px 0;}

#footer .contact .tt{ float:left;padding-left:20px;}
#footer .contact .haoma{float:left; font-size:32px; padding:0 10px;}
#footer .contact .haoma span{  font-size:28px;  padding:0 25px; }
#footer .contact02 .hm02{padding-left:130px;}
#footer .contact03 .liuyan{ width:960px; }
#footer .contact03 .liuyan .c textarea{ width:680px; }

.nraside{ width:200px; float:right; padding:15px;}
.nrsection{ float:left; width:905px; padding:15px; border-right:1px solid #ddd; height:auto; }
.lmaside{ width:200px; float:right; padding:15px;}
.lmsection{ float:left; width:905px; padding:15px; border-right:1px solid #ddd; height:auto; }
}
@media screen and (max-width: 1360px) {
.menu{ padding-left:50px;}	
.navbar-default .nav li a{padding:0px 25px;	font-size:18px; font-weight:800; }	

.nraside{ width:20%; float:right; padding:15px;}
.nrsection{ float:left; width:74%; padding:15px; border-right:1px solid #ddd; height:auto; }
.lmaside{ width:20%; float:right; padding:15px;}
.lmsection{ float:left; width:74%; padding:15px; border-right:1px solid #ddd; height:auto; }	
}
@media screen and (max-width: 1281px) {
.menu{ padding-left:30px;}	
.navbar-default .nav li a{padding:0px 23px;	font-size:18px; font-weight:400; }	

#focusBar{height:380px;}
#focusBar li{height:380px; }
#focusBar .arrL,#focusBar .arrR{top:110px;}
#focusBar ul li#focusIndex1{background:url(/images/top-1-1280.jpg) repeat-x center center;display:block;}
#focusBar ul li#focusIndex2{background:url(/images/top-2-1280.jpg) no-repeat center center;display:none;}

}
@media screen and (max-width: 1200px) {
.wrap{width:auto; padding:0 20px;}

.nraside{ width:18%; float:right; padding:15px;}
.nrsection{ float:left; width:74%; padding:15px; border-right:1px solid #ddd; height:auto; }
.lmaside{ width:18%; float:right; padding:15px;}
.lmsection{ float:left; width:74%; padding:15px; border-right:1px solid #ddd; height:auto; }

.navbar-default .nav li a{padding:0px 23px;	font-size:16px;  }		
}
@media screen and (max-width: 1170px) {
.navbar-default .nav li a{padding:0px 22px;	font-size:16px;  }	
.xw .huandeng{float:left;  width:32%;   }
.tab1 .bd .lh .tabbox .list .tuijian{height:auto;  }
.gk .row1 ul{width: 100%;padding-top: 0;  }
.gk .row2 ul{width: 100%; }
.cg .l img{ width: 100%; padding-left: 0;}
.cg .r{ float: right; width: 56%; }

.jishu .row3 ul li{ height: auto;}
.jishu .row3 ul li .ct{ width: 88%;padding-top: 6%;}
}
@media screen and (max-width: 1050px) {

.nraside{ width:20%; float:right; padding:15px;}
.nrsection{ float:left; width:72%; padding:15px; border-right:1px solid #ddd; height:auto; }
.lmaside{ width:20%; float:right; padding:15px;}
.lmsection{ float:left; width:72%; padding:15px; border-right:1px solid #ddd; height:auto; }	

.navbar-default .nav li a{padding:0px 18px;	font-size:16px;  }		
.xw .huandeng{float:none;   width:324px;  margin: 0 auto;    }
.xw .rightlist{ float:none; width:100%; padding-top: 20px; clear: both;}
.xw .tongzhi{float:none; width:100%; padding-top: 20px; clear: both;}
.footer .ewm{ float:left; width:100px; height:110px;  border-right:0; margin:30px 0; padding-left: 60px; padding-top: 10px; }


}
@media screen and (max-width: 1025px) {
.sitetop .logo{ float:none;width:638px;margin:0 auto;}
.sitetop .right{ float:none; width:385px; margin:0 auto; }

#focusBar{height:380px;}
#focusBar li{height:380px; }
#focusBar .arrL,#focusBar .arrR{top:110px;}
#focusBar ul li#focusIndex1{background:url(/images/top-1-1024.jpg) repeat-x center center;display:block;}
#focusBar ul li#focusIndex2{background:url(/images/top-2-1024.jpg) no-repeat center center;display:none;}


.menu{ height:auto; }
.navbar-default .nav li a{padding:0px 16px;	font-size:16px; font-weight:400; }	
.indexmain01-l-box{ float:left; width:100%;}
.indexmain01-c-box{ float:left; width:48%; padding-left:0;}
.indexmain01-r-box{ float:right; width:48%; }

.tab1 .bd .lh .tabbox .list{width:auto; float:right; margin-right:0; margin-left:25px;display:inline;}

.footer .ewm{   margin:30px 0; padding-left: 20px; padding-top: 10px; }
.footer .copy{  padding-left:20px; }
#footer .contact{ padding-left:20px;   font-size:26px;  }
#footer .contact02{ float:left;padding-left:20px;  padding-top:20px;}
#footer .contact03{float:none; padding-left:0px;}
#footer .contact03 .weixin{ float:none; width:117px; margin:auto; padding:15px 0; }
#footer .contact03 .liuyan{ float:left;width:100%; padding-left:0;}
#footer .contact03 .liuyan .l{float:left;width:100%; padding-right:0; }
#footer .contact03 .liuyan .l input.text{ float:left;width:100%;  height:31px;  padding-left:0; }
#footer .contact03 .liuyan .c{ float:left;width:100%; padding-right:0;padding-left:0;}
#footer .contact03 .liuyan .c textarea{float:left;padding-left:0; width:100%; height:125px;}
#footer .contact03 .liuyan .you{ float:left; width:100%; margin-top:15px; }
#footer .contact03 .liuyan .you input.tijiao{float:left; display:block; width:100%;padding-left:0;height:30px; background:#fff; }
#footer .bottom{ margin-top:30px; height:auto; line-height:180%; padding:10px 20px; text-align:center; background:#d2d2d2; color:#000;}
}
@media screen and (max-width: 1000px) { 


.menu{ width:100%; margin:0 auto;  float:none; padding-left:20px;  }
.navbar-default .nav li a{padding:0px 21px;	font-size:14px; font-weight:400; }	

.dbt,.dbt-w{ text-align:center; font-size:3em; font-weight:800; padding:20px 0;}
#footer .contact02 .tt02{ float:left; font-size:16px;font-style:normal;}

} 
@media screen and (max-width: 980px) { 
.menu{padding-left:15px; }
.navbar-default .nav li a{padding:0px 18px;	font-size:14px; font-weight:400; }	
#service .list{ float:left;  width:29%;  padding:0 2%; height:300px;  margin:30px 0 30px 0;}
#service .list .tu,#service .list .tu-on{ margin:auto;}
.wx{ border-right:0;}

#focusBar{height:364px;}
#focusBar li{height:364px; }
#focusBar .arrL,#focusBar .arrR{top:110px;}
#focusBar ul li#focusIndex1{background:url(/images/top-1-980.jpg) repeat-x center center;display:block;}
#focusBar ul li#focusIndex2{background:url(/images/top-2-980.jpg) no-repeat center center;display:none;}

} 
@media screen and (max-width: 960px) { 
.menu{padding-left:15px; }
.navbar-default .nav li a{padding:0px 16px;	font-size:14px; font-weight:400; }	
.footer .ewm{ float:none; width:100px; height:110px;  margin:0 auto; padding-left: 0; padding-top: 30px; }
.footer .copy{ float:none; width: 95%; margin: 0 auto; padding-left:0; padding-top:0;}
.footer .copy .dianhua{ float:left; width: 100%;  padding-bottom:15px;}
.footer .copy .dianhua .dh01,.footer .copy .dianhua .dh02{ float: none; width: 267px; margin: 0 auto;clear: both;}
.footer .copy .kefu{ float: none; width: 267px; margin: 0 auto; clear: both; padding-top: 30px; }

.footer .copy p{ text-align: center; padding-bottom: 20px;}



} 
@media screen and (max-width: 920px) { 
.menu{padding-left:10px; }
.navbar-default .nav li a{padding:0px 16px;	font-size:14px; font-weight:400; }	
.gk .row1 ul li,.gk .row2 ul li{float: left; width: 100%; }
.cg .l{ float: left; width: 100%; padding-bottom: 20px;}
.cg .r{ float: right; width: 100%; }

.nraside{ width:19%; float:right; padding:15px;}
.nrsection{ float:left; width:72%; padding:15px; border-right:1px solid #ddd; height:auto; }
.lmaside{ width:19%; float:right; padding:15px;}
.lmsection{ float:left; width:72%; padding:15px; border-right:1px solid #ddd; height:auto; }	

} 
@media screen and (max-width: 900px) { 
.navbar-default .nav li a{padding:0px 10px;	font-size:14px;  }	
} 

@media screen and (max-width: 820px) {  

.navbar-default .nav li a{padding:0px 14px;	font-size:12px;  }	

#focusBar{height:305px;}
#focusBar li{height:305px; }
#focusBar .arrL,#focusBar .arrR{width:27px;height:68px;top:110px;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-820.jpg) repeat-x center center;display:block;}
#focusBar ul li#focusIndex2{background:url(/images/top-2-820.jpg) no-repeat center center;display:none;}


.dbt,.dbt-w{ text-align:center; font-size:2.8em; font-weight:800; padding:20px 0;}


#case ul{  padding:20px 0; width:105%;}
#case ul li{ float:left; width:30%; margin-right:3%; margin-bottom:30px; background:#fff; overflow:hidden;}
#case ul li.m-r-n{ margin-right:3%;}
#case ul li .view{ margin:auto;width:auto;  text-align:center; padding:15px; }


.tab1 .bd .lh .tabbox .list ul li .right .tt{ text-align:left; overflow:hidden;}
.tab1 .bd .lh .tabbox .list ul li .right .jj{text-align:left; height:58px; overflow:hidden; }

.m-t-20{ margin-top: 0;}


}
@media screen and (max-width: 768px) {  
.wrap{padding:0px 15px;}
.lmtop{ display: none;}
.menu{  border-bottom: 1px solid #C9C9C9; }
#focusBar{height:286px;}
#focusBar li{height:286px; }
#focusBar .arrL,#focusBar .arrR{top:110px;}
#focusBar ul li#focusIndex1{background:url(/images/top-1-768.jpg) repeat-x center center;display:block;}
#focusBar ul li#focusIndex2{background:url(/images/top-2-768.jpg) no-repeat center center;display:none;}

.menu{ float:none; width:100%; height:auto; padding-top:5px; background: none;}
.navbar-default .nav{ width:100%;}
.navbar-default .nav li{width:100%; border-bottom:1px solid #ccc; line-height:31px;}
.navbar-default .nav li a{
	background:#cc0000;
	color: #FFFFFF;
	width:auto; 
	height:31px;
	line-height:31px;
	font-size:14px; 
	font-weight:400;	
}	
.navbar-default .nav li a:hover
{	height:31px;
	line-height:31px;
	background:#ccc;
	color: #333;
	-webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.navbar-default .nav > .active > a,
.navbar-default .nav > .active > a:hover,
.navbar-default .nav > .active > a:focus, 
.navbar-default .nav > .curr > a,
.navbar-default .nav > .curr > a:hover,
.navbar-default .nav > .curr > a:focus 
{
	height:31px;
	color: #FFFFFF;
	background:#333333;	
}
.navbar-default .nav > .curr > a:hover{background:#D51733;}
.navbar-default .nav li.dropdown .dropdown-menu{ border:none; border-radius:0; margin:0; padding:0;}
.navbar-default .nav li.dropdown .dropdown-menu  li{ height:31px; line-height:31px; width:auto;}
.navbar-default .nav li.dropdown .dropdown-menu  li a {height:31px; line-height:31px; padding:0px 0px 0px 30px; width:auto; background:none;}
.navbar-default .nav li.dropdown .dropdown-menu  li a:hover{height:31px; line-height:31px;  }
.navbar-default .navbar-toggle{ margin-right:48%;}
.b-r{ border-right:0;}
.jishu{ height: auto; overflow: hidden;}
.jishu .row2{ width: 100%;  height: auto; overflow: hidden; }
.jishu .row3 ul li{ float: left; width: 96%; margin-left: 2%; margin-right: 2%; margin-bottom: 20px;  }
.wh .list{float: left; width: 96%; margin-left: 2%;  height: auto; }
.listb{border-left: 0; border-right: 0;border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; margin: 20px 0; padding: 20px 0;}



.r-boder{ border:none;}
.lmdatu-gongs,.lmdatu-xinwen,.lmdatu-wenhua,.lmdatu-renli,.lmdatu-kehu,.lmdatu-zhaobiao{ 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;}
.lmsection{  width:auto; padding:0px; border:none; height:auto; }
.lmsection h1{ text-align:center; padding-top:15px; }
.tplist ul li{ float:left; width:45%; height:auto; margin-left:4%;  margin-bottom:10px; }
.tpnews ul li .tupian{ padding:5px; border:1px solid #ddd;}
.tpnews ul li .tupian img{ width:100%; height:auto;   }
.nrsection{  width:auto; padding:0px; border:none; height:auto; clear:both; }
.ct .ct_box .shipin{ width:auto; margin:auto;}
.zxliuyan{ height:auto; padding-top:20px;}
.nraside{ width:auto; float:none; padding:0px; clear:both;}
.lmaside{ width:auto; float:none; padding:0px; clear:both;}

.classlist .classbox .l{float: left; width: 40%; padding-left: 2%;}
.classlist .classbox .r{float: right; width: 53%; padding-right: 2%;}


.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 screen and (max-width: 680px) { 

.sitetop .logo{ width:auto;margin:0 auto;}


.tab1{width:100%;margin:0px auto; border-bottom:1px solid #ddd; padding-bottom:20px;}

.tab1 .bd{width:100%;overflow:hidden; padding-top:10px;  }
.tab1 .bd .lh .tabbox .list{width:96%; float:none; margin-right:0; display:block;}
.tab1 .bd .lh .tabbox .list .tuijian{height:auto; overflow:visible; }
.tab1 .bd .lh .tabbox .list .tuijian h2{font-size:18px; padding-right:15px; height:auto; overflow:visible; height:auto\0; overflow:visible\0;}
.tab1 .bd .lh .tabbox .list .tuijian .info{ width:95%;margin-top:10px; }
.tab1 .bd .lh .tabbox .list ul{width:98%;}
.xw .tongzhi{width:99%;}
.xw .tongzhi ul{width:99%;}
}
@media screen and (max-width: 620px) { 

.indexmain01-c-box{ float:none; width:100%; padding-left:0;}
.indexmain01-r-box{ float:none; width:100%; }
.indextt{ margin-top:8px; width:100%; height:42px; border-bottom:1px solid #ddd; clear:both;}
.gsjj{ height:auto;  border-bottom:1px solid #ddd; padding-bottom:20px;}
.cols{height:auto; margin-top:18px;border-bottom:1px solid #ddd; overflow:hidden;padding-bottom:20px;}
.cols ul{ width:100%;}
.cols ul li{float:left; width:30%; margin-right:3%; text-align:center;}
.tzzlist{border-bottom:1px solid #ddd; padding-bottom:20px;}

.classlist .classbox .l{float: left; width: 45%; padding-left: 2%;}
.classlist .classbox .r{float: right; width: 45%; padding-right: 2%;}

}
@media screen and (max-width: 600px) { 	
.classlist .classbox .l{float: left; width: 96%; padding-left: 2%; padding-bottom: 5%;}
.classlist .classbox .r{float: right; width: 96%; padding-right: 2%;}

.tab1 .hd li{ width:23%; margin-right:1%; font-size:16px; }
}
@media screen and (max-width: 570px) {  

#focusBar{height:194px;}
#focusBar li{height:194px; }
#focusBar .arrL,#focusBar .arrR{top:55px;}
#focusBar ul li#focusIndex1{background:url(/images/top-1-520.jpg) repeat-x center center;display:block;}
#focusBar ul li#focusIndex2{background:url(/images/top-2-520.jpg) no-repeat center center;display:none;}
.navbar-default .navbar-toggle{margin-right:45%;}
.tab1 .bd .lh .tabbox .list ul{width:97%; }

}
@media screen and (max-width: 540px) {  
.tab1 .more{ display: none;}	
.tab1 .hd li{ width:23%; margin-right:1%; font-size:14px; }
.gk .row1 ul li .chatu,.gk .row2 ul li .chatu{float: left; width: 100%;}
.gk .row1 ul li .jianjie,.gk .row2 ul li .jianjie{float: left;width: 100%; padding-bottom: 15px;}
.cg .r .title .tt span{ display: none;}
.cg .r ul li a{font-size: 14px;height: 37px; line-height: 37px;}
.jishu .row1 .title .tt span{display: none;}

}
@media screen and (max-width: 480px) {  
.sitetop .right .yy a{  margin-left:8px;}
.tab1 .bd .lh .tabbox .list ul{width:95%; }
.gk .title .tt span{ display: none;}
}
@media screen and (max-width: 400px) {  
.sitetop .right{ float: none;  width:275px; margin: 0 auto; }
.sc .scbox .SC_input{width:60px; }
.sitetop .right .yy a{  width: 60px;  font-size:12px;margin-left:8px;}



.tab1 .bd .lh .tabbox .list ul{width:93%; }
}

@media screen and (max-width: 380px) {  

h1#logo,#header .logo{width:260px;height:59px;  background:url(logo-1024.png) no-repeat 0 0;}
.navbar-default .navbar-toggle{margin-right:44%;}
#focusBar{height:134px;}
#focusBar li{height:134px; }
#focusBar .arrL,#focusBar .arrR{top:40px;}
#focusBar ul li#focusIndex1{background:url(/images/top-1-360.jpg) repeat-x center center;display:block;}
#focusBar ul li#focusIndex2{background:url(/images/top-2-360.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; }
.tab1 .bd .lh .tabbox .list ul{width:90%; }
.xw .tongzhi{width:98%;}
.xw .tongzhi ul{width:97%;}

}
@media screen and (max-width: 360px) { 
.tab1 .hd li{ width:23%; margin-right:1%; font-size:12px; }
.tab1 .bd .lh .tabbox .list ul{width:85%; }
.tab1 .bd .lh .tabbox .list ul li a{width:80%;}
.xw .tongzhi{width:97%;}
.xw .tongzhi ul{width:96%;}
}
@media screen and (max-width: 321px) { 
.gk .title .more{ display: none;}
.cg .r .title .more{ display: none;}
.cg .r ul li a{font-size: 12px;height: 33px; line-height: 33px;}
.jishu .row1 .title .more{ display: none;}

}
@media screen and (max-width: 241px) { 

}