body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,legend,input,button,textarea,p{margin:0;padding:0;outline:none;}
/*html5*/
article,section,header,nav,aside,hgroup,figure,figcaption,footer,dialog{display:block; margin:0;padding:0;}

body{font-size:14px;line-height:20px; font-family:"Microsoft Yahei","Arial"; color:#666; background:#fdf2f2; overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
table{border-collapse:collapse;border-spacing:0}
input,button,textarea,select,optgroup,option{border:none;}
li{list-style:none}
em,i{font-style:normal;}
img,fieldset,iframe{border:0}
input,button,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}
input,select,img{vertical-align:middle;}
*{ box-sizing:border-box; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/*引入图标*/
@font-face {font-family: 'my_icon';
    src: url('../font/iconfont.eot'); /* IE9*/
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/iconfont.svg#dmh_icon') format('svg'); /* iOS 4.1- */
}
i{display:inline-block; font-family:'my_icon'; vertical-align:middle;}
.left{float:left;}
.right{float:right;}
.clear{ clear:both;}
a{text-decoration:none;color:#333;outline:none;}
.img_b{ display:block; width:100%; height:auto;}
.ov_h{ overflow:hidden;}
.align_c{ text-align:center; }
.lineH_36{ line-height:36px; }
.txt_orange{ color:#fff;}
.txt_fff{ color:#fff; }
.P_main{ width:1200px; margin:0 auto 40px auto;}
.P_banner{overflow: hidden; position: relative; width:100%;}
.P_banner .swiper-slide a{width: 100%;height: 100%;display: block;}
.P_banner .pagination{bottom: 4px;margin: 0; position: absolute;text-align: center;z-index: 1; width:100%; left:0;}
.bg_lizi,.P_process,.P_open{ background:#fff; background-size:cover;overflow: hidden;}
.P_intro{ margin-top:10%; }
.P_intro ul li{ float:left; width:31.333333%; position:relative;}
.P_intro ul li a:hover{color:#fff;}
.P_intro ul li:nth-of-type(2){ margin:0 3%; }
.P_intro ul li .semiCircle{width:136px; height:68px; border:1px solid #d7d7d7; border-bottom:1px solid #fff;  border-radius:100px 100px 0 0; position:absolute; left:50%; top:-67px; margin-left:-68px; background:#fff; transition:box-shadow .5s ease;}
.P_intro ul li .con{ border:1px solid #d7d7d7; text-align:center; padding:0 10% 10%;color:#666;transition:box-shadow .5s ease;}
.P_intro ul li .con .icon{display:inline-block; width:106px; height:62px; background-image:url("newimages/shenma.png"); background-repeat:no-repeat; background-position:center top; margin-top:-40px; position:relative; background-color:#fff; border-radius:100%; transition:transform .5s ease;  }
.P_intro ul li:nth-of-type(2) .con .icon{ background-image:url("newimages/weibo.png"); }
.P_intro ul li:nth-of-type(3) .con .icon{ background-image:url("newimages/tengxun.png"); }
.P_intro ul li .con h6{ font-size:22px;  height:66px; line-height:66px; overflow:hidden; }
.P_intro ul li .con p{ font-size:18px; line-height:32px; height:195px;}
.P_intro ul li .con .bd_orange{width:100%; height:7px; background:#f78000; position:absolute; left:0; bottom:-1px; display:none;}
.P_intro ul li .con .bd_orange::before{ content:""; border-right:12px solid transparent; border-left:12px solid transparent; border-bottom:12px solid #f78000; position:absolute; left:50%; top:-10px; margin-left:-6px;}
.P_intro ul li:hover .semiCircle{  box-shadow:0px -3px  8px rgba(0,0,0,0.2);}
.P_intro ul li:hover .con{ color:#f78000; box-shadow:0px 0px  8px rgba(0,0,0,0.2);}
.P_intro ul li:hover .con .icon{ background-position:center -63px; transform:rotate(360deg);}
.P_intro ul li:hover .con .bd_orange{ display:block; }
h3.title{ font-size:36px;text-align:center; margin-bottom:3%;}
h3.title span{ margin:0 20px; }
.P_media{ margin-top:3%; color:#666; font-size:16px; } 
.P_media .product{ width:45%; padding:0 12%;}
.P_media .advantages{ width:55%; }
.P_media .advantages li{ overflow:hidden; margin-bottom:6%;}
.P_media .advantages li .info{ padding-left:20%; }
.P_media .advantages li .info b{ display:block; font-size:20px; }
.P_media .advantages li .info p{ font-size:16px; line-height:30px;}
.P_media .advantages li .pic{ width:15%; float:left; }
.P_media .ov_h{ margin-top:4%;}
.P_new{background:rgba(255,255,255,0); color:#666; font-size:16px;}
.P_new .P_main{ padding:2% 5%; }
.P_new ul li{  line-height:30px; background:#fef4e4; margin-bottom:1%;  position:relative; padding:15px 60px;}
.P_new ul li a{display:block; color:#666; text-decoration:none; overflow:hidden;}
.P_new ul li .num{ position:absolute; width:60px; height:60px; line-height:60px; background:#c5c5c5; color:#fff; font-size:30px; text-align:center; position:absolute; left:0; top:0;}
.P_new ul li .tit{ height:45px; line-height:45px;  text-align:center; overflow:hidden; font-size:20px; display:none;}
.P_new ul li .pic{ width:27%; display:none;}
.P_new ul li .det{ width:70%; margin-left:3%; margin-bottom:0; height:30px; overflow:hidden;}
.P_new ul li .time{ float:right; }
.P_new ul li:nth-of-type(1){ background:#fff; }
.P_new ul li:nth-of-type(1) .num{ background:#f78000; }
.P_new ul li:nth-of-type(1) .tit{ display:block; }
.P_new ul li:nth-of-type(1) .pic{ display:block; }
.P_new ul li:nth-of-type(1) .det{ height:auto; }
.P_new ul li:nth-of-type(1) .time{ color:#f78000; }
.P_new ul li:hover .num{ background:#f78000; }
.P_new ul li:hover .det{ color:#f78000; }
.P_new ul li:hover .time{ color:#f78000; }
.P_new .more ,.pc-case .more{ display:block; width:214px; height:53px; border:2px solid #e2690e; text-align:center; line-height:53px; border-radius:25px; margin:0 auto 3% auto; color:#e2690e; font-size:24px;text-decoration: none;}
.P_case{ margin-top:3%;}
.P_case ul{ overflow:hidden; margin-right:-2%;}
.P_case ul li{ float:left; width:33%; position:relative;  overflow:hidden;}
.P_case ul li .pic{ max-height:270px; overflow:hidden; }
.P_case ul li .pic img{ transition:all 1s ease; }
.P_case ul li .shadeBox{ position:absolute; width:100%; height:100%; left:0; top:0; }
.P_case ul li .shadeBox .shade{ height:100%; background:rgba(245,243,239,0.45); }
.P_case ul li .shadeBox .info{ text-align:center; color:#666; font-size: 30px; position:absolute; width:100%; left:0; top:40%;}
.P_case ul li .shadeBox .info span{ display:inline-block; width:48px;}
.P_case ul li .shadeBox .info em{ display:block; margin-top:1%;}
.P_case ul li:hover .shadeBox{ display:none; }
.P_case ul li:hover .pic img{ transform:scale(1.4);}
.P_case .more{ display:block; width:200px; height:50px; border:3px solid #f78000; text-align:center; line-height:50px; border-radius:5px; margin:2% auto 5%;  font-size:20px;}
/*案例展示*/
.pc-case{width: 100%;height: auto;background-position: center;overflow: hidden;}
.case-box{width: 1200px;height: auto;margin: 0 auto;}
.tab-case{margin:0;padding:0;width:100%;height:auto;display:none;}
.tab {margin:0 auto;padding:0;list-style:none;width:100%;overflow:hidden;}
.tab li {float:left;width:16.6%;height:53px;background:#f1f1f1;color:#4e4e4e;border:1px solid #e5e5e5;font-size: 24px;text-align:center;line-height:53px;cursor:pointer;}
.case-box div.off {display:block;}
.tab li.cur {background:#e2690e;color:#FFF;}
.case-tab{width: 100%;height: auto;margin: 60px 0 0 0;}
.case-tab ul{width: 100%;height: auto;overflow:hidden;}
.case-tab ul li{width:32.5%;height: auto;float: left;background: #fff;border: 1px solid #e2e2e2;margin-bottom: 40px;margin-right: 1.2%;}
.case-tab ul li:nth-child(3n){margin-right: 0;}
.case-tab ul li a{display: block;width: 100%;height: 100%;text-decoration:none;}
.img-case{width: 100%;height: 240px;}
.img-case img{width: 100%;height:100%;}
.case-text{color: #000;text-align:center;font-size: 22px;letter-spacing: 3px;margin: 15px 0;}
.tab-case li:hover{box-shadow: 2px 7px 23px #C0C0C0;-moz-box-shadow:2px 7px 23px #C0C0C0;color: #e2690e;}
 .tab-case li:hover p{color: #e2690e;}
@media screen and (min-width: 768px) {
	.iphone {
		  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px #999, 0 0 30px 0px rgba(0, 0, 0, 0.7);
		  border: 5px solid #d9dbdc;
		  background: #f8f8f8;
		  padding: 15px;
		  border-radius: 50px;
		  height: 777px;
		  width: 423px;
		  position: relative;
		  margin: 30px auto;
		  -webkit-transform: scale(0.8);
		  transform: scale(0.8);
		}

		.iphone-top {
		  padding: 5px 110px 40px;
		  position: relative;
		}
		.iphone-top .speaker {
		  display: block;
		  width: 70px;
		  height: 6px;
		  margin: 0 auto;
		  border-radius: 6px;
		  background: #292728;
		}
		.iphone-top .camera {
		  display: block;
		  margin: 0 auto;
		  height: 10px;
		  width: 10px;
		  border-radius: 50%;
		  margin-bottom: 13px;
		  background: #333;
		}
		.iphone-top .sensor {
		  display: block;
		  width: 15px;
		  height: 15px;
		  float: left;
		  background: #333;
		  margin-top: -5px;
		  border-radius: 50%;
		}

		.top-bar, .bottom-bar {
		  display: block;
		  width: 423px;
		  height: 15px;
		  border-left: 5px solid #BBB;
		  border-right: 5px solid #BBB;
		  position: absolute;
		  left: -5px;
		}

		.top-bar {
		  top: 65px;
		}

		.bottom-bar {
		  bottom: 65px;
		}

		.iphone-screen {
		  background: #eee;
		  border: 1px solid #fff;
		  height: 577px;
		  width: 375px;
		  margin: 0 auto;
		  border: 2px solid rgba(0, 0, 0, 0.9);
		  border-radius: 3px;
		  overflow: hidden;
		}
		.iphone-screen img {
		  width: 100%;
		}

		.buttons .on-off, .buttons .up, .buttons .down, .buttons .sleep {
		  display: block;
		  background: #CCC;
		  position: absolute;
		  border-radius: 2px 0px 0px 2px;
		}
		.buttons .on-off {
		  height: 40px;
		  width: 3px;
		  top: 100px;
		  left: -8px;
		}
		.buttons .up, .buttons .down, .buttons .sleep {
		  height: 60px;
		  width: 5px;
		  left: -10px;
		}
		.buttons .up {
		  top: 170px;
		}
		.buttons .down {
		  top: 250px;
		}
		.buttons .sleep {
		  left: auto;
		  right: -10px;
		  top: 170px;
		  border-radius: 0px 2px 2px 0px;
		}

		.iphone-bottom {
		  padding: 10px 0 0;
		}
		.iphone-bottom span {
		  display: block;
		  margin: 0 auto;
		  width: 68px;
		  height: 68px;
		  background: #ccc;
		  border-radius: 50%;
		  background: -webkit-linear-gradient(315deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%);
		  background: linear-gradient(135deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%);
		  position: relative;
		}
		.iphone-bottom span:after {
		  content: "";
		  display: block;
		  width: 60px;
		  height: 60px;
		  background: #fff;
		  border-radius: 50%;
		  position: absolute;
		  left: 4px;
		  top: 4px;
		}
		.col-xs-6 {width: 50%;}
}
@media screen and (min-width: 768px) and (max-width: 1200px){	
	.P_main{ width:998px;}
	.P_intro{ margin-top:10%; }
	/*微博*/
	.P_media .wbtages{margin-top: 18%;}
	.PC_yuan .num{width: 330px;position: absolute;left: 50%;margin-left: -165px;}
	.PC_yuan .explain{position: relative;}
	.PC_yuan .explain li{width:352px;}
	.PC_yuan .explain li i{display: block;width: 301px;border-bottom: 1px solid #978ee9;}
	.PC_yuan .explain li:nth-of-type(2) i{margin-left: 52px;}
	.PC_yuan .explain li p{margin: 0;color: #f6f6fd;;height: 143px;line-height: 36px;padding-top: 10%;padding-left: 29px;font-size:14px;}
	.PC_yuan .explain li p:nth-of-type(2){border: none;}
	.P_open ul li .nl{width: 70%}
	.P_news .news_r{width: 86%;}
	.P_news .news_r p{font-size: 14px;}
	.P_news .news_r .moe{font-size: 16px;}
	.P_news h3{height: 48px;top: -48px;}
	.P_news h3>span{height: 48px;line-height: 48px;}
	.recruit .res p{font-size: 20px;}
	.recruit .res p:nth-of-type(2) i{width: 25%;}

}
@media screen and (max-width: 787px){	
	.lineH_36{ line-height:1.5rem; }
	.P_main{ width:94%; margin:0 auto;}
	/*首页*/
	.P_intro{ margin-top:23%; }
	.P_intro ul li{ float:none; width:100%; margin-bottom:24%;}
	.P_intro ul li:nth-of-type(2){ margin:0 0 24%; }
	.P_intro ul li:nth-of-type(3){ margin:0 0 7%; }
	.P_intro ul li .con{padding:0 10% 5%;}
	.P_intro ul li .con h6{ font-size:1rem;  height:40px; line-height:40px; color:#f78000;}
	.P_intro ul li .con p{ font-size:0.8rem; line-height:1.5rem; height:auto;}
	h3.title{ font-size:0.9rem; margin-bottom:3%;}
	h3.title span{margin:0 10px; color: #fff;}
	h3.title span.jsy{margin:0 10px; color: #000;}
	.P_media{ margin-top:3%; color:#666; font-size:16px; } 
	.P_media .intro{ text-align:left; font-size: 12px;}
	.P_media .product{ width:40%; padding:0; margin:0 auto 4%; float:none;}
	.P_media .advantages{ width:100%; float:none;}
	.P_media .advantages li .info b{ font-size:0.8rem; }
	.P_media .advantages li .info p{ font-size:12px; line-height:1.5rem;width: 100%;}
	.P_new{ font-size:16px;}
	.P_new .P_main{ padding:2%; }
	.P_new ul li{  line-height:30px; background:#fef4e4; margin-bottom:4%;  position:relative; padding:5px 20px 5px 40px; height:40px;}
	.P_new ul li:nth-of-type(1){ height:auto; }
	.P_new ul li a{display:block; color:#666; text-decoration:none; overflow:hidden;}
	.P_new ul li .num{ width:40px; height:40px; line-height:40px;  font-size:1.1rem; }
	.P_new ul li .tit{ height:1.8rem; line-height:1.8rem; font-size:0.8rem; padding:0 2%;}		
	.P_new ul li .det{ width:60%; margin:0 3%; height:1.5rem;font-size: 12px;}
	.P_new ul li .time{font-size: 12px;}
	.P_new ul li:nth-of-type(1) .pic{ width:100%; margin-bottom:2%;}	
	.P_new ul li:nth-of-type(1) .det{ width:100%; margin-left:0%; margin-bottom:0; height:auto; }
	.P_new .more{ width:160px; height:2rem; line-height:2rem;  font-size:1rem;}	
	.pc-case .more{ width:160px; height:2rem; line-height:2rem;  font-size:1rem;}	
	.P_case ul{ margin-right:-4%;}
	.P_case ul li{ width:100%;}
	.P_case ul li .pic{ max-height:270px; overflow:hidden;  }
	.P_case ul li .shadeBox{display:none;}
	.P_case .more{ width:160px; height:2rem; line-height:2rem;  font-size:1rem; margin:2% auto 5%; }
	.P_contact{ padding:2% 0; background-size:100% 100%;height: auto;}
	.P_contact .tips{ margin:2% auto; font-size:0.8rem;}
	.P_contact .info{ width:100%; float:none; margin-top:5%;}
	.P_contact .info dl{ margin-bottom:6%; }
	.P_contact .info dl dt{ font-size:0.9rem; }
	.P_contact .info dl dd{ font-size:0.8rem; }
	.P_contact .info dl dd i{ font-size:22px;}
	.P_contact .info ul li{ float:left; width:32%; margin-right:10%; }
	.P_contact .info ul li.er{ margin-left:9%; }
	.P_contact .formBox{ width:100%; float:none;}
	.P_contact .formBox ul li{ width:100%; float:none;  margin-bottom:2%; margin-right:4%; height:1.5rem; line-height:1.5rem; }
	.P_contact .formBox ul li span{ width:18%; text-align:right; margin-right:5%;}
	.P_contact .formBox ul li .input_text{ width:70%;}
	.P_contact .formBox dl dt{ font-size:0.9rem; }
	.P_contact .formBox .textarea{ height:2.5rem;padding: 0 5px; }
	.P_contact .formBox .submit input{ width:60%; font-size:0.9rem; }
	.P_contact .formBox .xuqiu{ font-size:0.9rem; }	
	.P_contact .formBox dl dd{width: 100%;padding: 0 5%;}
	.P_contact .formBox dl dd label{margin-left: 5%;}
	.P_contact .tips{font-size: 0.7rem;}
	.P_foot{ font-size:12px;}
	/*微博*/
	.wbs .product {width: 40%;}
	.wbs .title i{width: 20%;}
	.wbs .box_wab {width: 80%;margin: 0 auto;float: none;height: auto;}
	.wbs .wbtages {margin-bottom: 5%;}
	.P_media .advantages{width: 115%;}
	.P_media .wbtages p{font-size: 12px;}
	.wbs .title span{width: 40%;}
	.P_show .title span,.P_open .title span{width: 60%;}
	.P_show .title i,.P_open .title i{width: 10%;}
	.P_method .title span,.P_process .title span{width: 50%;}
	.P_method .title i,.P_process .title i{width: 15%;}
	/*移动板块*/	
	.mob_yuan {position: relative;}
	.mess p span{color: #F78000;}
	.mob_yuan .center{width: 10%;height: 10%;position: absolute;left:50%;top:-5%;margin-left: -5%;}
	.mob_yuan .center img{display: block;width: 100%;}
	.mess{margin: 20px auto;width: 300px;min-height: 150px;padding: 10px;position:relative;background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#f3f3f3), to(#fff), color-stop(.1,#f3f3f3));border-top: 1px solid #ccc;border-right: 1px solid #ccc;-webkit-border-bottom-right-radius: 60px 60px;-webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);}
	.mess:before{content:'';    width: 25px;height: 20px;position: absolute;bottom:0;right:0;-webkit-border-bottom-right-radius: 30px;-webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);-webkit-transform:rotate(-20deg)skew(-40deg,-3deg)translate(-13px,-13px);}
	.mess:after{content: '';z-index: -1;width: 100px;height: 100px;position:absolute;bottom:0;right:0;background: rgba(0, 0, 0, 0.2);display: inline-block;-webkit-box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);-webkit-transform: rotate(0deg)translate(-45px,-20px)skew(20deg);}
	.mob_yuan p{color: #666;font-size: 12px;margin:5% 0;}
	.P_open ul li {height: auto;}
	.P_open ul li .nl h4{font-size: 14px;}
	.P_open ul li .nl p{display: none;}
	.nl img{display: block;width: 100%;}
	.P_open ul li .nl{width: 72%;margin-top: 20px;}
	.P_method ul li .nl h5{font-size:14px ;}
	.P_method ul li{height: 50%;background-size:cover ;}
	.P_method ul li .nl{width: auto;}
	.P_process .mob_kh ul{width: 100%;}
	.P_process .mob_kh li{width: 20%;float: left;text-align: center;}
	.P_process .mob_kh li span{width:58px;height:56px;display: inline-block;background:url(newimages/icon_03.png)no-repeat;background-size:100%;}
	.P_process .mob_kh li p{text-align: center;font-size: 12px;color: #666666;}
	.iphone {
		  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px #999, 0 0 30px 0px rgba(0, 0, 0, 0.7);
		  border: 5px solid #d9dbdc;
		  background: #f8f8f8;
		  padding: 15px;
		  border-radius: 50px;
		  height: 670px;
		  width: 100%;
		  position: relative;
		  -webkit-transform: scale(0.8);
		  transform: scale(0.8);
		}

		.iphone-top {
		  padding: 5px 110px 40px;
		  position: relative;
		}
		.iphone-top .speaker {
		  display: block;
		  width: 70px;
		  height: 6px;
		  margin: 0 auto;
		  border-radius: 6px;
		  background: #292728;
		}
		.iphone-top .camera {
		  display: block;
		  margin: 0 auto;
		  height: 10px;
		  width: 10px;
		  border-radius: 50%;
		  margin-bottom: 13px;
		  background: #333;
		}
		.iphone-top .sensor {
		  display: block;
		  width: 15px;
		  height: 15px;
		  float: left;
		  background: #333;
		  margin-top: -5px;
		  border-radius: 50%;
		}

		.top-bar, .bottom-bar {
		  display: block;
		  width: 103%;
		  height: 15px;
		  border-left: 5px solid #BBB;
		  border-right: 5px solid #BBB;
		  position: absolute;
		  left: -5px;
		}

		.top-bar {
		  top: 65px;
		}

		.bottom-bar {
		  bottom: 65px;
		}

		.iphone-screen {
		  background: #eee;
		  border: 1px solid #fff;
		  height: 470px;
		  width: 100%;
		  margin: 0 auto;
		  border: 2px solid rgba(0, 0, 0, 0.9);
		  border-radius: 3px;
		  overflow: hidden;
		}
		.iphone-screen img {
		  width: 100%;
		}

		.buttons .on-off, .buttons .up, .buttons .down, .buttons .sleep {
		  display: block;
		  background: #CCC;
		  position: absolute;
		  border-radius: 2px 0px 0px 2px;
		}
		.buttons .on-off {
		  height: 40px;
		  width: 3px;
		  top: 100px;
		  left: -8px;
		}
		.buttons .up, .buttons .down, .buttons .sleep {
		  height: 60px;
		  width: 5px;
		  left: -10px;
		}
		.buttons .up {
		  top: 170px;
		}
		.buttons .down {
		  top: 250px;
		}
		.buttons .sleep {
		  left: auto;
		  right: -10px;
		  top: 170px;
		  border-radius: 0px 2px 2px 0px;
		}

		.iphone-bottom {
		  padding: 10px 0 0;
		}
		.iphone-bottom span {
		  display: block;
		  margin: 0 auto;
		  width: 68px;
		  height: 68px;
		  background: #ccc;
		  border-radius: 50%;
		  background: -webkit-linear-gradient(315deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%);
		  background: linear-gradient(135deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%);
		  position: relative;
		}
		.iphone-bottom span:after {
		  content: "";
		  display: block;
		  width: 60px;
		  height: 60px;
		  background: #fff;
		  border-radius: 50%;
		  position: absolute;
		  left: 4px;
		  top: 4px;
		}
		.col-xs-6 {width: 100%;}
		/*客户案例*/
		.case-box{width: 100%;height:auto;background: #fff;overflow: hidden;}
		.case-box{width: 95%;height: auto;overflow: hidden;margin: 0 auto 2% auto;}
		.tab-case{margin:0;padding:0;width:100%;height: auto;display: none;}
		.tab {margin:0;padding:0;list-style:none;width:100%;overflow:hidden;}
		.tab li {float:left;width:33.3%;height:30px;color:#4e4e4e;border:1px solid #ededed;text-align:center;line-height:30px;cursor:pointer;font-size: 14px;}
		.case-tab{width: 100%;height: auto;overflow: hidden;margin: 40px auto 0 auto;}
		.case-tab div.off {display:block;}
		.tab li.cur {background:#f16f20;color: #fff;}
		.tab-case ul{width: 100%;height:auto;}
		.tab-case ul li{width: 49%;float: left;margin-right: 2%;border: 1px solid #d6d6d6;margin-bottom: 15px;}
		.img-case{width: 100%;height: 100px;margin-bottom: 10px;}
		.img-case img{width: 100%;height: 100%;}
		.tab-case ul li p{text-align: center;font-size: 14px;color: #f16f20;margin-bottom: 10px;}
		.tab-case ul li:nth-child(3n){margin-right: 2%;}		
		.tab-case ul li:nth-child(2n){margin-right: 0;}
				
}
/*2019.07.17小李小改*/
.visual{width: 100%;height:98vh;position: fixed;top:0;left: 0;z-index: -1;}
/*pc核心业务*/
.he-xin{width: 100%;height:auto;background:#fbfbfb;overflow:hidden;}
.hx-box{width: 1200px;height: auto;margin: 50px auto;overflow: hidden;position: relative;}
.pc-hxk{width: 95%;margin: 0 auto;overflow: hidden;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 0;}
.hx-box .pc-nb{flex: 1;position: relative;height: 370px;background: center no-repeat;background-size: 100% auto;text-align: center;overflow: hidden;}
.hx-box .c-img{background: url("../../images/picture/iocn (1).png");background-position:center;}
.hx-box .c-img1{background: url("../../images/picture/iocn (2).png");background-position:center;}
.hx-box .c-img2{background: url("../../images/picture/iocn (3).png");background-position:center;}
.hx-box .c-img3{background: url("../../images/picture/iocn (4).png");background-position:center;}
.hx-box .c-img4{background: url("../../images/picture/iocn (5).png");background-position:center;}
.hx-box .c-img5{background: url("../../images/picture/iocn (6).png");background-position:center;}
.hx-box .c-img6{background: url("../../images/picture/iocn (7).png");background-position:center;}
.hx-box .c-img7{background: url("../../images/picture/iocn (8).png");background-position:center;}
.hx-box .c-img8{background: url("../../images/picture/iocn (9).png");background-position:center;}
.hx-box .c-img9{background: url("../../images/picture/iocn (10).png");background-position:center;}
.pc-nb a{display: block;width: 100%;height: 100%;text-decoration: none;}
.pc-hxk .img-block{position: relative;margin-top: 90px;}
.pc-hxk .item-title{font-size: 22px;font-weight: 700;color: #fff;padding: 22px 0;position: relative;z-index: 3;}
.pc-hxk .item-title::before{content: "";position: relative;display: block;width: 20px;border-bottom: 2px solid #fff;margin: 0 auto 20px;}
.pc-hxk .item-p-block{position: relative;opacity: 1;margin-top: 10px;}
.pc-hxk .item-p{color: #fff;font-size: 16px;margin-bottom: 5px;}
.pc-hxk .swiper-slide:hover .c-img::after{content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url("../../images/picture/iocn-xz (1).png");background-position:center;transition: all .4s cubic-bezier(.4,0,.2,1);}
.pc-hxk .swiper-slide:hover .c-img1::after{content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url("../../images/picture/iocn-xz (2).png");background-position:center;transition: all .4s cubic-bezier(.4,0,.2,1);}
.pc-hxk .swiper-slide:hover .c-img2::after{content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url("../../images/picture/iocn-xz (3).png");background-position:center;transition: all .4s cubic-bezier(.4,0,.2,1);}
.pc-hxk .swiper-slide:hover .c-img3::after{content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url("../../images/picture/iocn-xz (4).png");background-position:center;transition: all .4s cubic-bezier(.4,0,.2,1);}
.pc-hxk .swiper-slide:hover .c-img4::after{content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url("../../images/picture/iocn-xz (5).png");background-position:center;transition: all .4s cubic-bezier(.4,0,.2,1);}
.pc-hxk .swiper-slide:hover .c-img5::after{content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url("../../images/picture/iocn-xz (6).png");background-position:center;transition: all .4s cubic-bezier(.4,0,.2,1);}
.pc-hxk .swiper-slide:hover .c-img6::after{content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url("../../images/picture/iocn-xz (7).png");background-position:center;transition: all .4s cubic-bezier(.4,0,.2,1);}
.pc-hxk .swiper-slide:hover .c-img7::after{content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url("../../images/picture/iocn-xz (8).png");background-position:center;transition: all .4s cubic-bezier(.4,0,.2,1);}
.pc-hxk .swiper-slide:hover .c-img8::after{content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url("../../images/picture/iocn-xz (9).png");background-position:center;transition: all .4s cubic-bezier(.4,0,.2,1);}
.pc-hxk .swiper-slide:hover .c-img9::after{content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url("../../images/picture/iocn-xz (10).png");background-position:center;transition: all .4s cubic-bezier(.4,0,.2,1);}
.pc-hxk .swiper-slide:hover .img-block{margin-top: 60px;z-index: 3;transition: all .4s cubic-bezier(.4,0,.2,1);}
.pc-hxk .swiper-slide:hover .item-p-blockz{z-index: 3;transition: all .4s cubic-bezier(.4,0,.2,1);}
/*app核心业务*/
.app-heye{background: #fff;}
.app-bj{width: 100%;height: 100vh;background:url("../../images/picture/app-bej.jpg")no-repeat;background-size:100% 100%;background-position: center;position: fixed;top:0;left: 0;z-index: -1;}
.app-box{width: 95%;height:auto;overflow: hidden;margin: 0 auto;}
.team{width: 100%;height: 163px;}
.team img{width: 100%;height: 100%;}
.app-text{width: 70%;height: auto;margin:40px auto;}
.app-text h4{font-size:18px;text-align:center;letter-spacing: 3px;font-weight: bold;color: #000;}
.app-text div{background:#f16f20;width: 40px;height: 2px;margin:16px auto 0 auto;}
.app-text p{font-size: 10px;text-align:center;line-height: 20px;color: #f16f20;margin: 10px 0;}