@media screen and (min-width: 700px) {
	
.mobileee{display: none};
}
/*手机元素*/
.mobile{ display: none}

/*手机版-------------------------*/


/*手机版样式*/
@media screen and (max-width: 700px) {
	
.mobileee{display:block}
#toolbar {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 888;
	height: 50px;
	left: 0;
}
#toolbar .list {
	width: 100%;
	max-width: 640px;
	min-width: 320px;
	margin: 0 auto;
	background: #3c3c3c;
}
#toolbar .list li {
	float: left;
	width: 33.333%;
	text-align: center;
}
#toolbar .list a {
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #fff;
	
}
#toolbar .list a.hover {
	background: #1ea4fe;
}
#toolbar .list a s {
	margin-left: auto;
	margin-right: auto;

	display: block;
	
}
#toolbar .list a span {
	text-align: center;
	line-height: 50px;
	display: block;
}
#toolbar .list a .too-home {
	background-position: 0.03rem 0;
}
#toolbar .list a .too-qiao {
	background-position: -1.6rem 0;
}
#toolbar .list a .too-map {
background-position: -.79rem 0;
}
#toolbar .list a .too-tel {
	background-position: -2.36rem 0;
}
.xbg {
	width: 100%;
	display: block;
	position: fixed;
	height: 1.05rem;
	left: 0;
	bottom: 0;
	background: #fff;
	z-index: 880;
}
#toolbar .list a s span {
	color: #fff;
