﻿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:#FFFFFF; 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-image:url("../../images/pc-jxbejing_07.jpg?123"); background-size:cover;overflow: hidden;height:621px;width: 100%;}
.P_intro ul{width: 100%;height: auto;margin: 10% 0 5% 0}
.P_intro ul li{ float:left; width:23%; position:relative;margin-right: 2%;height: 365px;background: #fff}
.P_intro ul li a:hover{color:#fff;}
.P_intro ul li:nth-child(4){margin-right:0;}
.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;height: 365px}
.P_intro ul li .con .icon{display:inline-block; width:106px; height:62px; background-image:url("../../images/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("../../images/newimages/weibo.png"); }
.P_intro ul li:nth-of-type(3) .con .icon{ background-image:url("../../images/newimages/tengxun.png"); }
.P_intro ul li:nth-of-type(4) .con .icon{ background-image:url("../../images/newimages/zhifubao.png?123"); }
.P_intro ul li .con h6{ font-size:24px;  height:66px; line-height:66px; overflow:hidden;font-weight: bold;}
.P_intro ul li .con p{ font-size:16px; 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:url("../../images/newimages/banner-bij.jpg?23")no-repeat;color:#666; font-size:16px;background-position:center;background-attachment: fixed; background-size: cover; overflow: hidden;position: relative;z-index:0;}
.P_new{background:url("../img/newBg.jpg") no-repeat!!important; background-size:100% 100%; 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:85%; 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;color:#f78000;  }
.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 6% 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%;background-position: center;overflow: hidden;background-size: 100% 100% !important;background-image:url("../../images/newimages/pc-jxbejing_06.jpg"); }
.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: 15px 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: 20px;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;width: 100%;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;padding: 0 9px 15px 9px}
.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;}
.list{ width: 962px;margin: 0 auto;}
@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%;}
}
/*修改*/
.jt-shye{width: 100%;height: auto;overflow: hidden;background: #f8f8f8;padding: 20px 0}
.jt-shyebox{width:1200px;height: auto;margin:0 auto}
.til-ing{width:100%;height: auto;border: 1px solid #ea5404;margin-bottom:20px;}
.til-ing a ul{overflow: hidden;height: 80px;padding: 10px}
.til-ing a ul li{font-size: 20px;color: #000000;text-decoration: none;float: left;width: 25%;}
.til-ing a ul li.ny{font-size: 16px;}
.til-ing a ul li.ny1{font-size: 18px;line-height: 60px;color: #ea5404}
.til-ing a ul li.ny2{line-height: 60px;font-weight: bold;}
.til-ing:hover{background: #ea5404}
.til-ing:hover a ul li.ny{color: #fff}
.til-ing:hover a ul li.ny1{color: #fff}
.til-ing:hover a ul li.ny2{color: #fff}
.yt-ng{text-align:center;}
.nht1{display: none}
.til-ing:hover a ul li.yt-ng .nht{display: none}
.til-ing:hover a ul li.yt-ng .nht1{display:block;}
/*pc集团事业群*/
.jt-shybox{width:100%;height:456px;background-image:url("../../images/pc-jxbejing_05.jpg");}
.jt-shy{width: 1200px;margin:0 auto;overflow:hidden;}
.box-mht{width: 100%;height: auto;overflow: hidden;margin-top: 15px}
.sy-box{width: 23%;height:285px;border: 1px solid #ea5404;margin-right: 2%;float:left;background: #fff}
.sy-box:nth-child(5){margin-right: 0}
.sy-box a{text-decoration: none;text-align: center;}
.iocn-jyt{padding: 20px 0}
.text-bt{color:#000;font-size: 20px;margin-bottom:20px;font-weight: block}
.ngt-text{font-size: 16px;color:#000000;padding:15px;}
.liaoji-ht{color: #ea5404;font-size: 18px;font-weight: block;margin-top:25px;}
.sy-box:hover {background: #ea5404}
.sy-box:hover .text-bt{color: #fff}
.sy-box:hover .ngt-text{color: #fff}
.sy-box:hover .liaoji-ht{color: #fff}
.sy-box:hover {background: #ea5404}
.sy-box:hover .iocn-jyt .nht{display: none}
.sy-box:hover .iocn-jyt .nht1{display:block;}
.sy-box:nth-child(5) .liaoji-ht{margin-top:5px;}
/*公司介绍*/
.introduction-jx{width: 100%;height:769px;background-image:url("../../images/newimages/pc-jxbejing_04.jpg");overflow: hidden;}
.jx-introduction{width: 1158px;;background-color: rgb(255, 255, 255);box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.13); height: 626px;margin: 70px auto 0 auto;overflow: hidden;}
.jx-lefty{float: left;width:58%}
.jx-righty{float: left;width:40%;overflow: hidden;}
.jx-righty div{margin-top: 25%;margin-bottom: 10%}
.jx-righty h3{font-size: 24px;color: #222;margin-bottom: 10px}
.jx-righty h6{font-size: 14px;color: #999}
.jx-righty p{font-size: 16px;line-height: 30px;color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;text-indent: 30px}
a.chy-jyt{width: 110px;height: 35px;border: 1px solid #ea5404;display: block;text-align:center;line-height: 35px;color:#ea5404;margin-top:30px;}
@media screen and (max-width: 787px){	
	.lineH_36{ line-height:1.5rem; }
	.P_main{ width:94%; margin:0 auto;}
	/*首页*/
	.P_intro{ margin-top:5%;}
	.foot-title{margin:0 auto 10% auto;}
	.foot-title1{margin:9% auto 0 auto;}
	.foot-title2{margin:0 auto 24% auto;}
	.P_intro ul li{float:none; width:100%; margin-bottom:22%;height: 255px;}
	.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%;height: 255px}
	.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;}
	.P_intro ul li:nth-child(4){margin-top: 26%;}
	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:70%; margin-left:3%; margin-bottom:0; height:auto;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;}
	.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(../../images/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: 5px;}
		.img-case img{width: 100%;height: 100%;}
		.tab-case ul li p{text-align: center;font-size: 14px;color: #f16f20;margin-bottom: 10px;padding:0  9px 9px 9px}
		.tab-case ul li:nth-child(3n){margin-right: 2%;}		
		.tab-case ul li:nth-child(2n){margin-right: 0;}	
		.jt-shyebox{width: 100%}	
		.til-ing a ul li{width: 33.3%}
		.til-ing a ul li.ny{font-size: 14px;display: none;width: 50%}
		.til-ing a ul li.ny1{font-size: 14px;line-height: 60px;color: #ea5404;text-align: center;}
        .til-ing a ul li.ny2{line-height: 60px;font-weight: bold;font-size: 14px;}
        .bg_lizi,.P_process,.P_open{height: auto;}
        .pc-case{height: auto;background: none;background: #fff}
        /*公司介绍*/
        .introduction-jx{width: 100%;height: auto;background-image:url("../../images/newimages/app-imgbox.png");overflow: hidden;padding: 2rem 0}
        .jx-introduction{width: 90%;margin:0 auto;}
        .jx-lefty{width: 100%;height:13rem}
        .jx-lefty img{width: 100%;height: 100%}
        .jx-righty{width: 100%;}    
        .jx-righty h3 , .jx-righty h6{display: none}
        .jx-righty div{margin:10px;}
        .jx-introduction{height: auto;}
        .jx-righty p{font-size: 14px;line-height: 30px;color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-indent: 30px;padding: 0 15px}
        .chy-jyt{margin:0 auto 30px auto}
}
/*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:#ffffff;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/icon-imgy (2).png?12");background-position:center;background-size: cover;border-radius: 15px}
.hx-box .cyty-box:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.4);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.hx-box .cyty-box:hover:before {
    background-color: rgba(234, 84, 4, 0.8);
}
.hx-box .c-img1{background: url("../../images/picture/icon-imgy (4).png?22");background-position:center;background-size: cover;border-radius: 15px}
.hx-box .c-img2{background: url("../../images/picture/icon-imgy (1).png?222");background-position:center;background-size: cover;border-radius: 15px}
.hx-box .c-img3{background: url("../../images/picture/icon-imgy (3).png?121");background-position:center;background-size: cover;border-radius: 15px}
.hx-box .c-img4{background: url("../../images/picture/iocn (5).png");background-position:center;background-size: cover;}
.hx-box .c-img5{background: url("../../images/picture/iocn (6).png");background-position:center;background-size: cover;}
.hx-box .c-img6{background: url("../../images/picture/iocn (7).png");background-position:center;background-size: cover;}
.hx-box .c-img7{background: url("../../images/picture/iocn (8).png");background-position:center;background-size: cover;}
.hx-box .c-img8{background: url("../../images/picture/iocn (9).png");background-position:center;background-size: cover;}
.hx-box .c-img9{background: url("../../images/picture/iocn (10).png");background-position:center;background-size: cover;}
.pc-nb a{display: block;width: 100%;height: 100%;text-decoration: none;}
.pc-hxk .img-block{position: relative;margin-top: 121px;}
.pc-hxk .item-title{font-size: 20px;font-weight: 700;color: #fff;padding: 22px 0;position: relative;z-index: 3;transition:margin-top 1s;
-moz-transition:margin-top 1s; /* Firefox 4 */
-webkit-transition:margin-top 1s; /* Safari and Chrome */
-o-transition:margin-top 1s; /* Opera */}
.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: 14px;margin-bottom: 5px;display: none;padding:0 10px }
.pc-hxk .swiper-slide:hover .c-img::after{content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,0.3);background-position:center;transition: all 0.4s cubic-bezier(0.4,0,0.2,1);background-size: cover;}
.pc-hxk .swiper-slide:hover .c-img1::after{content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,0.3);background-position:center;transition: all 0.4s cubic-bezier(0.4,0,0.2,1);background-size: cover;}
.pc-hxk .swiper-slide:hover .c-img2::after{content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,0.3);background-position:center;transition: all 0.4s cubic-bezier(0.4,0,0.2,1);background-size: cover;}
.pc-hxk .swiper-slide:hover .c-img3::after{content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,0.3);background-position:center;transition: all 0.4s cubic-bezier(0.4,0,0.2,1);background-size: cover;}
.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);background-size: cover;}
.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);background-size: cover;}
.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);background-size: cover;}
.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);background-size: cover;}
.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);background-size: cover;}
.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);background-size: cover;}
.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);}
.pc-hxk .swiper-slide:hover .img-block{display: none}
.pc-hxk .swiper-slide:hover .item-title::before{display: none}
.pc-hxk .swiper-slide:hover .item-p{display: block;line-height:30px}
.pc-hxk .swiper-slide:hover .item-title{margin-top: 30px;padding-top:0;font-weight:100;padding-bottom: 15px}
/*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;}

/*分公司添加*/













