@charset "utf-8";
/* CSS Document */
/*响应式样式调整*/
.phone_logo,footer ul{ display: none;}
body{ font-family:"微软雅黑"; font-size: 14px; color: #333333;}
a{ text-decoration: none; color: #4d4d4d;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;}
.no_margin{ margin-right: 0;}
.midden{  width: 78%; margin: 0 auto;overflow: hidden;}
.lunbo #pc_logo{display: block;}
/*首页........................................................*/
/*分享*/
#fx{ background: #e7e7e7; overflow: hidden;}
#fx p{ float: left; line-height: 30px; color: #232121;}
#fx p.p_1{ margin-right: 45px;}
#fx p span{ color: #2a75ae; margin-left: 10px;}
#fx p strong{ color: #8a8a8a; margin-left: 10px;}
#fx .bdsharebuttonbox{ float: right; margin-right: 6%; box-shadow: none;}
/*右侧联系*/
.dock{ position: fixed; right: 0; top:20%; z-index: 100;}
.dock .icons{ 
 border-radius: 10px 0 0 10px; 
}
#down{ display: none;}
.dock .icons li{ 
width: 38px; 
height: 38px;
cursor:pointer;
border-radius: 6px;
margin-bottom:8px;
}
.dock .icons li p{
	width: 174px;
	height: 178px;
	right: -200px; 
	top:0;
	padding:10px 10px;
	border: 1px solid #333;
	color: #fff;
	z-index: 101;
	background: #111 url(images/jt2.png) no-repeat right center;
	position:absolute;
	border-right:0;
	text-align: center;
	line-height: 24px;
	border-radius:10px ;		
}
.dock .icons .add{opacity: 0.7;}
.dock .icons .add { right: 50px; opacity: 1;}
.dock .icons li.im p a{ 
	display: block; 
	width: 100px;
	 height: 35px; 
	 color:#fff;
	 font-size: 12px;
	 text-align:center;
	 border: 1px solid #fff;
	 line-height: 35px;
	 border-radius: 10px;
	 margin:16% auto 0;
 }
 .dock .icons li.im p a:hover{ background: #2a75ae; color: #fff; 	 border: 1px solid #2a75ae;}
.dock .icons li.tel p{ text-align: center;}
.dock .icons li.im{ background:rgba(000,000,000,.5) url(../images/QQtet.png) no-repeat center center;}
.dock .icons li.tel{ background:rgba(000,000,000,.5) url(../images/tet.png) no-repeat  center center;}
.dock .icons li.wechat{ background:rgba(000,000,000,.5) url(../images/wx.png) no-repeat  center center;}
.dock .icons li.down{ background:rgba(000,000,000,.5) url(../images/zd.png) no-repeat  center center;}
.dock .icons li.wechat p{ display: block; margin: 0 auto; }
.dock .icons li.im p,.dock .icons li.tel p{ padding-top: 73%;  box-sizing:border-box;}
/*导航*/
nav{  
width: 100%;
 padding:0 3%;
  box-sizing:border-box;
  box-shadow:1px 1px 9px -3px;
  z-index:9000;
  background:#fff;
  position:static ; 
  height: 64px; 
}
nav .logo{ float: left; margin-top:1%; width: 240px;}
nav .logo img{ display: block; width: 100%; }
.pone_logo{ display: none;}
.nav{position:relative;width:800px;float: right;height:64px;overflow:hidden}
.nav-item{ position:relative;float:left;width:14%; text-align:center;z-index:1}
.nav-item a{display:block;height:64px; line-height: 64px;  font-size: 18px;}
.cur a{ color: #2a75ae;}
.nav-item a:hover{ color: #2a75ae;}
.move-bg{display:none;position:absolute;left:0;top:0;width:14%;height:40px;border-top:3px solid #2a75ae;z-index:0}
@media screen and (max-width: 1130px) {
.nav{ width: 65%;}	
}
.phone_ul{ display: none;}
#span{ display:none;}
nav ul li p span{ display: block; text-align: center;}
nav ul li p span a{ display: block; width:100%; padding: 10% 0;}
nav ul li p span:hover{ background:#fff;}
nav ul li p span:hover a{ color:#0b58b4;}
/*banner*/
html, body {
	position: relative;
}
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	width: 100%;
	text-align: center;
	font-size: 18px;
	background: #fff;

	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
}
.swiper-slide a,.swiper-slide a img{ display:block; width: 100%;}
.swiper-slide img.pc{ display: block;}
.swiper-slide div{ position: absolute; left: 0; top:0; width: 100%;}
.swiper-slide .banmer1 h2,.swiper-slide .banmer2 h2{ font-size:60px; color: #ffffff; padding-top: 9%; text-align: center;}
.swiper-slide .banmer1 .lj:hover{ background:#065c97;}
.swiper-slide .banmer1 p,.swiper-slide .banmer2 p{ font-size: 24px; color: #ffffff;padding-top: 2%; width:90%; margin:0 auto;}

.swiper-slide .banmer2 p{ width: 80%; margin: 0 auto;}
.swiper-slide .banmer3 p,.swiper-slide .banmer3 span{ font-size: 24px;  color: #fff; width: 80%; margin: 10% auto 0;}
.swiper-slide .banmer3 p,.swiper-slide .banmer3 p{ font-size: 60px; color: #ffffff;padding-top: 8%; width:90%; margin:0 auto;}

.swiper-slide .banmer3 span{ display:block; margin-top: 3%;}
/*content*/
.content { margin: 0 auto 2%;}
.content .div{ padding:5% 0 1%;}
.content h1{ font-size:50px ; width: 58%; margin: 0 auto; text-align: center; color: #2a75ae; border-bottom: 1px solid #cccccc; padding-bottom: 2%;}
.content .div p{ padding:0 0 1%; width: 90%; margin: 3% auto 0; color: #443f3f; font-size:18px ; line-height:32px;}
.content .div img{ width: 90%; margin: 3% auto; display: block;}

.content .ul1,section .ul2{ overflow: hidden;}
.content .ul1 li{ float: left; width: 23.3%; margin-right:2.2%; margin-bottom:2%;overflow: hidden; box-sizing:border-box;
border: 1px solid #dddddd;
cursor:pointer;
}
/*成功客户*/
.Successful { padding: 5% 0; }
.Successful .Succ{ width:92%;  margin:3% auto 0; height: 430px;}
.Successful .Succ #con{  border: 0; height: 530px;  overflow:hidden; margin: 0 auto;} 

@media (max-width:480px){
.swiper-slide span{ padding-top: 2%;}
.Successful .Succ{ height: 450px;}
.Successful .Succ #con{ height: 100%;}
}

/*合作伙伴*/
.lunbo{ width: 100%; padding: 0 0 3%;}
.lunbo h2{ margin-bottom: 3% ;}
section .midden{ width:100%; float: left; overflow: hidden; margin-top:8px;}
.lunbo #pc_logo{ display: block; margin: 0 auto; width: 74%; border: 0;}
/*我们能做什么*/
.what{/* background: rgb(244, 244, 244);*/ padding: 4% 0; background: url(../images/wp2.jpg); background-size:100% 100%;}
.what .h2,.lunbo  h2,.Successful h2{ font-size:48px ; text-align: center; padding-bottom:1%; font-weight: bold; color: #4b4949;border-bottom: 1px solid #cccccc; 
	width: 58%;
	 margin: 0 auto; 
}
.what .p{ 
	padding: 0 0 1%; 
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	font-size: 15px;
	width: 90%;
}
.what ul{ overflow: hidden; width: 70%; margin: 3% auto 2%;}
.what ul li { float: left; width:22%; margin:0 4% 4% 0; }
.what ul li:nth-of-type(4),.what ul li:nth-of-type(8){ margin-right: 0;}
.what ul li img{ display: block; margin: 0 auto 7%; width:26%;}
.what ul li h2{ font-size: 24px; padding: 2% 0;}
.what ul li p{ color: #666666;}
.what ul li h2,.what ul li p{ text-align: center;}
.what .more{ display: block; margin: 0 auto;  width:220px; height: 48px; border-radius:8px; /*background: #f72c33; */
border: 1px solid #2a75ae;
color: #99999;
line-height: 48px;
text-align: center;
font-size: 16px;
}
.what .more:hover{ background: #0b58b4; color: #fff;}
/*footer*/
footer{ padding: 1% 0 0; background:#303030; overflow: hidden; border-top: 8px solid #f1f1f1;}
footer{padding: 1% 0 0; 
border-top:1px solid #484848;
}
footer  table{ float: left; width: 90%;}
footer  table tr{line-height: 28px;}
footer  table th{ color: #ffffff; font-size: 16px;}
footer  table td{ font-size: 12px; width:18%;color: #ccc; }
footer .mid div{ float: right; width: 6%;}
footer .mid div p{ margin-bottom: 10%;}
footer .mid div p img{ width: 100%;}
footer .mid div p span{ 
display: block;
text-align: center;
font-size: 12px; 
color: #d9d9d9;
padding-top: 2%;

}
footer .t{ 
border-top:1px solid #484848;
width: 100%;
 margin: 0 auto;
text-align: center; 
color: #cbcbcb; 
font-size: 12px;
background-size: 100%;
line-height: 40px;
float:left;
}

@media screen and (max-width: 1478px) {
	footer table td{ width: auto;}
}

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

.swiper-slide .banmer1 h2, .swiper-slide .banmer2 h2{ font-size:40px;}
.swiper-slide .banmer1 p, .swiper-slide .banmer2 p,.swiper-slide .banmer3 p, .swiper-slide .banmer3 span{ font-size:20px;}
section .h2{ font-size:40px;}
section .ul1 li h2{ font-size:18px;}
section .ul1 li p{ font-size:12px;}
footer  table td{ font-size: 12px; width:auto; }
}
/*关于我们........................................................*/
.jt_banner{ overflow:hidden;}
.jt_banner a,.jt_banner a img{ width:100%; display:block;}
.about_me{margin:2% auto 4%;}
.about_me h2{  border-bottom:3px solid #2a75ae; color:#2a75ae;padding-bottom:1%; width:155px; font-size:36px; margin:0 auto; text-align:center;}
.about_me .line{ width:140px; height:3px; background:#2a75ae; margin:6px auto; display:block;}
.about_me h3{ font-size:16px; text-align:center; padding:1% 0; }
.about_me h4{color:#7a7a7a;line-height:24px; font-size: 18px; padding-top:1%; font-weight: bold;}
.about_me p{color:#7a7a7a;line-height:24px; }
.wh{ color:#7a7a7a; padding:2% 0; overflow:hidden;}
.wh .p1{ float:left;}
.wh .p2{ float:right;}
.wh span{ color:#2a75ae;}
.about_me ul.y{ width:70%; margin:3% auto 3%; overflow:hidden;}
.about_me ul.y li{ float:left; margin-right:14%; width:24%;}
.about_me ul.y li.no_margin{ margin-right:0;}
.about_me ul.y li img{ display:block; margin:0 auto;}
.about_me ul.y li h4{ color:#2a75ae; font-size:18px;text-align:center; margin:2% 0;}
.about_me ul.y li span{text-align:center; display:block;}
@media screen and (max-width:786px) {
.about_me ul.y{ width:100%;}	
.about_me ul.y li{ width:29%; margin-right:6%;}
.about_me ul.y li img{ width:60%;}
}
.pic { overflow: hidden;}
.pic strong,.pic strong img{ display:block;}
.pic strong{width:50%; float:left; padding: 1%;/* border: 1px solid  #ccc;*/}
.pic strong:nth-of-type(2){ margin-right: 0;}
.pic strong img{  width: 100%;}

/*联系我们........................................................*/
.lxwm {  margin:2% auto 0;}
.lxwm .h2{ color:#141414; font-size:36px; margin-bottom:2%;}
.lxwm .con1{
    background:#f4f4f4; 
	border-left:2px solid #2a75ae; 
	width:100%; 
	overflow:hidden;
     margin-bottom:4%; 
}
.lxwm .con1 .left{ float:left; width:50%; padding:1% 0 1% 3%;}
.lxwm .con1 .left h2{ font-size:26px; color:#0b58b4; margin-top:2%;}
.lxwm .con1 .left ul li{ color:#737373; font-size:18px; margin-bottom:1%;}
.lxwm .con1 .right{ width:47%; float:right; }
.lxwm .con1 .right img{ width:100%; display:block;}
.po7{
 animation: anim 3s;
 -webkit-animation: anim 3s;
 -ms-animation: anim 3s;
}
@keyframes anim{
 0%{ transform:rotate(0deg);transform-origin:0px 0px;}
 100%{ transform:rotate(360deg);transform-origin:0px 0px;}
}
@-ms-keyframes anim{
 0%{ transform:rotate(0deg);transform-origin:0px 0px;}
 100%{ transform:rotate(360deg);transform-origin:0px 0px;}
}
.lxwm .con2>p{ color:#141414;font-size:24px; margin-bottom:1%; width:100%;}
.lxwm .con2 input{ margin-right:1%;}
.lxwm .con2  div{ overflow:hidden; padding:2% 0;}
.lxwm .con2 div select{ width:22%; float:left; margin-right:6%; height:40px;}
.lxwm .con2 div p{ float:left; width:33%; margin:0 3% 0 0; color:#141414; font-size:20px; position:relative;}
.lxwm .con2 div p input{ width:64%; height:40px;}
.lxwm .con2 div p span{ font-size:18px; color:#c9c9c9; position:absolute; right:10%; top:23%; }
.lxwm .con2  .button{ background:#0b58b4; color:#fff; font-size:30px; width:20%; height:80px; line-height:80px; display:block; border:0; margin-top:4%; border-radius:10px;}
.lxwm .con2  textarea{ font-size:16px; color:#b5b5b5; resize:none; border:1px solid #a8a8a8; height:500px; width:92%; padding:2% 0 0 3%;}
/*案例列表........................................................*/
.sel_ipt{ display: none;}
.button{ display:none;}
#list{ padding:2% 0 0%;}
#list h1{ font-size:36px; padding-bottom:1%; text-align:center; color:#2a75ae;  width:160px; margin:0 auto 3%;  border-bottom:3px solid #2a75ae;}
#list .tit{ background:#fff; width:100%; box-sizing:border-box; overflow:hidden; border-radius:5px;}
#list .tit li{ float:left; padding:0.5% 2%; color:#565656; background:#e4e4e4; margin-right:1%; border-radius:5px; cursor:pointer;
transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s;
-webkit-transition:all 1s;
}
#list .tit li.hover{ background:#2a75ae; color:#fff;}
#list .tit li:hover{ background:#2a75ae; color:#fff;}
.list_con{ overflow:hidden; padding:2% 0 0;}
.list_con .y{ display:none; overflow:hidden;}




.list_con .an{ float:left; width:23.5%; position:relative; margin-right:2%; margin-bottom:2%; overflow:hidden; border: 1px solid #e6e6e6;}
.list_con .an:hover{ box-shadow:1px 1px  10px #ccc;  }
.list_con .an:hover .pic img{
transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
}
.list_con .an:nth-of-type(4),.list_con .an:nth-of-type(8),.list_con .an:nth-of-type(12),.list_con .an:nth-of-type(16){ margin-right: 0;}
.list_con .an .pic,.list_con .an .pic img{ display:block; width:100%;}
.list_con .an .pic img,.list_con .an .name{ 
 transition:all 1s;
 -moz-transition:all 1s;
 -o-transition:all 1s;
 -webkit-transition:all 1s;
 -ms-transition:all 1s;
}

.list_con .an .name{/* position:absolute; left:0; bottom:-100px;*/
/* background:rgba(199,12,25,0.7);*/
 width:100%; padding:3% 2% 3%;
 box-sizing:border-box; overflow:hidden;
}
/*.list_con .sp .an .name{ 
 background:rgba(000,000,000,.5);

}*/
.list_con .an .name h2{ font-size:18px; margin-bottom:2%;}
.list_con .an .name h2 a{ width:100%; display:block;}
.list_con .an .name  span{ display: block; color: #999;}
/*.list_con .an .name h2 a,.list_con .an .name  span{ color:#fff;}*/
.list_con .an:hover .name{ bottom:0;}
.fy{ color:#565656; background:#fff; border-radius:5px; overflow:hidden;  margin-bottom: 20px;}
.fy a{ padding:5px 10px; border:1px solid #dddddd; float:left; color:#565656; margin-right: 0;}
.fy a.m{background:#0b58b4; color:#fff; }
/*案例详情........................................................*/
#list p{ text-indent:2em; line-height:26px; color:#808080; padding-bottom: 2%;}
#list p span{width:46%; float:left; padding:0.5%; border:1px solid #999999; margin:0 2% 2% 0 ;}
#list p img{ width:100%; display:block;}
#list video{width:93%;padding:0.5%; margin: 1% auto 0;  display: block;}
#list h2{ font-size: 24px; padding:0.5% 0; border-left:4px solid #2a75ae; padding-left:1%;}
#list h3{ font-size: 18px; color: #2a75ae; padding:1.5% 0; }
#list .anli{ display: block; margin: 2% auto 0; width: 90%;}
/*品牌服务........................................................*/
.ppfw{ padding:3% 0;}
/*.ppfw h2{ font-size:36px; margin-bottom:2%;}*/
.ppfw .ul_1{ margin-bottom: 2%; width:406px; margin: 0 auto;}
.ppfw h3{ padding:0.5% 0; font-size:22px; padding-left:1%;  border-left:4px solid #2a75ae;}
.ppfw strong{ font-weight:bold; display:block; margin-top:1%; color: #6b6b6b;}
.ppfw p{ padding:0 0 2%; line-height:24px;color:#7a7a7a;}
.f_w_all .f_u_w{ display: none;}
.f_w_all .f_u_w strong{ margin-top: 1%; font-size: 16px;}
.f_w_all .f_u_w dl{ color:#7a7a7a; }
/*社会招聘........................................................*/
.zp{  margin:2% auto;}
.zp h1{  color:#2a75ae; font-size:30px; text-align:center;}
.zp .line{ width:140px; height:3px; background:#2a75ae; margin:6px auto; display:block;}
.zp h2{  color:#363535; font-size:24px; margin-top:3%; padding-left:1%;  border-left:4px solid #2a75ae;}
.zp .ul_1,.ppfw .ul_1{ overflow: hidden;}
.ppfw .ul_1{ margin-bottom: 3%;}
.zp .ul_1{ width:150px; margin: 0 auto;}
.zp .ul_1 li ,.ppfw .ul_1 li{ 
	float: Center; 	
	margin-right: 1%;
	font-size:36px; 
	text-align: center;
	cursor: pointer;
	padding:0.5% 1% 2% 1%;
	margin-right: 12%;
}
.zp .ul_1 li:last-child{ margin-right: 0;}
.con_zp{ display: none;}
.zp .ul_1 li.cur,.ppfw .ul_1 li.cur{border-bottom:3px solid #2a75ae; color: #2a75ae; }
.zp .ul_2{ padding-top:1%;}
.zp .ul_2 li strong{ font-weight:bold; color: #6b6b6b; font-size: 16px;}
.zp .ul_2 li{ color:#7a7a7a; margin-bottom:1%;}
/*畅捷团队........................................................*/
.td{ padding:3% 0;}
.td h2{  border-bottom:3px solid #2a75ae; color:#2a75ae;padding-bottom:1%; width:155px; font-size:36px; margin:0 auto 2%; text-align:center;}
.td .h3{ border-bottom: 1px solid #ccc;  font-size:20px; padding-bottom: 1%; margin-bottom: 2%; }
.td .con{ overflow:hidden; padding-bottom:5%; }
.td .con .pic{ float:left; width:15%;}
.td .con .pic img{ width:100%; display:block;}
.td .con div{ float:right; width:82%; }
.td .con div h3 {font-weight:bold; font-size:16px; margin-bottom:1%;}
.td .con div h4{font-size:16px;  margin-bottom:0.5%;}
.td .con div p{color:#7a7a7a; }