@charset "utf-8";
/* author Mr Jack */
@media screen and (min-width:1025px){
    .header{ height: 751px;  overflow: hidden;width: 100%; position:relative;}
	.headerinner{ height: 751px;  position:absolute;left:50%;margin-left: -960px;width: 1920px;}	
}

@media only screen and (max-width: 1024px) {
   .header,.new_header,.headerinner,.chanpin ,.chanpininner,.container,.indexfaan,.content-top,.userList ,.content-bottom,.footer{display:none;}
   #blog-section{display:none;}
   .list_wulianka_tz,.mob_list_product,.mob_common_hidden{display:none;}
}
.new_header .header_2 {
    overflow: hidden;
    height: 130px;
    width: 1200px;
    margin: 0 auto;
}
.new_header .header_2 a >img {
    margin-top: 35px;
    float: left;
	display: inline-block;
    border: none;
	height:auto;
}
.new_header .small_icon {
    margin-top: 30px;
    float: right;
}
.new_header .small_icon span {
    font-size: 12px;
    margin-left: 30px;
    color: #38363e;
    text-align: center;
    float: left;
}
.new_header .header_3 {
    min-width: 1200px;
    background-color: #0473fc;
    height: 48px;
}
.new_header .header_3_1 {
    overflow: hidden;
    margin: 0 auto;
    width: 1200px;
    height: 48px;
    color: white;
    font-size: 16px;
}
.header_3_1 a {
    float: left;
    display: inline-block;
    padding: 0px 20px;
    text-align: center;
    color: white;
    height: 48px;
    line-height: 48px;
}
.header_3 a:hover{
	color: white;
	background-color:#4a4853;
}
.list_nav{height:48px; line-height:48px; background:#0473fc;width:100%;}
.list_nav .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.list_nav .nav{ padding:0 20px; height:48px; line-height:48px; background:#0473fc;  position:relative; width:1200px;margin:0 auto;z-index:99999;  }
.list_nav .nav a{ color:#fff;  }
.list_nav .nav .nLi{ float:left;  position:relative; display:inline;  }
.list_nav .nav .nLi h3{ float:left;  }
.list_nav .nav .nLi h3 a{ display:block; padding:0 40px; font-size:16px;  }
.list_nav .nav .sub{ display:none; width:170px; left:0; top:47px;z-index: 99999;  position:absolute; background:#4a4853;  line-height:35px; padding:5px 0 5px 20px;  }
.list_nav .nav .sub li{ zoom:1; }
.list_nav .nav .sub a{ display:block; padding:0 10px; }
.list_nav .nav .sub a:hover{ background:#0473fc; color:#fff;  }
.list_nav .nav .on h3 a{ background:#4a4853; color:#fff;   }

.headernei{ height: 600px; overflow: hidden;width: 100%x; position:relative; }
.headerneiinner{ height: 600px;  background:url("../images/headerneibg.jpg") no-repeat; position:absolute;left:50%;margin-left: -960px;width: 1920px; }

.headervideo{ height: 600px; position:relative;overflow: hidden;width: 100%; position:relative;}
.headervideoinner{ height: 600px;  background:url("../images/headervideobg.jpg") no-repeat; position:absolute;left:50%;margin-left: -960px;width: 1920px; }

.headerronghe{ height: 600px;   overflow: hidden;width: 100%; position:relative;}
.headerrongheinner{ height: 600px;  background:url("../images/headerronghebg.jpg") no-repeat; position:absolute;left:50%;margin-left: -960px;width: 1920px; }

.headerkamian{ height: 600px;   overflow: hidden;width: 100%; position:relative;}
.headerkamianinner{ height: 600px;  background:url("../images/headerkamianbg.png") no-repeat; position:absolute;left:50%;margin-left: -960px;width: 1920px; }

.headerdailijiameng{ height: 600px; overflow: hidden;width: 100%; position:relative;}
.headerdailijiamenginner{ height: 600px;  background:url("../images/dailijiamengbg.jpg") no-repeat; position:absolute;left:50%;margin-left: -960px;width: 1920px;}

.headervoipfa{ height: 600px; overflow: hidden;width: 100%; position:relative;}
.headervoipfainner{ height: 600px;  background:url("../images/headervoipfabg.jpg") no-repeat; position:absolute;left:50%;margin-left: -960px;width: 1920px;}

.headervoip{ height: 600px; overflow: hidden;width: 100%; position:relative;}
.headervoipinner{ height: 600px;  background:url("../images/headervoipbg.jpg") no-repeat; position:absolute;left:50%;margin-left: -960px;width: 1920px;}

.headershejiaofa{ height: 600px; overflow: hidden;width: 100%; position:relative;}
.headershejiaofainner{ height: 600px;  background:url("../images/headershejiaofabg.jpg") no-repeat; position:absolute;left:50%;margin-left: -960px;width: 1920px;}

.headerxitongdajian{ height: 600px; overflow: hidden;width: 100%; position:relative;}
.headerxitongdajianinner{ height: 600px;  background:url("../images/headerxitongdajianbg.jpg") no-repeat; position:absolute;left:50%;margin-left: -960px;width: 1920px;}

.headershejiao{ height: 600px; overflow: hidden;width: 100%; position:relative;}
.headershejiaoinner{ height: 600px;  background:url("../images/headershejiaobg.jpg") no-repeat; position:absolute;left:50%;margin-left: -960px;width: 1920px;}


.headerfenxiao{ height: 600px; overflow: hidden;width: 100%; position:relative;}
.headerfenxiaoinner{ height: 600px;  background:url("../images/headerfenxiaobg.jpg") no-repeat; position:absolute;left:50%;margin-left: -960px;width: 1920px;}


.headerfenxiaofa{ height: 600px; overflow: hidden;width: 100%; position:relative;}
.headerfenxiaofainner{ height: 600px;  background:url("../images/headerfenxiaofa.jpg") no-repeat; position:absolute;left:50%;margin-left: -960px;width: 1920px;}


.headershipingfa{ height: 600px; overflow: hidden;width: 100%; position:relative;}
.headershipinginner{ height: 600px;  background:url("../images/headershipingfa.jpg") no-repeat; position:absolute;left:50%;margin-left: -960px;width: 1920px;}


.headerruanjiangoumai{ height: 600px; overflow: hidden;width: 100%; position:relative;}
.headerruanjiangoumaiinner{ height: 600px;  background:url("../images/headerruanjiangoumai.jpg") no-repeat; position:absolute;left:50%;margin-left: -960px;width: 1920px;}

.headerruanjiandingzhi{ height: 600px; overflow: hidden;width: 100%; position:relative;}
.headerruanjiandingzhiinner{ height: 600px;  background:url("../images/headerruanjiandingzhi.jpg") no-repeat; position:absolute;left:50%;margin-left: -960px;width: 1920px;}
.headerwulianka{ height: 550px; overflow: hidden;width: 100%; position:relative;}.headerwuliankainner{ height: 600px;  background:url("../images/wuliankabg.jpg") no-repeat; position:absolute;left:50%;margin-left: -960px;width: 1920px;}

.headerwetalk{ height: 638px; overflow: hidden;width: 100%; position:relative;}
.headerwetalkinner{ height: 6380px;  background:url("../images/headerwetalk.jpg") no-repeat; position:absolute;left:50%;margin-left: -960px;width: 1920px;}


.head_bg {  position: absolute; z-index: 1000; width:100%;height:100px;}
.baoyuekahead_bg { height:150px; z-index: 1000; width:100%;background:#222222;}
.chuangyehead_bg { height:110px; z-index: 1000; width:100%;background:#222222;}
.head_bginner { width:1200px;margin:0 auto;height:110px; }
.logo{ float:left; position:relative; text-indent:-999em}
.logo img{ position:absolute; left:0; top:10px;}
.head_bg .logo img { display: block; width:320px; height:80px; }
/* .nav>ul>li { float: left; position:relative; }
.nav>ul>li>a { font-size: 16px; font-family: "Microsoft Yahei", "微软雅黑", Arial, STHeiti, Tahoma, Helvetica; color: #ffffff; height: 48px; line-height: 48px; width: 110px; display: block; text-align: center;  }
.nav>ul>li>a:hover, .header .nav>ul>li.active>a, .header .nav>ul>li.on>a { color: #fff ;border-bottom: 3px solid #0473fc;}
.nav>ul>li .sun_list {top:48px; left:0; width:95px; position:absolute; display: none }
.nav>ul>li .sun_list li a { font-size: 12px; font-family: "Microsoft Yahei", "微软雅黑", Arial, STHeiti, Tahoma, Helvetica; background: #000000; height: 32px; line-height: 32px; display: block; text-align: center; color: #ffffff; border-top: #333333 1px solid; } */
.nav>ul>li .sun_list li a:hover { background: #0473fc }


/*
.top {
   
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    width: 100%;
}

.top_con { margin: 0 auto; text-align: right; width: 1100px;}
.top_con span {padding-left: 10px;}
.mail {color: #4bcdd9;}
.tel { color: #ffb243;}*/

/*首页动画开始*/
/*.header-content {margin: 0; padding: 0; float: left; width: 100%; line-height: 24px; position: relative; z-index: 1; border-top:1px solid #fff; -webkit-box-shadow: inset 0px 10px 8px -10px rgba(0, 0, 0, 0.5), inset 0px -10px 8px -10px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0px 10px 8px -10px rgba(0, 0, 0, 0.5), inset 0px -10px 8px -10px rgba(0, 0, 0, 0.4); box-shadow: inset 0px 10px 8px -10px rgba(0, 0, 0, 0.5), inset 0px -10px 8px -10px rgba(0, 0, 0, 0.4); background:url("../images/bannerbg1.jpg") no-repeat ;overflow:hidden; height: 680px;      }
.header-content.home { height: 680px; }
.home .header-content {  }*/
/*.header-content-wrap {width: 940px; margin: 0 auto;}*/
/*.header-content img { float: left; margin: 0 0 0 20%;padding-top:150px;}
.header-content .text { width:470px; margin-left: 55%; *width:430px;padding-top:250px;color:#ffffff;}

.header-content .copy { font-size: 18px; line-height: 32px; padding-right: 15px; }
.header-content .button { width: 100% !important; }
.header-content .button a { padding: 10px 30px;  font-size: 15px; display: inline-block; }*/
/*#slider .text {width: 417px;}*/
body {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "微软雅黑", sans-serif, "WenQuanYi Micro Hei";
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #313d4f;
    background-color: #fff;
}
/*fix the button position for the slide*/
.header-content .button { float: none; }
.header-content .dimmed { background: #b05b1b; background: rgba(0, 0, 0, 0.4); -webkit-transition: none;  /* Saf3.2+, Chrome */ -moz-transition: none;  /* FF4+ */ -ms-transition: none;  /* IE10? */ -o-transition: none;  /* Opera 10.5+ */ transition: none; }
.header-content .align-bottom { position: absolute; bottom: 0px; }
/* => Slider <= */
#slider-wrap {  height:680px; }
#slider { height:650px; }
/* => SLIDE PREV AND NEXT ARROWS <= */
.slider-prev, .slider-next { text-indent:-9999px; width:38px; height:38px; background:url("../images/sprite.png")-263px -122px no-repeat; position:absolute; top:50%; margin-top:-19px; z-index:999; opacity:.5; -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */ -moz-transition: all 0.3s ease-out;  /* FF4+ */ -ms-transition: all 0.3s ease-out;  /* IE10? */ -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */ transition: all 0.3s ease-out; display: none }
.slider-prev { left:12px; }
.slider-next { right:12px; background-position:-302px -122px; }
.slider-prev:hover, .slider-next:hover { opacity:1; }
/* => SLIDER NAV o o o <= */    
.slider-nav { position:absolute; bottom:5px; left:50%; list-style:none; overflow:hidden; padding:2px; z-index:10; margin: 0; }
.slider-nav li { float:left; }
.slider-nav li a { display:block; width:8px; height:8px; overflow:hidden; padding:0px; margin:6px; background:url("../images/sprite.png") no-repeat -234px -144px; text-decoration:none; text-indent:-999px; }
.slider-nav li a:hover, .slider-nav li a.selected { background-position:-225px -144px; }
/* => HOLY SLIDES <= */

.slider section { display: none; }
.slider section.first { display: block; overflow: hidden; }
.first2{  background:url("../images/bannerbg2.png") repeat ;overflow: hidden; }
.first3{ background:url("../images/bannerbg3.jpg") no-repeat ;overflow: hidden; }

.slider-sections, .slider-sections section { width: 100%; height: 680px; }
.slider-sections { margin: 0 auto; position: relative; }
.slider-sections section { position: absolute; top: 0; left: 0px; }
.header-content h2 { font:400 32px/1.2 "microsoft yahei", Tahoma, arial, sans-serif; color: #fff; margin: 0 0 26px; }
.header-content p { margin: 0 0 30px; }
.header-content .centered-content { padding-top: 30px; padding-bottom: 10px; }
.button0 { float: left; width: auto !important; list-style: none; }
.button0 a,  .button0 button0,  .button0 input { /* Standard black button */ font-size: 15px; /*font-family: 'lucida sans',arial,helvetica,sans-serif;*/
	  line-height: 18px; color: #fff !important; text-decoration: none; padding: 5px 14px 6px 13px; display: block; width: auto; position: relative; float:left;z-index: 2; border: none; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; background: #313131; /* Old browsers */ background: -moz-linear-gradient(top, #313131 0%, #222222 100%); /* FF3.6+ */ background: -webkit-linear-gradient(top, #313131 0%, #222222 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #313131 0%, #222222 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #313131 0%, #222222 100%); /* IE10+ */ background: linear-gradient(top, #313131 0%, #222222 100%); /* W3C */ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.button0 a:hover,  .button0 input:hover,  .button0 button:hover,  .button0 a:focus,  .button0 input:focus,  .button0 button0:focus { background: #464646; /* Old browsers */ background: -moz-linear-gradient(top, #464646 0%, #393939 100%); /* FF3.6+ */ background: -webkit-linear-gradient(top, #464646 0%, #393939 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #464646 0%, #393939 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #464646 0%, #393939 100%); /* IE10+ */ background: linear-gradient(top, #464646 0%, #393939 100%); /* W3C */ }
header .header-content .button0 a,  #content .button0 a:hover { text-decoration: none; }
.header-content .beta-ribbons { position: absolute; height: 120px; width: 85px; text-indent: -200px; overflow: hidden; background: url(../images/kendo-ribbons.png) no-repeat 0 0; }
.header-content .beta-ribbons.ribbon-1 { background-position: -170px 0; top: -3px; right: -145px; }
.header-content p.copy .beta-ribbons.ribbon-1 { top: -135px; left: 900px; }
.header-content .beta-ribbons.ribbon-4 { background-position: -255px 0; left: -62px; top: -30px; z-index: 10; text-indent: -2000px; }
/*首页动画结束*/



/*head end*/
.help_box { width: 140px; height: 250px; position: fixed; top: 90px; right:0; z-index: 99; }
.float_qq.active{ background-position:-30px 0;}
.help_box .zixun, .help_box b.tels, .help_box .free_go,.help_box .join { background:#00cc66; display: block; width: 140px; height: 50px; line-height:50px; text-align: center; color: #FFF; font-size: 18px; font-family: "Microsoft Yahei"; line-height:45px}
.help_box .free_go { background:#ff9900}
.help_box .join {background:#3399cc }
.help_box div img { display: block; width: 100% }
.help_box p { background: #fff; color: #999; line-height: 24px; padding-bottom: 5px }
.help_box b.tels { padding-top:10px; background:#666699; display: block; height: 190px;font-family: "Microsoft Yahei"; line-height:24px;font-weight:normal}
.qq_list { display: none; background:url("../images/qq_list.png") no-repeat scroll 0 0; width:264px; padding-top: 10px; padding-bottom: 10px; background-color: #FFF; position: absolute; top:160px; right: 150px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;-webkit-box-shadow: 0 -1px 2px 1px rgba(0,0,0,0.2);-moz-box-shadow: 0 -1px 2px 1px rgba(0,0,0,0.2);box-shadow: 0 -1px 2px 1px rgba(0,0,0,0.2); }
.join_bg{ background-position:-268px 0;}
.close_qq { display: block; position: absolute; right:13px; top:15px; width:30px; height:30px;}
.qq_list h4 { width: 260px; margin: 0 auto; height:45px; text-indent:-100%; font-size: 14px; color: #000; overflow:hidden}
.area_qq { padding-left: 10px; margin: 0 auto; overflow: hidden; padding-top: 8px; }
.area_qq p { height:30px; float:left;  overflow: hidden; }
.area_qq p.bg_gray { background-color: #f6f6f6 }
.area_qq p b, .area_qq p span, .area_qq p a { display: inline-block; color: #444444; }
.area_qq p span{ width:50px}
.area_qq p b { width: 100px; font-weight: normal; color: #e83e0b; height: 24px; line-height: 24px; text-align: center; }
.area_qq p a {margin-left: 3px; }
.area_qq p a img { position: relative; top: 7px; }
.area_qq p a:hover { color: #e83e0b; }
/*服务热线结束*/

/*友情链接*/
.link {  overflow:hidden; width:1100px;margin:0 auto; }
.link h3 {  height:100px; float:left; margin:40px 0 0 ; display:inline; text-align:center; overflow:hidden; font:12px "宋体"; width:130px;}
.link h3 a { color:#000000; }
.link h3 i { display:block; font-style:normal; font:40px "Times New Roman", Times, serif; text-transform:uppercase; color:#000000; height:40px; line-height:40px; overflow:hidden; }
.link p { width:950px; overflow:hidden; text-align:center; float:right; margin-top:40px; color:#000000; }
.link p a { display:inline-block; color:#fff; padding: 0 5px; line-height:26px; color:#000000; }


/*footer*/

/*footer*/
.footer { background: #0f1014; padding-bottom: 20px ;margin-top:-30px;}
.footer-nav { float: left; font-size: 14px }
.footer-inner { padding-top: 50px; width: 1100px }
.footer-nav .grid_3 { float: left; margin-right: 15px }
.footer-nav .grid_3 .items { width: 200px }
.footer-nav .items li { margin-bottom: 6px }
.footer-nav .items li.liHeader { height: 40px ;border-bottom: 2px solid #ccc;}
.footer-nav .items li.contact_us { height: 57px }
.footer-nav .items li.contact_us span { display: block; float: left; position: relative; overflow: hidden;}
.footer-nav .items li.contact_us span.icon_phone {background: url("../images/icon_phone.png") 0 8px/26px auto no-repeat;width: 26px;height: 35px; }
.footer-nav .items li.contact_us span.icon_qq {background: url("../images/icon_qq.png") 0 8px/26px auto no-repeat;width: 26px; height: 35px;}
.footer-nav .items li.contact_us span.icon_mail {background: url("../images/icon_mail.png") 0 8px/26px auto no-repeat;width: 26px; height: 28px;}
.footer-nav .items li.contact_us span.icon_add {background: url("../images/icon_add.png") 0 8px/26px auto no-repeat;width: 26px; height: 35px;}
.footer-nav .items li.contact_us div { padding-top: 0px; clear: none; text-align: left; padding-left: 10px; width: 210px; display: block; float: left; font-size: 14px; color: #999; position: relative; overflow: hidden }
.footer-nav .items li.contact_us div span { font-size: 14px; display: block; float: none }
.footer-nav .items li.contact_us div font { display: block;color: #999; }
.footer-nav .items li.contact_us img { width: 26px }
.footer-nav .items li span { color: #999; font-size: 16px }
.footer-nav .items a { color: #999 }
.footer-inner span a {color: #999 }
.footer-nav .items a:hover { color: #1f8dd6 }


.main em.color_blue { color: #069dd6; font-style: normal }
.footer .two { background: url("../images/log_wx_min.jpg") no-repeat; float: left; width: 162px; height: 161px }
.footer p { clear: both; padding-top: 65px; text-align: center;color:#999;  font-size: 14px }


.pages { width: 100%; text-align:center; padding: 10px 0; clear: both;}
.pages span, .pages a, .pages .current { font-size: 12px; font-family: Arial, Helvetica,  sans-serif; margin: 0 2px; }
.pages span font { color: #f00; font-size: 12px; }
.pages a, .pages .current { border: 1px solid #5FA623; background: #fff; padding:8px 12px; text-decoration: none }
.pages span { padding-right: 10px }
.pages .current, .pages a:hover { background: #7AB63F; color: #fff; }
.flo_img{ position: fixed; left: 0; bottom: 0; z-index: 10}



/*四个软件产品*/
.title_div{ }
@media screen and (min-width:960px){
.chanpin{ width:100%; height:450px;padding-top:10px}
.chanpininner{ width:1100px; margin:0 auto;}
}

.c-hd h2 {
    border-bottom: 1px solid #d7d7d7;
    color: #000;
    font-size: 32px;
    line-height: 55px;
    position: relative;
    text-align: center;padding-top:35px;
}


.c-hd p {
    color: #666;
    font-size: 18px;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}



.api_con{width:1100px; height:511px; margin:0 auto;}
.title{    color: #000;
    font-size: 2.6em;
    font-weight: 300;
    margin-bottom: 10px;
    text-align: center;
    text-shadow: -1px 0 0 #868585;
}
.con_info{    color: #777;  font-size: 1.1em;   text-align: center;margin-bottom:60px;}
.api_list{width:1100px; overflow:hidden; margin:0 auto;padding-top:60px;}
.api_list li{float:left; margin-right:56px;}
.api_list .s_title, .api_list h3{display:block; height:36px; line-height:36px; text-align:center; padding-top:21px; font-size:18px; color:#4c4c4c; font-weight:normal;}
.api_list h3 .s_title{display:inline-block; padding-top:0;}
.api_list .icon{display:block; width:103px; height:102px; margin:0 auto; background:url("../images/sy_icons.png") 0 0 no-repeat;}
.api_list p{line-height:24px; font-size:14px; color:#808080; font-family:'宋体'; padding-bottom:24px; text-align:center;}
.api_list p a{color:#808080;}
.api_list .l1{width:300px;}
.api_list .l2{width:198px; margin-right:0;}
.api_list .l3{width:170px;}
.api_list .l4{width:182px; }
.api_list .l5{width:155px; }
.api_list .l1 .icon{background:url("../images/jishitongxun.png") 0 0 no-repeat;;}
.api_list .l2 .icon{background:url("../images/weixin.png") 0 0 no-repeat;;}
.api_list .l3 .icon{background:url("../images/fenxiao.png") 0 0 no-repeat;;}
.api_list .l4 .icon{background:url("../images/wangluodianhua.png") 0 0 no-repeat;;}
.api_list .l5 .icon{background:url("../images/shangcheng.png") 0 0 no-repeat;;}
.api_list .link{display:block; width:77px; height:32px; background:url("../images/sy_btns.png") 0 0 no-repeat; line-height:32px; text-align:center; font-size:14px; color:#26b77b; font-family:'Microsoft YaHei'; margin:0 auto;
}
.api_list a.link:hover{background-position: 0 -32px;}
.api_list a.connect:hover{color:#26b77b;}


/*解决方案*/
.bra{background: url("../images/bg01.gif") repeat left top;font-family:"Microsoft Yahei";border-bottom:2px solid #f49a04;}
.bra h3{text-align: center;color:#000;font-size: 30px;background: url(Img/Index/ic01.gif)repeat-x left 100px;padding:37px 0;}
.bra h3 strong{color:#df0000;}
.bra h3 span{display: block;color:#fff;background: url("../images/bra_tbg.gif") no-repeat center top;height:36px;line-height: 36px;width:328px;margin: 5px auto 0;font-size: 19px;}
.bra_m{background: url("../images/bra_mbg.gif") no-repeat center bottom;height:755px;}
.bra_m img{display: block;bottom:70px;left:24px;position: absolute;_bottom:65px;}

.bra_t{padding-top: 18px;}
.bra_t li{float: left;display: inline-block;width:285px;height:135px;margin-right: 50px;_display:inline;zoom:1;}
.bra_t li b{display:inline-block;float: left;background: url("../images/bra_b.gif") no-repeat;width:106px;height:92px;line-height: 92px;text-align: center;color: #f49a04;font-size: 33px;}
.bra_t li p{float: left;width:165px;_display:inline;zoom:1;padding-left: 9px;}
.bra_t li a{display: block;font-size: 16px;color: #000;margin-bottom: 5px;}
.bra_t li span{display: block;width:165px;line-height: 23px;color: #777;}

.bra_t .wb a{font-size:14px;}
.bra_t .trd{margin-right: 0;}
.bra_t .wb{float:right;margin-top:9px;}
.bra_t .wb1{width:340px;float: left}
.bra_t .wb1{width:340px;float: left}
.bra_t .wb1 p{width:218px;}
.bra_t li strong{color:#f49a04;}

.bra_b{color:#fff;bottom:0;left:0;height:298px;width:100%;}
.bra_b h4{font-size:30px;text-align: center;padding-top: 55px;}
.bra_b ul{padding-top: 23px;}
.bra_b li{clear: both;zoom:1;line-height: 40px;}
.bra_b li span{display: inline-block;width:460px;text-align: right;float: left;}
.bra_b li em{display: inline-block;width:460px;text-align: left;float: right;color: #f9c672;font-family: Arial;}
.bra_b .odd span{text-align: left;float: right;}
.bra_b .odd em{text-align: right;float: left;}

/*我们的服务*/
.content-top{
	
	padding:5% 0;height:280px;
}
.wrap{
	width:1100px;
	margin:0 auto;
	-moz-transition:all .2s linear;
	-webkit-transition:all .2s linear; 
	-o-transition:all .2s linear; 
	-ms-transition:all .2s linear;
	
}
.m_1{
	color:#000;
	font-size:2.6em;
	text-align:center;
	font-weight:300;
	margin-bottom: 10px;
	text-shadow: -1px 0px 0px #868585;
	-webkit-text-shadow: -1px 0px 0px #868585;
	-moz-text-shadow: -1px 0px 0px #868585;
	-o-text-shadow: -1px 0px 0px #868585;
}
.m_11{
	color:#ffffff;
	font-size:2.6em;
	text-align:center;
	font-weight:300;
	margin-bottom: 10px;
	text-shadow: -1px 0px 0px #868585;
	-webkit-text-shadow: -1px 0px 0px #868585;
	-moz-text-shadow: -1px 0px 0px #868585;
	-o-text-shadow: -1px 0px 0px #868585;
}
p.m_2{
	color:#777;
	font-size:1.1em;
	text-align:center;
}
p.m_22{
	color:#fff;
	font-size:1.1em;
	text-align:center;
}
.box1{
	margin-top:5%;
}
.col_1_of_3:first-child {
	 margin-left: 0;
}
.span_1_of_3{
	width:30.8%;
	text-align:center;
}
.span_1_of_3 h3{
	color:#333;
	font-size:1.5em;
	font-weight:400;
	margin-bottom: 2%;
}
.span_1_of_3 p{
	color:#777;
	font-size:1em;
	line-height:1.5em;
}
.col_1_of_3{
	display: block;
	float: left;
	margin: 1% 0 1% 3.6%;
}


/*头部*/
.flash {
	width: 100%;

	background-size: 100% 100%;height:630px;
}
.flash-left {
	float: left;
	width: 45.5%;
	padding-top: 6%;
}
.flash-left span {
	width: 492px;
	height: 564px;
	display: block;
	background: url("../images/2.png") no-repeat;
}
.flash-right {
	float: right;
	width: 54.5%;
	margin-top: 12%;
}
.flash-right h1{
	color: #FFF;
	font-size: 2em;
	font-weight: 300;
	padding: 5% 0 0 0;
	text-shadow: -1px 0px 1px rgba(214, 214, 214, 0.59);
	-webkit-text-shadow: -1px 0px 1px rgba(214, 214, 214, 0.59);
	-moz-text-shadow: -1px 0px 1px rgba(214, 214, 214, 0.59);
	-o-text-shadow: -1px 0px 1px rgba(214, 214, 214, 0.59);
	line-height: 1.4em;
}
.flash-right p{
	color:#333;
	font-size:16px;
	font-weight:700;
	margin: 2% 0 3% 0;font-family: "Microsoft Yahei", "微软雅黑", Arial, STHeiti, Tahoma, Helvetica;
}
	.download {margin-top:200px;margin-left:100px;	}
	
	
/*中部*/	
.content-middle {height:500px;}
.content-middleinner {     
	width: 100%;
    
}
.box2{
	text-align:center;
	padding: 5% 0 0 0;
}


/* 合作客户 */

.userList{background: url("../images/content_middle.jpg") no-repeat;height:500px;width: 100%; margin: 120px auto 0 auto; overflow: hidden;}
.userListinner{width: 1100px; margin: 0 auto;padding-top:60px;}
.userList li{float: left; margin:15px 25px; }
.userList ul {  margin-top: 35px;}
.userList li img{ width: 85px; height: 85px;border-radius:50%;box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.75);}
.userList li a p{ text-align: center;color: #ffffff;font-size: 14px;}

/* 我们的团队 */

.col-sm-6{
    position: relative;
    float: left;margin:25px 70px;
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}



/* Better spacing on download options in getting started */
.bs-docs-dl-options h4 {
    margin-top: 15px;
    margin-bottom: 5px;
}

;
.ih-item {
    position: relative;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item,
.ih-item * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ih-item a {
    color: #333;
}

.ih-item a:hover {
    text-decoration: none;
}

.ih-item img {
    width: 100%;
    height: 100%;
}

.ih-item.circle {
    position: relative;
    width: 220px;
    height: 220px;
    border-radius: 50%;
}

.ih-item.circle .colimg {
    position: relative;
    width: 220px;
    height: 220px;
    border-radius: 50%;
}

.ih-item.circle .colimg:before {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item.circle .colimg img {
    border-radius: 50%;
}

.ih-item.circle .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.ih-item.square {
    position: relative;
    width: 316px;
    height: 216px;
    border: 8px solid #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.ih-item.square .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


.bs-example{width:100%;border-top:1px solid #ddd;height:450px;}
.bs-exampleinner{width:1100px;margin:50px  auto;height:300px;}

.ih-item.circle.effect3 .colimg {
    z-index: 11;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item.circle.effect3.colored .info {
    background: #1a4a72;
}

.ih-item.circle.effect3 .info {
    background: #333333;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item.circle.effect3 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}

.ih-item.circle.effect3 .info p {
    color: #bbb;
   text-align:center ;
    font-style: normol;
    margin: 0 30px;
	padding:10px 0;
    font-size: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.ih-item.circle.effect3.left_to_right .colimg {
    -webkit-transform: scale(1) translateX(0);
    -moz-transform: scale(1) translateX(0);
    -ms-transform: scale(1) translateX(0);
    -o-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);
}

.ih-item.circle.effect3.left_to_right .info {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

.ih-item.circle.effect3.left_to_right a:hover .colimg {
    -webkit-transform: scale(0.5) translateX(100%);
    -moz-transform: scale(0.5) translateX(100%);
    -ms-transform: scale(0.5) translateX(100%);
    -o-transform: scale(0.5) translateX(100%);
    transform: scale(0.5) translateX(100%);
}

.ih-item.circle.effect3.left_to_right a:hover .info {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.ih-item.circle.effect3.right_to_left .colimg {
    -webkit-transform: scale(1) translateX(0);
    -moz-transform: scale(1) translateX(0);
    -ms-transform: scale(1) translateX(0);
    -o-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);
}

.ih-item.circle.effect3.right_to_left .info {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

.ih-item.circle.effect3.right_to_left a:hover .colimg {
    -webkit-transform: scale(0.5) translateX(-100%);
    -moz-transform: scale(0.5) translateX(-100%);
    -ms-transform: scale(0.5) translateX(-100%);
    -o-transform: scale(0.5) translateX(-100%);
    transform: scale(0.5) translateX(-100%);
}

.ih-item.circle.effect3.right_to_left a:hover .info {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.ih-item.circle.effect3.top_to_bottom .colimg {
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    -o-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}

.ih-item.circle.effect3.top_to_bottom .info {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.ih-item.circle.effect3.top_to_bottom a:hover .colimg {
    -webkit-transform: scale(0.5) translateY(100%);
    -moz-transform: scale(0.5) translateY(100%);
    -ms-transform: scale(0.5) translateY(100%);
    -o-transform: scale(0.5) translateY(100%);
    transform: scale(0.5) translateY(100%);
}

.ih-item.circle.effect3.top_to_bottom a:hover .info {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.ih-item.circle.effect3.bottom_to_top .colimg {
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    -o-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}

.ih-item.circle.effect3.bottom_to_top .info {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.ih-item.circle.effect3.bottom_to_top a:hover .colimg {
    -webkit-transform: scale(0.5) translateY(-100%);
    -moz-transform: scale(0.5) translateY(-100%);
    -ms-transform: scale(0.5) translateY(-100%);
    -o-transform: scale(0.5) translateY(-100%);
    transform: scale(0.5) translateY(-100%);
}

.ih-item.circle.effect3.bottom_to_top a:hover .info {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}







/*广告 */
#fwslider {
    position: relative;
    width:100%;
}
#fwslider .slide {
    display: none;
    position: absolute;
    top:0;
    left:0;
    z-index: 0;
    width:100%;
}
#fwslider .slide img {
    width:100%;
}
#fwslider .slidePrev {
   position: absolute;
    top:50%;
    left: 230px!important;
    z-index: 10;
}
#fwslider .slidePrev span {
	background-image: url("../images/img-sprite.png");
	width: 30px;
	height: 50px;
	float: left;
	background-position: -8px -4px;
	background-repeat: no-repeat;
	cursor: pointer;
}
#fwslider .slideNext {
    position: absolute;
    top:50%;
    right:230px !important;
    z-index: 10;
}
#fwslider .slideNext span {
    background-image: url("../images/img-sprite.png");
	width: 30px;
	height: 50px;
	float: left;
	background-position:-35px -4px;
	background-repeat: no-repeat;
	cursor: pointer;
}
#fwslider .timers {
    height:4px;
    position: absolute;
    bottom:15px;
    right:0;
    z-index: 3;
}
#fwslider .timer {
    height:4px;
    width:40px;
    background-color: #000;
    float:left;
    margin-right: 10px;
}
#fwslider .progress {
    height:4px;
    width:0%;
    background-color:#b0654d;
    float:left;
}
#fwslider .slide_content {
    top:0;
    left:0;
    position: absolute;
    width:100%;
    height:100%;overflow: hidden;width: 100%x; margin: 0 auto ;
}
#fwslider .slide_content_wrap { /* Slider Text Content Container Style */
    max-width:50%;
    margin:7% auto;
}
#fwslider .title {  /* Slider Title Style */
	margin-left:4%;
	text-transform: capitalize;
	color: #fff;
	font-size:2em;
	background:#29261e;
	padding:5px 20px;
	text-align: center;
	font-style: normal;
	text-transform:uppercase;
	border:none;
}
#fwslider .description { /* Slider Description Style */
	color: #FFF;
	font-size: 1.1em;
	background: rgba(5, 5, 5, 0.59);
	padding: 10px;
	clear: both;
	text-align: center;
	line-height: 1.8em;
}
#fwslider .description:before {
	content: url("../images/tooltip.png");
	position: absolute;
	top:178px;
	left:50%;
	z-index: 9999;
}
#fwslider .description:after {
	background-color: #1798B8;
	color: #FFF;
}
span.link a{
	color:#999;
	font-size:0.8125em;
}
span.link a:hover{
	color:#fff;
}



/*-------------------------------------------------*/
/* =  首页新闻中心
/*-------------------------------------------------*/
#blog-section {
  padding: 140px 0 30px;min-height:500px;
}

@media screen and (min-width:960px){
.container {
    width: 1100px;margin:0 auto;
  }
}

.col-md-4 {
    float: left; width: 33%;margin-top:40px;height:320px;
  }
.blog-post .gal-blog {
    background:#EDEDED; opacity: 0.8;
    display: inline-block;
    overflow: hidden;
}
.blog-post .tag-posts {
    float: left;
    width: 70px;
}
.blog-post .blog-date {
    padding: 77px 2px 0;
    text-align: center;
}
.blog-post .tag-posts p span, .blog-post .tag-posts a span {
    display: block;
    font-size: 18px;
    font-weight: 700;
}
.blog-post .blog-content h2 {
    color: #3e3e3e;
    font-family: "Microsoft Yahei",sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin: 12px 0 12px;
}
.blog-post .blog-content p {
    color: #959595;
    font-family: "Microsoft Yahei",sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin: 0 0 6px;padding-right:59px;
}
.blog-post .blog-content h2 a {
    color: #3e3e3e;
    display: inline-block;
    text-decoration: none;
    transition: all 0.17s ease-in-out 0s;
}


/*-------------------------------------------------*/
/* =  网络电话系统
/*-------------------------------------------------*/
.heip{line-height:24px;width:1220px;margin:0 auto;font-size:15px;color:#323232;text-align:center;font-family: "Microsoft Yahei", "微软雅黑", Arial, STHeiti, Tahoma, Helvetica;}
.clear{clear:both;}
.title_1{color: #092241;font-size: 2.2em;font-weight: 300; height:45px;text-align: center;text-shadow: -1px 0 0 #868585;font-family: "Microsoft Yahei", "微软雅黑", Arial, STHeiti, Tahoma, Helvetica;}
.title_2{color:#092241;font-size: 1.5em;text-align:center;height:40px;font-family: "Microsoft Yahei", "微软雅黑", Arial, STHeiti, Tahoma, Helvetica;}
.title_bg{background:url("../images/xian.png") no-repeat;height:10px;width:500px;margin:0 auto;}

.titlebai_1{color: #ffffff;font-size: 2.2em;font-weight: 300; height:45px;text-align: center;text-shadow: -1px 0 0 #868585;font-family: "Microsoft Yahei", "微软雅黑", Arial, STHeiti, Tahoma, Helvetica;}
.titlebai_2{color: #ffffff;font-size: 1.2em;text-align:center;height:40px;font-family: "Microsoft Yahei", "微软雅黑", Arial, STHeiti, Tahoma, Helvetica;}
.titlebai_bg{background:url("../images/baixian.png") no-repeat;height:10px;width:500px;margin:0 auto;}

.titlebai_3{color: #ffffff;font-size: 1.7em;text-align:center;height:85px;line-height:85px;font-family: "Microsoft Yahei", "微软雅黑", Arial, STHeiti, Tahoma, Helvetica;}


/**开年优惠**/
.kainian{60px;width:1200px;margin:60px auto 60px auto;}


/**定制开发成品案例**/
.ziji{font-style: italic;font-size: 40px;color:#4e70a8;font-family: "Microsoft Yahei", "微软雅黑", Arial, STHeiti, Tahoma, Helvetica;font-weight:bold;text-align:center;margin-top:50px;margin-bottom:50px;}
.ziji span{font-size: 53px;color:#3f87ff;}
.ziji em{color:#f3bd00;font-size: 53px;}


/**烦恼**/
.huise{width:100%;height:630px;margin-top:60px;}
.huiseinner{width:100%;height:460px;background:#d9d9d9;}
.huiseimg{width:1220px;margin-top:10px;}



/**优势**/

.youshi{width:1100px;margin:80px auto 0  auto;font-family: "Microsoft Yahei", "微软雅黑", Arial, STHeiti, Tahoma, Helvetica;}
.youshi ul{background:url("../images/youshibg.jpg") no-repeat center top;height:588px;padding-top:25px;margin-top:30px;}
.youshi li{clear:both;position:absolute;}
.youshi li b{float:left;font-size:20px;font-family: "Microsoft Yahei", "微软雅黑";}
.youshi li p{line-height:20px;font-size:15px;color:#323232;float:left;display:inline-block;padding:10px 0 0 0;width:250px;font-family: "Microsoft Yahei", "微软雅黑", Arial, STHeiti, Tahoma, Helvetica;}
.youshi_1{top:43px;left:50px;}
.youshi_2{top:205px;left:50px;}
.youshi_3{top:380px;left:50px;}
.youshi_5{top:90px;left:840px;}
.youshi_6{top:290px;left:840px;}
.youshi .spc{display:inline-block;padding-top:11px;}
.pr {    position: relative;}



/**适合人群**/
.shihe{width:100%;margin-top:80px;height:100%;}
.shiheinner{width:1220px;margin:0 auto;height:420px;background:#0b58a0;border-radius: 20px;padding-top:45px;}
.shihe_bd ul{margin:0px 160px;padding:0px;}
.shihe_bd ul li{margin:0px;padding:0px;list-style:none;width:300px;height:240px;float:left;position:relative;}
.shihe_bd ul li .box{width:220px;height:255px;text-align:center;z-index:5;position:absolute;left:26px;cursor:pointer;margin-top:20px;line-height:23px;}
.shihe_bd ul li .box h2{font-size:18px;padding:5px;margin:10px auto;}



/**系统页面内导航**/
.neidaohang{width:100%;height:100%;background:#155692;}
.neidaohanginner{width:1100px;margin:0 auto;background:#155692;padding-top:10px;}
.neidaohang ul{height:100px;}
.neidaohang ul li{margin:0px;padding:0px;list-style:none;width:16.6%;height:68px;float:left;position:relative;}
.neidaohang ul li .box{width:100%;height:80px;text-align:center;z-index:5;cursor:pointer;margin-top:20px;line-height:23px;}
.neidaohang ul li .on .box h2{font-size:20px;width:50%;padding:5px;margin:10px auto;border:1px solid #fff; border-radius:20px;background:#fff;color:#155692;}
.neidaohang ul li .box h2{font-size:20px;width:50%;padding:5px;margin:10px auto;border:1px solid #fff; border-radius:20px;color:#fff;}




/**软件购买页面内导航**/
.hongdaohang{width:100%;height:100%;background:#fff;}
.hongdaohanginner{width:1100px;margin:0 auto;background:#fff;padding-top:10px;}
.hongdaohang ul{height:100px;}
.hongdaohang ul li{margin:0px;padding:0px;list-style:none;width:16.6%;height:68px;float:left;position:relative;}
.hongdaohang ul li .box{width:100%;height:80px;text-align:center;z-index:5;cursor:pointer;margin-top:20px;line-height:23px;}
.hongdaohang ul li .on .box h2{font-size:20px;width:50%;padding:5px;margin:10px auto;border:1px solid #fff; border-radius:20px;background:#901416;color:#fff;}
.hongdaohang ul li .box h2{font-size:20px;width:50%;padding:5px;margin:10px auto;border:1px solid #901416; border-radius:20px;color:#901416;}




/**软件购买页面通用**/
.rjgmlefttitle{color:#901416;float:left;font-size:28px;margin-bottom:20px;}
.rjgmrighttitle{color:#901416;float:right;font-size:28px;margin-bottom:20px;}
.rjgmbox{margin-top:10px;}
.rjgmboxleft{float:left;font-size:18px;width:100px;}
.rjgmboxright{float:left;font-size:18px;width:430px}
.rjgmboxleft2{float:right;font-size:18px;}
.rjgmboxright2{float:left;font-size:18px;width:430px;}

.rjgmtitle{color:#901416;text-align:center;font-size:36px;margin-bottom:20px;}


/**软件购买页面标准版**/
.rjgmbiaozhun{width:100%;height:450px;margin-top:5px;background:#efefef;}
.rjgmbiaozhuninner{width:1100px;margin:0 auto;}
.rjgmbiaozhunleft{width:50%;float:left;margin-top:50px;}
.rjgmbiaozhunright{width:50%;float:right;margin-top:50px;}


/**软件购买页面分销版**/
.rjgmfenxiao{width:100%;height:500px;background:#fff;margin-top:40px;}
.rjgmfenxiaoinner{width:1100px;margin:0 auto;}
.rjgmfenxiaoleft{width:50%;float:right;margin-top:50px;}
.rjgmfenxiaoright{width:50%;float:left;margin-top:50px;}



/**软件购买页面商城版**/
.rjgmshangcheng{width:100%;height:500px;background:#efefef;margin-top:40px;}
.rjgmshangchenginner{width:1100px;margin:0 auto;}
.rjgmshangchengleft{width:50%;float:right;margin-top:50px;}
.rjgmshangchengright{width:50%;float:left;margin-top:50px;}


/**软件购买页面社交版**/
.rjgmshejiao{width:100%;height:500px;background:#fff;margin-top:40px;}
.rjgmshejiaoinner{width:1100px;margin:0 auto;}
.rjgmshejiaoleft{width:50%;float:right;margin-top:50px;}
.rjgmshejiaoright{width:50%;float:left;margin-top:50px;}



/**成功客户案例**/

.chenggongcase{width:100%;margin-top:70px;height:100%;}
.chenggongcaseinner{width:1100px;margin:0 auto;background:#ededed;padding:20px;}
.caseinner{width:1100px;height:300px;margin-top:30px;}
.caseinner p{text-indent:2em;font-size:18px;}
.caseinner span{color:#F00;}
.caseleft{width:45%;float:left;}
.caseright{width:45%;float:right;}





/**ICALL 2.0系统APP版本介绍**/
.banben{width:100%;margin-top:85px;height:100%;}
.banbeninner{width:1100px;margin:0 auto;background:#fff;padding-top:15px;}
.banben ul{height:800px;}
.banben ul li{margin:0px;padding:0px;list-style:none;width:25%;height:100%;float:left;position:relative;}
.banben ul li .box{width:231px;text-align:center;z-index:5;position:absolute;left:26px;cursor:pointer;margin-top:20px;line-height:23px;}
.banben ul li .box h2{font-size:20px;width:50%;padding:5px;margin:10px auto;border:1px solid #fff; border-radius:20px;}

.banben ul li .banben_1{font-size:20px;width:60%;padding:5px;margin:10px auto; border-radius:20px;background:#000;color:#fff;}
.banben ul li .banben_2{font-size:18px;padding:5px;margin:5px auto; border-radius:20px;color:#333;}



/**icall2.0介绍 **/
.icall20{width:100%;height:1020px;background:#495261;margin-bottom:100px;}
.icall20inner{width:1100px;margin:0 auto;padding-top:80px;}



/**产品定制功能 **/
.dingzhi{width:100%;height:900px;background:#26668b;margin-top:80px;color:#ffffff;}
.dingzhiinner{width:1220px;margin:0 auto;padding-top:80px;}
.dingzhi_bd ul{padding:0px;}
.dingzhi_bd ul li{margin:0px;padding:0px;list-style:none;width:242px;height:248px;float:left;position:relative;background:url("../images/serss2.gif") no-repeat center top;}
.dingzhi_bd ul li .box{width:165px;height:255px;text-align:center;z-index:5;position:absolute;left:26px;cursor:pointer;margin-top:25px;line-height:23px;color:#ffffff;}
.dingzhi_bd ul li .box h2{font-size:18px;padding:5px;margin:10px auto;}

/**八大优势 **/
.eight{width:100%;height:100%;margin-top:20px;color:#fff;background:#165693;}
.eightinner{width:1100px;margin:0 auto;padding-top:70px;color:#fff;background:#165693;height:1050px;}
.eight_bd {height:645px;}
.eight_bd ul{}
.eight_bd ul li{margin:0px;padding:0px;list-style:none;width:25%;height:300px;float:left;position:relative;background:url("../images/serss2.gif") no-repeat center top;}
.eight_bd ul li .box{height:265px;width:85%;text-align:center;z-index:5;position:absolute;cursor:pointer;margin-top:25px;line-height:23px;padding:10px;}
.eight_bd ul li .box h2{font-size:18px;padding:5px;margin:10px auto;}


/**案例模式的表格 
.moshi{width:100%;height:100%;color:#555555;}
.moshiinner{width:1220px;margin:0 auto;padding-top:30px;color:#555555;}

.moshi table {border:3px solid #0b58a0;width:1220px;height:500px;}
.moshi th, td { text-align:center; }
.moshi th {text-shadow: 1px 1px 1px #fff; }
.moshi td {border:2px solid #0b58a0; width:50%;padding:1px 10px;line-height:20px;width:1220px;margin:0 auto;font-size:15px;color:#323232;text-align:center;font-family: "Microsoft Yahei", "微软雅黑", Arial, STHeiti, Tahoma, Helvetica;}
.moshi td.first, th.first {text-align:left}
.moshi td.last {border-right:none;}
.moshibiao{width:1220px;height:85px;margin:30px auto 10px auto;border-radius:10px;background:#0b58a0;}
.fenxiao{width:1220px;margin:40px auto 10px auto;}
.fenxiaoinner{width:1220px;height:160px;margin:10px auto 10px auto;border:3px solid #0b58a0;font-family: "Microsoft Yahei","微软雅黑",Arial,STHeiti,Tahoma,Helvetica; font-size: 15px; line-height: 20px;  text-align: center;
color:#323232;padding:50px 0px;}**/

/**定制开发成品案例**/
.prom_1{color:#ffffff;font-size:2.6em;text-align:center;font-weight:300;margin-bottom: 10px;text-shadow: -1px 0px 0px #868585;-webkit-text-shadow: -1px 0px 0px #868585;-moz-text-shadow: -1px 0px 0px #868585;	-o-text-shadow: -1px 0px 0px #868585;font-family: "Microsoft Yahei", "微软雅黑", Arial, STHeiti, Tahoma, Helvetica;}
.prom_2{color:#ffffff;font-size:2.6em;text-align:center;font-weight:300;margin-bottom: 10px;text-shadow: -1px 0px 0px #868585;-webkit-text-shadow: -1px 0px 0px #868585;-moz-text-shadow: -1px 0px 0px #868585;	-o-text-shadow: -1px 0px 0px #868585;font-family: "Microsoft Yahei", "微软雅黑", Arial, STHeiti, Tahoma, Helvetica;}
.prom_3{color:#ffffff;font-size:2.6em;text-align:center;font-weight:300;margin-bottom: 10px;text-shadow: -1px 0px 0px #868585;-webkit-text-shadow: -1px 0px 0px #868585;-moz-text-shadow: -1px 0px 0px #868585;	-o-text-shadow: -1px 0px 0px #868585;font-family: "Microsoft Yahei", "微软雅黑", Arial, STHeiti, Tahoma, Helvetica;background:#febf3c;width:108px;margin:0 auto; border-radius: 10px;}
.prom_4{color:#555555;font-size:2.6em;text-align:center;font-weight:300;margin-bottom: 10px;text-shadow: -1px 0px 0px #868585;-webkit-text-shadow: -1px 0px 0px #868585;-moz-text-shadow: -1px 0px 0px #868585;	-o-text-shadow: -1px 0px 0px #868585;font-family: "Microsoft Yahei", "微软雅黑", Arial, STHeiti, Tahoma, Helvetica;}
.content{width:1220px;margin:0  auto;}
.imgtext a{color:#ffffff;font-family: "Microsoft Yahei","微软雅黑", Arial, STHeiti, Tahoma, Helvetica;}

.service_bd ul{margin:0px 2px;padding:0px;}
.service_bd ul li{margin:0px;padding:0px;list-style:none;width:150px;height:248px;float:left;position:relative;background:url("../images/serss2.gif") no-repeat center top;}
.service_bd ul li .box{width:165px;height:255px;text-align:center;z-index:5;position:absolute;left:26px;cursor:pointer;margin-top:25px;line-height:23px;}
.service_bd ul li .box h2{font-size:18px;padding:5px;margin:10px auto;}


.case{margin-top:100px;}

.hongse{width:100%;height:580px;margin-top:40px;}
.hongseinner{width:100%;height:430px;background:#dd2726;}
.hongseleft{width:500px;float:left;margin-top:100px;}
.hongseright{width:700px;float:right;}

.huangse{width:100%;height:580px;}
.huangseinner{width:100%;height:430px;background:#f69312;}
.huangseleft{width:700px;float:left;}
.huangseright{width:500px;float:right;margin-top:100px;}


.lanse{width:100%;height:580px;}
.lanseinner{width:100%;height:430px;background:#3081e8;}
.lanseleft{width:500px;float:left;margin-top:100px;}
.lanseright{width:700px;float:right;}


.lvse{width:100%;height:580px;}
.lvseinner{width:100%;height:430px;background:#9ad34c;}
.lvseleft{width:700px;float:left;}
.lvseright{width:500px;float:right;margin-top:100px;}



.last{width:100%;height:550px;}
.lastinner{width:100%;height:430px;background:#3081e8;}
.lastleft{width:500px;float:left;margin-top:100px;}
.lastright{width:700px;float:right;}


/*公司实力*/
.company{background:url("../images/company.gif") no-repeat center top;}
.companyinner{width:1220px;height:500px;margin:0 auto;overflow: hidden;padding-top:80px;}

.content-top{
		padding:5% 0;height:280px;color:#ffffff;
}

.col_1_of_3:first-child {
	 margin-left: 0;
}
.span_1_of_3{
	width:30.8%;
	text-align:center;
}
.span_1_of_3 h3{
	color:#333;
	font-size:1.5em;
	font-weight:400;
	margin-bottom: 2%;
}
.span_1_of_3 p{
	color:#777;
	font-size:1em;
	line-height:1.5em;
}
.col_1_of_3{
	display: block;
	float: left;
	margin: 1% 0 1% 3.6%;
}

.span_1_of_footer{width: 30.8%;}

ul.list2 li img{	border-radius:200px;	-webkit-border-radius:200px;	-moz-border-radius:200px;	-o-border-radius:200px; 	float:left;	width: 45.5%;	margin-right: 5%;}

.col_1_of_footer:first-child {
    margin-left: 0;
}
.span_1_of_footer {
    width: 30.8%;
}
.col_1_of_footer {
    display: block;
    float: left;
    margin: 1% 0 1% 3.6%;
}
.pop_up2,.desc1{padding-top:30px;font-family: "Microsoft Yahei","微软雅黑", Arial, STHeiti, Tahoma, Helvetica;color:333333;}

.view-fifth img {
    -webkit-transition: all 0.2s ease-in;
   -moz-transition: all 0.2s ease-in;
   -o-transition: all 0.2s ease-in;
   -ms-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
}
.view-fifth .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translate(0px, 0px) rotate(0deg);
   -moz-transform: translate(0px, 0px) rotate(0deg);
   -o-transform: translate(0px, 0px) rotate(0deg);
   -ms-transform: translate(0px, 0px) rotate(0deg);
   transform: translate(0px, 0px) rotate(0deg);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-fifth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translate(0px, 0px) rotate(0deg);
   -moz-transform: translate(0px, 0px) rotate(0deg);
   -o-transform: translate(0px, 0px) rotate(0deg);
   -ms-transform: translate(0px, 0px) rotate(0deg);
   transform: translate(0px, 0px) rotate(0deg);
}
.view {
  position: relative;
}




/*包月卡单页开始*/
.baoyuekabody { margin-bottom:20px;}

.baoyuekabodyinner{width:1000px; margin-left:auto; margin-right:auto;background-color:#F1F2F4;}
.one { height:72px; width:1000px; background-image:url("../images/lanbeijing.png"); line-height:67px;}
.one h1 { font-size:36px;letter-spacing:2px;color:#FFFFFF; margin-left:25px;text-shadow:2px 2px 10px #4B4B4B; float:left; margin-right:30px;}
.one p { line-height:30px; color:#DDD500; font-size:24px; font-family:"黑体"; text-shadow:2px 2px 5px #4B4B4B;}

.two { text-align:center; width:100%; background-color:#00A2EA}

.neirong{ padding-left:130px; padding-right:130px; padding-top:10px;}

.three { text-align:left;}
.three span { font-size:24px; color:#F53F42;}
.three p { text-indent:2em; color:#515050;}

.four {text-align:center; }
.four h1 { padding-top:40px; color:#F53F42;padding-bottom:30px;font-size:40px;font-weight:bold;}
.four p { text-align:left; text-indent:2em;}
.four h2 { font-size:24px; color:#F53F42;}

.five h1 {color:#2D80FF; margin:36px;}
.five p { margin-left:40px;}
.five img { width:51%; margin-left:24px;}

.six { text-align:center;}
.six h1 {color:#FC0004; font-family:"楷体"; margin-bottom:20px;font-size:40px;font-weight:bold;}
.six-div { text-align:left; margin-top:30px; margin-left:auto; margin-right:auto; width:90%; border-radius:10px}
.six-div p { padding-left:30px; padding-right:30px; padding-top:15px;text-indent:2em;}
.six-div p:last-child { text-align:right}

.shuru { margin-left:140px; }
.shuru span {color:#FF0004}
.shuru input { width:400px;} 
.seven li { margin-bottom:15px;}

/*合作列表*/
.h_paner{ clear:both; padding-top:20px;height:125px;}
.h_paner li{ float:left; border:#bebebe 1px solid; width:215px; margin:2px 12px 0 12px;margin-bottom:25px;  text-align:center; font-size:14px; color:#959595; overflow:hidden;}
.h_paner img{ display:block;}


/*企业融合通信*/
.about_ronghe{  background: rgba(0, 0, 0, 0) url("../images/ronghebg.jpg") no-repeat scroll center center; height: 640px;width: 100%;}
.ronghe_content{padding-top:50px;width:1100px;margin:0 auto;}
/*企业融合通信应用场景*/
.divrh_con{width:1100px; overflow:hidden; margin:90px auto 0 auto;}
.divrh_con .sptitle{margin:76px auto 52px auto; line-height:28px; border-left:#26b77b solid 3px; padding-left:16px; font-size:28px; font-weight:normal; font-family:'Microsoft YaHei'; color:#75878b;text-align:center;width:150px;}
.divrh_con .divrh_list{padding-left:50px; overflow:hidden; 
}
.divrh_list li{width:464px; height:82px; float:left; overflow:hidden; margin:0 120px 62px 0; background:url("../images/sp_icons.png") left top no-repeat;}
.divrh_list .l1{background:url("../images/huiyi.png") no-repeat;}
.divrh_list .l2{background:url("../images/jiankong.png") no-repeat;}
.divrh_list .l3{background:url("../images/xiezuo.png") no-repeat;}
.divrh_lis
.divrh_imgbox{padding:6px 0 0 58px; overflow:hidden;
}
.divrh_imgbox img{float:left; margin-right:41px;
}
.divrh_imgbox .mr{margin-right:0;
}t .l4{background:url("../images/jiaoyu.png") no-repeat;}
.divrh_list .l5{background:url("../images/yuanchengyiliao.png") no-repeat;}
.divrh_list .l6{background:url("../images/mianshi.png") no-repeat;}

.divrh_list .s_title{padding-left:112px; font-size:18px; color:#ffffff; font-family:'Microsoft YaHei'; line-height:38px; margin-bottom:14px; font-weight:normal;
}
.divrh_list .con{padding-left:114px; font-size:14px; color:#ffffff; font-family:'微软雅黑'; line-height:22px;
}
.divrh_list .mr{margin-right:0;
}


.wifione {background: #ffffff; height:500px;}
*{margin:0;padding:0;list-style-type:none;}
/* 三个圈的动画 */
.case-content{overflow:hidden;margin:80px auto 0 auto;width:1100px}
.case-item{float:left;margin:30px 70px;}
.ih-item{position:relative;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item,.ih-item *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ih-item a{color:#333}
.ih-item a:hover{text-decoration:none}
.ih-item img{width:100%;height:100%}
.ih-item.circle0,.ih-item.circle0 .img{position:relative;width:210px;height:210px;border-radius:50%}
.ih-item.circle0 .img:before{position:absolute;display:block;content:'';width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 16px rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.3);-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item.circle0 .img img{border-radius:50%}
.ih-item.circle0 .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ih-item.square{position:relative;width:316px;height:216px;border:8px solid #fff;box-shadow:1px 1px 3px rgba(0,0,0,.3)}
.ih-item.square .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ih-item.circle0.effect1 .spinner{width:220px;height:220px;border:10px solid #ecab18;border-right-color:#1ad280;border-bottom-color:#1ad280;border-radius:50%;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.ih-item.circle0.effect1 .img{position:absolute;top:10px;bottom:0;left:10px;right:0;width:auto;height:auto}
.ih-item.circle0.effect1 .img:before{display:none}
.ih-item.circle0.effect1.colored .info{background:#1a4a72;background:rgba(26,74,114,.6)}
.ih-item.circle0.effect1 .info{top:10px;bottom:0;left:10px;right:0;background:#333;background:rgba(0,0,0,.6);opacity:0;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.ih-item.circle0.effect1 .info h3{color:#fff;text-transform:uppercase;position:relative;letter-spacing:2px;font-size:20px;margin:0 30px;padding:55px 0 0;height:110px;text-shadow:0 0 1px white,0 1px 2px rgba(0,0,0,.3)}
.ih-item.circle0.effect1 .info p{color:#bbb;padding:10px 5px;font-style:italic;margin:0 30px;font-size:16px;border-top:1px solid rgba(255,255,255,.5)}
.ih-item.circle0.effect1 a:hover .spinner{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.ih-item.circle0.effect1 a:hover .info{opacity:1}



.wifitwo {background:url("../images/wifitwobg.png");height:1035px;}
.wifitwoinner{ width: 1100px;margin:0 auto;padding-top:1px;}
.wifitwoleft { width: 45%;float:left;margin-top:15px;}
.wifitworight { width: 55%;float:right;margin-top:30px;}
.wifitworight img {float:right;}
.wifitwotit{color: #2979b7; font-size: 24px;font-weight: normal;margin: 10px 0;}
.wifitwotit2{color: #2979b7; font-size: 20px;font-weight: normal;margin: 3px 0;}
.wifitwo p { font-size: 16px; padding-left: 12px; text-indent: -12px;line-height:25px;}








.wifithree { box-shadow: 0 -5px 5px #f2f2f2;height:600px;}
.pro_gnys_tab{ width:1100px; border:1px solid #bbb; border-bottom:none; margin-bottom:75px;margin:0 auto;}
.pro_gnys_tab td{ text-align:center; height:120px;}
.pro_gnys_tab td.td01.cur00{ background:#bbd752}
.pro_gnys_tab .td01{ background:#3eceb4; font-size:16px; color:#fff;}
.pro_gnys_tab .td01.cur{ background:#219355}
.pro_gnys_tab .td01.cur00.cur{ background:#219355}
.pro_gnys_tab .td03{border-bottom:1px solid #bbb;background:#219355}
.pro_gnys_tab .td03.cur{ background:#e74692}
.pro_gnys_tab .td02{ background:#fff; font-size:14px; text-align:left; border-bottom:1px solid #bbb; padding:0 40px 0 40px;}
.pro_gnys_tab .td02.cur{ background:#e74692; color:#fff;}
	
	
	
	
	

/*企业融合通信解决方案*/

.row {height:730px;}

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6 {position: relative;min-height: 1px;}

.col-mdd-3 {  width: 25%;}
.col-mdd-5 {  width: 41.6667%;margin-top:30px;}
.col-mdd-4 {  width: 33.3333%;}

.col-xs-12 {	float: left}

.tab-content>.tab-pane {
	display: none;
	visibility: hidden;padding-top:50px;width:1100px;margin:0 auto;
}

.tab-content>.active {	display: block;	visibility: visible}
.img-responsive{margin-top:25px;}


/* 融合通信解决方案字体样式 */
.i-icon {    background-image: url("../images/sp-icos.png");    background-repeat: no-repeat;    display: inline-block;}
#h5_system .row:nth-of-type(even) {background-color:#f7f7f7;}
#h5_system h2 {font-size:24px;padding-top:20px;}
.tab-pane .h5-gn-txt {margin-top:15px; font-size:15px;color:#0066FF;}
.tab-pane p {    font-size: 15px;    line-height: 25px;}
img {	vertical-align: middle}
.center-block {	display: block;	margin-right: auto;	margin-left: auto}
.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img {display: block;	max-width: 100%;	height: auto}

.img-rounded {border-radius: 6px}
.img-thumbnail {display: inline-block;	max-width: 100%;	height: auto;	padding: 4px;	line-height: 1.42857143;	background-color: #fff;	border: 1px solid #ddd;	border-radius: 4px;	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;	transition: all .2s ease-in-out}
.img-circle {	border-radius: 50%}
#h5_system .i-icon {vertical-align:middle; margin-left:15px; margin-right:15px;}
.i-h5-gn-1 {width:33px; height:26px; background-position:0 0;}
.i-h5-gn-2 {width:33px; height:31px; background-position:0 -28px; }
.i-h5-gn-3 {width:34px; height:28px; background-position:-39px 0; }
.i-h5-gn-4 {width:37px; height:37px; background-position:0 -61px}
.i-h5-gn-5 {width:37px; height:30px; background-position:-35px -28px;}
.i-h5-gn-6 {width:34px; height:34px; background-position:-39px -62px;}
.i-h5-gn-7 {width:33px; height:30px; background-position:0 -100px;}
.i-h5-gn-8 {width:34px; height:32px; background-position:-36px -99px;}
.i-h5-gn-9 {width:32px; height:31px; background-position:0 -132px;}	


/* 融合通信解决方案环形时度条特效 */
.circliful {position: relative; }
.circle-text, .circle-info, .circle-text-half, .circle-info-half { width: 100%; position: absolute; text-align: center; display: inline-block;}
.circle-info, .circle-info-half {color: #999;}
.circliful .fa {margin: -10px 3px 0 3px;position: relative;	bottom: 4px;}







/* 融合通信解决方上面 */
.ronghewhy{
    font-size: 30px;
    font-weight: 300;
    margin-top: 40px;margin-bottom:40px;
    text-align: center; font-family:'微软雅黑';
}
.info1 h2 {
    border-bottom: 1px solid #a1a1a1;
    color: #fff;
    font-size: 26px;
    font-weight: 300;
    height: 15px;
    line-height: 15px;
    margin-bottom: 60px;
    text-align: center;
}		
.info1 h2 span {
    background-color: #034ed8;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 50px;
}
.info1 h2 samp {
    color: #a1a1a1;
    display: block;
    font-size: 19px;
    padding: 17px 0;
    text-align: center;
}

.info1 ul {
		margin: 90px auto 0;
		height: 152px;
		list-style: none;
	}
.info1 ul li {    font-size: 15px;
		padding-left: 8px;
		width: 240px;
		line-height: 23px;
		border-left: 1px solid #000;
	}
.info1 ul li:nth-child(1) {
		float: right;
		margin-top: -140px;
		margin-right: 10%;
	}
.info1 ul li:nth-child(2) {
		float: left;
		margin-top: -170px;
		margin-left: 10%;
	}
.info1 ul li:nth-child(3) {
		display: block;
		margin: -100px auto 0;
	}
.info1 ul li b {
		display: block;
		margin-left: -8px;
		padding-left: 8px;
		border-left: 1px solid #000;
		color: #000;
		list-style: none;
	}
.info1 ol {
  	position: relative;
  	list-style: none;
  	margin: 200px 20px 0;
  	padding: 0;
  	height: 80px;
  }
.info1 ol li {
  	position: absolute;
  	bottom: 0;
    margin: 0;
    width: 30%;
    height: 1px;
    /*background-color: #f60;*/
    transform: skew(0,20deg);
    border-top: 3px dotted #000;
  }
.info1 ol li:after {
    position: absolute;
    content: "";
    right: -5px;
    bottom: -5px;
    width: 10px;
    height: 10px;
    background-color: #000;
    border-radius: 50%;
    transform: skew(0,-20deg);
  }
.info1 ol li:nth-child(1) {
  	left: 0;
  	transform: skew(0, 30deg);
  	transform-origin: right bottom;
    width: 20%;
  }
.info1 ol li:nth-child(1):after {
  	transform: skew(0, -30deg);
  }
.info1 ol li:nth-child(2) {
  	left: 20%;
    transform: skew(0,-20deg);
  	transform-origin: left bottom;
  }
.info1 ol li:nth-child(2):after {
    transform: skew(0,20deg);
  }
.info1 ol li:nth-child(3) {
  	left: 50%;
  	transform-origin: right bottom;
  }
.info1 ol li:nth-child(4) {
  	left: 80%;
  	transform: skew(0, -30deg);
    width: 20%;
  	transform-origin: left bottom;
		font-family:"qmfont" !important;
		font-style:normal;
		-webkit-font-smoothing: antialiased;
		-webkit-text-stroke-width: 0.2px;
		-moz-osx-font-smoothing: grayscale;
  }
  
  
.lg_center{ width: 1100px; position: relative;margin-left: auto; margin-right: auto;height:509px;}
.lg_white_p {  color: #fff;}
.lg_scene_tit {    font-family: "微软雅黑";   font-size: 30px;    text-align: center;padding-top:50px;}
.lg_mt_60 {    margin-top: 50px;}
.lg_scene5{ height: 650px; background: url("../images/rh_scene5.png") center repeat-x;}
	.lg_scene5_ul{ width:870px;  margin-left: auto; margin-right: auto; margin-top:60px;}
	.lg_scene5_ul li{ width: 220px; height: 220px; float: left;; margin-left: 50px; background: url("../images/lg_scene25.png") center no-repeat; position: relative;}
	.lg_scene5_tit{ position: absolute; right: 24px; top:18px; color: #333;font-family: "微软雅黑"; font-size:20px; }
	.lg_scene5_p{ text-align: center;color: #fff;font-family: "微软雅黑"; font-size:30px; line-height: 1.3; margin-top: 72px;}
	.lg_scene_but{ width: 170px; height: 40px; display: block; text-align:center; line-height: 40px;font-family: "微软雅黑"; font-size:24px; color: #69ae17; border: 1px solid #69ae17; background: #3e3f4c; margin:50px auto auto auto; border-radius:3px; cursor: pointer ;}
	.lg_scene_but:active{ background: #69ae17; color: #fff;}
	.dots{display:none;}	
.lg_scene_p { color: #333; font-family: "微软雅黑"; font-size: 14px;line-height: 1.8;   margin-left: auto;margin-right: auto; position: relative;text-align: center; width: 100%;}
.lg_mt_20 {   margin-top: 20px;}
	
	
/* 社交营销 */	
.lg_scene1_ul{width: 1100px; background:#ff0000;}
.lg_scene1_ul li{ width:180px; height: 246px; float: left; margin: 20px; border-bottom: 1px solid #333; position: relative; margin-top: 50px;}
.lg_scene1_ul .lg_li1{background: url("../images/lg_scene1.png") top center no-repeat; }
.lg_scene1_ul .lg_li2{background: url("../images/lg_scene2.png") top center no-repeat; }
.lg_scene1_ul .lg_li3{background: url("../images/lg_scene3.png") top center no-repeat; }
.lg_scene1_ul .lg_li4{background: url("../images/lg_scene4.png") top center no-repeat; }
.lg_scene1_ul .lg_li5{background: url("../images/lg_scene5.png") top center no-repeat; }
.lg_scene1_ul li .li_tit{font-family: "微软雅黑"; font-size: 50px; color: #fff; text-align: center;  width: 160px; height: 184px; line-height: 184px;}
.lg_scene1_ul li .lg_p{ width: 180px; height:30px; line-height: 30px; text-align: center;border-top: 1px solid #333; position: absolute; bottom: 0px; left: 0px;font-family: "微软雅黑"; font-size: 16px; color: #333;}

  
  
    
/* 社交营销文案 */	

.second_content{
	width: 100%;
	height: 100%;
}
.second_top_title{
	text-align: center;
	color: #05435e;
	font-size: 7vmin;
	font-weight: 200;
	height: 10%;
	padding-top: 5%;
}
.second_top_content{
	color: #747474;
	font-size: 3vmin;
	height: 5%;
	margin-top: 1%;
	width: 100%;
}
.se-left{
	width: 50%;
	text-align: right;
	float: left;
}
.se-middle{
	color: #24cdd6;
	float: left;
}
.se-right{
}
.second_coin_content{
	height: 50%;
	width: 80%;
	margin: 50px auto 0 auto;
}
.second_coin_content>div{
	width: 25%;
	height: 400px;
	position: relative;
	float: left;
}
.coin_pic{
	width: 50%;
}
.hover_animate {
	-webkit-transition: -webkit-box-shadow .3s;
	transition: box-shadow .3s;
}
.hover_animate:hover{
  -webkit-animation: gelatine 0.5s 1;
  animation: gelatine 0.5s 1;
}

/**
 * $keyframes \ gelatine 
 **/
@keyframes gelatine {
  from, to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }

  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }

  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
}
@-webkit-keyframes gelatine {
  from, to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }

  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }

  75% {
	-webkit-transform: scale(0.95, 1.05);
	transform: scale(0.95, 1.05);
  }
}

.coin_trangle{
	width: 0;
	height: 0;
	margin: auto;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	margin-top: -1px;
}
.coin_round{
	position: absolute;
	width: 20%;
	height: 10%;
	border-radius: 50%;
	background-color: #018867;
	bottom: -5%;
	left: 39%;
	color: #fff;
	font-weight: 400;
	text-align: center;
	box-shadow: 0 1px 2px black;
}
.coin_1_pic{
	margin: auto;
	margin-top: 30%;
	border-radius: 50%;
	background-color: #17c189;
}
.coin_1_pic img{
	width: 50%;
	height: 50%;
	margin-left: 25%;
	margin-top: 25%;
}
.coin_1_trangle{
	border-top: 15px solid #17c189;
}
.coin_1_line{
	width: 49%;
    height: 80px;
    border-right: #17c189 solid 4px;
    border-right-style: dotted;
    position: absolute;
    bottom: 0;
}
.coin_2_pic{
    margin: auto;
    margin-top: 5%;
    border-radius: 50%;
    background-color: #009f79;
}
.coin_2_pic img{
	width: 50%;
    height: 50%;
    margin-left: 25%;
    margin-top: 25%;
}
.coin_2_trangle{
    border-top: 15px solid #009f79;
}
.coin_2_line{
    width: 49%;
    height: 220px;
    border-right: #009f79 solid 4px;
    border-right-style: dotted;
    position: absolute;
    bottom: -40px;
}

.coin_3_pic{
    margin: auto;
    margin-top: 30%;
    border-radius: 50%;
    background-color: #077760;
}
.coin_3_pic img{
	width: 50%;
    height: 50%;
    margin-left: 25%;
    margin-top: 25%;
}
.coin_3_trangle{
    border-top: 15px solid #077760;
}
.coin_3_line{
    width: 49%;
    height: 80px;
    border-right: #077760 solid 4px;
    border-right-style: dotted;
    position: absolute;
    bottom: 0;
}
.coin_4_pic{
    margin: auto;
    margin-top: 5%;
    border-radius: 50%;
    background-color: #17c189;
}
.coin_4_pic img{
	width: 50%;
    height: 50%;
    margin-left: 25%;
    margin-top: 25%;
}
.coin_4_trangle{
    border-top: 15px solid #17c189;
}
.coin_4_line{
    width: 50%;
    height: 200px;
    border-right: #17c189 solid 4px;
    border-right-style: dotted;
    position: absolute;
    bottom:-10px;
}
.coin_text_content{
    height: 230px;
    background: #009f79;
    width: 100%;
}
.coin_text_content > div{
	width: 80%;
    margin: auto;

}
.coin_text_content > div >div {
	float: left;
}
.coin_text{
	width: 25%;
	color: #fff;
	/*font-weight: 100;
*/	text-align: center;
}
.coin_text > p{
    line-height: 1.8em;
	font-size: 14px;
}
.coin_text a{
	color: #fff;
}
.coin_text p:first-child{
	font-size: 3vmin;
	margin-top: 18%;
}
.se_text{
	margin-top: 5%;
}
@media screen and (max-width:640px){
.coin_text > p{
	font-size: 12px;
	}
}
  
  
.app-design{
	background: #009f79;
	padding:6em 0 3em;
}
.app-text {
	margin-top: 4em;
}
.app-design h1 {
	color: #fff;
	font-size: 1.55em;
	padding: 0;
	font-weight: 700;
	text-align: left;
	line-height: 1.4em;
	font-family: '微软雅黑';
}
.app-design  p {
	color: #fff;
	font-size: 16px;
	text-align:left;
	font-family: '微软雅黑';
	font-weight:300;
	margin: 0.5em auto;
	line-height: 1.9em;
	width:100%;
}
.app-icons{
	margin:0; 
}
.app-icons ul{
	padding: 0;
}
.app-icons li a span{
	width:60px;
	height:45px;
	display: inline-block;
	background: url(../images/app-icons.png) no-repeat 0px 0px;
	transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-ms-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	-webkit-transition:all 0.5s linear;
}
.app-icons li a span:hover{
	opacity: 0.5;
	cursor: pointer;
}
.app-icons li a.android span{
	background-position: 14px 0px;
}
.app-icons li a.apple span{
	background-position: -46px 4px;
}
.app-icons li a.windows span{
	background-position: -103px 4px;
}
.app-text {
    margin-top: 4em;width:50%;float:right;
}
.app-img img {width:50%;float:left;
	}
  




.all_wrap{
			width: 100%;
			height: 100%;
		}
		.all_wrap .banner {
			width: 100%;
		}
		.all_wrap .banner img {
			width: 100%;
		}
		.all_wrap .page{
			width: 100%;
			height: 400px;
			overflow: hidden;
		}
		#intro_top{
			width: 100%;
			height: 100%;
			background: url(../../../../../../../../1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/webapp_home/img/banner.jpg) 0 bottom no-repeat;
		    -webkit-background-size: 100% 100%;
		    background-size: 100% 100%;
		    color: #fff;
		    font-size: 5vmin;
		    text-align: center;
		    line-height: 10em;
		}
		.intro_show{
		    width: 80%;
		    height: 100%;
		    margin: 60px auto 0 auto;	
		}
		.animate_content{
			width: 49%;
		    height: 250px;
		    display: inline-block;
		    position: relative;
		}
		/*.intro_con > div{
			height: 50%;
			width: 100%;
			position: relative;
		}*/
		.intro{
			position: absolute;
		}
		.first_intro_1{
			width: 80%;
		    left: 10%;
		    top: 10%;
		}
		.first_intro_2{
		    width: 40%;
		    top: 50%;
		    left: 7%;
		}
		.first_intro_3{
		    width: 30%;
		    right: 10%;
		    top: 10%;
		}
		.second_intro_1{
		    width: 30%;
		   
		    left: 40%;
		    top: 10%;
		}
		.second_intro_2{
			width: 80%;
	    height: 60%;
	    top: 20%;
	    left: 20%;
		}
		.third_intro_1{
		    height: 80%;
		    left: 35%;
		    top: 10%;
		}
		.third_intro_2{
			width: 41%;
		    top: 22%;
		    left: 40%;
		}
		.four_intro_1{
			width: 65%;
	    height: 70%;
	    left: 10%;
	    top: 15%;
		}
		.four_intro_2{
		    width: 40%;
		    top: 23%;
		    left: 38%;
		}
		.five_intro_1 {
			width: 50%;
			top: 10%;
			left: 25%;
		}
		.five_intro_2{
	    width: 40%;
	    top: 46%;
	    left: 50%;
		}
		.five_intro_3 {
			width: 23%;
			top: 30%;
			left: 30%;
		}
		.six_intro_1 {
			top: 14%;
			left: 16%;
			width: 80%;
		}
		.six_intro_2 {
			width: 26%;
	    top: 4%;
	    left: 27%;
		}
		/*.second_intro,.four_intro{
			background-color: #fff;
		}*/
		.intro_title{
			text-align: center;
			font-size: 4vmin;
			position: relative;
			top: -38%;
		}
		.detail{
			text-align: center;
			font-size: 16px;
			color: #8E8E8E;
			position: relative;
			top: -31%;
			margin: 0 auto;
		}
		.left_title{
			margin-bottom: 10px;
		}
		.fadeInRight{
		    animation:fadeInRight 0.7s 0s ease both;
		    -webkit-animation:fadeInRight 0.7s 0s ease both;
		    -moz-animation:fadeInRight 0.7s 0s ease both;
		    -ms-animation:fadeInRight 0.7s 0s ease both;
		}
		.fadeInLeft{
		    animation:fadeInLeft 0.7s 0.3s ease both;
		    -webkit-animation:fadeInLeft 0.7s 0.3s ease both;
		    -moz-animation:fadeInLeft 0.7s 0.3s ease both;
		    -ms-animation:fadeInLeft 0.7s 0.3s ease both;
		}
		.coins{
		    animation:coins 0.7s 0s ease both;
		    -webkit-animation:coins 0.7s 0s ease both;
		    -moz-animation:coins 0.7s 0s ease both;
		    -ms-animation:coins 0.7s 0s ease both;
		}
		.toSmall{
			animation: toSmall 1s 0.3s ease both;
			-webkit-animation: toSmall 1s 0.3s ease both;
			-moz-animation: toSmall 1s 0.3s ease both;
			-o-animation: toSmall 1s 0.3s ease both;
			-ms-animation: toSmall 1s 0.3s ease both;
			
		}
		@keyframes fadeInLeft{
			0%{
				opacity:0;
				transform:translateX(-50%);
			}
			100%{
				opacity:1;
				transform:translateX(0);
			}
		}
		@-webkit-keyframes fadeInLeft{
			0%{
				opacity:0;
				-webkit-transform:translateX(-50%);
			}
			100%{
				opacity:1;
				-webkit-transform:translateX(0);
			}
		}
		@-moz-keyframes fadeInLeft{
			0%{
				opacity:0;
				-moz-transform:translateX(-50%);
			}
			100%{
				opacity:1;
				-moz-transform:translateX(0);
			}
		}
		@-ms-keyframes fadeInLeft{
			0%{
				opacity:0;
				-ms-transform:translateX(-50%);
			}
			100%{
				opacity:1;
				-ms-transform:translateX(0);
			}
		}

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

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

		@keyframes faseInDown{
			0,50%{
				opacity:0;
				transform:translateY(0);
			}
			50%{
				opacity:0;
				transform:translateY(-100%);
			}
			100%{
				opacity:1;
				transform:translateY(0);
			}
		}
		@-webkit-keyframes faseInDown{
			0%,50%{
				opacity:0;
				-webkit-transform:translateY(0);
			}
			50%{
				opacity:0;
				-webkit-transform:translateY(-100%);
			}
			100%{
				opacity:1;
				-webkit-transform:translateY(0);
			}
		}
		@-moz-keyframes faseInDown{
			0%,50%{
				opacity:0;
				-moz-transform:translateY(0);
			}
			50%{
				opacity:0;
				-moz-transform:translateY(-100%);
			}
			100%{
				opacity:1;
				-moz-transform:translateY(0);
			}
		}
		@-ms-keyframes faseInDown{
			0%,50%{
				opacity:0;
				-ms-transform:translateY(0);
			}
			50%{
				opacity:0;
				-ms-transform:translateY(-100%);
			}
			100%{opacity:1;
			-ms-transform:translateY(0)}
		}
		@keyframes coins {
		  from, to {
		    transform: scale(1, 1);
		  }
		  0%{
		  	opacity:0;
		  	transform: scale(0, 0);
		  }
		  100%{
		  	opacity:1;
		  	transform: scale(1, 1);
		  }
		}
		@-webkit-keyframes coins {
		  from, to {
		    -webkit-transform: scale(1, 1);
		  }
		  0%{
		  	opacity:0;
		  	-webkit-transform: scale(0, 0);
		  }
		  100%{
		  	opacity:1;
		  	-webkit-transform: scale(1, 1);
		  }
		}
		@-moz-keyframes coins{
			from, to {
			  -moz-transform: scale(1, 1);
			}
			0%{
				opacity:0;
				-moz-transform: scale(0, 0);
			}
			100%{
				opacity:1;
				-moz-transform: scale(1, 1);
		} 
		}
		@-ms-keyframes coins{
			from, to {
			    -ms-transform: scale(1, 1);
			  }
			0%{
				opacity:0;
				-ms-transform: scale(0, 0);
			}
			100%{
				opacity:1;
				-ms-transform: scale(1, 1);
			} 
		}

		@keyframes toSmall {
			0%{
				opacity:0;
				transform: scale(2);
			}
			100%{
				opacity:1;
				transform: scale(1);
			}
		}
		@-webkit-keyframes toSmall {
			0%{
				opacity:0;
				-webkit-transform: scale(2);
			}
			100%{
				opacity:1;
				-webkit-transform: scale(1);
			}
		}
		@-moz-keyframes toSmall {
			0%{
				opacity:0;
				-moz-transform: scale(2);
			}
			100%{
				opacity:1;
				-moz-transform: scale(1);
			}
		}
		@-o-keyframes toSmall {
			0%{
				opacity:0;
				-o-transform: scale(2);
			}
			100%{
				opacity:1;
				-o-transform: scale(1);
			}
		}
		@-ms-keyframes toSmall {
			0%{
				opacity:0;
				-ms-transform: scale(2);
			}
			100%{
				opacity:1;
				-ms-transform: scale(1);
			}
		}


/*QQ样式 */
.bones{	height: 332px;	width: 82px;position: fixed;right: 0;bottom: 20px;	z-index:999999;	}
.indexSpan{display: block;position: absolute;text-align: center;line-height: 82px;background: #f17726;	top: 0;	left: 0px;color: #fff;font-size: 24px;z-index:-1;white-space:nowrap;			}
.bones_ul{			    margin:0;			    padding:0;			 }
.bones_ul li.counterfeiting{position: relative;}
#weIndex{position: absolute;left: -160px;top: 0;display: none;}
.bones_ul li.counterfeiting_1{				background: #3cc4f0;			}
.bones_ul li.counterfeiting_1:hover{				background: #0da5d6;			}
.bones_ul li.counterfeiting_2{				background: #61dba2;			}
.bones_ul li.counterfeiting_2:hover{				background: #33cc85;			}
.bones_ul li.counterfeiting_2:hover #weIndex{				display: block;			}
.bones_ul li.counterfeiting_3{background: #fa904a;}
.bones_ul li.counterfeiting_3:hover{background: #f17726;}
.bones_ul li.counterfeiting_4{background: #aaaaaa;text-align: center;}
.bones_ul li.counterfeiting_4 img{margin-top: 30px;}
.bones_ul li.counterfeiting_4:hover{background: #444444;}
.bones_ul li{cursor: pointer;				width: 82px;				height: 82px;				padding-top: 1px;			}
.bones_ul li a{display: block; color: #fff;text-align: center;text-decoration: none;}
.bones_ul li a img{				display: block;				margin-left: auto;				margin-right: auto;				margin-top: 6px;				margin-bottom: 3px;			}

			

/*移动营销系统 */

.advantage-Box {
    background: #75beff;
    height: 620px;
   
    overflow: hidden;
}
.advantage-Box .mH-Top {
    padding-top: 50px;
}
.advantage-Cont {
    position: relative;width:1100px;margin:0 auto;
}
.advantage-Cont .fl {
    width: 500px;
}
.advantage-Cont .fl img {
    position: absolute;
}
.advantage-Cont .fr {
    padding-top: 40px;
    width: 420px;
}
.advantage-Cont .fr dl {
    background-color: #ffffff;
    height: 120px;
    position: absolute;
    right: 60px;
    width: 430px;
}
.advantage-Cont .fr dl dt {
    float: left;
    padding: 30px 0 0 30px;
    width: 70px;
}
.advantage-Cont .fr dl dd {
    float: left;
    font-size: 16px;
    line-height: 30px;
    padding: 30px 0 0;
}
.advantage-Cont .fr dl dd span {
    color: #ffaa01;
}
.advantage-Cont .ion1 {
}
.advantage-Cont .ion2 {
    top: 180px;
}
.advantage-Cont .ion3 {
    top: 320px;
}

.mH-Top p {
    background: rgba(0, 0, 0, 0) url("../images/index_4.jpg") no-repeat scroll center bottom;
    color: #333;
    font-size: 14px;
    padding-bottom: 20px;
    padding-top: 5px;
    text-align: center;
}

.mH-Top h3 {
    color: #0058ac;
    font-size: 28px;
    font-weight: normal;
    text-align: center;
}
.mH-Top em {
    color: #333;
}


/*移动营销系统JS特效 */
.texiaomain{width:100%;height:300px;}
.texiaomaininner{width: 1100px;margin:0 auto;padding-top:30px;}
.view {
   width: 322px;
   height: 200px;
   margin: 12px;
   display:inline;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   
}
.view .mask,.view .content {
   width: 322px;
   height: 200px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;font-family: "微软雅黑"; 
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-family: "微软雅黑"; 
   
   font-size: 14px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
.view-tenth img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.view-tenth .mask {
   background-color: rgba(255, 231, 179, 0.3);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth h2 {
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #333;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth p {
   color: #333;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
			

				
				
/*代理加盟页 */
.dailijiamengbody {width:1000px; margin-left:auto; margin-right:auto;background-color:#F1F2F4; padding: 30px}
.biaoti {margin-top: 40px; margin-bottom: 40px; margin-left:70px; padding-left:40px; background-image: url("../images/13213.png"); background-repeat :no-repeat;font-size: 30px; color:#FFFFFF;width: 1000px; padding-top: 9px; padding-bottom: 9px;font-weight: bold;}
.biaoti span {color:#3D65BC;margin-left: 55px;}

.dailione {background-color: #E2E2EA; margin-top: 20px;padding-top: 1px;height:1000px;}
.dailione div:nth-of-type(2) { padding:50px;}
.dailione div p {text-indent: 2em; text-align: left;font-weight: bold;color:#1E274F;font-size:16px;}
.dailione div p span {font-size: 24px; font-weight: bold; color:#EA5B4B;}

.two {background-color:#C7C7C7; height: 100px;background-image: url("../images/684653.png"); background-repeat: repeat-x;}
.two div:first-child {background-color:#3D65BC; float: left; width: 170px; border-radius:10px; text-align: center; height: 100px;}
.two div:nth-of-type(2) {line-height: 100px; float: left;}
.two h1 {color: #3D65BC; margin-left: 64px; font-size: 38px; }
.two div:last-child {height: 100px; float: right; text-align: right; margin-right: 25px;}
.two div:last-child p:first-child {color:#3B3B3C; font-size: 20px; font-weight: bold; margin-top: 9px;}
.two div:last-child p:last-child {color: #3D65BC; font-size: 35px; font-weight: bold; font-family: "汉仪综艺体简" "微软雅黑"}

.three {height: 520px;}
.three div:first-child {width: 457px; height: 390px; background-color: #E2E2EA; padding: 43px;margin-top: 40px; float: left;}
.three div:first-child p {text-indent: 2em; color:#242852; font-weight: bold;}
.three div:first-child img {width: 414px; margin-top: 26px; margin-left: 33px;}
.three div:last-child {float: left; margin-left: 15px; margin-top: 40px;}

.four {margin-top: 20px;}
.first td {width: 323px; height: 277px; background-color: #e2e2ea; float: left; margin-right: 13px; margin-top: 13px;}
.first td:last-child {margin-right: 0px;}

.dailifive {margin-bottom: 15px; }
.dailifiveimg img {width: 460px;float: left; height: 345px;}
.dilifivep{ margin-left:473px;padding: 10px;left:53px; width: 465px; background-color: #E2E2EA; }
.dilifivep p{text-indent: 2em; color: #242852; font-weight: bold ;font-size: 16px;}

.six {height: 920px}
.six div:first-child {width: 274px; margin-left: auto; margin-right: auto; margin-top: 55px;}
.six div:nth-of-type(2) {width: 600px; margin-left: auto; margin-right: auto; text-align: center;margin-top: 35px;}
.six div:nth-of-type(2) p {font-size: 13px; color: #7c7c7c; font-weight: bold;}
.six li {width: 240px; height: 800px; background-color: #3f67bf; margin-right: 10px; float: left; margin-top: 55px; text-align: center; padding: 40px;}
.six li p {font-size: 13px; color: #FFFFFF;  }
.six [type=biaoti] {font-size: 18px; font-weight: bold}
.six li img {margin-bottom: 40px;}
.six li:last-child {margin-right: 0px;}

.seven div:nth-of-type(2) {width: 625px; margin-left: auto; margin-right: auto;text-align: center;color: #7c7c7c ;font-weight: bold; margin-bottom: 55px;}
.seven div:nth-of-type(2) span {font-weight: bold; font-size: 24px;color:#EA5B4B }
.seven div:nth-of-type(2) p {line-height: 40px;}

.eight div:nth-of-type(2) {width: 700px; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 30px}
.eight-div { text-align:left; margin-top:30px; margin-left:auto; margin-right:auto; width:90%; border-radius:10px}
.eight-div p { padding-left:30px; padding-right:30px; padding-top:15px;text-indent:2em;}
.eight-div p:last-child { text-align:right}



.moshi{width:100%;height:100%;color:#555555;font-size:15px;}
.moshiinner{width:1220px;margin:0 auto;padding-top:30px;color:#555555;}
.title2 { font-size:36px; padding: 42px 0 32px; font-weight:normal; color:#73b530;}
.index01 {background:#81c23e; border:4px solid #81c23e; border-top:0; border-radius:9px;margin-top:30px;}
.index01 table { width:100%;}
.index01 th { height:62px; color:#fff; font-size:20px; font-weight:normal;float:center; }
.index01 td {  border-right:1px solid #e8e8e8;}
.index01 th:last-child { border:0;}
.index01 p { padding:10px;}
.table_con { background:#fff; border-radius:9px;}
.table_con td { text-align:center; padding:20px 0; border-right:1px solid #e8e8e8;}
.table_con td:last-child { border:0;}
.table_con td p { text-align:left; display:inline-block;padding:12px 10px;}
.bg_grey td { background:#f2f0f0;}

.bg_orange { background:#FFE6E6; padding-bottom:40px;}
.index02 p { padding:12px 10px;}
.index02 i { font-size:30px; color:#fd9c3c;}
.index02 b { font-size:24px; font-weight:normal; line-height:1.6;}
.index02 strong { color:#ff6c46; font-size:48px; font-weight:normal;}

.index03 li { width:445px; float:left; padding-bottom:50px;}
.index03 li:nth-child(2n){float:right;}



.pinglun{margin-top:50px;}


.pinglun h1 {
    color: #fc0004;
    font-family: "楷体";
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 20px;
}
.pinglunzi {
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    text-align: left;
    width: 90%;
}
.pinglunzi p {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
    text-indent: 2em;
}
.pinglunzi p:last-child {
    text-align: right;
}





.ll_top3_img{background: url('../images/shoujibg.png') no-repeat;width: 230px;height: 510px;}
.carousel {width: 195px;margin-left:15px;
    position: relative;
}
.carousel-inner {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.carousel-inner > .item {
    display: none;
    position: relative;
    transition: left 0.6s ease-in-out 0s;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    height: auto;
    line-height: 1;
    max-width: 100%;padding-top:90px;
}
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block;
}
.carousel-inner > .active {
    left: 0;
}
.carousel-inner > .next, .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}
.carousel-inner > .next {
    left: 100%;
}
.carousel-inner > .prev {
    left: -100%;
}
.carousel-inner > .next.left, .carousel-inner > .prev.right {
    left: 0;
}
.carousel-inner > .active.left {
    left: -100%;
}
.carousel-inner > .active.right {
    left: 100%;
}
.carousel-control {
    bottom: 0;
    color: #fff;
    font-size: 20px;
    left: 0;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    top: 0;
    width: 15%;
}
.carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
}
.carousel-control.right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    left: auto;
    right: 0;
}
.carousel-control:hover, .carousel-control:focus {
    color: #fff;
    opacity: 0.9;
    outline: 0 none;
    text-decoration: none;
}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    display: inline-block;
    position: absolute;
    top: 50%;
    z-index: 5;
}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
    left: 50%;
}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
    right: 50%;
}
.carousel-control .icon-prev, .carousel-control .icon-next {
    font-family: serif;
    height: 20px;
    margin-left: -10px;
    margin-top: -10px;
    width: 20px;
}
.carousel-control .icon-prev::before {
    content: "‹";
}
.carousel-control .icon-next::before {
    content: "›";
}
.carousel-indicators {
    bottom: 10px;
    left: 50%;
    list-style: outside none none;
    margin-left: -30%;
    padding-left: 0;
    position: absolute;
    text-align: center;
    width: 60%;
    z-index: 15;
}
.carousel-indicators li {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    width: 10px;
}
.carousel-indicators .active {
    background-color: #fff;
    height: 12px;
    margin: 0;
    width: 12px;
}
.carousel-caption {
    bottom: 20px;
    color: #fff;
    left: 15%;
    padding-bottom: 20px;
    padding-top: 20px;
    position: absolute;
    right: 15%;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    z-index: 10;
}
.carousel-caption .btn {
    text-shadow: none;}
	
	

	
	
/**系统搭建页的banner动画 **/	
	
#solid{	height: 600px; overflow: hidden;width: 100%; position:relative;}
	
#solid .solid0,#solid .solid1{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:600px;
	display:none;
}

#solidinner{	 position:absolute;left:50%;margin-left: -960px;width: 1920px;height: 600px;}

#solid .solid0{background:url('../images/headerxitongdajianbg.jpg') no-repeat; position:absolute;left:50%;margin-left: -960px;width: 1920px;height: 600px;}
#solid .solid1{background:url('../images/xitongdajianbg2.jpg') no-repeat; position:absolute;left:50%;margin-left: -960px;width: 1920px;height: 600px;}


#solid ul{
	margin:0px;
	padding:0px;
	list-style:none;	
}
#solid ul li{
	position:absolute;
	left:50%;
	top:0px;
	width:100%;
	height:600px;
	margin-left:-50%;
	display:none;
	cursor:pointer;
}
#solid #btt{
	width:905px;
	height:55px;
	top:545px;
	left:50%;
	position:relative;
	margin-left:-452px;
}
#solid #btt span{
	position:absolute;
	top:15px;
	left:45%;
	display:block;
	width:30px;
	height:8px;
	margin:0 15px;	
	text-align:center;
	background:#3d3d3d;
	z-index:1000;
	cursor:pointer;
	filter:alpha(opacity=70); /*IE滤镜，透明度50%*/
	-moz-opacity:0.7; /*Firefox私有，透明度50%*/
	opacity:0.7;/*其他，透明度50%*/
}

.wetalk_title { padding-top:60px; padding-bottom:50px; color: #11466f; position: relative ; }
.wetalk_title h2 { width:232px;margin:0 auto; left: 50%;background: url('../images/wetalktitle.png') no-repeat; top: -30px; text-align: center; font-size: 30px; font-family: "Microsoft YaHei"; line-height: 60px ;height: 60px ;font-weight:bold;}


.wetalkgn {background:#cfe5f0;width:100%;height:750px;}
.wetalkgninner {width:1100px;margin:0 auto;}
.wetalkgn li{float:left;margin: 20px;}
.wetalkgn ul li img {display:block;}
.wetalkgn ul li span {display:block;color: #11466f; font-size:24px;text-align:center;line-height:70px;height:70px;}


.wetalkxs {background:#e1e1e1;width:100%;height:1120px;}
.wetalkxsinner {width:1100px;margin:0 auto;}
.wetalkxs li{float:left;width:500px;margin: 15px;}
.wetalkxs ul li img {display:block;}
.wetalkxs ul li span {display:block;color: #11466f; font-size:24px;float:left;line-height:30px;height:90px;background:#cfcfcf  ;width:480px;padding:10px;}
.wetalkxs ul li span p{display:block;color: #333;font-size:16px;margin-top:5px;line-height:24px;}


.wetalkyy {background:#cfe5f0;width:100%;height:1400px;}
.wetalkyyinner {width:1100px;margin:25px auto;background:#cfcfcf ;height:352px;}
.wetalkyyinner p{text-indent:2em;font-size:20px;padding:50px 30px;}
.wetalkyyinner span{color:#F00;}
.wetalkyyleft{width:65%;float:left;}
.wetalkyyright{width:35%;float:right;}

.wetalkyyleft2{width:35%;float:left;}
.wetalkyyright2{float:right;}


.indexfaan{height:400px;  border: 1px solid #d7d7d7;width:1100px;margin:0 auto;font-size:16px;margin-top:60px;}
.indexfaanleft{width:50%;float:left;}
.indexfaanright{width:50%;float:right;}


.indexfaan span{color:#e56032;}


.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.service-title {
    padding-top: 50px; padding-left:50px;
}

.service-title .title-num {
    color: #454545;
    font-size: 72px;
    font-weight: bold;line-height:90px;
}


.service-title .title-content {
    margin-left: 4px;
}
.floatleft {
    float: left;
}

.service-title .title-content p:first-child {
    border-bottom: 1px solid #979797;
    color: #e56032;
    font-size: 32px;
    line-height: 58px;
    text-align: center;
}

.service-title .title-content p:last-child {
    color: #333333;
    line-height: 26px;
    text-align: right;
}
.mainTitle{font-size: 40px;color:#333333;text-align: center}
.tab_search4 {width:100%;height:50px; background:#393939;}
.tab_searchinner{width:1100px;margin:0 auto;}
.tab_search4 .tab_searchinner a { width: 270px!important; height: 50px;line-height: 50px; display: inline-block; text-align: center; font-size: 18px; color: #ffffff; font-family: "Microsoft Yahei", "å¾®è½¯é›…é»‘", Arial, STHeiti, Tahoma, Helvetica; }
.tab_search4 .tab_searchinner a:hover{ background: #494949; }
.tab_search4 .tab_searchinner a.on { background: #00c1de; color: #fff; position: relative }
.wulian_infoText{width: 960px;font-size: 18px;color:#757575;margin:40px auto;line-height:40px;}
.wulian_info{padding:80px 0;}
.wulian_infoImg{width:960px;margin:auto;}
.wulian_infoImg>div{display: table-cell;width:320px;text-align: center;}
.wulian_infoImg>div>h4{font-weight: normal;font-size: 18px;line-height: 55px;}
.wulian_infoImg>div>p,.sanwang_text>p{font-weight: normal;font-size: 14px;}
.sanwang{padding: 50px 0;border-top:1px solid #ededed;}
.sanwang>.content>div{width: 381px;height:142px;border: 1px solid #ededed;margin: 6px;display: inline-block;*display:inline;}
.sanwang_img,.sanwang_text{display: table-cell;width: 190px;height: 142px;vertical-align: middle;}
.sanwang_img{line-height: 142px;text-align: center;}
.sanwang_text{padding-left: 20px;}
.sanwang_text>h4{font-weight: normal;font-size: 24px;line-height: 50px;color:#000;}
.gongneng{padding: 65px 0;}
.gongneng>.content>div{width: 381px;margin:26px 6px;display: inline-block;*display:inline;text-align: center}
.gongneng_img{vertical-align: middle;width: 192px;height:182px;border-radius: 50%;-webkit-border-radius: 50%;background-color: #f1f1f1;margin: auto;padding-top:15px;}
.gongneng_img>img{width: 80px;height:80px;}
.gongneng_text>h4{font-size:18px;line-height: 20px;color:#00ceaa;}
.gongneng_text>p{font-size:12px;line-height: 15px;color:#8e8e8e;margin-top:10px;}
.qubie{background-color: #00ceaa;padding-top: 40px;padding-bottom: 65px;}
.qubie h2{font-size: 40px;color:#fff;font-weight: bold;line-height: 145px;text-align: center;}
.qubie table{background: #fff;border: 1px solid #cbcbcb;margin: auto;}
.qubie td{width:182px;height:65px;border: 1px solid #cbcbcb;font-size: 14px;color:#333333;padding:0 10px;}
.qubie th{font-size: 16px;color:#333333;}
.qubie tr:first-child>th{font-size: 20px;color:#333333;}
.qubie thead>tr{height:50px;}
.qubie thead>tr>th{font-weight: normal;border: 1px solid #cbcbcb;text-align: left;padding: 0 47px;}
.qubie thead>tr:nth-child(2){border: 1px solid #cbcbcb;font-weight: normal;background-color: #f1f1f1;text-align: center}
.qubie thead>tr:first-child{background-color: #fff; }
.qubie thead>tr>th:first-child,tbody>tr>td:first-child{padding: 0 !important;font-size: 16px;border: 1px solid #cbcbcb;text-align: center}
.qubie tbody>tr:nth-child(odd)>td:first-child{background-color: #f1f1f1;}
.yingyong{width: 100%;height:537px;background: url('../images/wulian16.png') #00ceaa center center no-repeat;}
.yingyong h4{font-weight: normal;font-size: 40px;color: #fff;text-align: center;/*margin-top: 60px;*/}
.wulianCase_banner p{position: relative;top:393px;text-align: center;font-size: 14px;color:#fff;}
.floor1{width: 1200px;/*min-width: 1200px;max-width: 1920px*/;margin:auto;height: 375px;padding-top:80px;}
.floorText{padding-top: 10px;z-index: 2;height: 281px;width: 680px;text-align: center}
.floorText>h4{font-size: 30px;color:#757575;line-height: 45px;}
.floorText>div{width: 405px ;height:36px;line-height: 35px;background-color: #00ceaa;color: #fff;font-size: 24px;border-radius: 15px;-webkit-border-radius: 15px;margin:28px auto;}
.floorText>p{font-size: 18px;color: #757575;line-height: 35px;}
p.daibiao{color: #00ceaa;font-size: 24px;/*margin-top: 135px;*/}
.floorImg{width: 639px;height: 375px;vertical-align: middle;}
.caseImgs{width: 100%;background-color: #dadada;height: 202px;text-align: center}
.caseImgs img{width:155px;height: 155px;margin:25px  7.5px;}
.wulianDibu h4,.wulianDibu p{color:#fff;}
.positionRelative{position: relative;}
.positionAbsolute{position: absolute;}
.API_kai{padding:95px 0 125px 0;}
.API_kai h2{font-size: 40px;font-weight: normal;text-align: center;color: #333333;line-height: 50px;}
.API_img{width: 300px;display: table-cell;}
.API_text>h4{font-size:18px;line-height: 40px;color:#333333;}
.API_text>p{font-size:16px;line-height: 24px;color:#8e8e8e;margin-top:10px;}
.API_kai p.title_c{font-size:18px;;color:#333;line-height: 50px;margin-bottom: 40px;}
.title_1{color: #092241;font-size: 2.2em;font-weight: 300; height:45px;text-align: center;text-shadow: -1px 0 0 #868585;font-family: "Microsoft Yahei", Arial, STHeiti, Tahoma, Helvetica;}
.title_2{color:#092241;font-size: 1.5em;text-align:center;height:40px;font-family: "Microsoft Yahei", Arial, STHeiti, Tahoma, Helvetica;}
.title_bg{background:url('../images/xian.png') no-repeat;height:10px;width:500px;margin:0 auto;}
.ul2{width: 1000px; clear: both; overflow: hidden; margin: 50px auto 40px; }
.ul2 li{width: 292px; margin-right: 45px; float: left; box-sizing: border-box; text-align: center; background: rgba(0,0,0,0.4); padding: 18px 0; }
.ul2 li:last-child{border: 0; margin: 0;}
.ul2 li h3{font-size: 16px; line-height: 24px; color: #fff; padding: 0;}
.ul2 li p{font-size: 16px; line-height: 18px; color: #fff;}
.wlk{width:1100px;margin:30px auto;}

.wlkright{float:right;width:50%;}

.wlkleft{float:left;width:50%;}

.wlkimg{float:left;margin-top:15px;}

.wlktext{
    color: #4c4c4c;
    float: left;
    font-size: 15px;
    line-height: 24px;
    margin-left: 24px;
    width: 410px;margin-top:10px;
}
.wlktext span{

    font-size: 18px;
    line-height: 35px;


}
.course_main{  
    background: #fff none repeat scroll 0 0;
    overflow: hidden;
    padding-bottom: 50px;
	}
	
.relative {
    position: relative;
}
.w1200 {
    margin: auto;
    width: 1200px;
}
.course_main .item {
    margin-top: 50px;
    position: relative;
}

.course_main .item .quiz {
    height: 36px;
    left: 2px;
    position: absolute;
    top: 14px;
    width: 45px;
}

.course_main .item .answer {
    height: 110px;
    position: absolute;
    right: 5px;
    top: 50px;
    width: 42px;
}
.item_content {
    margin: 0 158px 0 72px;
    position: relative;
    width: 970px;
	}
	
.item_contenttitle {
    background: rgba(0, 0, 0, 0) url('../images/course_title.png') no-repeat scroll center top;
    color: #fff;
    font-size: 24px;
    height: 58px;
    line-height: 58px;
    padding-left: 38px;
    position: relative;
    z-index: 9;
}
.item_content .con {
    background: #ffdeb1 none repeat scroll 0 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-left: 10px;
    margin-top: -5px;
    position: relative;
    width: 950px;
    z-index: 8;
}
.item_content .con span {
    display: block;
    font-size: 16px;
    line-height: 28px;
    padding: 20px 0 30px 30px;
    width: 850px;
}
.item_content .jiantou {
    background:  url('../images/course_icon.png') no-repeat scroll 0 0;
    height: 18px;
    position: absolute;
    right: 0;
    top: 70px;
    width: 10px;
}
.conyunyin ul{width: 600px; box-sizing: border-box;  float:right;margin-top:100px;}
.conyunyin ul li{float: left; text-align: center; width: 25%; padding-bottom: 50px;}
.conyunyin ul li p{color: #000; font-size: 16px; line-height: 30px;}
.conyunyin .btn{background: #51ccff; color: #fff; padding: 0 40px; margin: 40px 0 0 450px; border: 1px solid #51ccff;}
.banneryunyin{ height: 850px; overflow: hidden;width: 100%; position:relative;}
.banneryunyininner{ height:850px; background:url('../images/banneryunyinbg.jpg') no-repeat; position:absolute;left:50%;margin-left: -960px;width: 1920px;}

@media screen and (max-width: 992px){
	.bg-white .row{height:auto !important;}
	.wk_view{background:#fff !important;}
	.page-title h1,.page-title h2{color:#000 !important;}
}
#page-container {
    margin: 0 auto;
    width: 100%;
    min-width: 320px;
    background-color: #2c343f;
}



.header-navbar-transparent #header-navbar {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.header-navbar-fixed #header-navbar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    min-width: 320px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /* -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02); */
}
#header-navbar {
    padding-top: 40px;
    min-height: 60px;
    height: 74px;
    background-color: #fff;
}
.content-mini.content-mini-full {
    padding-bottom: 0;
}
@media screen and (min-width: 768px){
.content-mini {
    margin: 0 auto;
    padding: 0 40px;
    max-width: 100%;
    overflow-x: visible;
}
.content-mini.content-mini-full {
    padding-bottom: 0;
}
}
.content-mini {
    margin: 0 auto;
    padding: 20px 14px 1px;
    max-width: 100%;
    overflow-x: visible;
}
article, aside, footer, header, nav, section {
    display: block;
}
#header-navbar:after, #header-navbar:before {
    content: " ";
    display: table;
}

*, *:before, *:after {
    box-sizing: border-box;
}
#header-navbar:after {
    clear: both;
}
.pull-left {
    float: left;
}
.nav-header {
    margin: 0;
    padding: 0;
    list-style: none;
}
.nav-header:after, .nav-header:before {
    content: " ";
    display: table;
}
.nav-header .header-content {
    line-height: 34px;
    padding-bottom: 20px;
}
.nav-header>li {
    margin-right: 12px;
    float: left;
}
.nav-header:after {
    clear: both;
}
.nav-header>li>.btn-group>a, .nav-header>li>a {
    padding: 0 12px;
    display: block;
    height: 34px;
    line-height: 34px;
    font-weight: 600;
}
h5, .h5 {
    font-size: 1.125rem;
}
.nav-header-logo {
    width: 200px;
    margin-right: 20px;
    margin-top: -1px;
}
.header-content img{vertical-align: middle;border-style: none;}
@media screen and (min-width: 992px){
.nav-main-header {
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    padding: 0;
    width: auto;
    background-color: transparent;
    z-index: auto;
    opacity: 1;
    overflow-y: visible;
    -webkit-overflow-scrolling: auto;
    -webkit-transition: none;
    transition: none;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-transform: translateX(0) translateY(0) translateZ(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0) translateZ(0);
}
.nav-main-header>li {
    position: relative;
    margin: 0 10px 0 0;
    float: left;
	font-size: 0.875rem;
    margin: 0 0 10px;
}
.nav-main-header ul {
    position: absolute;
    left: -145px;
    padding: 13px 6px 0 6px;
    min-width: 140px;
    background-color: #273142;
}
}
.nav-main-header ul {
    margin-bottom: 15px;
    padding: 0;
    list-style: none;
}
.nav-main-header {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 20px;
    width: 100%;
    list-style: none;
    background-color: #2c343f;
    z-index: 1031;
    opacity: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.28s ease-out;
    transition: all 0.28s ease-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(0) translateY(-100%) translateZ(0);
    -ms-transform: translateX(0) translateY(-100%);
    transform: translateX(0) translateY(-100%) translateZ(0);
}
.nav-main-header a.active {
    color: #fff;
}
.nav-main-header a {
    display: block;
    padding: 0 20px 20px;
    min-height: 36px;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 500;
    line-height: 36px;
    transition: all 0.3s;
}
.active {
    color: #ffffff;
}
a, area, button, [role="button"], input, label, select, summary, textarea {
    touch-action: manipulation;
}
.drop-submenu {
    background-color: #F6F9Fc !important;
    padding: 10px;
    margin-top: 10px;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    -webkit-transition: all 0.3s 0.1s ease-out, visibility 0.3s 0.1s linear;
    -moz-transition: all 0.3s 0.1s ease-out, visibility 0.3s 0.1s linear;
    background-color: #fff;
    box-shadow: 0 50px 100px rgba(22, 21, 68, 0.1), 0 15px 35px rgba(22, 21, 68, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding-bottom: 0;
}
.navigation-triangle {
    width: auto;
    height: auto;
    position: relative;
}
.drop-submenu .navigation-triangle b {
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #fff;
    border-style: solid;
    border-width: 8px;
    position: absolute;
    top: -28px;
    left: 50%;
}
.nav-main-header ul li {
    padding-top: 0;
}
.drop-submenu-container {
    background-color: #F6F9Fc;
    position: relative;
    margin: 0 auto;
    width: 320px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.drop-submenu-container .feature-link {
    display: block;
}
.nav-main-header ul a {
    min-height: 32px;
    font-size: 14px;
    font-weight: 400;
    line-height: 32px;
}
.nav-main-header a {
    display: block;
    padding: 0 20px 20px;
    min-height: 36px;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 500;
    line-height: 36px;
    transition: all 0.3s;
}
.drop-submenu-container:after {
    background-image: -webkit-linear-gradient(bottom, #f1f2f6 15%, #dfe6ed 15%, #dfe6ed 85%, #f1f2f6 85%);
    background-image: linear-gradient(to top, #f1f2f6 15%, #dfe6ed 15%, #dfe6ed 85%, #f1f2f6 85%);
    content: '';
    display: block;
    height: 100%;
    left: 50%;
    position: relative;
    top: 0;
    width: 1px;
}

.header-bg-home {
    height: 100vh;
    background-image: linear-gradient(66deg, #36D1BC 22%, #5B86E5 83%, #5B86E5 100%);
}
.header-bg-other-left {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1000px;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: auto 1000px;
  
}
.header-bg-other-right {
    position: absolute;
    right: 0;
    top: 0;
    width: 1000px;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: 1000px auto;

}
.yyzz-img-home{
	display:none;
}
@media screen and (min-width: 1025px){
	.yyzz-img-home{display:block!important;
	position:absolute;
	left:5px;
	bottom:50px;
	}
	.yyzz-img-home img{
		width:280px;
	}
}
@media screen and (min-width: 768px){
.content.content-boxed {
    max-width: 1280px;
}
.content {
    margin: 0 auto;
    padding: 10px 0;
    max-width: 100%;
    overflow-x: visible;
}
}
.content-boxed {
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
}
.content {
    margin: 0 auto;
    padding: 16px 30px;
    max-width: 100%;
    overflow-x: visible;
}
.header-title-side {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.header-title-side h1 {
    color: #fff;
    font-weight: 500;
    font-size: 34px;
    line-height: 65px;
    margin-bottom: 40px;
}
.header-title-side h1 span:nth-child(1) {
    margin-top: 15px;
}
.header-title-side h1 span {
    font-size: 19px;
    display: block;
    line-height: 38px;
    font-weight: 100;
}
.header-title-btn {
    background-image: linear-gradient(-226deg, #F2A48C 0%, #EE5C80 100%);
    border: 0 solid rgba(228, 143, 137, 0.2);
    box-shadow: 0 10px 20px 0 rgba(59, 52, 120, 0.38);
    border-radius: 10px;
    font-weight: 400;
    padding: 16px 60px;
    display: inline-block;
    color: #fff !important;
    transition: all 0.3s;
}
.call-to-action-btn, .call-to-action-btn-white, .call-to-action-btn-black, .btn-action-simple, .header-title-btn, .header-title-btn-purple, .header-title-btn-black, .header-title-btn-android, .header-title-btn-blue, .header-title-btn-green, .btn-pay {
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.header-img-home {
    position: absolute;
    margin-right: 80px;
    top: 50%;
    transform: translateY(-50%);
    height: 100vh;
    right: 2vw;
    width: auto;
}
.header-img-home img {
    position: relative;
    top: calc(50% + 20px);
    transform: translateY(-50%);
    width: 785px;
    height: auto;
}
.header-navbar-transparent.header-navbar-fixed #main-container {
    padding-top: 0;
}
.header-navbar-fixed #main-container {
    padding-top: 60px;
}
#main-container {
    background-color: #F9F9FF;
}
figcaption, figure, main {
    display: block;
}
.nav-main-header li.navlist a {
    display: block;
    padding: 0 20px 20px;
    min-height: 36px;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 500;
    line-height: 36px;
    transition: all 0.3s;
    font-size: 14px;
}
.nav-header li.navlist a {
    height: 62px;
    line-height: 62px;

}
.bg-white {
    background-color: #fff;
}
.overflow-hidden {
    overflow: hidden;
}
.wrap-header {
    padding-top: 60px;
}
.wrap-header .wrap-main-title {
    line-height: 45px;
    font-size: 32px;
    font-weight: 500;
    color: #313d4f;
    text-align: center;
    margin-bottom: 20px;
}
.wrap-header .wrap-sub-title {
    font-weight: 400;
    font-size: 14px;
    color: #7F8FA4;
    letter-spacing: 0;
    line-height: 30px;
    text-align: center;
    max-width: 850px;
    margin: 0 auto;
    margin-bottom: 45px;
}
@media (min-width: 1200px){
.newrow {
    margin-right: -15px;
    margin-left: -15px;
	display: flex;
    flex-wrap: wrap;
}
.col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl{padding-right: 15px;
    padding-left: 15px;
	position: relative;
    width: 100%;
    min-height: 1px;}
}
.wrap-features-home .feature-icon {
    text-align: center;
    margin-bottom: 20px;
}
.wrap-features-home .features-name {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #313d4f;
    margin-bottom: 10px;
}
.wrap-features-home .features-docs {
    font-size: 15px;
    text-align: center;
    color: #6b7c93;
    margin-bottom: 50px;
    padding: 0 28px;
    line-height: 28px;
}
.wrap-features-home .feature-icon img {
    height: 80px;
}
img {
    vertical-align: middle;
	 border-style: none;
}
.wrap-side {
    margin-top: 20px;
    margin-bottom: 60px;
}
.wrap-side .wrap-side-container {
    margin-top: 0;
    margin-bottom: 40px;
	padding-top:100px;
}
@media (min-width: 992px){
.col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}
.col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}
.offset-lg-1 {
    margin-left: 8.33333%;
}
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.wrap-side .wrap-side-container-title {
    line-height: 45px;
    font-size: 32px;
    font-weight: 500;
    color: #313d4f;
    margin-bottom: 24px;
}
.wrap-side .wrap-side-container-desc {
    line-height: 35px;
    font-size: 16px;
    color: #7F8FA4;
    max-width: 400px;
}
@media screen and (min-width: 768px){
.content .block, .content .items-push>div, .content .push, .content p {
    margin-bottom: 30px;
}

}
.img-responsive {
    width: 100%;
}
.newfooter{
    color: #7F8FA4;
    font-weight: 400;
    background-color: #0f1014;
}

.header-bg-products {
    height: 100vh;
    /* background: linear-gradient(to bottom, #E4E5E6, #00416A); */
	background-image: linear-gradient(66deg, #E4E5E6 25%, #26D0CE  83%, #26D0CE  100%);
}
.header-img-product-wco {
    position: relative;
    background-repeat: no-repeat;
    height: 100vh;
    min-width: 1380px;
    background-position: 90% calc(50% - 1px);
    background-size: 850px auto;
    background-image: url(http://www.ybrjkj.com/skin/images/home-img-inline.png);
}
.header-title-side {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
    /* width: 600px; */
}
.header-bg-products h1 {
    color: #313d4f;
}
.header-title-side ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}
.header-title-side ul li {
    float: left;
    width: 50%;
    margin-bottom: 12px;
}
.header-title-side ul li .fa {
    color: #e66847;
}

.appdownbtn {
    padding-top: 20px;
    clear: both;
}
appdownbtn a {
    padding: 14px 40px;
    margin-right: 20px;
}
.header-title-btn-black {
    background: #333;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1bc863', endColorstr='#3ae69d', GradientType=1);
}
.appdownbtn a {
    padding: 14px 40px;
    margin-right: 20px;
	display: inline-block;
    width: 80%;
    margin-bottom: 20px;
}
.header-title-btn-android {
    background: #5dc15e;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1bc863', endColorstr='#3ae69d', GradientType=1);
}

/*!
 *  Font-scss
 */
 @font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-check-circle-o:before {
    content: "\f05d";
}
.left-text-app,.download_app{width:40%;float:left;}
.bg-black {
    background-color: #273142;
}

.whitetitle .wrap-main-title, .whitetitle .features-name {
    color: #fff;
}
.bg-black .feature-icon .fa {
    color: #fff;
    font-size: 72px;
}
.fa-user-o:before {
    content: "\f2c0";
}
.fa-rocket:before {
    content: "\f135";
}
.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4";
}
.fa-cogs:before, .fa-gears:before {
    content: "\f085";
}
.header-title-middle {
    margin: 120px auto;
    text-align: center;
    margin-bottom: 60px;
}
.header-title-middle h1 {
    color: #313d4f;
    font-weight: 700;
    font-size: 40px;
    letter-spacing: 1px;
    line-height: 1.3em;
}
.nav-pills-pricing {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    margin-top: -30px;
	padding-left: 0;
	list-style: none;
}
.nav-pills .nav-link-left.active, .nav-pills .nav-link-right.active, .nav-pills .nav-link-middle.active, .nav-pills .nav-link-left.show .nav-link-left, .nav-pills .nav-link-right.show .nav-link-right, .nav-pills .nav-link-middle.show .nav-link-middle {
    z-index: 1000 !important;
    border-color: #45588C;
    color: #fff;
    cursor: default;
    background-color: #45588C;
}
.nav-pills .nav-link-left {
    border-radius: 4px 0 0 4px;
}
.nav-link-left, .nav-link-right, .nav-link-middle {
    font-size: 15px;
    position: relative;
    display: block;
    text-align: center;
    width: 200px;
    height: 48px;
    line-height: 48px;
    border-width: 1px;
    border-color: #C8D2DF;
    border-style: solid;
}
.nav-pills .nav-link-right {
    margin-left: -1px;
    border-radius: 0 4px 4px 0;
}
.block .block-content.tab-content {
    overflow: hidden;
}
.block-content {
    margin: 0 auto;
    padding: 20px 20px 1px;
    max-width: 100%;
    overflow-x: visible;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}
.tab-content>.active {
    display: block;
}

.fade.show {
    opacity: 1;
}
.fade {
    opacity: 0;
    transition: opacity 0.15s linear;
}
.pricing-wco-seven {
    background-image: linear-gradient(-226deg, #F2A48C 0%, #EE5C80 100%);
}
.about-card, .pricing-private, .pricing-cdn, .pricing-wco-business, .pricing-wco-senior, .pricing-wco-seven {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
    border-radius: 10px;
    padding: 24px;
    border-style: solid;
    border-color: #e0e6ed;
    border-width: 1px;
    height: 620px;
    position: relative;
}
.about-card .name, .pricing-private .name, .pricing-cdn .name, .pricing-wco-business .name, .pricing-wco-senior .name, .pricing-wco-seven .name {
    line-height: 33px;
    font-size: 19px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    margin-top: 10px;
}
.pricing-hr {
    height: 10px;
}
.pricing-btn {
    line-height: 42px;
    border-radius: 4px;
    background-color: #fff;
    color: #313d4f;
    margin: 16px auto 0;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: calc(100% - 50px);
    position: absolute;
    bottom: 26px;
    font-size: 14px;
    font-weight: 500;
}
.header-title-btn-blue, .pricing-cdn, .pricing-wco-senior {
    background-image: linear-gradient(-45deg, #74A3FB 0%, #4385FA 100%);
}
.list-timeline .list-timeline-icon, .btn-action-simple, .pricing-private, .pricing-wco-business, .bg-log-icon, .notice-dot {
    background-image: linear-gradient(-45deg, #A252F9 0%, #DE46E0 100%);
}
.pricing-wco-seven {
    background-image: linear-gradient(-226deg, #F2A48C 0%, #EE5C80 100%);
}
.header-title-btn-blue, .pricing-cdn, .pricing-wco-senior {
    background-image: linear-gradient(-45deg, #74A3FB 0%, #4385FA 100%);
}
.pricing-explain {
    line-height: 30px;
    text-align: left;
    color: #7f8082;
    font-size: 16px;
    padding-top: 50px;
    padding-bottom: 30px;
}
.pricing-explain h3 {
    font-weight: normal;
    margin-bottom: 20px;
    color: #333;
}
.header-bg-white {
    /* height: 300px; */
    background: #fff;
}
.newrow .col-sm-6{float:none !important;margin:0 0 !important;}
.bg-image {
    background-color: #f9f9f9;
    background-position: 0 50%;
    -webkit-background-size: cover;
    background-size: cover;
    height: 400px;
}
.bg-primary-dark-op {
    height: 400px;
    background-image: linear-gradient(66deg, #eef2f3 30%, #8e9eab 83%, #8e9eab 100%);
}
.page-center {
    max-width: 800px;
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.bg-image h1 {
    line-height: 1.3em;
    margin: 0 auto;
    text-align: center;
    font-size: 48px;
}
.push-10 {
    margin-bottom: 10px !important;
}
.text-white {
    color: #fff !important;
}
.text-white-op {
    color: rgba(255, 255, 255, 0.85);
	font-size: 16px;
	    font-weight: inherit;
}
.aboutus-docs .wrap-side-title {
    margin-bottom: 20px;
}
.wrap-side-title {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-bottom: 14px;
    line-height: 33px;
    font-size: 24px;
    font-weight: 500;
    color: #313d4f;
    border-bottom: solid 1px #E6EAEE;
}
.aboutus-docs p {
    line-height: 34px;
	font-size:15px;
}
#new_article_list .pages{margin:50px auto;}
@media screen and (max-width: 768px){
.header-img-home img {
    width: 260px;
}
#new_article_list .pages{margin:20px auto !important;}
.wk_view p{line-height:28px !important;}
.wk_view h1{line-height:34px;padding:2px 5px;font-size: 16px !important; margin:15px auto;}
#new-article_contaner{border-top:none !important;margin-top: -20px;}
#new-article_contaner .article h1.title{height:auto !important;line-height:30px !important;margin: 10px auto 20px;
    padding-bottom: 15px;}
.new-aboutus{padding:5px 8px !important;}
#new-article_contaner .article_foot ul li{float:none !important;border:none !important;display:block;margin-top: 10px;padding:0 0 !important;}
#new-article_contaner .article{width:100% !important; padding:5px 8px !important;margin:20px auto !important;}
#new-article_contaner .mmx,#new-article_contaner .articleleft{display:none !important;}
#new-article_contaner .articleright{width:100% !important;}
#new_article_list .pages a, #new_article_list .pages .current{margin-bottom: 10px !important;
    display: inline-block;}
#switch-show .navbar-offcanvas{width: 250px !important;background: #2c343f !important;}
#switch-show .navbar-offcanvas li{margin: 0 0 10px;font-size: 0.875rem;line-height: 34px; min-height: 34px;padding:0 20px;font-size: 15px;}
#switch-show .navbar-offcanvas li a{color: rgba(255, 255, 255, 0.5);font-weight: 500;display: block;font-size: 15px;line-height: 34px;width:50%;min-height: 34px;}
#switch-show .navbar-offcanvas li:nth-child(2) a{
    color: #fff;
}
.bg-primary-dark-op{height:250px !important;}
.appdownbtn a{padding:14px 10px !important;}
.newrow .col-md-6,.newrow .col-xl-3,.newrow .col-sm-12{padding:10px 15px !important;}
.wrap-header .wrap-main-title {
    font-size: 22px;
    padding: 0 20px;
}
.wrap-header .wrap-sub-title {
    margin-bottom: 20px;
}
.wrap-features-home .features-docs {
    padding: 0;
}
.wrap-side .wrap-side-container{padding-top:0 !important;}
.wrap-side .wrap-side-container-title {
    font-size: 25px;
}
.header-img-home {
    display: block;
    right: 0;
    margin-right: 0;
    width: 100%;
    text-align: center;
}
.header-title-side {
    width: auto!important;
}
.header-title-side {
    top: 95%;
    left: 20px;
}
.footer{display:none !important}
#new_footer_container{display:block !important;}
#page-footer .content {
    text-align: center;
}
.content {
    padding: 16px 15px;
}
#new_footer_container .col-md-3 {
    width: 100%;
}
#new_footer_container .col-md-2 {
    width: 50%;
}
.footer-logo, .footer-desc {
    margin-left: auto;
    margin-right: auto;
}
#new_footer_container .font-s12 .pull-right, .pull-left {
    float: none !important;
    text-align: center;
}
.newrow {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.wrap-side{padding:15px 15px !important;}
}
.footer-logo {
    width: 240px;
    height: 60px;
    margin-top: 20px;
    background-image: url(../images/ybrjkj_logo.png);
    background-size: 80%;
    background-repeat: no-repeat;
}
#new_footer_container h3 {
    padding-top: 20px;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}
#new_footer_container .footer-copyright {
    font-size: 12px;
}
#new_footer_container .hr-footer {
    border-color: rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 468px){
.header-title-side {
    top: 75%;
    text-align: center;
}
.header-img-home {
    top: 30%;
}
}
@media screen and (max-width: 992px){
#switch-hide {
    display: none !important;
}
#switch-show {
    display: block !important;
}
}

#switch-show {
    display: none;
}
#switch-hide {
    display: block;
}
.pull-right {
    float: right;
}
.nav-header.pull-right>li {
    margin-right: 0;
    margin-left: 12px;
    float: left;
}
.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
    content: "\f0c9";
}
.nav-main-header-left {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 20px;
    width: 100%;
    list-style: none;
    background-color: #2c343f;
    z-index: 1031;
    opacity: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.28s ease-out;
    transition: all 0.28s ease-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(0) translateY(-100%) translateZ(0);
    -ms-transform: translateX(0) translateY(-100%);
    transform: translateX(0) translateY(-100%) translateZ(0);
}
.nav-main-header-left>li {
    margin: 0 0 10px;
}
.fa-close:before, .fa-remove:before, .fa-times:before {
    content: "\f00d";
}
@media screen and (max-width: 768px){
#page-footer .font-s12 .pull-right, .pull-left {
    float: none !important;
    text-align: center;
}
.left-text-app{width:50% !important;}
.header-title-side ul{text-align:left !important;}
.header-bg-products .header-title-side {
    top: 58%;
}
.header-title-side h1 {
    margin-bottom: 20px;
	line-height: 24px;
}
.header-title-side h1 {
    font-size: 18px!important;
}
.header-title-side h1 span {
    font-size: 14px!important;
    line-height: 24px;
}
.header-img-product-wco {
    display: none;
}
}
@media screen and (max-width: 1000px){
.header-bg-products .header-img-product-wco, .header-bg-products .header-img-product-safe, .header-bg-products .header-img-product-cdn, .header-bg-products .bg-cm-title, .header-bg-home .header-img-product-wco, .header-bg-home .header-img-product-safe, .header-bg-home .header-img-product-cdn, .header-bg-home .bg-cm-title {
    font-size: 20px;
}
.tab-content>.tab-pane{padding-top:5px !important;width:100% !important;}
.newrow .pricing-wco-seven, .newrow .pricing-wco-senior{margin-bottom:30px !important; }
.pricing-cdn .pricing-title{width:100% !important;}
.pricing-title .name{font-size:26px !important;}
.newrow .pricing-cdn{
height:930px !important;}
.bg-image h1 {
    font-size: 22px !important;
}
.bg-image{height: 250px !important;}
.page-center{top: 20% !important;left: 18% !important;transform:none !important;}
.col-sm-6,.col-lg-4{position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;}
}
.btn-link, .btn-link:focus, .btn-link:active {
    border-color: transparent;
}
.btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
    background-color: transparent;
}
.btn-link {
    font-weight: 400;
    color: #5D6A7D;
    border-radius: 0;
	font-size:20px !important;
}
.fa-apple:before {
    content: "\f179";
}
.fa-android:before {
    content: "\f17b";
}
.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: all 0.2s ease-in-out;
}
a, area, button, [role="button"], input, label, select, summary, textarea {
    touch-action: manipulation;
}
button, select {
    text-transform: none;
}
button, input {
    overflow: visible;
}
button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
#new_footer_container{display:none;}
#new_footer_container{
    color: #7F8FA4;
    font-weight: 400;
    background-color: #000;
	text-align:center !important;
}
#new_footer_container ul {
 padding-top: 20px !important;
}
#new_footer_container .list {
    margin: 0;
    padding: 0;
    list-style: none;
}
#new_footer_container li {
    font-size: 13px;
    margin-bottom: 20px;
}
.list-simple-mini>li {
    margin-bottom: 14px;
}
.list>li {
    position: relative;
}
#new_footer_container a {
    color: #7F8FA4;
}
#new_footer_container hr{
	margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
	box-sizing: content-box;
    height: 0;
    overflow: visible;}
.margin {
    padding-top: 50px;
    width: 100%;
    background-color: #f6f9fc;
}
.cm-post {
    color: #7F8FA4;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 30px;
    background-color: #ffffff;
    border-radius: 10px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
    margin-bottom: 30px;
    height: 545px;
}
article {
    border-radius: 2px;
    box-sizing: border-box;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 20px;
}
article, aside, details, figcaption, figure, header, hgroup, menu, nav, section {
    display: block;margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.cm-post img {
    border-radius: 10px 10px 0 0;
	max-width: 100%;
    height: auto;
	margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
#new_article_list article h4 {
    font-weight: 500;
    color: #313D4F;
    line-height: 30px;
    margin-top: 10px;
    transition: 0.3s all ease;
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
    overflow: hidden;
	font-size:20px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.post-author,.post-time {
    height: 24px;
    margin-left: 30px;
    margin-top: 8px;
    margin-bottom: 8px;
}
#new_article_list article span {
    padding: 0 20px;
    text-align: center;
}
.author-name,.pub-time {
    vertical-align: top;
    line-height: 24px;
    padding-top: 2px !important;
    padding-left: 8px !important;
    text-align: left !important;
}
.blog-excerpt {
    font-size: 15px;
    text-align: left;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 400;
    color: #313D4F;
    line-height: 26px;
}
#new_article_list article .actions {
    position: absolute;
    bottom: 16px;
    width: 100%;
    padding: 20px;
    margin-top: 20px;
}
.cm-more {
    line-height: 34px;
    font-size: 14px;
    color: #7F8FA4;
    margin-top: 20px;
    text-align: center;
    font-weight: 400;
}
#new_article_list article .actions a {
    font-size: 14px;
    font-weight: 400;
    margin: 0 auto;
    border-radius: 4px;
    border-style: solid;
    border-color: #E6EAEE;
    border-width: 1px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 4px;
    color: #313D4F;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 92%;
    display: inline-block;
}
#new_article_list .pages{margin:50px auto;}
