@charset "utf-8";
/* CSS Document */
.service_total_title{ font-size:2.5em; width:100%; text-align: center; height:20px; padding-top:80px; color:#fff; }
.service_content{position:relative; width:100%; height:800px; background-repeat: no-repeat; background-size:50%; background-image:url("../img/product/bg_service.png"); background-position:50%; }
.service_menu_title{ position: absolute; top:200px; left:200px;}
.service_main_content{width:80%; margin:0 auto; height:86%; }
.service_left_intro{ width:33%; float:left; height:100%;  }
.service_right_intro{ width:28%; float:right; height:100%; }
.service_left_top{ width:54%; margin-top:200px; padding-left:100px;}
.service_left_buttom{width:90%; margin-top:70px; padding-left:180px;}
.service_left_intro .service_left_title , .service_right_intro .service_right_title{ font-size:1em; font-weight: bold;  color:#fff;}
.service_left_intro p , .service_right_intro p{height:60px; font-size:0.8em; color:#fff; }
.service_right_top{ width:100%; margin-top:130px;}
.service_right_buttom{ margin-top:50px; padding-left:128px;}
.directory_bg{background-image:url(../img/product/directory_bg.png);background-size:100% 100%; width:100%; background-repeat: no-repeat;}


.p_service_img{ width:100%; height:100%; text-align: center; margin-top:4%;}
.p_service_content{ width:100%; height:100%; margin-top:20px; }

/*-图标放大*/




.gallery > div {
  position: relative;
 
}

.gallery > div >img {

  transition: .1s transform;
  transform: translateZ(0);
  
  /* hack */
}

.gallery > div:hover {
  z-index: 1;
  cursor: pointer;
}

.gallery > div:hover > img {
  transform: scale(1.5, 1.5);
  transition: .3s transform;
}

.cf:before, .cf:after {
  display: table;
  content: "";
  line-height: 0;
}

.cf:after {
  clear: both;
}

.custom_content{
	width:80%; margin:0 auto; height:890px;
}
.custom_title{
	width:100%; height:40px;  line-height: 40px; text-align: center; font-size:2em; 
}
.cusome_min_title{ width:70%; margin:0 auto; padding-top:40px; height:30px; line-height: 30px; text-align: center; font-size:1.2em;}
.custom_icon_div{ width:100%; margin:60px auto auto; padding-top:80px;}
.custome_icon{ width:25%; float:left; text-align: center;
}
.custome_icon img{ width:40%; cursor: pointer;}
.custome_icon p{margin-top:10px; font-weight: bold; font-size:1.2em;}
.custome_bg{ width:100%; margin:80px auto auto; padding-top:20px; height:100%; background-image: url(../img/product/c_bg.png); background-position: 50% 8%; background-repeat: no-repeat;}
.voie_bg{ width:100%; margin:0 auto; height:100%; background-image:url(../img/product/veio_bg.png); background-position:100% 100%; background-repeat: no-repeat;}
.voie_title{ padding-top:80px; width:100%; text-align: center; color:#fff; font-size:2em;}
.voie_min_title{ width:100%; text-align: center; color:#fff; font-size:1.2em; margin-top:40px;}
.p2p_left_model{margin-top:80px; width:50%; height:650px; float:left; background-image:url(../img/product/model_phone.png); background-position:10% 10%; background-size:66%; background-repeat: no-repeat;}

.p2p_right_content{ width:50%; float:right; height:650px; margin-top:80px; background-image:url(../img/product/p_1.png); background-repeat: no-repeat; background-size:40%; background-position:50% 50%;}
.p2p_right_left{ width:50%; float:left;  height:100%;}
.p2p_right_right{ width: 50%; float:left; height:100%;}
.p2p_right_left_top{ width:100%; text-align: left; height:50%; }



.p2p_p_2{width:70%; animation:myfirst 5s;     float:right;  height:100%; text-align: left; color:#fff;}
.p2p_p_3{width:70%; animation:myfirst 5s; animation-delay:  2s; float:right; height:100%; text-align: left; color:#fff;}
.p2p_p_4{width:70%; animation:myfirst 5s; animation-delay:  4s; margin:0 auto;  height:100%; text-align: left; color:#fff;}
.p2p_p_5{width:70%; animation:myfirst 5s;  animation-delay:  6s; margin:0 auto;  height:100%; text-align: right; color:#fff;}

.p_5_p2p{background-image:url(../img/product/p_5.png); background-repeat:no-repeat; background-position:100% 73%; height:100%; padding-top:80%; padding-right:18%; width:100%;}
.p_4_p2p{background-image:url(../img/product/p_4.png); background-repeat:no-repeat; background-position:100% 100%; width:75%; height:140px; padding-top:39%; padding-left:25%;}
.p_2_p2p{background-image:url(../img/product/p_2.png); background-repeat:no-repeat; background-position:10% 100%; width:100%; height:236px; padding-top:64%; padding-left:28%;}
.p_3_p2p{background-image:url(../img/product/p_3.png); background-repeat:no-repeat; background-position:22% 100%; width:100%; height:236px; padding-left:35%; padding-top:75%;}

@keyframes myfirst
{
0%   { opacity: 0;}
25%  {}
50%  {}
100% {}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   { opacity: 0;}
25%  {}
50%  {}
100% {}
}
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
0%   { opacity: 0;}
25%  {}
50%  {}
100% {}
}
}

@-o-keyframes myfirst /* Opera */
{
0%   { opacity: 0;}
25%  {}
50%  {}
100% {}

}


.audio_title{ width:100%; text-align: center; font-size:2em; }
.audio_title_min{ width:100%; text-align: center; font-size: 1.2em; margin-top:40px;}
.audio_content{ width:100%; margin:90px auto auto; height:600px; }
.audio_bg{ background-image:url(../img/product/audio_bg.png); background-size:40%; height:100%; background-position: 50% 50%; background-repeat: no-repeat;}
.audio_bg_div{ width:60%; margin:0 auto; height:100%;}
.audio_left{ width: 35%;  height:100%; float:left;}
.audio_mindel{ width: 30%; height:100%; float:left;}
.audio_right{ width: 35%;  height:100%; float:left;}

.audio_left_top{ width:100%; height:50%;}
.audio_left_bottom{ width:100%; height:50%; }

.audio_medil_top{ width:100%; height:33.3%; margin-top:-15px;}
.audio_yans{margin-top:10px;}
.audio_medil_midel{ width:100%; height:33.3%;}
.audio_medil_bottom{ width:100%; height:33.3%;}

.audio_right_top{ width:100%; height:50%; }
.audio_right_bottom{ width:100%; height:50%; }

.audio_left_left{ width:70%; float:left; height:100%; }
.audio_left_right{ width:29.9%; float:left;  height:100%;}

.audio_left_left p{ font-size:1.2em; font-weight: bold; margin-left:6px; text-align: center; margin-top:134px;}
.audio_left_left_text{width:70%; float:left;  height:100%; }
.audio_left_left_text p{ font-size:1.2em; font-weight: bold; text-align: center; margin-top:134px;}
.audio_left_left div{font-size:1.1em; margin-right: 80px;}
.audio_left_left_text div{font-size:1.1em; margin-right:10px;  width:80%;}

.audio_middel_title{font-size:1.2em; font-weight: bold; text-align: center; margin-top:-33px;}
.audio_medil_bottom p{ font-size:1.2em; font-weight: bold; text-align: center;  margin-top:20px;}
.audio_medil_bottom div,.audio_middel_title div{font-size:1.1em;}

.audio_right_left{ width:30%; float:left; height:100%; }
.audio_right_right{ width:69%; float:right;  height:100%;}
.audio_right_right p{font-size:1.2em; font-weight: bold; text-align: center; margin-top:134px;}
.audio_right_right div{width:80%; margin-left:74px; font-size:1.1em;}

.a_1{margin-top:130px;}
.a_2{margin-top:74px;}

.a_1 img,.a_2 img{vertical-align: middle; width:90%;}
.a_3_img{vertical-align: middle; width:30%; margin-top:0px;}
.a_5_img{vertical-align: middle; width:30%; margin-top:107px;}
.a_4{text-align: center; margin-top:7%;}
.a_4 img{ vertical-align: middle; width:60%; margin-top:34px;}
.a_6{margin-top:130px; text-align: right;}
.a_6 img , .a_7 img{vertical-align: middle; width:90%;}
.a_7{margin-top:70px; text-align: right;}

.l_y_bg{ width:100%; height:800px; background-image:url(../img/product/bg_l_y.png); background-size:100% 100%; background-repeat: no-repeat; }

.platform_title{ width:100%; text-align: center; font-size:2em; color:#fff; padding-top:80px;}
.platform_title_min{width:100%; text-align: center; font-size: 1.2em; margin-top:40px; color:#fff;}
.platform_yellow_bg{ background-image:url(../img/product/bg_yellow.png); color:#fff; font-size:0.8em; width:100%; height:600px; background-repeat: no-repeat; background-position: 50% 50%; }
.platform_logo_bg{ background-image:url(../img/product/youzaiyun.png); background-repeat: no-repeat; background-size:11%; width:80%; margin:0 auto; background-position: 47% 54%; height:100%; }
.platform_left{ width:50%; float:left;  height:100%;}
.platform_right{ width:49.5%; float:left;  height:100%;}

.platform_weixin{ width:100%; height:46%; }
.platform_huawei{ width:100%; height:54%; }
.platform_yidong{ width:100%; height:42%; }
.platform_xiaomi{ width:100%; height:30%; }

.platform_weixin_text{ width:73%; height:100%;  float:left; text-align: right; padding-top:20%; padding-right:20px;}
.platform_weixin_icon{ width:27%; height:100%;float:left; padding-top:17%; padding-left:12px;}

.platform_huawei_text{ width:64%; height:100%;  float:left; text-align: right; padding-right:20px; padding-top:20px;}
.platform_huawei_icon{ width:35.9%; height:100%;  float:left; padding-top:15px; }

.platform_yidong_text{ width:30%; height:100%; float:left; padding-top:18%; padding-right:34px; text-align: right;}
.platform_yidong_icon{ width:70%; height:100%; float:left; padding-top:22%;}

.platform_xiaomi_text{ width:32%; height:100%; float:left; text-align: right; padding-right:14px; padding-top:70px;}
.platform_xiaomi_icon{ width:27%; height:100%; float:left; padding-top:10%; padding-left:16px;}

.platform_ali{ width:100%; height:28%;}
.platform_ali_text{ padding-top:36px; padding-left:51px;  }
.platform_ali_icon{  padding-left:60px; padding-top:50px;}



.nav_item{z-index: 11; position: fixed; top:40%; right:40px;  width:50px; height:160px;}
.nav_fool1{ text-align: center; width:100%; height:40px; line-height: 40px; }


/***************1600px*********************/
.width_36{ width:93% !important;}



@keyframes btn_niu
{
0%   {width:88%; height:88%;}
25%  {width:90%; height:90%;}
50%  {width:100%; height:100%;}
100% {width:88%; height:88%;}
}

@-moz-keyframes btn_niu /* Firefox */
{
0%   {width:88%; height:88%;}
25%  {width:90%; height:90%;}
50%  {width:100%; height:100%;}
100% {width:88%; height:88%;}
}

@-webkit-keyframes btn_niu /* Safari 和 Chrome */
{
0%   {width:88%; height:88%;}
25%  {width:90%; height:90%;}
50%  {width:100%; height:100%;}
100% {width:88%; height:88%;}
}

@-o-keyframes btn_niu /* Opera */
{
0%   {width:88%; height:88%;}
25%  {width:90%; height:90%;}
50%  {width:100%; height:100%;}
100% {width:88%; height:88%;}

}
.h_100{ height:140px; width:140px; text-align: center;}


.zdx_btn{ animation:btn_niu 3s; animation-iteration-count:infinite;}
.platform{ animation:btn_niu 3s; animation-iteration-count:infinite;}
.audio_service{ animation:btn_niu 3s; animation-iteration-count:infinite;}
.p2p{ animation:btn_niu 3s; animation-iteration-count:infinite;}