/*--首页--*/
*{ padding:0px; margin:0px; list-style:none;}

ol,ul{list-style:none;}

.clear{clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}

body{ font-family:"微软雅黑"; overflow-x:hidden; color:#333; background-color:#001323;}


 .robot_banner{ background:url(../images/banner_robot.png) no-repeat top center; height:80px; padding-top:400px; position:relative;} 
.robot_banner_small{ display:none; position:relative;}

.txt_cer{ padding:35px 0; text-align:center;}
.txt_cer img{ margin-top:4px;}
  .txt_cer h2{ font-size:24px; color:#333;} 
  .txt_cer span{ font-size:17px; font-weight:normal; text-transform:uppercase;}
  .txt_cer b{ font-weight:normal; color:#00c1de;} 

/*--------------图片轮换部分----------------*/
.turn_pic{ width:100%;  position:relative; height:800px;}
.turn_pic .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; }
.turn_pic .bd ul{ width:100% !important; }
.turn_pic .bd li{ width:100% !important; height:800px;  overflow:hidden; text-align:center; }
.turn_pic .bd li a{ display:block;  height:800px;}
.turn_pic .bd li img{  }
.turn_pic .hd{ width:100%; position:absolute; z-index:1; bottom:30px; left:0; text-align:center;}
.turn_pic .hd ul{ text-align:center;  }
.turn_pic .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:18px; height:18px; margin:15px; background:#fff; overflow:hidden;line-height:9999px; border-radius:100%; position:relative; }
.turn_pic .hd ul .on{ background:#00bcf5; }


.robot_turn{ width:100%;  position:relative; height:900px; }
.turn_pic .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; }
.turn_pic .bd ul{ width:100% !important; }
.robot_turn .bd li{ width:100% !important; height:900px;  overflow:hidden; text-align:center; position:relative; }
.robot_turn .bd li a{ display:block;  height:900px; text-decoration:none; color:#563e2e; }
.robot_turn .bd li img{  }

.turn_pic .hd{ width:100%; position:absolute; z-index:1; bottom:100px; left:0; text-align:center;}

.txt_pos_1{ position:absolute; left:70%; top:60%; font-size:17px; letter-spacing:18px; line-height:34px;}
.pos_img_1{position:absolute; left:28%; bottom:30px;}
.pos_img_2{position:absolute; top:40%; left:6%;}
.pos_img_3{position:absolute; top:48%; left:44%;}



.turn_txt{ width:500px; position:absolute; top:25%; left:50%; margin-left:-500px; color:#272525; text-align:left; font-size:16px; line-height:30px;}
.turn_txt h3{ font-size:36px; line-height:52px; color:#272525;}

.turn_txt h2{ font-size:50px; line-height:68px; color:#272525;}
.prize_box{ height:56px; line-height:56px; font-size:30px; color:#fff; background-color:#f00; padding:0 22px; display:inline-block; margin-top:8%;}



/* -----图片轮换----- */
.slideBox{ position:relative;  margin:0 auto;  max-width:640px; display:none;}
.slideBox .hd{ position:absolute; height:10px; line-height:10px; bottom:15px; left:0; width:100%; text-align:center; z-index:1; }
.slideBox .hd li{ display:inline-block; width:8px; height:8px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#fff; text-indent:-9999px; overflow:hidden; margin:0 5px;   }
.slideBox .hd li.on{ background:#00bcf5; width:8px; height:8px; display:inline-block; }
.slideBox .bd{ position:relative; z-index:0; margin-bottom:-8px;}
.slideBox .bd li{ position:relative;  }
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); text-decoration:none;}  /* 去掉链接触摸高亮 */
.slideBox .bd li a img{ width:100%; }



/*-- 首页 --*/
header{ background-color:#001323; }
.top{ height:90px;}
.logo{ padding:10px 0; height:70px;}
.logo img{ height:70px;}

.nav_ul ul li{ float:left; width:16%; margin:0 2%; text-align:center; position:relative;}
.nav_ul ul li a{ height:90px; line-height:90px; display:block;  color:#fff; font-size:18px; text-decoration:none; }
.nav_ul ul li a:hover{color:#00bcf5;}
.nav_ul ul li a.active{ color:#00bcf5; border-bottom:2px solid #00bcf5;}


.nav_ul ul li .point_d{ position:absolute; left:0px; bottom:0px; width:100%; height:0px;
border-bottom:2px solid #00bcf5;
-webkit-transform:scaleX(0);
transform:scaleX(0);
-webkit-transition:-webkit-transform .25s ease;
transition:transform .25s ease;
}
.nav_ul ul li:hover .point_d{-webkit-transform:scaleX(1);transform:scaleX(1); color:#00bcf5;}


.botm_bor{ background:url(../images/bottom_bg.png) no-repeat top center; padding:80px 0; margin-top:40px; font-size:16px; color:#fff; line-height:36px;}
.tit_pic img{width:100%;}
.code_img{ text-align:center; font-size:18px; font-weight:600; }
.code_img img{ width:84%; margin-bottom:6px; }

.botm_txt{ padding-top:25px; padding-left:25px;}

.tit_ty{ padding:25px 0; text-align:center; color:#fff; font-size:22px; line-height:40px; background-color:#001323; overflow:hidden; z-index:1000; position:relative;}
.tit_ty h2{ font-size:40px; line-height:50px; margin-bottom:10px;}
.tit_ty p{letter-spacing:18px; }

.jjfa_box{ background:url(../images/icon_bg.png) no-repeat center center; height:700px; text-align:center; overflow:hidden; padding-top:130px; color:#fff; font-size:16px; line-height:30px;  transition:all .4s linear;} 

.jjfa_box h2{ background:url(../images/line_tit.png) no-repeat center bottom; padding-bottom:25px; font-size:26px; margin-bottom:40px;}

.icon_list{ text-align:center; margin-top:80px;}
.icon_list ul li{ width:14.2%; float:left; font-size:14px; color:#fff; padding:0px; margin:0px;}
.icon_1{ background:url(../images/icon_1.png) no-repeat center center; height:100px; width:100px; margin:0 auto; margin-bottom:6px;}
.icon_1:hover{ background:url(../images/icon_1_hover.png) no-repeat center center;}
.icon_2{ background:url(../images/icon_2.png) no-repeat center center; height:100px; width:100px; margin:0 auto;margin-bottom:6px;}
.icon_2:hover{ background:url(../images/icon_2_hover.png) no-repeat center center;}
.icon_3{ background:url(../images/icon_3.png) no-repeat center center; height:100px; width:100px; margin:0 auto;margin-bottom:6px;}
.icon_3:hover{ background:url(../images/icon_3_hover.png) no-repeat center center;}
.icon_4{ background:url(../images/icon_4.png) no-repeat center center; height:100px; width:100px; margin:0 auto;margin-bottom:6px;}
.icon_4:hover{ background:url(../images/icon_4_hover.png) no-repeat center center;}
.icon_5{ background:url(../images/icon_5.png) no-repeat center center; height:100px; width:100px; margin:0 auto;margin-bottom:6px;}
.icon_5:hover{ background:url(../images/icon_5_hover.png) no-repeat center center;}
.icon_6{ background:url(../images/icon_6.png) no-repeat center center; height:100px; width:100px; margin:0 auto;margin-bottom:6px;}
.icon_6:hover{ background:url(../images/icon_6_hover.png) no-repeat center center;}
.icon_7{ background:url(../images/icon_7.png) no-repeat center center; height:100px; width:100px; margin:0 auto;margin-bottom:6px;}
.icon_7:hover{ background:url(../images/icon_7_hover.png) no-repeat center center;}


.pro_box img{ width:100%;  transition:all .4s linear;}
.pro_box table tr td{ vertical-align:top;}

.pro_img,.pro_img2{ position:relative; overflow:hidden; }
.apl_bg{ background:rgba(0,0,0,0.8); height:42px; line-height:42px; position:absolute; left:0px; bottom:0px; width:100%; overflow:hidden; padding:0 2%; color:#fff; font-size:16px;}

.xq_txt{ position:absolute; transition:all .4s linear; background:rgba(0,0,0,0); left:0px; bottom:42px;  width:100%; padding:0 4%;  color:#fff; font-size:15px; line-height:30px; opacity:0;   }

/*-- 新闻 新增 开始--*/
.mess_news{float:left; width:550px; overflow:hidden; font-size:14px; color:#fff; line-height:23px}
.mess_news_title{border-bottom:2px solid #fff; height:45px; display:block; margin:55px 0 0 0; background:url(/moassion/images/mess_newst.jpg) no-repeat left center; text-align:right; line-height:45px}
.mess_news ul{ border-bottom:1px dashed #efefef; height:100px; padding:15px 10px}
.mess_news .ml{float:left; width:75px; margin-right:30px;text-align:center;}
.mess_news .ml b{display:block; font-size:30px;border-bottom:1px solid #fff; padding:5px 0; }
.mess_news .ml span{display:block; font-size:18px;padding:3px 0;}
.mess_news .mr{float:left; width:412px}
.mess_news a{ color:#fff}
.mess_box1{ float:right; overflow:hidden; width:534px; }
.mess_box1 a.yzm{ background:none;padding:0px; margin:0px; margin-top:30px;}
.mess_box1 a{height:56px; width:200px; display:block; margin:0 auto; line-height:56px; text-align:center; border-radius:28px; background-color:#fff; text-decoration:none; font-size:22px; color:#333; margin-top:40px;}
.fr{ float:right}
.font16{font-size:16px}
.fb{font-weight:700}
.mess_box1 h2{ font-size:40px; font-weight:bold; text-align:center; margin-bottom:15px; color:#fff;}
.mess_box1 a.ljcx_btn{ height:56px; width:100px; color:#fff; line-height:56px; font-size:20px; font-weight:bold; background-color:#00bcf5; border-radius:0px; width:100%; text-align:center;}
/*-- 新闻 新增 结束 --*/

.pro_list ul li{ margin-bottom:15px; position:relative; color:#fff; font-size:16px; line-height:28px; overflow:hidden; transition:all .4s linear;}
.pro_list ul li img{ width:45%; transition:all .4s linear; vertical-align:middle;}
.pro_list ul li.bg_1{ background-color:#303f4d;}
.pro_list ul li.bg_2{ background-color:#003d3f; text-align:right; transition:all .4s linear;}
.pro_list ul li.bg_3{ background-color:#282f30;}
.pro_list ul li.bg_4{ background-color:#181723;}
.pro_list ul li.bg_5{ background-color:#0a203a;}
.pro_list ul li.bg_6{ background-color:#1d1d1d;}
.txt_fr{ position:absolute; top:10%; width:45%; right:5%; transition:all .4s linear;}
.pro_list ul li .txt_fl{ position:absolute; top:10%; width:45%; left:5%; text-align:left; transition:all .4s linear;}
.pro_list ul li .txt_fr h2{ font-size:32px; font-weight:bold; padding:12px 0; margin-bottom:10px; transition:all .4s linear;}
.pro_list ul li .txt_fl h2{ font-size:32px; font-weight:bold; padding:12px 0; margin-bottom:10px; transition:all .4s linear;}

.fr{ float:right;}

.bg_btm{ position:absolute; top:0px; left:0px; width:45%; height:100%; background:rgba(0,0,0,0); transition:all .4s linear;}
.pro_list ul li.bg_2 .bg_btm{ left:auto; right:0px;}
.about_bor{ border:1px solid #4d5a65; font-size:20px; line-height:42px; padding:50px 100px; color:#fff; margin-top:60px;}

.about_txt{  font-size:18px; color:#fff; line-height:32px; padding:30px 100px;}
.about_txt h2{ margin-top:25px; font-size:22px; font-weight:bold; line-height:40px;}


.mess_box{ width:50%; margin:70px auto; }
.inp_bg{ height:56px; border:1px solid #4d5a65; border-radius:28px; padding:0 20px; margin-top:30px;}
.inp_bg input{ height:54px; border:none; background:none; width:100%; outline:none; font-size:18px; color:#fff;}
.mess_box a.yzm{ background:none;padding:0px; margin:0px; margin-top:30px;}
a.yzm img{ height:56px; width:auto; padding:0px; margin:0px;}
.mess_box a{height:56px; width:200px; display:block; margin:0 auto; line-height:56px; text-align:center; border-radius:28px; background-color:#fff; text-decoration:none; font-size:22px; color:#333; margin-top:40px;}

h2.tit_ty2{ font-size:40px; font-weight:bold; color:#fff; line-height:50px; margin-top:40px; margin-bottom:20px;}

.ty_list{ padding:20px 30px;  border:1px solid #4d5a65;}
.ty_list ul li{ margin-bottom:20px; background-color:#002438; padding:30px 15px; height:130px; color:#fff; transition:all .2s linear;}
.ty_list ul li:nth-child(even){ background-color:#00354d;}
.ty_list ul li h3{ margin:0px; padding:0px; line-height:32px; margin-bottom:4px;}
.ty_list ul li img{ margin-right:15px;}

.buy_hlep{ margin-top:40px; padding-bottom:80px; text-align:center; color:#fff; font-size:18px;}
.buy_hlep h2{ font-size:34px; font-weight:bold; margin:30px 0;}
.buy_hlep p{ margin-top:12px;}

a.tm_icon{ background:url(../images/icon_1b.png) center center no-repeat; height:44px; width:44px; display:inline-block; margin:0 10px;}
a.tm_icon:hover{background:url(../images/icon_1a.png) center center no-repeat; height:44px; width:44px;}

a.tb_icon{ background:url(../images/icon_2b.png) center center no-repeat; height:44px; width:44px; display:inline-block; margin:0 10px;}
a.tb_icon:hover{background:url(../images/icon_2a.png) center center no-repeat; height:44px; width:44px;}

a.jd_icon{ background:url(../images/icon_3b.png) center center no-repeat; height:44px; width:44px; display:inline-block; margin:0 10px;}
a.jd_icon:hover{background:url(../images/icon_3a.png) center center no-repeat; height:44px; width:44px;}

.turn_pos1{ position:absolute; top:18%; left:60%; color:#fff; font-size:15px; line-height:24px; text-align:left;}
.turn_pos1 h2{ font-size:60px; color:#fff; line-height:70px; }

.pos_2{ left:20%;}

.mess_box h2{ font-size:40px; font-weight:bold; text-align:center; margin-bottom:15px; color:#fff;}

.bg2d{ background-color:#1a2b39; border:none;}

.mess_box a.ljcx_btn{ height:56px; width:100px; color:#fff; line-height:56px; font-size:20px; font-weight:bold; background-color:#00bcf5; border-radius:0px; width:100%; text-align:center;}

//.container{border-bottom:1px solid #4d5a65;}
.ser_box{ margin-top:6%;/* border-top:1px solid #4d5a65; padding:5% 18%;*/ padding-top:5%; color:#fff; font-size:18px; line-height:32px;}

.ser_box h2{ font-size:40px; font-weight:bold; text-align:center; line-height:50px; margin-bottom:15px; color:#fff;}
.ser_box h3{ font-size:20px; font-weight:bold; line-height:40px;  margin-top:15px; color:#fff;}

.txt_mid{ text-align:center; font-size:20px; color:#333; line-height:40px; padding:6% 0; color:#fff;}
.txt_mid b{ font-weight:normal; font-size:60px; line-height:70px; color:#fff;}

.bg_jqr{ background-color:#ffd7bb;}


.sun_bg{ background:url(../images/sun.png) left 60px no-repeat; }
.rtjqr_box{text-align:center; font-size:22px; line-height:44px; color:#563e2e; text-align:center; margin-top:60px;}
.rtjqr_box h2{ background:url(../images/line_tit2.png) no-repeat center bottom; padding-bottom:25px; font-size:40px; line-height:50px; margin-bottom:50px; color:#aa8a74;}
.rtjqr_box  p{color:#563e2e; letter-spacing:15px;}


.icon_list2{ text-align:center; margin:70px 120px; margin-bottom:50px;}
.icon_list2 ul li{ width:25%; float:left; font-size:14px; color:#563e2e; padding:0px; margin:0px; margin-bottom:20px; line-height:32px;}
.icon_list2 ul li  p{letter-spacing:10px;}
.icon_list2 ul li .icon_1{ background:url(../images/rob_icon1.png) no-repeat center center; height:128px; width:128px; margin:0 auto; margin-bottom:6px;}
.icon_list2 ul li .icon_1:hover{ background:url(../images/rob_icon1_hover.png) no-repeat center center;}
.icon_list2 ul li .icon_2{ background:url(../images/rob_icon2.png) no-repeat center center; height:128px; width:128px; margin:0 auto;margin-bottom:6px;}
.icon_list2 ul li .icon_2:hover{ background:url(../images/rob_icon2_hover.png) no-repeat center center;}
.icon_list2 ul li .icon_3{ background:url(../images/rob_icon3.png) no-repeat center center; height:128px; width:128px; margin:0 auto;margin-bottom:6px;}
.icon_list2 ul li .icon_3:hover{ background:url(../images/rob_icon3_hover.png) no-repeat center center;}
.icon_list2 ul li .icon_4{ background:url(../images/rob_icon4.png) no-repeat center center; height:128px; width:128px; margin:0 auto;margin-bottom:6px;}
.icon_list2 ul li .icon_4:hover{ background:url(../images/rob_icon4_hover.png) no-repeat center center;}
.icon_list2 ul li .icon_5{ background:url(../images/rob_icon5.png) no-repeat center center; height:128px; width:128px; margin:0 auto;margin-bottom:6px;}
.icon_list2 ul li .icon_5:hover{ background:url(../images/rob_icon5_hover.png) no-repeat center center;}
.icon_list2 ul li .icon_6{ background:url(../images/rob_icon6.png) no-repeat center center; height:128px; width:128px; margin:0 auto;margin-bottom:6px;}
.icon_list2 ul li .icon_6:hover{ background:url(../images/rob_icon6_hover.png) no-repeat center center;}
.icon_list2 ul li .icon_7{ background:url(../images/rob_icon7.png) no-repeat center center; height:128px; width:128px; margin:0 auto;margin-bottom:6px;}
.icon_list2 ul li .icon_7:hover{ background:url(../images/rob_icon7_hover.png) no-repeat center center;}
.icon_list2 ul li .icon_8{ background:url(../images/rob_icon8.png) no-repeat center center; height:128px; width:128px; margin:0 auto;margin-bottom:6px;}
.icon_list2 ul li .icon_8:hover{ background:url(../images/rob_icon8_hover.png) no-repeat center center;}

.rtjqr_box2{ padding-bottom:60px; margin-top:30px;}
.rtjqr_box2 h2{ font-size:36px; background:none; padding-bottom:0px; margin-bottom:30px;}
.rtjqr_box2 p{letter-spacing:10px;}


.rb_pic1{ position:relative; margin-bottom:100px;}

.rb_pic1 .txt_pos{ position:absolute; top:20%; left:20%; font-size:17px; letter-spacing:18px; line-height:34px;}
.rb_pic1  .pos_img{ bottom:-88px; left:60%; position:absolute;}

.titddd{ font-size:20px;  color:#563e2e; text-align:center; padding:30px 0;}
.titddd h2{ line-height:50px; letter-spacing:20px;}

.rb_pic2 .txt_pos{ position:absolute; top:54%; left:72%;  }
.rb_pic2  .pos_img{ bottom:-80px; left:30%; position:absolute; z-index:100000;}

.rb_pic3  .pos_img{ bottom:5px; left:20%; position:absolute;}

.pos_img2{top:20%; left:6%; position:absolute;}
.pos_img3{top:36%; left:46%; position:absolute;}
.rb_pic3 { margin-top:120px;}
.rb_pic3 img{ margin-top:-160px;}


.jqr_box{ text-align:center; padding:0px 0;}
.jqr_box img{ margin:0 25px;}


.gssm{ margin:80px auto;}
.gssm .col-xs-12.col-md-6{ margin:0px; }
.gd_li{ background-color:#ffdbc2; height:300px; padding:40px 60px;  overflow:hidden; color:#2c2f34; font-size:20px; line-height:36px; transition:all .3s linear; }
.gd_li h2{ font-size:30px; font-weight:bold; line-height:50px; margin-bottom:10px; margin-top:0px;}

.gd_li.bg_fgh{ background-color:#e5d4c1;}

.lxwm .col-xs-12.col-md-5,.lxwm .col-xs-12.col-md-7{ margin:50px 0px; padding:0px;   }

.bg_hei{  height:400px; background-color:#2d2f34;}
.bg_hei img{ height:400px; width:auto; transition:all .4s linear;}

.lxwm .col-xs-12.col-md-7.ewm_box{ background-color:#2c2f34; height:400px; padding:50px 200px;  color:#41b7fe; font-size:20px;}
.ewm_box h2{ font-size:60px; font-weight:bold;}

.ewm_box table{ text-align:center; margin:0 auto; margin-top:15px;}
.ewm_box table a{ background:url(../images/sj_icon1.png) #41b7fe no-repeat left top; height:55px; line-height:55px; text-align:center; padding-left:40px; width:150px; font-size:22px; color:#fff; text-decoration:none; display:block; margin-top:20px; border-radius:6px; margin-right:10px;}
.ewm_box table a.anzhuo{background:url(../images/sj_icon2.png) #41b7fe no-repeat left top; height:55px; line-height:55px;}


.ffmx_box{  display:none;  padding:30px 20px; width:460px;  text-align:left; color:#888; font-size:16px; padding-top:20px;}
.ffmx_box h3{ color:#333; font-size:18px; font-weight:bold;}

#gla{
	
	overflow:hidden;
	margin:0 auto;
	position:relative;
	height:600px;
}
.bac{
	position:absolute;
	bottom:0;
	left:50px;
}
#gla_box{
	width:1200px;
	margin:0 auto;
}
.gla_inbox{
	overflow:hidden;
	position:relative;
}

.gla_inbox img{
	width:100%;
	height:100%;
}
.roundabout-holder {
	height: 500px;
	width: 1000px; margin:0 auto;
}
.roundabout-moveable-item {
	display:block;
	height: 400px;
	width: 400px;
	cursor: pointer;
}
.roundabout-in-focus {
	cursor: auto;
}



.phone{ position:absolute; bottom:0px; right:0px;
 -webkit-animation:fadeInRight .8s .2s ease both;
-moz-animation:fadeInRight .8s .2s ease both;}



.titddda{ font-size:13px;  color:#563e2e; text-align:center; padding:15px 0; height:65px; line-height:18px; padding:0 20px; margin-top:30px;}
.titddda h2{ line-height:26px; font-size:16px;   letter-spacing:4px; margin:0px;}








@media (min-width: 768px) {
  
  .slideBox{ display:none;}
  .pro_list ul li:hover img{ width:100%; margin-bottom:-20%;}
  .pro_list ul li:hover .txt_fr{ width:90%; text-align:center; color:#fff;}
  .pro_list ul li:hover .txt_fl{ width:90%; text-align:center; color:#fff;}
  .pro_list ul li:hover .bg_btm{  background:rgba(0,0,0,0.6); width:100%;}
  

  
  .gd_li:hover{ color:#fff; background-color:#41b7fe; transform:translateY(-30px);  box-shadow: 2px 12px 20px #b3e2ff;}
  
  .pro_img:hover .xq_txt,.pro_img2:hover .xq_txt{ padding:4% 4%;  background:rgba(0,0,0,0.4); opacity:1;  color:#fff; transition:all .4s linear; }

.pro_img:hover img,.pro_img2:hover img{transform: scale(1.1); }
.jjfa_box{}
.jjfa_box:hover{transform: scale(1.1); }

.bor_fl{ border-left:1px solid #4d5a65; padding-left:40px; height:70px; line-height:26px; padding-top:10px;}
.bor_fl span{ display:block;}

table tr td.img{ vertical-align:top; width:80px;}

.ty_list ul li:hover{ background-color:#0a5171;  transform:translateY(-7px);  webkit-transition: .5s; transition: .5s;}



.bg_hei img:hover{transform: scale(1.1); }


.jq_pic2 img:hover{-webkit-animation:wobble 1s .2s ease both;
-moz-animation:wobble 1s 1s ease both;}

{-webkit-animation:tada 1s .2s ease both;
-moz-animation:tada 1s 1s ease both;}

.jq_pic3 img:hover{-webkit-animation:swing 1s .2s ease both;
-moz-animation:swing 1s 1s ease both;}

.jq_pic1 img{animation-name: tossing;
	-webkit-animation-name: tossing;	

	animation-duration: 2s;	
	-webkit-animation-duration: 2s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;}



.jqr_box{ display:none;}

.pos_img_2{-webkit-animation:fadeInLeft .8s .2s ease both;
-moz-animation:fadeInLeft 1s .2s ease both infinite;}
.pos_img_3{-webkit-animation:fadeInRight .8s .8s ease both;
-moz-animation:fadeInRight 1s .2s ease both infinite;}

.pos_img_1{-webkit-animation:fadeInUp 1s 0s ease both;
-moz-animation:fadeInUp 1s 0s ease both;}





#text_in{-webkit-animation:fadeInUp 1s .2s ease both;
-moz-animation:fadeInUp 1s .2s ease both;}
.icon_list{-webkit-animation:fadeInUp 1s 1s ease both;
-moz-animation:fadeInUp 1s .2s ease both;}


}
@media (max-width: 767px) {
a{ text-decoration:none;}	
	
.turn_pic{ display:none;}	
 .slideBox{ display:block;}

 
 #gla{ display:none;}
 .jqr_box{ display:block;}
 

.top{ height:80px; overflow:hidden; } 
.logo{ padding:10px 0; height:30px; text-align:center; }
.logo img{ height:30px; width:auto;}
.nav_ul ul li a{ height:40px; line-height:40px; display:block;  color:#fff; font-size:15px; text-decoration:none; }	
.nav_ul ul li{ float:left; width:18%; margin:0 1%; text-align:center; position:relative;}

.botm_bor{ padding:20px 0; margin-top:20px; font-size:13px; color:#fff; line-height:22px;}
.tit_pic{ display:none;}
.botm_txt{ padding-top: 0px; padding-left:15px;}

.code_img{  font-size:13px;  line-height:20px; font-weight:bold; }
.code_img img{ width:70%; margin-bottom:10px; }
	
.tit_ty{ padding:5px 0; text-align:center; color:#fff; font-size:15px; line-height:22px; padding-bottom:15px;}
.tit_ty h2{ font-size:22px; line-height:24px; margin-bottom:6px;}
.tit_ty p{letter-spacing:2px; }	

.jjfa_box{ height:auto; padding:25px 0; font-size:14px; line-height:24px;}
	.jjfa_box h2{ font-size:18px; margin-bottom:25px; background-size:62px 3px; padding-bottom:14px;}
	
.icon_list{ text-align:center; margin-top:40px;}
.icon_list ul li{ width:25%; margin-bottom:15px;}
.icon_1,.icon_2,.icon_3,.icon_4,.icon_5,.icon_6,.icon_7{ background-size:60px 60px; height:60px;}
.icon_1:hover,.icon_2:hover,.icon_3:hover,.icon_4:hover,.icon_5:hover,.icon_6:hover,.icon_7:hover{ background-size:60px 60px;}

.apl_bg{ background:rgba(0,0,0,0.5); height:28px; line-height:28px; position:absolute; left:0px; bottom:0px; width:100%; overflow:hidden; padding:0 8px; color:#fff; font-size:13px;}

.pro_list ul li{ margin-bottom:15px; position:relative; color:#fff; font-size:12px; line-height:18px; overflow:hidden;}
.pro_list ul li img{ width:100%; }
.txt_fr{ position:inherit; width:100%; right:inherit; top:inherit; padding:10px 12px;}
.pro_list ul li .txt_fl{ position:inherit; text-align:left; width:100%; left:inherit; top:inherit; padding:10px 12px;}
.pro_list ul li .txt_fr h2{ font-size:18px; font-weight:bold; margin:0px; padding:0px; padding-top:5px;  margin-bottom:8px; line-height:24px;}
.pro_list ul li .txt_fl h2{ font-size:18px; font-weight:bold; margin:0px; padding:0px; padding-top:5px; margin-bottom:8px; line-height:24px;}

.about_bor{ border:1px solid #4d5a65; font-size:14px; line-height:24px; padding:15px 22px; color:#fff; margin-top:20px;}
.about_txt{  font-size:14px; color:#fff; line-height:24px; padding:10px 20px;}
.about_txt h2{ margin-top:15px; font-size:16px; font-weight:bold; line-height:30px;}

.mess_box{ width:92%; margin:30px auto; }
.inp_bg{ height:44px; border:1px solid #4d5a65; border-radius:20px; padding:0 5%; margin-top:20px;}
.inp_bg input{ height:42px; border:none; background:none; width:100%; outline:none; font-size:16px; color:#fff;}
.bg2d{ background-color:#1a2b39; border:none;}
.mess_box a{height:44px; width:200px; display:block; margin:0 auto; line-height:44px; text-align:center; border-radius:20px; background-color:#fff; text-decoration:none; font-size:18px; color:#333; margin-top:30px;}

.mess_box a.yzm{ background:none;padding:0px; margin:0px; margin-top:20px;}
a.yzm img{ height:44px; width:auto; padding:0px; margin:0px;}

h2.tit_ty2{ font-size:18px; font-weight:bold; color:#fff; line-height:30px; margin-top:20px; margin-bottom:10px; padding-left:12px;}

.ty_list{ padding:0px 12px; border:none;}
.ty_list ul li{ margin-bottom:15px; background-color:#002438; padding:15px 0px; min-height:150px; overflow:hidden; height:auto; font-size:14px; line-height:24px; color:#fff;}
.ty_list ul li:nth-child(even){ background-color:#00354d;}
.ty_list ul li h3{ margin:0px; padding:0px; line-height:26px; margin-bottom:6px; font-size:16px; font-weight:bold;}

.ty_list ul li img{ width:36px; height:auto; margin-right:12px; }
.bor_fl{ padding-left:66px;}

table tr td.img{ vertical-align:top; margin-top:5px; }

.buy_hlep{ margin-top:20px;  text-align:center; color:#fff; font-size:15px; padding:0 25px; padding-bottom:40px;}
.buy_hlep h2{ font-size:20px; font-weight:bold; margin-top:25px; margin-bottom:10px;}
.buy_hlep p{ margin-top:12px;}

a.tm_icon{ background-size:32px 32px; margin:0 2px;}
a.tm_icon:hover{background-size:32px 32px;}

a.tb_icon{ background-size:32px 32px; margin:0 2px;}
a.tb_icon:hover{background-size:32px 32px;}

a.jd_icon{ background-size:32px 32px; margin:0 2px;}
a.jd_icon:hover{background-size:32px 32px;}

.mess_box h2{ font-size:22px; font-weight:bold; text-align:center; margin-bottom:15px; color:#fff;}

.mess_box a.ljcx_btn{ height:44px;  color:#fff; line-height:44px; font-size:18px; font-weight:bold; background-color:#00bcf5; border-radius:0px; width:100%; text-align:center;}

.ser_box{ margin-top:6%; border-top:1px solid #4d5a65; padding:5% 5%;  color:#fff; font-size:14px; line-height:24px;}

.ser_box h2{ font-size:24px; font-weight:bold; text-align:center; line-height:32px; margin-bottom:15px; color:#fff;}
.ser_box h3{ font-size:17px; font-weight:bold; line-height:30px;  margin-top:15px; color:#fff;}

.txt_mid{ text-align:center; font-size:16px; line-height:30px; padding:6% 0; color:#fff;}
.txt_mid b{ font-weight:normal; font-size:34px; line-height:50px; color:#fff;}


.sun_bg{ background:url(../images/sun.png) left 30px no-repeat; background-size:80px 80px; }
.rtjqr_box{text-align:center; font-size:15px; line-height:22px; color:#563e2e; text-align:center; margin-top:10px; padding:0 15px;}
.rtjqr_box h2{ background:url(../images/line_tit2.png) no-repeat center bottom; padding-bottom:15px; font-size:24px; line-height:30px; margin-bottom:30px; color:#aa8a74;}
.rtjqr_box  p{color:#563e2e; letter-spacing:2px; margin-bottom:6px;}


.icon_list2{ text-align:center; margin:30px 0px; margin-bottom:18px;}
.icon_list2 ul li{ width:25%; float:left; font-size:14px; color:#563e2e; padding:0px; margin:0px; margin-bottom:12px; line-height:22px;}
.icon_list2 ul li  p{letter-spacing:0px;}
.icon_list2 ul li .icon_1{ background:url(../images/rob_icon1.png) no-repeat center center; background-size:60px 60px; height:60px; width:60px; margin:0 auto; margin-bottom:6px;}
.icon_list2 ul li .icon_1:hover{ background:url(../images/rob_icon1_hover.png) no-repeat center center; background-size:60px 60px;}
.icon_list2 ul li .icon_2{ background:url(../images/rob_icon2.png) no-repeat center center;background-size:60px 60px; height:60px; width:60px; margin:0 auto;margin-bottom:6px;}
.icon_list2 ul li .icon_2:hover{ background:url(../images/rob_icon2_hover.png) no-repeat center center; background-size:60px 60px;}
.icon_list2 ul li .icon_3{ background:url(../images/rob_icon3.png) no-repeat center center; background-size:60px 60px; height:60px; width:60px; margin:0 auto;margin-bottom:6px;}
.icon_list2 ul li .icon_3:hover{ background:url(../images/rob_icon3_hover.png) no-repeat center center; background-size:60px 60px;}
.icon_list2 ul li .icon_4{ background:url(../images/rob_icon4.png) no-repeat center center; background-size:60px 60px; height:60px; width:60px; margin:0 auto;margin-bottom:6px;}
.icon_list2 ul li .icon_4:hover{ background:url(../images/rob_icon4_hover.png) no-repeat center center; background-size:60px 60px;}
.icon_list2 ul li .icon_5{ background:url(../images/rob_icon5.png) no-repeat center center; background-size:60px 60px; height:60px; width:60px; margin:0 auto;margin-bottom:6px;}
.icon_list2 ul li .icon_5:hover{ background:url(../images/rob_icon5_hover.png) no-repeat center center; background-size:60px 60px;}
.icon_list2 ul li .icon_6{ background:url(../images/rob_icon6.png) no-repeat center center; background-size:60px 60px; height:60px; width:60px; margin:0 auto;margin-bottom:6px;}
.icon_list2 ul li .icon_6:hover{ background:url(../images/rob_icon6_hover.png) no-repeat center center; background-size:60px 60px;}
.icon_list2 ul li .icon_7{ background:url(../images/rob_icon7.png) no-repeat center center; background-size:60px 60px; height:60px; width:60px; margin:0 auto;margin-bottom:6px;}
.icon_list2 ul li .icon_7:hover{ background:url(../images/rob_icon7_hover.png) no-repeat center center; background-size:60px 60px;}
.icon_list2 ul li .icon_8{ background:url(../images/rob_icon8.png) no-repeat center center; background-size:60px 60px; height:60px; width:60px; margin:0 auto;margin-bottom:6px;}
.icon_list2 ul li .icon_8:hover{ background:url(../images/rob_icon8_hover.png) no-repeat center center; background-size:60px 60px;}

.rtjqr_box2{ padding-bottom:20px; font-size:14px;}
.rtjqr_box2 h2{ font-size:20px; background:none; padding-bottom:0px; margin-bottom:20px; margin-top:0px;}
.rtjqr_box2 p{letter-spacing:2px;}

.titddd{ font-size:16px;  color:#563e2e; text-align:center; padding:15px 0;}
.titddd h2{ line-height:26px; font-size:16px;   letter-spacing:4px;}


.rb_pic1{ position:relative; margin-bottom:30px; }

.rb_pic1 .txt_pos{ position:absolute; top:5%; left:13%; font-size:10px; letter-spacing:2px; line-height:14px;}
.rb_pic1  .pos_img{ bottom:-26px; left:55%; position:absolute;}

.rb_pic1  .pos_img img{ width:36%;}
.rb_pic2  .pos_img img{ width:25%;}
.rb_pic2 .txt_pos{position:absolute; top:50%; left:64%; font-size:12px; letter-spacing:2px; line-height:16px;}
.rb_pic2  .pos_img{ bottom:-20px; left:30%; position:absolute;}

.pos_img2,.pos_img3{ display:none;}

.rb_pic3 { margin-top:20px;}
.rb_pic3 img{ margin-top:-50px;}

.rb_pic3  .pos_img img{ width:30%;}
.rb_pic3  .pos_img{bottom:-20px; left:18%; position:absolute;}

.jqr_box img{ width:22%; margin:0 5%;}
.jqr_box{ margin-bottom:30px;}

.gssm{ margin:40px auto;}

.gd_li{ background-color:#ffdbc2; height:200px; padding:25px 30px;  overflow:hidden; color:#2c2f34; font-size:16px; line-height:26px; transition:all .3s linear; }
.gd_li h2{ font-size:20px; font-weight:bold; line-height:32px; margin-bottom:10px; margin-top:0px;}



.lxwm .col-xs-12.col-md-5,.lxwm .col-xs-12.col-md-7{ margin:0px 0px; padding:0px 0px;   overflow:hidden;}

.bg_hei{  height:auto; background-color:#2d2f34;}
.bg_hei img{ width:100%; height:auto;}
.lxwm .col-xs-12.col-md-7.ewm_box{ background-color:#2c2f34; height:auto; padding:20px 20px; margin-top:0px; color:#41b7fe; font-size:16px;}
.ewm_box h2{ font-size:32px; font-weight:bold;}

.ewm_box table{ text-align:center; margin:0 auto; margin-top:15px;}
.ewm_box table a{ background:url(../images/sj_icon1.png) #41b7fe no-repeat left top; height:55px; line-height:55px; text-align:center; padding-left:40px; width:150px; font-size:22px; color:#fff; text-decoration:none; display:block; margin-top:12px; border-radius:6px; margin-right:10px;}
.ewm_box table a.anzhuo{background:url(../images/sj_icon2.png) #41b7fe no-repeat left top; height:55px; line-height:55px;}
.ewm_box table  img{ width:145px; width:145px;}


.ffmx_box{  display:none;  padding:15px 12px; width:280px; height:440px;  text-align:left; color:#888; font-size:13px; }
.ffmx_box h3{ color:#333; font-size:14px; font-weight:bold;}

.phone img{ width:160px; height:auto;}

}


@-webkit-keyframes wobble {
0% {
-webkit-transform:translateX(0%)
}
15% {
-webkit-transform:translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform:translateX(20%) rotate(3deg)
}
45% {
-webkit-transform:translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform:translateX(10%) rotate(2deg)
}
75% {
-webkit-transform:translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform:translateX(0%)
}
}
@-moz-keyframes wobble {
0% {
-moz-transform:translateX(0%)
}
15% {
-moz-transform:translateX(-25%) rotate(-5deg)
}
30% {
-moz-transform:translateX(20%) rotate(3deg)
}
45% {
-moz-transform:translateX(-15%) rotate(-3deg)
}
60% {
-moz-transform:translateX(10%) rotate(2deg)
}
75% {
-moz-transform:translateX(-5%) rotate(-1deg)
}
100% {
-moz-transform:translateX(0%)
}
}

@-webkit-keyframes tada {
0% {
-webkit-transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform:scale(1) rotate(0)
}
}
@-moz-keyframes tada {
0% {
-moz-transform:scale(1)
}
10%, 20% {
-moz-transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-moz-transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-moz-transform:scale(1.1) rotate(-3deg)
}
100% {
-moz-transform:scale(1) rotate(0)
}
}

@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-webkit-transform-origin:top center
}
20% {
-webkit-transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg)
}
100% {
-webkit-transform:rotate(0deg)
}
}
@-moz-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-moz-transform-origin:top center
}
20% {
-moz-transform:rotate(15deg)
}
40% {
-moz-transform:rotate(-10deg)
}
60% {
-moz-transform:rotate(5deg)
}
80% {
-moz-transform:rotate(-5deg)
}
100% {
-moz-transform:rotate(0deg)
}
}

@keyframes tossing {
	0% {
		transform: rotate(-4deg);	
	}
	50% {
		transform: rotate(4deg);
	}
	100% {
		transform: rotate(-4deg);	
	}						
}

@-webkit-keyframes tossing {
	0% {
		-webkit-transform: rotate(-4deg);	
	}
	50% {
		-webkit-transform: rotate(4deg);
	}
	100% {
		-webkit-transform: rotate(-4deg);	
	}				
}


@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(50px)
}
100% {
opacity:1;
-webkit-transform:translateX(0)
}
}
@-moz-keyframes fadeInRight {
0% {
opacity:0;
-moz-transform:translateX(50px)
}
100% {
opacity:1;
-moz-transform:translateX(0)
}
}

@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-50px)
}
100% {
opacity:1;
-webkit-transform:translateX(0)
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity:0;
-moz-transform:translateX(-50px)
}
100% {
opacity:1;
-moz-transform:translateX(0)
}
}

@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(0);
opacity:1
}
}
@-moz-keyframes rotateInUpRight {
0% {
-moz-transform-origin:right bottom;
-moz-transform:rotate(-90deg);
opacity:0
}
100% {
-moz-transform-origin:right bottom;
-moz-transform:rotate(0);
opacity:1
}
}


@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(50px)
}
100% {
opacity:1;
-webkit-transform:translateY(0)
}
}
@-moz-keyframes fadeInUp {
0% {
opacity:0;
-moz-transform:translateY(50px)
}
100% {
opacity:1;
-moz-transform:translateY(0)
}
}