@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot")/*tpa=http://www.71chat.com/font/iconfont.eot*/; /* IE9*/
  src: url("../font/iconfont.eot-#iefix")/*tpa=http://www.71chat.com/font/iconfont.eot?#iefix*/ format('embedded-opentype'), /* IE6-IE8 */
  url("../font/iconfont.woff")/*tpa=http://www.71chat.com/font/iconfont.woff*/ format('woff'), /* chrome、firefox */
  /*url("../fonts/glyphicons-halflings-regular.woff")!*tpa=http://www.71chat.com/fonts/glyphicons-halflings-regular.woff*! format('woff'), */
  url("../font/iconfont.ttf")/*tpa=http://www.71chat.com/font/iconfont.ttf*/ format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../font/iconfont.svg#iconfont")/*tpa=http://www.71chat.com/font/iconfont.svg#iconfont*/ format('svg');/* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:20px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.4px;
  -moz-osx-font-smoothing: grayscale;
}

.icon-fenlei:before { content: "\f00a6"; }
.icon-liebiao:before { content: "\343a"; }

.icon_lists .icon{
  font-size: 32px;
  line-height:38px;
  margin: 10px 0;
  color:#fff;
  -webkit-transition: font-size 0.25s ease-out 0s;
  -moz-transition: font-size 0.25s ease-out 0s;
  transition: font-size 0.25s ease-out 0s;

}
.icon_lists .iconed{
  font-size: 36px;
}

