@charset "utf-8";
/* CSS Document */
.midden{  width: 96%;}
.dock{ display: none;}
#fx{ display: none;}
.Successful{ padding-bottom: 0;}
.swiper-slide img{ width: 90%;}
/*.Successful #con{ width: 90%;}*/
.what ul li{ margin-bottom:11%;}
.what{ padding-top: 5%;}
/*导航........................................................*/
nav{ width: 100%; height:auto; background:#000; /* url(../images/shu_line2.jpg) background-size:cover; *//*position:relative;*/}
nav.bg{ background-image:none;  background:rgba(000,000,000,0.7) ; }
.mav_con{ box-sizing:border-box; overflow: hidden; border-top: 1px solid #2b2b2b; border-bottom: 1px solid #2b2b2b;}
nav .logo{ width:198px; margin-top:15px;}
nav .logo img{ width: 100%;}
nav .pc_ul{ display: none;}
.mav_con{ height: auto;}
.mav_con span{  float: right; width:35px; }
.mav_con span img{ display: block;width: 100%;}
.mav_con #span{margin-top:10px;margin-bottom:10px;display: inline-block;}
.phone_ul{ position: absolute; left: 0; top:55px; 
	z-index: 900; width: 100%; 
	background: url(../images/shu_line2.jpg);
	background-size:cover;
	border-top: 1px solid #303030;
	
	 border-bottom: 1px solid #303030;
	 display: none;
	 box-sizing:border-box; 
	 padding-bottom: 2%;
}
/*.phone_ul li{ padding-top: 3%;}*/
.phone_ul li a{ color: #636c6c; display:block; width:100%; padding:1.8% 6% 1.8% 6%;}
.phone_ul li:hover a{color: #fff; background: #2e2d2d; }
/*banmer*/
.swiper-slide .banmer1 h2,.swiper-slide .banmer2 h2{ font-size: 1.1em; }
.swiper-slide .banmer1 p,.swiper-slide .banmer2 p{ font-size:0.8em;}
.swiper-slide .banmer3 p,.swiper-slide .banmer3 span{ font-size:0.8em;}
.swiper-slide img.pc{ display: none;}
.swiper-slide img.phone{ display: block;}
.swiper-slide .banmer4 span{ display: none;}
.swiper-slide .banmer1 h2, .swiper-slide .banmer2 h2{ padding-top:7%;}
/*联系.*/
#contact{ display:none;}
/*content*/
.content{ width: 100%;}
.content  .p{ width: 96%;}
.content .h2{ font-size: 1.5em;}
.content  .p{ font-size: 0.8em;}
.content  .ul1 li{ width:48.9%; overflow:hidden;}
.content  .ul1 li.p_no_margin{ margin-right: 0;}
.content  .ul1 li.no_margin, .content  .ul2 li.no_margin{ margin-right: }
.content  .ul1 li h2{ font-size: 1.2em;}
.content  .ul1 li p{ font-size: 1em; width: 90%; margin: 0 auto;}
/* .content  .div{margin-top:2%;}*/
 .content  .ul1{ margin-top: 3%; padding-left:1%; padding-right:1%;}
 .content  .p{ border-bottom: 0;}

.phone_logo { width: 92%; margin: 0 auto 0; display: block;}
.phone_logo ul { overflow:hidden;}
.phone_logo ul li{ width: 32%; float: left; margin-right:2%; margin-bottom: 2%;}
.phone_logo ul li a,.phone_logo ul li img{ width: 92%; display:block;}
.phone_logo ul li a{ overflow:hidden;}
.phone_logo ul li img{
 transition:all 1s;
 -webkit-transition:all 1s;
 -o-transition:all 1s;
 -moz-transition:all 1s;
 }
.phone_logo ul li:hover a img{
transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
}
.phone_logo ul li.no_margin{ margin-right: 0;}
.phone_logo .more{ margin:1% auto 0; display:block; font-size: 18px; width:44px;}
.phone_logo .more:hover,footer ul li.more a:hover{ text-decoration:underline;}
.da-thumbs{ width:98%; margin:0 auto; overflow:hidden;}
.da-thumbs li{ width:48.8% !important; margin:0 2.4% 3% 0;}
.da-thumbs li.none,#da-thumbs li:nth-of-type(6){ margin-right:0 !important;}
#da-thumbs li.nomargin{ margin-right:2.2%;}
#da-thumbs li:nth-of-type(4){ margin-right:0 !important;}
#da-thumbs li:nth-of-type(5){ margin-right:2.2% !important;}
#da-thumbs li.tre{ margin-right: 2.4%;}
/*.da-thumbs li:nth-of-type(7),.da-thumbs li:nth-of-type(8){ display: none;}*/
/*footer*/
footer .mid{padding: 4% 0 0; }
footer table { width: 98%;}
footer ul { padding:0; overflow: hidden; display: block;}
footer ul li{ width:24%; float: left; margin-bottom: 1%; color: #fff;}  
footer ul li.more{  font-size:16px; }

.hide{ display: none;}
footer .mid div{ width:51%; float: left; margin-left:25% ; margin-top:3%;}
footer .mid div p{ float: left;width:42%;}
footer .mid div p.p2{ float: right;}
footer .t{ line-height:20px; height:auto; padding:2% 0;}
footer .mid{ width:96%; text-align:center; font-size:12px;}
@media screen and (max-width: 600px) {
.swiper-slide .banmer1 h2, .swiper-slide .banmer2 h2{ padding-top:6%;font-size: 1em;}
.swiper-slide .banmer1 p,.swiper-slide .banmer2 p{ font-size:0.6em;}
.swiper-slide .banmer3 p,.swiper-slide .banmer3 span{ font-size:0.6em;}
}
@media screen and (max-width: 410px) {
.swiper-slide .banmer1 h2, .swiper-slide .banmer2 h2{ font-size:1.2em;}
.swiper-slide .banmer1 p, .swiper-slide .banmer2 p{ font-size:0.6em;}
}
/*关于我们........................................................*/
.about_me ul.y li span{ font-size:12px;}
.wh .p1,.wh .p2{ width:100%; margin-bottom:2%;}
@media screen and (max-width:450px) {
.about_me ul.y li{ width:80%; margin-left:11%; margin-bottom:9%;}
.about_me ul.y{ margin-top:9%; }
}
.about_me h4{padding-top:3%;}
/*联系我们........................................................*/
.lxwm .h2{ font-size:1.6em;}
.about_me h2{ font-size:1.6em;width: 110px;}
.wh{ padding:5% 0 0 0;}
.lxwm{ width:100%;}
.lxwm > h2{ text-align:center; color:#c14436;}
.lxwm .con1{ border-left:0; background:0;}
.lxwm .h2{ margin-bottom:0;padding-bottom:1%; text-align:center; color:#e60012;  width:140px; margin:0 auto 2%;  border-bottom:3px solid #e60012; }
.lxwm .con1 .left{ width:98%; margin:0 auto;}
.lxwm .con1 .left  h2{ font-size:1.2em; color:#565656;}
.lxwm .con1 .left ul{ padding:2% 0;}
.lxwm .con1 .left ul li{ font-size:1em;}
.lxwm .con1 .left ul{ width:100%;}
@media (max-width:500px){
.lxwm .con1 .left h2{ font-size:1.2em;}
.lxwm .con1 .left ul li{ font-size:1em; margin-bottom:0;}
}
.lxwm .con1 .right{ display:none;}
/*案例列表........................................................*/
        #list .tit{ width: 222px; float: left;}
        #list .tit li{ padding: 2% 6%;}
       #list .tit li:nth-of-type(3),#list .tit li:nth-of-type(4),#list .tit li:nth-of-type(5),#list .tit li:nth-of-type(6),#list .tit li:nth-of-type(7){ display: none;}
		.list_con{ position: relative; z-index: 100;}
        .sel_ipt{ 
        	position: relative;
        	float: right;
            display: block;
            cursor: pointer;
        }
        .sel_ipt>input{
            width:120px;
            height:35px;
            border:1px solid #dcdcdc;
            border-radius: 5px;
            background:url("../images/x_03.jpg") no-repeat 80% center;
            color:#333333;
            padding-left: 20px;
           cursor: pointer;
           ime-mode: disabled;
           text-align: left;
        }
        .sel_ipt>ul{
            position: absolute;
            top:35px;
            left: 0;
            z-index:20000;
            display:none;
            border:1px solid #ddd;
            border-top:0;
            width:120px;
            overflow-x:hidden;
            background: #fff;
	    list-style:none;

        }
        .sel_ipt>ul>li{
            height:30px;           
            color:#333333;
            padding-left: 8px;
            box-sizing:border-box;
            line-height: 30px;
            cursor: pointer;
            position: relative;

        }
        .sel_ipt>ul>li:hover{ color: #e60012;}
#list .tit li{ margin-right: 4%;}
.fy{ display: none;}

.list_con .an .name h2{ font-size:1em;}
.list_con .an .name span{ font-size:0.8em;}
.button select{ float:right; padding:1.1% 4%; border-radius:5px; /*background: #fff url(../images/jt.png) no-repeat 90% center/17px;*/ border:0; border:1px solid #000; font-size:1em;}
.button select option{ text-align:center;}
.button select .add{ color:#000;}
#list h1{ font-size:1.6em; width: 110px;}
#list{ width:98%; position: relative; z-index: 300; overflow: visible; }
.list_con .an{  width:49%}
.list_con .an:nth-of-type(2),
.list_con .an:nth-of-type(4),
.list_con .an:nth-of-type(6),
.list_con .an:nth-of-type(8),
.list_con .an:nth-of-type(10),
.list_con .an:nth-of-type(12),
.list_con .an:nth-of-type(14){ margin-right: 0; }
/*案例详情.......................................................*/
#list p span,#list video{ width:100%; border:0;}
/*招聘........................................................*/
.zp{ margin-bottom:5%;}
.zp h1{ font-size:1.6em;}
.zp h2{ font-size:20px; margin-top: 7%; border-left: 4px solid #e60012; padding-left: 1%;}
.zp .ul_2 li{ font-size:0.9em;}
.zp .ul_1{ width: 100%;}
.zp .ul_1 li,.ppfw .ul_1 li{ font-size: 1.6em; width: 33.3%; margin-right: 0;}
.ppfw .ul_1{ margin-bottom:5%;}
/*品牌服务........................................................*//*
.ppfw h2{ font-size:1.6em; margin-bottom:0;padding-bottom:1%; text-align:center; color:#e60012;  width:140px; margin:0 auto 4%;  border-bottom:3px solid #e60012; }*/
.ppfw strong{margin-top:3%;}
.ppfw p{ padding:0 0 4%;}
.ppfw .ul_1{ width: 100%;}
.ppfw .ul_1 li{ width: 50%;}
.ppfw h3{ font-size: 20px;}
/*畅捷团队........................................................*/
.td .con .pic{ width:60%; margin-left:20%;}
.td .con div{width:100%; padding:2% 0 3% 0;  }
.td h2{ width: 110px; font-size: 1.6em;}
.td .con{ margin-bottom: 8%; border-bottom: 1px solid #ccc;}

/*相关设计推荐*/
.lunbo #pc_logo{display: none;}
.lunbo{ padding:0;}
.lunbo  h2{ padding-bottom: 0; margin-top: 4%;}
.content h1{ font-size: 35px; border-bottom:0;}
.what .h2, .lunbo h2, .Successful h2{ font-size: 30px; border-bottom:0;}
nav .logo{margin-top:14px;}
.pc_logo{ display: none;}
.pone_logo{ display: block;}
.what ul,.content .div p,.what .h2, .lunbo h2, .Successful h2{ width:92%;}
.what ul li{ width: 48%;}
.what ul li:nth-of-type(2),.what ul li:nth-of-type(6){ margin-right: 0;}
.Successful .con{ width: 92%;}
.what ul li h2{ font-size: 18px;}
.content .div p{border-top:0; padding: 0;}

@media screen and (max-width: 480px) {
.content h1{ font-size: 30px;}
.what .h2, .lunbo h2, .Successful h2{ font-size: 25px; }
.what ul li{ width: 100%; margin-bottom: 11%;}
.what ul li img{  margin: 0 auto 0;}
.what .h2{ margin: 2% 0 4%;}


}
.content .div p,.Successful ul li p{ font-size: 14px; line-height: 24px; padding: 7% 0 0 0;}
.what ul{ margin: 3% auto 10%;}
.content .div p{ padding-top: 0; margin-top: 1%; }
.content h1{width: 92%;}