padding-top:.9rem;
	text-transform: initial;
	font-style: normal;
}
.fesxiaoguobox li:first-child{ margin-left:0.7%;}
.fesxiaoguobox li div img{ max-width:120px; overflow:hidden;}
.fesxiaoguobox li strong{font-size: 24px;
}
	
	.fesxiaoguobox li p{font-size: 16px;

    }.acgindex .gg img {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
 .fixed{ background: none}
.rit-fdd,.rit-fdd-poen,.xiangguan{ display:none}
.top_con{width:100%;margin:0 auto;text-align:right;}
.head{width:100%;margin:0 auto;height:53px;}
.footer_con{width:100%;margin:0 auto;padding-top:30px;}
.bottom_con{width:100%;margin:0 auto;text-align:center  font-size:12px}
.fixed .head {width: 100%;margin: 0 auto;height: 53px;}
.kehu {  width:100%;    padding-bottom:40px;  }
.ind-ser-container-list{ width:100%;      margin: 20px auto 0px auto;
    padding-bottom: 20px;}
	
	.index-case-cat { display:none
}
	.indexmore a { 
    width: 150px;
    background: url(../images/icon.png) no-repeat 80px -95px;padding: 0px 0px 0px 10px;
    font-size: 14px;    line-height: 200%;
}

.Center {
    width: 100%;overflow-x: auto;}
.i_news ul {
    clear: both;
    
}	


.footer,.i_news { display:none
}
.bottom {
    width: 92%;
    margin: 0 auto; 
 	height: auto; padding:20px 4%;
    line-height: 150%; font-size:12px;     background: #404040;
    color: #767676;
}

 
 
/*手机版-menu*/
/*头部*/ 
.header .top{ display:none}
.header{ height: 70px; width: 100%; 
 /*position: absolute; */
top: 0px;
z-index: 101;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.logo img{
      margin-top: 14px;
    width: 120px;
    margin-left: 10px;display:none
}
.logo img.dis{display: block !important; height:auto
}
.fixed .logo img { 
    padding-top: 0px;}
.logo{ margin-top:0}

.header .menu{ float: right; }
.header .menu li{ 
    float: left;
font-size: 16px; 
margin: 0 20px;
line-height: 60px;
-webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;text-align: left; text-indent:30px
}
.header .menu li a{
    color: #fff;
}
.header .toggle{
    /*opacity: 0;*/
}
.header.active .toggle {
    opacity: 1;

}
.header.active .toggle em:first-child, .header.active .toggle em:last-child {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.header.active .toggle:hover em:first-child {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}
.header.active .toggle:hover em:last-child {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
}
.header.active .toggle {
    -webkit-transition: all 0.6s ease-out 0.3s;
    -moz-transition: all 0.6s ease-out 0.3s;
    -ms-transition: all 0.6s ease 0.3s;
    -o-transition: all 0.6s ease-out 0.3s;
    transition: all 0.6s ease-out 0.3s;
    z-index: 1;

}

.header .toggle {
    width: 25px;
    height: 18px;
    position: absolute;
    top: 25px;
    right: 0px;
    cursor: pointer;
    z-index: -1;
}
.header .toggle em {
    width: 100%;
    height: 3px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #0697e5;
    border-radius: 5px;
}
.header .toggle em:nth-child(2) {
    top: 8px;
}
.header .toggle em:last-child {
    top: auto;
    bottom: 0px;
}
.header .toggle em:first-child {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
.header .toggle em:last-child {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
.header .toggle em, .header .toggle{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}




.header.active{
    position: fixed;
    top: 0;
    left: 0;
    background: #0099d6;
}
.header.active .menu li {
    opacity: 0;
}

.header.active .menu {
    width: 200px;
    position: fixed;
    float: none;
    top: 0px;
    left: auto;
    right: -203px;
    border-left: 3px solid #d7d7d7;
    bottom: 0px;
    background-color: #fff;
    z-index: 10;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.header.active .menu li{
    width: 100%;
    height: 50px;
    line-height: 50px;
}
.header.active .menu.show{
    padding-top: 55px;
}
.header.active .menu.show li{
      margin: 0;
      opacity: 1;
      margin-bottom: 10px;
}
.header.active .menu.show li a{
  color: #666;
  display: block;
  padding-left: 40px;

} 
.header.active .menu.show li a.cur,.header.active .menu.show li a:hover{
    background: #e1e1e1;
    color: #000;
}
.chose {
  width: 21px;
  height: 21px;
  background:url(../images/chose.png) no-repeat center;
  -webkit-background-size: 100%;
  background-size: 100%;
  position: absolute;
  right: 15px;
  top: 16px;
  cursor: pointer;
}
.header_bg{
    height: 60px;
} 

.header .menu,.header.active .menu{width: 200px;
    position: fixed;
    float: none;
    top: 0px;
    left: auto;
    right: -200px; 
    bottom: 0px;
    background-color: #2a2f35;
    z-index: 10;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;}
.header .menu{padding-top: 60px;}
.header .menu ul{width:100%;height:100%;}
.header .menu li,.header .menu li a{    
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin: 0;     border-top: 1px #22262a solid;
}
.header .menu li a{   border-top: 0px #22262a solid;
}
.header .menu li:hover{ background:#22262a}
.header .menu li a{
    width:100%;
    float:none;
    font-size:14px;
    display:block;
    padding:0 25px;
    color:#fff;
    padding-left: 5px;
}
.fixed .menu ul li a {
    color: #fff;
}
.header .menu.show li a.cur,.header .menu.show li a:hover{
    background: #22262a; 
}

.header .menu .text{display:block;}
.header .toggle{opacity:1;right:15px;}
.header .toggle em:first-child,.header .toggle em:last-child{-webkit-transform:translateY(0);transform:translateY(0);}
.header .toggle{z-index:1;}

.head_bg{
position: fixed;
    z-index: 9999;
    width: 100%; 
    background:#fff;
    border-bottom: 0px solid #eee;
}
.fixed  .logo img{ background:none}

/* 首页 公共 */
.Title { padding-top: 35px; }
.Title h2 { font-size: 18px; color: #000; text-align: center; }
.Title p { font-size: 12px; line-height: 1.5;   margin: 0 auto; text-align: center; color: #666; padding-top: 10px; }


/*首页 banner*/
#banner { 
     
}
#banner a{ display:none
}
.anan { 
    bottom: 20px;
}
.picbanner .picbanner_3 .picbanner_1_1 {
    font-size: 18px;  line-height: 32px; top: 2%;
}
.picbanner .picbanner_1 .picbanner_1_1 {
    font-size: 18px;    line-height: 32px;
}  
.picbanner .picbanner_1_2 {
    top: 0%;
    margin-top: 330px;
    font-size: 14px;
    color: #FFF;
    letter-spacing: 0px;
}
.picbanner .picbanner_1 .picbanner_1_1 { top:2%
}

#head-title {
    font-size: 16px;
	    line-height: 150%;
}
.header-text.btn {
    border: 1px solid #ffffff;
    border-radius: 0;
    padding: 10px 10px;
    height: auto;
}
/*首页 服务范围*/
.ind-ser-container-list li .section h3 { 
    font-size: 14px;
	}
.ind-ser-container-list li .section { 
    height: 150px;
}
.ind-ser-container-list li .section img {
    width: 60px;
    height: 60px;margin: 20px auto 20px;
}
.ind-ser-container-list li p{ display:none}

.content {
    margin-top: 0px;
}
/*首页案例*/
.warp-list {
    padding: 0px 1.02%;}
.case-content li {
    float: left;
    width: 48%;
    margin:0% 1% 1% 1%;}
.case-content li.last {
    margin-right: 1%;
}

.case-content li .meta{width:100%;height:30px;line-height:30px;text-align:left;overflow:hidden;}
.case-content li .meta h3{font-size:14px;padding-left:0%;font-weight:normal;width:100%; display: block;overflow: hidden;white-space:nowrap;text-overflow: ellipsis; text-align:center }
.case-content li .meta h3 a{color:#000;}
.case-content li .meta .fr{width:38%;text-align:right; display:none}
.case-content li .meta .c{  display:none}
.case-content li .meta .fr a{display:inline-block;padding:0px 2px;padding-right:12px;width:20px;height:30px;}

.indexmore {
    text-align: center;
    padding:10px 0px 30px;
}
/*服务范围*/
.ind-ser-container-list li {
    width: 44%; display:inline-block; overflow:hidden
}
.ind-ser-container-list li a p { display:none
}
.ind-ser-container-list li a .section { height:auto; padding-bottom:10px}
.ind-ser-container-list li a .section h3 { font-size: 14px;}
.ind-ser-container-list li a .section img {
   width: 60px;
    height: 60px;
    margin: 20px auto 10px;
}

/*首页 案例*/
.caes_index h2 a {
    display: block;
    width: 90%;
    height: 50px;
    margin: 0 auto;
    background: url(../images/t02.png) no-repeat center top;
}
.case-content li .meta h3 {
    font-size: 12px;
}	
.case-content li .meta .fr a { 
    width: 10px;	}
.case-content li .meta .fr a.cases_a_pc {
    background-size: cover cover !important;
}	

	
 .fanganlist {
    width: 282px;  margin: 0 auto;overflow-x: auto;overflow-y: hidden;   }
.fanganlist dl { 
   
}
.fanganpingjialist ul {
    width: 100%;
    position: relative;
}
.fanganpingjialist ul li { 
    width: 100%; 
}
.fanganpingjialist {
    width: 100%;margin: 20px auto;}
	
/*合作客户*/
	.kehu .kehu-list-index img{ width: 33%;} 
	.kehu h2 {
      padding: 0;  
}


/*---------------内页---------------------*/
/*	下一页 */
.caes-center .updown {
	    width: 90%; text-align:left; padding-top:10PX
	}	
.updown {
	    width: 100%; text-align:left; padding-top:10PX
	}	
.updown div{ float:none; line-height:200%
	}	
	
/*关于*/
.about_banner {
    background: url(../images/about_banner.jpg) no-repeat center top;
    height: 478px; background-size:cover cover !important;
}
.about_banner .zi1{ font-size:12px; line-height:250%; padding:0 5%;padding-top:20px;   }
.about_banner .zi2{font-size:12px; line-height:150%;word-spacing:0px; letter-spacing: 0px;padding:0 5%;}
.about_banner .t{ display:block;padding-top:150px;}
.about_banner .line{display:block}


/*服务范围*/
.service_scope_sub,.service_cooperation{ display:none}
.container .content .webdesign1{ width:100%; background-size: auto 100% !important;} 

/*联系*/
.contact_type_ad { margin:0
	}
.contact_type_ul ul li{width:305px;height:360px;text-align:center; display:inline-block; float:none}

.contact_arrive{ display:none}

/*新闻*/
.caes_title h1, .caes_title b {
    font-size: 24px;font-weight: normal;
	}
	.content-news,.content-news p,.content-news span,.content-news p {
    font-size: 14px !important;
    line-height: 180% !important; color:#666 !important
}
	 
.news .menu-caes .bigbox {
    width: 100%; text-align:center
	}
.news-sjc-left { display:none
}
.newsul li a .i_news_right {
    float: left;
    width: 100%;
    margin: auto auto; padding-bottom: 15px;}

.newsul {
    padding: 0px 5%;
}
.newsul li a .i_news_right .bigbox { display:none
}
.newsul li a .i_news_right span { 
    width: 100%;padding: 0 0 0 0px;
	}
.newsul li a .i_news_right span cite {width: 100%; font-size: 12px;padding-top: 5px;  overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;  height: 45px; color:#666}
.newsul li a .i_news_right span b {
    font-size: 18px;}
.newsul li { 
    padding-top: 15px;} 

.news .menu-caes .bigbox li { 
    padding:0 10px;
}
.news .menu-caes .bigbox li a { width: auto; }

/*新闻详情*/
.news-show .Center {
    width: 90%;
    padding: 5px 5%;
    background: #fff;
    padding-top: 0px;

}
.related h3 {   height: auto;  }
.related li { 
    font-size: 14px; 
}
.related .share { top:-30px}
.news-show {
    background: #f7f7f7;
    padding-top: 0px;
    padding-bottom: 0px;
}
.caes { 
      padding-bottom: 0px;}
.news-show .caes_title {
    padding: 30px 0 10px 0;
}

 
.caes-center .bdsharebuttonbox{ margin:20px auto 0px auto; width:90%  }

/*解决方案*/
.solutions_content {
    width:100%;
    margin: 0px auto 20px auto; 
}
.solutions_detail{ line-height:180%;width:90%; padding:5%; margin:0 auto}
.solutions_detail p,.solutions_detail span,.solutions_detail  { line-height:180% !important; font-size:14px !important}
.container{ padding-top:0 !important} 

}

/*手机版样式*/
@media screen and (max-width: 1199px) {
	.news-show .Center { 
    margin: 20px auto 0px auto;
}
.news-show .caes_title {
    padding: 20px 0 10px 0;
}
	
	}