@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px; }
body{ font-size:12px; font-family: "微软雅黑"; color:#525252; background:#fff;}
a { text-decoration:none;  outline:none; transition:all 0.2s; } 
a:hover{ text-decoration:none; }

img{ border:0;}
table{ margin:auto;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none; font-family: "微软雅黑";}
/*定义新型浏览器特性*/
::-webkit-scrollbar{width:0px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#fff}
::-webkit-scrollbar-thumb:vertical{background-color:#e6000c;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#e6000c}
::-webkit-scrollbar-corner:vertical{background-color:#e6000c}
::-webkit-scrollbar-resizer:vertical{background-color:#e6000c;}

.clear{ width:100%; height:0; font-size:0; line-height:0; clear:both;}



/*分页样式*/
.page_list{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-size:14px; width:100%; float:left;  margin-top:30px;} 
.page_list a{display:inline-block;color:#000;text-align:center;text-decoration:none; padding:2px 10px; margin:0px 3px; border:1px solid #e9e9e9; background-color:#f5f5f5; border-radius:4px;}
.page_list a:hover{color:#fff; border:1px solid #0adafa; background-color:#0adafa; -webkit-transition: all 0.4s ease-in-out;}
.page_list a.on{color:#fff; border:1px solid #0adafa;  background-color:#0adafa;}

/*内容分页*/
.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-size:14px; width:100%; float:left;margin-bottom:50px;} 
.contPage a{display:inline-block;color:#333333;text-align:center;text-decoration:none; padding:2px 10px; margin:0px 3px; border:2px solid #e5e5e5;}
.contPage a:hover{color:#2763ac; border:2px solid #2763ac; -webkit-transition: all 0.4s ease-in-out;}
.contPage a.on{color:#2763ac; border:2px solid #2763ac;}


 
/*头部*/
.header{ width:100%; height:95px;  position:absolute; top:0; z-index:999;}
.head_logo{ position:absolute; left:3%;height:95px; cursor:pointer; z-index:9; top:0;}
.head_logo img{ padding-top:26px;}


/*导航*/
.nav-box { width:1200px;height:95px; margin:auto; text-align: right;  position:relative;z-index:8; }
.nav-box ul li { display:inline-block;list-style:none; height:95px;}
.nav-box ul li a { display:block;font-size:16px; color:#fff; cursor:pointer; margin-left:55px; height:95px; line-height:95px;}
.nav-box ul li a:hover { color:#e60011;}
.nav-box ul li.cur a { color:#e60011;}
.nav-box .nav-line { position:absolute; left:0; bottom:0; height:2px; line-height:2px; font-size:0; width:52px; background:#0adafa;}


.nav1{ width:1000px; text-align:right; margin:auto;height:95px;}
.nav1 ul li{ display:inline-block;height:95px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; list-style:none;}
.nav1 ul li a:hover{color:#e60011;}
.nav1 ul li.active_li{color:#e60011;}
.nav1 ul li.active_li a{color:#e60011;}
.nav1 ul li a{ display:inline-block; font-size:16px; color:#fff; line-height:95px; height:95px; cursor:pointer; text-align: center; position:relative; z-index:99; margin-left:50px; overflow:hidden;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.nav1 ul li a span{position: relative;}
.nav1 ul li.contect_li{color:#e60011; }


.nav1 ul li.active_li .carte a{ margin-left:0px; height:235px; line-height:normal;}
.nav1 ul li .carte a{ margin-left:0px; height:235px; line-height:normal;}
.nav1 ul li.active_li .obstacle_tit a{ margin-left:0px; height:45px; line-height:normal;}
.nav1 ul li .obstacle_tit a{ margin-left:0px; height:45px; line-height:normal; width:100%; display:block; text-align:left;}
.nav1 ul li .obstacle_mune a{ margin-left:0px; height:32px; line-height:32px; width:100%; display:block; text-align:left;}
.nav1 ul li .obstacle_list a{ float:left; margin-left:0px; height:32px; line-height:32px; width:230px; display:block; text-align:left;}

.nav1 ul li.active_li .obstacle_tit a{ color:#fff;}
.nav1 ul li.active_li .obstacle_mune a{  color:#fff;}
.nav1 ul li.active_li .obstacle_list a{  color:#fff;}

.nav_1_warp{ width:100%; height: auto; background:#252525; overflow:hidden; position:absolute; left:0; z-index:999; display:none; top:95px;}
.carte{ width:100%; height:235px; text-align: center;}
.carte a{ display:inline-block; width:200px; height:235px; margin-left:0px;}
.carte a:hover{ background:url(../images/nav_05.jpg) no-repeat center; -webkit-transition: all 0.4s ease-in-out;}
.carte a:hover .carte_tit{ color:#e60011; font-weight:bold; -webkit-transition: all 0.4s ease-in-out;}
.carte_img{ width:100%; height:112px; text-align: center; padding-top:50px;}
.carte_img img{ text-align: center;}
.carte_tit{ width:100%; text-align: center; font-size:16px; color:#fff; height:55px; line-height:55px;}
.carte_img1{ width:100%; height:126px; text-align: center; padding-top:34px;}
.carte_img1 img{ text-align: center;}

.carte_img2{ width:100%; height:126px; text-align: center; padding-top:34px;}
.carte_img2 img{ text-align: center; padding-top:32px;}

.obstacle{ width:1200px; height:235px; margin:auto; padding-top:50px;}
.obstacle_left{ float:left; width:510px; height:235px;}
.obstacle_tit{ width:100%; height:45px; border-bottom:1px solid #3b3b3b;}
.obstacle_tit a{ display:block; font-size:18px; color:#fff; font-weight:bold; text-align:left;}
.obstacle_mune{ width:100%; height: auto; overflow:hidden; margin-top:15px;}
.obstacle_mune a{ display:block; font-size:16px; line-height:32px; color:#fff; text-align:left;}

.obstacle_right{ float:right; width:690px; height:235px;}
.obstacle_list{ width:690px; height:auto; overflow:hidden; margin-top:15px;}
.obstacle_list a{}


.nav{ width:1200px;height:102px; margin:auto; text-align: center;}
.nav a{ display:inline-block; text-align: center; font-size:18px; color:#fff; line-height:100px; border-bottom:2px solid rgba(255,255,255,0); height:100px; cursor:pointer; padding:0px 30px; position:relative; z-index:99;}
.nav a:hover{ color:#0adafa; border-bottom:2px solid #0adafa; -webkit-transition: all 0.4s ease-in-out;}
.nav a.nav_a{ color:#0adafa; border-bottom:2px solid #0adafa; }


.head_right{ position:absolute; right:3%; height:95px; line-height:95px; z-index:9999; top:0;}
.head_right a{ cursor:pointer;}
.head_right a:hover{ color:#0adafa; background-color:#fff; -webkit-transition: all 0.4s ease-in-out;}


.qiehuan{ position:absolute; right:8%; color:#fff; height:95px; line-height:95px; z-index:9999; top:0;}
.qiehuan a{ cursor:pointer; color:#fff; font-size:14px; padding:0px 5px;}
/*banner*/
.n_div{ width:100%; height:597px;}
.n_div_tit{ width:100%; height:52px; text-align: center;font-size:40px; color:#fff; font-weight:bold; padding-top:260px;}
.n_div_1{ width:100%; text-align: center; font-size:18px; color:#fff; height:55px; line-height:55px;}


/*底部*/
.footer{ width:100%; height:155px; background-color:#121212; margin:auto;}
.foot{ width:1200px; height:155px; margin:auto; position:relative;}
.foot_left{ float:left; width:800px; height:155px;}
.foot_1{ width:800px; height:30px; padding-top:45px;}
.foot_1 a{ display:inline-block; font-size:14px; color:#fff; height:30px; line-height:30px; cursor:pointer; margin-right:40px;}
.foot_1 a:hover{color:#e60011; -webkit-transition: all 0.4s ease-in-out;}
.foot_2{ width:100%; font-size:14px; color:#6b6b6b; height:40px; line-height:40px; }
.foot_right{ float:right; height:30px; margin-top:45px;}
.foot_3{ float:left; height:30px;}
.foot_3 a{ display:block; font-size:14px; color:#6b6b6b; height:30px; line-height:30px; background:url(../images/down_15.png) no-repeat left; padding-left:30px; cursor:pointer;}
.foot_3 a:hover{color:#fff; -webkit-transition: all 0.4s ease-in-out;}

.foot_4{ float:left; height:30px; margin-left:30px;}
.foot_4 a{ display:block; font-size:14px; color:#6b6b6b; height:30px; line-height:30px; background:url(../images/down_17.png) no-repeat left; padding-left:30px; cursor:pointer;}
.foot_4 a:hover{color:#fff; -webkit-transition: all 0.4s ease-in-out;}


/*服务支持*/
.mune_warp{ width:100%; background:url(../images/down_03.jpg) repeat-x; height:294px;}
.mune{ width:1200px; height:294px; margin:auto;}
.mune ul li{ float:left; width:400px; height:294px; list-style:none;}
.mune ul li a{ display:block; width:400px; height:294px;}
.mune ul li a:hover{ background-color:#d90010; -webkit-transition: all 0.4s ease-in-out;}
.mune ul li a:hover .mune_1_1{ display:none; -webkit-transition: all 0.4s ease-in-out;}
.mune ul li a:hover .mune_tit{ color:#fff; -webkit-transition: all 0.4s ease-in-out;}

.mune ul li a.mune_a{ background-color:#d90010; -webkit-transition: all 0.4s ease-in-out;}
.mune ul li a.mune_a .mune_1_1{ display:none; -webkit-transition: all 0.4s ease-in-out;}
.mune ul li a.mune_a .mune_tit{ color:#fff; -webkit-transition: all 0.4s ease-in-out;}

.mune_1{ width:100%; height:63px; text-align: center; overflow:hidden; padding-top:70px;}
.mune_1_1{ width:100%; height:63px; text-align: center;}
.mune_1_2{ width:100%; height:63px; text-align: center; }
.mune_tit{ width:100%; text-align: center; font-size:18px; color:#474747; font-weight:bold; height:65px; line-height:65px;}

.main{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:85px; padding-bottom:50px;}
.main_tit{ width:1200px; text-align: center; font-size:40px; color:#303030; height:52px;}
.main_con{ width:1200px; font-size:18px; color:#747474; text-align: center ; height:40px; line-height:40px;}
.main_xuan{ width:1200px; height:65px; margin-top:35px; text-align: center;}
.main_select{ font-size:18px; font-family:"微软雅黑"; color:#303030; width:275px; height:65px; background-color:#f0f0f0; padding-left:20px; border:none;}
.main_biao{ width:1185px; font-size:22px; color:#fff; background:url(../images/down_07.png) no-repeat left; height:50px; line-height:50px; padding-left:15px; margin-top:40px;}
.main_list{ width:1200px; height:auto; overflow:hidden; margin-top:15px;}
.main_list ul li{ width:1200px; height:67px; list-style:none; margin-bottom:15px;}
.main_list ul li a{ display:block; width:1200px; height:67px; background-color:#f0f0f0;}
.main_list ul li a:hover{ background-color:#e60011; -webkit-transition: all 0.4s ease-in-out;}
.main_list ul li a:hover .main_1{ color:#fff; -webkit-transition: all 0.4s ease-in-out;}
.main_1{ float:left; height:67px; line-height:67px; background:url(../images/down_11.png) no-repeat left; font-size:18px; color:#3c3c3c; margin-left:20px; padding-left:50px; width:850px;}
.main_2{ float:right; font-size:18px; color:#fff; text-align: center; width:145px; text-align: center; background-color:#2c2c2c; height:47px; margin:10px; line-height:47px;}

.serve_tit{ width:1200px; font-size:22px; color:#303030; height:115px; line-height:115px; margin-top:15px;}
.serve_list{ width:1200px; height:234px; overflow:hidden; margin-bottom:110px;}
.serve_list ul li{ float:left; width:300px; height:234px; list-style:none;}
.serve_list ul li a{ display:block; width:300px; height:234px; position:relative;}
.serve_list ul li:hover .serve_img img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.serve_list ul li a:hover .serve_bg{ opacity:0; -webkit-transition: all 0.4s ease-in-out;}
.serve_img{ width:300px; height:234px; overflow:hidden;}
.serve_img img{ width:300px; height:234px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.serve_bg{ width:300px; height:234px; position:absolute; top:0; background:url(../images/appl_32.png) no-repeat center top; font-size:30px; color:#fff; text-align: center; line-height:234px;}

.serve_entry{ width:1200px; height: auto; overflow:hidden; margin:auto; margin-bottom:80px;}
.serve_entry ul li{ float:left; width:400px; height:300px; list-style:none;}
.serve_entry ul li a{ display:block; width:400px; height:300px; position:relative;}
.serve_entry ul li:hover .serve_img1 img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.serve_entry ul li a:hover .serve_bg1{ opacity:0; -webkit-transition: all 0.4s ease-in-out;}
.serve_entry ul li a:hover .serve_bg2{ opacity:1; -webkit-transition: all 0.4s ease-in-out;}
.serve_img1{ width:400px; height:300px; overflow:hidden;}
.serve_img1 img{ width:400px; height:300px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.serve_bg1{ width:400px; height:300px; position:absolute; top:0; background:rgba(0,0,0,0.3) url(../images/appl_51.png) no-repeat center top; font-size:30px; color:#fff; text-align: center; line-height:300px;}
.serve_bg2{ width:400px; height:300px; background:url(../images/appl_53.png) no-repeat center; position:absolute; top:0; opacity:0;}
.entry_con{ width:346px; height:248px; margin:auto; padding-top:26px;}
.entry_1{ width:320px; margin:auto; font-size:30px; color:#fff; text-align: center; height:100px; line-height:100px; padding-top:10px;}
.entry_2{ text-align: center; font-size:14px; color:#fff; line-height:20px; width:280px; height:60px; overflow:hidden; margin:auto;}









.support{ width:1200px; height:auto; overflow:hidden; margin-top:15px; margin-bottom:30px;}
.support ul li{ width:1200px; height: auto; overflow:hidden; list-style:none; margin-bottom:10px;}
.support ul li:hover .support_1{ background-color:#e60011;-webkit-transition: all 0.4s ease-in-out;}
.support ul li:hover .main_1{ color:#fff;-webkit-transition: all 0.4s ease-in-out;    background: url(../images/down_111.png) no-repeat left;}

.support_lan .main_2 span.main_2_span1{ display:none;}
.support_lan .main_2 span.main_2_span2{ display: block; background-color:#e60011;}
.support_1{ width:1200px; height:67px; background-color:#f0f0f0;}
.main_2 span.main_2_span2{ display:none;}
.support_con{ font-size:16px; color:#313131; line-height:29px; padding:25px; width:1150px; height:auto; overflow:hidden; display:none;} 
.support_more{ width:1200px; text-align: center; height:70px;}
.support_more a{ font-size:18px; color:#313131; cursor:pointer; display:inline-block; width:100%; height:70px; text-align: center; line-height:70px;}
.support_more a:hover{color:#d90010; -webkit-transition: all 0.4s ease-in-out;}


/*行业应用*/
.n_div_tit1{ width: 100%; height: 52px; text-align: center; font-size: 40px; color: #fff; font-weight: bold;  padding-top: 220px;}
.n_div_2{ width:100%; text-align: center; font-size:18px; color:#fff; height: auto; overflow:hidden; line-height:30px; margin-top:30px;}
.n_div_more{ width:100%; text-align: center; margin-top:40px;}
.n_div_more a{ display:inline-block; width:170px; height:40px; border:2px solid rgba(255,255,255,0.5); border-radius:30px; text-align: center; line-height:40px; font-size:16px; color:#fff; cursor:pointer;}
.n_div_more a:hover{ background-color:#fff;color:#d90010; -webkit-transition: all 0.4s ease-in-out;}

.apply{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:25px; margin-bottom:80px;}
.apply_tit{ width:1200px; text-align: center; font-size:40px; color:#353535; height:180px; line-height:180px;}
.apply_more{ width:1200px; height:50px; text-align: center;}
.apply_more a{ display:block; width:185px; height:50px; text-align: center; font-size:16px; color:#fff; line-height:50px; background-color:#999; margin:auto; cursor:pointer;}
.apply_more a:hover{ background-color:#d90010; color:#fff;-webkit-transition: all 0.4s ease-in-out;}

.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #2098d1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #999;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
  color: white;
}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}


.draw_warp{ width:100%; background:url(../images/apply_16.jpg) no-repeat center; height:968px;}
.draw{ width:1200px; height:968px; margin:auto;}
.draw_tit{ width:1200px; text-align: center; font-size:40px; color:#353535; height:234px; line-height:234px;}
.draw_list{ width:875px; height:547px; margin-left:157px; margin-top:54px;}
.draw_list ul li{ float:left; list-style:none;}
.draw_list ul li.draw_list_li{ background-color:#e3e7e8;}
.draw_list ul li a{ display:block; overflow:hidden;}
.draw_list ul li a:hover{ background-color:#d9000b;-webkit-transition: all 0.4s ease-in-out;}
.draw_list ul li a:hover .draw_img_1{ display:none;-webkit-transition: all 0.4s ease-in-out;}
.draw_list ul li a:hover .draw_biao{ color:#fff;-webkit-transition: all 0.4s ease-in-out;}

.draw_img{ width:100%; height:62px; padding-top:32px; overflow:hidden;}
.draw_img_1{ width:100%; height:62px; text-align: center;}
.draw_img_2{ width:100%; height:62px; text-align: center;}
.draw_biao{ width:100%; text-align: center; font-size:22px; color:#383838; height:50px; line-height:50px;}

/*测绘行业*/
.main_warp{ width:100%; height:auto; overflow:hidden; margin:auto; padding-bottom:60px;}
.apply_tit1{ width:100%; text-align: center; font-size:40px; color:#353535; height:180px; line-height:180px;}
.lake_warp{ width:100%; height:120px; background-color:#f3f3f3;}
.lake{ width:1200px; height:120px; margin:auto;}
.lake ul li{ float:left; height:120px; list-style:none;}
.lake ul li a{ display:block; height:120px; overflow:hidden;}
.lake ul li a:hover{ background-color:#d9000b;-webkit-transition: all 0.4s ease-in-out;}
.lake ul li a:hover .lake_img_1{ display:none;-webkit-transition: all 0.4s ease-in-out;}
.lake ul li a:hover .lake_biao{ color:#fff;-webkit-transition: all 0.4s ease-in-out;}

.lake ul li a.lake_a{ background-color:#d9000b;-webkit-transition: all 0.4s ease-in-out;}
.lake ul li a.lake_a .lake_img_1{ display:none;-webkit-transition: all 0.4s ease-in-out;}
.lake ul li a.lake_a .lake_biao{ color:#fff;-webkit-transition: all 0.4s ease-in-out;}

.lake_img{ width:100%; height:35px; padding-top:17px; overflow:hidden;}
.lake_img_1{ width:100%; height:35px; text-align: center;}
.lake_img_1 img{ height:35px;}
.lake_img_2{ width:100%; height:35px; text-align: center;}
.lake_img_2 img{ height:35px;}
.lake_biao{ width:100%; text-align: center; font-size:18px; color:#353535; height:55px; line-height:55px;}

.lake_di{ width:100%; text-align: center; font-size:24px; color:#2b2b2b; height:145px; line-height:145px;}

/*联系我们*/
.splash_warp{ width:100%; height:67px; background-color:#353535;}
.splash{ width:1200px; height:67px; margin:auto;}
.splash_left{ float:left; height:67px; line-height:67px; font-size:16px; color:#fff;}
.splash_right{ float:right; height:67px;}
.splash_right a{ display:inline-block; font-size:14px; color:#fff; height:67px; line-height:67px; cursor:pointer; padding:0px 20px;}
.splash_right a:hover{background-color:#d90010;}
.splash_right a.splash_right_a{background-color:#d90010;}





.contact{ width:1200px; height:auto; overflow:hidden; margin:auto;}
.contact_tit{ width:1200px; height:180px; line-height:180px; text-align: center; margin:auto; font-size:40px; color:#444444;}
.contact_list{ width:1200px; height:auto; overflow:hidden; margin-top:30px;}
.contact_list ul li{ width:1200px; height:306px; list-style:none; margin-bottom:95px;}
.contact_img{ float:left; width:180px; height:180px; overflow:hidden; border-radius:50%; margin-top:47px;}
.contact_mid{ float:left; width:400px; height:270px; padding-top:30px; margin-left:20px;}
.contact_1{ width:100%; font-size:22px; color:#2d2d2d; height:45px; line-height:45px;}
.contact_2{ width:400px; height:auto; overflow:hidden; font-size:16px; color:#5d5d5d; line-height:30px; margin-top:20px;}
.contact_map{ float:right; width:573px; height:304px; overflow:hidden; border:1px solid #dbdbdb;}

.leave_warp{ width:100%; background:url(../images/contact_24.jpg) no-repeat center; height:540px;}
.leave{ width:1200px; height:540px; margin:auto;}
.leave_tit{ width:1200px; text-align: center; font-size:40px; color:#444444; height:140px; line-height:140px;}
.leave_biao{ width:1200px; font-size:22px; color:#4c4c4c; height:100px; line-height:100px;}
.leave_1{ width:1200px; height:auto; overflow:hidden; margin-bottom:20px;}
.leave_select{-moz-box-shadow:2px 2px 5px #dce1e4; -webkit-box-shadow:2px 2px 5px #dce1e4; box-shadow:2px 2px 5px #dce1e4; border:none; background-color:#fff; width:315px; height:45px; padding-left:15px; border-radius:30px; margin-right:15px; color:#666; font-size:14px; font-family:"微软雅黑";}
.leave_text{-moz-box-shadow:2px 2px 5px #dce1e4; -webkit-box-shadow:2px 2px 5px #dce1e4; box-shadow:2px 2px 5px #dce1e4; border:none; background-color:#fff; width:300px; height:45px; padding-left:15px; border-radius:30px;margin-right:15px; font-size:14px; font-family:"微软雅黑";}
.leave_btn{ font-size:16px; color:#fff; border:none; width:185px; height:40px; background-color:#d90010; border-radius:30px; font-family:"微软雅黑";}

/*新闻详情*/
.xiang{ width:1200px; height:69px; overflow:hidden; margin-top:38px;}
.xiang_tit{ float:left; border-left:3px solid #d90010; padding-left:20px; width:730px;}
.xiang_tit_1{ width:730px; font-size:22px; color:#383838; height:29px; overflow:hidden;}
.xiang_tit_2{ width:730px; font-size:14px; color:#5d5d5d; height:30px; line-height:30px; margin-top:10px;}
.xiang_tit_2 span{ padding:0px 13px;}

.xiang_right{ height:32px; float:right;}
.xiang_right a{ display:inline-block; font-size:12px; cursor:pointer; color:#373737; text-align: center; width:60px; height:30px; overflow:hidden; border:1px solid #616161; line-height:30px; border-radius:4px; margin-left:10px;}
.xiang_right a:hover{ background-color:#d90010; color:#fff; border:1px solid #d90010;transition: all 0.4s ease-in;}
.xiang_right a.xiang_right_a{ background: url(../images/about_05.png) no-repeat 10px; font-size:14px; color:#373737; padding-left:30px; padding-right:10px;}
.xiang_right a.xiang_right_a:hover{ background:#d90010 url(../images/about_051.png) no-repeat 10px; color:#fff; border:1px solid #d90010;transition: all 0.2s ease-in;}
.xiang_con{ width:1200px; height:auto; overflow:hidden; margin-top:60px; font-size:16px; color:#5d5d5d; line-height:30px; padding-bottom:95px; border-bottom:1px solid #dfdfdf;}

.groom{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:70px; margin-bottom:55px;}
.groom ul li{ float:left; width:280px; height:370px; list-style:none; margin-right:26px;}
.groom ul li.groom_li{ margin-right:0px;}
.groom ul li a{ display:block; width:280px; height:370px;}
.groom ul li a:hover .groom_img img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.groom ul li a:hover .groom_tit{ color:#d90010; -webkit-transition: all 0.4s ease-in-out;}
.groom ul li a:hover .groom_con{ color:#666; -webkit-transition: all 0.4s ease-in-out;}
.groom_img{ width:280px; height:197px; overflow:hidden;}
.groom_img img{ width:280px; height:197px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.groom_tit{ width:280px; text-align: center; font-size:16px; color:#434343; background:url(../images/xiang_21.jpg) no-repeat center bottom; height:80px; line-height:80px; margin-top:10px;}
.groom_con{ font-size:12px; color:#9b9b9b; text-align: center; height:44px; line-height:22px; overflow:hidden; width:245px; margin:auto; margin-top:10px;}

/*新闻*/
.news_warp{ width:1200px; height:auto; overflow:hidden;}
.news{ width:1200px; height:415px;}
.news_left{ float:left; width:592px; height:415px;}
.news_left a{ display:block; width:592px; height:415px; position:relative;}
.news_left a:hover .news_left_1 img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.news_left_1{ width:592px; height:415px; overflow:hidden;}
.news_left_1 img{ width:592px; height:415px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.news_left_2{ width:552px; font-size:22px; color:#fff; height:77px; line-height:77px; position:absolute; bottom:0; background-color:rgba(0,0,0,0.5); padding:0px 20px;}
.news_right{ float:right; width:590px; height:415px;}
.news_list{ width:590px; height:415px; overflow:hidden;}
.news_list ul li{ width:590px; height:127px; list-style:none; margin-bottom:17px;}
.news_list ul li a{ display:block; width:590px; height:127px;}
.news_list ul li a:hover .news_1{ color:#d90010; -webkit-transition: all 0.4s ease-in-out;}
.news_list ul li a:hover .news_img img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.news_img{ float:left; width:183px; height:127px; overflow:hidden;}
.news_img img{ width:183px; height:127px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.news_con{ float:right; width:390px; height:127px;}
.news_1{ width:390px; font-size:16px; color:#434343; height:21px; overflow:hidden;}
.news_2{ width:390px; font-size:18px; color:#3e3e3e; font-weight:bold; height:50px; line-height:50px;}
.news_3{ width:355px; font-size:14px; color:#828282; height:44px; line-height:22px; overflow:hidden;}
.news_more{ width:104px; margin:auto; margin-top:40px; text-align: center; height:40px; margin-bottom:55px;}
.news_more a{ display:block; font-size:16px; color:#cd0808; border:2px solid #d90010; width:100px; height:36px; text-align: center; line-height:36px; cursor:pointer;}

.button--ujarak {
	-webkit-transition: border-color 0.4s, color 0.4s;
	transition: border-color 0.4s, color 0.4s;
}
.button--ujarak::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #d90010;
	z-index: -1;
	opacity: 0;
	-webkit-transform: scale3d(0.7, 1, 1);
	transform: scale3d(0.7, 1, 1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--ujarak,
.button--ujarak::before {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--ujarak:hover {
	color: #fff;
	border-color: #d90010;
}
.button--ujarak:hover::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}



.dynamic_warp{ width:100%; height:637px; background-color:#f3f3f3;}
.dynamic_warp1{ width:100%; height:auto; overflow:hidden; background-color:#f3f3f3;}
.dynamic{ width:1200px; height:637px; margin:auto;}
.dynamic1{ width:1200px; height:auto; overflow:hidden; margin:auto;}
.dynamic_tit{ width:1200px; text-align: center; font-size:24px; color:#444444; height:120px; line-height:120px;}
.dynamic_list{ width:1200px; height:auto; overflow:hidden; margin:auto;  margin-bottom:55px;}
.dynamic_list ul li{ float:left; width:280px; height:370px; list-style:none; margin-right:26px; margin-bottom:20px;}
.dynamic_list ul li.dynamic_list_li{ margin-right:0px;}
.dynamic_list ul li a{ display:block; width:280px; height:370px; background-color:#fff;}
.dynamic_list ul li a:hover .groom_img img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.dynamic_list ul li a:hover .groom_tit{ color:#d90010; -webkit-transition: all 0.4s ease-in-out;}
.dynamic_list ul li a:hover .groom_con{ color:#666; -webkit-transition: all 0.4s ease-in-out;}

.trends{ width:1200px; height:360px; margin:auto; margin-top:20px; margin-bottom:50px;}
.trends_tit{ width:1200px; font-size:24px; color:#444444; height:110px; line-height:110px;}
.trends_tit a{ float:right; font-size:14px; color:#fff; font-family:Arial, Helvetica, sans-serif; width:70px; height:27px; background-color:#383842; text-align: center; line-height:27px; margin-top:50px; cursor:pointer;}
.trends_tit a:hover{ background-color:#d90010; -webkit-transition: all 0.4s ease-in-out;}

.trends_list{ width:1200px; height:250px;}
.trends_list ul li{ float:left; width:395px; height:250px; list-style:none; margin-right:7px;}
.trends_list ul li.trends_list_li{ margin-right:0px;}
.trends_list ul li a{ display:block; width:393px; height:248px; border:1px solid #dcdcdc;}
.trends_list ul li a:hover { border:1px solid #d90010; -webkit-transition: all 0.4s ease-in-out;}
.trends_list ul li a:hover .trends_1{ color:#d90010; -webkit-transition: all 0.4s ease-in-out;}

.trends_list ul li a:hover .trends_4{ background-color:#d90010; -webkit-transition: all 0.4s ease-in-out;}
.trends_1{ font-size:18px; color:#434343; width:333px; margin:auto; height:70px; line-height:70px;}
.trends_2{ width:333px; margin:auto; font-size:14px; color:#b1b1b1; font-family:Arial, Helvetica, sans-serif; height:40px; line-height:40px;}
.trends_3{ width:333px; margin:auto; font-size:14px; color:#444444; line-height:20px; height:60px; overflow:hidden;}
.trends_4{ margin-left:30px; font-size:12px; color:#fff; width:73px; height:27px; background-color:#383842; text-align: center; line-height:27px; margin-top:20px;} 

/*产品购买*/
.purchase{ width:1200px; height:auto; overflow:hidden; background-color:#fff; margin:auto;}
.purchase_tit{ width:1200px; text-align: center; font-size:26px; color:#353535; height:45px; line-height:45px; padding-top:45px;}
.purchase_con{ width:1200px; text-align: center; font-size:18px; color:#9a9a9a; height:40px; line-height:40px; margin-bottom:50px;}
.purchase_1{ width:1200px; height:50px; overflow:hidden; margin-bottom:25px;}
.purchase_zi{ float:left; font-size:16px; color:#323232; height:50px; line-height:50px; text-align:right; width:235px;}
.purchase_right{ float:right; width:930px; height:50px;}
.purchase_text{ background-color:#f8f8f8; height:48px; border:1px solid #e4e4e4; width:710px; padding-left:13px; font-size:14px;}
.purchase_right1{ float:right; width:930px; height:50px; font-size:16px; color:#323232; line-height:50px;}
.purchase_right1 span{ padding-left:5px; padding-right:60px;}
.purchase_2{ width:1200px; height:55px; padding-top:20px; text-align: center; margin-bottom:120px;}
.purchase_btn{ font-size:16px; color:#fff; border:none; width:175px; height:55px; background-color:#e60011; margin:auto; font-family:"微软雅黑";} 



/*关于我们*/
.brief_warp{ width:100%; height:auto; overflow:hidden; background:url(../images/about_03.jpg) repeat-x top;}
.brief{ width:1200px; height:auto; overflow:hidden; margin:auto;}
.brief_tit{ width:1200px; text-align: center; font-size:40px; color:#303030; height:180px; line-height:180px;}
.brief_img{ width:1200px; height:145px;}
.brief_con{ width:1200px; height:auto; overflow:hidden; font-size:16px; color:#4c4c4c; line-height:23px; margin-top:50px; padding-bottom:70px;}

.culture_warp{ width:100%; background:url(../images/about_10.jpg) no-repeat center; height:825px;}
.culture{ width:1200px; height:825px; margin:auto;}
.culture_tit{ width:1200px; text-align: center; font-size:40px; color:#303030; height:225px; line-height:225px;}
.culture_mune{ width:1200px; height:245px;}
.culture_mune a{ display:block; float:left; width:400px; height:245px; cursor:pointer;}
.culture_mune a:hover .culture_img{ background-color:#d90010; -webkit-transition: all 0.4s ease-in-out;}
.culture_mune a:hover .culture_img_1{ display:none;}
.culture_mune a:hover .culture_biao{ color:#d90010; -webkit-transition: all 0.4s ease-in-out;}

.culture_mune a.culture_mune_a .culture_img{ background-color:#d90010;}
.culture_mune a.culture_mune_a .culture_img_1{ display:none;}
.culture_mune a.culture_mune_a .culture_biao{ color:#d90010;}

.culture_img{ width:160px; height:160px; margin:auto; border-radius:50%; border:2px solid #d90010; overflow:hidden;}
.culture_img_1{ width:160px; height:160px;}
.culture_img_2{ width:160px; height:160px;}
.culture_biao{ width:100%; text-align: center; font-size:22px; color:#2e2e2e; height:70px; line-height:70px;}
.culture_con{ display:none; font-size:16px; color:#484848; line-height:32px; text-align: center; margin:auto; width:1110px; margin-top:40px;}

.event_warp{ width:100%; background:url(../images/about_11.jpg) no-repeat center; height:580px; padding:118px 0px;}

.course_bg{ width:100%; background:url(../images/course_02.png) no-repeat center -86px; height:550px; position:relative;}
.course_list{ width:1200px; height:550px; margin:auto; overflow:hidden;}
.course_list .swiper-container { width: 100%;height: 100%;overflow:hidden;}
.course_list .swiper-slide{}
.course-left { position:absolute;left:15%;color:#000001;font-size:40px;font-family:"宋体";top:48%;z-index:1; cursor:pointer;  font-weight:bold;}
.course-left:hover{ color:#d71718;-webkit-transition: all 0.4s ease-in-out;}
.course-right {position: absolute;top:48%;right:15%; color:#000001;font-size:40px; font-family:"宋体"; z-index:1; cursor:pointer; font-weight:bold;}
.course-right:hover{ color:#d71718;-webkit-transition: all 0.4s ease-in-out;}

.course_1{ width:300px; height:550px;}
.course_1_1{ width:300px; text-align: center; font-size:16px; color:#d71718; font-weight:bold; height:50px; line-height:26px;}
.course_1_2{ width:300px; text-align: center; height:104px; font-size:14px; color:#fff; line-height:26px; overflow:hidden;}
.course_1_3{ width:300px; text-align: center; font-size:24px; color:#c4151c; background: url(../images/course_03.png) no-repeat center top; font-family:fantasy; margin-top:32px; padding-top:115px; height:30px;}

.course_2_1{ width:300px; text-align: center; font-size:24px; color:#c4151c; background: url(../images/course_07.png) no-repeat center  bottom; font-family:fantasy; margin-top:239px; padding-bottom:115px; height:30px;}
.course_2_2{ width:300px; text-align: center; font-size:16px; color:#d71718; font-weight:bold; height:40px; line-height:40px; margin-bottom:10px;}





.aptitude_warp{ width:100%; height:870px; background-color:#f2f2f2;}
.aptitude{ width:100%; height:870px; margin:auto;}
.aptitude_tit{ width:100%; text-align: center; font-size:40px; color:#303030; height:200px; line-height:200px; padding-top:10px;}

.aptitude_list{ width:100%;height:595px; position:relative; overflow:hidden; margin:auto;}
.aptitude_list .swiper-container {  width: 100%; height: 100%; overflow:hidden; margin:auto;}
.aptitude_list .swiper-slide {-webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;-ms-transition: transform 1.0s;-o-transition: transform 1.0s;-webkit-transform: scale(0.7);transform: scale(0.7);}
.aptitude_list .swiper-slide-active,.swiper-slide-duplicate-active {-webkit-transform: scale(1.0);transform: scale(1.0); z-index:99;}
.aptitude_list .swiper-slide.swiper-slide-active .aptitude_bg{background:url(../images/about_22.png) no-repeat center bottom;background-size: 100% auto;}
.aptitude_list .swiper-slide.swiper-slide-active .aptitude_biao{ opacity:1;}

.aptitude_list .swiper-slide:hover .aptitude_biao{color:#cd0808;-webkit-transition: all 0.4s ease-in-out;}

.aptitude-prev { position:absolute; left:13%; top:31%; z-index:1100; cursor:pointer; font-size:46px; background-color:rgba(0,0,0,0.5); color:#fff; font-weight:bold;  font-family:"宋体"; width:72px; text-align: center; height:72px; line-height:72px;}
.aptitude-prev:hover{ background-color:#cd0808 ;-webkit-transition: all 0.4s ease-in-out;}
.aptitude-next {position: absolute; top:31%; right:13%; z-index:1100; cursor:pointer; font-size:46px; background-color:rgba(0,0,0,0.5); color:#fff; font-weight:bold; font-family:"宋体"; width:72px; text-align: center; height:72px; line-height:72px; }
.aptitude-next:hover{background-color:#cd0808;-webkit-transition: all 0.4s ease-in-out;}
 
.aptitude_bg{ width:100%; height:495px;}
.aptitude_img{ width:100%; height:430px; margin:auto; text-align: center;}
.aptitude_img img{ width:80%; height:auto; overflow:hidden;}
.aptitude_biao{ width:100%; height:100px; text-align: center; line-height:100px; font-size:22px; color:#363636; opacity:0;} 
 
 
 
 
 
 
.partner{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:40px; padding-bottom:90px;}
.partner_tit{ width:1200px; text-align: center; font-size:40px; color:#303030; height:170px; line-height:170px;}
.partner_all{ width:1200px; height:460px; position:relative;}
.partner_list{ width:1200px; height:400px; margin:auto;position:relative; overflow:hidden;}
.partner_list .swiper-container {  width: 100%; height:400px; overflow:hidden; margin:auto;}
.partner_list .swiper-slide{ overflow:hidden; height:200px;}
.paginationp{ position: absolute; bottom:10px; width:100%; z-index:10; margin:auto; text-align: center;}
.paginationp .swiper-pagination-bullet { display: inline-block; width:14px; height:14px; margin-right:5px; margin-left:5px; border-radius:50%; cursor: pointer; opacity: 1; background-color:#000;}
.paginationp .swiper-pagination-bullet-active{ background-color:#cd0808;}



/*faq*/
.faq{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:60px; padding-bottom:150px;}
.faq_left{ float:left; width:400px; height:auto; overflow:hidden; background:url(../images/faq_04.jpg) repeat-y left;}
.faq_mune{ width:400px; height:auto; overflow:hidden;}
.faq_mune a{ display:block; width:370px; font-size:18px; color:#868686; font-weight:bold; height:52px; line-height:52px; cursor:pointer; padding-left:30px;}
.faq_mune a:hover{ background:url(../images/faq_07.jpg) no-repeat left; color:#0adafa; -webkit-transition: all 0.4s ease-in-out;}
.faq_mune a.faq_mune_a{background:url(../images/faq_07.jpg) no-repeat left; color:#0adafa;}
.faq_right{ float:right; width:760px; height:auto; overflow:hidden;}

.invite{ width:760px; height:auto; overflow:hidden; margin:auto;}
.invite ul li{ width:760px; height:auto; overflow:hidden; list-style:none; cursor:pointer;}
.invite ul li:hover .invite_1{ color:#0adafa; background:url(../images/FAQ_14.png) no-repeat right; -webkit-transition: all 0.4s ease-in-out;}
.invite ul li:hover .invite_21{ background-color:#000e74; -webkit-transition: all 0.4s ease-in-out;}


.invite_1{ width:760px; height:66px; background: url(../images/FAQ_10.png) no-repeat right; font-size:17px; color:#3d3d3d; font-weight:bold; line-height:66px; border-bottom:1px solid #e8e8e8;}
.invite_lan{ width:760px; height:66px; color:#0adafa; background:url(../images/FAQ_14.png) no-repeat right;}
.invite_con{ width:730px; height:auto; overflow:hidden; border-bottom:1px solid #e8e8e8; background-color:#f3f7f8; padding:15px; display:none; font-size:16px; color:#3d3d3d; line-height:30px;}



/*测绘行业详情*/
.item{ width:1200px; height:auto; overflow:hidden; margin:auto;}
.item_tit{ width:1200px; text-align: center; font-size:40px; color:#353535; height:65px; line-height:65px;}
.item_biao{ width:1185px; background:url(../images/detail_03.png) no-repeat left; font-size:22px; color:#353535; font-weight:bold; padding-left:15px; height:75px; line-height:75px; margin-top:40px;}
.item_con{ width:1200px; height:auto; overflow:hidden; margin-top:25px; padding-bottom:155px;}
.item_left{ float:left; font-size:18px; color:#3f3f3f; line-height:30px; overflow:hidden; width:655px;} 
.item_right{ float:right; width:543px; height: auto; overflow:hidden; text-align: center;}

.parallel_warp{ width:100%; background:url(../images/detail_10.jpg) no-repeat center; height:719px;}
.parallel{ width:1200px; height:719px; margin:auto;}
.parallel_tit{ width:1200px; text-align: center; font-size:40px; color:#fff; height:200px; line-height:200px; margin-bottom:10px;}
.parallel_con{ width:1200px; height:417px; background:url(../images/detail1_03.png) no-repeat center;}
.parallel_left{ float:left; border:2px solid #d9000b; width:500px; height:298px; margin-top:52px;}
.parallel_1{ font-size:18px; color:#fff; font-weight:bold; width:460px; margin:auto; height:80px; line-height:80px;}
.parallel_2{ width:460px; margin:auto; height:auto; overflow:hidden;}
.parallel_2 span{ font-size:16px; color:#fff; height:39px; line-height:39px; background:url(../images/detail1_06.png) no-repeat left; padding-left:20px; width:440px; display:block; overflow:hidden;}
.parallel_right{ float:right; border:2px solid #d9000b; width:500px; height:413px; }   
.parallel_3{ width:460px; margin:auto; font-size:16px; color:#fff; opacity:0.4; line-height:26px; margin-bottom:40px;}

.usable{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:65px;}
.usable_tit{ width:1200px; text-align: center;font-size:40px; color:#353535; height:80px; line-height:80px;} 
.usable_biao{ width:1200px; text-align: center; font-size:21px; color:#323232; height:65px; line-height:65px;}
.usable_list{ width:1200px; height:475px; margin-top:40px;}
.usable_list ul li{ float:left; width:312px; height:475px; list-style:none; margin-right:132px;}
.usable_list ul li.usable_list_li{ margin-right:0px;}
.usable_img{ width:312px; height:214px;}
.usable_ti{ width:100%; text-align: center; font-size:22px; color:#323232; height:60px; line-height:60px; margin-top:15px; overflow:hidden;}
.usable_zong{ width:312px; height:26px;}
.usable_zi{ float:left; text-align:right; font-size:14px; color:#a6a6a6; font-weight:bold; width:60px; line-height:26px; height:26px;}
.usable_right{ float:right; width:240px; height:11px; background-color:#e6e6e6; margin-top:8px;}
.usable_right span{ display:block; background-color:#7a7a7a; height:11px; width:90%;}

.solve_warp{ width:100%; margin-top:60px; background:url(../images/detail_22.jpg) no-repeat center bottom; height:651px;}
.solve{ width:1200px; height:651px; margin:auto;}
.solve_tit{width:1200px; text-align: center;font-size:40px; color:#353535; height:160px; line-height:160px;}
.solve_all{ width:1200px; margin-top:35px; height:415px;}
.solve_left{ float:left; width:365px; height:415px;}
.solve_biao{ width:100%;  height: auto; overflow:hidden;}
.solve_biao a{ display:block; width:100%; height:45px; line-height:45px;font-size:18px; color:#fff; font-weight:bold; opacity:0.5; cursor:pointer;}
.solve_biao a:hover{ opacity:1;-webkit-transition: all 0.4s ease-in-out;}
.solve_biao a.solve_biao_a{ opacity:1;-webkit-transition: all 0.4s ease-in-out;}


.solve_nei{ width:100%; height:auto; overflow:hidden; font-size:18px; color:#fff; opacity:0.5; line-height:55px;}
.solve_right{ float:right; width:800px; height:415px; display:none;}
.solve_1{ width:100%; font-size:18px; color:#2e2e2e; font-weight:bold; height:45px; line-height:45px;}
.solve_2{ width:100%; font-size:14px; color:#d9000b; font-weight:bold; height:50px; line-height:50px;}
.solve_3{ width:100%; height:275px; overflow:hidden;}
.solve_3_left{ float:left; width:410px; height:auto; overflow:hidden;}
.solve_3_1{ width:100%;font-size:16px; color:#2e2e2e; line-height:26px; width:410px; height:156px; overflow:hidden;}
.solve_3_right{ float:right; width:370px; height: auto; overflow:hidden;}
.solve_3_right img{ max-width:100%; height:auto;}
.solve_4{ width:100%; height:40px;}
.solve_4 a{ display:block; font-size:16px; color:#2e2e2e; text-align: center; width:125px; height:40px; background-color:#ebae0b; line-height:40px; cursor:pointer;}
.solve_4 a:hover{ background-color:#d9000b; color:#fff;-webkit-transition: all 0.4s ease-in-out;}

.download{ width:1200px; height:95px; margin:auto; margin-top:130px; margin-bottom:100px;}
.download a{ display:block; width:1200px; height:95px; background-color:#e6e6e6; cursor:pointer;}
.download a:hover{ background-color:#d9000b;-webkit-transition: all 0.4s ease-in-out;}
.download a:hover .download_left{ background:url(../images/down_111.png) no-repeat left; color:#fff;-webkit-transition: all 0.4s ease-in-out;}
.download a:hover .download_right{ background:url(../images/detail_251.png) no-repeat right; color:#fff;-webkit-transition: all 0.4s ease-in-out;}
.download_left{ float:left; font-size:32px; color:#656565; font-family:Arial, Helvetica, sans-serif; background:url(../images/down_11.png) no-repeat left; margin-left:25px; padding-left:55px; width:940px; height:95px; line-height:95px;}
.download_right{ float:right; height:95px; line-height:95px; font-size:16px; color:#656565; background:url(../images/detail_25.png) no-repeat right; padding-right:22px; margin-right:20px;}


/*无人机*/
.n_divr{ display:none;}
.n_div1{ width:100%; height:1900px; overflow:hidden; position:relative;}
.splash_warp1{ width:100%; height:67px; background-color:#353535; position:absolute; top:95px;}
.nature{ width:1200px; height:auto; overflow:hidden; margin:auto;}
.nature_tit{ width:1200px; text-align: center; height:170px; line-height:170px; font-size:40px; color:#000001;}
.nature_mune{ width:1200px; height:70px; text-align:right;}
.nature_mune a{ display:inline-block; height:70px; line-height:70px; font-size:18px; color:#9a9a9a; font-weight:bold; margin:0px 20px; cursor:pointer;}
.nature_mune a:hover{ color:#d9000b;-webkit-transition: all 0.4s ease-in-out;}
.nature_mune a.nature_mune_a{ color:#d9000b;}
.nature_con{ width:1200px; height:515px; margin-top:25px; display:none;}
.nature_img{ float:left; width:600px; height: auto; overflow:hidden; text-align: center;}
.nature_img img{ padding-top:30px;}
.nature_right{ float:right; width:580px; height:515px;}
.nature_top{ width:580px; height:300px;}
.nature_nei{ float:left; width:265px; height:300px; background:url(../images/vehicle_04.png) no-repeat left top; font-size:16px; color:#000000; line-height:26px; padding-left:25px;} 
.nature_an{ width:100%; margin-top:80px; height:50px;}
.nature_an a{ display:inline-block; font-size:16px; color:#424242; width:180px; height:48px; text-align: center; line-height:48px; border:1px solid #393939; margin-right:7px; cursor:pointer;} 
.nature_an a:hover{ background-color:#d9000b; border:1px solid #d9000b; color:#fff;-webkit-transition: all 0.4s ease-in-out;}

.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: #d90010;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  border-radius: 100%;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
  color: white;
}
.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}


.sky_warp{ width:100%; height:770px;}
.sky{ width:1200px; height:770px; margin:auto;}
.sky_1{ width:1200px; font-size:50px; color:#ffffff; font-weight:bold; height:100px; line-height:100px; padding-top:200px;}
.sky_2{ width:1200px; font-size:36px; color:#fff; height:65px; line-height:65px;}
.sky_3{ width:1200px; font-size:18px; color:#fff; line-height:27px; margin-top:50px;}

.trait{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:40px;}
.trait_tit{ width:1200px; text-align: center; height:145px; line-height:145px; font-size:40px; color:#000001;}
.trait_con{ width:1200px; height:570px; position:relative; margin-bottom:105px;}
.trait_img{ width:1200px; height:570px;}
.trait_1{ height:48px; background:url(../images/vehicle_21.png) no-repeat left; padding-left:47px; width:850px; overflow:hidden; position: absolute; right:0; top:0; z-index:9;}
.trait_1:hover{ background:url(../images/vehicle_17.png) no-repeat left;}
.trait_1:hover span{ background-color:#eb1111; color:#fff;-webkit-transition: all 0.4s ease-in-out;}
.trait_1 span{ display:inline-block; font-size:17px; color:#313131; background-color:#f1f1f1; border-radius:30px; padding:0px 15px; height:48px; line-height:48px;}

.trait_2{ height:48px; background:url(../images/vehicle_21.png) no-repeat left; padding-left:40px; width:740px; overflow:hidden; position: absolute; right:0; top:80px; z-index:9;}
.trait_2:hover{ background:url(../images/vehicle_17.png) no-repeat left;}
.trait_2:hover span{ background-color:#eb1111; color:#fff;-webkit-transition: all 0.4s ease-in-out;}
.trait_2 span{ display:inline-block; font-size:17px; color:#313131; background-color:#f1f1f1; border-radius:30px; padding:0px 15px; height:48px; line-height:48px;}

.trait_3{ height:48px; background:url(../images/vehicle_21.png) no-repeat left; padding-left:40px; width:685px; overflow:hidden; position: absolute; right:0; top:172px; z-index:9;}
.trait_3:hover{ background:url(../images/vehicle_17.png) no-repeat left;}
.trait_3:hover span{ background-color:#eb1111; color:#fff;-webkit-transition: all 0.4s ease-in-out;}
.trait_3 span{ display:inline-block; font-size:17px; color:#313131; background-color:#f1f1f1; border-radius:30px; padding:0px 15px; height:48px; line-height:48px;}

.trait_4{ height:48px; background:url(../images/vehicle_21.png) no-repeat left; padding-left:40px; width:670px; overflow:hidden; position: absolute; right:0; top:262px; z-index:9;}
.trait_4:hover{ background:url(../images/vehicle_17.png) no-repeat left;}
.trait_4:hover span{ background-color:#eb1111; color:#fff;-webkit-transition: all 0.4s ease-in-out;}
.trait_4 span{ display:inline-block; font-size:17px; color:#313131; background-color:#f1f1f1; border-radius:30px; padding:0px 15px; height:48px; line-height:48px;}

.trait_5{ height:48px; background:url(../images/vehicle_21.png) no-repeat left; padding-left:40px; width:680px; overflow:hidden; position: absolute; right:0; top:350px; z-index:9;}
.trait_5:hover{ background:url(../images/vehicle_17.png) no-repeat left;}
.trait_5:hover span{ background-color:#eb1111; color:#fff;-webkit-transition: all 0.4s ease-in-out;}
.trait_5 span{ display:inline-block; font-size:17px; color:#313131; background-color:#f1f1f1; border-radius:30px; padding:0px 15px; height:48px; line-height:48px;}

.trait_6{ height:48px; background:url(../images/vehicle_21.png) no-repeat left; padding-left:40px; width:730px; overflow:hidden; position: absolute; right:0; top:438px; z-index:9;}
.trait_6:hover{ background:url(../images/vehicle_17.png) no-repeat left;}
.trait_6:hover span{ background-color:#eb1111; color:#fff;-webkit-transition: all 0.4s ease-in-out;}
.trait_6 span{ display:inline-block; font-size:17px; color:#313131; background-color:#f1f1f1; border-radius:30px; padding:0px 15px; height:48px; line-height:48px;}

.trait_7{ height:48px; background:url(../images/vehicle_21.png) no-repeat left; padding-left:40px; width:840px; overflow:hidden; position: absolute; right:0; bottom:0px; z-index:9;}
.trait_7:hover{ background:url(../images/vehicle_17.png) no-repeat left;}
.trait_7:hover span{ background-color:#eb1111; color:#fff;-webkit-transition: all 0.4s ease-in-out;}
.trait_7 span{ display:inline-block; font-size:17px; color:#313131; background-color:#f1f1f1; border-radius:30px; padding:0px 15px; height:48px; line-height:48px;}

.factor_warp{ width:100%; height:855px; background-color:#000001;}
.factor{ width:1200px; height:855px; margin:auto;}
.factor_tit{ width:1200px; font-size:40px; color:#fff; text-align: center; line-height:80px; height:80px; padding-top:55px;}
.factor_mune{ width:1200px; text-align: center; height:71px;}
.factor_mune a{ display:inline-block; font-size:18px; color:#9a9a9a; font-weight:bold; height:70px; line-height:70px; border-bottom:1px solid #9a9a9a; padding:0px 17px; cursor:pointer;}
.factor_mune a:hover{ color:#d9000b; border-bottom:1px solid #d9000b;-webkit-transition: all 0.4s ease-in-out;}
.factor_mune a.factor_mune_a{ color:#d9000b; border-bottom:1px solid #d9000b;}
.factor_con{ width:1200px; height:490px; margin-top:38px; display:none;}
.factor_list{ width:1200px; height:490px;}
.factor_list ul li{ width:1200px; height:auto; overflow:hidden; list-style:none;}
.factor_1{ width:1200px; height:50px; background-color:#474747; margin-bottom:15px;}
.factor_1_1{ float:left; width:400px; font-size:16px; color:#cbcbcb; font-weight:bold; height:50px; line-height:50px; text-align: center;}
.factor_2{ width:1200px; height:33px;}
.factor_2_1{ float:left; width:400px; font-size:14px; color:#fff; height:33px; line-height:33px; text-align: center;}
 
.factor_more{ width:100%; margin-top:33px; height:50px; text-align: center;}
.factor_more a{ display:inline-block; font-size:16px; color:#fff; width:180px; height:48px; text-align: center; line-height:48px; border:1px solid #fff; margin-right:7px; cursor:pointer;} 
.factor_more a:hover{ background-color:#d9000b; border:1px solid #d9000b; color:#fff;-webkit-transition: all 0.4s ease-in-out;}


/*F-Fans*/
.drive{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:20px;}
.drive_tit{ width:1200px; font-size:40px; color:#282828; text-align: center; line-height:180px; height:180px;}
.drive_nie{ margin: auto; font-size:16px; color:#414141; line-height:33px; text-align: center; width:1150px; height: auto; overflow:hidden; padding-bottom:50px;}
.drive_con{ width:1200px; height:auto; overflow:hidden; margin-bottom:60px;}
.drive_img{ float:left; width:600px; height:400px;}
.drive_right{ float:right; width:585px; height:auto; overflow:hidden;}
.drive_te{ width:585px; font-size:20px; font-weight:bold; color:#414141; height:45px; line-height:45px;}
.drive_rong{ width:585px; height:auto; overflow:hidden; margin-top:30px;}
.drive_rong span{ display:block; height:auto; overflow:hidden; font-size:16px; color:#414141; background:url(../images/detail1_06.png) no-repeat left 10px; padding-left:30px; width:555px; line-height:24px; padding-bottom:20px;}

.typical_warp{ width:100%; height:770px; background-color:#000001;}
.typical_warp1{ width:100%; height:770px; background-color:#e3e7e8;}
.typical{ width:1200px; height:770px; margin:auto;}
.typical_tit{ width:1200px; text-align: center; font-size:40px; color:#fff; font-weight:bold; background:url(../images/fans_08.jpg) no-repeat center bottom; height:125px; line-height:125px; padding-top:40px;}
.typical_tit1{ width:1200px; text-align: center; font-size:40px; color:#3a3a3a; font-weight:bold; background:url(../images/fans_08.jpg) no-repeat center bottom; height:125px; line-height:125px; padding-top:40px;}

.typical_all{ width:1200px; height:380px; margin-top:87px; position:relative;}

.typical_list{ width:1200px; height:380px; overflow:hidden;}
.typical_list .swiper-container {  width: 100%; height: 100%; overflow:hidden; margin:auto;}
.typical_list .swiper-slide{ overflow:hidden;}
.typical_list .swiper-slide a{ display:block; width:383px; height:380px; margin:auto;}
.typical_list .swiper-slide a:hover .typical_img img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}


.typical_list .swiper-slide a:hover .typical_img1 img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}


.typical_list .swiper-slide a:hover .typical_biao{ color:#d9000b; -webkit-transition: all 0.4s ease-in-out;}
.typical_list .swiper-slide a:hover .typical_biao1{ color:#d9000b; -webkit-transition: all 0.4s ease-in-out;}



.typical-left { position:absolute;left:-7%;color:#fff;font-size:34px;font-family:"宋体";top:130px;z-index:1; cursor:pointer; }
.typical-left:hover{ color:#d9000b;-webkit-transition: all 0.4s ease-in-out; }
.typical-right {position: absolute;top:130px;right:-7%; color:#fff;font-size:34px; font-family:"宋体"; z-index:1; cursor:pointer; }
.typical-right:hover{ color:#d9000b;-webkit-transition: all 0.4s ease-in-out; }




.typical_img{ width:375px; height:268px; overflow:hidden; margin:auto; margin-top: 3px;}
.typical_img img{ width:375px; height:268px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}

.typical_img1{ width:375px; height:268px; overflow:hidden; border:1px solid #cf0c0c margin-top: 3px;;}
.typical_img1 img{ width:375px; height:268px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}

.typical_biao{ width:383px; text-align: center; font-size:16px; color:#fff; height:70px; line-height:70px;}
.typical_biao1{ width:383px; text-align: center; font-size:16px; color:#3a3a3a; height:70px; line-height:70px;}
.typical_more{ width:1200px; text-align: center; margin-top:35px; height:50px;}
.typical_more a{ display:inline-block; border:1px solid #fff; font-size:16px; width:180px; height:48px; line-height:48px; color:#fff; text-align: center; border:1px solid #3d3d3d; cursor:pointer;}
.typical_more a:hover{ color:#fff; background-color:#d9000b; border:1px solid #d9000b; -webkit-transition: all 0.4s ease-in-out;}
.typical_more1{ width:1200px; text-align: center; margin-top:35px; height:50px;}
.typical_more1 a{ display:inline-block; border:1px solid #fff; font-size:16px; width:180px; height:48px; line-height:48px; color:#3a3a3a; text-align: center; border:1px solid #3d3d3d; cursor:pointer;}
.typical_more1 a:hover{ color:#fff; background-color:#d9000b; border:1px solid #d9000b; -webkit-transition: all 0.4s ease-in-out;}

canvas#canvas {  position: absolute; top: 0;}


.shi{ width:1200px; height:655px; margin:auto; margin-top:105px;}
.shi:hover img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.shi img{ width:1200px; height:655px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.8s ease-in;-moz-transition: all 0.8s ease-in;-o-transition: all 0.8s ease-in;-ms-transition: all 0.8s ease-in;transition: all 0.8s ease-in;}

.scatter_warp{ width:100%; height:855px; background-color:#000001; }
.scatter{ width:1200px; height:855px; margin:auto;}
.scatter_tit{ width:1200px; text-align: center; font-size:40px; color:#fff; font-weight:bold; height:200px; line-height:200px;}
.scatter_con{ width:1200px; height:465px; margin-top:60px; display:none;}
.scatter_con1{ width:1200px; height:465px; margin-top:60px; display:none;}
.scatter_img{ float:left; width:580px; height:396px; position:relative;}
.scatter_img1{ float:left; width:580px; height:396px; position:relative;  background:url(../images/kong_03.png) no-repeat center bottom;}

.scatter_xiao .video_border{  animation: video_border1 0.5s forwards;  -moz-animation: video_border1 0.5s forwards; -ms-animation: video_border1 0.5s forwards;}
.scatter_xiao .scatter_xiang{  animation: video_border1 0.8s 0.5s forwards;  -moz-animation: video_border1 0.8s 0.5s forwards; -ms-animation: video_border1 0.8s 0.5s forwards;}

.scatter_xiao .wrapper{  animation: wrapperxiao 0.8s 0.7s forwards;  -moz-animation: wrapperxiao 0.8s 0.7s forwards; -ms-animation: wrapperxiao 0.8s 0.7s forwards;}

.scatter_xiao .step0{ animation: step0_add_pc1 0.6s 1s forwards;  -moz-animation: step0_add_pc1 0.6s 1s forwards; -ms-animation: step0_add_pc1 0.6s 1s forwards;}
.scatter_xiao .step0 .meter{  animation: video_border1 0.6s 1.5s forwards;  -moz-animation: video_border1 0.6s 1.5s forwards; -ms-animation: video_border1 0.6s 1.5s forwards;}

.scatter_xiao .step1{ animation: step_add_pc_common1 0.6s 2s forwards;  -moz-animation: step_add_pc_common1 0.6s 2s forwards; -ms-animation: step_add_pc_common1 0.6s 2s forwards;}
.scatter_xiao .step1 .meter{  animation: video_border1 0.6s 2.5s forwards;  -moz-animation: video_border1 0.6s 2.5s forwards; -ms-animation: video_border1 0.6s 2.5s forwards;}
.scatter_xiao .step1 img{  animation: video_border1 0.6s 2.5s forwards;  -moz-animation: video_border1 0.6s 2.5s forwards; -ms-animation: video_border1 0.6s 2.5s forwards;}

.scatter_xiao .step2{ animation: step_add_pc_common1 0.6s 3s forwards;  -moz-animation: step_add_pc_common1 0.6s 3s forwards; -ms-animation: step_add_pc_common1 0.6s 3s forwards;}
.scatter_xiao .step2 .meter{  animation: video_border1 0.6s 3.5s forwards;  -moz-animation: video_border1 0.6s 3.5s forwards; -ms-animation: video_border1 0.6s 3.5s forwards;}
.scatter_xiao .step2 img{  animation: video_border1 0.6s 3.5s forwards;  -moz-animation: video_border1 0.6s 3.5s forwards; -ms-animation: video_border1 0.6s 3.5s forwards;}

.scatter_xiao .step4{ animation: step_add_pc_common1 0.6s 4s forwards;  -moz-animation: step_add_pc_common1 0.6s 4s forwards; -ms-animation: step_add_pc_common1 0.6s 4s forwards;}
.scatter_xiao .step4 .meter{  animation: video_border1 0.6s 4.5s forwards;  -moz-animation: video_border1 0.6s 4.5s forwards; -ms-animation: video_border1 0.6s 4.5s forwards;}
.scatter_xiao .step4 img{  animation: video_border1 0.8s 4.5s forwards;  -moz-animation: video_border1 0.6s 4.5s forwards; -ms-animation: video_border1 0.6s 4.5s forwards;}

.scatter_xiao .step5{ animation: step_add_pc_common1 0.6s 5s forwards;  -moz-animation: step_add_pc_common1 0.6s 5s forwards; -ms-animation: step_add_pc_common1 0.6s 5s forwards;}
.scatter_xiao .step5 .meter{  animation: video_border1 0.6s 5.5s forwards;  -moz-animation: video_border1 0.6s 5.5s forwards; -ms-animation: video_border1 0.6s 5.5s forwards;}
.scatter_xiao .step5 img{  animation: video_border1 0.6s 5.5s forwards;  -moz-animation: video_border1 0.6s 5.5s forwards; -ms-animation: video_border1 0.6s 5.5s forwards;}



.scatter_xiang{ width:45px; height:37px; position:absolute; top:152px; left:35px; opacity:0;}

.wrapper { position: absolute; top:65px; left:55px;/* width:475px;*/ width:0px; height: 269px; background: url(../images/kong1_03.png) no-repeat left;}
@keyframes wrapperxiao{ from {width:0px;} to {width: 478px;} }

.container{ position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%);  }
.video_border{  display: block; width: 100%; opacity:0}
@keyframes video_border1{ from {opacity:0;} to {opacity: 1;} }


.step0{ width:1px;  height:0px; position: absolute;border-left: 1px dashed #e72420; top:39%;}
.meter{  position: absolute;  bottom:-34px; font-size: 12px; opacity:0; width:33px; text-align: center;height:34px; line-height:34px; color: #e72420; left:-18px; font-weight:bold;}  
.step0.addheight{   animation: step0_add_pc1 0.6s 5s forwards;  -moz-animation: step0_add_pc1 0.6s 5s forwards; -ms-animation: step0_add_pc1 0.6s 5s forwards; }

@keyframes step0_add_pc1{ from {height: 0px;} to {height: 165px;} }


.step1{ width: 1px; height:0px; border-left: 1px dashed #e72420; position: absolute; left:24px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%); transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%;}
.step1.addheight{ animation: step_add_pc_common1 0.6s forwards; -moz-animation: step_add_pc_common1 0.6s forwards;  -ms-animation: step_add_pc_common1 0.6s forwards; }
.step1 img{  position: absolute;  width:41px; height:41px; top: -30px; left: -22px;  opacity:0; }
.step1 .meter{  position: absolute; bottom:-34px; font-size: 12px; opacity:0; color: #e72420; }  

@keyframes step_add_pc_common1{ from {height: 0px;} to {height: 270px;}}

.step2{  width: 1px; height:0px;  border-left: 1px dashed #e72420; position: absolute; left: 103px;top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%;}
.step2.addheight{ animation: step_add_pc_common1 0.6s 0.6s forwards;-webkit-animation: step_add_pc_common1 0.6s 0.6s forwards;  -moz-animation: step_add_pc_common1 0.6s 0.6s forwards; -ms-animation: step_add_pc_common1 0.6s 0.6s forwards;}
.step2 img{ position:absolute;  width:41px; height:41px; top: -30px; left: -22px;  opacity:0;}
.step2 .meter{ position: absolute; font-size: 12px; opacity: 0; color: #e72420; }  

.step3{ width: 1px;height:0px; border-left: 1px dashed #e72420; position: absolute; left:155px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; }
.step3.addheight{  animation: step_add_pc_common1 0.6s 1.2s forwards; -webkit-animation: step_add_pc_common1 0.6s 1.2s forwards; -moz-animation: step_add_pc_common1 0.6s 1.2s forwards; -ms-animation: step_add_pc_common1 0.6s 1.2s forwards; }
.step3 img{ position: absolute;  width:41px; top: -30px; left: -22px;  opacity: 0;}
.step3 .meter{ position: absolute; font-size: 12px; opacity:0; color: #e72420; } 

.step4{ width: 1px; height:0px; border-left: 1px dashed #e72420; position: absolute; left:195px;top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; }
.step4.addheight{  animation: step_add_pc_common1 0.6s 1.2s forwards; -webkit-animation: step_add_pc_common1 0.6s 1.2s forwards; -moz-animation: step_add_pc_common1 0.6s 1.2s forwards; -ms-animation: step_add_pc_common1 0.6s 1.2s forwards; }
.step4 img{ position: absolute;  width:41px; top: -30px; left: -22px;  opacity: 0;}
.step4 .meter{ position: absolute; font-size: 12px; opacity:0; color: #e72420; } 

.step5{ width: 1px; height:0px; border-left: 1px dashed #e72420; position: absolute; left:395px; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%;}
.step5.addheight{  animation: step_add_pc_common1 0.6s 1.2s forwards; -webkit-animation: step_add_pc_common1 0.6s 1.2s forwards; -moz-animation: step_add_pc_common1 0.6s 1.2s forwards; -ms-animation: step_add_pc_common1 0.6s 1.2s forwards; }
.step5 img{ position: absolute;  width:41px; top: -30px; left: -22px;  opacity:0;}
.step5 .meter{ position: absolute; font-size: 12px; opacity:0; color: #e72420; } 



.scatter_xiao .video_border{  animation: video_border1 0.5s forwards;  -moz-animation: video_border1 0.5s forwards; -ms-animation: video_border1 0.5s forwards;}
.scatter_xiao .scatter_xiang1{  animation: video_border1 0.8s 0.5s forwards;  -moz-animation: video_border1 0.8s 0.5s forwards; -ms-animation: video_border1 0.8s 0.5s forwards;}

.scatter_xiao .wrapper1{  animation: wrapperxiao1 0.8s 0.7s forwards;  -moz-animation: wrapperxiao1 0.8s 0.7s forwards; -ms-animation: wrapperxiao1 0.8s 0.7s forwards;}

.scatter_xiao .g0{ animation: step0_add_pc2 0.6s 1s forwards;  -moz-animation: step0_add_pc2 0.6s 1s forwards; -ms-animation: step0_add_pc2 0.6s 1s forwards;}
.scatter_xiao .g0 .meter{  animation: video_border1 0.6s 1.5s forwards;  -moz-animation: video_border1 0.6s 1.5s forwards; -ms-animation: video_border1 0.6s 1.5s forwards;}

.scatter_xiao .g1{ animation: step_add_pc_common1 0.6s 2s forwards;  -moz-animation: step_add_pc_common1 0.6s 2s forwards; -ms-animation: step_add_pc_common1 0.6s 2s forwards;}
.scatter_xiao .g1 .meter{  animation: video_border1 0.6s 2.5s forwards;  -moz-animation: video_border1 0.6s 2.5s forwards; -ms-animation: video_border1 0.6s 2.5s forwards;}
.scatter_xiao .g1 img{  animation: video_border1 0.6s 2.5s forwards;  -moz-animation: video_border1 0.6s 2.5s forwards; -ms-animation: video_border1 0.6s 2.5s forwards;}

.scatter_xiao .g2{ animation: step_add_pc_common1 0.6s 3s forwards;  -moz-animation: step_add_pc_common1 0.6s 3s forwards; -ms-animation: step_add_pc_common1 0.6s 3s forwards;}
.scatter_xiao .g2 .meter{  animation: video_border1 0.6s 3.5s forwards;  -moz-animation: video_border1 0.6s 3.5s forwards; -ms-animation: video_border1 0.6s 3.5s forwards;}
.scatter_xiao .g2 img{  animation: video_border1 0.6s 3.5s forwards;  -moz-animation: video_border1 0.6s 3.5s forwards; -ms-animation: video_border1 0.6s 3.5s forwards;}

.scatter_xiao .g3{ animation: step_add_pc_common1 0.6s 4s forwards;  -moz-animation: step_add_pc_common1 0.6s 4s forwards; -ms-animation: step_add_pc_common1 0.6s 4s forwards;}
.scatter_xiao .g3 .meter{  animation: video_border1 0.6s 4.5s forwards;  -moz-animation: video_border1 0.6s 4.5s forwards; -ms-animation: video_border1 0.6s 4.5s forwards;}
.scatter_xiao .g3 img{  animation: video_border1 0.8s 4.5s forwards;  -moz-animation: video_border1 0.6s 4.5s forwards; -ms-animation: video_border1 0.6s 4.5s forwards;}

.scatter_xiao .g4{ animation: step_add_pc_common1 0.6s 5s forwards;  -moz-animation: step_add_pc_common1 0.6s 5s forwards; -ms-animation: step_add_pc_common1 0.6s 5s forwards;}
.scatter_xiao .g4 .meter{  animation: video_border1 0.6s 5.5s forwards;  -moz-animation: video_border1 0.6s 5.5s forwards; -ms-animation: video_border1 0.6s 5.5s forwards;}
.scatter_xiao .g4 img{  animation: video_border1 0.6s 5.5s forwards;  -moz-animation: video_border1 0.6s 5.5s forwards; -ms-animation: video_border1 0.6s 5.5s forwards;}


.scatter_xiang1{ width:45px; height:37px; position:absolute; top:176px; left:60px; opacity:0;}
.wrapper1 { position: absolute; top:67px; left:81px;/* width:475px;*/ width:0px; height: 261px; background: url(../images/g_03.png) no-repeat left;}
@keyframes wrapperxiao1{ from {width:0px;} to {width: 466px;} }


.g0{ width:1px;  height:0px; position: absolute;border-left: 1px dashed #e72420; top:48.2%;} 
.g0.addheight{   animation: step0_add_pc1 0.6s 5s forwards;  -moz-animation: step0_add_pc1 0.6s 5s forwards; -ms-animation: step0_add_pc1 0.6s 5s forwards; }

@keyframes step0_add_pc2{ from {height: 0px;} to {height: 140px;} }
@keyframes step0_add_pc1{ from {height: 0px;} to {height: 165px;} }
@keyframes step_add_pc_common1{ from {height: 0px;} to {height: 270px;}}


.g1{ width: 1px; height:0px; border-left: 1px dashed #e72420; position: absolute; left:24px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%); transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%;}
.g1.addheight{ animation: step_add_pc_common1 0.6s forwards; -moz-animation: step_add_pc_common1 0.6s forwards;  -ms-animation: step_add_pc_common1 0.6s forwards; }
.g1 img{  position: absolute;  width:41px; height:41px; top: -30px; left: -22px;  opacity:0; }
.g1 .meter{  position: absolute; bottom:-34px; font-size: 12px; opacity:0; color: #e72420; }  

.g2{  width: 1px; height:0px;  border-left: 1px dashed #e72420; position: absolute; left:85px;top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%;}
.g2.addheight{ animation: step_add_pc_common1 0.6s 0.6s forwards;-webkit-animation: step_add_pc_common1 0.6s 0.6s forwards;  -moz-animation: step_add_pc_common1 0.6s 0.6s forwards; -ms-animation: step_add_pc_common1 0.6s 0.6s forwards;}
.g2 img{ position:absolute;  width:41px; height:41px; top: -30px; left: -22px;  opacity:0;}
.g2 .meter{ position: absolute; font-size: 12px; opacity: 0; color: #e72420; }  

.g3{ width: 1px;height:0px; border-left: 1px dashed #e72420; position: absolute; left:166px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; }
.g3.addheight{  animation: step_add_pc_common1 0.6s 1.2s forwards; -webkit-animation: step_add_pc_common1 0.6s 1.2s forwards; -moz-animation: step_add_pc_common1 0.6s 1.2s forwards; -ms-animation: step_add_pc_common1 0.6s 1.2s forwards; }
.g3 img{ position: absolute;  width:41px; top: -30px; left: -22px;  opacity: 0;}
.g3 .meter{ position: absolute; font-size: 12px; opacity:0; color: #e72420; } 

.g4{ width: 1px; height:0px; border-left: 1px dashed #e72420; position: absolute; left:306px;top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; }
.g4.addheight{  animation: step_add_pc_common1 0.6s 1.2s forwards; -webkit-animation: step_add_pc_common1 0.6s 1.2s forwards; -moz-animation: step_add_pc_common1 0.6s 1.2s forwards; -ms-animation: step_add_pc_common1 0.6s 1.2s forwards; }
.g4 img{ position: absolute;  width:41px; top: -30px; left: -22px;  opacity: 0;}
.g4 .meter{ position: absolute; font-size: 12px; opacity:0; color: #e72420; } 




.scatter_xiao .video_border{  animation: video_border1 0.5s forwards;  -moz-animation: video_border1 0.5s forwards; -ms-animation: video_border1 0.5s forwards;}
.scatter_xiao .scatter_xiang2{  animation: video_border1 0.8s 0.5s forwards;  -moz-animation: video_border1 0.8s 0.5s forwards; -ms-animation: video_border1 0.8s 0.5s forwards;}

.scatter_xiao .wrapper2{  animation: wrapperxiao2 0.8s 0.7s forwards;  -moz-animation: wrapperxiao2 0.8s 0.7s forwards; -ms-animation: wrapperxiao2 0.8s 0.7s forwards;}

.scatter_xiao .b0{ animation: step0_add_pc1 0.6s 1s forwards;  -moz-animation: step0_add_pc1 0.6s 1s forwards; -ms-animation: step0_add_pc1 0.6s 1s forwards;}
.scatter_xiao .b0 .meter{  animation: video_border1 0.6s 1.5s forwards;  -moz-animation: video_border1 0.6s 1.5s forwards; -ms-animation: video_border1 0.6s 1.5s forwards;}

.scatter_xiao .b1{ animation: step_add_pc_common1 0.6s 2s forwards;  -moz-animation: step_add_pc_common1 0.6s 2s forwards; -ms-animation: step_add_pc_common1 0.6s 2s forwards;}
.scatter_xiao .b1 .meter{  animation: video_border1 0.6s 2.5s forwards;  -moz-animation: video_border1 0.6s 2.5s forwards; -ms-animation: video_border1 0.6s 2.5s forwards;}
.scatter_xiao .b1 img{  animation: video_border1 0.6s 2.5s forwards;  -moz-animation: video_border1 0.6s 2.5s forwards; -ms-animation: video_border1 0.6s 2.5s forwards;}

.scatter_xiao .b2{ animation: step_add_pc_common1 0.6s 3s forwards;  -moz-animation: step_add_pc_common1 0.6s 3s forwards; -ms-animation: step_add_pc_common1 0.6s 3s forwards;}
.scatter_xiao .b2 .meter{  animation: video_border1 0.6s 3.5s forwards;  -moz-animation: video_border1 0.6s 3.5s forwards; -ms-animation: video_border1 0.6s 3.5s forwards;}
.scatter_xiao .b2 img{  animation: video_border1 0.6s 3.5s forwards;  -moz-animation: video_border1 0.6s 3.5s forwards; -ms-animation: video_border1 0.6s 3.5s forwards;}

.scatter_xiao .b3{ animation: step_add_pc_common1 0.6s 4s forwards;  -moz-animation: step_add_pc_common1 0.6s 4s forwards; -ms-animation: step_add_pc_common1 0.6s 4s forwards;}
.scatter_xiao .b3 .meter{  animation: video_border1 0.6s 4.5s forwards;  -moz-animation: video_border1 0.6s 4.5s forwards; -ms-animation: video_border1 0.6s 4.5s forwards;}
.scatter_xiao .b3 img{  animation: video_border1 0.8s 4.5s forwards;  -moz-animation: video_border1 0.6s 4.5s forwards; -ms-animation: video_border1 0.6s 4.5s forwards;}

.scatter_xiao .b4{ animation: step_add_pc_common1 0.6s 5s forwards;  -moz-animation: step_add_pc_common1 0.6s 5s forwards; -ms-animation: step_add_pc_common1 0.6s 5s forwards;}
.scatter_xiao .b4 .meter{  animation: video_border1 0.6s 5.5s forwards;  -moz-animation: video_border1 0.6s 5.5s forwards; -ms-animation: video_border1 0.6s 5.5s forwards;}
.scatter_xiao .b4 img{  animation: video_border1 0.6s 5.5s forwards;  -moz-animation: video_border1 0.6s 5.5s forwards; -ms-animation: video_border1 0.6s 5.5s forwards;}


.scatter_xiang2{ width:45px; height:37px; position:absolute; top:158px; left:40px; opacity:0;}
.wrapper2 { position: absolute; top:70px; left:62px;/* width:475px;*/ width:0px; height: 257px; background: url(../images/b_03.png) no-repeat left;}
@keyframes wrapperxiao2{ from {width:0px;} to {width: 472px;} }


.b0{ width:1px;  height:0px; position: absolute;border-left: 1px dashed #e72420; top:41%;} 
.b0.addheight{   animation: step0_add_pc1 0.6s 5s forwards;  -moz-animation: step0_add_pc1 0.6s 5s forwards; -ms-animation: step0_add_pc1 0.6s 5s forwards; }

.b1{ width: 1px; height:0px; border-left: 1px dashed #e72420; position: absolute; left:22px; top: 53%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%); transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%;}
.b1.addheight{ animation: step_add_pc_common1 0.6s forwards; -moz-animation: step_add_pc_common1 0.6s forwards;  -ms-animation: step_add_pc_common1 0.6s forwards; }
.b1 img{  position: absolute;  width:41px; height:41px; top: -40px; left: -22px;  opacity:0; }
.b1 .meter{  position: absolute; bottom:-34px; font-size: 12px; opacity:0; color: #e72420; }  

.b2{  width: 1px; height:0px;  border-left: 1px dashed #e72420; position: absolute; left:80px;top: 53%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%;}
.b2.addheight{ animation: step_add_pc_common1 0.6s 0.6s forwards;-webkit-animation: step_add_pc_common1 0.6s 0.6s forwards;  -moz-animation: step_add_pc_common1 0.6s 0.6s forwards; -ms-animation: step_add_pc_common1 0.6s 0.6s forwards;}
.b2 img{ position:absolute;  width:41px; height:41px; top: -40px; left: -22px;  opacity:0;}
.b2 .meter{ position: absolute; font-size: 12px; opacity: 0; color: #e72420; }  

.b3{ width: 1px;height:0px; border-left: 1px dashed #e72420; position: absolute; left:170px; top: 53%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; }
.b3.addheight{  animation: step_add_pc_common1 0.6s 1.2s forwards; -webkit-animation: step_add_pc_common1 0.6s 1.2s forwards; -moz-animation: step_add_pc_common1 0.6s 1.2s forwards; -ms-animation: step_add_pc_common1 0.6s 1.2s forwards; }
.b3 img{ position: absolute;  width:41px; top: -40px; left: -22px;  opacity: 0;}
.b3 .meter{ position: absolute; font-size: 12px; opacity:0; color: #e72420; } 

.b4{ width: 1px; height:0px; border-left: 1px dashed #e72420; position: absolute; left:334px;top: 53%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; }
.b4.addheight{  animation: step_add_pc_common1 0.6s 1.2s forwards; -webkit-animation: step_add_pc_common1 0.6s 1.2s forwards; -moz-animation: step_add_pc_common1 0.6s 1.2s forwards; -ms-animation: step_add_pc_common1 0.6s 1.2s forwards; }
.b4 img{ position: absolute;  width:41px; top: -40px; left: -22px;  opacity: 0;}
.b4 .meter{ position: absolute; font-size: 12px; opacity:0; color: #e72420; } 



.scatter_xiao .video_border{  animation: video_border1 0.5s forwards;  -moz-animation: video_border1 0.5s forwards; -ms-animation: video_border1 0.5s forwards;}
.scatter_xiao .scatter_xiang3{  animation: video_border1 0.8s 0.5s forwards;  -moz-animation: video_border1 0.8s 0.5s forwards; -ms-animation: video_border1 0.8s 0.5s forwards;}

.scatter_xiao .wrapper3{  animation: wrapperxiao3 0.8s 0.7s forwards;  -moz-animation: wrapperxiao3 0.8s 0.7s forwards; -ms-animation: wrapperxiao3 0.8s 0.7s forwards;}

.scatter_xiao .z0{ animation: step0_add_pc3 0.6s 1s forwards;  -moz-animation: step0_add_pc3 0.6s 1s forwards; -ms-animation: step0_add_pc3 0.6s 1s forwards;}
.scatter_xiao .z0 .meter{  animation: video_border1 0.6s 1.5s forwards;  -moz-animation: video_border1 0.6s 1.5s forwards; -ms-animation: video_border1 0.6s 1.5s forwards;}

.scatter_xiao .z1{ animation: step_add_pc_common1 0.6s 2s forwards;  -moz-animation: step_add_pc_common1 0.6s 2s forwards; -ms-animation: step_add_pc_common1 0.6s 2s forwards;}
.scatter_xiao .z1 .meter{  animation: video_border1 0.6s 2.5s forwards;  -moz-animation: video_border1 0.6s 2.5s forwards; -ms-animation: video_border1 0.6s 2.5s forwards;}
.scatter_xiao .z1 img{  animation: video_border1 0.6s 2.5s forwards;  -moz-animation: video_border1 0.6s 2.5s forwards; -ms-animation: video_border1 0.6s 2.5s forwards;}

.scatter_xiao .z2{ animation: step_add_pc_common1 0.6s 3s forwards;  -moz-animation: step_add_pc_common1 0.6s 3s forwards; -ms-animation: step_add_pc_common1 0.6s 3s forwards;}
.scatter_xiao .z2 .meter{  animation: video_border1 0.6s 3.5s forwards;  -moz-animation: video_border1 0.6s 3.5s forwards; -ms-animation: video_border1 0.6s 3.5s forwards;}
.scatter_xiao .z2 img{  animation: video_border1 0.6s 3.5s forwards;  -moz-animation: video_border1 0.6s 3.5s forwards; -ms-animation: video_border1 0.6s 3.5s forwards;}

.scatter_xiao .z3{ animation: step_add_pc_common1 0.6s 4s forwards;  -moz-animation: step_add_pc_common1 0.6s 4s forwards; -ms-animation: step_add_pc_common1 0.6s 4s forwards;}
.scatter_xiao .z3 .meter{  animation: video_border1 0.6s 4.5s forwards;  -moz-animation: video_border1 0.6s 4.5s forwards; -ms-animation: video_border1 0.6s 4.5s forwards;}
.scatter_xiao .z3 img{  animation: video_border1 0.8s 4.5s forwards;  -moz-animation: video_border1 0.6s 4.5s forwards; -ms-animation: video_border1 0.6s 4.5s forwards;}

.scatter_xiao .z4{ animation: step_add_pc_common1 0.6s 5s forwards;  -moz-animation: step_add_pc_common1 0.6s 5s forwards; -ms-animation: step_add_pc_common1 0.6s 5s forwards;}
.scatter_xiao .z4 .meter{  animation: video_border1 0.6s 5.5s forwards;  -moz-animation: video_border1 0.6s 5.5s forwards; -ms-animation: video_border1 0.6s 5.5s forwards;}
.scatter_xiao .z4 img{  animation: video_border1 0.6s 5.5s forwards;  -moz-animation: video_border1 0.6s 5.5s forwards; -ms-animation: video_border1 0.6s 5.5s forwards;}


.scatter_xiang3{ width:45px; height:37px; position:absolute; top:180px; left:40px; opacity:0;}
.wrapper3 { position: absolute; top:70px; left:62px;/* width:475px;*/ width:0px; height: 260px; background: url(../images/Z_03.png) no-repeat left;}
@keyframes wrapperxiao3{ from {width:0px;} to {width: 479px;} }


.z0{ width:1px;  height:0px; position: absolute;border-left: 1px dashed #e72420; top:49%;} 
.z0.addheight{   animation: step0_add_pc3 0.6s 5s forwards;  -moz-animation: step0_add_pc3 0.6s 5s forwards; -ms-animation: step0_add_pc3 0.6s 5s forwards; }

@keyframes step0_add_pc3{ from {height: 0px;} to {height: 145px;} }


.z1{ width: 1px; height:0px; border-left: 1px dashed #e72420; position: absolute; left:22px; top: 53%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%); transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%;}
.z1.addheight{ animation: step_add_pc_common1 0.6s forwards; -moz-animation: step_add_pc_common1 0.6s forwards;  -ms-animation: step_add_pc_common1 0.6s forwards; }
.z1 img{  position: absolute;  width:41px; height:41px; top: -40px; left: -22px;  opacity:0; }
.z1 .meter{  position: absolute; bottom:-34px; font-size: 12px; opacity:0; color: #e72420; }  

.z2{  width: 1px; height:0px;  border-left: 1px dashed #e72420; position: absolute; left:80px;top: 53%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%;}
.z2.addheight{ animation: step_add_pc_common1 0.6s 0.6s forwards;-webkit-animation: step_add_pc_common1 0.6s 0.6s forwards;  -moz-animation: step_add_pc_common1 0.6s 0.6s forwards; -ms-animation: step_add_pc_common1 0.6s 0.6s forwards;}
.z2 img{ position:absolute;  width:41px; height:41px; top: -40px; left: -22px;  opacity:0;}
.z2 .meter{ position: absolute; font-size: 12px; opacity: 0; color: #e72420; }  

.z3{ width: 1px;height:0px; border-left: 1px dashed #e72420; position: absolute; left:170px; top: 53%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; }
.z3.addheight{  animation: step_add_pc_common1 0.6s 1.2s forwards; -webkit-animation: step_add_pc_common1 0.6s 1.2s forwards; -moz-animation: step_add_pc_common1 0.6s 1.2s forwards; -ms-animation: step_add_pc_common1 0.6s 1.2s forwards; }
.z3 img{ position: absolute;  width:41px; top: -40px; left: -22px;  opacity: 0;}
.z3 .meter{ position: absolute; font-size: 12px; opacity:0; color: #e72420; } 

.z4{ width: 1px; height:0px; border-left: 1px dashed #e72420; position: absolute; left:336px;top: 53%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; }
.z4.addheight{  animation: step_add_pc_common1 0.6s 1.2s forwards; -webkit-animation: step_add_pc_common1 0.6s 1.2s forwards; -moz-animation: step_add_pc_common1 0.6s 1.2s forwards; -ms-animation: step_add_pc_common1 0.6s 1.2s forwards; }
.z4 img{ position: absolute;  width:41px; top: -40px; left: -22px;  opacity: 0;}
.z4 .meter{ position: absolute; font-size: 12px; opacity:0; color: #e72420; } 



.scatter_xiao .video_border{  animation: video_border1 0.5s forwards;  -moz-animation: video_border1 0.5s forwards; -ms-animation: video_border1 0.5s forwards;}
.scatter_xiao .scatter_xiang4{  animation: video_border1 0.8s 0.5s forwards;  -moz-animation: video_border1 0.8s 0.5s forwards; -ms-animation: video_border1 0.8s 0.5s forwards;}

.scatter_xiao .wrapper4{  animation: wrapperxiao4 0.8s 0.7s forwards;  -moz-animation: wrapperxiao4 0.8s 0.7s forwards; -ms-animation: wrapperxiao4 0.8s 0.7s forwards;}

.scatter_xiao .c0{ animation: step0_add_pc1 0.6s 1s forwards;  -moz-animation: step0_add_pc1 0.6s 1s forwards; -ms-animation: step0_add_pc1 0.6s 1s forwards;}
.scatter_xiao .c0 .meter{  animation: video_border1 0.6s 1.5s forwards;  -moz-animation: video_border1 0.6s 1.5s forwards; -ms-animation: video_border1 0.6s 1.5s forwards;}

.scatter_xiao .c1{ animation: step_add_pc_common1 0.6s 2s forwards;  -moz-animation: step_add_pc_common1 0.6s 2s forwards; -ms-animation: step_add_pc_common1 0.6s 2s forwards;}
.scatter_xiao .c1 .meter{  animation: video_border1 0.6s 2.5s forwards;  -moz-animation: video_border1 0.6s 2.5s forwards; -ms-animation: video_border1 0.6s 2.5s forwards;}
.scatter_xiao .c1 img{  animation: video_border1 0.6s 2.5s forwards;  -moz-animation: video_border1 0.6s 2.5s forwards; -ms-animation: video_border1 0.6s 2.5s forwards;}

.scatter_xiao .c2{ animation: step_add_pc_common1 0.6s 3s forwards;  -moz-animation: step_add_pc_common1 0.6s 3s forwards; -ms-animation: step_add_pc_common1 0.6s 3s forwards;}
.scatter_xiao .c2 .meter{  animation: video_border1 0.6s 3.5s forwards;  -moz-animation: video_border1 0.6s 3.5s forwards; -ms-animation: video_border1 0.6s 3.5s forwards;}
.scatter_xiao .c2 img{  animation: video_border1 0.6s 3.5s forwards;  -moz-animation: video_border1 0.6s 3.5s forwards; -ms-animation: video_border1 0.6s 3.5s forwards;}

.scatter_xiao .c3{ animation: step_add_pc_common1 0.6s 4s forwards;  -moz-animation: step_add_pc_common1 0.6s 4s forwards; -ms-animation: step_add_pc_common1 0.6s 4s forwards;}
.scatter_xiao .c3 .meter{  animation: video_border1 0.6s 4.5s forwards;  -moz-animation: video_border1 0.6s 4.5s forwards; -ms-animation: video_border1 0.6s 4.5s forwards;}
.scatter_xiao .c3 img{  animation: video_border1 0.8s 4.5s forwards;  -moz-animation: video_border1 0.6s 4.5s forwards; -ms-animation: video_border1 0.6s 4.5s forwards;}

.scatter_xiao .c4{ animation: step_add_pc_common1 0.6s 5s forwards;  -moz-animation: step_add_pc_common1 0.6s 5s forwards; -ms-animation: step_add_pc_common1 0.6s 5s forwards;}
.scatter_xiao .c4 .meter{  animation: video_border1 0.6s 5.5s forwards;  -moz-animation: video_border1 0.6s 5.5s forwards; -ms-animation: video_border1 0.6s 5.5s forwards;}
.scatter_xiao .c4 img{  animation: video_border1 0.6s 5.5s forwards;  -moz-animation: video_border1 0.6s 5.5s forwards; -ms-animation: video_border1 0.6s 5.5s forwards;}


.scatter_xiang4{ width:45px; height:37px; position:absolute; top:163px; left:40px; opacity:0;}
.wrapper4 { position: absolute; top:58px; left:62px;/* width:475px;*/ width:0px; height: 280px; background: url(../images/c_03.png) no-repeat left bottom;}
@keyframes wrapperxiao4{ from {width:0px;} to {width: 466px;} }


.c0{ width:1px;  height:0px; position: absolute;border-left: 1px dashed #e72420; top:42%;} 
.c0.addheight{   animation: step0_add_pc3 0.6s 5s forwards;  -moz-animation: step0_add_pc3 0.6s 5s forwards; -ms-animation: step0_add_pc3 0.6s 5s forwards; }



.c1{ width: 1px; height:0px; border-left: 1px dashed #e72420; position: absolute; left:22px; top: 53%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%); transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%;}
.c1.addheight{ animation: step_add_pc_common1 0.6s forwards; -moz-animation: step_add_pc_common1 0.6s forwards;  -ms-animation: step_add_pc_common1 0.6s forwards; }
.c1 img{  position: absolute;  width:41px; height:41px; top: -40px; left: -22px;  opacity:0; }
.c1 .meter{  position: absolute; bottom:-34px; font-size: 12px; opacity:0; color: #e72420; }  

.c2{  width: 1px; height:0px;  border-left: 1px dashed #e72420; position: absolute; left:80px;top: 53%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%;}
.c2.addheight{ animation: step_add_pc_common1 0.6s 0.6s forwards;-webkit-animation: step_add_pc_common1 0.6s 0.6s forwards;  -moz-animation: step_add_pc_common1 0.6s 0.6s forwards; -ms-animation: step_add_pc_common1 0.6s 0.6s forwards;}
.c2 img{ position:absolute;  width:41px; height:41px; top: -40px; left: -22px;  opacity:0;}
.c2 .meter{ position: absolute; font-size: 12px; opacity: 0; color: #e72420; }  

.c3{ width: 1px;height:0px; border-left: 1px dashed #e72420; position: absolute; left:170px; top: 53%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; }
.c3.addheight{  animation: step_add_pc_common1 0.6s 1.2s forwards; -webkit-animation: step_add_pc_common1 0.6s 1.2s forwards; -moz-animation: step_add_pc_common1 0.6s 1.2s forwards; -ms-animation: step_add_pc_common1 0.6s 1.2s forwards; }
.c3 img{ position: absolute;  width:41px; top: -40px; left: -22px;  opacity: 0;}
.c3 .meter{ position: absolute; font-size: 12px; opacity:0; color: #e72420; } 

.c4{ width: 1px; height:0px; border-left: 1px dashed #e72420; position: absolute; left:333px;top: 53%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; }
.c4.addheight{  animation: step_add_pc_common1 0.6s 1.2s forwards; -webkit-animation: step_add_pc_common1 0.6s 1.2s forwards; -moz-animation: step_add_pc_common1 0.6s 1.2s forwards; -ms-animation: step_add_pc_common1 0.6s 1.2s forwards; }
.c4 img{ position: absolute;  width:41px; top: -40px; left: -22px;  opacity: 0;}
.c4 .meter{ position: absolute; font-size: 12px; opacity:0; color: #e72420; } 







.scatter_right{ float:right; width:485px; height:465px;}
.scatter_mune{ width:390px; height:39px; border-bottom:1px solid #9a9a9a; float:right; margin-right:90px;position: relative;
    top: 75px;
    z-index: 9999;}
.scatter_mune a{ display:inline-block; font-size:18px; color:#9a9a9a; font-weight:bold; height:39px; cursor:pointer; margin-right:35px;}
.scatter_mune a:hover{ color:#d9000b; border-bottom:1px solid #d9000b;-webkit-transition: all 0.4s ease-in-out;}
.scatter_mune a.scatter_mune_a{ color:#d9000b; border-bottom:1px solid #d9000b;}
.scatter_all{ width:390px; height:auto; overflow:hidden; margin-top:90px;}
.scatter_list{ width:390px; height:auto; overflow:hidden;}
.scatter_list ul li{ width:390px; height:100px; list-style:none; margin-bottom:65px; border-bottom:1px solid #404041;}
.scatter_list ul li.scatter_list_li{ border-bottom:none;}
.scatter_tu{ float:left; width:64px; height:64px; border:1px solid #e72420; border-radius:50%;}
.scatter_jie{ float:right; font-size:16px; color:#fff; line-height:29px; width:310px;}

.nature_mune1{ width:580px; height:70px; float:right; overflow:hidden; position:relative; z-index:9999;}
.nature_mune1 a{ display:inline-block; height:70px; line-height:70px; font-size:18px; color:#9a9a9a; font-weight:bold; margin-right:35px; cursor:pointer;}
.nature_mune1 a:hover{ color:#d9000b;-webkit-transition: all 0.4s ease-in-out;}
.nature_mune1 a.nature_mune1_a{ color:#d9000b;}

.sky1_warp1{ display:none;}
.sky1_warp{ width:100%; height:792px;}
.sky1{ width:1200px; height:792px; margin:auto; position:relative;}
.sky1_1{ width:1200px; font-size:73px; color:#000001;  height:100px; line-height:100px; padding-top:200px;}
.sky1_2{ width:1200px; font-size:36px; color:#000001; height:65px; line-height:65px;}
.sky1_3{ width:1200px; font-size:18px; color:#000001; line-height:27px;}
.sky1_4{ width:100%; margin-top:80px; height:50px;}
.sky1_4 a{ display:inline-block; font-size:16px; color:#424242; width:180px; height:48px; text-align: center; line-height:48px; border:1px solid #393939; margin-right:7px; cursor:pointer;} 
.sky1_4 a:hover{ background-color:#d9000b; border:1px solid #d9000b; color:#fff;-webkit-transition: all 0.4s ease-in-out;}

.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #cfd3d4;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e60011;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
  color: white;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.sky1_img{ width:353px; height:291px; position:absolute; right:245px; top:260px; }

.scatter_warp1 { width: 100%; height: 855px; background-color: #000001;}

.scatter_mune1{ width:390px; height:39px; border-bottom:1px solid #9a9a9a; float:right; margin-right:90px;position: relative;top: 75px;z-index: 9999;}
.scatter_mune1 a{ display:inline-block; font-size:18px; color:#9a9a9a; font-weight:bold; height:39px; cursor:pointer; margin-right:30px;}
.scatter_mune1 a:hover{ color:#d9000b; border-bottom:1px solid #d9000b;-webkit-transition: all 0.4s ease-in-out;}
.scatter_mune1 a.scatter_mune1_a{ color:#d9000b; border-bottom:1px solid #d9000b;}
.scatter_all1{  width: 390px; height: auto; overflow: hidden; margin-top: 90px;}


.nature_mune2{ width:580px; height:70px; float:right; overflow:hidden; position:relative; z-index:9999;}
.nature_mune2 a{ display:inline-block; height:70px; line-height:70px; font-size:18px; color:#9a9a9a; font-weight:bold; margin-right:35px; cursor:pointer;}
.nature_mune2 a:hover{ color:#d9000b;-webkit-transition: all 0.4s ease-in-out;}
.nature_mune2 a.nature_mune2_a{ color:#d9000b;}
.nature_con2{ width:1200px; height:515px; margin-top:25px; display:none;}

.datum_warp{ width:100%; height:400px; background-color:#cf0c0c;}
.datum{ width:1200px; height:400px; margin:auto;}
.datum_tit{ width:1200px; font-size:40px; color:#fff; font-weight:bold; text-align: center; height:175px; line-height:175px;}
.datum_list{ width:1200px; height:100px;}
.datum_list ul li{ float:left; width:400px; height:100px; list-style:none;}
.datum_list ul li a{ width:400px; height:100px; cursor:pointer; display:block;}
.datum_tu{ float:left; width:55px; height:100px;}
.datum_tu img{ padding-top:32px;}
.datum_nei{ float:right; height:100px; width:345px; line-height:100px; font-size:18px; color:#fff;}

.datum_more{ width:1200px; text-align: center; height:55px; margin-top:40px;}
.datum_more a{ display:inline-block; font-size:18px; color:#fff; border:1px solid #fff; width:170px; height:53px; line-height:53px; cursor:pointer;}
.datum_more a:hover{ background-color:#fff; color:#cf0c0c;-webkit-transition: all 0.4s ease-in-out;}

.trouble{ width:1200px; height: auto; overflow:hidden; margin:auto;}
.trouble_tit{ width:1200px; font-size:40px; color:#000001; font-weight:bold; text-align: center; height:200px; line-height:200px;}
.trouble_list{ width:1200px; height:auto; overflow:hidden; border-bottom:1px solid #e3e3e3; padding-bottom:65px;}
.trouble_list ul li{ width:1200px; height:auto; overflow:hidden; list-style:none;}
.trouble_list ul li:hover .trouble_1 span{ color:#d9000b;-webkit-transition: all 0.4s ease-in-out;}

.trouble_lan{ width:1200px; height:42px; background:url(../images/fans1_26.png) no-repeat 98%;}
.trouble_lan span{ color:#d9000b;}
.trouble_1{ width:1200px; height:42px;}
.trouble_1 span{ display:inline-block; height:42px; line-height:42px; font-size:18px; color:#000000; background:url(../images/fans1_23.png) no-repeat left; padding-left:20px;}
.trouble_con{ font-size:14px; color:#424242; line-height:25px; background-color:#f3f3f3; padding:15px 30px; width:1140px; display:none;}
.apply_tit1{ width: 1200px; text-align: center; font-size: 40px; color: #353535; height: 140px; line-height: 140px;    margin: auto;}
.apply1{width: 1200px; height: auto; overflow: hidden; margin: auto; margin-bottom: 80px;}


/*新闻速递*/
.press_warp{ width:100%; background:url(../images/bg_05.jpg) no-repeat center; height:494px;}
.press{ width:1200px; height:430px; margin:auto; padding-top:64px;}
.press_tit{ width:1200px; height:60px;}
.press_left{ float:left; width:600px; height:60px; background:url(../images/b_07.jpg) no-repeat left 16px; padding-left:45px;}
.press_left_1{ width:600px; font-size:22px; color:#fff; height:35px; line-height:35px;}
.press_left_2{ width:600px; height:25px; line-height:25px; font-size:14px; color:#b3b3b3; font-family:Arial, Helvetica, sans-serif;}
.press_right{ float:right; height:60px;}
.press_right a{ display:block; background:url(../images/b_11.png) no-repeat center; width:97px; height:60px; line-height:60px; font-size:12px; color:#fff; font-family:Arial, Helvetica, sans-serif; cursor: pointer; text-align: center;}
.press_right a:hover{ color:#d9000b;-webkit-transition: all 0.4s ease-in-out;}
.press_list{ width:1200px; height:275px; margin-top:50px;}
.press_list ul li{ float:left; width:365px; height:275px; list-style:none; margin-right:52px;}
.press_list ul li.press_list_li{ margin-right:0px;}
.press_list ul li a{ display:block; width:365px; height:275px;}
.press_list ul li a:hover .press_1{ color:#d9000b;-webkit-transition: all 0.4s ease-in-out;}
.press_list ul li a:hover small {  opacity: 0;}
.press_list ul li a:hover i { width:365px;opacity: 1;}

.press_1{ width:365px; height:60px; line-height:60px; overflow:hidden; font-size:22px; color:#fff;}
.press_2{ width:365px; height:48px; font-size:14px; color:#fff; line-height:24px; opacity:0.6;}
.press_3{ width:365px; font-size:40px; color:#fff; font-family:Arial, Helvetica, sans-serif; height:95px; line-height:95px; margin-top:40px; background:url(../images/b_15.jpg) no-repeat left top; position:relative; }

.press_3 small {transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:Arial, Helvetica, sans-serif; width:365px; height:95px; font-size:40px;}
.press_3 i { font-size: 40px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0;  transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:Arial, Helvetica, sans-serif;font-style: inherit; border-top:1px solid #fd3f3e; height:94px;}




/*视频*/
.vision_warp{ width:100%; height:536px; overflow:hidden; position:relative; background-color:#191a1b;}
.vision_warp:hover .vision_img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.vision_img{ width:100%; height:536px; position:absolute; top:0;background: url(../images/bg_04.jpg) no-repeat center; background-size:auto 100%;;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 4s ease-in;-moz-transition: all 4s ease-in;-o-transition: all 4s ease-in;-ms-transition: all 4s ease-in;transition: all 4s ease-in; }

.vision{ width:1200px; height:361px; padding-top:175px; margin:auto; position:relative; z-index:1;}
.vision_tit{ width:1200px; background:url(../images/b_03.jpg) no-repeat center top; font-size:34px; color:#fff; text-align: center; height:115px; line-height:115px; font-family:"微软雅黑"; }
.vision_tu{ width:1200px; height:70px; text-align: center; margin-top:20px;}

/*产品中心*/
.part_warp{ width:100%; background:url(../images/bg_03.jpg) no-repeat center; height:1875px;}
.part{ width:1200px; height:1875px; margin:auto;}
.part_tit{ width:1200px; text-align: center; font-size:22px; color:#fff; height:35px; line-height:35px; padding-top:50px;}
.part_en{ width:1200px; text-align: center; font-size:14px; color:#b3b3b3; font-family:Arial, Helvetica, sans-serif; height:25px; line-height:25px;}
.product{ width:1200px; height: auto; overflow:hidden; margin:auto; margin-top:33px; margin-bottom:80px;}
.product ul li{ float:left; width:400px; height:300px; list-style:none;}
.product ul li a{ display:block; width:400px; height:300px; position:relative;}
.product ul li:hover .product_img img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.product ul li a:hover .product_bg{ background-color:rgba(230,0,17,0.6); border:3px solid rgba(230,0,17,0.3); -webkit-transition: all 0.4s ease-in-out;}
.product ul li a:hover .product_1{ margin-top:25px; -webkit-transition: all 0.4s ease-in-out;}
.product ul li a:hover .product_2{ padding-top:5px; -webkit-transition: all 0.4s ease-in-out;}
.product ul li a:hover .product_3{opacity:1; transform:translate(0,0);-webkit-transition: all 0.4s ease-in-out;}

.product_img{ width:400px; height:300px; overflow:hidden; /*opacity:0.24;*/}
.product_img img{ width:400px; height:300px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}

.product_bg{ width:342px; height:244px; border:3px solid rgba(255,255,255,0.3); position:absolute; top:24px; left:24px;}
.product_1{ width:78px; height:78px; border:2px solid rgba(255,255,255,0.6); border-radius:50%; margin:auto; /*margin-top:25px;*/ margin-top:53px;}
.product_2{ width:100%; text-align: center; font-size:18px; color:#fff; font-weight:bold; height:50px; line-height:50px; padding-top:15px;}
.product_3{ font-size:14px; color:#fff; line-height:20px; height:60px; overflow:hidden; margin:auto; width:280px; text-align: center; opacity:0;}


.case{ width:1200px; height:384px; margin-top:50px;}
.case:hover .case_huan img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.case_left{ float:left; height:384px; background-color:#363636; width:497px;}
.case_en{ font-size:14px; color:#fff; font-family:Arial, Helvetica, sans-serif; opacity:0.3; margin-left:50px; width:440px; height:40px; line-height:40px; padding-top:25px;}
.case_tit{ width:440px; margin-left:50px; height:50px; line-height:50px; font-size:26px; color:#fff;}
.case_mune{ width:440px; height:auto; overflow:hidden; margin-left:50px; margin-top:15px;}
.case_mune a{ display:block; background:url(../images/index_28.jpg) no-repeat left; font-size:16px; color:#999999; height:43px; line-height:43px; padding-left:20px; width:420px; cursor:pointer;}
.case_mune a:hover{ color:#e60011; background:url(../images/index_25.jpg) no-repeat left; -webkit-transition: all 0.4s ease-in-out;}
.case_mune a.case_mune_a{ color:#e60011; background:url(../images/index_25.jpg) no-repeat left; }

.case_right{ float:right; width:703px; height:384px; overflow:hidden;}
.case_huan{ width:703px; height:384px; overflow:hidden; display:none;}
.case_huan img{ width:703px; height:384px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 1s ease-in;-moz-transition: all 1s ease-in;-o-transition: all 1s ease-in;-ms-transition: all 1s ease-in;transition: all 1s ease-in;}

.case1{ width:1200px; height:384px; margin-top:20px;}
.case1:hover .case_huan1 img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.case_right1{ float:left; width:703px; height:384px; overflow:hidden;}
.case_right1 img{ width:703px; height:384px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 1s ease-in;-moz-transition: all 1s ease-in;-o-transition: all 1s ease-in;-ms-transition: all 1s ease-in;transition: all 1s ease-in;}

.case_left1{ float:right; height:384px; background-color:#363636; width:497px;}
.case_huan1{ width:703px; height:384px; overflow:hidden; display:none;}
.case_huan1 img{ width:703px; height:384px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 1s ease-in;-moz-transition: all 1s ease-in;-o-transition: all 1s ease-in;-ms-transition: all 1s ease-in;transition: all 1s ease-in;}


.case_mune1{ width:440px; height:auto; overflow:hidden; margin-left:50px; margin-top:15px;}
.case_mune1 a{ float:left; display:block; background:url(../images/index_28.jpg) no-repeat left; font-size:16px; color:#999999; height:43px; line-height:43px; padding-left:20px; width:200px; cursor:pointer;}
.case_mune1 a:hover{ color:#e60011; background:url(../images/index_25.jpg) no-repeat left; -webkit-transition: all 0.4s ease-in-out;}
.case_mune1 a.case_mune1_a{ color:#e60011; background:url(../images/index_25.jpg) no-repeat left;}

.case_more{ width:1200px; height:73px;}
.case_more a{ display:block; width:73px; height:73px; background-color:#2d2d2d; margin:auto; cursor:pointer;}
.case_more a:hover{ background-color:#e60011;-webkit-transition: all 0.4s ease-in-out;}

@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


/*banner*/
.big{ width:100%; height:900px; margin:auto;position:relative; overflow:hidden; }
.big .swiper-container {  width: 100%; height: 100%; overflow:hidden; margin:auto;}
.big .swiper-slide{ overflow:hidden;}

.big .swiper-slide.swiper-slide-active .rook_1{ opacity:1; left:0px;}
.big .swiper-slide.swiper-slide-active .rook_2{ opacity:1; height:137px;}
.big .swiper-slide.swiper-slide-active .rook_3{ opacity:1; right:41px;}
.big .swiper-slide.swiper-slide-active .rook_4{ opacity:1; right:433px;}
.big .swiper-slide.swiper-slide-active .rook_5{ opacity:1; right:11px;}

.big .swiper-slide.swiper-slide-active .love_2{ opacity:1; left:263px;}

.big .swiper-slide.swiper-slide-active .love_5{ opacity:1; height:234px;}
.big .swiper-slide.swiper-slide-active .love_1{ opacity:1; left:0px;}
.big .swiper-slide.swiper-slide-active .love_4{ opacity:1; left:0px;}
.big .swiper-slide.swiper-slide-active .love_6{ opacity:1; right:30px;}


.big:hover .big-left{ opacity:1;-webkit-transition: all 0.4s ease-in-out;}
.big:hover .big-right{ opacity:1;-webkit-transition: all 0.4s ease-in-out;}

.big_div{ width:100%; height:900px;} 
.big .pagination{ position: absolute; left:3%; bottom:45%; width:8px; z-index:100; margin:auto;}
.big .swiper-pagination-bullet { display: inline-block; width:8px; height:8px; border-radius:50%; margin-right:20px; cursor: pointer; opacity: 1; background-color:#fff;}
.big .swiper-pagination-bullet-active{ background-color:#d4000c;}

.big-left { position:absolute;left:3%;color:#000;font-size:24px; font-family:"微软雅黑";bottom:0;z-index:1; cursor:pointer; width:90px; height:90px; text-align: center; line-height:90px; background-color:#fff; opacity:0;}
.big-left:hover{ background-color:#e60011;-webkit-transition: all 0.4s ease-in-out; color:#fff;}
.big-right {position: absolute;bottom:0;left:3%; color:#000;font-size:24px; font-family:"微软雅黑"; z-index:1; cursor:pointer; width:90px; height:90px; text-align: center; line-height:90px; background-color:#fff; opacity:0;}
.big-right:hover{ background-color:#e60011;-webkit-transition: all 0.4s ease-in-out; color:#fff;}
.big_1{ width:1200px; margin:auto; height:585px; padding-top:165px; text-align: center; opacity:0; transition:all 0.5s ease-in-out; transition-delay:0.8s; transform:translate(0px,300px); position:relative;}


.rook_kong{ width:100%; height:165px; overflow:hidden;}
.rook{ width:1200px; height:700px; margin:auto;  position:relative;}
.rook_1{ width:595px; height:419px; position:absolute; left:-200px; top:232px;opacity:0; animation-iteration-count: infinite;animation-duration:0.5s;transition-delay:0.5s;transition-duration:1s;}
.rook_2{ width:970px; height:0px; position:absolute; left:258px; top:434px; animation-iteration-count: infinite; animation-duration:0.5s;transition-delay:1.5s;transition-duration:1.5s; opacity:0;}
.rook_3{ width:543px; height:228px; position:absolute; top:0; right:-200px;opacity:0; animation-duration: 0.5s; animation-iteration-count: infinite;transition-delay:2.5s;transition-duration:1s;}
.rook_4{ width:144px; height:52px; position:absolute; top:270px; right:100px;opacity:0; animation-duration:0.5s; animation-iteration-count: infinite;transition-delay:3s;transition-duration:1s;}
.rook_4 a{ display:block; width:144px; height:52px; text-align: center; line-height:52px; font-size:22px; color:#fff; background-color:#1fb8fc; cursor:pointer;}
.rook_5{ width:399px; height:294px; position:absolute; right:-200px; bottom:30px;opacity:0; animation-duration:0.5s; animation-iteration-count: infinite;transition-delay:3.5s;transition-duration:1s;}

.love_kong{ width:100%; height:124px; overflow:hidden;}
.love{ width:1200px; height:776px; margin:auto;  position:relative;}

.love_2{ width:896px; height:533px; position:absolute; left:-50px; bottom:0; opacity:0;  animation-iteration-count: infinite; animation-duration:0.5s;transition-delay:0.5s;transition-duration:1s;}
.love_2 img{-webkit-filter:grayscale(70%);}

.love_5{ width:915px; height:0px; position:absolute; left:10px; top:220px;opacity:0; animation-duration:0.5s; animation-iteration-count: infinite;transition-delay:1.5s;transition-duration:1s;}
.love_1{ width:427px; height:221px; position:absolute; left:-200px; top:0;opacity:0; animation-iteration-count: infinite;animation-duration:0.5s;transition-delay:2s;transition-duration:1s;}
.love_4{ width:144px; height:52px; position:absolute; top:265px; left:-200px;opacity:0; animation-duration:0.5s; animation-iteration-count: infinite;transition-delay:2.5s;transition-duration:1s;}
.love_4 a{ display:block; width:144px; height:52px; text-align: center; line-height:52px; font-size:22px; color:#fff; background-color:#1fb8fc; cursor:pointer; position:relative; z-index:9999;}

.love_6{ width:280px; height:200px; position:absolute; right:-200px; bottom:80px;opacity:0; animation-duration:0.5s; animation-iteration-count: infinite;transition-delay:3.5s;transition-duration:1s;}

#mydiv{ width:100%; height:500px; position:absolute; bottom:0;}




/*漂浮框*/
.side{position:fixed;width:58px;height:275px;right:55px;top:30%;z-index:100;}
.side ul li{width:58px;height:58px;float:left;position:relative; margin-bottom:2px; list-style:none; cursor:pointer;}
.side ul li .sidebox{position:absolute;width:58px;height:58px;top:0;right:0;transition:all 0.3s;background:rgba(0,0,0,0.5);color:#fff;font:16px/58px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:58px;height:58px;line-height:58px;display:inline-block;background:rgba(0,0,0,0.5);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#c4000f;opacity:1;filter:Alpha(opacity=100);-webkit-transition: all 0.4s ease-in-out;}
.side ul li img{float:left;}
.ma{ width:58px; height:58px; position:relative;}
.ma:hover .ma_er{ display:block;transition:all 0.3s;}
.ma_img{ width:58px; height:58px;}
.ma_er{ width:100px; height:100px;  position:absolute; top:0px; left:-105px; display:none; background-color:#fff;}

/*校园招聘*/
.contact1{ width: 1200px;height: auto; margin: auto;}
.recruit_head{ width:100%; height:95px; background-color:#111111;}
.recruit_div{ width:100%; height:800px;}
.recruit_div_con{ width:1200px; height:800px; margin:auto;}
.recruit_div_right{ width:600px; height:800px; float:right;}
.recruit_div_1{ font-size:70px; color:#343434; font-weight:bold; height:92px; padding-top:315px; width:600px; text-align: center; overflow:hidden;}
.recruit_div_2{ width:600px; font-size:18px; color:#343434; text-align: center; height:70px; line-height:70px;}
.recruit_div_3{ width:600px; text-align: center; margin-top:15px; height:47px;}
.recruit_div_3 a{ display:inline-block; font-size:17px; color:#343434; font-weight:bold; border:2px solid #949894; border-radius:30px; padding:0px 50px; height:43px; cursor:pointer; line-height:43px;}
.recruit_div_3 a:hover{ background-color:#d90010; border:2px solid #d90010; color:#fff;-webkit-transition: all 0.4s ease-in-out;}
.splash_warp1{ width:100%; height:67px; background-color:#353535; position:absolute; top:95px;-webkit-transition: all 0.4s ease-in-out; z-index:99;}
.recruit_tit{ width:1200px; text-align: center; font-size:30px; color:#373737; height:130px; line-height:130px; padding-top:30px;}
.recruit_list{ width:1200px; height:auto;}
.recruit_list ul li{ width:1200px; height:205px; list-style:none; margin-bottom:15px;}
.recruit_list ul li a{ display:block; width:1140px; height:205px; padding:0px 30px;-moz-box-shadow:1px 2px 10px #b9b9b9; -webkit-box-shadow:1px 2px 10px #b9b9b9; box-shadow:1px 2px 10px #b9b9b9;}
.recruit_list ul li a:hover .recruit_zhu{ color:#d90010;-webkit-transition: all 0.4s ease-in-out;}
.recruit_list ul li a:hover .recruit_zhu span{ background-color:#d90010;-webkit-transition: all 0.4s ease-in-out;}

.recruit_zhu{ width:100%; height:77px; font-size:22px; color:#343434; line-height:77px;}
.recruit_zhu span{ font-size:16px; color:#fff; background-color:#3e3e3e; padding:0px 30px; float:right; display:inline-block; height:40px; line-height:40px; margin-top:18px;}
.recruit_con{ width:1115px; height:79px; background-color:#f5f5f5; padding-left:25px; padding-top:21px}
.recruit_con span{ display:inline-block; font-size:16px; color:#3e3e3e; line-height:29px; width:270px; height:29px; margin-right:30px; margin-right:148px;}
.recruit_con span.recruit_con_span{ margin-right:0px;}
.recruit_more{ width:100%; text-align: center; height:40px; margin-top:30px; margin-bottom:80px;}
.recruit_more a{ display:inline-block; font-size:16px; color:#3e3e3e; border-bottom:2px solid #3e3e3e; padding:0px 15px; height:38px; line-height:38px; cursor:pointer;}
.recruit_more a:hover{ color:#d90010; border-bottom:2px solid #d90010;-webkit-transition: all 0.4s ease-in-out;}


.flow_warp{ width:100%; background-color:#353535; height:550px;}
.flow{ width:1200px; height:550px; margin:auto;}
.flow_tit{ width:1200px; text-align: center; font-size:30px; color:#fff; height:155px; line-height:155px;}
.flow_list{ width:1200px; height:275px; margin-top:20px;}
.flow_list a{ display:block; float:left; width:240px; height:275px;}
.flow_list a:hover .flow_img{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);-webkit-transition: all 0.5s ease-in-out;}
.flow_list a:hover .flow_biao{ color:#d90010;-webkit-transition: all 0.4s ease-in-out;}

.flow_img{ width:148px; height:148px; background-color:#fff; border-radius:50%; margin:auto;position:relative; z-index:1;-webkit-transition: -webkit-transform 0.8s ease-in-out;
-moz-transition: -moz-transform 0.8s ease-in-out;-o-transition: -o-transform 0.8s ease-in-out;-ms-transition: -ms-transform 0.8s ease-in-out;}
.flow_biao{ width:100%; text-align: center; font-size:22px; color:#fff; height:95px; line-height:95px;}

.stroke{ width:1200px; height:958px; margin:auto; margin-top:10px;}
.stroke_tit{ width:1200px; text-align: center; font-size:30px; color:#323232; height:200px; line-height:200px;}

.touch_con{ width:1200px; height:auto; overflow:hidden; padding-bottom:60px; position:relative; background-color:#fff;}
.touch_left{ float:left; width:646px; height:537px;}

#map_main{ float:left;}

.touch1{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; top:195px; left:153px; cursor:pointer;}
.touch1_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:-25px; left:-25px;}
.touch1_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-139px; margin-left:537px; display:none;}

.touch2{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; bottom:395px; left:161px; cursor:pointer;}
.touch2_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:-20px; left:-25px; text-align: center;}
.touch2_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-299px; margin-left: 529px; display:none;}

.touch3{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; bottom:458px; left:262px; cursor:pointer;}
.touch3_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:-20px; left:-25px; text-align: center;}
.touch3_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-236px; margin-left:428px; display:none;}

.touch4{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; bottom:490px; left:345px; cursor:pointer;}
.touch4_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:-20px; left:-25px; text-align: center;}
.touch4_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-204px; margin-left:345px; display:none;}

.touch5{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; bottom:470px; left:384px; cursor:pointer;}
.touch5_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:-20px; left:-25px; text-align: center;}
.touch5_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-224px; margin-left:306px; display:none;}

.touch6{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; top:230px; left:415px; cursor:pointer;}
.touch6_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:-20px; left:-25px; text-align: center;}
.touch6_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-174px; margin-left:275px; display:none;}

.touch7{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; top:325px; left:416px; cursor:pointer;}
.touch7_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:-20px; left:-25px; text-align: center;}
.touch7_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-269px; margin-left:274px; display: none;}

.touch8{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; top:360px; left:330px; cursor:pointer;}
.touch8_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:-7px; left:-48px; text-align: center;}
.touch8_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-304px; margin-left:360px; display: none;}

.touch9{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; bottom:272px; left:322px; cursor:pointer;}
.touch9_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:-20px; left:-25px; text-align: center;}
.touch9_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-422px; margin-left:368px; display:none;}

.touch10{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; bottom:310px; left:397px; cursor:pointer;}
.touch10_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:-20px; left:-25px; text-align: center;}
.touch10_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-384px; margin-left:293px; display: none;}

.touch11{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; top:382px; left:410px; cursor:pointer;}
.touch11_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:-20px; left:-25px; text-align: center;}
.touch11_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-326px; margin-left:280px; display: none;}

.touch12{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; bottom:266px; left:425px; cursor:pointer;}
.touch12_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:-20px; left:-25px; text-align: center;}
.touch12_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-428px; margin-left:265px; display:none;}

.touch13{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; top:103px; left:620px; cursor:pointer;}
.touch13_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:-20px; left:-25px; text-align: center;}

.touch13_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-47px; margin-left:70px; display:none;}

.touch14{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; top:367px; left:469px; cursor:pointer;}
.touch14_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:-20px; left:-25px; text-align: center;}
.touch14_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-311px; margin-left:221px; display:none;}

.touch15{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; top:323px; left:482px; cursor:pointer;}
.touch15_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:-20px; left:-25px; text-align: center;}
.touch15_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-267px; margin-left:208px; display: none;}

.touch16{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; top:270px; left:460px; cursor:pointer;}
.touch16_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:-20px; left:-25px; text-align: center;}
.touch16_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-214px; margin-left:230px; display:none;}

.touch17{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; top:220px; left:521px; cursor:pointer;}
.touch17_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:-7px; left:13px; text-align:left;}
.touch17_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-164px; margin-left:169px; display:none;}

.touch18{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; top:237px; left:484px; cursor:pointer;}
.touch18_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:-7px; left:13px; text-align:left;}
.touch18_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-181px; margin-left:206px; display: none;}

.touch19{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; top:145px; left:610px; cursor:pointer;}
.touch19_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:-7px; left:13px; text-align:left;}
.touch19_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-89px; margin-left:80px; display: none;}

.touch20{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; top:178px; left:564px; cursor:pointer;}
.touch20_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:-7px; left:13px; text-align:left;}
.touch20_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-122px; margin-left:126px; display:none;}

.touch21{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; top:277px; left:515px; cursor:pointer;}
.touch21_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:-7px; left:13px; text-align:left;}
.touch21_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-221px; margin-left:175px; display:none;}

.touch22{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; top:335px; left:531px; cursor:pointer;}
.touch22_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:8px; left:-25px; text-align: center;}
.touch22_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-279px; margin-left:159px; display:none;}

.touch23{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; top:325px; left:563px; cursor:pointer;}
.touch23_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:-7px; left:13px; text-align:left;}
.touch23_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-269px; margin-left:127px; display:none;}

.touch24{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; top:342px; left:587px; cursor:pointer;}
.touch24_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:-7px; left:13px; text-align:left;}
.touch24_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-286px; margin-left:103px; display:none;}

.touch25{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; top:376px; left:575px; cursor:pointer;}
.touch25_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:8px; left:-25px; text-align: center;}
.touch25_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-320px; margin-left:115px; display:none;}

.touch26{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; top:405px; left:460px; cursor:pointer;}
.touch26_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:8px; left:-25px; text-align: center;}
.touch26_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-349px; margin-left:230px; display:none;}

.touch27{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; bottom:345px; left:516px; cursor:pointer;}
.touch27_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:8px; left:-25px; text-align: center;}
.touch27_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-349px; margin-left:174px; display:none;}

.touch28{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; bottom:329px; left:550px; cursor:pointer;}
.touch28_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:8px; left:-25px; text-align: center;}
.touch28_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-365px; margin-left:140px; display:none;}

.touch29{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; bottom:290px; left:490px; cursor:pointer;}
.touch29_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:8px; left:-25px; text-align: center;}
.touch29_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-404px; margin-left:200px; display:none;}


.touch30{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; bottom:200px; left:440px; cursor:pointer;}
.touch30_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:-7px; left:13px; text-align:left;}
.touch30_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-494px; margin-left:250px; display:none;}


.touch31{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; top:185px; left:510px; cursor:pointer;}
.touch31_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:-7px; left:13px; text-align:left;}
.touch31_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-129px; margin-left:180px; display:none;}

.touch32{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; top:214px; left:580px; cursor:pointer;}
.touch32_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:-7px; left:13px; text-align:left;}
.touch32_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-158px; margin-left:110px; display:none;}

.touch33{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; top:265px; left:565px; cursor:pointer;}
.touch33_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:-7px; left:13px; text-align:left;}
.touch33_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-209px; margin-left:125px; display:none;}

.touch34{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; top:265px; left:492px; cursor:pointer;}
.touch34_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:-7px; left:13px; text-align:left;}
.touch34_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-209px; margin-left:198px; display:none;}

.touch35{ width:8px; height:8px; background-color:#df1130; border-radius:100%; position:absolute; bottom:267px; left:515px; cursor:pointer;}
.touch35_1{ font-size:14px; color:#333; width:60px; height:19px; position:absolute; top:-7px; left:13px; text-align:left;}
.touch35_right{ background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:-427px; margin-left:175px; display:none;}



.touch_right{ float:right;background: url(../images/job_22.png) no-repeat center; width:510px; height:255px; margin-top:56px; }

.touch_1{ font-size:22px; color:#df1130; padding-left:60px; width:400px; height:80px; line-height:80px;}
.touch_2{ font-size:16px; color:#4c4c4c; line-height:32px; padding-left:60px; width:400px; height: auto; overflow:hidden;}



/*社会招聘*/
.society_div{ width:100%; height:899px;}
.society_div_1{ font-size:70px; color:#fff; font-weight:bold; height:92px; padding-top:410px; width:100%; text-align: center; overflow:hidden;}
.society_div_1 span{ font-family:"宋体";}
.society_div_2{ width:100%; font-size:18px; color:#fff; text-align: center; height:70px; line-height:70px;}
.society_div_3{ width:100%; text-align: center; margin-top:15px; height:47px;}
.society_div_3 a{ display:inline-block; font-size:17px; color:#fff; font-weight:bold; border:2px solid rgba(255,255,255,0.5); border-radius:30px; padding:0px 50px; height:43px; cursor:pointer; line-height:43px;}
.society_div_3 a:hover{ background-color:#d90010; border:2px solid #d90010; color:#fff;}

.know{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-bottom:100px;}
.know_tit{ width:1200px; font-size:30px; color:#373737; text-align: center; height:190px; line-height:190px;}
.know_list{ width:1200px; height:auto; overflow:hidden;}
.know_list ul li{ width:1200px; height:380px; list-style:none;}
.know_list ul li a{ display:block; width:1200px; height:380px; overflow:hidden;}
.know_img{ float:left; width:600px; height:380px;}
.know_right{ float:right; width:545px; height:380px;}
.know_1{ width:100%; font-size:22px; color:#373737; height:75px; line-height:75px; margin-top:30px;}
.know_2{ font-size:16px; color:#373737; line-height:30px; height:180px; overflow:hidden; width:525px;}
.know_img1{ float:right; width:600px; height:380px;}
.know_right1{ float:left; width:545px; height:380px;}

.welfare_warp{ width:100%; background-color:#353535; height:380px;}
.welfare{ width:1200px; height:380px; margin:auto;}
.welfare_tit{ width:1200px; text-align: center; font-size:30px; color:#fff; height:150px; line-height:150px;}
.welfare_list{ width:1200px; height:175px; margin-top:10px;}
.welfare_list a{ display:block; float:left; width:150px; height:175px;}
.welfare_list a:hover .welfare_img{ border:2px solid #d90010; background-color:#d90010;-webkit-transition: all 0.4s ease-in-out;}
.welfare_list a:hover .welfare_biao{color:#d90010;-webkit-transition: all 0.4s ease-in-out;}
.welfare_img{ width:87px; height:87px; border:2px solid #fff; border-radius:50%; margin:auto;}
.welfare_biao{ width:100%; text-align: center; font-size:16px; color:#fff; height:65px; line-height:65px;}

.plan_warp{ width:100%; background:url(../images/society_38.jpg) no-repeat center; height:718px;}
.plan{ width:1200px; height:718px; margin:auto;}
.plan_tit{ width:1200px; font-size:39px; color:#323232; font-weight:bold; background: url(../images/index_04.jpg) no-repeat left bottom; height:108px; padding-top:210px;}
.plan_1{ width:1200px; font-size:22px; color:#303030; line-height:38px; height:76px; overflow:hidden; margin-top:35px;}
.plan_2{ width:1200px; font-size:16px; color:#303030; line-height:32px; margin-top:30px;}
.plan_2 span{ font-size:20px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.plan_3{ width:1200px; height:47px; margin-top:40px;}
.plan_3 a{ display:inline-block; font-size:17px; color:#323232; font-weight:bold; border:2px solid #323232; border-radius:30px; padding:0px 50px; height:43px; cursor:pointer; line-height:43px;}
.plan_3 a:hover{ background-color:#d90010; border:2px solid #d90010; color:#fff;-webkit-transition: all 0.4s ease-in-out;}


.bei{ width:100%; height:100vh; position:fixed; top:0;}
.place{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:190px; position:relative; z-index:9;}
.place ul li{ width:1200px; height:auto; overflow:hidden; list-style:none; margin-bottom:10px;}
.place_1{ width:1200px; height:106px; background-color:#1a1a1a;}
.place_1_1{ float:left; font-size:20px; color:#fff; height:106px; line-height:106px; padding-left:35px; width:265px;}
.place_1_2{ float:left; font-size:18px; color:#fff; height:106px; line-height:106px; width:255px; text-align: center;}
.place_1_3{ float:left; font-size:18px; color:#fff; height:106px; line-height:106px; width:195px; text-align: center;}
.place_1_4{ float:left; font-size:14px; color:#fff; height:106px; line-height:106px; width:300px; text-align: center;}
.place_1_5{ float:right; font-size:14px; color:#e30000; height:106px; line-height:106px; text-align: center; width:150px;}

.place_con{ width:1200px; height:auto; overflow:hidden; border-top:1px solid #414141; background-color:#1a1a1a; display:none;}
.place_nei{ width:1130px; height:auto; overflow:hidden; padding:0px 35px; padding-top:50px; font-size:16px; color:#a3a3a3; line-height:30px; padding-bottom:110px;}
.place_nei span{ font-weight:bold; color:#fff;}
.place_tou{ width:100%; height:60px;}
.place_tou a{ display:block; width:100%; text-align: center; font-size:22px; color:#fff; height:60px; background-color:#d90010; line-height:60px;}
.place_tou1{ display:none;}
.place_lan{ width:100%; height:106px; background-color:#1a1a1a;}
.place_lan .place_1_5{ background:url(../images/place_03.png) no-repeat 94% 10px;} 

/*矿山详情*/
.mine_warp{ width:100%; background:url(../images/mine_06.jpg) no-repeat center; height:719px;}
.mine{ width:1200px; height:719px; margin:auto;}
.mine_tit{ width:1200px; text-align: center; font-size:40px; color:#fff; height:200px; line-height:200px;}
.mine_list{ width:1200px; height:auto; overflow:hidden;}
.mine_list ul li{ float:left; width:300px; height:175px; list-style:none; margin-bottom:35px;}
.mine_list ul li a{ display:block; width:300px; height:175px;}
.mine_list ul li a:hover .mine_img{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);-webkit-transition: all 0.5s ease-in-out; background-color:#d9000b; border:2px solid #d9000b;}
.mine_list ul li a:hover .mine_img img{ transform: rotateZ(0deg);-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.mine_img{ width:82px; height:82px; border-radius:50%; margin:auto; border:2px solid rgba(255,255,255,0.15);position:relative; z-index:1;-webkit-transition: -webkit-transform 0.8s ease-in-out;
-moz-transition: -moz-transform 0.8s ease-in-out;-o-transition: -o-transform 0.8s ease-in-out;-ms-transition: -ms-transform 0.8s ease-in-out;}
.mine_img img{width:82px; height:82px; border-radius:50%;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.8s ease-in;-moz-transition: all 0.8s ease-in;-o-transition: all 0.8s ease-in;-ms-transition: all 0.8s ease-in;transition: all 0.8s ease-in;}
.mine_biao{ width:100%; text-align: center; font-size:18px; color:#fff; height:21px; line-height:21px; margin-top:20px;}
.mine_con{ width:100%; text-align: center; font-size:14px; color:#a0a0a0; height:21px; line-height:21px;}

.usable_list1{ width:1200px; height:475px; margin-top:40px; text-align: center;}
.usable_list1 ul li{ display:inline-block; width:312px; height:475px; list-style:none; margin-left:66px; margin-right:66px;}
.usable_lis1t ul li.usable_list_li{ margin-right:0px;}

/*林业详情*/
.item_kong{ width:1200px; height:50px; overflow:hidden;}
.item_left1{ float: left; overflow: hidden; width: 655px;}
.item_1{ width:640px; font-size:22px; color:#353535; font-weight:bold; background:url(../images/detail_03.png) no-repeat left; padding-left:15px; height:30px; line-height:30px;}
.item_2{ width:640px; height:auto; overflow:hidden; padding-left:15px; margin-top:30px; font-size:16px; color:#3f3f3f; line-height:23px;}
.item_2 span.item_2_span{ font-size:18px; color:#3f3f3f; font-weight:bold; background:url(../images/detail1_06.png) no-repeat left; padding-left:15px; display:inline-block; width:625px; padding-bottom:15px;}

.mine_all{ width:1200px; height:auto; overflow:hidden;}
.mine_left{ float:left; width:534px; height:auto; overflow:hidden;}
.mine_left img{ max-width:100%; height:auto;}
.mine_right{ float:right; width:580px; height:auto; overflow:hidden; padding-top:15px;}
.mine_right span{ display:inline-block; font-size:16px; color:#fff; line-height:39px; background:url(../images/forestry_10.png) no-repeat left; padding-left:25px; width:555px; height:39px; overflow:hidden;}

/*JRC详情*/
.n_div1_1{ width:100%; text-align: center; font-size:50px; color:#fff; font-weight:bold; height:66px; padding-top:240px; position:relative; z-index:9;}
.n_div1_2{ width:100%; text-align: center; font-size:37px; color:#fff; height:49px; position:relative; z-index:9;}
.n_div1_3{ width:100%; height:519px; text-align: center; margin-top:25px;}
.n_div1_3 img{ max-height:519px; }
.sketch{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:65px;}
.sketch_tit{ width:1200px; text-align: center; font-size:40px; color:#000001; height:145px; line-height:145px;}
.sketch_all{ width:1200px; height:auto; overflow:hidden; margin-top:25px; padding-bottom:245px;}
.sketch_left{ float:left; height:auto; overflow:hidden; text-align: center; width:600px;}
.sketch_right{ float:right; width:600px; height:auto; overflow:hidden;}
.sketch_1{ width:600px; font-size:18px; color:#4a4a4a; font-weight:bold; height:35px; line-height:35px;}
.sketch_2{ width:555px; height:auto; overflow:hidden; font-size:16px; color:#4a4a4a; line-height:29px; margin-top:25px;}

.survey_warp{ width:100%; height:855px; background-color:#000001;}
.survey{ width:1200px; height:855px; margin:auto;}
.survey_tit{ width:1200px; text-align: center; font-size:40px; color:#fff; height:200px; line-height:200px;}
.survey_all{ width:1200px; height:auto; overflow:hidden; margin-top:75px; padding-bottom:95px;}
.survey_left{ float:left; width:530px; height:auto; overflow:hidden;}
.survey_left img{ max-width:100%; height:auto;}
.survey_right{ float:right; width:600px; height:380px; background: url(../images/vehicle_04.png) no-repeat left top;}
.survey_nei{ font-size:16px; color:#fff; line-height:35px; margin-left:45px; width:510px; height:370px; margin-top:-10px; overflow-y: auto;} 

/*机载激光雷达*/
.pilot{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-bottom:85px;}
.pilot_tit{ width:1200x; height:165px; text-align: center; line-height:165px; font-size:40px; color:#000001;}
.pilot_list{ width:1200px; height:auto; overflow:hidden; margin-top:20px; margin-bottom:25px;}
.pilot_list ul li{ float:left; width:400px; height:86px; list-style:none; margin-bottom:55px;}
.pilot_list ul li a{ display:block; width:400px; height:86px;}
.pilot_list ul li a:hover .pilot_img{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);-webkit-transition: all 0.5s ease-in-out; border:2px solid #d9000b;}
.pilot_list ul li a:hover .pilot_img img{ transform: rotateZ(0deg);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);-webkit-filter: grayscale(0%);}
.pilot_list ul li a:hover .pilot_1{ color:#d9000b;-webkit-transition: all 0.4s ease-in-out;}
.pilot_list ul li a:hover .pilot_2{ color:#d9000b;-webkit-transition: all 0.4s ease-in-out;}
.pilot_img{ float:left; width:80px; height:80px; border-radius:50%; margin:auto; border:3px solid #c7c7c7;position:relative; z-index:1;-webkit-transition: -webkit-transform 0.8s ease-in-out;
-moz-transition: -moz-transform 0.8s ease-in-out;-o-transition: -o-transform 0.8s ease-in-out;-ms-transition: -ms-transform 0.8s ease-in-out;}
.pilot_img img{width:82px; height:82px; border-radius:50%;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.8s ease-in;-moz-transition: all 0.8s ease-in;-o-transition: all 0.8s ease-in;-ms-transition: all 0.8s ease-in;transition: all 0.8s ease-in;-webkit-filter: grayscale(100%);}
.pilot_right{ float:right; width:300px; height:86px;}
.pilot_1{ width:100%; font-size:18px; color:#3a3a3a; height:24px; padding-top:15px;}
.pilot_2{ width:100%; font-size:14px; color:#9b9b9b; height:19px; margin-top:5px;}

.drug_warp{ width:100%; height:855px; background-color:#000001;}
.drug{ width:1200px; height:855px; margin:auto;}
.drug_tit{ width:1200px; text-align: center; font-size:40px; color:#fff; height:190px; line-height:190px;}
.nature_nei{ float:left; width:265px; height:300px; background:url(../images/vehicle_04.png) no-repeat left top; font-size:16px; color:#000000; line-height:26px; padding-left:25px;} 
.nature_an1{ width:100%; margin-top:80px; height:50px;}
.nature_an1 a{ display:inline-block; font-size:16px; color:#fff; width:180px; height:48px; text-align: center; line-height:48px; border:1px solid #fff; margin-right:7px; cursor:pointer;} 
.nature_an1 a:hover{ background-color:#d9000b; border:1px solid #d9000b; color:#fff;-webkit-transition: all 0.4s ease-in-out;}
.pilot_con{ font-size:16px; color:#fff; line-height:30px; padding-left:40px; width:560px; height:400px; overflow-y: auto; background:url(../images/vehicle_04.png) no-repeat left top;}
.pilot_con span{ display:inline-block; width:215px; height:30px; line-height:30px;}

.airborne_warp{ width:100%; height:845px; background-color:#e3e7e8;}
.airborne{ width:1200px; height:845px; margin:auto;}
.airborne_tit{ width:1200px; text-align: center; font-size:40px; color:#000001; height:220px; line-height:220px;}
.airborne_list{ width:1200px; height:500px; margin-top:40px; position:relative; overflow:hidden;}
.airborne_list .swiper-container {  width: 100%; height: 100%; overflow:hidden; margin:auto;}
.airborne_list .swiper-slide{ overflow:hidden;}
.airborne_list .paginationa{ position: absolute; bottom:0px; width: 100%; z-index:100; text-align:center;}
.airborne_list .swiper-pagination-bullet { display: inline-block; width:11px;  height:11px;margin:0px 2px; border-radius:100%; cursor: pointer; opacity: 1; background-color:#3f3f3f; }
.airborne_list .swiper-pagination-bullet-active{ background-color:#ed1015;}


.airborne_con{ width:1200px; height:372px;}
.airborne_con a{ display:block; width:1200px; height:372px;}
.airborne_con a:hover .airborne_img img{ -moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.airborne_img{ float:left; width:553px; height:372px; overflow:hidden;}
.airborne_img img{width:553px; height:372px; -moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.8s ease-in;-moz-transition: all 0.8s ease-in;-o-transition: all 0.8s ease-in;-ms-transition: all 0.8s ease-in;transition: all 0.8s ease-in;}
.airborne_right{ float:right; font-size:16px; color:#3f3f3f; line-height:24px; width:600px; height:372px; overflow:hidden;}

/*C-Fans*/
.cfans{ width:1200px; height:454px; margin:auto; padding-top:270px; position:relative;}
.cfans_left{ float: left; width:630px; height:454px; background-color:#000;}
.cfans_left img{ max-width:100%;}
.cfans_right{ position:absolute; right:0;}
.cfans_1{ width:1200px; font-size:73px; font-family:Arial, Helvetica, sans-serif; color:#fff; height:96px; text-align:right; padding-top:20px;}
.cfans_2{ width:1200px; font-size:50px; font-weight:bold; color:#fff; height:66px; text-align:right;}

.rev_warp{ width:100%; height:770px; background-color:#000001;}
.rev{ width:1200px; height:770px; margin:auto;}
.rev_con{ width:1200px; height:auto; overflow:hidden; margin-top:50px;}
.rev_tit{ width:1200px; text-align: center; font-size:40px; color:#fff; height:165px; line-height:165px;}
.rev_1{ width:100%; font-size:18px; color:#fff; font-weight: bold; height:24px;}
.rev_2 { font-size: 16px; color: #fff; line-height: 30px; padding-left: 40px; width: 560px; height:270px; overflow-y: auto; background: url(../images/vehicle_04.png) no-repeat left top; margin-top:30px;}

.model_warp{ width:100%; height:890px; background-color:#e3e7e8;}
.model{ width:1200px; height:890px; margin:auto;}
.model_ti{ width:1200px; text-align: center; font-size:40px; color:#000001; height:185px; line-height:185px;}
.model_list{ width:1200px; height:auto; overflow:hidden;}
.model_list ul li{ float:left; width:365px; height:300px; list-style:none; margin-bottom:40px; margin-right:52px;}
.model_list ul li.model_list_li{ margin-right:0px;}
.model_list ul li a{ display:block; width:365px; height:300px;}
.model_list ul li a:hover .model_tit{ color:#d9000b; -webkit-transition: all 0.4s ease-in-out;}
.model_list ul li a:hover .model_img img{ -moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.model_img{  width:365px; height:240px; overflow:hidden;}
.model_img img{width:365px; height:240px; -moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.8s ease-in;-moz-transition: all 0.8s ease-in;-o-transition: all 0.8s ease-in;-ms-transition: all 0.8s ease-in;transition: all 0.8s ease-in;}
.model_tit{ width:100%; height:60px; text-align: center; line-height:60px; overflow:hidden; font-size:16px; color:#000001;}

.other{ width:1200px; height:auto; overflow:hidden; margin:auto;}
.other_tit{ width:1200px; font-size:18px; color:#414141; font-weight:bold; height:80px; line-height:80px;}
.other_con{ width:1200px; height:114px; border-bottom:1px solid #e3e3e3; position:relative;}
.other_text{ background-color:#e3e3e3; border:none; padding-left:20px; height:60px; width:1030px; font-size:15px; font-family:"微软雅黑";}
.other_btn{ font-size:18px; color:#fff; background-color:#cf0c0c; width:150px; height:60px; border:none; position:absolute; top:0; right:0; font-family:"微软雅黑";}

/*U-Arm*/
.n_div1_4{ width:312px; height:312px; margin:auto; text-align: center; margin-top:120px;}
.n_div1_4 img{ width:312px; height:312px; position:relative; z-index:9;animation-name: shakeimg;animation-duration: 2s; animation-iteration-count:1;}

.n_div1_quan{ width:245px; height:245px;position: absolute; border:2px solid #2e8dbe; border-radius:50%; top:32px; left:32px;animation-name: shakequan;animation-duration: 2s; animation-iteration-count: infinite;}
.n_div1_quan1{ width:312px; height:312px;position: absolute;animation-name: shakequan;animation-duration:2s; animation-iteration-count: infinite; border:2px solid #3b5875; border-radius:50%;}
.n_div1_quan2{ width:375px; height:375px;position: absolute;animation-name: shakequan;animation-duration:2s; animation-iteration-count: infinite; border:2px solid #3f4d5c; border-radius:50%;top:-37px; left:-37px;}

.n_div1_quan3{ width:455px; height:455px;position: absolute; 

 border-radius:50%;top:-82px; left:-82px;
 

 
 }


@keyframes shakeimg {
	from {  opacity:0;}
	to { opacity:1;}
}



@keyframes shakequan {
	from { transform: scale(1, 1); opacity:0;}
	to {transform: scale(1.5, 1.5); opacity:1;}
}

@keyframes shakequan1{
	from { topacity:0;}
	to { opacity:1;}
}









/*行业应用-案例详情*/
.trade_warp{ width:100%; background:url(../images/trade_06.jpg) no-repeat center bottom; height:577px;}
.trade{ width:1200px; height:577px; margin:auto;}
.trade_tit{ width:100%; text-align: center; font-size:40px; color:#2f2f2f;}
.trade_xiao{ width:1200px; text-align: center; font-size:22px; color:#3f3f3f; height:60px; line-height:60px; margin-bottom:15px;}
.trade_yin{ width:1200px; text-align: center; font-size:18px; color:#d9000b; font-weight:bold; height:100px; line-height:100px;}
.trade_list{ width:1200px; height:280px; margin-top:35px;}
.trade_list ul li{ float:left; width:195px; height:280px; list-style:none; margin-right:56px;}
.trade_list ul li.trade_list_li{ margin-right:0px;}
.trade_img{ width:195px; height:195px; background-color:#fff; border-radius:50%;}
.trade_biao{ width:195px; text-align: center; font-size:18px; color:#fff; line-height:26px; height:52px; margin-top:15px;}

.compose_warp{ width:100%; height:555px; background-color:#f8f8f8;}
.compose{ width:1200px; height:555px; margin:auto;}
.compose_list{ width:1200px; height:370px; margin-top:15px; overflow:hidden;}
.compose_list ul li{ float:left; width:600px; height:370px; list-style:none;}
.compose_img{ width:600px; height:283px; text-align: center;}
.compose_tit{ width:600px; text-align: center; font-size:18px; color:#343434; height:75px; line-height:75px;}

.drive_tit1{ width:1200px; font-size:22px; color:#282828; text-align: center; line-height:85px; height:85px;}
.drive_kong{ width:100%; height:35px; overflow:hidden;}
.drive_rong1{ width:585px; height:auto; overflow:hidden;}
.drive_rong1 span{ display:block; height:auto; overflow:hidden; font-size:16px; color:#414141; background:url(../images/detail1_06.png) no-repeat left 10px; padding-left:30px; width:555px; line-height:24px; padding-bottom:20px;}

.process_warp{ width:100%; height:575px; overflow:hidden; background-color:#1c1c1c;}
.process{ width:1200px; height:575px; overflow:hidden; margin:auto;}
.process_tit{ width:1200px; text-align: center; font-size:22px; color:#fff; height:140px; line-height:140px;}
.process_list{ width:1100px; height:300px; margin:auto; margin-top:35px; background:url(../images/trade_21.png) no-repeat center 60px;}
.process_list ul li{ float:left; width:150px; height:300px; list-style:none; margin-right:87px;}
.process_list ul li.process_list_li{ margin-right:0px;}
.process_img{ width:150px; height:150px; background-color:#d9000b; border-radius:10px; margin:auto;}
.process_1{ width:100%; font-size:20px; color:#fff; text-align: center; height:55px; line-height:55px; margin-top:20px;}
.process_2{ width:150px; text-align: center; font-size:14px; color:#9c9c9c; line-height:20px; height:40px;}

.gain{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:75px;}
.gain_tit{ width:1200px; text-align: center; font-size:22px; color:#3f3f3f; height:40px; line-height:40px;} 
.gain_con{ width:1200px; text-align: center; font-size:16px; color:#3f3f3f; height:35px; line-height:35px; overflow:hidden;}
.gain_list{ width:1200px; height:auto; overflow:hidden; margin-top:55px; margin-bottom:135px;}
.gain_list ul li{ float:left; width:566px; height:279px; list-style:none; margin-right:68px;}
.gain_list ul li.gain_list_li{ margin-right:0px;}

.tupian{ width:566px; height:279px; margin:auto;}
.biaoti{ width:566px; height:40px; line-height:40px; font-size:18px; font-weight:bold; color:#333; padding-top:10px; margin:auto;}
.miaoshu{ width:566px; height:90px; line-height:30px; font-size:14px;  color:#666; margin:auto; margin-top:10px;}



/*配套软件*/
.assort_warp{ width:100%; height:auto; overflow:hidden; position:absolute; top:240px;}
.assort{ width:1200px; height:auto; overflow:hidden; margin:auto;}
.assort_tit{ width:1200px; font-size:50px; color:#fff; font-weight:bold; text-align: center; height:66px;}
.assort_con{ width:1200px; text-align: center; font-size:37px; color:#fff; height:70px; line-height:70px;}
.assort_list{ width:1200px; height:475px; margin-top:70px;}
.assort_list ul li{ float:left; width:370px; height:475px; list-style:none; margin-right:45px;}

.assort_list ul li.assort_list_li{ margin-right:0px;}
.assort_list ul li a{ display:block; width:350px; height:475px; background:url(../images/assort_10.png) no-repeat left 255px; padding-left:20px;}
.assort_list ul li a:hover .assort_2{ background-color:#d30010; border:1px solid #d30010;-webkit-transition: all 0.4s ease-in-out;}
.assort_img{ width:350px; height:266px; text-align: center;}
.assort_1{ width:350px; text-align: center; font-size:22px; color:#fff; height:125px; line-height:125px; margin-top:20px;}
.assort_2{ font-size:14px; color:#fff; border:1px solid #fff; width:168px; height:50px; text-align: center; line-height:50px; margin:auto;}


.career{ width:1200px; height:403px; position:relative; margin:auto; margin-top:55px; z-index:9;}

.career_1{ width:1200px; height:403px; text-align: center;opacity:0; animation: careertuo 0.6s 1s forwards;  -moz-animation: careertuo 0.6s 1s forwards; -ms-animation: careertuo 0.6s 1s forwards;}
.career_1 img{ padding-top:55px;}
@keyframes careertuo{ from {opacity:0px;} to {opacity:1;} }


.career_2{ position:absolute; left:-100px;opacity:0; width:330px; height:102px; top:8px; animation:careerl 0.6s 1.5s forwards;  -moz-animation:careerl 0.6s 1.5s forwards; -ms-animation:careerl 0.6s 1.5s forwards;}
.career_2_1{ float:left; width:71px; height:52px;}
.career_2_1 img{ width:71px; height:52px;}
.career_2_2{ float:right; width:224px; height:86px; background:url(../images/r1_03.png) no-repeat center; font-size:16px; color:#fff; line-height:60px; overflow:hidden; margin-top:16px;}

@keyframes careerl{ from {opacity:0; left:-100px} to {opacity:1; left:160px;} }


.career_3{ position:absolute;  left:-100px;opacity:0; width:225px; height:102px; top:170px; animation:careerl 0.6s 2s forwards;  -moz-animation:careerl 0.6s 2s forwards; -ms-animation:careerl 0.6s 2s forwards;}
.career_3_1{ float:left; width:71px; height:73px;}
.career_3_1 img{ width:71px; height:73px;}
.career_3_2{ float:right; width:120px; height:36px; padding-top:6px; background: url(../images/r1_11.png) no-repeat left top; font-size:16px; color:#fff; line-height:36px; overflow:hidden; margin-top:36px;}

.career_4{ position:absolute;  left:-100px;opacity:0; width:330px; height:125px; bottom:0px; animation:careerl 0.6s 2.5s forwards;  -moz-animation:careerl 0.6s 2.5s forwards; -ms-animation:careerl 0.6s 2.5s forwards;}
.career_4_1{ float:left; width:71px; height:125px;}
.career_4_1 img{ width:71px; height:55px; padding-top:70px;}
.career_4_2{ float:right; width:223px; height:36px; padding-top:89px; background: url(../images/r1_20.png) no-repeat left top; font-size:16px; color:#fff; line-height:36px; overflow:hidden;}

.career_5{ position:absolute; opacity:0; right:-100px; width:255px; height:103px; top:0px; animation:careerright 0.6s 3s forwards;  -moz-animation:careerright 0.6s 3s forwards; -ms-animation:careerright 0.6s 3s forwards;}
.career_5_1{ float:left; width:147px; height:67px; background: url(../images/r1_06.png) no-repeat left top; font-size:16px; color:#fff; line-height:48px; overflow:hidden; text-align:right; margin-top:36px;}
.career_5_2{ float:right; width:76px; height:76px;}
.career_5_2 img{ width:76px; height:76px;}

.career_6{ position:absolute; opacity:0; right:-100px; width:259px; height:77px; top:167px; animation:careerright 0.6s 3.5s forwards;  -moz-animation:careerright 0.6s 3.5s forwards; -ms-animation:careerright 0.6s 3.5s forwards;}
.career_6_1{ float:left; width:158px; height:45px; background: url(../images/r1_11.png) no-repeat left top; font-size:16px; color:#fff; line-height:45px; overflow:hidden; text-align:right; margin-top:32px;}
.career_6_2{ float:right; width:76px; height:63px;}
.career_6_2 img{ width:76px; height:63px;}

.career_7{ position:absolute; opacity:0; right:-100px; width:275px; height:126px; bottom:5px; animation:careerright 0.6s 4s forwards;  -moz-animation:careerright 0.6s 4s forwards; -ms-animation:careerright 0.6s 4s forwards;}
.career_7_1{ float:left; width:175px; height:40px; padding-top:86px; background: url(../images/r1_18.png) no-repeat left top; font-size:16px; color:#fff; line-height:40px; overflow:hidden; text-align:right;}
.career_7_2{ float:right; width:76px; height:67px;}
.career_7_2 img{ width:76px; height:67px; padding-top:70px;}

@keyframes careerright{ from {opacity:0; right:-100px} to {opacity:1; right:126px;} }


.kind{ width:1200px; height:434px; position:relative; margin:auto; margin-top:85px; z-index:9;}

.kind_1{ width:1200px; height:434px; text-align: center;opacity:0; animation: kindtuo 0.6s 0.5s forwards;  -moz-animation: kindtuo 0.6s 0.5s forwards; -ms-animation: kindtuo 0.6s 0.5s forwards; position:relative; top:-100px;}
@keyframes kindtuo{ from {opacity:0px; top:-100px;} to {opacity:1; top:0px;} }


.kind_2{ position:absolute; left:-100px;opacity:0; width:365px; height:102px; top:0px; animation:kindleft 0.6s 1.5s forwards;  -moz-animation:kindleft 0.6s 1.5s forwards; -ms-animation:kindleft 0.6s 1.5s forwards;}
.kind_2_1{ float:left; width:71px; height:52px;}
.kind_2_1 img{ width:71px; height:52px;}
.kind_2_2{ float:right; width:262px; height:102px; background: url(../images/f1_03.png) no-repeat center; font-size:16px; color:#fff; line-height:60px; overflow:hidden;}
.kind_con{ font-size:18px; color:#fff; line-height:27px; width:145px; height:54px; overflow:hidden; padding-top:25px;}

.kind_4{ position:absolute;  left:-100px;opacity:0; width:387px; height:180px; bottom:0px; animation:kindleft 0.6s 2s forwards;  -moz-animation:kindleft 0.6s 2s forwards; -ms-animation:kindleft 0.6s 2s forwards;}
.kind_4_1{ float:left; width:71px; height:180px;}
.kind_4_1 img{ width:71px; height:73px; padding-top:105px;}
.kind_4_2{ float:right; width:267px; height:79px; padding-top:101px; background: url(../images/f1_10.png) no-repeat left top; font-size:16px; color:#fff; line-height:36px; overflow:hidden;}

@keyframes kindleft{ from {opacity:0; left:-100px} to {opacity:1; left:60px;} }


.kind_5{ position:absolute; opacity:0; right:-100px; width:380px; height:103px; top:0px; animation:kindright 0.6s 2.5s forwards;  -moz-animation:kindright 0.6s 2.5s forwards; -ms-animation:kindright 0.6s 2.5s forwards;}
.kind_5_1{ float:left; width:266px; height:106px; background: url(../images/f1_05.png) no-repeat left top;  overflow:hidden;}
.kind_5_2{ float:right; width:77px; height:77px;}
.kind_5_2 img{ width:77px; height:77px;}
.kind_con1{ font-size:18px; color:#fff; line-height:27px; width:145px; height:54px; overflow:hidden; padding-top:25px; float:right;}


.kind_7{ position:absolute; opacity:0; right:-100px; width:396px; height:185px; bottom:5px; animation:kindright 0.6s 3s forwards;  -moz-animation:kindright 0.6s 3s forwards; -ms-kindright:careerright 0.6s 3s forwards;}
.kind_7_1{ float:left; width:268px; height:79px; padding-top:106px; background: url(../images/f1_12.png) no-repeat left top; font-size:16px; color:#fff; line-height:40px; overflow:hidden; text-align:right;}
.kind_7_2{ float:right; width:76px; height:185px; text-align:right;}
.kind_7_2 img{ width:76px; height:67px; padding-top:103px;}

@keyframes kindright{ from {opacity:0; right:-100px} to {opacity:1; right:45px;} }


.precise{ width:1200px; height:479px; position:relative; margin:auto; margin-top:75px; z-index:9;}
.precise_right{ float:right; width:778px; height:479px; position:relative; opacity:0; right:-100px; animation:preciseright 0.6s 3s forwards;  -moz-animation:preciseright 0.6s 3s forwards; -ms-animation:preciseright 0.6s 3s forwards;}
@keyframes preciseright{ from {opacity:0; right:-100px} to {opacity:1; right:0px;} }


.precise_left{ float:left; width:399px; height:399px; margin-top:45px; position:relative;}
.precise_bg{ width:399px; height:399px; position:absolute; top:-100px; opacity:0; animation:precisebg 0.6s 0.5s forwards;  -moz-animation:precisebg 0.6s 0.5s forwards; -ms-animation:precisebg 0.6s 0.5s forwards;}
@keyframes precisebg{ from {opacity:0; top:-100px} to {opacity:1; top:0px;} }

.precise_1{ width:199px; height:204px; float:left; position:relative; left:-100px; opacity:0; animation:precise1 0.6s 1s forwards;  -moz-animation:precise1 0.6s 1s forwards; -ms-animation:precise1 0.6s 1s forwards;}
.precise_1_img{ width:199px; height:204px;}
.precise_1_tit{ font-size:16px; color:#fff; width:199px; position:absolute; bottom:0; height:60px; line-height:60px; text-align: center;}
.precise_2{ width:199px; height:204px; float: right; position:relative; right:-100px; opacity:0; animation:precise2 0.6s 1.5s forwards;  -moz-animation:precise2 0.6s 1.5s forwards; -ms-animation:precise2 0.6s 1.5s forwards;}
.precise_3{ width:199px; height:204px; float: left; position:relative; left:-100px; opacity:0; animation:precise1 0.6s 2s forwards;  -moz-animation:precise1 0.6s 2s forwards; -ms-animation:precise1 0.6s 2s forwards;}
.precise_4{ width:199px; height:204px; float: right; position:relative; right:-100px; opacity:0; animation:precise2 0.6s 2.5s forwards;  -moz-animation:precise2 0.6s 2.5s forwards; -ms-animation:precise2 0.6s 2.5s forwards;}

@keyframes precise1{ from {opacity:0; left:-100px} to {opacity:1; left:0px;} }
@keyframes precise2{ from {opacity:0; right:-100px} to {opacity:1; right:0px;} }


.scan{ width:1200px; height:479px; position:relative; margin:auto; margin-top:100px; z-index:9;}
.scan_left{ float:left; width:728px; height:467px; position:relative; opacity:0; left:-100px; animation:scanright 0.6s 0.5s forwards;  -moz-animation:scanright 0.6s 0.5s forwards; -ms-animation:scanright 0.6s 0.5s forwards;}
@keyframes scanright{ from {opacity:0; left:-100px} to {opacity:1; left:0px;} }


.scan_right{ float:right; width:400px; height:400px; position:relative;}
.scan_bg{ width:400px; height:400px; position:absolute; top:-100px; opacity:0; animation:scanbg 0.6s 1s forwards;  -moz-animation:scanbg 0.6s 1s forwards; -ms-animation:scanbg 0.6s 1s forwards;}
@keyframes scanbg{ from {opacity:0; top:-100px} to {opacity:1; top:0px;} }

.scan_1{ width:200px; height:200px; float:left; position:relative; left:-100px; opacity:0; animation:precise1 0.6s 1.5s forwards;  -moz-animation:precise1 0.6s 1.5s forwards; -ms-animation:precise1 0.6s 1.5s forwards;}
.scan_1_img{ width:100%; height:70px; padding-top:20px; text-align: center;}
.scan_1_1{ width:100%; text-align: center; font-size:15px; color:#fff; height:35px; line-height:35px; margin-top:16px;}
.scan_1_1 span{ font-size:20px;}
.scan_1_2{ width:100%; text-align: center; font-size:14px; color:#868686; height:30px; line-height:30px;}

.scan_2{ width:199px; height:204px; float: right; position:relative; right:-100px; opacity:0; animation:precise2 0.6s 2s forwards;  -moz-animation:precise2 0.6s 2s forwards; -ms-animation:precise2 0.6s 2s forwards;}
.scan_3{ width:199px; height:204px; float: left; position:relative; left:-100px; opacity:0; animation:precise1 0.6s 2.5s forwards;  -moz-animation:precise1 0.6s 2.5s forwards; -ms-animation:precise1 0.6s 2.5s forwards;}
.scan_4{ width:199px; height:204px; float: right; position:relative; right:-100px; opacity:0; animation:precise2 0.6s 3s forwards;  -moz-animation:precise2 0.6s 3s forwards; -ms-animation:precise2 0.6s 3s forwards;}

.canvas_scan{ width:100%; position:absolute; top:0;}


canvas#Quietflow {
    height: 987px;
    width: 100%;
}

.n_div5{ width:100%; height:100vh; position:relative; overflow:hidden;}



.mod-video {
    position: absolute;
    left: 50%;
    top: 50vh;
    min-width: 100%;
    min-height: 100%;
    margin-left: -960px;
    width: auto;
    height: auto;
    background-size: cover;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    transition: opacity 1s; background:url(../images/a11.jpg) no-repeat center; background-size:auto 100%; z-index:1;
}

.chu{ width:100%; height:100vh; background-color:rgba(0,0,0,0.5); position: fixed; top:0; z-index:9999; text-align: center;}
.chu_guan{ width:100%; height:100px; position:absolute; top:0;}
.chu_guan a{ display:block; width:72%; height:100px; font-size:16px; color:#fff; line-height:100px; text-align:right; cursor:pointer; margin:auto;}

.mod-video1{
    width: auto;
    height:80vh;
    background-size: cover;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    transition: opacity 1s; background:url(../images/a11.jpg) no-repeat center; background-size:auto 100%; z-index:1;
}

.hide{display:none;} 


.typical_all2{ width:1200px; height:380px; margin-top:87px; position:relative;}

.typical_list2{ width:1200px; height:380px; overflow:hidden;}
.typical_list2 .swiper-container {  width: 100%; height: 100%; overflow:hidden; margin:auto;}
.typical_list2 .swiper-slide{ overflow:hidden;}
.typical_list2 .swiper-slide a{ display:block; width:383px; height:380px; margin:auto;}
.typical_list2 .swiper-slide a:hover .typical_img2{ border:1px dashed #fff;-webkit-transition: all 0.4s ease-in-out;}
.typical_list2 .swiper-slide a:hover .typical_img2 img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.typical_list2 .swiper-slide a:hover .typical_biao2{ color:#d9000b; -webkit-transition: all 0.4s ease-in-out;}
.typical-left2 { position:absolute;left:-7%;color:#000;font-size:34px;font-family:"宋体";top:130px;z-index:1; cursor:pointer; }
.typical-left2:hover{ color:#d9000b;-webkit-transition: all 0.4s ease-in-out; }
.typical-right2 {position: absolute;top:130px;right:-7%; color:#000;font-size:34px; font-family:"宋体"; z-index:1; cursor:pointer; }
.typical-right2:hover{ color:#d9000b;-webkit-transition: all 0.4s ease-in-out; }
.typical_img2{ width:390px; height:244px; overflow:hidden; border:1px solid #fff;}
.typical_img2 img{ width:390px; height:244px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.typical_biao2{ width:383px; text-align: center; font-size:16px; color:#000; height:70px; line-height:70px;}


/*导航应用详情*/
.n_div_dao{ width:100%; text-align: center; font-size:24px; color:#fff; height:60px; line-height:30px; margin-top:40px;}
.listen_warp{ width:100%; background:url(../images/listen_07.jpg) no-repeat center bottom; height:685px;}
.listen{ width:1200px; height:685px; margin:auto;}
.listen_tit{ width:1200px; text-align: center; font-size:40px; color:#353535; height:165px; line-height:165px; padding-top:20px;}
.listen_tit1{ width:1200px; text-align: center; font-size:40px; color:#fff; height:165px; line-height:165px; padding-top:20px;}
.listen_list{ width:1200px; height:395px; position:relative; overflow:hidden; margin-top:32px;}
.listen_list .swiper-container { width: 100%;height: 100%;overflow:hidden;}
.listen_list .swiper-slide{ overflow:hidden;}

.listen_list .pagination1{ position: absolute; bottom:0px; width:100%; z-index:100; text-align: center;}
.listen_list .swiper-pagination-bullet { display: inline-block; width:13px;  height:13px;margin:0px 4px; border-radius:50%; cursor: pointer; opacity: 1; background-color:#cacaca; }
.listen_list .swiper-pagination-bullet-active{ background-color:#e60011; }


.listen_con{ width:367px; height:395px; margin:auto;}
.listen_con a{ display:block; width:367px; height:395px;}
.listen_con a:hover .listen_img img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.listen_con a:hover .listen_biao{ color:#d9000b; -webkit-transition: all 0.4s ease-in-out;}
.listen_img{ width:367px; height:250px; overflow:hidden;}
.listen_img img{ width:367px; height:250px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.listen_biao{ width:367px; text-align: center; font-size:18px; color:#333333; height:85px; line-height:85px;}

.listen_list1{ width:1200px; height:395px; position:relative; overflow:hidden; margin-top:32px;}
.listen_list1 .swiper-container { width: 100%;height: 100%;overflow:hidden;}
.listen_list1 .swiper-slide{ overflow:hidden;}

.listen_list1 .pagination2{ position: absolute; bottom:0px; width:100%; z-index:100; text-align: center;}
.listen_list1 .swiper-pagination-bullet { display: inline-block; width:13px;  height:13px;margin:0px 4px; border-radius:50%; cursor: pointer; opacity: 1; background-color:#fff; }
.listen_list1 .swiper-pagination-bullet-active{ background-color:#e60011; }

.listen_con a:hover .listen_biao1{ color:#d9000b; -webkit-transition: all 0.4s ease-in-out;}
.listen_biao1{ width:367px; text-align: center; font-size:18px; color:#fff; height:85px; line-height:85px;}

.listen_list3{ width:1200px; height:395px; position:relative; overflow:hidden; margin-top:32px;}
.listen_list3 .swiper-container { width: 100%;height: 100%;overflow:hidden;}
.listen_list3 .swiper-slide{ overflow:hidden;}

.listen_list3 .pagination3{ position: absolute; bottom:0px; width:100%; z-index:100; text-align: center;}
.listen_list3 .swiper-pagination-bullet { display: inline-block; width:13px;  height:13px;margin:0px 4px; border-radius:50%; cursor: pointer; opacity: 1; background-color:#cacaca; }
.listen_list3 .swiper-pagination-bullet-active{ background-color:#e60011; }


.listen_list4{ width:1200px; height:395px; position:relative; overflow:hidden; margin-top:32px;}
.listen_list4 .swiper-container { width: 100%;height: 100%;overflow:hidden;}
.listen_list4 .swiper-slide{ overflow:hidden;}

.listen_list4 .pagination4{ position: absolute; bottom:0px; width:100%; z-index:100; text-align: center;}
.listen_list4 .swiper-pagination-bullet { display: inline-block; width:13px;  height:13px;margin:0px 4px; border-radius:50%; cursor: pointer; opacity: 1; background-color:#fff; }
.listen_list4 .swiper-pagination-bullet-active{ background-color:#e60011; }

.listen_list5{ width:1200px; height:395px; position:relative; overflow:hidden; margin-top:32px;}
.listen_list5 .swiper-container { width: 100%;height: 100%;overflow:hidden;}
.listen_list5 .swiper-slide{ overflow:hidden;}

.listen_list5 .pagination5{ position: absolute; bottom:0px; width:100%; z-index:100; text-align: center;}
.listen_list5 .swiper-pagination-bullet { display: inline-block; width:13px;  height:13px;margin:0px 4px; border-radius:50%; cursor: pointer; opacity: 1; background-color:#cacaca; }
.listen_list5 .swiper-pagination-bullet-active{ background-color:#e60011; }


.cai{ display:none;}
.btn-nav {
  position: absolute;
  top: 12px;
  right:0px;
  background: transparent;
  border: none; padding-right:10px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  z-index: 99999;
}

.btn-nav:focus { outline: 0;}
.icon-bar {
  display: block;
  margin: 6px 0;
  width: 30px;
  height: 2px;
  background-color: #d90010;
}
.btn-nav:hover .icon-bar {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  background-color: #d90010;
}
.nav-item { margin: 40px auto;text-align: center;}
.animated { display: block;  margin: 0 auto;}
.animated:hover .icon-bar,.animated:focus .icon-bar{ background-color: #d90010;}
.animated:focus { cursor: pointer;z-index: 9999;}
.middle { margin: 0 auto;}
.icon-bar {
  -webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  -ms-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease;
  z-index: 999999;
}
.animated .icon-bar {
  z-index: 999999;
  background-color: #d90010;
}
.animated .topt {
  webkit-transform: translateY(5px) rotateZ(45deg);
  -moz-transform: translateY(5px) rotateZ(45deg);
  -ms-transform: translateY(5px) rotateZ(45deg);
  -o-transform: translateY(5px) rotateZ(45deg);
  transform: translateY(5px) rotateZ(45deg);
}
.animated .bottom {
  -webkit-transform: translateY(-11px) rotateZ(-45deg);
  -moz-transform: translateY(-11px) rotateZ(-45deg);
  -ms-transform: translateY(-11px) rotateZ(-45deg);
  -o-transform: translateY(-11px) rotateZ(-45deg);
  transform: translateY(-11px) rotateZ(-45deg);
}
.animated .middle { width: 0;}

.groom_lun{ display:none;}
.event_lun{ display:none;}
.hunt{ display:none;}
.stroke_city{ display:none;}



/*banner*/
.biga{ width:100%; height:100vh; margin:auto;position:relative; overflow:hidden; display:none;}
.biga .swiper-container {  width: 100%; height: 100%; overflow:hidden; margin:auto;}
.biga .swiper-slide{ overflow:hidden;}

.biga_div{ width:100%; height:100vh;} 
.biga .paginations{ position: absolute; left:0; bottom:3%; width:100%; z-index:100; margin:auto; text-align: center;}
.biga .swiper-pagination-bullet { display: inline-block; width:8px; height:8px; border-radius:50%; margin-right:20px; cursor: pointer; opacity: 1; background-color:#fff;}
.biga .swiper-pagination-bullet-active{ background-color:#d4000c;}

.scatter_tu1{ display:none;}

@media screen and (max-width:1919px)and (min-width:1600px){
	.mod-video {
    position: absolute;
    left:60%;
    top: 59vh;}
}
@media screen and (max-width:1599px)and (min-width:1440px){
	.mod-video {
    position: absolute;
    left:66.5%;
    top: 67vh;}
}
@media screen and (max-width:1439px)and (min-width:1366px){
	.mod-video {
    position: absolute;
    left:70.5%;
    top: 67vh;}
}
@media screen and (max-width:599px)and (min-width:300px){
	
	.biga{ width:100%; height:100vh; margin:auto;position:relative; overflow:hidden; display: block;}
	
	.cai{ display: block; width:100%; height:60px; top:0; z-index:99; position:absolute;}
	.cai_list{ width:100%; height:100vh; background-color:rgba(0,0,0,0.8); display:none;}
	
	/*mnav*/
	.cai_list_kong{ width:100%; height:70px;}
	.mnav{  width:96%; height:auto; margin:auto; background:#FFF; margin-left:2%; border-radius:10px;}
	.mnav li{line-height:39px; border-bottom:1px #f2f1f1 solid; margin:0px 15px; font-size:14px; background:url(../images/jl.png) no-repeat; background-position:100% 17px; list-style:none;}
	.mnav li a{ width:100%; display:block; color:#000;}
	.mnav .mnavhor{line-height:39px; border-bottom:1px #f2f1f1 solid; margin:0px 15px; font-size:14px; background:url(../images/jl2.jpg) no-repeat; background-position:100% 17px;}
	.mnav .mnavhor a{ width:100%; display:block; color:#d90010;}
	
	.mnav .mnavhor dl{ display:block;}
	.mnav li dl{z-index:1000; top:75px; left:-52px; overflow:hidden;border-top:1px #f2f1f1 solid; width:auto; display:none;}
	.mnav li dl dd{height:34px;line-height:34px; text-align:left; padding-left:20px; border-bottom:1px #f2f1f1 dashed; width:auto;}
	.mnav .mnavhor dl dd a{ color:#000;}
	.mnav .mnavhor dl dd a:hover{ color:#d90010;}
	.mnav .mnavhor dl .mnavdd a{ color:#d90010}
	
	/*头部*/
	.header{ width:100%; height:60px;  position: absolute; top:0; z-index:99; display:none;}
	.head_logo{ position:absolute; left:2%;height:60px; cursor:pointer; z-index:999; top:0;}
	.head_logo img{ padding-top:10px; height:40px; width:auto;}


	/*导航*/
	.nav-box { width:1200px;height:95px; margin:auto; text-align: right;  position:relative;z-index:8; display:none;}
	.nav1{ width:1200px; text-align:right; margin:auto;height:95px; display:none;}
	.nav{ width:1200px;height:102px; margin:auto; text-align: center; display:none;}
	
	
	.head_right{ position:absolute; right:15%; height:60px; line-height:60px; z-index:9999; top:0; display:none;}

	
	/*banner*/
	.n_div{ width:100%; height:240px;}
	.n_div_tit{ width:100%; height: auto; text-align: center;font-size:22px; color:#fff; font-weight:bold; padding-top:105px;}
	.n_div_1{ width:100%; text-align: center; font-size:16px; color:#fff; height:35px; line-height:35px;}


	/*底部*/
	.footer{ width:100%; height: auto; overflow:hidden; background-color:#121212; margin:auto;}
	.foot{ width:96%; height: auto; overflow:hidden; margin:auto; position:relative;}
	.foot_left{ float:none; width:100%; height: auto; overflow:hidden;}
	.foot_1{ width:100%; height: auto; overflow:hidden; text-align: center; padding-top:15px;}
	.foot_1 a{ display:inline-block; font-size:14px; color:#fff; height:24px; line-height:24px; cursor:pointer; margin-right:10px; margin-left:10px;}
	.foot_1 a:hover{color:#e60011; -webkit-transition: all 0.4s ease-in-out;}
	.foot_2{ width:100%; font-size:12px; color:#6b6b6b; height: auto; line-height:20px; text-align: center; padding:10px 0px;}
	.foot_right{ float:right; height:30px; margin-top:45px; display:none;}


	/*服务支持*/
	.mune_warp{ width:100%; background:#f0f0f0 none; height:124px;}
	.mune{ width:100%; height:124px; margin:auto;}
	.mune ul li{ float:left; width:400px; height:124px; list-style:none;}
	.mune ul li a{ display:block; width:400px; height:124px;}
	
	.mune_1{ width:100%; height:40px; text-align: center; overflow:hidden; padding-top:28px;}
	.mune_1_1{ width:100%; height:40px; text-align: center;}
	.mune_1_1 img{ height:40px;}
	.mune_1_2{ width:100%; height:40px; text-align: center; }
	.mune_1_2 img{ height:40px;}
	.mune_tit{ width:100%; text-align: center; font-size:14px; color:#474747; font-weight:bold; height:45px; line-height:45px;}

	.main{ width:100%; height:auto; overflow:hidden; margin:auto; margin-top:30px; padding-bottom:20px;}
	.main_tit{ width:100%; text-align: center; font-size:18px; color:#303030; height: auto;}
	.main_con{ width:100%; font-size:14px; color:#747474; text-align: center ; height:30px; line-height:30px;}
	.main_xuan{ width:100%; height: auto; overflow:hidden; margin-top:15px; text-align: center;}
	.main_select{ font-size:14px; font-family:"微软雅黑"; color:#303030; width:32%; height:50px; background-color:#f0f0f0; padding-left:0px; border:none;}
	
	.main_biao{ width:96%; font-size:18px; color:#fff; background:url(../images/down_07.png) no-repeat left; height:40px; line-height:40px; padding-left:4%; margin-top:30px; background-size:auto 100%;}
	
	.main_list{ width:100%; height:auto; overflow:hidden; margin-top:15px;}
	.main_list ul li{ width:100%; height:57px; list-style:none; margin-bottom:15px;}
	.main_list ul li a{ display:block; width:100%; height:57px; background-color:#f0f0f0;}
	
	.main_1{ float:left; height:57px; line-height:57px; background:url(../images/down_11.png) no-repeat left; font-size:16px; color:#3c3c3c; margin-left:10px; padding-left:45px; width:180px; overflow:hidden;}
	.main_2{ float:right; font-size:12px; color:#fff; text-align: center; width:90px; text-align: center; background-color:#2c2c2c; height:37px; margin:10px; line-height:37px;}
 	
	.serve_tit{ width:96%; font-size:18px; color:#303030; height:55px; line-height:55px; margin:auto; margin-top:0px;}
	.serve_list{ width:100%; height: auto; overflow:hidden; margin:auto; margin-bottom:40px;}
	.serve_list ul li{ float:left; width:50%; height: auto; overflow:hidden; list-style:none; margin-bottom:5px;}
	.serve_list ul li a{ display:block; width:300px; height:234px; position:relative; margin:auto;}
	
	.serve_list ul li a:hover .serve_bg{ opacity:0; -webkit-transition: all 0.4s ease-in-out;}
	.serve_img{ width:300px; height:234px; overflow:hidden;}
	.serve_img img{ width:300px; height:234px;}
	.serve_bg{ width:300px; height:234px; position:absolute; top:0; background:url(../images/appl_32.png) no-repeat center top; background-size:auto 100%; font-size:20px; color:#fff; text-align: center; line-height:234px;}

	.serve_entry{ width:100%; height: auto; overflow:hidden; margin:auto; margin-bottom:20px;}
	.serve_entry ul li{ float:left; width:50%; height: auto; overflow:hidden; list-style:none; margin-bottom:5px;}
	.serve_entry ul li a{ display:block; width:400px; height:300px; position:relative; margin:auto;}
	
	
	.serve_img1{ width:400px; height:300px; overflow:hidden;}
	.serve_img1 img{ width:400px; height:300px;}
	.serve_bg1{ width:400px; height:300px; position:absolute; top:0; background:rgba(0,0,0,0.3) url(../images/appl_51.png) no-repeat center top; background-size:auto 100%; font-size:16px; color:#fff; text-align: center; line-height:300px;}
	
	.serve_bg2{ width:400px; height:300px; background:url(../images/appl_53.png) no-repeat center; position:absolute; top:0; display:none;}
	.entry_con{ width:100%; height: auto; overflow:hidden; margin:auto; padding-top:26px;}

	.support{ width:100%; height:auto; overflow:hidden; margin-top:15px; margin-bottom:10px;}
	.support ul li{ width:100%; height: auto; overflow:hidden; list-style:none; margin-bottom:10px;}
	.support_1{ width:100%; height:57px; background-color:#f0f0f0;}
	.main_2 span.main_2_span2{ display:none;}
	.support_con{ font-size:14px; color:#313131; line-height:24px; padding:15px 3%; width:94%; height:auto; overflow:hidden; display:none;} 
	.support_more{ width:100%; text-align: center; height:70px;}
	.support_more a{ font-size:16px; color:#313131; cursor:pointer; display:inline-block; width:100%; height:70px; text-align: center; line-height:70px;}
	.support_more a:hover{color:#d90010; -webkit-transition: all 0.4s ease-in-out;}


	/*行业应用*/
	.n_div_tit1{ width: 100%; height: auto; text-align: center; font-size:22px; color: #fff; font-weight: bold;  padding-top: 85px;}
	.n_div_2{ width:94%; margin:auto; text-align: center; font-size:14px; color:#fff; height:48px; overflow:hidden; line-height:24px; margin-top:10px;}
	.n_div_more{ width:100%; text-align: center; margin-top:10px;}
	.n_div_more a{ display:inline-block; width:120px; height:30px; border:1px solid rgba(255,255,255,0.5); border-radius:30px; text-align: center; line-height:30px; font-size:14px; color:#fff; cursor:pointer;}

	.apply{ width:100%; height:auto; overflow:hidden; margin:auto; margin-top:5px; margin-bottom:50px;}
	.apply_tit{ width:100%; text-align: center; font-size:18px; color:#353535; height:80px; line-height:80px;}
	.apply_more{ width:100%; height:40px; text-align: center;}
	.apply_more a{ display:block; width:125px; height:40px; text-align: center; font-size:16px; color:#fff; line-height:40px; background-color:#999; margin:auto; cursor:pointer;}

	.draw_warp{ width:100%; background:none; height: auto; overflow:hidden;}
	.draw{ width:100%; height: auto; overflow:hidden; margin:auto;}
	.draw_tit{ width:100%; text-align: center; font-size:18px; color:#353535; height:60px; line-height:60px;}
	.draw_list{ width:100%; height: auto; overflow:hidden; margin-left:0px; margin-top:15px;}
	
	.draw_img{ width:100%; height:50px; padding-top:20px; overflow:hidden;}
	.draw_img_1{ width:100%; height:50px; text-align: center;}
	.draw_img_1 img{ height:50px;}
	.draw_img_2{ width:100%; height:50px; text-align: center;}
	.draw_img_2 img{ height:50px;}
	.draw_biao{ width:100%; text-align: center; font-size:18px; color:#383838; height:50px; line-height:50px;}

	/*测绘行业*/
	.main_warp{ width:100%; height:auto; overflow:hidden; margin:auto; padding-bottom:30px;}
	.lake_warp{ width:100%; height: auto; overflow:hidden; background-color:#f3f3f3;}
	.lake{ width:100%; height: auto; overflow:hidden; margin:auto;}
	.lake ul li{ float:left; height:100px; list-style:none;}
	.lake ul li a{ display:block; height:100px; overflow:hidden;}
	.lake_biao{ width:100%; text-align: center; font-size:16px; color:#353535; height:35px; line-height:35px;}
	
	.lake_di{ width:100%; text-align: center; font-size:18px; color:#2b2b2b; height:85px; line-height:85px;}

	/*联系我们*/
	.splash_warp{ width:100%; height:50px; background-color:#353535;}
	.splash{ width:96%; height:50px; margin:auto;}
	.splash_left{ float:left; height:50px; line-height:50px; font-size:12px; color:#fff;}
	.splash_right{ float:right; height:50px;}
	.splash_right a{ display:inline-block; font-size:14px; color:#fff; height:50px; line-height:50px; cursor:pointer; padding:0px 5px;}
	
	
	.contact{ width:96%; height:auto; overflow:hidden; margin:auto;}
	.contact_tit{ width:100%; height:80px; line-height:80px; text-align: center; margin:auto; font-size:20px; color:#444444;}
	.contact_list{ width:100%; height:auto; overflow:hidden; margin-top:0px;}
	.contact_list ul li{ width:100%; height: auto; overflow:hidden; list-style:none; margin-bottom:15px;}
	.contact_img{ float:none; width:130px; height:130px; overflow:hidden; border-radius:50%; margin:auto; margin-top:0px;}
	.contact_img img{ width:130px; height:130px;}
	.contact_mid{ float:none; width:100%; height: auto; overflow:hidden; padding-top:10px; margin-left:0px;}
	.contact_1{ width:100%; font-size:18px; color:#2d2d2d; height:35px; line-height:35px; text-align: center;}
	.contact_2{ width:100%; height:auto; overflow:hidden; font-size:14px; color:#5d5d5d; line-height:24px; margin-top:10px; text-align: center;}
	.contact_map{ float:none; width:100%; height: auto; overflow:hidden; border:none; margin-top:10px;}
	.contact_map img{ max-width:100%; height:auto;}

	.leave_warp{ width:100%; background:#f4f4f4 none; height: auto; overflow:hidden; padding-bottom:20px;}
	.leave{ width:96%; height: auto; overflow:hidden; margin:auto;}
	.leave_tit{ width:100%; text-align: center; font-size:20px; color:#444444; height:80px; line-height:80px;}
	.leave_biao{ width:100%; font-size:16px; color:#4c4c4c; height:40px; line-height:40px; display:none;}
	.leave_1{ width:100%; height:auto; overflow:hidden; margin-bottom:0px; text-align: center;}
	.leave_select{ border:none; background-color:#fff; width:100%; height:45px; padding-left:4%; border-radius:30px; margin-right:15px; color:#666; font-size:14px; font-family:"微软雅黑"; margin-bottom:10px;}
	.leave_text{ border:none; background-color:#fff; width:96%; height:45px; padding-left:4%; border-radius:30px;margin-right:0px; font-size:14px; font-family:"微软雅黑"; margin-bottom:10px;}
	.leave_btn{ font-size:16px; color:#fff; border:none; width:185px; height:40px; background-color:#d90010; border-radius:30px; font-family:"微软雅黑"; margin:auto;}
	
	/*新闻详情*/
	.xiang{ width:100%; height: auto; overflow:hidden; margin-top:28px;}
	.xiang_tit{ float:none; border-left:none; padding-left:0px; width:100%;}
	.xiang_tit_1{ width:100%; font-size:18px; color:#383838; height: auto; overflow:hidden;}
	.xiang_tit_2{ width:100%; font-size:14px; color:#5d5d5d; height: auto; overflow:hidden; line-height:30px; margin-top:10px;}
	.xiang_tit_2 span{ padding:0px 5px;}
	
	.xiang_right{ height:32px; float:none; width:100%; margin-top:10px;}
	.xiang_right a{ display:inline-block; font-size:12px; cursor:pointer; color:#373737; text-align: center; width: auto; padding:0px 15px; height:30px; overflow:hidden; border:1px solid #616161; line-height:30px; border-radius:4px; margin-left:0px; margin-right:10px;}
	
	.xiang_right a.xiang_right_a{ background:none; font-size:14px; color:#373737; padding-left:15px; padding-right:15px;}
	.xiang_con{ width:100%; height:auto; overflow:hidden; margin-top:30px; font-size:14px; color:#5d5d5d; line-height:24px; padding-bottom:35px; border-bottom:1px solid #dfdfdf;}
	.xiang_con img{ max-width:100%; height:auto;}

	.groom{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:70px; margin-bottom:55px; display:none;}
	
	.groom_img{ width:280px; height:197px; overflow:hidden;}
	.groom_img img{ width:280px; height:197px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
	.groom_tit{ width:280px; text-align: center; font-size:16px; color:#434343; background:url(../images/xiang_21.jpg) no-repeat center bottom; height:80px; line-height:80px; margin-top:10px;}
	.groom_con{ font-size:12px; color:#9b9b9b; text-align: center; height:44px; line-height:22px; overflow:hidden; width:245px; margin:auto; margin-top:10px;}
	
	.groom_lun{ width:100%; height:370px; position:relative; overflow:hidden; display:block; margin-top:40px;}
	.groom_lun .swiper-container {  width: 100%; height: 100%; overflow:hidden; margin:auto;}
	.groom_lun .swiper-slide{ overflow:hidden;}
	
	.groom_left{ cursor:pointer; font-size:30px; color:#d90010; font-family:"宋体"; font-weight:bold;  position:absolute; left:1%; top:180px; z-index:99;}
	.groom_right{cursor:pointer; font-size:30px; color:#d90010;  font-family:"宋体"; font-weight:bold; position:absolute; right:1%; top:180px; z-index:99;}
	
	.groom_bo{ width:280px; height:370px; margin:auto;}
	.groom_bo a{ display:block; width:280px; height:370px;}



	/*新闻*/
	.news_warp{ width:100%; height:auto; overflow:hidden;}
	.news{ width:100%; height: auto; overflow:hidden; margin:auto;}
	.news_left{ float:none; width:100%; height: auto; overflow:hidden;}
	.news_left a{ display:block; width:592px; height:415px; position:relative;}
	
	.news_left_1{ width:592px; height:415px; overflow:hidden;}
	.news_left_1 img{ width:592px; height:415px;}
	.news_left_2{ width:94%; font-size:16px; color:#fff; height:47px; line-height:47px; position:absolute; bottom:0; background-color:rgba(0,0,0,0.5); padding:0px 3%;}
	
	.news_right{ float:none; width:100%; height: auto; overflow:hidden; margin-top:10px;}
	.news_list{ width:100%; height: auto; overflow:hidden;}
	.news_list ul li{ width:100%; height:90px; list-style:none; margin-bottom:10px;}
	.news_list ul li a{ display:block; width:100%; height:90px;}
	
	.news_img{ float:left; width:130px; height:90px; overflow:hidden;}
	.news_img img{ width:130px; height:90px;}
	
	.news_con{ float:right; width:390px; height:90px; overflow:hidden;}
	.news_1{ width:100%; font-size:16px; color:#434343; height:21px; overflow:hidden;}
	.news_2{ width:100%; font-size:14px; color:#3e3e3e; font-weight:bold; height:30px; line-height:30px;}
	.news_3{ width:100%; font-size:12px; color:#828282; height:40px; line-height:20px; overflow:hidden;}
	.news_more{ width:84px; margin:auto; margin-top:30px; text-align: center; height:32px; margin-bottom:40px;}
	.news_more a {display: block;font-size: 14px;color: #cd0808;border: 1px solid #d90010;width: 80px;height: 30px;text-align: center;line-height: 30px;cursor: pointer;}
	
	.dynamic_warp{ width:100%; height: auto; overflow:hidden; background-color:#f3f3f3;}
	.dynamic_warp1{ width:100%; height:auto; overflow:hidden; background-color:#f3f3f3;}
	.dynamic{ width:100%; height: auto; overflow:hidden; margin:auto;}
	.dynamic1{ width:100%; height:auto; overflow:hidden; margin:auto;}
	.dynamic_tit{ width:100%; text-align: center; font-size:18px; color:#444444; height:60px; line-height:60px; padding-top:15px;}
	.dynamic_list{ width:1200px; height:auto; overflow:hidden; margin:auto;  margin-bottom:55px; display:none;}
	.groom_lun1{ margin-top:0px;}
	.groom_bo1{ width:280px; height:370px; margin:auto;}
	.groom_bo1 a{ display:block; width:280px; height:370px; background-color:#fff;}
	

	.trends{ width:96%; height: auto; overflow:hidden; margin:auto; margin-top:20px; margin-bottom:30px;}
	.trends_tit{ width:100%; font-size:18px; color:#444444; height:60px; line-height:60px;}
	.trends_tit a{ float:right; font-size:12px; margin-top:17px; cursor:pointer;}
	
	.trends_list{ width:100%; height: auto; overflow:hidden;}
	.trends_list ul li{ float:none; width:100%; height:220px; list-style:none; margin-right:0px; margin-bottom:10px;}
	.trends_list ul li.trends_list_li{ margin-right:0px;}
	.trends_list ul li a{ display:block; width:98%; height:218px; border:1px solid #dcdcdc; margin:auto;}
	
	.trends_1{ font-size:16px; color:#434343; width:94%; margin:auto; height:40px; line-height:40px; padding-top:10px;}
	.trends_2{ width:94%; margin:auto; font-size:14px; color:#b1b1b1; font-family:Arial, Helvetica, sans-serif; height:30px; line-height:30px;}
	.trends_3{ width:94%; margin:auto; font-size:14px; color:#444444; line-height:20px; height:60px; overflow:hidden;}
	.trends_4{ margin-left:3%; font-size:12px; color:#fff; width:73px; height:27px; background-color:#383842; text-align: center; line-height:27px; margin-top:20px;} 
	
	/*产品购买*/
	.purchase{ width:100%; height:auto; overflow:hidden; background-color:#fff; margin:auto;}
	.purchase_tit{ width:96%; margin:auto; text-align: center; font-size:18px; color:#353535; height:45px; line-height:45px; padding-top:25px;}
	.purchase_con{ width:96%; margin:auto; text-align: center; font-size:14px; color:#9a9a9a; height: auto; overflow:hidden; line-height:20px; margin-bottom:10px;}
	.purchase_1{ width:96%; margin:auto; height: auto; overflow:hidden; margin-bottom:10px;}
	.purchase_zi{ float:none; font-size:14px; color:#323232; height:40px; line-height:40px; text-align:left; width:100%;}
	.purchase_right{ float:none; width:100%; height: auto; overflow:hidden;}
	.purchase_text{ background-color:#f8f8f8; height:38px; border:1px solid #e4e4e4; width:95%; padding-left:4%; font-size:14px;}
	.purchase_right1{ float:none; width:100%; height: auto; overflow:hidden; font-size:14px; color:#323232; line-height:30px;}
	.purchase_right1 span{ padding-left:5px; padding-right:26px;}
	.purchase_2{ width:100%; height:45px; padding-top:20px; text-align: center; margin-bottom:80px;}
	.purchase_btn{ font-size:14px; color:#fff; border:none; width:145px; height:45px; background-color:#e60011; margin:auto; font-family:"微软雅黑";} 
	

	
	/*关于我们*/
	.brief_warp{ width:100%; height:auto; overflow:hidden; background:none;}
	.brief{ width:96%; height:auto; overflow:hidden; margin:auto;}
	.brief_tit{ width:100%; text-align: center; font-size:18px; color:#303030; height:80px; line-height:80px;}
	.brief_img{ width:100%; height:100px;}
	.brief_img img{ height:100px; width:auto; margin-left:-50%;}
	.brief_con{ width:100%; height:auto; overflow:hidden; font-size:14px; color:#4c4c4c; line-height:23px; margin-top:20px; padding-bottom:40px;}
	
	.culture_warp{ width:100%; background:#e2ebf4 none; height: auto; overflow:hidden;}
	.culture{ width:96%; height: auto; overflow:hidden; margin:auto;}
	.culture_tit{ width:100%; text-align: center; font-size:18px; color:#303030; height:85px; line-height:85px;}
	.culture_mune{ width:100%; height:130px;}
	.culture_mune a{ display: inline-block; float:left; width:33%; height:130px; cursor:pointer;}
	
	
	.culture_img{ width:80px; height:80px; margin:auto; border-radius:50%; border:2px solid #d90010; overflow:hidden;}
	.culture_img_1{ width:80px; height:80px;}
	.culture_img_1 img{ width:80px; height:80px;}
	.culture_img_2{ width:80px; height:80px;}
	.culture_img_2 img{ width:80px; height:80px;}
	.culture_biao{ width:100%; text-align: center; font-size:16px; color:#2e2e2e; height:40px; line-height:40px;}
	.culture_con{ display:none; font-size:14px; color:#484848; line-height:28px; text-align: center; margin:auto; width:92%; margin-top:0px; padding-bottom:30px;}

	.event_warp{ width:100%; background:url(../images/about_11.jpg) no-repeat center; height:220px; padding:30px 0px;}
	
	.course_bg{ width:100%; background:url(../images/course_02.png) no-repeat center -86px; height:550px; position:relative; display:none;}
	
	
	.event_lun{ width:100%; height:220px; position:relative; overflow:hidden; display:block;}
	.event_lun .swiper-container {  width: 100%; height: 100%; overflow:hidden; margin:auto;}
	.event_lun .swiper-slide{ overflow:hidden;}
	.event_lun .paginatione{ position: absolute; bottom:0px; width: 100%; z-index:100; text-align:center;}
	.event_lun .swiper-pagination-bullet { display: inline-block; width:10px;  height:10px; margin:0px 3px;  cursor: pointer; opacity: 1; background-color:#fff; border-radius:50%;}
	.event_lun .swiper-pagination-bullet-active{ background-color:#d71718; -webkit-transition: all 0.4s ease-in-out;}
	.course_1{ width:90%; height:220px; margin:auto;}
	
	.course_2_1{ width:100%; text-align:left; font-size:24px; color:#c4151c; background:none; font-family:fantasy; margin-top:0px; padding-bottom:5px; height:30px;}
	.course_2_2{ width:100%; font-size:16px; color:#d71718; font-weight:bold; height:40px; line-height:40px; margin-bottom:10px;}
	.course_1_2{ width:100%; height:104px; font-size:14px; color:#fff; line-height:26px; overflow:hidden;}

	.aptitude_warp{ width:100%; height:350px; background-color:#f2f2f2;}
	.aptitude{ width:100%; height:350px; margin:auto;}
	.aptitude_tit{ width:100%; text-align: center; font-size:18px; color:#303030; height:80px; line-height:80px; padding-top:0px;}
	
	.aptitude_list{ width:100%;height:265px; position:relative; overflow:hidden; margin:auto;}
	.aptitude_list .swiper-container {  width: 100%; height: 100%; overflow:hidden; margin:auto;}
	.aptitude_list .swiper-slide {-webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;-ms-transition: transform 1.0s;-o-transition: transform 1.0s;-webkit-transform: scale(1);transform: scale(1);}
	
	.aptitude_list .swiper-slide:hover .aptitude_biao{color:#cd0808;-webkit-transition: all 0.4s ease-in-out;}
	
	.aptitude-prev { position:absolute; left:1%; top:31%; z-index:1100; cursor:pointer; font-size:22px; background-color:rgba(0,0,0,0.5); color:#fff; font-weight:bold;  font-family:"宋体"; width:32px; text-align: center; height:32px; line-height:32px;}
	.aptitude-next {position: absolute; top:31%; right:1%; z-index:1100; cursor:pointer; font-size:22px; background-color:rgba(0,0,0,0.5); color:#fff; font-weight:bold; font-family:"宋体"; width:32px; text-align: center; height:32px; line-height:32px; }
	 
	.aptitude_bg{ width:100%; height:205px;}
	.aptitude_img{ width:100%; height:205px; margin:auto; text-align: center;}
	.aptitude_img img{ width: auto; height:205px; overflow:hidden;}
	.aptitude_biao{ width:100%; height:60px; text-align: center; line-height:60px; font-size:16px; color:#363636; opacity:1;} 
	 
	.partner{ width:100%; height:auto; overflow:hidden; margin:auto; margin-top:0px; padding-bottom:20px;}
	.partner_tit{ width:100%; text-align: center; font-size:18px; color:#303030; height:70px; line-height:70px;}
	.partner_all{ width:100%; height:440px; position:relative;}
	.partner_list{ width:100%; height:400px; margin:auto;position:relative; overflow:hidden;}
	.partner_list .swiper-container {  width: 100%; height:400px; overflow:hidden; margin:auto;}
	.partner_list .swiper-slide{ overflow:hidden; height:200px; text-align: center;}
	.paginationp .swiper-pagination-bullet{ width:10px; height:10px;}


/*faq*/
.faq{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:60px; padding-bottom:150px;}
.faq_left{ float:left; width:400px; height:auto; overflow:hidden; background:url(../images/faq_04.jpg) repeat-y left;}
.faq_mune{ width:400px; height:auto; overflow:hidden;}
.faq_mune a{ display:block; width:370px; font-size:18px; color:#868686; font-weight:bold; height:52px; line-height:52px; cursor:pointer; padding-left:30px;}
.faq_mune a:hover{ background:url(../images/faq_07.jpg) no-repeat left; color:#0adafa; -webkit-transition: all 0.4s ease-in-out;}
.faq_mune a.faq_mune_a{background:url(../images/faq_07.jpg) no-repeat left; color:#0adafa;}
.faq_right{ float:right; width:760px; height:auto; overflow:hidden;}

.invite{ width:760px; height:auto; overflow:hidden; margin:auto;}
.invite ul li{ width:760px; height:auto; overflow:hidden; list-style:none; cursor:pointer;}
.invite ul li:hover .invite_1{ color:#0adafa; background:url(../images/FAQ_14.png) no-repeat right; -webkit-transition: all 0.4s ease-in-out;}
.invite ul li:hover .invite_21{ background-color:#000e74; -webkit-transition: all 0.4s ease-in-out;}


.invite_1{ width:760px; height:66px; background: url(../images/FAQ_10.png) no-repeat right; font-size:17px; color:#3d3d3d; font-weight:bold; line-height:66px; border-bottom:1px solid #e8e8e8;}
.invite_lan{ width:760px; height:66px; color:#0adafa; background:url(../images/FAQ_14.png) no-repeat right;}
.invite_con{ width:730px; height:auto; overflow:hidden; border-bottom:1px solid #e8e8e8; background-color:#f3f7f8; padding:15px; display:none; font-size:16px; color:#3d3d3d; line-height:30px;}



	/*测绘行业详情*/
	.item{ width:96%; height:auto; overflow:hidden; margin:auto;}
	.item_tit{ width:100%; text-align: center; font-size:20px; color:#353535; height:45px; line-height:45px;}
	.item_biao{ width:96%; background:url(../images/detail_03.png) no-repeat left; font-size:16px; color:#353535; font-weight:bold; padding-left:4%; height:35px; line-height:35px; margin-top:10px;}
	.item_con{ width:100%; height:auto; overflow:hidden; margin-top:15px; padding-bottom:55px;}
	.item_left{ float:none; font-size:16px; color:#3f3f3f; line-height:30px; overflow:hidden; width:100%;} 
	.item_right{ float:none; width:100%; height: auto; overflow:hidden; text-align: center; margin-top:15px;}
	.item_right img{ max-width:100%; height:auto;}
	
	.parallel_warp{ width:100%; background:#1c1c1c none; height: auto; overflow:hidden;}
	.parallel{ width:96%; height: auto; overflow:hidden; margin:auto; padding:30px 0px;}
	.parallel_tit{ width:80%; margin:auto; text-align: center; font-size:18px; color:#fff; height: auto; line-height:30px; margin-bottom:10px;}
	.parallel_con{ width:100%; height: auto; overflow:hidden; background:none;}
	.parallel_left{ float:none; border:2px solid #d9000b; width:96%; height: auto; overflow:hidden; margin:auto; margin-top:10px;}
	.parallel_1{ font-size:18px; color:#fff; font-weight:bold; width:92%; margin:auto; height:50px; line-height:50px; padding-top:10px;}
	.parallel_2{ width:92%; margin:auto; height:auto; overflow:hidden; padding-bottom:30px;}
	.parallel_2 span{ font-size:16px; color:#fff; height: auto; line-height:24px; background:none; padding-left:0px; width:100%; display:block; overflow:hidden; padding-bottom:10px;}
	.parallel_right{ float:none; border:2px solid #d9000b; width:96%; height: auto; margin:auto; overflow:hidden; margin-top:20px;}   
	.parallel_3{ width:92%; margin:auto; font-size:16px; color:#fff; opacity:0.4; line-height:26px; margin-bottom:40px;}

	.usable{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:25px;}
	.usable_tit{ width:100%; text-align: center;font-size:20px; color:#353535; height:60px; line-height:60px;} 
	.usable_biao{ width:100%; text-align: center; font-size:16px; color:#323232; height: auto; overflow:hidden; line-height:28px;}
	.usable_list{ width:100%; height: auto; overflow:hidden; margin-top:20px;}
	.usable_list ul li{ float:none; width:100%; height:475px; list-style:none; margin-right:0px;}
	.usable_img{ width:312px; height:214px; margin:auto;}
	.usable_ti{ width:100%; text-align: center; font-size:22px; color:#323232; height:60px; line-height:60px; margin-top:15px; overflow:hidden; margin:auto;}
	.usable_zong{ width:312px; height:26px; margin:auto;}


	.solve_warp{ width:100%; margin-top:0px; background:none; height: auto; overflow:hidden;}
	.solve{ width:96%; height: auto; overflow:hidden; margin:auto;}
	.solve_tit{width:100%; text-align: center;font-size:20px; color:#353535; height:60px; line-height:60px;}
	.solve_all{ width:100%; margin-top:0px; height: auto; overflow:hidden;}
	.solve_left{ float:none; width:100%; height: auto; overflow:hidden; background-color:#d9000b; padding:10px 0px;}
	.solve_biao{ width:100%;  height: auto; overflow:hidden;}
	.solve_biao a{ display:block; width:90%; margin:auto; height:35px; line-height:35px;font-size:16px; color:#fff; font-weight:bold; opacity:0.5; cursor:pointer;}
	.solve_biao a:hover{ opacity:1;-webkit-transition: all 0.4s ease-in-out;}
	.solve_biao a.solve_biao_a{ opacity:1;-webkit-transition: all 0.4s ease-in-out;}
	
	.solve_nei{ width:100%; height:auto; overflow:hidden; font-size:18px; color:#fff; opacity:0.5; line-height:55px;}
	.solve_right{ float:none; width:100%; height: auto; overflow:hidden; display:none; background-color:#f2f2f2; padding:20px 0px;}
	.solve_1{ width:90%; margin:auto; font-size:18px; color:#2e2e2e; font-weight:bold; height:45px; line-height:28px;}
	.solve_2{ width:100%; margin:auto; font-size:14px; color:#d9000b; font-weight:bold; height:50px; line-height:50px;}
	.solve_3{ width:90%; margin:auto; height: auto; overflow:hidden;}
	.solve_3_left{ float:none; width:100%; height:auto; overflow:hidden;}
	.solve_3_1{ width:100%;font-size:16px; color:#2e2e2e; line-height:26px; width:100%; height: auto; overflow:hidden;}
	.solve_3_right{ float:none; width:100%; height: auto; overflow:hidden;}
	.solve_3_right img{ max-width:100%; height:auto;}
	.solve_4{ width:100%; height:40px; margin-top:20px; margin-left:5%; padding-bottom:20px;}
	.solve_4 a{ display:block; font-size:16px; color:#2e2e2e; text-align: center; width:125px; height:40px; background-color:#ebae0b; line-height:40px; cursor:pointer;}


	.download{ width:96%; height:55px; margin:auto; margin-top:30px; margin-bottom:60px;}
	.download a{ display:block; width:100%; height:55px; background-color:#e6e6e6; cursor:pointer;}
	
	.download_left{ float:left; font-size:20px; color:#656565; font-family:Arial, Helvetica, sans-serif; background:url(../images/down_11.png) no-repeat left; margin-left:15px; padding-left:45px; width: auto; height:55px; line-height:55px;}
	.download_right{ float:right; height:55px; line-height:55px; font-size:16px; color:#656565; background:url(../images/detail_25.png) no-repeat right; padding-right:22px; margin-right:10px;}
	
	
	/*无人机*/
	.n_divr{ display:block; width:100%; height:400px;}
	.n_div1{ width:100%; height:300px; overflow:hidden; position:relative; display:none;}
	.splash_warp1{ width:100%; height:50px; background-color:#353535; position:absolute; top:60px; z-index:0;}
	.scan{ width:100%; height:479px; position:relative; margin:auto; margin-top:100px; z-index:9; display:none;}
	canvas#Quietflow { display:none;}
	.canvas_scan{ width:100%; position:absolute; top:0;}
	
	
	.nature{ width:96%; height:auto; overflow:hidden; margin:auto; padding-bottom:40px;}
	.nature_tit{ width:100%; text-align: center; height:70px; line-height:70px; font-size:20px; color:#000001;}
	.nature_mune{ width:100%; height: auto; overflow:hidden; text-align: center;}
	.nature_mune a{ display:inline-block; height:30px; line-height:30px; font-size:16px; color:#9a9a9a; font-weight:bold; margin:0px 10px; cursor:pointer;}
	
	.nature_con{ width:100%; height: auto; overflow:hidden; margin-top:25px; display:none; padding-bottom:40px;}
	.nature_img{ float:none; width:100%; height: auto; overflow:hidden; text-align: center;}
	.nature_img img{ padding-top:0px; max-width:65%; height:auto;}
	.nature_right{ float:none; width:100%; height: auto; overflow:hidden; margin-top:20px;}
	.nature_top{ width:100%; height: auto; overflow:hidden;}
	.nature_nei{ float:left; width:50%; height: auto; background:none; font-size:14px; color:#000000; line-height:24px; padding-left:0px;} 
	.nature_an{ width:100%; margin-top:30px; height:40px; text-align: center;}
	.nature_an a{ display:inline-block; font-size:16px; color:#424242; width:120px; height:38px; text-align: center; line-height:38px; border:1px solid #393939; margin-right:7px; cursor:pointer;} 
	.nature_an a:hover{ background-color:#d9000b; border:1px solid #d9000b; color:#fff;-webkit-transition: all 0.4s ease-in-out;}
	

	.sky_warp{ width:100%; height:290px;}
	.sky{ width:96%; height:290px; margin:auto;}
	.sky_1{ width:100%; font-size:24px; color:#ffffff; font-weight:bold; height:60px; line-height:60px; padding-top:60px;}
	.sky_2{ width:100%; font-size:18px; color:#fff; height:45px; line-height:45px;}
	.sky_3{ width:100%; font-size:14px; color:#fff; line-height:27px; margin-top:10px;}
	
	.trait{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:0px;}
	.trait_tit{ width:100%; text-align: center; height:65px; line-height:65px; font-size:20px; color:#000001;}
	.trait_con{ width:100%; height: auto; overflow:hidden; position:relative; margin-bottom:40px;}
	.trait_img{ width:100%; height: auto; overflow:hidden; text-align: center;}
	.trait_img img{ max-width:80%; height:auto;}
	
	.trait_1{ height: auto; background:none; padding-left:0px; width:100%; overflow:hidden; position:  relative; right:0; top:0; z-index:9; padding-bottom:10px;}
	.trait_1 span{ display:inline-block; font-size:16px; color:#313131; background-color:#fff; border-radius:30px; padding:0px 0px; height: auto; line-height:24px;}
	.trait_2{ height:auto; background:none; padding-left:0px; width:100%; overflow:hidden; position: relative; right:0; top:0; z-index:9; padding-bottom:10px;}
	.trait_2 span{ display:inline-block; font-size:16px; color:#313131; background-color:#fff; border-radius:30px; padding:0px 0px; height: auto; line-height:24px;}
	.trait_3{ height:auto; background:none; padding-left:0px; width:100%; overflow:hidden; position: relative; right:0; top:0; z-index:9; padding-bottom:10px;}
	.trait_3 span{ display:inline-block; font-size:16px; color:#313131; background-color:#fff; border-radius:30px; padding:0px 0px; height: auto; line-height:24px;}
	.trait_4{ height:auto; background:none; padding-left:0px; width:100%; width:670px; overflow:hidden; position: relative; right:0; top:0; z-index:9; padding-bottom:10px;}
	.trait_4 span{ display:inline-block; font-size:16px; color:#313131; background-color:#fff; border-radius:30px; padding:0px 0px; height: auto; line-height:24px;}
	.trait_5{ height:auto; background:none; padding-left:0px; width:100%; overflow:hidden; position: relative; right:0; top:0; z-index:9; padding-bottom:10px;}
	.trait_5 span{ display:inline-block; font-size:16px; color:#313131; background-color:#fff; border-radius:30px; padding:0px 0px; height: auto; line-height:24px;}
	.trait_6{ height:auto; background:none; padding-left:0px; width:100%; overflow:hidden; position: relative; right:0; top:0; z-index:9; padding-bottom:10px;}
	.trait_6 span{ display:inline-block; font-size:16px; color:#313131; background-color:#fff; border-radius:30px; padding:0px 0px; height: auto; line-height:24px;}
	.trait_7{ height:48px; background:none; padding-left:0px; width:100%; overflow:hidden; position: relative; right:0; bottom:0px; top:0; z-index:9; padding-bottom:10px;}
	.trait_7 span{ display:inline-block; font-size:16px; color:#313131; background-color:#fff; border-radius:30px; padding:0px 0px; height: auto; line-height:24px;}

	.factor_warp{ width:100%; height: auto; overflow:hidden; background-color:#000001;}
	.factor{ width:96%; height: auto; overflow:hidden; margin:auto;}
	.factor_tit{ width:100%; font-size:20px; color:#fff; text-align: center; line-height:80px; height:80px; padding-top:15px;}
	.factor_mune{ width:100%; text-align: center; height: auto; overflow:hidden;}
	.factor_mune a{ display:inline-block; font-size:14px; color:#9a9a9a; font-weight:bold; height:40px; line-height:40px; border-bottom:1px solid #9a9a9a; padding:0px 12px; cursor:pointer;}
	
	.factor_con{ width:100%; height: auto; overflow:hidden; margin-top:30px; display:none;}
	.factor_list{ width:100%; height: auto; overflow:hidden;}
	.factor_list ul li{ width:100%; height:auto; overflow:hidden; list-style:none;}
	.factor_1{ width:100%; height:40px; background-color:#474747; margin-bottom:15px;}
	.factor_1_1{ float:left; width:33.33%; font-size:14px; color:#cbcbcb; font-weight:bold; height:40px; line-height:40px; text-align: center;}
	.factor_2{ width:100%; height:28px;}
	.factor_2_1{ float:left; width:33.33%; font-size:14px; color:#fff; height:28px; line-height:28px; text-align: center;}
	 
	.factor_more{ width:100%; margin-top:30px; height:40px; text-align: center; padding-bottom:40px;}
	.factor_more a{ display:inline-block; font-size:14px; color:#fff; width:130px; height:38px; text-align: center; line-height:38px; border:1px solid #fff; margin-right:7px; cursor:pointer;} 


	/*F-Fans*/
	.drive{ width:100%; height:auto; overflow:hidden; margin:auto; margin-top:20px;}
	.drive_tit{ width:100%; font-size:20px; color:#282828; text-align: center; line-height:80px; height:80px;}
	.drive_nie{ margin: auto; font-size:16px; color:#414141; line-height:33px; text-align: center; width:94%; height: auto; overflow:hidden; padding-bottom:50px;}
	.drive_con{ width:96%; margin:auto; height:auto; overflow:hidden; margin-bottom:20px;}
	.drive_img{ float:none; width:100%; height: auto; overflow:hidden; text-align: center;}
	.drive_img img{ max-width:100%; height:auto;}
	.drive_right{ float:none; width:100%; height:auto; overflow:hidden; margin-top:20px;}
	.drive_te{ width:100%; font-size:20px; font-weight:bold; color:#414141; height:35px; line-height:35px;}
	.drive_rong{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
	.drive_rong span{ display:block; height:auto; overflow:hidden; font-size:14px; color:#414141; background:url(../images/detail1_06.png) no-repeat left 10px; padding-left:4%; width:96%; line-height:24px; padding-bottom:10px;}

	.typical_warp{ width:100%; height: auto; overflow:hidden; background-color:#000001;}
	.typical_warp1{ width:100%; height: auto; overflow:hidden; background-color:#e3e7e8;}
	.typical{ width:96%; height: auto; overflow:hidden; margin:auto;}
	.typical_tit{ width:100%; text-align: center; font-size:20px; color:#fff; height:50px; line-height:50px; padding-top:20px;}
	.typical_tit1{ width:100%; text-align: center; font-size:20px; color:#3a3a3a;  height:50px; line-height:50px; padding-top:20px;}
	
	.typical_all{ width:100%; height: auto; overflow:hidden; margin-top:20px; position:relative;}
	
	.typical_list{ width:100%; height:380px; overflow:hidden;}
	.typical_list .swiper-container {  width: 100%; height: 100%; overflow:hidden; margin:auto;}
	.typical_list .swiper-slide{ overflow:hidden;}
	.typical_list .swiper-slide a{ display:block; width:100%; height:380px; margin:auto;}
	
	.typical-left { position:absolute;left:1%;color:#fff;font-size:34px;font-family:"宋体";top:130px;z-index:1; cursor:pointer; }
	.typical-right {position: absolute;top:130px;right:1%; color:#fff;font-size:34px; font-family:"宋体"; z-index:1; cursor:pointer; }
	
	
	.typical_img{ width:375px; height:268px; overflow:hidden; margin:auto; margin-top: 3px;}
	.typical_img img{ width:375px; height:268px;}
	
	.typical_img1{ width:375px; height:268px; overflow:hidden; border:1px solid #cf0c0c; margin-top: 3px;;}
	.typical_img1 img{ width:375px; height:268px;}
	
	.typical_biao{ width:100%; text-align: center; font-size:16px; color:#fff; height:50px; line-height:50px;}
	.typical_biao1{ width:100%; text-align: center; font-size:16px; color:#3a3a3a; height:50px; line-height:50px;}

	.typical_more{ width:100%; text-align: center; margin-top:5px; height:40px; padding-bottom:40px;}
	.typical_more a{ display:inline-block; border:1px solid #fff; font-size:16px; width:130px; height:38px; line-height:38px; color:#fff; text-align: center; border:1px solid #3d3d3d; cursor:pointer;}
	
	.typical_more1{ width:100%; text-align: center; margin-top:5px; height:40px; padding-bottom:40px;}
	.typical_more1 a{ display:inline-block; border:1px solid #fff; font-size:16px; width:130px; height:38px; line-height:38px; color:#3a3a3a; text-align: center; border:1px solid #3d3d3d; cursor:pointer;}


	canvas#canvas {  position: absolute; top: 0; display:none;}

	.shi{ width:100%; height: auto; overflow:hidden; margin:auto; margin-top:15px; margin-bottom:10px;}
	.shi img{ width:100%; height: auto;}


	.scatter_warp{ width:100%; height: auto; overflow:hidden; background-color:#000001; }
	.scatter{ width:96%; height: auto; overflow:hidden; margin:auto;}
	.scatter_tit{ width:100%; text-align: center; font-size:20px; color:#fff; font-weight:bold; height:80px; line-height:80px;}
	.scatter_con{ width:100%; height: auto; overflow:hidden; margin-top:20px; display:none;}
	.scatter_con1{ width:100%; height: auto; overflow:hidden; margin-top:20px; display:none;}

	.scatter_tu1{ display:block; width:100%; height:auto; text-align: center; overflow:hidden;}
	.scatter_tu1 img{ max-width:100%; height:auto;}
	
	.scatter_img{ float:none; width:100%; height: auto; overflow:hidden; position:relative; display:none;}





.scatter_right{ float:none; width:100%; height: auto; overflow:hidden;}

.scatter_mune{ width:100%; height: auto; overflow:hidden; border-bottom:none; float:none; margin-right:0px;position: relative;top: 0px;z-index: 9999; text-align: center;}
.scatter_mune a{ display:inline-block; font-size:16px; color:#9a9a9a; font-weight:bold; height:29px; cursor:pointer; margin-right:10px; margin-left:10px;}


.scatter_all{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.scatter_list{ width:100%; height:auto; overflow:hidden;}
.scatter_list ul li{ width:100%; height: auto; overflow:hidden; padding-bottom:15px; list-style:none; margin-bottom:15px; border-bottom:1px solid #404041;}
.scatter_list ul li.scatter_list_li{ border-bottom:none;}
.scatter_tu{ float:left; width:64px; height:64px; border:1px solid #e72420; border-radius:50%;}
.scatter_jie{ float:right; font-size:14px; color:#fff; line-height:24px; width:75%; height:48px; overflow:hidden; padding-top:8px;}

.nature_mune1{ width:580px; height:70px; float:right; overflow:hidden; position:relative; z-index:9999;}
.nature_mune1 a{ display:inline-block; height:70px; line-height:70px; font-size:18px; color:#9a9a9a; font-weight:bold; margin-right:35px; cursor:pointer;}
.nature_mune1 a:hover{ color:#d9000b;-webkit-transition: all 0.4s ease-in-out;}
.nature_mune1 a.nature_mune1_a{ color:#d9000b;}

.sky1_warp1{ width:100%; height:580px; display:block;}
.sky1_warp{ width:100%; height:580px; display:none;}
.sky1{ width:96%; height:580px; margin:auto; position:relative;}
.sky1_1{ width:100%; font-size:34px; color:#000001;  height:60px; line-height:60px; padding-top:50px;}
.sky1_2{ width:100%; font-size:20px; color:#000001; height:45px; line-height:45px;}
.sky1_3{ width:100%; font-size:16px; color:#000001; line-height:24px;}
.sky1_4{ width:100%; margin-top:40px; height:40px;}
.sky1_4 a{ display:inline-block; font-size:16px; color:#424242; width:130px; height:38px; text-align: center; line-height:38px; border:1px solid #393939; margin-right:7px; cursor:pointer;} 

.sky1_img{ width:100%; height: auto; overflow:hidden; position: relative; right:0px; top:0px; text-align: center; margin-top:40px; display:none;}
.sky1_img img{ max-width:80%; height:auto;}

.scatter_warp1 { width: 100%; height: auto; overflow:hidden; padding-bottom:30px; background-color: #000001;}

.scatter_mune1{ width:100%; height: auto; overflow:hidden; border-bottom:none; float:none; margin-right:0px;position: relative;top:0px;z-index: 9999; text-align: center;}
.scatter_mune1 a{ display:inline-block; font-size:16px; color:#9a9a9a; font-weight:bold; height:29px; cursor:pointer; margin-right:10px; margin-left:10px;}
.scatter_mune1 a:hover{ color:#d9000b; border-bottom:1px solid #d9000b;-webkit-transition: all 0.4s ease-in-out;}
.scatter_mune1 a.scatter_mune1_a{ color:#d9000b; border-bottom:1px solid #d9000b;}
.scatter_all1{  width: 100%; height: auto; overflow: hidden; margin-top:25px;}


	.nature_mune2{ width:100%; height: auto; float:none; overflow:hidden; position:relative; z-index:9999; text-align: center;}
	.nature_mune2 a{ display:inline-block; height:40px; line-height:40px; font-size:16px; color:#9a9a9a; font-weight:bold; margin-right:10px; margin-left:10px; cursor:pointer;}

	.nature_con2{ width:100%; height: auto; overflow:hidden; margin-top:25px; display:none;}

	.datum_warp{ width:100%; height: auto; overflow:hidden; background-color:#cf0c0c; padding-bottom:30px;}
	.datum{ width:96%; height: auto; overflow:hidden; margin:auto;}
	.datum_tit{ width:100%; font-size:20px; color:#fff; font-weight:bold; text-align: center; height:75px; line-height:75px;}
	.datum_list{ width:100%; height: auto; overflow:hidden;}
	.datum_list ul li{ float:none; width:100%; height:40px; list-style:none;}
	.datum_list ul li a{ width:100%; height:40px; cursor:pointer; display:block;}
	.datum_tu{ float:left; width:55px; height:40px;}
	.datum_tu img{ padding-top:10px; height:20px;}
	.datum_nei{ float:left; height:40px; width: auto; line-height:40px; font-size:14px; color:#fff;}

	.datum_more{ width:100%; text-align: center; height:35px; margin-top:20px;}
	.datum_more a{ display:inline-block; font-size:14px; color:#fff; border:1px solid #fff; width:100px; height:33px; line-height:33px; cursor:pointer;}
	
	.trouble{ width:96%; height: auto; overflow:hidden; margin:auto;}
	.trouble_tit{ width:100%; font-size:20px; color:#000001; font-weight:bold; text-align: center; height:60px; line-height:60px; padding-top:20px;}
	.trouble_list{ width:100%; height:auto; overflow:hidden; border-bottom:1px solid #e3e3e3; padding-bottom:45px;}
	.trouble_list ul li{ width:100%; height:auto; overflow:hidden; list-style:none;}
	

	.trouble_lan{ width:100%; height:35px; background:url(../images/fans1_26.png) no-repeat 98%;}
	.trouble_lan span{ color:#d9000b;}
	.trouble_1{ width:100%; height:35px;}
	.trouble_1 span{ display:inline-block; height:35px; line-height:35px; font-size:16px; color:#000000; background:url(../images/fans1_23.png) no-repeat left; padding-left:4%;}
	.trouble_con{ font-size:14px; color:#424242; line-height:25px; background-color:#f3f3f3; padding:15px 4%; width:92%; display:none;}
	.apply_tit1{ width:100%; text-align: center; font-size:18px; color: #353535; height:60px; line-height:60px;    margin: auto;}
	.apply1{width: 100%; height: auto; overflow: hidden; margin: auto; margin-bottom:40px;}
	


	/*新闻速递*/
	.press_warp{ width:100%; background:#373737 none; height: auto; overflow:hidden;}
	.press{ width:96%; height: auto; overflow:hidden; margin:auto; padding:20px 0px;}
	.press_tit{ width:100%; height:50px;}
	.press_left{ float:left; width:50%; height:50px; background:url(../images/b_07.jpg) no-repeat left 16px; padding-left:45px;}
	.press_left_1{ width:600px; font-size:18px; color:#fff; height:30px; line-height:30px;}
	.press_left_2{ width:600px; height:20px; line-height:20px; font-size:14px; color:#b3b3b3; font-family:Arial, Helvetica, sans-serif;}
	.press_right{ float:right; height:50px;}
	.press_right a{ display:block; background:url(../images/b_11.png) no-repeat center; width:97px; height:50px; line-height:50px; font-size:12px; color:#fff; font-family:Arial, Helvetica, sans-serif; cursor: pointer; text-align: center;}
	
	.press_list{ width:100%; height: auto; overflow:hidden; margin-top:20px;}
	.press_list ul li{ float:none; width:100%; height: auto; overflow:hidden; list-style:none; margin-right:0px; margin-bottom:5px;}
	.press_list ul li a{ display:block; width:100%; height: auto; overflow:hidden;}
	.press_list ul li a:hover i { width:100%;opacity: 1;}
	
	.press_1{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:18px; color:#fff;}
	.press_2{ width:100%; height:48px; font-size:14px; color:#fff; line-height:24px; opacity:0.6;}
	.press_3{ width:100%; font-size:18px; color:#fff; font-family:Arial, Helvetica, sans-serif; height:55px; line-height:55px; margin-top:15px; background:url(../images/b_15.jpg) no-repeat left top; position:relative; }
	
	.press_3 small{ width:100%; height:55px; font-size:20px;}
	.press_3 i { font-size:20px; white-space: nowrap; width:0 ;border-top:1px solid #fd3f3e; height:54px;}


	/*视频*/
	.vision_warp{ width:100%; height:240px; overflow:hidden; position:relative; background-color:#191a1b;}
	.vision_img{ width:100%; height:240px; position:absolute; top:0;background: url(../images/bg_04.jpg) no-repeat center; background-size:auto 100%; }
	
	.vision{ width:100%; height:160px; padding-top:80px; margin:auto; position:relative; z-index:1;}
	.vision_tit{ width:100%; background:url(../images/b_03.jpg) no-repeat center top; font-size:22px; color:#fff; text-align: center; height:65px; line-height:65px; font-family:"微软雅黑"; }
	.vision_tu{ width:100%; height:40px; text-align: center; margin-top:0px;}
	.vision_tu img{ width:40px; height:40px;}
	
	/*产品中心*/
	.part_warp{ width:100%; background:#292929 none; height: auto; overflow:hidden;}
	.part{ width:96%; height: auto; overflow:hidden; margin:auto;}
	.part_tit{ width:100%; text-align: center; font-size:20px; color:#fff; height:35px; line-height:35px; padding-top:20px;}
	.part_en{ width:100%; text-align: center; font-size:14px; color:#b3b3b3; font-family:Arial, Helvetica, sans-serif; height:25px; line-height:25px;}
	.product{ width:100%; height: auto; overflow:hidden; margin:auto; margin-top:15px; margin-bottom:0px;}
	.product ul li{ float:none; width:100%; height: auto; overflow:hidden; list-style:none; margin-bottom:10px;}
	.product ul li a{ display:block; width:400px; height:300px; position:relative;}
	
	
	.product_img{ width:400px; height:300px; overflow:hidden; /*opacity:0.24;*/}
	.product_img img{ width:400px; height:300px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
	
	.product_bg{ width:90%; height:86%; border:3px solid rgba(255,255,255,0.3); position:absolute; top:6%; left:4%;}
	.product_1{ width:78px; height:78px; border:2px solid rgba(255,255,255,0.6); border-radius:50%; margin:auto; /*margin-top:25px;*/ margin-top:53px;}
	.product_2{ width:100%; text-align: center; font-size:18px; color:#fff; font-weight:bold; height:50px; line-height:50px; padding-top:15px;}
	.product_3{ font-size:14px; color:#fff; line-height:20px; height:60px; overflow:hidden; margin:auto; width:280px; text-align: center; opacity:0;}

	
	.case{ width:100%; height: auto; overflow:hidden; margin-top:20px;}
	.case_left{ float:none; height: auto; overflow:hidden; background-color:#363636; width:100%; padding-bottom:10px;}
	.case_en{ font-size:14px; color:#fff; font-family:Arial, Helvetica, sans-serif; opacity:0.3; margin-left:6%; width:94%; height:30px; line-height:30px; padding-top:10px;}
	.case_tit{ width:94%; margin-left:6%; height:35px; line-height:35px; font-size:20px; color:#fff;}
	.case_mune{ width:94%; height:auto; overflow:hidden; margin-left:6%; margin-top:5px;}
	.case_mune a{ display:block; background:url(../images/index_28.jpg) no-repeat left; font-size:14px; color:#999999; height:30px; line-height:30px; padding-left:5%; width:95%; cursor:pointer;}
	
	.case_right{ float:none; width:100%; height: auto; overflow:hidden;}
	.case_huan{ width:100%; height: auto; overflow:hidden; display:none;}
	.case_huan img{ width:100%; height: auto;}

	.case1{ width:100%; height: auto; overflow:hidden; margin-top:20px;}
	
	.case_right1{ float:none; width:100%; height: auto; overflow:hidden;}
	.case_right1 img{ width:100%; height: auto; overflow:hidden;}
	
	.case_left1{ float:none; height: auto; overflow:hidden; background-color:#363636; width:100%;}
	.case_huan1{ width:100%; height: auto; overflow:hidden; display:none;}
	.case_huan1 img{ width:100%; height: auto;}
	.case_mune1{ width:88%; height:auto; overflow:hidden; margin-left:6%; margin-top:15px; padding-bottom:10px;}
	.case_mune1 a{ float:left; display:block; background:url(../images/index_28.jpg) no-repeat left; font-size:14px; color:#999999; height:30px; line-height:30px; padding-left:5%; width:45%; cursor:pointer;}

	.case_more{ width:100%; height:53px;}
	.case_more a{ display:block; width:53px; height:53px; background-color:#2d2d2d; margin:auto; cursor:pointer;}
	.case_more img{ width:53px; height:53px;}



/*banner*/
.big{ width:100%; height:900px; margin:auto;position:relative; overflow:hidden; display:none;}

.rook_kong{ width:100%; height:165px; overflow:hidden;}
.rook{ width:1200px; height:700px; margin:auto;  position:relative;}
.rook_1{ width:595px; height:419px; position:absolute; left:-200px; top:232px;opacity:0; animation-iteration-count: infinite;animation-duration:0.5s;transition-delay:0.5s;transition-duration:1s;}
.rook_2{ width:970px; height:0px; position:absolute; left:258px; top:434px; animation-iteration-count: infinite; animation-duration:0.5s;transition-delay:1.5s;transition-duration:1.5s; opacity:0;}
.rook_3{ width:543px; height:228px; position:absolute; top:0; right:-200px;opacity:0; animation-duration: 0.5s; animation-iteration-count: infinite;transition-delay:2.5s;transition-duration:1s;}
.rook_4{ width:144px; height:52px; position:absolute; top:270px; right:100px;opacity:0; animation-duration:0.5s; animation-iteration-count: infinite;transition-delay:3s;transition-duration:1s;}
.rook_4 a{ display:block; width:144px; height:52px; text-align: center; line-height:52px; font-size:22px; color:#fff; background-color:#1fb8fc; cursor:pointer;}
.rook_5{ width:399px; height:294px; position:absolute; right:-200px; bottom:30px;opacity:0; animation-duration:0.5s; animation-iteration-count: infinite;transition-delay:3.5s;transition-duration:1s;}

.love_kong{ width:100%; height:124px; overflow:hidden;}
.love{ width:1200px; height:776px; margin:auto;  position:relative;}

.love_2{ width:896px; height:533px; position:absolute; left:-50px; bottom:0; opacity:0;  animation-iteration-count: infinite; animation-duration:0.5s;transition-delay:0.5s;transition-duration:1s;}
.love_2 img{-webkit-filter:grayscale(70%);}

.love_5{ width:915px; height:0px; position:absolute; left:10px; top:220px;opacity:0; animation-duration:0.5s; animation-iteration-count: infinite;transition-delay:1.5s;transition-duration:1s;}
.love_1{ width:427px; height:221px; position:absolute; left:-200px; top:0;opacity:0; animation-iteration-count: infinite;animation-duration:0.5s;transition-delay:2s;transition-duration:1s;}
.love_4{ width:144px; height:52px; position:absolute; top:265px; left:-200px;opacity:0; animation-duration:0.5s; animation-iteration-count: infinite;transition-delay:2.5s;transition-duration:1s;}
.love_4 a{ display:block; width:144px; height:52px; text-align: center; line-height:52px; font-size:22px; color:#fff; background-color:#1fb8fc; cursor:pointer; position:relative; z-index:9999;}

.love_6{ width:280px; height:270px; position:absolute; right:-200px; bottom:80px;opacity:0; animation-duration:0.5s; animation-iteration-count: infinite;transition-delay:3.5s;transition-duration:1s;}

#mydiv{ width:100%; height:500px; position:absolute; bottom:0;}




	/*漂浮框*/
	.side{position:fixed;width:58px;height:275px;right:55px;top:30%;z-index:100; display:none;}

	/*校园招聘*/
	.cai1{ background-color:#000;}
	.contact1{ width: 100%;height: auto; margin: auto;}
	.recruit_head{ width:100%; height:95px; background-color:#111111; display:none;}
	
	.recruit_div{ width:100%; height:300px;}
	.recruit_div_con{ width:100%; height:300px; margin:auto;}
	.recruit_div_right{ width:100%; height:300px; float:none;}
	
	.recruit_div_1{ font-size:22px; color:#343434; font-weight:bold; height: auto; padding-top:160px; width:100%; text-align: center; overflow:hidden;}
	.recruit_div_2{ width:100%; font-size:14px; color:#343434; text-align: center; height:40px; line-height:40px;}
	.recruit_div_3{ width:100%; text-align: center; margin-top:10px; height:37px;}
	.recruit_div_3 a{ display:inline-block; font-size:15px; color:#343434; font-weight:bold; border:2px solid #949894; border-radius:30px; padding:0px 30px; height:33px; cursor:pointer; line-height:33px;}
	.recruit_div_3 a:hover{ background-color:#d90010; border:2px solid #d90010; color:#fff;-webkit-transition: all 0.4s ease-in-out;}

	.recruit_tit{ width:100%; text-align: center; font-size:20px; color:#373737; height:60px; line-height:60px; padding-top:10px;}
	.recruit_list{ width:96%; height:auto; margin:auto;}
	.recruit_list ul li{ width:100%; height: auto;list-style:none; margin-bottom:15px;}
	.recruit_list ul li a{ display:block; width:94%; height:205px; padding:0px 3%;}
	
	
	.recruit_zhu{ width:100%; height:57px; font-size:16px; color:#343434; line-height:57px;}
	.recruit_zhu span{ font-size:14px; color:#fff; background-color:#3e3e3e; padding:0px 15px; float:right; display:inline-block; height:30px; line-height:30px; margin-top:14px;}
	
	.recruit_con{ width:94%; height: auto; overflow:hidden; background-color:#f5f5f5; padding:15px 3%;}
	.recruit_con span{ display:block; float:left; font-size:14px; color:#3e3e3e; line-height:29px; width:50%; height:29px; margin-right:0px;}
	.recruit_more{ width:100%; text-align: center; height:40px; margin-top:20px; margin-bottom:40px;}

	
	.flow_warp{ width:100%; background-color:#353535; height: auto; overflow:hidden; padding:20px 0px;}
	.flow{ width:100%; height: auto; overflow:hidden; margin:auto;}
	.flow_tit{ width:100%; text-align: center; font-size:20px; color:#fff; height:55px; line-height:55px;}
	.flow_list{ width:100%; height: auto; overflow:hidden; margin-top:20px;}
	.flow_list a{ display:block; float:left; width:33.33%; height:140px;}
	
	.flow_img{ width:88px; height:88px; background-color:#fff; border-radius:50%; margin:auto;position:relative; z-index:1;}
	.flow_img img{ width:88px; height:88px;}
	.flow_biao{ width:100%; text-align: center; font-size:16px; color:#fff; height:45px; line-height:45px;}

	.stroke{ width:100%; height: auto; overflow:hidden; margin:auto; margin-top:10px;}
	.stroke_tit{ width:100%; text-align: center; font-size:20px; color:#323232; height:60px; line-height:60px;}
	
	.touch_con{ width:1200px; height:auto; overflow:hidden; padding-bottom:60px; position:relative; background-color:#fff; display:none;}

	/*社会招聘*/
	.society_div{ width:100%; height:300px;}
	.society_div_1{ font-size:24px; color:#fff; font-weight:bold; height: auto; padding-top:145px; width:100%; text-align: center; overflow:hidden;}
	.society_div_2{ width:90%; font-size:14px; color:#fff; text-align: center; margin:auto; height:48px; line-height:48px; padding-top:0px;}
	.society_div_3{ width:100%; text-align: center; margin-top:5px; height:37px;}
	.society_div_3 a{ display:inline-block; font-size:14px; color:#fff; font-weight:bold; border:1px solid rgba(255,255,255,0.5); border-radius:30px; padding:0px 30px; height:33px; cursor:pointer; line-height:33px;}
	.society_div_3 a:hover{ background-color:#d90010; border:1px solid #d90010; color:#fff;}

	.know{ width:96%; height:auto; overflow:hidden; margin:auto; margin-bottom:40px;}
	.know_tit{ width:100%; font-size:20px; color:#373737; text-align: center; height:60px; line-height:60px; padding-top:10px;}
	.know_list{ width:100%; height:auto; overflow:hidden;}
	.know_list ul li{ width:100%; height: auto; overflow:hidden; list-style:none; margin-bottom:20px;}
	.know_list ul li a{ display:block; width:100%; height: auto; overflow:hidden;}
	.know_img{ float:none; width:100%; height: auto; overflow:hidden;}
	.know_img img{ max-width:100%; height:auto;}
	.know_right{ float:none; width:100%; height: auto; overflow:hidden; margin-top:15px;}
	.know_1{ width:100%; font-size:16px; color:#373737; height:35px; line-height:35px; margin-top:0px;}
	.know_2{ font-size:14px; color:#373737; line-height:30px; height:180px; overflow:hidden; width:100%;}
	.know_img1{ float:none; width:100%; height: auto; overflow:hidden;}
	.know_img1 img{ max-width:100%; height:auto;}
	.know_right1{ float:none; width:100%; height: auto; overflow:hidden; margin-top:15px;}

	.welfare_warp{ width:100%; background-color:#353535; height: auto; overflow:hidden; padding-top:20px; padding-bottom:10px;}
	.welfare{ width:100%; height: auto; overflow:hidden; margin:auto;}
	.welfare_tit{ width:100%; text-align: center; font-size:20px; color:#fff; height:50px; line-height:50px;}
	.welfare_list{ width:100%; height: auto; overflow:hidden; margin-top:10px;}
	.welfare_list a{ display:block; float:left; width:33.33%; height:125px;}
	
	.welfare_img{ width:67px; height:67px; border:2px solid #fff; border-radius:50%; margin:auto;}
	.welfare_img img{ width:67px; height:67px;}
	.welfare_biao{ width:100%; text-align: center; font-size:16px; color:#fff; height:45px; line-height:45px;}

	.plan_warp{ width:100%; background:url(../images/society_38.jpg) no-repeat center; background-size:auto 100%; height: auto; overflow:hidden; padding:50px 0px;}
	.plan{ width:96%; height: auto; overflow:hidden; margin:auto;}
	.plan_tit{ width:100%; font-size:22px; color:#323232; font-weight:bold; height:48px; padding-top:20px;}
	.plan_1{ width:100%; font-size:16px; color:#303030; line-height:24px; height:48px; overflow:hidden; margin-top:15px;}
	.plan_2{ width:100%; font-size:14px; color:#303030; line-height:32px; margin-top:20px;}
	.plan_2 span{ font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
	.plan_3{ width:100%; height:37px; margin-top:20px;}
	.plan_3 a{ display:inline-block; font-size:15px; color:#323232; font-weight:bold; border:2px solid #323232; border-radius:30px; padding:0px 30px; height:33px; cursor:pointer; line-height:33px;}
	.plan_3 a:hover{ background-color:#d90010; border:2px solid #d90010; color:#fff;-webkit-transition: all 0.4s ease-in-out;}
	

	.bei{ width:100%; height:100vh; position:fixed; top:0; z-index:-1;}
	.place{ width:100%; height:auto; overflow:hidden; margin:auto; margin-top:150px; position:relative; z-index:9;}
	.place ul li{ width:100%; height:auto; overflow:hidden; list-style:none; margin-bottom:10px;}
	.place_1{ width:100%; height:56px; background-color:#1a1a1a;}
	.place_1_1{ float:left; font-size:16px; color:#fff; height:56px; line-height:56px; padding-left:3%; width:30%;}
	.place_1_2{ float:left; font-size:14px; color:#fff; height:56px; line-height:56px; width:20%; text-align: center;}
	.place_1_3{ float:left; font-size:14px; color:#fff; height:56px; line-height:56px; width:20%; text-align: center;}
	.place_1_4{ float:left; font-size:14px; color:#fff; height:56px; line-height:56px; width:30%; text-align: center; display:none;}
	.place_1_5{ float:right; font-size:14px; color:#e30000; height:56px; line-height:56px; text-align: center; width:27%;}
	
	.place_con{ width:100%; height:auto; overflow:hidden; border-top:1px solid #414141; background-color:#1a1a1a; display:none;}
	.place_nei{ width:90%; height:auto; overflow:hidden; padding:0px 5%; padding-top:20px; font-size:14px; color:#a3a3a3; line-height:24px; padding-bottom:30px;}
	.place_nei span{ font-weight:bold; color:#fff;}
	.place_tou1{ width:100%; height:40px; display:block;}
	.place_tou1 a{ display:block; width:100%; text-align: center; font-size:16px; color:#fff; height:40px; background-color:#d90010; line-height:40px;}
	.place_tou{ width:100%; height:40px; display:none;}
	.place_lan{ width:100%; height:56px; background-color:#1a1a1a;}
	.place_lan .place_1_5{ background:none;} 

	/*矿山详情*/
	.mine_warp{ width:100%; background:#1c1c1c none; height: auto; overflow:hidden;}
	.mine{ width:96%; height: auto; overflow:hidden; margin:auto;}
	.mine_tit{ width:100%; text-align: center; font-size:20px; color:#fff; height:60px; line-height:60px; padding-top:20px;}
	.mine_list{ width:100%; height:auto; overflow:hidden;}
	.mine_list ul li{ float:left; width:50%; height: auto; overflow:hidden; list-style:none; margin-bottom:15px;}
	.mine_list ul li a{ display:block; width:100%; height:160px;}
	
	.mine_img{ width:82px; height:82px; border-radius:50%; margin:auto; border:2px solid rgba(255,255,255,0.15);}
	.mine_img img{width:82px; height:82px;}
	.mine_biao{ width:100%; text-align: center; font-size:16px; color:#fff; height:21px; line-height:21px; margin-top:10px;}
	.mine_con{ width:100%; text-align: center; font-size:14px; color:#a0a0a0; height:21px; line-height:21px;}

	.usable_list1{ width:100%; height: auto; overflow:hidden; margin-top:20px; text-align: center;}
	.usable_list1 ul li{ display:inline-block; width:100%; height:475px; list-style:none;}


/*林业详情*/
	.item_kong{ width:100%; height:50px; overflow:hidden;}
	.item_left1{ float:none; overflow: hidden; width:100%;}
	.item_1{ width:96%; font-size:16px; color:#353535; font-weight:bold; background:url(../images/detail_03.png) no-repeat left 5px; padding-left:4%; height: auto; line-height:24px;}
	.item_2{ width:96%; height:auto; overflow:hidden; padding-left:4%; margin-top:10px; font-size:14px; color:#3f3f3f; line-height:23px;}
.item_2 span.item_2_span{ font-size:18px; color:#3f3f3f; font-weight:bold; background:url(../images/detail1_06.png) no-repeat left; padding-left:15px; display:inline-block; width:625px; padding-bottom:15px;}

	.mine_all{ width:100%; height:auto; overflow:hidden;}
	.mine_left{ float:none; width:100%; height:auto; overflow:hidden;}
	.mine_left img{ max-width:100%; height:auto;}
	.mine_right{ float:none; width:100%; height:auto; overflow:hidden; padding-top:25px; padding-bottom:40px;}
	.mine_right span{ display:inline-block; font-size:14px; color:#fff; line-height:30px; background:url(../images/forestry_10.png) no-repeat left; padding-left:4%; width:96%; height:30px; overflow:hidden;}

	/*JRC详情*/
	.n_div1_1{ width:100%; text-align: center; font-size:24px; color:#fff; font-weight:bold; height: auto; padding-top:160px; position:relative; z-index:9;}
	.n_div1_2{ width:100%; text-align: center; font-size:18px; color:#fff; height:40px; line-height:40px; position:relative; z-index:9;}

	.n_div1_3{ width:100%; height: auto; overflow:hidden; text-align: center; margin-top:25px; display:none;}
	.n_div1_3 img{ max-height: none; max-width:80%; height:auto; }
	.sketch{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:25px;}
	.sketch_tit{ width:100%; text-align: center; font-size:20px; color:#000001; height:45px; line-height:45px;}
	.sketch_all{ width:100%; height:auto; overflow:hidden; margin-top:25px; padding-bottom:45px;}
	.sketch_left{ float:none; height:auto; overflow:hidden; text-align: center; width:100%;}
	.sketch_left img{ max-width:80%; height:auto;}
	.sketch_right{ float:none; width:100%; height:auto; overflow:hidden; margin-top:15px;}
	.sketch_1{ width:100%; font-size:18px; color:#4a4a4a; font-weight:bold; height:35px; line-height:35px;}
	.sketch_2{ width:100%; height:auto; overflow:hidden; font-size:14px; color:#4a4a4a; line-height:29px; margin-top:5px;}

	.survey_warp{ width:100%; height: auto; overflow:hidden; background-color:#000001; padding-bottom:40px;}
	.survey{ width:96%; height: auto; overflow:hidden; margin:auto;}
	.survey_tit{ width:100%; text-align: center; font-size:20px; color:#fff; height:60px; line-height:60px; padding-top:20px;}
	.survey_all{ width:100%; height:auto; overflow:hidden; margin-top:25px; padding-bottom:35px;}
	.survey_left{ float:none; width:100%; height:auto; overflow:hidden;}
	.survey_left img{ max-width:100%; height:auto;}
	.survey_right{ float:none; width:100%; height: auto; overflow:hidden; background:none; margin-top:20px;}
	.survey_nei{ font-size:14px; color:#fff; line-height:28px; margin-left:0px; width:100%; height: auto; margin-top:0px; overflow-y: auto;} 

	/*机载激光雷达*/
	.pilot{ width:96%; height:auto; overflow:hidden; margin:auto; margin-bottom:55px;}
	.pilot_tit{ width:100%; height:65px; text-align: center; line-height:65px; font-size:20px; color:#000001; padding-top:10px;}
	.pilot_list{ width:100%; height:auto; overflow:hidden; margin-top:0px; margin-bottom:25px;}
	.pilot_list ul li{ float:left; width:50%; height: auto; overflow:hidden; list-style:none; margin-bottom:15px;}
	.pilot_list ul li a{ display:block; width:100%; height: auto; overflow:hidden;}
	
	.pilot_img{ float:none; width:80px; height:80px; border-radius:50%; margin:auto; border:3px solid #c7c7c7; margin:auto;}
	
	.pilot_right{ float:none; width:100%; height:80px;}
	.pilot_1{ width:100%; font-size:16px; color:#3a3a3a; height: auto; padding-top:15px; text-align: center; height:21px; overflow:hidden;}
	.pilot_2{ width:100%; font-size:14px; color:#9b9b9b; height:54px; margin-top:5px; text-align: center; overflow:hidden; line-height:19px;}

	.drug_warp{ width:100%; height: auto; overflow:hidden; background-color:#000001; padding-bottom:40px;}
	.drug{ width:96%; height: auto; overflow:hidden; margin:auto;}
	.drug_tit{ width:100%; text-align: center; font-size:20px; color:#fff; height:60px; line-height:60px; padding-top:20px;}
	
	.nature_an1{ width:100%; margin-top:30px; height:40px; text-align: center;}
	.nature_an1 a{ display:inline-block; font-size:16px; color:#fff; width:130px; height:38px; text-align: center; line-height:38px; border:1px solid #fff; margin-right:7px; margin-left:7px; cursor:pointer;} 
	
	.pilot_con{ font-size:14px; color:#fff; line-height:24px; padding-left:0px; width:100%; height: auto; overflow:hidden; background:none;}
	.pilot_con span{ display:inline-block; width:215px; height:30px; line-height:30px;}

	.airborne_warp{ width:100%; height: auto; overflow:hidden; background-color:#e3e7e8;}
	.airborne{ width:96%; height: auto; overflow:hidden; margin:auto;}
	.airborne_tit{ width:100%; text-align: center; font-size:20px; color:#000001; height:60px; line-height:60px; padding-top:20px;}
	
	.airborne_list{ width:100%; height:750px; margin-top:0px; position:relative; overflow:hidden;}
	
	.airborne_list .paginationa{ position: absolute; bottom:20px; width: 100%; z-index:100; text-align:center;}
	.airborne_list .swiper-pagination-bullet { display: inline-block; width:11px;  height:11px;margin:0px 2px; border-radius:100%; cursor: pointer; opacity: 1; background-color:#3f3f3f; }
	.airborne_list .swiper-pagination-bullet-active{ background-color:#ed1015;}
	
	
	.airborne_con{ width:100%; height:725px; overflow:hidden;}
	.airborne_con a{ display:block; width:100%; height: 725px; overflow:hidden;}
	
	.airborne_img{ float:none; width:100%; height: auto; overflow:hidden;}
	.airborne_img img{width:100%; height: auto; }
	.airborne_right{ float:none; font-size:14px; color:#3f3f3f; line-height:24px; width:100%; height:400px; overflow:hidden; margin-top:15px;}

	/*C-Fans*/
	.cfans{ width:96%; height: auto; overflow:hidden; margin:auto; padding-top:70px; position:relative; display:none;}
	
	.rev_warp{ width:100%; height: auto; overflow:hidden; background-color:#000001; padding-bottom:40px;}
	.rev{ width:96%; height: auto; overflow:hidden; margin:auto;}
	.rev_con{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
	.rev_tit{ width:100%; text-align: center; font-size:20px; color:#fff; height:65px; line-height:65px;}
	.rev_1{ width:100%; font-size:18px; color:#fff; font-weight: bold; height:24px;}
	.rev_2 { font-size: 14px; color: #fff; line-height:28px; padding-left:6%; width: 94%; height:270px; overflow-y: auto; background: url(../images/vehicle_04.png) no-repeat left top; margin-top:10px;}

	.model_warp{ width:100%; height: auto; overflow:hidden; background-color:#e3e7e8; padding-bottom:20px;}
	.model{ width:96%; height: auto; overflow:hidden; margin:auto;}
	.model_ti{ width:100%; text-align: center; font-size:20px; color:#000001; height:85px; line-height:85px;}
	.model_list{ width:100%; height:auto; overflow:hidden;}
	.model_list ul li{ float:none; width:100%; height: auto; overflow:hidden; list-style:none; margin-bottom:0px; margin-right:0px;}
	.model_list ul li a{ display:block; width:100%; height: auto; overflow:hidden;}
	
	.model_img{  width:365px; height:240px; overflow:hidden;}
	.model_img img{width:365px; height:240px; }
	.model_tit{ width:100%; height:60px; text-align: center; line-height:60px; overflow:hidden; font-size:16px; color:#000001;}

	.other{ width:96%; height:auto; overflow:hidden; margin:auto;}
	.other_tit{ width:100%; font-size:18px; color:#414141; font-weight:bold; height:60px; line-height:60px;}
	.other_con{ width:100%; height:85px; border-bottom:1px solid #e3e3e3; position:relative;}
	.other_text{ background-color:#e3e3e3; border:none; padding-left:20px; height:50px; width:1030px; font-size:15px; font-family:"微软雅黑";}
	.other_btn{ font-size:16px; color:#fff; background-color:#cf0c0c; width:100px; height:50px; border:none; position:absolute; top:0; right:0; font-family:"微软雅黑";}


/*U-Arm*/
.n_div1_4{ width:312px; height:312px; margin:auto; text-align: center; margin-top:120px;}
.n_div1_4 img{ width:312px; height:312px; position:relative; z-index:9;animation-name: shakeimg;animation-duration: 2s; animation-iteration-count:1;}

	.n_div1_quan{ display:none;}
	.n_div1_quan1{ display:none;}
	.n_div1_quan2{ display:none;}
	.n_div1_quan3{ display:none;}


	
	/*行业应用-案例详情*/
	.trade_warp{ width:100%; background:#1c1c1c none; height: auto; overflow:hidden; padding-top:30px;}
	.trade{ width:100%; height: auto; overflow:hidden; margin:auto;}
	.trade_tit{ width:100%; text-align: center; font-size:20px; color:#fff;}
	.trade_xiao{ width:1200px; text-align: center; font-size:22px; color:#3f3f3f; height:60px; line-height:60px; margin-bottom:15px; display:none;}
	
	.trade_yin{ width:100%; text-align: center; font-size:16px; color:#d9000b; font-weight:bold; height:60px; line-height:60px;}
	.trade_list{ width:100%; height: auto; overflow:hidden; margin-top:15px;}
	.trade_list ul li{ float:left; width:33.33%; height:165px; list-style:none; margin-right:0px; margin-bottom:10px;}
	.trade_img{ width:100px; height:100px; background-color:#fff; border-radius:50%; margin:auto;}
	.trade_img img{ width:100px; height:100px;}
	.trade_biao{ width:100%; text-align: center; font-size:14px; color:#fff; line-height:24px; height:48px; margin-top:15px;}

	.compose_warp{ width:100%; height: auto; overflow:hidden; background-color:#f8f8f8;}
	.compose{ width:100%; height: auto; overflow:hidden; margin:auto;}
	.compose_list{ width:96%; height: auto; overflow:hidden; margin:auto; margin-top:15px;}
	.compose_list ul li{ float:none; width:100%; height: auto; overflow:hidden; margin-bottom:15px; list-style:none;}
	.compose_img{ width:100%; height: auto; overflow:hidden; text-align: center;}
	.compose_img img{ max-width:80%; height:auto;}
	.compose_tit{ width:100%; text-align: center; font-size:16px; color:#343434; height:55px; line-height:55px;}

	.drive_tit1{ width:100%; font-size:20px; color:#282828; text-align: center; line-height:65px; height:65px;}
	.drive_kong{ width:100%; height:0px; overflow:hidden;}
	.drive_rong1{ width:100%; height:auto; overflow:hidden;}
	.drive_rong1 span{ display:block; height:auto; overflow:hidden; font-size:14px; color:#414141; background:url(../images/detail1_06.png) no-repeat left 10px; padding-left:4%; width:96%; line-height:24px; padding-bottom:20px;}

	.process_warp{ width:100%; height: auto; overflow:hidden; background-color:#1c1c1c;}
	.process{ width:100%; height: auto; overflow:hidden; margin:auto; padding:20px 0px;}
	.process_tit{ width:100%; text-align: center; font-size:20px; color:#fff; height:60px; line-height:60px;}
	.process_list{ width:100%; height: auto; overflow:hidden; margin:auto; margin-top:10px; background:none;}
	.process_list ul li{ float:left; width:33.33%; height:205px; list-style:none; margin-right:0px;}
	.process_list ul li.process_list_li{ margin-right:0px;}
	.process_img{ width:100px; height:100px; background-color:#d9000b; border-radius:10px; margin:auto;}
	.process_img img{ width:100px; height:100px;}
	.process_1{ width:100%; font-size:16px; color:#fff; text-align: center; height:35px; line-height:35px; margin-top:5px;}
	.process_2{ width:96%; margin:auto; text-align: center; font-size:14px; color:#9c9c9c; line-height:20px; height:40px;}

	.gain{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:30px;}
	.gain_tit{ width:100%; text-align: center; font-size:20px; color:#3f3f3f; height:40px; line-height:40px;} 
	.gain_con{ width:100%; text-align: center; font-size:14px; color:#3f3f3f; height: auto; line-height:24px; overflow:hidden;}
	.gain_list{ width:100%; height:auto; overflow:hidden; margin-top:20px; margin-bottom:35px;}
	.gain_list ul li{ float:none; width:100%; height: auto; overflow:hidden; list-style:none; margin-right:0px; margin-bottom:5px;}
	.gain_list ul li img{ max-width:100%; height:auto;}

	/*配套软件*/
	.assort_warp{ width:100%; height:auto; overflow:hidden; position: relative; top:0px; background-color:#1b1b1d; margin-top:-190px;}
	.assort{ width:96%; height:auto; overflow:hidden; margin:auto; padding-top:40px;}
	.assort_tit{ width:100%; font-size:26px; color:#fff; font-weight:bold; text-align: center; height: auto;}
	.assort_con{ width:100%; text-align: center; font-size:20px; color:#fff; height:50px; line-height:50px;}
	.assort_list{ width:100%; height: auto; overflow:hidden; margin-top:20px; padding-bottom:40px;}
	.assort_list ul li{ float:none; width:100%; height: auto; overflow:hidden; list-style:none; margin-right:0px; margin-bottom:20px;}
	.assort_list ul li a{ display:block; width:100%; height: auto; overflow:hidden; background:url(../images/assort_10.png) no-repeat left 255px; padding-left:0px; background-size: 100% auto;}
	
	.assort_img{ width:100%; height:266px; text-align: center;}
	.assort_1{ width:100%; text-align: center; font-size:18px; color:#fff; height:65px; line-height:65px; margin-top:10px;}
	.assort_2{ font-size:14px; color:#fff; border:1px solid #fff; width:128px; height:40px; text-align: center; line-height:40px; margin:auto;}


.career{ width:1200px; height:403px; position:relative; margin:auto; margin-top:55px; z-index:9;}

.career_1{ width:1200px; height:403px; text-align: center;opacity:0; animation: careertuo 0.6s 1s forwards;  -moz-animation: careertuo 0.6s 1s forwards; -ms-animation: careertuo 0.6s 1s forwards;}
.career_1 img{ padding-top:55px;}
@keyframes careertuo{ from {opacity:0px;} to {opacity:1;} }


.career_2{ position:absolute; left:-100px;opacity:0; width:330px; height:102px; top:8px; animation:careerl 0.6s 1.5s forwards;  -moz-animation:careerl 0.6s 1.5s forwards; -ms-animation:careerl 0.6s 1.5s forwards;}
.career_2_1{ float:left; width:71px; height:52px;}
.career_2_1 img{ width:71px; height:52px;}
.career_2_2{ float:right; width:224px; height:86px; background:url(../images/r1_03.png) no-repeat center; font-size:16px; color:#fff; line-height:60px; overflow:hidden; margin-top:16px;}

@keyframes careerl{ from {opacity:0; left:-100px} to {opacity:1; left:160px;} }


.career_3{ position:absolute;  left:-100px;opacity:0; width:225px; height:102px; top:170px; animation:careerl 0.6s 2s forwards;  -moz-animation:careerl 0.6s 2s forwards; -ms-animation:careerl 0.6s 2s forwards;}
.career_3_1{ float:left; width:71px; height:73px;}
.career_3_1 img{ width:71px; height:73px;}
.career_3_2{ float:right; width:120px; height:36px; padding-top:6px; background: url(../images/r1_11.png) no-repeat left top; font-size:16px; color:#fff; line-height:36px; overflow:hidden; margin-top:36px;}

.career_4{ position:absolute;  left:-100px;opacity:0; width:330px; height:125px; bottom:0px; animation:careerl 0.6s 2.5s forwards;  -moz-animation:careerl 0.6s 2.5s forwards; -ms-animation:careerl 0.6s 2.5s forwards;}
.career_4_1{ float:left; width:71px; height:125px;}
.career_4_1 img{ width:71px; height:55px; padding-top:70px;}
.career_4_2{ float:right; width:223px; height:36px; padding-top:89px; background: url(../images/r1_20.png) no-repeat left top; font-size:16px; color:#fff; line-height:36px; overflow:hidden;}

.career_5{ position:absolute; opacity:0; right:-100px; width:255px; height:103px; top:0px; animation:careerright 0.6s 3s forwards;  -moz-animation:careerright 0.6s 3s forwards; -ms-animation:careerright 0.6s 3s forwards;}
.career_5_1{ float:left; width:147px; height:67px; background: url(../images/r1_06.png) no-repeat left top; font-size:16px; color:#fff; line-height:48px; overflow:hidden; text-align:right; margin-top:36px;}
.career_5_2{ float:right; width:76px; height:76px;}
.career_5_2 img{ width:76px; height:76px;}

.career_6{ position:absolute; opacity:0; right:-100px; width:259px; height:77px; top:167px; animation:careerright 0.6s 3.5s forwards;  -moz-animation:careerright 0.6s 3.5s forwards; -ms-animation:careerright 0.6s 3.5s forwards;}
.career_6_1{ float:left; width:158px; height:45px; background: url(../images/r1_11.png) no-repeat left top; font-size:16px; color:#fff; line-height:45px; overflow:hidden; text-align:right; margin-top:32px;}
.career_6_2{ float:right; width:76px; height:63px;}
.career_6_2 img{ width:76px; height:63px;}

.career_7{ position:absolute; opacity:0; right:-100px; width:275px; height:126px; bottom:5px; animation:careerright 0.6s 4s forwards;  -moz-animation:careerright 0.6s 4s forwards; -ms-animation:careerright 0.6s 4s forwards;}
.career_7_1{ float:left; width:175px; height:40px; padding-top:86px; background: url(../images/r1_18.png) no-repeat left top; font-size:16px; color:#fff; line-height:40px; overflow:hidden; text-align:right;}
.career_7_2{ float:right; width:76px; height:67px;}
.career_7_2 img{ width:76px; height:67px; padding-top:70px;}

@keyframes careerright{ from {opacity:0; right:-100px} to {opacity:1; right:126px;} }


.kind{ width:1200px; height:434px; position:relative; margin:auto; margin-top:85px; z-index:9;}

.kind_1{ width:1200px; height:434px; text-align: center;opacity:0; animation: kindtuo 0.6s 0.5s forwards;  -moz-animation: kindtuo 0.6s 0.5s forwards; -ms-animation: kindtuo 0.6s 0.5s forwards; position:relative; top:-100px;}
@keyframes kindtuo{ from {opacity:0px; top:-100px;} to {opacity:1; top:0px;} }


.kind_2{ position:absolute; left:-100px;opacity:0; width:365px; height:102px; top:0px; animation:kindleft 0.6s 1.5s forwards;  -moz-animation:kindleft 0.6s 1.5s forwards; -ms-animation:kindleft 0.6s 1.5s forwards;}
.kind_2_1{ float:left; width:71px; height:52px;}
.kind_2_1 img{ width:71px; height:52px;}
.kind_2_2{ float:right; width:262px; height:102px; background: url(../images/f1_03.png) no-repeat center; font-size:16px; color:#fff; line-height:60px; overflow:hidden;}
.kind_con{ font-size:18px; color:#fff; line-height:27px; width:145px; height:54px; overflow:hidden; padding-top:25px;}

.kind_4{ position:absolute;  left:-100px;opacity:0; width:387px; height:180px; bottom:0px; animation:kindleft 0.6s 2s forwards;  -moz-animation:kindleft 0.6s 2s forwards; -ms-animation:kindleft 0.6s 2s forwards;}
.kind_4_1{ float:left; width:71px; height:180px;}
.kind_4_1 img{ width:71px; height:73px; padding-top:105px;}
.kind_4_2{ float:right; width:267px; height:79px; padding-top:101px; background: url(../images/f1_10.png) no-repeat left top; font-size:16px; color:#fff; line-height:36px; overflow:hidden;}

@keyframes kindleft{ from {opacity:0; left:-100px} to {opacity:1; left:60px;} }


.kind_5{ position:absolute; opacity:0; right:-100px; width:380px; height:103px; top:0px; animation:kindright 0.6s 2.5s forwards;  -moz-animation:kindright 0.6s 2.5s forwards; -ms-animation:kindright 0.6s 2.5s forwards;}
.kind_5_1{ float:left; width:266px; height:106px; background: url(../images/f1_05.png) no-repeat left top;  overflow:hidden;}
.kind_5_2{ float:right; width:77px; height:77px;}
.kind_5_2 img{ width:77px; height:77px;}
.kind_con1{ font-size:18px; color:#fff; line-height:27px; width:145px; height:54px; overflow:hidden; padding-top:25px; float:right;}


.kind_7{ position:absolute; opacity:0; right:-100px; width:396px; height:185px; bottom:5px; animation:kindright 0.6s 3s forwards;  -moz-animation:kindright 0.6s 3s forwards; -ms-kindright:careerright 0.6s 3s forwards;}
.kind_7_1{ float:left; width:268px; height:79px; padding-top:106px; background: url(../images/f1_12.png) no-repeat left top; font-size:16px; color:#fff; line-height:40px; overflow:hidden; text-align:right;}
.kind_7_2{ float:right; width:76px; height:185px; text-align:right;}
.kind_7_2 img{ width:76px; height:67px; padding-top:103px;}

@keyframes kindright{ from {opacity:0; right:-100px} to {opacity:1; right:45px;} }


.precise{ width:1200px; height:479px; position:relative; margin:auto; margin-top:75px; z-index:9; display:none;}





.n_div5{ width:100%; height:100vh; position:relative; overflow:hidden;}



.mod-video {
    position: absolute;
    left: 50%;
    top: 50vh;
    min-width: 100%;
    min-height: 100%;
    margin-left: -960px;
    width: auto;
    height: auto;
    background-size: cover;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    transition: opacity 1s; background:url(../images/a11.jpg) no-repeat center; background-size:auto 100%; z-index:1;
}

.chu{ width:100%; height:100vh; background-color:rgba(0,0,0,0.5); position: fixed; top:0; z-index:9999; text-align: center;}
.chu_guan{ width:100%; height:100px; position:absolute; top:0;}
.chu_guan a{ display:block; width:72%; height:100px; font-size:16px; color:#fff; line-height:100px; text-align:right; cursor:pointer; margin:auto;}

.mod-video1{
    width: auto;
    height:80vh;
    background-size: cover;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    transition: opacity 1s; background:url(../images/a11.jpg) no-repeat center; background-size:auto 100%; z-index:1;
}

.hide{display:none;} 


.typical_all2{ width:100%; height:300px; margin-top:87px; position:relative;}

.typical_list2{ width:96%; height:300px; overflow:hidden; margin:auto;}
.typical_list2 .swiper-container {  width: 100%; height: 100%; overflow:hidden; margin:auto;}
.typical_list2 .swiper-slide{ overflow:hidden;}
.typical_list2 .swiper-slide a{ display:block; width:100%; height:300px; margin:auto;}

.typical-left2 { position:absolute;left:1%;color:#000;font-size:34px;font-family:"宋体";top:130px;z-index:1; cursor:pointer; }

.typical-right2 {position: absolute;top:130px;right:1%; color:#000;font-size:34px; font-family:"宋体"; z-index:1; cursor:pointer; }

.typical_img2{ width:100%; height:244px; overflow:hidden; border:1px solid #fff;}
.typical_img2 img{ width:390px; height:244px;}
.typical_biao2{ width:100%; text-align: center; font-size:16px; color:#000; height:70px; line-height:70px;}

	
	/*导航应用详情*/
	.n_div_dao{ width:100%; text-align: center; font-size:16px; color:#fff; height:48px; line-height:24px; overflow:hidden; margin-top:10px;}
	.listen_warp{ width:100%; background:url(../images/listen_07.jpg) no-repeat center bottom; height: auto; overflow:hidden;}
	.listen{ width:100%; height: auto; overflow:hidden; margin:auto;}
	.listen_tit{ width:100%; text-align: center; font-size:20px; color:#353535; height:65px; line-height:65px; padding-top:20px;}
	.listen_tit1{ width:100%; text-align: center; font-size:20px; color:#fff; height:65px; line-height:65px; padding-top:20px;}
	.listen_list{ width:100%; height:335px; position:relative; overflow:hidden; margin-top:0px;}
	.listen_list .pagination1{ position: absolute; bottom:15px; width:100%; z-index:100; text-align: center;}
	.listen_list .swiper-pagination-bullet { display: inline-block; width:10px;  height:10px;margin:0px 4px; border-radius:50%; cursor: pointer; opacity: 1; background-color:#cacaca; }
	.listen_list .swiper-pagination-bullet-active{ background-color:#e60011; }
	.listen_con{ width:96%; height:335px; overflow:hidden; margin:auto;}
	.listen_con a{ display:block; width:100%; height:335px;}
	
	.listen_img{ width:367px; height:250px; overflow:hidden;}
	.listen_img img{ width:367px; height:250px;}
	.listen_biao{ width:100%; text-align: center; font-size:16px; color:#333333; height:55px; line-height:55px;}
	
	.listen_list1{ width:100%; height:335px; position:relative; overflow:hidden; margin-top:0px;}
	
	.listen_list1 .pagination2{ position: absolute; bottom:15px; width:100%; z-index:100; text-align: center;}
	.listen_list1 .swiper-pagination-bullet { display: inline-block; width:10px;  height:10px;margin:0px 4px; border-radius:50%; cursor: pointer; opacity: 1; background-color:#fff; }
	.listen_biao1{ width:100%; text-align: center; font-size:16px; color:#fff; height:55px; line-height:55px;}
	.listen_list1 .swiper-pagination-bullet-active{ background-color:#e60011; }
	
	.listen_list3{ width:100%; height:335px; position:relative; overflow:hidden; margin-top:0px;}
	.listen_list3 .pagination3{ position: absolute; bottom:15px; width:100%; z-index:100; text-align: center;}
	.listen_list3 .swiper-pagination-bullet { display: inline-block; width:10px;  height:10px;margin:0px 4px; border-radius:50%; cursor: pointer; opacity: 1; background-color:#cacaca; }
	.listen_list3 .swiper-pagination-bullet-active{ background-color:#e60011; }
	
	.listen_list4{ width:100%; height:335px; position:relative; overflow:hidden; margin-top:0px;}
	.listen_list4 .pagination4{ position: absolute; bottom:15px; width:100%; z-index:100; text-align: center;}
	.listen_list4 .swiper-pagination-bullet { display: inline-block; width:10px;  height:10px;margin:0px 4px; border-radius:50%; cursor: pointer; opacity: 1; background-color:#fff; }
	.listen_list4 .swiper-pagination-bullet-active{ background-color:#e60011; }
	
	.listen_list5{ width:100%; height:335px; position:relative; overflow:hidden; margin-top:0px;}
	.listen_list5 .pagination5{ position: absolute; bottom:15px; width:100%; z-index:100; text-align: center;}
	.listen_list5 .swiper-pagination-bullet { display: inline-block; width:10px;  height:10px;margin:0px 4px; border-radius:50%; cursor: pointer; opacity: 1; background-color:#cacaca; }
	.listen_list5 .swiper-pagination-bullet-active{ background-color:#e60011; }

	.cai_search{ position: absolute; top:0; height:60px; z-index:9999; right:50px; width:25px;}
	.cai_search a{ display:inline-block; height:60px; width:20px;}
	.cai_search img{ padding-top:18px;}
	.hunt{ width:100%; height:100vh; position:fixed; top:0; background:rgba(102,102,102,0.9); display:none; z-index:9999; right:0;}
	.hunt_con{ width:100%; height:57px; padding-top:8px; border-bottom: 1px solid #d4d4d4; background-color:#fff; position:relative;}
	.hunt_nie{ border-radius:4px; overflow:hidden; border: 1px solid #d4d4d4; height:48px; width:80%; margin-left:7%; position:relative;}
	.hunt_text{ border:none; height:48px; padding-left:20px; font-size:16px; font-family:"微软雅黑"; width:80%;}
	.hunt_btn{ width:20px; height:20px; background:url(../images/shou.jpg) no-repeat center; background-size:auto 100%; position:absolute; right:10px; top:15px; border:none;}
	
	.hunt_cha{ position:absolute; right:4%; height:57px; width:22px; top:0px;}
	.hunt_cha a{ display:block; width:22px; height:57px;}
	.hunt_cha img{ padding-top:23px;}
	
	.stroke_city{ width:96%; height:auto; overflow:hidden; margin:auto; display:block; padding-bottom:40px;}
	.stroke_cheng{ width:100%; height:auto; overflow:hidden;}
	.stroke_cheng a{ display:inline-block; font-size:16px; color:#000; line-height:24px; margin-right:10px;}
	.stroke_cheng a.stroke_cheng_a{ color:#df1130;}
	.stroke_nei{ width:100%; height:auto; overflow:hidden; margin-top:10px; display:none;} 
	.touch_1{ font-size:18px; color:#df1130; padding-left:0px; width:100%; height:40px; line-height:40px;}
	.touch_2{ font-size:14px; color:#4c4c4c; line-height:24px; padding-left:0px; width:100%; height: auto; overflow:hidden;}


}


@media screen and (max-width:1365px)and (min-width:1280px){
	.nav1 ul li a {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    line-height: 95px;
    height: 95px;
    cursor: pointer;
    text-align: center;
    position: relative;
    z-index: 99;
    margin-left: 20px;
    overflow: hidden;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;}
	.nav1 {
    width: 880px;
    text-align: right;
    margin: auto;
    height: 95px;}
	
	
}