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('../iconfont/iconfont.eot'); /* IE9*/
    src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../iconfont/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../iconfont/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:#f78000; }
.txt_fff{ color:#fff; }
img{}
.P_main h3.title span {
    font-size: 36px;
    text-align: center;
    margin-bottom: 3%;
}
.foot-title h3, .foot-title p {
    color: #e2690e;
    letter-spacing: 3px;
}
.P_main{ width:1200px; margin:0 auto;}
.header .navbar{ margin-bottom:0; border:none; background:none;}
.header .navbar-brand{ padding:12px 0; height:80px;}
.header .navbar-brand img{ width:auto; }
.header .navbar-nav{ float:right; }
.header .navbar-nav > li > a{ padding:20px 0; margin:0 13px; border-bottom:4px solid #fff; line-height:30px; font-size:18px;}
.header .navbar-nav > li.current > a{ border-bottom:4px solid #f78000; }
.P_banner{overflow: hidden; position: relative; width:100%;}
.P_banner .pagination{bottom: 4px;margin: 0; position: absolute;text-align: center;z-index: 1; width:100%; left:0;}
.P_banner .pagination span{ background: #fff none repeat scroll 0 0;height: 12px; opacity:0.7;width: 12px; margin:0 5px;}
.P_banner .pagination span.swiper-pagination-bullet-active{ opacity:1; }
.bg_lizi,.P_process,.P_open{ background:url("../img/liziBg.png") no-repeat; background-size:cover;}
.P_intro{ margin-top:6%;}
.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("../img/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("../img/weibo.png"); }
.P_intro ul li:nth-of-type(3) .con .icon{ background-image:url("../img/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; font-family:"方正正粗黑简体"; 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("../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: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{ display:block; width:200px; height:50px; border:3px solid #fff; text-align:center; line-height:50px; border-radius:5px; margin:5% auto; color:#fff; font-size:20px;}

.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;}

.P_contact{ background:url("../img/contactBg.jpg") no-repeat center top; /*padding:2% 0;*/}
.P_contact .tips{ margin:-2% auto 3%; font-size:18px;}
.P_contact .info{ width:48%;}
.P_contact .info dl{ margin-bottom:10%; }
.P_contact .info dl dt{ font-size:22px; margin-bottom:3%; font-weight:normal;}
.P_contact .info dl dd{ font-size:18px; margin-bottom:2%;}
.P_contact .info dl dd i{ font-size:26px; margin-right:2%; }
.P_contact .info ul li{ float:left; width:23%; margin-right:15%; }
.P_contact .info ul li.foot_logo{ width: 28%; height: auto; }
.P_contact .formBox{ width:52%;}
.P_contact .formBox ul li{ width:46%; float:left; overflow:hidden; margin-bottom:2%; margin-right:4%; height:40px; line-height:40px; }
.P_contact .formBox ul li span{ float:left; width:24%; }
.P_contact .formBox ul li .input_text{ float:left; width:67%; height:100%; background:#d8d8d8; border-radius:5px; border:none; padding:0 10px; color:#666;}
.P_contact .formBox dl{ overflow:hidden; margin-bottom:10px;}
.P_contact .formBox dl dt{ font-weight:normal; font-size:18px; margin-bottom:2%;}
.P_contact .formBox dl dd{ width:48%; float:left; overflow:hidden; font-weight:normal; margin-bottom:2%;}
.P_contact .formBox dl dd input[type="checkbox"]{ float:left; margin-right:2%;}
.P_contact .formBox dl dd label{float:left; font-weight:normal;}
.P_contact .formBox .textarea{width: 100%;display:block; background:#d8d8d8; border-radius:5px; border:none; padding:1% 10px; color:#666;}
.P_contact .formBox .submit input{ display:inline-block; background:#f78000; height:42px; line-height:42px; border-radius:5px; border:none; width:40%; text-align:center; font-size:18px; margin-top:5%;}
.P_contact .formBox .xuqiu{ font-size:18px; }
.P_foot{ background:#2c2c2c; padding:10px 0; font-size:14px;}
/*微博*/
.wbs h3{}
.wbs .title {color: #c8c8c8;}
.wbs .title i:nth-of-type(1)::after,.wbs .title i:nth-of-type(2)::before{content: '';position: absolute;display: block;width: 5px;height: 5px;background-color: #C8C8C8;top: -2px;right:0;transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-o-transform:rotate(45deg); }
.bg_lizi .wbs .title i:nth-of-type(1)::after,.bg_lizi .wbs .title i:nth-of-type(2)::before{top: -1px;}
.wbs .title i:nth-of-type(2)::before{left: 0;}
.wbs .title i{display: inline-block;width:95px;border-bottom: 1px solid #C8C8C8;position: relative;}
.wbs .title span{display: inline-block;}
.wbs .wb{padding: 0 8% 0 10%;margin-bottom: 8%;}
.wbs .box_wab{width: 50%;height:320px;}
.wbs .wbtages{padding: 18px 22px;margin-left: -20px;position:relative;margin-bottom: 50px;width: 100%;margin-top: 20%;}
.wbs .wbtages::after,.P_media .wbtages::before{content: '';display: block;width: 38px;height: 38px;border: 1px solid #f78000;position: absolute;}
.wbs .wbtages::before{top: 0;right: 0;border-left:none ;border-bottom:none ;}
.wbs .wbtages::after{bottom: 0;left: 0;border-top:none ;border-right:none ;}
.P_media .wbtages p {margin: 0;font-size: 17px;line-height: 28px;}
.P_show{background: url(../img/showBg.jpg)repeat center;}
.P_show .P_main{padding: 1% 0;}
.PC_yuan{padding: 1% 0 2% 0;}
.PC_yuan .num{width: 397px;position: absolute;left: 50%;margin-left: -198px;}
.PC_yuan .explain{position: relative;}
.PC_yuan .explain li{width:424px;}
.PC_yuan .explain li i{display: block;width: 363px;border-bottom: 1px solid #978ee9;}
.PC_yuan .explain li:nth-of-type(2) i{margin-left: 63px;}
.PC_yuan .explain li p{margin: 0;color: #f6f6fd;;height: 172px;line-height: 36px;padding-top: 10%;padding-left: 35px;font-size:15px;}
.PC_yuan .explain li p:nth-of-type(2){border: none;}
.P_open .wbs{padding: 2% 0;}
.P_open ul li{text-align: center;float: left;width: 33.333%;height: 330px;display: flex;flex-direction:column;justify-content:center;align-items:flex-start}
.P_open ul li .nl{width: 56%;margin: 0 auto;}
.P_open ul li .nl h4{font-weight: 700;margin-top: 16px;color: #666666;font-size:20px ;}
.P_open ul li .nl p{color: #666666;font-size:14px;line-height: 22px;}
.P_method{background: url(../img/methodBg.jpg)repeat center;}
.P_method .wbs{padding: 2% 0;}
.P_method h3{}
.P_method ul li{margin-right: 2%;background:url(../img/method_bg.png) no-repeat center;background-size:100% ;text-align: center;float: left;width: 23%;height: 330px;display: flex;display:-webkit-box;flex-direction:column;justify-content:center;align-items: stretch;-webkit-box-pack: center ;-webkit-box-align: center;}
.P_method ul li .nl{width: 70%;margin: 0 auto;height: 50%;}
.P_method ul li .nl h4{font-weight: 700;color: #d76526;font-size:23px ;}
.P_method ul li .nl h5{font-weight: 700;font-size:20px;color: #d76526;}
.P_method ul li .nl p{color: #d76526;font-size:16px;line-height: 22px;}
.P_method .wbs .title i,.P_method .wbs .title i:nth-of-type(1)::after, .P_method .wbs .title i:nth-of-type(2)::before{border-color: #ffffff;background-color: #ffffff;}
.P_process .P_main{padding: 2% 0;}
.P_process .PC_kh{margin-bottom: 70px;}
.P_process .PC_kh ul{position: relative;margin-left: 20px;}
.P_process .PC_kh ul::before{content: '';display: block;width: 44px;height: 41px;background: url(../img/fly.png);position: absolute;bottom: 50%;left: -24px;}
.P_process .PC_kh li{height: 166px;padding-top: 62px;float:left;width:20%;border-bottom: 1px solid #efc0a6;text-align: center;position: relative;}
.P_process .PC_kh li:nth-of-type(10){border-right: 1px solid #efc0a6;}
.P_process .PC_kh li::after,.P_process .PC_kh li::before{content: '';display: block;position: absolute;bottom: 0;left: 50%;}
.P_process .PC_kh li::after{width: 10px;height: 10px;background-color: #d76526;border-radius: 9px;margin-left: -5px;margin-bottom: -5px;}
.P_process .PC_kh li::before{height: 18px;width: 18px;border: 1px solid #d76526;border-radius: 15px;margin-left: -9px;margin-bottom: -9px;}
.P_process .PC_kh li span{background:url(../img/icon_03.png)no-repeat;background-size:100%;display: inline-block;width:58px;height: 56px;}
.P_process .PC_kh li i {display: block;width: 12px;height: 50px;background: url(../img/jiantou_03.png)no-repeat;position: absolute;top:50%;margin-top:14px;}
.P_process .PC_kh li:nth-of-type(5) p{position: relative;}
.P_process .PC_kh li:nth-of-type(5) p::after{content: '';display: block;width:40px;height: 34px;border-bottom:1px solid #efc0a6;transform: rotate(45deg);position: absolute;right: -16px;background-color:#fff;z-index: 999;}
.P_process .PC_kh li:nth-of-type(6) i{background: url(../img/fly2.png)no-repeat center;height: 40px;width: 36px;background-size:cover;left: -34px;top: 89%;}
.P_process .PC_kh li:nth-of-type(n+7) i{transform: rotate(180deg);margin-top: -14px;}
.P_process .PC_kh li:nth-of-type(10) i.tog{transform: rotate(90deg);top:25px;left:50%;margin-left: -20px;}
.P_process .PC_kh li p{font-size:20px ;font-weight:700;color: #3d3d3d;}
/*招聘页*/
.recruit{padding-top: 3.7%;}
.recruit .re_l{width: 33.33%;float: left;}
.recruit .name{margin-bottom: 34px;}
.recruit .res{background: #eaeaea ;height: 360px;}
.recruit .res p {padding:0 30px;line-height: 48px;font-size: 18px;color: #666666;}
.recruit .res p:nth-of-type(2) i{width: 29.5%;}
.recruit .re_l .res h4{margin-bottom: 20px;}
.recruit .re_l h4{text-align: center;background: #F78000;color: #fff;margin: 0;height: 50px;line-height:50px;font-size: 28px;font-weight: 900;}
.recruit .re_l ul{background-color: #eaeaea;padding-bottom: 28px ;}
.recruit .re_l li {margin-top: 20px;}
.recruit .re_l ul li a,.recruit .re_l ul li a:hover{color: #666666;font-size: 26px;background-color:none ;text-align: center;background-color:none;height: 53px;line-height: 53px;padding: 0;background: url(../img/zplist.png) no-repeat bottom;}
.recruit .re_l ul li.active a{color: #F78000;background-position-y:0;background-color:inherit ;}
.recruit .re_r{width: 60%;float:left;margin-left: 3.33%;margin-bottom: 40px;}
.recruit .re_r .recruit_nav{margin-bottom: 40px;width: 100%;border: 2px solid #000;border-radius:50px 0 0 0 ;padding: 18px  60px;position: relative;}
.recruit .re_r .recruit_nav::after{content: '';display: block;height: 82px;width: 58px;background: url(../img/shuqian.png);position: absolute;right: -58px;top: -2px;z-index: 999;background-color: #fff;}
.recruit_nav .miaoshu{padding: 10px 0;}
.recruit_nav h3{margin: 0;display:-webkit-flex;display: flex;justify-content:space-between;-webkit-justify-content:space-between;color: #666666;border-bottom:2px dashed #000 ;height: 40px;}
.recruit_nav h3 span:nth-of-type(1){color: #F78000;}
.recruit_nav  h4, .recruit_nav p {color: #666666;font-size:18px;}
.recruit_nav  h4{font-size:20px;margin-bottom: 6px;}
.recruit_nav p,.res p{display:-webkit-flex;display:flex;align-items:flex-start;-webkit-align-items:flex-start;line-height: 28px;margin: 0;}
.recruit_nav p i,.res p i{display: block;float: left;}
/*腾讯页*/
.P_tenxun,.P_yous{padding-top: 2%;}
.P_tenxun h3.title,.P_yous h3.title{margin-bottom: 4%;}
.P_tenxun ul{margin-bottom: 25px;}
.P_tenxun ul li{width: 33.333%;float: left;text-align: center;padding: 2.5%;}
.P_tenxun ul li .img{width: 63.63%;margin: 0 auto; transition: all 0.6s;}
.P_tenxun ul li:hover .img{transform: scale(1.1) ;}
.P_tenxun ul li h3{font-size:30px;color: #444444;margin: 40px 0}
.P_tenxun ul li:hover h3{color: #F78000;}
.P_tenxun ul li p{text-align: left;font-size: 18px;color: #666666;line-height: 30px;}
.P_yous{background-color: #e8ecf0;}
.P_yous .P_main{padding-bottom: 7%;}
.P_yous h3.title span,.P_tenxun h3.title span{width: 288px;display: inline-block;}
.P_yous .img{width: 33.33%;}
.P_yous .marr{margin-right: 8.08%;}
.P_yous .texts{width: 58.5%;}
.P_yous ul{margin-bottom: 0;}
.P_yous li{padding:1% 0;display:-webkit-flex;display: flex;align-items:center;-webkit-align-items:center;}
.P_yous .texts h3{color: #F78000;font-size: 36px;margin-bottom: 7.5%;}
.P_yous .texts p{font-size: 25px;line-height: 44px;color: #666666;}
.expense  ul li{cursor: pointer;}
.expense  ul li h3{margin: 0;}
.expense  ul li:hover h3,.expense  ul li:hover p{color: #F78000;}
.expense  ul li .img{width: 33.33%;margin: 24px auto; }
.expense  ul li img{width: auto;}
.expense  ul li p{font-size:16px ;line-height: 27px;text-align: center;padding: 0 5%;}
/*新闻列表*/
.P_news {background-color: #f6f6f6;}
.P_news .P_main{position: relative;background-color: #fff;}
.P_news h3{color: #666666;border-bottom: 2px solid #CCCCCC;height: 56px;font-size: 28px;margin: 0;background-color: #fff;position: absolute;top: -56px;z-index: 99;width: 100%;}
.P_news h3>span{border-bottom:2px solid #ed6013;;width:157px;height: 56px ;line-height: 56px;display:block;text-align: center;padding: 0 1.8%;}
.P_news .ne li{padding:0 1.8%;}
.P_news li .news_n{padding: 2.3% 0 1.3% 0;}
.P_news .news_n{border-bottom: 1px dashed #CCCCCC;}
.P_news .news_l span{color: #fff;background-color: #CCCCCC;display: block;width: 60px;height: 60px;text-align: center;line-height: 60px;font-size:24px ;}
.P_news .ne li:hover .news_l span{background-color: #F78000;}
.P_news .news_l i{width: 60px;text-align: center;color: #666666;font-size: 30px;}
.P_news .news_r{width: 90%;margin-left: 3.8%;position: relative;}
.P_news .news_r h4,.P_news .nav_title h4{font-size: 20px;font-weight: 700;margin-top: 0;}
.P_news .news_r h4 a{color:#666666;}
.P_news .ne li:hover .news_r a{color: #F78000;}
.P_news .news_r p{font-size: 18px;color: #666666;line-height: 34px;margin-bottom: 0;height: 68px;overflow: hidden;}
.P_news .news_r .moe{color: #666666;position: absolute;right: 0;bottom: 2px;font-size: 18px;}
.P_news .pages {text-align: center;position: relative;height: 196px;margin-top: 50px;}
.P_news .pages .tie{width: 50%;position: absolute;left: 50%;margin-left: -25%;}
.P_news .pages span{cursor: pointer;;display: inline-block;width: 84px;height: 30px;float: left;border: 1px solid #CCCCCC;border-radius:6px;text-align: center;line-height: 30px;}
.P_news .pages .act{background: #F78000;color: #fff;}
.P_news .pages span:nth-of-type(2){margin-left: 20px;}
.P_news .pages ul {float: left;}
.P_news .pages ul li{cursor: pointer;float: left;width: 30px;height: 30px;border: 1px solid #CCCCCC;border-radius:6px;text-align: center;line-height: 30px;margin-left: 20px;}
.P_news .jiazai {display: none;}
/*新闻内容*/
.P_news .new_nav{width: 100%;padding: 1% 7%;}
/*.P_news .new_nav img{width: 70%;*//*margin:2.8% 0 5.6% 15% ;*/}
/*.P_news .new_nav p{text-indent: 2em;color: #666666;font-size: 16px;line-height: 30px;}*/
.P_news .nav_title{;margin: 0 auto;padding:0 1.8%;}
.P_news .nav_title h4{text-align: center;font-size: 18px;height: 80px;line-height: 80px;}
.P_news .nav_title p{text-align: center;color: #999999;display: flex;display:-webkit-flex;-webkit-justify-content:space-around;justify-content:space-around;font-size: 14px;border-bottom: 1px dashed #CCCCCC;padding-bottom: 10px;}
.P_news .next {margin-bottom: 8.3%;}
.P_news .next a{display: inline-block;color: #666666;height: 40px;line-height: 40px;}
.P_news .next a:hover{color: #F78000;text-decoration: none;}
/*业务列表*/
.P_bus{padding-top: 3.3%;margin: 0;padding-bottom: 19.17%;}
.P_bus li{margin-bottom: 5%;display: flex;display:-webkit-flex;-webkit-align-items:center;align-items:center;}
.P_bus li.list{margin-bottom: 0;}
.P_bus li:hover .bus_l{box-shadow: 8px 8px 15px #C0C0C0; }
.P_bus li:hover .bus_r h4,.P_bus li:hover .bus_r h5,.P_bus li:hover .bus_r p:nth-of-type(1){color: #F78000;}
.P_bus .bus_l{width: 36.63%;margin-right: 3.4%;transition: all 0.4s;}
.P_bus .bus_r {width: 59.97%;}
.P_bus .bus_r h4{color: #666666;font-size: 24px;font-weight: 700;margin: 0;height: 60px;line-height: 60px;}
.P_bus .bus_r h5{font-size: 20px;color: #666666;margin-top: 5%;}
.P_bus .bus_r p{font-size: 18px;color: #666666;padding-right: 4%;line-height: 32px;}
.P_bus .bus_r p:nth-of-type(2){font-size: 16px;}
.w1-a-img{.background-color:orange}/*地图*/.map-cont{position: relative;width: 100%;height: 600px;margin: 50px 0;}.map-cont #container{position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;width: 100%;height: 100%;}
@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){	
	/*头部*/
	.header{ padding:0.3rem 0; height:3rem;}
	.navbar{min-height: 50px;}
	.header .navbar-header{width: 100%; height: auto;margin: 0!important;}
	.header .container .navbar-brand{ height:3rem; padding:5px 0; margin-left:5%;}
	.navbar-toggle{margin-right: 0;}
	.header .navbar-collapse{ padding-left:0; padding-right:0; }
	.header .navbar-nav{height: auto; background:#f3a24a; width:100%; margin:0;}
	.header .navbar-nav > li{width: 100%;padding: 10px;height: 40px;text-align: right;}
	.header .navbar-default .navbar-nav > li a{border:none;font-size: 14px; line-height:20px; padding:0; color:#fff;}
	.header .navbar-nav{}
	.header .navbar-nav > li:hover::before{display: none;}
	.header .navbar-nav > li.current::before{display: none;}
	.header .navbar.navbar-default{position: absolute;right: 0;top:0;width: 100%;z-index: 55;}

	.lineH_36{ line-height:1.5rem; }
	.P_main{ width:94%; margin:0 auto;}
	/*首页*/
	.bg_lizi{ background:none;}
	.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:1.2rem; margin-bottom:3%;}
	h3.title span{margin:0 10px; }

	.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;}	

	.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.1rem;}
	.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.4rem; }
	.P_contact .info dl dd{ font-size:0.3rem; }
	.P_contact .info dl dd i{ font-size:22px;}
	.P_contact .info ul li{ float:left; width:23%; margin-right:15%; }
	.P_contact .info ul li.er{ margin-left:17%; }
	.P_contact .formBox{ width:100%; float:none;}
	.P_contact .formBox ul li{ width:100%; float:none;  margin-bottom:2%; margin-right:4%; height:0.7rem; line-height:0.7rem; }
	.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.3rem; }
	.P_contact .formBox .textarea{ height:1.2rem;padding: 0 5px; }
	.P_contact .formBox .submit input{ width:60%; font-size:0.3rem; }
	.P_contact .formBox .xuqiu{ font-size:0.3rem; }	
	.P_contact .formBox dl dd{width: 100%;padding: 0 5%;}
	.P_contact .formBox dl dd label{margin-left: 5%;}
	.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(../img/icon_03.png)no-repeat;background-size:100%;}
	.P_process .mob_kh li p{text-align: center;font-size: 12px;color: #666666;}
	/*招聘页*/
	.recruit .re_l{width:100%;}
	.recruit .re_l ul{background: none;height: auto;display: flex;justify-content:space-between;-webkit-justify-content:space-between;margin-top: 4%;}
	.recruit .re_l h4{height: 30px;line-height:30px;font-size: 18px;font-weight:400;border-radius: 10px;}
	.recruit .re_l li {margin-top: 0px;float:left;width: 20%;height: 40px;border: 1px solid #F78000;border-radius:10px;}
	.recruit .re_l ul li a,.recruit .re_l ul li a:hover{font-size:14px ;background: none;height: 40px;line-height: 40px;}
	.recruit .re_r{width: 100%;margin: 0;}
	.recruit .re_r .recruit_nav{padding: 0;border: none;}
	.recruit_nav h3{font-size: 14px;height: 24px;}
	.recruit_nav .miaoshu{padding: 5px 0;}
	.recruit .re_r .recruit_nav::after{display: none;}
	.recruit_nav p,.recruit_nav h4{font-size: 12px;}
	/*腾讯*/
	.P_yous h3.title span,.P_tenxun h3.title span{width: 70%;}
	.P_tenxun ul li{float: none;width: 100%;}
	.P_tenxun ul li h3{font-size: 16px;margin: 4% 0;color: #F78000;}
	.P_tenxun ul li .img{width: 20%;}
	.P_tenxun ul li:hover .img{transform: scale(1) }
	.P_tenxun ul li p{font-size: 12px;}
	.P_yous .texts h3 {font-size: 16px;}
	.P_yous .texts p{font-size:12px;line-height: 28px;}
	.expense ul li img{width: 100%;}
	/*新闻列表*/
	.P_news{background: #fff;}
	.P_news .news_r h4,.P_news .news_r h4 a{color: #F78000;}
	.P_news h3 {top:0;position: static;height:36px;}
	.P_news h3>span{font-size:18px;height: 36px;width: 136px;line-height: 36px;}
	.P_news .news_r h4{font-size:16px;margin: 0;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
	.P_news .news_r p{font-size: 12px;}
	.P_news .news_r .moe{display: none;}
	.P_news .jiazai{display: block;text-align: center;color:#666666;}
	.P_news .news_r p{height: 50px;line-height: 25px;}
	/*新闻内容*/
	.P_news .nav_title h4{font-size: 14px;line-height: 28px;height: auto;}
	.P_news .nav_title p,.P_news .new_nav p{font-size: 12px;}
	.P_news .next {width: 100%;overflow: hidden;}
	.P_news .next a {height: 26px;overflow: hidden;line-height:26px ;}
	.P_news .bus_r{width: 100%;}
	.P_news .bus_r h4{text-align: center;font-size: 18px;height: 40px;line-height: 40px;color: #F78000;}
	.P_news .bus_r p,.P_news .bus_r p:nth-of-type(2){padding: 0;font-size:12px; text-indent:2em}
	.P_news .bus_r h5{font-size: 16px;text-align: center;}
	.P_bus li {margin-bottom: 0;}	/*联系我们*/		.map-cont{height: 224px;margin: 16px 0;}		.mar30 {margin-top: 10px;}		.wrap01-cont li {display: inline-block;width: 100%;text-align: left;margin-top: 20px;}		.wrap01-cont .w1-a-img {width: 70px;height: 70px;float: left;margin-right: 15px}		.line-30 {line-height: 20px;}	    .line-20 {line-height: 16px;}	/*响应式显示隐藏*/	.PC_yuan,.PC_kh,.P_method .nl h4,.P_method .nl p,.PC_fangshi,.recruit .res,.pages,.news_l,.bus_l{display: none;}	.mob_yuan,.mob_kh{display: block;}
	.uc-txt{width: 90%;}
	.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%;}
}


/***7关于我们***/
.w1-a-img{.background-color:orange}
.conright{width:55%; margin-left:2%; margin-top:70px;}

.conright input{width:320px; margin-right:1.85%; background:none; height:50px; line-height:50px;  border:1px solid #d2d2d2; margin-top:20px; padding-left:10px; font-family:"微软雅黑";}

.conright textarea{width:664px; height:140px; background:none; border:1px solid #d2d2d2; margin-top:20px; line-height:30px; padding:10px;  font-family:"微软雅黑";}

.conright .tj{width:150px; background:#f7850a; color:#fff; border: none; line-height:50px; height:50px; cursor:pointer; display:block;}

.map{position:relative; height:455px;}
.bg-orange:{background-color:orange};.map-cont{position: relative;width: 100%;height: 600px;margin: 50px 0;}.map-cont #container{position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;width: 100%;height: 100%;cursor: pointer;background: rgb(252, 249, 242);}
/******内页关于我们****/

.navbar-inverse{background: none;}

.line-ora{width: 30px; height: 2px; background: #ff8603; margin: 5px auto;}

.wrap03-about .line-ora{ float: left;}

.ban{position: relative; z-index: 8;}

#header{z-index: 9;}

.ban-img{position: relative; z-index: 7;}

.ban .container{position: absolute; z-index: 9; left: 50%; margin-left: -600px;}

.wrap03-about{text-align: left; margin-top: -100px; background: url("../images/about_bg.png") top center; padding-top: 140px;}

.pic-about{bottom: 0 !important;}

.p3-txt span{display: inline-table; width: 100%; text-transform: uppercase; line-height: 40px;}



.p4-txt-hon .line-ora{float: left;}



.honor .container{position: relative;}

.honor-con .col-xs-6{position: absolute; left: 0; top:50px; z-index: 2; }

.honor-txt{position: relative; z-index: 2;background: #ff8603; background-color: rgba(255,134,3,0.8); padding-top: 20px; padding-bottom: 20px; color: #fff;}

.honor-con{position: absolute; right: 0;}



.zhuy{background:url(../images/aot_bg.jpg) center; background-size: 150% 100%; display:inline-block; width:100%; height:180px;}

.zhuy .p6-con{background:url(../images/about_line.png) no-repeat center; background-size: auto 100%; margin-top: 20px; padding-top:20px; color:#fff; height:130px;}



.soph-con dl{display: inline-block; padding: 15px 0;}

.soph-con dt{background: url("../images/aot_icon.png"); font-style: oblique; margin-left: 2%; background-size: 100% 100%; width: 60px; height: 60px; line-height: 60px;}

.soph-con dd{width: 76%; margin-left: 2%; }



/******内页关于我们****/



/*****内页UC神马*****/

.w1-sm-img{background: url("../images/cp_bg.png"); background-size: 100%;}

.w1-sm-img img{}

.wrap01-sm .pic-zaijian{height: 30px;}



.wrap02-sm{background: url("../images/w2_sm_bg.jpg" ) bottom center no-repeat #e4f2f8; padding-bottom: 40px; background-size: 100% auto; display: inline-block; width: 100%;}

.wrap02-sm-con{display: inline-block;}

.wrap02-sm-con span img{background: url("../images/sm-p2-bg.png") no-repeat center; background-size: 100% auto; width: 70%; margin-left: 15%;}

.wrap02-sm-con li{padding-bottom: 30px; padding-top: 30px;}

.wrap02-sm-con li:hover{background: #fff;}

.wrap02-sm-con li:hover span img{background: url("../images/sm-p2-bgh.png") no-repeat center; background-size: 100% auto;}

.wrap02 ul li a{display: block; padding: 10px; background: #fff;}

.index-product{width: 100%;}
.public-title{width: 500px;height:150px;margin:20px auto;background: url(/public/images/jximg/title.png) no-repeat;background-size:100%;line-height: 140px;text-align: center;font-size: 24px;color: #fff;}
.index-product .iphone{width: 314px;height: 634px;margin:20px auto;background: url(/public/images/jximg/iphone.png) no-repeat;position: relative;background-size: 100%;}
.index-product .iphone .box{width: 272px;height: 481px;position: absolute;left: 20px;top: 75px;background: #fff;overflow: hidden;}
.index-product .iphone .box img{position: absolute;left: 0;right: 0;}



/*事件*/
.iocn-complaints{
	width: 300px;
	height: 155px;
	position: fixed;
	top:30%;left: -190px;
	z-index:999;
}
.hover-iocn{
	position: absolute;
	right: -8px;
}
.email-box{
	width: 190px;
	height: 100%;
	background: #fff;
	overflow: hidden;
}
.email-box h3{
	text-align: center;
	line-height: 30px;
	margin-top: 30px;
	color: #fe6f05;
}
.text-li{
	text-align: center;
	margin-top: 20px;
}