.hidden{display: none;visibility: hidden;}
.hidden-desktop{display: none !important;}
.hidden-phone{display: block !important;}
.visible-desktop{display: block !important;}
.visible-phone{display: block !important;}
@media (min-width: 980px)
{
.hidden-desktop{display: none !important;}
.hidden-phone{display: block !important;}
.visible-phone{display: none !important;}
.con_box{width: 1170px; padding:0px 20px;background:#fff; background-size:100%}

}
@media (max-width: 979px)
{
.hidden-desktop{display: block !important;}
.hidden-phone{display: none !important;}
.visible-desktop{display: none !important;}
.con_box{width:100%; padding:0px; margin-top:0px;}
}
@media (max-width: 480px)
{
.hidden-desktop{display: block;}
.hidden-phone{display: none !important;}
.visible-desktop{display: none !important;}
.con_box{width:100%; padding:0px; margin-top:0px;}
}

#head_sj{ display:block; clear:both; background:#237ae4; padding:5px}
#head_sj .hm_l{ float:left;}
#head_sj .hm_l img{ max-height:35px}
#head_sj .hm_r{ float:right;text-align:right}
#navLis{display: none; text-align:right}
#navLis {text-align:right}

.menu_flags { float:right; cursor: pointer; vertical-align: top; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.menu_flags .item_flag {color:#231815; background-repeat:no-repeat; }
.menu_flags .flag_container {position:absolute; z-index:1400; display:inline-block; overflow-y:hidden; border-top:none; border-left:solid 1px #e6e6e6; border-right:solid 1px #e6e6e6;}
.menu_flags .flaged{border-top:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;}
.menu_flags .flaged .f{opacity:1;margin-top:0;}
.menu_flags .f{background-color:white; border-top:solid 1px #e6e6e6; opacity:0; 
-webkit-transition:opacity 0.4s ease 0.0s, margin-top 0.4s ease 0.0s; 
-moz-transition:opacity 0.4s ease 0.0s, margin-top 0.4s ease 0.0s; 
-o-transition:opacity 0.4s ease 0.0s, margin-top 0.4s ease 0.0s; 
transition:opacity 0.4s ease 0.0s, margin-top 0.4s ease 0.0s; }
.menu_flags .f:first-child {border:none; }
.menu_flags .f[last] {border-radius:0px 0px 0 0; border-bottom:none; }
.menu_flags .f:hover {background-color:#f2f5f7; border-top-color:#e6e6e6;}
.menu_flags .flags {height: 0px; position: relative; top: 0px; }
.menu_flags .f a {text-decoration:none; color:#231815; display:block;}
.menu_flags {padding:0px px; }
.menu_flags .item_flag {padding:0px 0px 0px 0px;  height:38px;}
.menu_flags .flag_container {/*width:66px;*/ top:43px; left:-86px;}
.menu_flags .f {padding:10px 12px 10px 12px; width:96px; margin-top:-62px; font-size:14px; text-align:center}
.menu_flags .f a {font-size:14px; height:26px; line-height:26px;}
.fcur{display:none}
.fcur_1{display:none}


@media (min-width: 1200px)
{
.w1000{width: 1000px;}


}
@media (max-width: 979px)
{
body {font: 12px/150% tahoma,arial,"Hiragino Sans GB","微软雅黑",sans-serif;}
#banner_s .adgd_d{position:relative; width:100%;margin:0px auto;}
#topbanner_d {Z-INDEX: 1; WIDTH:100%; HEIGHT:auto; OVERFLOW: hidden;}
#banner_s .bcon{position: absolute;top:15%; width:90%; background:#ccc; padding:3%;left:inherit; right:3%; padding:4px;background: rgba(255, 255, 255, 0);border:1px solid rgba(30, 113, 229, 0); text-align:right}
#banner_s .bcon .bt{font-size:12px;padding:5px 5px; color:#1e71e5; text-align: justify; background:#237ae4; border-radius:3px; line-height:20px; text-align:center; color:#FFF; cursor:pointer; width:120px}
#banner_s .bcon .com{font-size:12px;line-height:20px;clear: both; color:#1e71e5; position:absolute; left:1%; top:60px; width:96%; height:auto; display:none;background: rgba(255, 255, 255, 0.8); padding:5px; text-align:left; border-radius:5px}
.link a:hover{background:#66ccff;}

.customs{right:50%; margin-right:-150px; bottom:0px; display:none}
.custom{right: 0px;}
.ca_sj{right: -152px;}
.w1000{width:auto;}
.gn{width:96%; margin:0px auto; padding: 40px 0px 80px; overflow: hidden; clear:both}
.gn li{width:45%; float:left; margin-right:10%; margin-top:40px}
.gn li .gbt{font-size:18px;}
.gn .nmr_sj{margin-right:0px;}
.gni{margin: 0px auto;background-image:url("../images/fico.png")/*tpa=http://www.71chat.com/images/fico.png*/; background-repeat:no-repeat;}
.gico1{background-position:-361px 0px;width:100px; height: 100px;display: block; border-radius: 50px;}
.gico2{background-position:-361px -124px;width:100px; height: 100px;display: block; border-radius: 50px;}
.gico3{background-position:-361px -238px;width:100px; height: 100px;display: block; border-radius: 50px;}
.gico4{background-position:-361px -348px;width:100px; height: 100px;display: block; border-radius: 50px;}
.gico5{background-position:-506px 0px;width:70px; height: 70px;float: left;}
.gico6{background-position:-506px -77px;width:70px; height: 70px;float: left;}
.gico7{background-position:-506px -159px;width:70px; height: 70px;float: left;}
.gico8{background-position:-506px -240px;width:70px; height: 70px;float: left;}
.gico9{background-position:-506px -325px;width:70px; height: 70px;float: left;}
.gico10{background-position:-506px -402px;width:70px; height: 70px;float: left;}

.ysbt{font-size:18px; line-height:32px; padding:40px 0px 30px 0px;}
.ys{width:96%; margin:0px auto;}
.ys li{width:100%;  float:none; clear:both; overflow:hidden; display:block;}
.ys li .yni{width:20%;}
.ys li .yc{width:72%;padding-left:4%}
.ys li .yc .ybt{font-size:14px}

.sml{ width:96%; float:none; margin:0px auto;border: 1px solid #dddddd;}
.sml dl{ padding-bottom:10px}
.sml dl dt{ width:96%;}
.sml dl dd{width:92%; line-height:30px}
.smm{ width: 40px; float:none; text-align: center; margin:10px auto}
.smm span{ width: 30px; height: 30px; border-radius:15px; background: #237ae4; display: block; margin:0px 5px; line-height: 30px; font-weight: bold; color: #ffffff}
.smr{ width:96%; float:none; margin:0px auto;border: 1px solid #237ae4; position: relative; overflow: hidden}
.smr dl{ clear: both; padding-bottom:15px; overflow:hidden; display:block;}
.smr dl dt{ clear: both; border-bottom: 1px solid #237ae4; width:100%; color: #237ae4; margin: 0px auto; font-size: 16px; line-height:40px; font-weight: bold; text-align:  center; margin-bottom: 10px}
.smr dl dd{ clear: both;width:92%; margin:0px auto line-height:48px; color: #237ae4; line-height:30px}
.tj{position: absolute; right: 0px;top: 0px;border-top:40px solid #237ae4;border-left:40px solid transparent;}
.tj .twz{
  font-size: 12px;
  top: -34px;
  right:-8px;
  width:40px;
  height:30px;
}

.yw .ylis{ width: 100%; float: none;}
.yw .ylis:last-child{margin-top: 15px}


/* 底部footer*/
.foot_btm{ background:#1f1f1f; padding:30px 5% 30px 5%; text-align:center; width:90%}
.foot_btm .icp{ color:#999999; text-decoration:none; text-align: center; border-top: 1px solid #666666; overflow: hidden; clear: both; display: block; margin: 18px 0px; padding-top: 10px}
.foot_btm dl{ margin-bottom:20px;}
.foot_btm .w400{width: 65%; float:right}
.foot_btm .w250{width: 35%;}
.foot_btm .w100{width: 35%;}
/* 底部footer结束*/

/* 功能介绍 STAR*/
.feat{ width:94%; margin:0px auto}
.feat .w500{ width:100%; float: left; padding:20px 0px}
.feat .w500 img{ max-width:90%}
.feat .fbt{ font-size:18px;padding-bottom:15px}
.feat .fcn{ line-height:24px; font-size: 12px;}
.feat .pl35{padding-right:35px}
.feat .pt50{ padding-top:10px}
.feat .pt30{ padding-top:15px}
.feat .pr75{padding-right:0px}
/* 功能介绍 END*/

/* 产品试用 STAR*/
.gim{ background-image: url("../images/lbg_sj.png")/*tpa=http://www.71chat.com/images/lbg_sj.png*/; background-repeat:no-repeat; background-size:100% 100%}
.w980{ width:100%; padding:0px 0px}
.lr{padding: 0px 20px}
.lb1{width:80%;background-image: url("../images/lbg_sj1.png")/*tpa=http://www.71chat.com/images/lbg_sj1.png*/; background-repeat:no-repeat; background-size:100% 100%}
.lb2{width:80%;background-position:0px bottom; height:30px; line-height:30px;background-image: url("../images/lbg_sj2.png")/*tpa=http://www.71chat.com/images/lbg_sj2.png*/; background-repeat:no-repeat; background-size:100% 100%}
.lbs1{ width:52%;}
.lbs2{ width:48%;}
.lbs3{ width:48%;}
.rinf{width:80%;}
.rinf .rfl{width:0%;}
.rinf .rfr{width:100%;}
.rinf .rfr .rlis li .rw{width:25%;}
.rinf .rfr .rlis li .ri{width:73%;}
.iw304{ width:98%}
.rinf .rfr .rlis li .ri .lal{ float:left;width:16px; margin-top:5px; margin-right:5px}
.rinf .rfr .rlis li .ri .lar{float:left;width:270px; cursor: pointer}
/* 产品试用 END*/

/* 注册成功 STAR*/
.rs{ width:90%; margin:0px auto;display: block; clear: both; overflow: hidden}
.rs .rl{ width:0px; float: left; display:none}
.rs .rr{ width:98%; float:none; margin:0px auto; background:#FFF}
.rs .rr .rbt{ font-size: 18px; background: url("../images/rslin.png")/*tpa=http://www.71chat.com/images/rslin.png*/ no-repeat center bottom; width: 240px; margin: 0px auto; height: 40px; line-height: 40px; text-align: center; padding-bottom: 15px; clear: both}
.rs .rr .rico{height: 40px; width: 40px; line-height: 40px; padding-right:15px;}
.rs .rr .rico .rbg{height:40px; width:40px; line-height: 40px; background-position:0px -114px; float:left}
.rs .rr .rn{ display: block; padding: 15px 0; clear:both; overflow: hidden; display: block}
.rs .rr .btl{ font-size: 16px; background-position: -797px -120px; padding-left: 13px; line-height: 36px; margin-top:30px; font-weight: bold; margin-bottom:10px}
.rs .rr .coy{display: block; overflow: hidden; clear: both}
.rs .rr .coy .ctx{ float: left; width:70%; height:60px; border:1px solid #e3e9ef; padding:5px 2%}
.rs .rr .coy .ctw{float: right; width:24%; height:60px; border:1px solid #0CC; text-align:center; padding-top:10px; color:#35b558; background:#f3fff6}
.rs .rr .coy .ctw a{color:#35b558}
.rs .rr .wxts{ color:#666666; padding:15px 0px; line-height:28px}
.rs .rr .wxts a{ color:#F00; text-decoration:underline; padding:0px 2px; transition:0.75px}
.rs .rr .wxts a:hover{ color:#000;}
.rs .rr .fwxt{ display:block; clear:both; overflow:hidden;}
.rs .rr .fwxt a{ color:#237ae4; text-decoration:none; padding:0px 2px}
.rs .rr .zlis{ display:block; clear:both; overflow:hidden;}
.rs .rr .zlis li{ width:50%; float:left}
.rs .rr .xzb{ text-align:left; float: left}
/* 注册成功 END*/

/* 价格咨询 STAR*/
.mb80{margin-bottom:40px;}
.ban_x { width:100%; margin: 10px auto}
.w700{ width:90%; margin: 0px auto 10px;}
.nbt{font-size:22px; line-height: 48px; text-align: center; padding: 40px 0px 10px 0px;}
.patW{ margin-top:15px;clear: both; overflow: hidden; display: block; background:none; padding:0px; position: relative}
.patW .rsbg{background:none;position: absolute;top: 37px; left: 167px; width: 189px; height: 222px}
.patab{ width:98%; float:none;margin: 0px auto; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; background: #fff}
.patab td{border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; text-align: center; padding: 10px 10px; line-height: 28px}
.patab_sjbz{width:90%;margin:10px auto 0px;background: #fff}
.patab_sjbz .lis{ color: #237ae4; text-align: left; padding-left: 18px}
.patab_sjbz .lis li{ margin-bottom:5px; list-style-type: disc}
.patab_sjbz .ptc{ margin-bottom:5px; text-align: left; color: #ff0000; margin-bottom:5px}
.shop{text-align:center;color: #ffffff;font-size:18px; clear: both; }
.shop a{color: #ffffff;text-decoration:none;width:200px;height:38px;background:#237ae4;line-height:38px;border-radius: 3px; display: block;margin: 0px auto 80px;
                       -webkit-transition: .25s;
                       -moz-transition: .25s;
                       -ms-transition: 0.25s;
                       -o-transition: 0.25s;
                       transition: 0.25s;}
.shop a:hover{background:#66ccff;}
.patab th{ font-size: 16px;border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; line-height:48px}

.pabt_sj{ display:block; clear:both; overflow:hidden; font-size:16px; font-weight:bold; text-align:center; width:80%; margin:0px auto}
.palis_sj{ padding:8px 15px; width:90%; margin:10px auto; clear:both; overflow:hidden; display:block; border:1px solid #CCC}
.palis_sj li{ clear:both; overflow:hidden; margin:8px 0px; border-bottom:1px dotted #CCC}
.palis_sj li:last-child{border-bottom:none}
.palis_sj .pal_l{ width:35%; float:left}
.palis_sj .pal_r{ width:65%; float:left}
/* 价格咨询 END*/
}
@media (max-width: 480px)
{
.container{width: auto;}
.ys li .yni{width:28%;}
.ys li .yc{width:64%;padding-left:4%}
/* bcon动画  END */
.gn{width:96%; margin:0px auto; padding: 40px 0px 80px; overflow: hidden; clear:both}
.gn li{width:100%; float:left; margin-right:0%; margin-top:40px}

.rinf .rfr .rlis li .rw{width:100%;}
.rinf .rfr .rlis li .ri{width:100%;padding:0px; float:none}
.iw304{ width:94%}
.lbs1{ width:100%; background:#66ccff; margin-bottom:2px}
.lbs2{ width:100%; background:#e4eaef}
.lbs3{ width:100%; background:#66ccff}

.foot_btm .w400{width: 100%;}
.foot_btm .w250{width:50%;}
.foot_btm .w100{width:50%;}
.tj {border-top:50px solid #237ae4;border-left:50px solid transparent;}
.tj .twz{
  font-size: 12px;
  top: -38px;
  right:-12px;
}
.customs{width:240px;margin-right:-120px;}
}

@media (max-width: 380px)
{
}