﻿/****
author:

*****/

html, body, div, h1, h2, h3, h4, h5, h6, p,dl, dt, dd, ol, ul, li,fieldset, form, label,input,legend,textarea,button{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal}
ul,ol{list-style:none;}
img{border:0 none; vertical-align:top}
blockquote,q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after { content:""; content:none;}
strong,em,i,b{ font-style:normal; font-weight:normal}
a{ text-decoration:none;}
body{ font:12px/1.5 \5FAE\8F6F\96C5\9ED1,Tahoma, Geneva, sans-serif; background:#fff}
.hd{ position:absolute; left:-9999px; top:-9999px;}
.clear_fixed{zoom:1;}
.clear_fixed:after{ content:""; display:block; clear:both; font-size:0; line-height:0; visibility:hidden;}



.txt_info{ background: url(img/txt780.png) no-repeat;}
/* .txt_info{ background: url(img/txt_png24.png) no-repeat;} */
.download_btn, .s_left, .s_right, .sina_ico, .opt_ico, .switch_list span{ background: url(img/sp_png24.png) no-repeat;}
.switch_new span{ background: url(img/sp_png24.png) no-repeat;}
.hd{ position:absolute; left:-9999em;}
.header{ background:#fafafa; height:70px;min-width:1100px; overflow:hidden; position:relative; z-index:15;}
.logo{ width:160px; height:46px; margin-top:10px; float:left;}
.logo a{ display:block; width:160px; height:46px;}
.top_nav{ position:absolute; top:0; right:0; font-size:14px; height:70px; line-height:66px; color:#666;}
.top_nav a{ float:left; color:#666; padding:0 10px; height:66px; border-top:#fafafa solid 4px; line-height:66px;}
.top_nav a:hover{ border-top:#347be6 solid 4px; text-decoration:none;}
.top_nav .sina_ico{ background-position:-177px -8px; width:22px; height:18px; display:inline-block; vertical-align:-3px; *vertical-align:-20px; overflow:hidden;}
.top_nav .sina:hover{ border-top:#347be6 solid 4px;}
.top_nav .sina:hover .sina_ico{ background-position:-177px -29px;}
.wp{ width:1100px; margin:0 auto; position:relative;}

/* 添加css */  
.wrapper {
  position:relative;
  margin:0 auto;
  /* width: 1680px; */
  height: 389px;
  /* opacity: 0.03; */
  background-color: #f8f8f8;
  box-shadow: 0px 2px 0 0 rgba(0, 0, 0, 0.05);
  display:block;
  text-align:center;
}
.wrapper img
  {
  margin:0 auto;
  border:0px solid #bebebe;
  height:auto;
  width:auto;
  /* float:left; */
  text-align:center;
  /* background-image: url(img/ios.png) no-repeat; */
  }

.layer {
  position:relative;
  margin:0 auto;
  width: 1096px; 
  height: 389px;
  /* opacity: 0.03; */
  background-color: #f8f8f8;
  box-shadow: 0px 2px 0 0 rgba(0, 0, 0, 0.05);
  display:block;
}
.layer span{background:url(img/banner1096_389.jpg) no-repeat;width:1096px;height:389px;display:block;margin:0 auto;}
.ban_bottom{
	width:1096px;
	display:block;
	margin:0 auto;
}
.ban_bottom .ban_a{
	width:30%;
	margin:0 auto;
	float:left;
}
.download{
	position:relative;
	margin-left:398px;
	margin-top:-122px;
	width:400px;
	height:44px;
}
.bantop{
	position:relative;
	margin-left:580px;
	margin-top:-270px;
	width:400px;
	height:36px;
	font-size:16px;
}
.download .download_ios{
  margin:0;
  border:0px solid #bebebe;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
	/* background-image: url(img/ios.png) no-repeat; */
}
.download .download_android{
  margin:0 0 0 16px;
  border:0px solid #bebebe;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
	/* background: url(img/android.png) no-repeat; */
}
.download .download_qc{
  margin:0 0 0 19px;
  border:0px solid #bebebe;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
	/* background: url(img/qc.png) no-repeat; */
}
.qcsize div{left: -999em;position: absolute;overflow: visible; margin-top:-104px; margin-left:62px; padding-top: 0px;width: 104px;height: 104px;z-index: 999;}
/* .qcsize img{margin-left: -75px;width:98%;height:auto;} */
.qcsize:hover div{left: auto;}

.mid {
  position:absolute;
  /* margin:0 auto; */
  width: 1680px;
  height: 448px;
  bottom:0;
  /* opacity: 0.03; */
  background-color: #555555;
  /* box-shadow: 0px 2px 0 0 rgba(0, 0, 0, 0.05); */
  display:block;
}
.mid1 {
    width: 1680px;
    position: absolute;
    /* left: 50%; */
    margin:0 auto;
    bottom: 0;
    text-align: center;
    height: 45px;
    padding: 5px 0;
    line-height: 18px;
    z-index: 4;
	background-color: #555555;
}
#download_qc:hover{
	background:url(img/qc83.png) no-repeat;
}


/* 复制来的css */
.row {
    width: 1096px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.footer1{ text-align:center;}
.footer1 .footer_list{ padding:20px 0 45px; zoom:1;}
.footer1 .footer_list li{ vertical-align:top; padding-top:0px; display:inline-block; *display:inline; *zoom:1; width:320px; text-align:left;}
.footer1 .footer_list li h3{ padding-left:40px; height:30px;  font:16px/30px "Microsoft YaHei"; color:#313131;}
.footer1 .footer_list li h4{ margin-left:40px; margin-top:6px; height:83px; background:url(img/qc83.png) no-repeat; letter-spacing: 0.3px;line-height: 2.29;}
.footer1 .footer_list li.item1 h3{ background-position:-354px -30px;}
.footer1 .footer_list li.item2 h3{ background-position:-354px -60px;}
.footer1 .footer_list li.item3 h3{ background-position:-354px -90px;}
.footer1 .footer_list li p{ padding-left:40px; line-height:20px; color:#000;font-family: PingFangSC;font-size: 14px;letter-spacing: 0.3px;line-height: 2.29;}
.footer1 .footer_list li h5{ padding-left:40px; margin-left:40px; line-height:20px; background:url(img/wechat.png) no-repeat; color:#000;font-family: PingFangSC;font-size: 14px;letter-spacing: 0.3px;line-height: 2.29;}
.footer1 .footer_list li h6{ padding-left:40px; margin-left:40px; line-height:20px; background:url(img/weibo.png) no-repeat; color:#000;font-family: PingFangSC;font-size: 14px;letter-spacing: 0.3px;line-height: 2.29;}
/* .footer1 .footer_list li p{ padding-left:40px; line-height:20px; color:#000;} */
.footer1 .footer_list li p a{ color:#999;}
.footer1 .footer_menu{ position:relative; zoom:1; margin-bottom:5px;}
.footer1 .footer_menu ul{ height:12px; padding: 8px 0 9px; }
.footer1 .footer_menu li{ display:inline;}
.footer1 .footer_menu li a{ color:#FFF; padding:0 10px; line-height:12px; border-right:1px solid #FFF;}
.footer1 .footer_menu li.last a{ border-right:none;}
.footer1 .footer_tel{ line-height:22px; color:#000;}
.footer1 .copyright a.imgLink{vertical-align:middle; display:inline-block; margin-right:5px;}
.footer1 .copyright_text{ display:inline-block; *display:inline; *zoom:1; margin-left:15px; vertical-align:middle;}
.footer1 .copyright_text p{ color:#666; line-height:18px;}

.ban_bottom_font {
  width: 195px;
  height: 79px;
  font-family: PingFangSC;
  font-size: 14px;
  line-height: 2.29;
  letter-spacing: 0.3px;
  text-align: left;
  color: #000000;
}
.ban_bottom_txt {
  padding-bottom:20px;
  width: 371px;
  height: 36px;
  font-family: PingFangSC;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.2px;
  text-align: center;
  color: #312d2d;
  margin:0 auto;
}



.content{ position:relative;zoom:1;display:block;height:448px;}
/* .content .main{ width:1100px; margin:0 auto; position:absolute; top:50%; left:50%; margin-left:-550px; margin-top:-220px;} */
.content .main{ width:1096px; margin:0 auto; position:absolute; top:50%; left:50%; margin-left:-550px; margin-top:-220px;}
/* .bg_colors{ position:absolute; left:0; top:0; width:100%; height:100%; background:#1385ea;} */
.bg_colors{ position:absolute; left:0; top:0; width:100%; height:100%; background:#ffffff;}
.bgs_box{ position:absolute; left:0; top:0; width:100%; height:100%;opacity:0;filter:alpha(opacity=0);}
.bg_colors .on{opacity:1;filter:alpha(opacity=100)}
.bg_colors .wp{ height:830px;}
/* .img_area{ position:absolute; top:0; left:0; width:693px; height:424px;} */
.img_area{ position:absolute; top:0; left:175px; width:340px; height:448px;}
/* .img_area .shadow{ background:url(img/shadow_1.png) no-repeat; background:none\9; width:693px; height:424px; overflow:hidden;} */
/* .img_area .s_img{ width:673px; height:404px; margin:10px auto;} */
.img_area .s_img{ width:320px; height:448px; margin:0px auto;}
/* .item_txt_box{ width:370px; height:340px; position:absolute; top:0; left:720px;} */
.item_txt_box{ width:560px; height:260px; position:absolute; top:120px; left:600px;}
/* .item_txt{width:370px; height:340px; position:absolute; top:0; left:-9999px;} */
.item_txt{width:560px; height:260px; position:absolute; top:0; left:-9999px;}
.item_txt_box .on{ left:0;}
.detail{ color:#fff; font-size:12px; line-height:20px; position:absolute; left:5px; bottom:0; width:370px; overflow:hidden;}
.detail ul{ height:80px; overflow:hidden;}
.detail ul li, .detail p{opacity:0.7;filter:alpha(opacity=70); width:362px; height:20px; overflow:hidden;}
.download_btn{ background-position:0 -125px; display:block; width:126px; height:60px; padding-left:80px; font-size:24px; color:#fff; line-height:58px; margin:15px 0 5px 0;}
.download_btn:hover{ background-position:0 -188px; text-decoration:none;}
.chk_link{ color:#fff; text-decoration:none;}

/* .bgs_box .wp{ position:absolute; left:50%; margin-left:-550px; top:50%; margin-top:-260px; height:auto!important; z-index:0!important; } */
.bgs_box .wp{ position:absolute; left:50%; margin-left:-550px; top:50%; margin-top:-224px; height:auto!important; z-index:0!important; }

/* .bgs_1{ background:url(img/bg1.jpg) no-repeat center top #1e58ab; background-size:100% 100%;} */
/* .bgs_1 .s_img{ background:url(img/s_img1.jpg) no-repeat; width:673px; height:404px; } */
.bgs_1 .s_img{ background:url(img/phone1.png) no-repeat; width:320px; height:448px; }
/* .item_txt_1 .txt_info{ background-position:0 0; width:383px; height:130px;} */
.item_txt_1 .txt_info{ background-position:0 0; width:560px; height:260px;}

.s_left, .s_right{width:60px; height:60px; position:absolute; top:50%; margin-top:-30px; cursor:pointer; z-index:10;}
.s_left{ background-position:0 0;  left:10px;}
.s_left:hover{ background-position:0 -62px;}
.s_right{ background-position:-62px 0; right:10px;}
.s_right:hover{ background-position:-62px -62px;}

.switch_list{ position:absolute; left:50%; bottom:15%; height:10px; margin-left:-30px; text-align:center; z-index:10; overflow:hidden;}
.switch_list span{ background-position:-151px -42px;  _background: url(img/dot.png) no-repeat -14px 0; float:left; vertical-align:top; width:10px; height:10px;overflow:hidden;  margin:0 14px 0 0; cursor:pointer;}
.switch_list .on{  background-position:-137px -42px; _background-position:0 0;}

/* 增加小圆点 */
.switch_new{ position:absolute; left:180px; top:-16px; height:10px; margin-left:0px; text-align:center; z-index:10; overflow:hidden;}
.switch_new span{ background-position:-151px -42px;  _background: url(img/dot.png) no-repeat -14px 0; float:left; vertical-align:top; width:10px; height:10px;overflow:hidden;  margin:0 14px 0 0; cursor:pointer;}
.switch_new .on{  background-position:-137px -42px; _background-position:0 0;}

/* .bgs_2{ background:url(img/bg2.jpg) no-repeat center top #1385ea; background-size:100% 100%;z-index:0;} */
/* .bgs_2 .s_img{ background:url(img/s_img2.jpg) no-repeat; width:673px; height:404px;} */
.bgs_2 .s_img{ background:url(img/phone2.png) no-repeat; width:320px; height:448px;}
/* .item_txt_2 .txt_info{ background-position:0 -156px; width:383px; height:105px;} */
.item_txt_2 .txt_info{ background-position:0 -260px; width:560px; height:260px;}

/* .bgs_3{ background:url(img/bg3.jpg) no-repeat center top #1cad75; background-size:100% 100%; z-index:0;} */
.bgs_3 .s_img{ background:url(img/phone3.png) no-repeat; width:320px; height:448px;}
/* .bgs_3 .s_img{ background:url(img/s_img3.png) no-repeat; width:673px; height:404px;} */
/* .bgs_3 .shadow01{ background:url(img/shadow_2.png) no-repeat; background:none\9; width:285px; height:190px; padding:8px; position:absolute; left:-30px; bottom:-50px;} */
/* .bgs_3 .s_img01{ background:url(img/s_img3_1.jpg) no-repeat; width:285px; height:190px;} */
/* .item_txt_3 .txt_info{ background-position:0 -295px; width:383px; height:110px;} */
.item_txt_3 .txt_info{ background-position:0 -520px; width:560px; height:260px;}

.footer{ background:#2c94f8; width:100%; height:45px; padding:5px 0; text-align:center;  position:absolute; bottom:0; line-height:34px; z-index:999;}
.foot_txt{ width:1100px; position:absolute; left:50%; margin-left:-550px; bottom:0; text-align:center; height:45px; padding:5px 0; line-height:18px; z-index:4;background-color:#333333;}
.footer p, .foot_txt p{ color:#fff; filter:alpha(opacity=40); opacity:0.4; }
.footer p a, .foot_txt p a{ text-decoration:underline; color:#fff;}
.footer p a:hover, .foot_txt p a:hover{color:#000;}
/* .bgs_1 .footer{ background:#1e58ab;z-index:3;  } */
/* .bgs_2 .footer{ background:#1385ea;z-index:2;  } */
/* .bgs_3 .footer{ background:#1cad75;z-index:1;  } */
.bgs_1 .footer{ background:#ffffff;z-index:3;  }
.bgs_2 .footer{ background:#ffffff;z-index:2;  }
.bgs_3 .footer{ background:#ffffff;z-index:1;  }


.item_img_css3{
	-webkit-animation:img_item 1.8s ease-out;
	animation:img_item 1.8s ease-out;
}

/* @-webkit-keyframes img_item{ */
	/* 0%{-webkit-transform:translateX(-100px); opacity:0} */
	/* 100%{-webkit-transform:translateX(0);  opacity:1} */
/* } */
/* @keyframes img_item{ */
	/* 0%{transform:translateX(-100px);opacity:0} */
	/* 100%{transform:translateX(0); opacity:1} */
/* } */

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

/* .item_img_css3 .shadow01{ */
	/* -webkit-animation:img_item01 .8s ease-out; */
	/* animation:img_item01 .8s ease-out; */
/* } */

@-webkit-keyframes img_item01{
	0%{-webkit-transform:translateX(200px); opacity:0}
	100%{-webkit-transform:translateX(0);  opacity:1}
}
@keyframes img_item01{
	0%{transform:translateX(200px);opacity:0}
	100%{transform:translateX(0); opacity:1}
}

.item_txt_css3{
	-webkit-animation:txt_item 1.8s ease-out;
	animation:txt_item 1.8s ease-out;
}
/* @-webkit-keyframes txt_item{ */
	/* 0%{-webkit-transform:translateX(100px); opacity:0} */
	/* 100%{-webkit-transform:translateX(0);  opacity:1} */
/* } */
/* @keyframes txt_item{ */
	/* 0%{transform:translateX(100px);opacity:0} */
	/* 100%{transform:translateX(0); opacity:1} */
/* } */

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



.bor_top{ border-top:#2c94f8 solid 4px; overflow:hidden; min-width:1100px;}
/* .content .faqs_area{ width:1100px; margin:0 auto; position:relative; min-height:1000px; _height:1000px;  font-size:14px;} */
/* .content .faqs_area{ width:1100px; margin:0 auto; position:relative; min-height:1000px; _height:1000px;  font-size:14px;} */
.left_col{ position:absolute; left:0; top:0;width:165px; padding-left:28px; height:100%; _height:2000px; border-right:#e7e7e7 solid 1px;}
.ques_wp{ padding-top:36px;color:#3e3e3e;}
.ques_wp a{ color:#3e3e3e}
.ques_list { margin-top:8px;}
.ques_list dt{  overflow:hidden; cursor:pointer; }
.ques_list dt a:hover{ color:#2c94f8; font-weight:bold;}
.ques_list dd{ padding-left:20px;}
.ques_list dd a{ display:block; padding:4px 0 4px 16px; overflow:hidden; height:20px; line-height:20px;}

.ques_list_select {background:#2c94f8; color:#fff;}
.opt_ico{ float:left; width:16px; height:16px; margin:2px 10px 0 0; display:inline; _margin-top:0; overflow:hidden;}
.pack_up .opt_ico{ background-position:-137px -62px;}
.drop_down .opt_ico{background-position:-155px -62px;}
.pack_up .ques_item{ display:none;}

.right_col{ padding:36px 0 100px 245px; }
.faqs_wp{ color:#737373; width:638px;}
.faqs_list{ padding-bottom:10px;}
.faqs_list dt{ padding-bottom:10px;}
.faqs_list dt a{color:#3e3e3e; }
.faqs_list dt a:hover{ color:#2c94f8;}
.faqs_list dt, .faqs_list dd{ line-height:24px; overflow:hidden; padding-left:16px; position:relative; width:622px; }
.faqs_list dd p{border-bottom:#e5e5e5 solid 1px; float:left; padding-bottom:20px; color:#737373;}
.faqs_list .fa_letter{ font-family:Arial; font-size:14px; font-weight:bold;position:absolute; left:0; top:0; }
.faqs_list dd .fa_letter{ color:#2c94f8; }
.bor_top .footer{ line-height:18px; position:relative; height:35px; bottom:auto;}
