@charset "utf-8";
/* CSS Document */
@media only screen and (max-width:900px){
.container{ display:block; width:100% !important; min-width:100% !important;}
.header{display:none;}
.sp_header{ display:block}
.sjj_nav{ display:block}
.sp_header{height:50px;overflow:hidden;background:#fff;width:100%;}
.sp_logo{padding:5px 10px;float:left;}
.sp_logo img{margin:auto;max-height:40px;}
.sp_nav{width:46px;float:right;position:relative;cursor:pointer;height:30px;margin-top:17px}
.sp_nav span{display:block;background:#333;width:23px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:9px}
.sp_nav span:nth-of-type(3){top:18px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background: url(../img/hover75.png) repeat  center;width:100%;height:calc(100%);font-size:15px;line-height:40px;right:-100%;top:0;overflow:auto;overflow-x:hidden;transition:right ease 0.35s;border-top:1px #ddd solid;}
.nav_show{right:0px}
.slideBox3 .hd{display: none;}

.sjj_nav>ul{ display:block; background:#FFF; height:100%; width:75%; margin-left:25%}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#333;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#1b7e8a}
.sjj_nav ul li ul li>ul{margin-left:10px}
.nav_show .sp_nav_se{ position:absolute; top:50px; left:6%; width:40px; height:40px;  border-radius:50%; border:1px #FFF solid; text-align:center;}
.nav_show .sp_nav span{ background:#FFF !important;margin-top:7px; left:8px !important; height:1px;}
.slideBox .hd{display:none;}
.xm{padding:0px 10px;}
.text{padding:10px 0px;}
.text h2{font-size:32px;}
.text p{font-size:16px;}
.xm ul li{width:100%; float:none;}
.xm ul li a .pic img{min-height:241px;}
.xm ul li a .pic{height:241px;}
.sp1{display:block; width:100%; padding:0px 10px;}
.sp1 .one .wz{display:block; float:none; width:100%; height:auto; padding:10px 20px; font-size:24px;}
.sp1 .one p{padding:20px;  font-size:16px;}
.fw1 .dx ul li{width:50%;}
.fw1 .dx ul li a .pic .cc8{padding-bottom:30px;}
.fw1 .dx ul li a .pic p{font-size:16px;}
.fw1 .dx ul li a .pic .cc8 img{width: auto; height:60px;}
.fw1 .dx ul li a .pic{padding:20px 0px;}
.fw1 .dx ul li a .pd .cc8 img{width: auto; height:60px;}
.fw1 .dx ul li a .pd .cc8{padding-bottom:30px;}
.fw1 .dx ul li a .pd{padding:20px 0px;}
.fw1 .dx ul li a .pd p{font-size:14px;}
.fw1 .dx ul li a:hover{background:none;}
.fw1 .dx ul li a:hover .pd{ display:none;}
.al .al1 ul li{width:50%;}
.al .al1 ul li a .pic img{min-height:143px;}
.al .al1 ul li a .pic{height:143px;}
.al .al1 ul li a p{font-size:16px;}
.hz{display:none;}
.qy{display:none;}
.news{width:100%; padding:10px;}
.xw1{display:block; float:none; width:100%;}
.o1 .pic{ display:none;}
.o1 h2{display:block; width:100%; height:auto; background:#1b7e8a; padding:30px;}
.tuijiana{height:auto;}
.action .one .ss{float:none; width:100%; padding:10px;}
.action .one .ss p{padding:10px 0px;}
.action .one .ss a{margin-top:15px;}
.tuijiana .info h2 a{font-size:16px;}
.tuijiana .info span{padding:5px 0px;}
.sideMenu h3 span{width:30%;}
.sideMenu h3 a{font-size:16px; width:70%;}
.tuijiana .info p{font-size:14px; height:30px;}
.xw2{width:100%; float:none;}
.foot .dh p{width:95%; padding:0px 10px;}
.dz{display:block; width:100%; padding:0px 10px; float:none;}
.foot .dh .lx{display: none;}
.foot{padding:20px 0px;}
.foot .dh{display:block; width:100%; float:none;}
.nr1{ display:none;}
.wx{display:none;}
.bottom{display:block;}
/*服务项目*/
.action .one .s2{float:none; width:100%; padding:10px;}
.action .one dl{ margin:0;}
.action .one .s2 p{padding:10px 0px;}
.action .one .s2 a{ margin-top:15px;}
.action .one dl dd{float:none; display:none;
}
/*多媒体*/
.fw-dmt .three h2{font-size:20px;}
.fw-dmt .three p{font-size:16px;}
/*演出服务*/
.dx1 .t1{display:block; height:auto;}
.dx1 .t1 img{min-height:auto !important;}
.dx1 .nr{ bottom:0; top: auto; width:100%; padding:10px; position:static;}
.dx1 .nr h2{font-size:26px; line-height:40px;}
.dx1 .gy{width:100%;}
.dx1 .gy li{width:100%; float:none; margin:20px 0px;}
.dx1 .gy li a .pic{height:auto;}
.dx1 .gy li .pic img{min-height:auto !important;}
.fwdx{padding-bottom:20px;}
/*案例*/
.wz{width:100%; padding:10px;}
.wz a{font-size:14px;}
.anli1{margin-bottom:20px;}
.anli1 .al1-left{float:none; width:100%;}
.anli1 .al1-left .pic{height:auto;}
.anli1 .al1-left .pic img{min-height:auto !important;}
.anli1 .al1-left .title{height:auto !important;}
.anli1 .al1-right{float:none; width:100%;}
.anli1 .al1-right .pic{height:auto;}
.anli1 .al1-right .pic img{min-height:auto !important;}
.anli1 .al1-right .title{height:auto;}
.ss1 p{font-size:14px; padding:20px;}
/*新闻详情*/
.xwxq{display:block; padding:20px; width:100%; margin:0 auto;}
.tj{display:none;}
/*新闻资讯*/
.newws ul li a .pic{display:block; float:none; width:100%; height:auto;}
.newws ul li a .pic img{min-height: auto !important;}
.newws ul li a .title{display:block; float:none; width:100%; padding:10px;}
.newws{margin-top:15px;}
/*关于哲浩*/
.jj1{padding-bottom:10px;}
.ab .ab1{display:block;  float:none; width:100%; height:auto;}
.ab .ab1 img{display:block; width:100%; min-height:auto !important;}
.ab .ab2{display:block; width:100%; float:none; padding:10px}
.qywh h2 p{width:100%;}
.qywh ul li{width:100%; float:none; margin-bottom:10px}
.qywh ul li a{ margin:0 auto; height:auto}
.qywh ul li a img{display:block; min-height:auto !important; height:auto;}
.ry{display:none;}
/*联系我们*/
.lxwm{padding:20px 0px; width:100%;}
.lxwm h2{padding-bottom:20px;}
.lxwm .zz .left-zz{width:100%; float:none; padding:0px 10px;}
.lxwm .zz .left-zz ul li p{display:block; width:100%;}
.lxwm .zz .left-zz ul{width:100%; padding:0px;}
.dt1{display:block; float:none; width:100%;}
.dt1 #map{height:400px;}
.dt1 #map1{ height:400px;}
.lxwm .sh{margin-top:30px;}
.zp{width:98%; margin:0 auto;}
.jop .list-e{width:16%;}
.jop .list-b, .jop .list-c{display:block; width:100%; line-height:30px;}
/*渠道产品*/
.qdcp .qd1 .ty .left-1{float:none; width:95%; margin:0 auto; height:auto !important;}
.qdcp .qd1 .ty .left-1 img{min-height:auto !important ;}
.qdcp .qd1 .ty .right-1{float:none; width:100%; padding:10px;}
.qdcp .qd1 .ty .right-1 a{ margin-top:15px;}
.qdcp .qd1 .ty{margin-bottom:20px;}
/*产品列表*/
.cplb .fl{display:none;}
.cplb .cp ul li{width:50%; margin-bottom:20px;}
.cplb .cp ul li a .pic img{min-height:128px;}
.cplb .cp ul li a .pic{height:128px;}
.cplb .cp ul li a .tit h2{font-size:18px;}
.cplb .cp{margin:0;}
.cplb{padding:20px 0px;}
.callbacks_tabs.callbacks1_tabs{display:none;}
.sideMenu{height:auto;}
}

