@charset "utf-8";
/* CSS Document */

.jjfa_tit{ width:100%; position: relative; font-size:28px; text-align:center; margin-top:40px;}
.jjfa_tit i{ display:block; width:100%; height:1px; background:#d7d7d7; position: absolute; top: 50%; z-index:-10;}
.jjfa_tit font{ background:#fff; padding:0px 15px; color:#434343;}
.ml30{ margin-left: 30px;}

/*产品特点*/
.prostyle .sub-title, .mainbox .sub-title {
    margin-top: -35px;
    margin-bottom: 15px; font-size:16px; font-weight:normal; text-align:center; color:#5e5e5e;}
.prostyle .title, .mainbox .title{line-height:1.3;margin-bottom:50px; font-size: 30px;font-family: inherit;
    font-weight: 500; text-align:center; color:#333; line-height:1.3;margin-bottom:50px}
.prostyle .tips, .mainbox .tips {
    color: #4EB1F4;
    margin: 12px 0 0 0;font-size: 18px;
    font-weight: normal; margin-right: 40px; float:left;}
.line{display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;}
.prostyle .action a{ width:130px; background-color: #4EB1F4;
margin-top:10px;
    border-color: #4EB1F4;padding: 10px 16px;color: #fff;display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;}

/*全部解决方案*/


.products_area{position: relative;}
.products_wrap{position: relative;padding: 24px 0 52px;}
.products_area h4{font-size: 22px;line-height: 30px;color:#000;width: 1200px;margin: 0 auto;}
.produc_list{}
.produc_list li{float: left;_display: inline; width:32%;height: 190px;background:#fff;margin: 6px; padding:30px;}
.produc_list li a{ }
.produc_list li:hover{box-shadow: 2px 5px 10px #B6B6B6;}

.pro_jjfa li{ padding:0px!important;}
.pro_jjfa li a{display:block; width:100%; padding:30px; height:190px;}

.produc_list li div img{ width:100px;}

.product_feed{ margin-top:15px; width:60%; margin-left: 25px;}
.product_feed .img_box{position: absolute;width: 90px;height: 90px;top: 48px;left: 46px;}
.product_feed .img_box img{display: block;width: 100%;height: 100%;}
.product_feed h5,.product_feed h5 a{font-size: 16px;line-height: 20px;color:#000; font-weight:normal;}
.product_feed .txt_brief{font-size: 13px;line-height: 17px;color:#808080; max-height: 38px;
    /*overflow: hidden;*/
margin:15px 0px;}
.jjfa .txt_brief{ margin: 15px 0px;
    height: 17px;
    /*overflow: hidden;*/
}
.pro_ck{display: none;
    height: 25px;
    border: 1px solid #019EDD;
    line-height: 25px;
    position: relative;
    color: #019EDD; width: 100px;
    text-align: center; font-size:12px;}
.pro_ck:hover{ background:#019EDD; color:#fff;}
.product_feed .download_box{margin-top: 15px;}
.product_feed .btn_box{float: left;margin-right: 14px;width: 84px;}
.product_feed .btn_box a{display: block;height: 28px;border: 1px solid #ccc;line-height:28px;position: relative;color:#a3a3a3; text-align:center;}
.product_feed .btn_box a:hover{text-decoration: none;border-color: #0097ff; color:#0097ff}
.product_feed .btn_box a i{background-image: url("../images/ic_spr.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/ic_spr.png*/;background-repeat: no-repeat; display:block; float:left; margin-top:3px;}
.ic_win {
    background-position: -174px 2px;;
    width: 30px;
    height: 18px;
	margin-left:5px;
}
li a:hover .ic_win,li.hover .ic_win,a:hover .ic_win,a.cur .ic_win{background-position: -174px -36px;;}
.ic_ios{background-position: -36px 0;width: 17px;height: 20px;margin-top: -10px;}
li a:hover .ic_ios,li.hover .ic_ios,a:hover .ic_ios,a.cur .ic_ios{background-position: -36px -34px;}
.ic_mac{background-position: -144px 0;width: 25px;height: 11px; margin: 5px 2px;}
li a:hover .ic_mac,li.hover .ic_mac,a:hover .ic_mac,a.cur .ic_mac{background-position: -144px -42px;}
.ic_android{background-position: -74px 0;width: 22px;height: 14px;margin-top: -7px;}
li a:hover .ic_android,li.hover .ic_android,a:hover .ic_android,a.cur .ic_android{background-position: -74px -40px;}
.ic_pad{background-position: -110px 0;width: 25px;height: 18px;margin-top: -9px;}
li a:hover .ic_pad,li.hover .ic_pad,a:hover .ic_pad,a.cur .ic_pad{background-position: -110px -36px;}
.product_feed .txt_time {
    font-size: 11px;
    white-space: nowrap;
    color: #adadad;
    line-height: 19px;
    text-align: center;
}
.wap_sw {
    background: #f6f6f6;
	 padding:50px 0px;
}

.pc_sw,.ai_hw{background: #e5e7e8; padding:50px 0px;}
.jjfa_01cont li{ width:25%; float:left; margin-top:30px;}
.jjfa_01cont li a{ display:block; width:90%; height:100%; border:1px solid #d7d7d7;margin: 0 auto;
    border-radius: 10px; text-align:center; padding-bottom:25px;}
.jjfa_01cont li a:hover{border:1px solid #2a9fe4;}
.jjfa_01cont li a img{ margin:25px; width:115px; height:102px;}
.jjfa_01cont li a span{ display:block; width:100%; font-size:20px; margin-bottom:15px;}
.jjfa_01cont li a  font{ color:#00B7D7;}
.jjfa_01cont li a p{ font-size:14px;}

.faxiao{ font-size:20px; font-weight:normal; color:#434343; padding-left:20px;}
.pro_tit{font-size: 22px;
    line-height: 30px;
    color: #000;
    width: 1200px;
    margin: 0 auto;
	font-weight: normal;
    padding-left: 6px;
    margin-bottom: 20px;}

/*全部产品*/
.jjfa_02cont .menu{
	height: 42px;
	font-size: 14px;
	margin:0 auto;
	background:#fff;
}
.jjfa_02cont .menu li{
	float: left;
	width:120px;
	text-align: center;
	line-height: 40px;
	height:40px;
	font-size:14px;
	cursor: auto;
	color: #666;
	overflow: hidden;
	background:#fff; 
	border:1px solid #bcbcbc; cursor:pointer;}
.jjfa_02cont .menu li.off{ border-top:3px solid #2a9fe4;}
.jjfa_02cont .menu li:hover{ border:1px solid #2a9fe4; }
.jjfa_02cont  #tab1 .menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.jjfa_02cont #content #tab1 .menudiv #con_one_1 #1 table tr td #u112_input {
	height: 50px;
}





.jjfa_02cont li{ width:25%; float:left; margin-top:30px;}
.jjfa_02cont li a{ display:block; width:90%; padding: 40px 0px; border:1px solid #d7d7d7;min-height:170px; text-align:center; padding-bottom:25px;}
.jjfa_02cont li a:hover{border:1px solid #2a9fe4;}
.jjfa_02cont li a img{ margin:15px;
    width: 67px;
    height: 67px;
    float: left;}
.jjfa_02cont li a span{ display:block; width:100%; font-size:18px; margin-bottom:15px; height: 30px;
    overflow: hidden;}
.jjfa_02cont li a  font{ font-size:14px; height:50px; line-height:25px; overflow:hidden; display:block;}
.jjfa_02cont li a p{  float:left; text-align:left; width:165px;}


/*产品特点*/
.prostyle ul li{ width:25%; float:left; color:#434343;}
.prostyle ul li i{ display:block; width:130px; height:130px;  background:#fff; text-align:center; margin:0 auto;}
.prostyle ul li i img{ width:80px; margin-top:20px;}
.prostyle ul li span{ font-size: 20px;
    width: 100%;
    text-align: center;
    display: block;
    margin: 15px 0px; color:#7a7a7a;}
.prostyle ul li font{ font-size: 13px;
    display: block;
    width: 85%;
    margin: 0 auto;
    line-height: 25px; color:#7a7a7a;}

.proadv{ position:relative; height:340px;}
.prostyle{}


/*标题导航部分*/
.probt{ background:#f9f9f9; padding-top:30px; padding-bottom:40px;}

.probt .menu{
	height: 50px;
	font-size: 14px;
	margin:0 auto;
	margin-top:40px;
}
.probt .menu li{
	float: left;
	text-align: center;
	line-height: 47px;
	height: 47px;
	font-size:15px;
	cursor: auto;
	color: #666;
	overflow: hidden;
	background:#fff;
	 border:1px solid #bcbcbc;}
.probt .menu li a{ display:block; width:100%; height:47px; 	padding:0px 30px;}
.probt .menu li:first-child{ border-radius:8px 0px 0px 8px;}
.probt .menu li:last-child{ border-radius:0px 8px 8px 0px;}
.probt .menu li.off{ border-bottom:5px solid #2a9fe4;}
.probt .menu li:hover{ border:1px solid #2a9fe4; border-bottom:5px solid #2a9fe4;}
.probt  .menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.procon_mt{ width:650px;}
.procon_mt h3{ font-size:33px; font-weight:normal; color:#333;  padding:30px 0px; margin-top:60px;}
.procon_mt span{ color: #5e5e5e;
    width: 90%;
    display: block;
    font-size: 15px; margin:10px 0px;}
	.procon_mt .stylelist{ margin-top:30px; margin-bottom:30px;}
.procon_mt .stylelist a{ display:block; width:25%; float:left; background:#fff; height:50px; border:1px solid #D8D8D8; color:#5e5e5e; font-size:16px; line-height:50px;}
.procon_mt .stylelist a:hover{ background:#2a9fe4; color:#fff;}

.ckys{ background:#00add9; color:#fff; display:block; width:120px; height:40px; font-size:16px; line-height:40px; border-radius: 5px; text-align:center; float:left;}
.ljgd{ background:#009999; color:#fff; display:block; width:120px; height:40px; font-size:16px; line-height:40px; border-radius: 5px; text-align:center; float:left;margin: 0 20px;}
.ckys:hover, .ljgd:hover{ color:#fff; text-decoration:underline;}
.ancz{width:500px; margin-top:50px;}

.prolist_con { }

.stylelist .mlj{ display:none!important;}



/*系统概述*/

.indextitle{margin-top:30px; padding-bottom:30px; text-align:center;}
.indextitle .title{font-size:30px;height:50px; line-height:50px; overflow:hidden;}
.indextitle .info{height:36px; line-height:36px; overflow:hidden;font-size:16px;margin-top:5px;}
.titstyle1 .info{color:#91969b;}
.titstyle2 .title{color:#fff;}
.titstyle2 .info{color:#fff;}
.single{margin-top:40px;}
.single_l{ width:571px; float:left; background:#059de6; height:330px; padding:20px; }
.single_l h2{ color:#fff; margin-bottom:20px; margin-top:20px; }
.single_l p{ color:#fff; line-height:32px; font-size:15px;}
.single_c{ width:284px; float:left; margin-left:15px; height:290px;}
.single_c .top1{ height:157px; margin-bottom:15px;}
.single_r{ width:314px; float:right; background:#ed2b2f; height:330px; padding:75px 20px 10px 20px; font-size:15px; color:#fff;line-height:30px;}

/*系统功能列表*/
.systeminfo{ overflow:hidden; padding-bottom:15px; }
.systeminfo .title{height:44px; line-height:44px; font-size:30px;margin-top:40px;}
.systeminfo ul{width:100%;/*filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0;*/}
.systeminfo ul li{width:16.5%;float:left; background:#fff;margin-top:30px; cursor:pointer;}
.systeminfo ul li .icon{ padding-top:17px; border-radius:50%; display:block;margin:0 auto;/* -webkit-transition:0.3s; transition:0.3s;*/}
.systeminfo ul li .icon img{ display:block;margin:0 auto;height:100px; width:100px;}
.systeminfo ul li:hover .icon{/*transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);*/}
.systeminfo ul li .text{ font-size:18px; text-align:center;color:#7a7a7a;height:41px; line-height:41px; overflow:hidden;margin-top:15px;}
/*.systeminfo .systemul{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;margin-top:0px; animation:systemul 0.6s both;-moz-animation:systemul 0.6s both; 
-webkit-animation:systemul 0.6s both; 
-o-animation:systemul 0.6s both;
}
@keyframes systemul
{
0%   {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0; margin-top:30px;}
100% {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;margin-top:0px;}
}
@-moz-keyframes systemul
{
0%   {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0; margin-top:30px;}
100% {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;margin-top:0px;}
}
@-webkit-keyframes systemul 
{
0%   {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0; margin-top:30px;}
100% {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;margin-top:0px;}
}

@-o-keyframes systemul 
{
0%   {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0; margin-top:30px;}
100% {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;margin-top:0px;}
}*/

.intromain{overflow:hidden; height:600px;}

.intromain .text{ display:none; width:40%;}
.intromain .con{ margin-top:60px; margin-bottom:60px;}
.prolist_con .img{ display:none; width:60%; text-align:center;}
.intro-animation .img img{ width:100%; max-width:630px;}
.intromain .text .tit{ font-size:30px;height:50px; line-height:50px; overflow:hidden;}
.intromain .text .nitext{font-size:24px;height:44px; line-height:44px; overflow:hidden;margin-top:10px;}
.intromain .text .info{ font-size:16px; line-height:26px;color:#90969a;margin-top:15px;}
.intromain .text .info p{padding-top:10px;}
.phonestyle{ background:url("../images/bg1.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/bg1.png*/ no-repeat 50% 0; background-size:100% 100%;}
.phonestyle2{ background:url("../images/bg2.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/bg2.png*/ no-repeat 50% 0; background-size:100% 100%;}
.phonestyle3{ background:url("../images/bg2.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/bg2.png*/ no-repeat 50% 0; background-size:100% 100%;}
.phonestyle .text{color:#fff;}

.phonestyle .text h3, .phonestyle .text span{ color:#fff;}
.phonestyle .text .red{color:#fff;}
.phonestyle .text .info{color:#fff;}
.intro-animation .text{display:block;
animation:myintrotext 0.6s both;
-moz-animation:myintrotext 0.6s both;  /* Firefox */
-webkit-animation:myintrotext 0.6s both; /* Safari and Chrome */
-o-animation:myintrotext 0.6s both; /* Opera */}
@keyframes myintrotext
{
0%   {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0; margin-top:-50px;}
100% {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;margin-top:0px;}
}
@-moz-keyframes myintrotext /* Firefox */
{
0%   {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0; margin-top:-50px;}
100% {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;margin-top:0px;}
}
@-webkit-keyframes myintrotext /* Safari and Chrome */
{
0%   {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0; margin-top:-50px;}
100% {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;margin-top:0px;}
}

@-o-keyframes myintrotext /* Opera */
{
0%   {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0; margin-top:-50px;}
100% {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;margin-top:0px;}
}

.intro-animation .img{ display:block;animation:myintroimg 0.6s linear 0.3s both;-moz-animation:myintroimg 0.6s linear 0.3s both; /* Firefox */
-webkit-animation:myintroimg 0.6s linear 0.3s both; /* Safari and Chrome */
-o-animation:myintroimg 0.6s linear 0.3s both; /* Opera */
}
@keyframes myintroimg
{
0%   {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0;top:-50px;}
100% {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;top:0px;}
}
@-moz-keyframes myintroimg /* Firefox */
{
0%   {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0;top:-50px;}
100% {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;top:0px;}
}
@-webkit-keyframes myintroimg /* Safari and Chrome */
{
0%   {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0;top:-50px;}
100% {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;top:0px;}
}

@-o-keyframes myintroimg /* Opera */
{
0%   {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0;top:-50px;}
100% {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;top:0px;}
}


.product_foot{ background-color: #4D9DE0; height:102px;margin-top: 50px;}
.product_foot li{ width:33.3%; float:left; text-align:center; }
.product_foot li i{ display:block; width:1px; height:60px; background:#97CFFF; float:right; margin-top:20px;}
.product_foot a{color: #FFF;font-size: 16px;text-decoration: none; display: block;height: 50px;line-height: 50px;margin-top: 25px;float: left;
    width: 99%;}

.product_foot a img{width: 60px; margin-right: 10px;}
.product_foot a span{    vertical-align: middle;
    margin-right: 20px;}
	
	/* 相关产品 */
.product_relevance {
		width: 100%;
		color: #fff;
		position: absolute;
		
	}
.product_relevance li{
	width:10%;
	height: 55px;
	line-height: 55px;
	float: left;
	text-align: center;

}
.product_relevance a{
	color: #fff;
}
.prasinous{
	background: #bfd493;
}
.lilac{
	background: #d3bffc;
}
.emerald{
	background: #6ccac9;
}

/*oa工单*/
.oa_banner{ background:url("../images/oa/oabg_01.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/oa/oabg_01.png*/ no-repeat center; background-size:100% 100%;}
.oa_banner .Adv_ckbtn{ background:#39a1fc; color:#fff; border:none; width:130px;}
.oa_banner .Adv_ckbtn:hover{ border:1px solid #fff!important; background:none!important; color:#fff!important;}
.oa_banner .proadv{ background:url("../images/oa/oa_tit_right.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/oa/oa_tit_right.png*/ no-repeat right center;}

.oacon_01{ background:#fbfbfb; padding:60px 0px;}
.oacon_01 .title, .oacon_02 .title, .oacon_03 .title{ font-size:28px;}
.oacon_03 .title{ color:#fff;}
.oacon_02 .title{ margin-bottom:30px;}
.oacon_01 .title i, .oacon_02 .title i, .oacon_03 .title i{ display:block; width:99px; height:2px; background:url("../images/oa/oa_tit_bg.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/oa/oa_tit_bg.png*/ repeat; margin:0 auto; margin-top:15px;}
.oacon_01 ul li i{ width:232px; height:174px; border:1px solid #e7e7e7;}
.oacon_01 ul li i img{ width:201px; height:156px; margin-top:9px!important;}
.oacon_01 ul li span{ color:#333;}

.oacon_02 .sub-title{ margin-top:0px; margin-bottom:10px;}
.oacon_02.systeminfo ul li{ width:20%;}
.oacon_02.systeminfo ul li .text{ height:90px; color:#333;}
.oacon_02.systeminfo ul li .text span{ font-size:14px; color:#999; display:block; width:60%; margin:0 auto; line-height:22px;}

.oacon_03{ width:100%; height:400px; background:url("../images/oa/oabg_02.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/oa/oabg_02.png*/ no-repeat center; background-size:100% 100%;}
.oacon_03.systeminfo ul li{ width:33%; float:left; background:none;}
.oacon_03.systeminfo ul li .text{ color:#fff; height:80px;}
.oacon_03.systeminfo ul li .text span{ font-size:14px; display:block; width:100%; height:25px; line-height:25px;}


/*发行系统*/

.fx_xtzc{ background:#f7f8fa;}
.fx_banner{ background:url("https://vlcms.oss-cn-shanghai.aliyuncs.com/icon/5ad86059efae8.jpg")no-repeat center; height:520px;}
.fx_bannner_con{ text-align:center; paddding-top:100px; width:800px; margin:0 auto;position: relative;}
.fx_bannner_con img{ max-width:800px; margin-top:140px;}
.fx_bannner_btn{position:absolute;top:538px;left:42%;color:#fff;cursor:pointer}
.fx_bannner_btn:hover .fx_banner_group_demo{display:block}
.fx_banner_btn_demo{position:absolute;display:block;margin:0 auto;width:140px;height:50px;background:rgba(23,51,98,.7);text-align:center;font-size:18px;line-height:50px}
.fx_banner_btn_buy_demo{position:absolute;top:538px;left:51%;display:block;width:140px;height:50px;background:rgba(23,51,98,.7);text-align:center;font-size:18px;line-height:50px}
.fx_banner_group_demo{display:none;margin:50px 0 0 -140px;width:420px;height:37px;background:rgba(23,51,98,.6);text-align:center;line-height:37px}
.fx_banner_group_demo li{float:left;width:50%}
.fx_banner_group_demo li:not(:last-child)::after{float:right;color:#fff;content:"|"}
.fx_banner_btn_buy_demo a,.fx_banner_group_demo a{color:#cfd2d4}
.fx_banner_group_demo a:hover{color:#fff}
.fx_ys{ background:url("../images/fx/fx_ys_bg.png") no-repeat center; height:628px; width:100%;}
.fxtit{ padding:40px 0px; text-align:center;}
.fxtit h3{ font-size:30px; color:#fff; display:block; width:100%; height:40px; line-height:40px; font-weight:normal;}
.fxtit font{ font-size:14px; color:#fff;}
.fxtit i{ display:block; width:30px; height:15px; background:url("../images/fx/fx_ys_icon.png") no-repeat; background-position: -490px -25px; margin:0 auto;}

.fx_ys_con{ background:url("../images/fx/fx_yx_icon_line.png") no-repeat center center; background-size:95% auto ; height:500px; position:relative; margin-top: -30px;}
.fx_ys_con .fx_yslist{ width:14.2%; display:block; height:500px; float:left;}
.fx_ys_con .fx_yslist span{ display:block; background:url("../images/fx/fx_yx_icon_bg.png") no-repeat center; background-size:100%; width:100px; height:100px; padding-top:20px; -webkit-transition:0.5s;
　　　　-moz-transition:0.5s;}
.fx_ys_con .fx_yslist:hover span{transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg);-webkit-transform:rotate(360deg) scale(1.2); 
　　　　-moz-transform:rotate(360deg) scale(1.2);
　　　　-ms-transform:rotate(360deg) scale(1.2);
　　　　-o-transform:rotate(360deg) scale(1.2);}
.fx_ys_con .fx_yslist font{ display:block; font-size:20px;  width:100%; height:30px; line-height:30px; color:#fff; padding-left: 10px; margin-top:60px;}
.fx_li_01{ padding-top:130px;}
.fx_li_02{ padding-top:190px;}
.fx_li_03{ padding-top:160px;}
.fx_li_04{ padding-top:60px;}
.fx_li_05{ padding-top:100px;}
.fx_li_06{ padding-top:185px;}
.fx_li_07{ padding-top:155px;}


.fx_li_02 span{ margin-left:15px;}
.fx_li_03 span{ margin-left:30px;}
.fx_li_04 span{ margin-left:40px;}
.fx_li_05 span{ margin-left:60px;}
.fx_li_06 span{ margin-left:70px;}
.fx_li_07 span{ margin-left:80px;}

.fx_li_02 font{ margin-left:15px;}
.fx_li_03 font{ margin-left:30px;}
.fx_li_04 font{ margin-left:40px;}
.fx_li_05 font{ margin-left:60px;}
.fx_li_06 font{ margin-left:70px;}
.fx_li_07 font{ margin-left:80px;}


.fx_li_01 p{ margin-right: 60px;margin-left: -25px;}
.fx_li_06 p{ margin-left:30px;}
.fx_li_07 p{ margin-left:50px;}

.fx_ys_con .fx_yslist span i{ display:block; width:50px; height:50px; background:url("../images/fx/fx_ys_icon.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/fx/fx_ys_icon.png*/ no-repeat; margin:0px auto; }

.fx_li_01 i{ background-position:0px 0px; }
.fx_li_02 i{ background-position:-68px 0px!important; }
.fx_li_03 i{ background-position:-138px 0px!important; }
.fx_li_04 i{ background-position:-219px 0px!important; }
.fx_li_05 i{ background-position:-295px 0px!important; }
.fx_li_06 i{     background-position: -368px -2px!important; }
.fx_li_07 i{ background-position:-440px 0px!important; }


.fx_ys_con .fx_yslist:hover p{ display:block;}
.fx_ys_con p{ display:block; background:url("../images/fx/fx_yx_icon_line_hbg.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/fx/fx_yx_icon_line_hbg.png*/ repeat; border:1px solid #8394b4; font-size:14px; color:#fff; padding:10px; margin-top:20px; text-align:center; position:relative; float:left; display:none;}
.fx_ys_con p em{ display:block; background:url("../images/fx/fx_yx_icon_line_hbg_top.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/fx/fx_yx_icon_line_hbg_top.png*/ no-repeat; width:16px; height:9px; top: -10px; left: 45%; position: absolute;}
.fx_all_con{ width:1300px; margin:0 auto;}

.fx_xtzc_con .menu{ width:150px; float:left; border-radius:5px; display:inline-block;}
.fx_xtzc_con .menu li{ width:100%; height:140px; background:#495669; color:#fff; text-align:center; font-size:16px; padding:30px 0px;cursor: pointer; position:relative;}
.fx_xtzc_con .menu li i{ display:block; width:45px; height:45px; margin:0px auto; background:url("../images/fx/fx_ys_icon.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/fx/fx_ys_icon.png*/ no-repeat;}
.fx_xtzc_con .menu li#one2{border-top:1px solid #424e5e; border-bottom:1px solid #424e5e;}
.fx_xtzc_con .menu li .fx_xtzc_01{background-position: 0px -70px;}
.fx_xtzc_con .menu li .fx_xtzc_02{background-position: -65px -70px;}
.fx_xtzc_con .menu li .fx_xtzc_03{background-position: -139px -70px;}
.fx_xtzc_con .menu li em{ display:block; width:15px; height:21px; background:url("../images/fx/fx_xt_lefticon.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/fx/fx_xt_lefticon.png*/ no-repeat; position:absolute; right:-15px; top:50%; margin-top:-8px; display:none;}

.fx_xtzc_con .menu li:hover, .fx_xtzc_con .menu li.off{ background:#39a1fc;}
.fx_xtzc_con .menu li:hover em, .fx_xtzc_con .menu li.off em{ display:block;}

.fx_xtzc_con .menu li:first-child{ border-radius:5px 5px 0px 0px;}
.fx_xtzc_con .menu li:last-child{ border-radius: 0px 0px 5px 5px;}

.fx_xtzc_con .tabcon{ width:1050px; float:right;  position:relative; height:420px; margin-bottom:30px;}
.fx_xtzc_con .tabcon div h3{ color:#333; font-size:30px; font-weight:normal; line-height:70px; margin-top:50px}
.fx_xtzc_con .tabcon div h3 em{ display:block; width:80px; height:2px; background:#39a1fc; margin-top:10px 0px;}
.fx_xtzc_con .tabcon div h3 font{ color:#999; font-size:24px; padding-left: 15px;}
.fx_xtzc_con .tabcon div span{ font-size:16px; color:#666; width:50%; float:left; margin-top:20px; margin-bottom:50px;}
.fx_xtzc_con .tabcon img{ position:absolute; right:0px; bottom:0px;}

/*页游系统*/
.yy_banner{ background:url("../images/yy/yy_b.jpg")/*tpa=https://www.vlcms.com/tpl/new/Public/images/yy/yy_b.jpg*/ no-repeat center; background-size:100% 100%;height:520px;padding-top:90px;}
.yy_banner .Adv_yybtn{  color:#fff;  width:130px;float: left;margin-right: 20px;}
.yy_banner .Adv_yybtn:hover{ border:1px solid #ffff00!important;background:none!important; color:#ffff00!important;}
.yy_banner .pryydv{ background:url("../images/yy/pic_1.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/yy/pic_1.png*/ no-repeat right center;}
.pryydv {position: relative;height: 380px;}
.Adv_yybtn {color: #fff;border-radius: 3px;font-size: 14px!important;}
.yy_all_con{ width:1300px; margin:0 auto;}
.yy_con .menu{ width:150px; float:left; border-radius:5px; display:inline-block;}
.yy_con .menu li{ width:100%; height:140px; background:#495669; color:#fff; text-align:center; font-size:16px; padding:30px 0px;cursor: pointer; position:relative;}
.yy_con .menu li i{ display:block; width:45px; height:45px; margin:0px auto;}
.yy_con .menu li#one2{border-top:1px solid #424e5e; border-bottom:1px solid #424e5e;}
.yy_con .menu li .fx_xtzc_01{ background:url("../images/yy/ht.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/yy/ht.png*/ no-repeat;}
.yy_con .menu li .fx_xtzc_02{ background:url("../images/yy/pc.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/yy/pc.png*/ no-repeat;}
.yy_con .menu li .fx_xtzc_03{ background:url("../images/yy/tg.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/yy/tg.png*/ no-repeat;}
.yy_con .menu li em{ display:block; width:15px; height:21px; background:url("../images/fx/fx_xt_lefticon.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/fx/fx_xt_lefticon.png*/ no-repeat; position:absolute; right:-15px; top:50%; margin-top:-8px; display:none;}

.yy_con .menu li:hover, .yy_con .menu li.off{ background:#39a1fc;}
.yy_con .menu li:hover em, .yy_con .menu li.off em{ display:block;}

.yy_con .menu li:first-child{ border-radius:5px 5px 0px 0px;}
.yy_con .menu li:last-child{ border-radius: 0px 0px 5px 5px;}

.yy_con .tabcon{ width:1050px; float:right;  position:relative; height:410px; margin-bottom:50px;}
.yy_con .tabcon div h3{ color:#333; font-size:30px; font-weight:normal; line-height:70px; margin-top:50px}
.yy_con .tabcon div h3 em{ display:block; width:80px; height:2px; background:#39a1fc; margin-top:10px 0px;}
.yy_con .tabcon div h3 font{ color:#999; font-size:24px; padding-left: 15px;}
.yy_con .tabcon div span{ font-size:16px; color:#666; width:50%; float:left; margin-top:20px; margin-bottom:50px;}
.yy_con .tabcon img{ position:absolute; right:0px; bottom:0px;}

.yy_ys{ background:url("../images/yy/gongneng_2.jpg")/*tpa=https://www.vlcms.com/tpl/new/Public/images/yy/gongneng_2.jpg*/ no-repeat center; height:412px; width:100%;}
.yytit{ padding:40px 0px; text-align:center;}
.yytit h3{ font-size:30px; color:#fff; display:block; width:100%; height:40px; line-height:40px; font-weight:normal;}
.yytit font{ font-size:14px; color:#fff;}
.yytit i{ display:block; width:30px; height:15px; background:url("../images/fx/fx_ys_icon.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/fx/fx_ys_icon.png*/ no-repeat; background-position: -490px -25px; margin:0 auto;}

.yy_ys1{ height:470px; width:100%;padding-top:20px;}
.yytit1{ padding:20px 0px; text-align:center;}
.yytit1 h3{ font-size:30px; color:#333;; display:block; width:100%; height:40px; line-height:40px; font-weight:normal;}
.yytit1 font{ font-size:14px; color:#999;}
.yytit1 i{ display:block; width:30px; height:15px; background:url("../images/fx/fx_ys_icon.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/fx/fx_ys_icon.png*/ no-repeat; background-position: -490px -25px; margin:0 auto;}


.yy_te_con{ width:1500px; margin:0 auto;}
.gongneng{ width:1500px; margin:0 auto;}
ul.tedian1 {height:120px;width:100%;padding-left:80px; }
ul.tedian1 li {width:240px;float:left;margin-right:20px;padding-left:50px;}
ul.tedian1 li font {font-size:20px; color:#fff;float:right;padding-top:10px;}
ul.tedian1 li img{background:#39a1fc;border-radius: 5px;}
ul.tedian2 li img{background:#39a1fc;border-radius: 5px;}
ul.tedian2 {height:120px;width:100%;padding-left:80px;}
ul.tedian2 li {width:240px;float:left;margin-right:20px;padding-left:50px;}
ul.tedian2 li font  {font-size:20px; color:#fff;float:right;padding-top:10px;}

.xitong {background:url("../images/yy/bg_1.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/yy/bg_1.png*/ repeat-x center;width:100%;height:200px;padding-top:0px;}
.xitong ul {width:1300px; margin:0 auto;}
.xitong li {width:240px;float:left;padding-left:50px;}
.xitong li.te01 i{background:url("../images/yy/01.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/yy/01.png*/ no-repeat 69px 0;height:73px; display:none;}
.gaodu {height:73px;}
.xitong li.te01 span{background:url("../images/yy/ui01.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/yy/ui01.png*/ no-repeat 75px 0;display:block;height: 55px;
    margin-top: 5px;margin-left:10px;}
.xitong li.te01 span:hover{background:url("../images/yy/ui02.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/yy/ui02.png*/ no-repeat 75px 0;}
.xitong li.te01 span a{padding-top:50px;display: block;padding-left: 62px;font-size: 18px;color: #333;}
.xitong li.te01 font {margin-top:50px;text-align: center;position: relative;float: left;color: #999;width: 180px;
    padding-left: 45px;display:none;}

.xitong li.te02 i{background:url("../images/yy/02.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/yy/02.png*/ no-repeat 69px 0;height:73px; display:none;}
.xitong li.te02 span{background:url("../images/yy/ht01.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/yy/ht01.png*/ no-repeat 75px 0;display:block;height: 55px;
    margin-top: 5px;margin-left:10px;}
.xitong li.te02 span:hover{background:url("../images/yy/ht02.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/yy/ht02.png*/ no-repeat 75px 0;}
.xitong li.te02 span a{padding-top:50px;display: block;padding-left: 50px;font-size: 18px;color: #333;}
.xitong li.te02 font {margin-top:50px;text-align: center;position: relative;float: left;color: #999;width: 180px;
    padding-left: 45px;display:none;}

.xitong li.te03 i{background:url("../images/yy/03.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/yy/03.png*/ no-repeat 69px 0;height:73px; display:none;}
.xitong li.te03 span{background:url("../images/yy/wd01.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/yy/wd01.png*/ no-repeat 75px 0;display:block;height: 55px;
    margin-top: 5px;margin-left:10px;}
.xitong li.te03 span:hover{background:url("../images/yy/wd02.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/yy/wd02.png*/ no-repeat 75px 0;}
.xitong li.te03 span a{padding-top:50px;display: block;padding-left: 50px;font-size: 18px;color: #333;}
.xitong li.te03 font {margin-top:50px;text-align: center;position: relative;float: left;color: #999;width: 180px;
    padding-left: 45px;display:none;}

.xitong li.te04 i{background:url("../images/yy/04.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/yy/04.png*/ no-repeat 69px 0;height:73px; display:none;}
.xitong li.te04 span{background:url("../images/yy/tg01.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/yy/tg01.png*/ no-repeat 75px 0;display:block;height: 55px;
    margin-top: 5px;margin-left:10px;}
.xitong li.te04 span:hover{background:url("../images/yy/tg02.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/yy/tg02.png*/ no-repeat 75px 0;}
.xitong li.te04 span a{padding-top:50px;display: block;padding-left: 50px;font-size: 18px;color: #333;}
.xitong li.te04 font {margin-top:50px;text-align: center;position: relative;float: left;color: #999;width: 180px;
    padding-left: 45px;display:none;}

.xitong li.te05 i{background:url("../images/yy/05.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/yy/05.png*/ no-repeat 69px 0;height:73px; display:none;}
.xitong li.te05 span{background:url("../images/yy/qd01.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/yy/qd01.png*/ no-repeat 75px 0;display:block;height: 55px;
    margin-top: 5px;margin-left:10px;}
.xitong li.te05 span:hover{background:url("../images/yy/qd02.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/yy/qd02.png*/ no-repeat 75px 0;}
.xitong li.te05 span a{padding-top:50px;display: block;padding-left: 50px;font-size: 18px;color: #333;}
.xitong li.te05 font {margin-top:50px;text-align: center;position: relative;float: left;color: #999;width: 180px;
    padding-left: 45px;display:none;}

.xitong li:hover i { display: block;}.xitong li:hover font {display: block;}


/*手游加速器*/
.js_bn{ margin:0 auto;background:url("../images/jiasu/js_bg1.jpg")/*tpa=https://www.vlcms.com/tpl/new/Public/images/jiasu/js_bg1.jpg*/ no-repeat;background-size:100%;height:780px;}.w1200{width:1200px;margin:0 auto;}
.js_bn h1{background:url("../images/jiasu/h1.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/jiasu/h1.png*/ no-repeat  0 160px;;width:620px;text-indent:99999px;padding-top: 260px;overflow: hidden;white-space: nowrap;color:#fff;}
.js_bn em {float:right;padding-top:180px;}
.js_bn ul {text-align:center;}
.js_bn ul li {height:180px;width:180px;background:url("../images/jiasu/span1.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/jiasu/span1.png*/ no-repeat;float:left;margin:0 10px;padding-top: 65px;}
.js_bn ul li span{color:#fff;font: 16px/1.6 "Microsoft YaHei", '微软雅黑', Tahoma, Verdana, Arial, '宋体', sans-serif;
}
.js_bn ul li:hover  span {font-weight: bold;font-size: 20px;} .js_bn ul li:hover{padding-top: 55px;}
.js_bn a {float:left;width: 200px;height: 60px;background:url("../images/jiasu/anniu.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/jiasu/anniu.png*/ no-repeat;text-align:center;line-height:60px;margin-top: 30px;
    margin-left: 200px;font-size: 20px;}
.js_bn a:hover{color:#fff;}
.clear{clear:both;}
.js_ys{ margin:0 auto;background:url("../images/jiasu/js_bg2.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/jiasu/js_bg2.png*/ no-repeat;background-size:100%;height:940px;}
.js_ys h2{text-align:center;padding-top:180px;color:#fff;font-size: 52px;letter-spacing: 10px;font-weight:normal;}
.js_ys font{text-align:center;color:#fff;font-size: 18px;display: block;letter-spacing: 2px;padding-bottom: 80px;}
.js_ys em{border-top:1px solid #fff;width:878px;margin:0 auto;display: block;}
.js_ys li{width:280px;float:left;margin:0 60px;color:#fff; text-align:center;padding-top:30px;}
.js_ys li:hover{padding-top:0px;text-shadow:5px 2px 6px #ccc;}
.js_ys #s1 {background:url("../images/jiasu/quan1.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/jiasu/quan1.png*/ no-repeat ;display: block;
height: 50px;
margin-top: -22px;
margin-left:20px;
}
.js_ys #s2 {background:url("../images/jiasu/quan2.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/jiasu/quan2.png*/ no-repeat ;display: block;
height: 50px;
margin-top: -52px;
margin-left:415px;
}
.js_ys #s3 {background:url("../images/jiasu/quan3.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/jiasu/quan3.png*/ no-repeat ;display: block;
height: 50px;
margin-top: -48px;
margin-left:820px;
}
.js_ys span {font-size: 36px;}
.js_ys p {font-size: 18px;}
.js_pro{ margin:0 auto;background:url("../images/jiasu/js_bg3.jpg")/*tpa=https://www.vlcms.com/tpl/new/Public/images/jiasu/js_bg3.jpg*/ no-repeat;background-size:100%;height:940px;}
.js_pro em {float: right;margin-top: 200px;}
.js_pro h2 {text-align:center;padding-top:40px;font-size: 52px;letter-spacing: 10px;font-weight:normal;}
.js_pro font{text-align:center;font-size: 18px;display: block;letter-spacing: 2px;}
.js_pro ul {width:400px;padding-top: 200px;}
.js_pro ul h3 {border-left:10px solid #397fee;font-size: 70px;letter-spacing: 10px;font-weight:normal;
line-height: 60px;padding-left:50px;
}
.js_pro ul p {text-align:center;font-size: 22px;
padding: 50px 0;
width: 520px;
}
.js_pro ul a#yanshi{border-radius: 5px; background-color:#0097ff;padding: 10px 35px;text-align:center;margin:20px;color:#fff;}
.js_pro ul a#more{border-radius: 5px; background-color:#009898;padding: 10px 35px;text-align:center;margin:30px;color:#fff;}
.js_pc{ margin:0 auto;background:url("../images/jiasu/js_bg4.jpg")/*tpa=https://www.vlcms.com/tpl/new/Public/images/jiasu/js_bg4.jpg*/ no-repeat;background-size:100%;height:940px;}
.js_pc em {float: right;padding-top: 250px;}
.js_pc ul {padding-top: 280px;}
.js_pc ul h3 {border-left:10px solid #397fee;font-size: 60px;letter-spacing: 2px;font-weight:normal;
line-height: 60px;padding-left:50px;
}
.js_pc ul p {text-align:center;font-size: 22px;
padding: 50px 0;
width: 450px;margin-left: 40px;
}
.js_pc ul a#yanshi{border-radius: 5px; background-color:#0097ff;padding: 10px 35px;text-align:center;margin:100px;color:#fff;}
.js_pc ul a#more{border-radius: 5px; background-color:#009898;padding: 10px 35px;text-align:center;margin:30px;color:#fff;}
.js_ht{ margin:0 auto;background:url("../images/jiasu/js_bg5.jpg")/*tpa=https://www.vlcms.com/tpl/new/Public/images/jiasu/js_bg5.jpg*/ no-repeat;background-size:100%;height:940px;}

.js_ht em {float: right;padding-top:300px;padding-right:70px;}
.js_ht ul {padding-top: 280px;}
.js_ht ul h3 {border-left:10px solid #397fee;font-size: 60px;letter-spacing: 2px;font-weight:normal;
line-height: 60px;padding-left:50px;
}
.js_ht ul p {text-align:center;font-size: 22px;
padding: 50px 0;
width: 450px;margin-left: 40px;
}
.js_ht ul a#yanshi{border-radius: 5px; background-color:#0097ff;padding: 10px 35px;text-align:center;margin:100px;color:#fff;}
.js_ht ul a#more{border-radius: 5px; background-color:#009898;padding: 10px 35px;text-align:center;margin:30px;color:#fff;}


/*公益服系统*/

.w1200 {
	width: 1200px;
	margin: 0 auto;
}


/*banner*/

.gh_banner {
	background: url("../images/pro_gh/banner.jpg")/*tpa=https://www.vlcms.com/tpl/new/Public/images/pro_gh/banner.jpg*/;
	 
	height: 400px;
}

.gh_banner .advert_tit h1 {
    font-size: 60px;
    font-weight: normal;
    padding-top: 65px;
}

.gh_banner .advert_tit a {
	color: #18aef4;
	border: 1px solid #18aef4;
}


/*系统特点*/

.gh_feature,.fl_feature  {
	width: 100%;
	background: #f7f6f6;
	/*padding-bottom: 25%;*/
}

.feature_content {
	color: #535353;
	padding: 4% 0 0 0;
}

.gh_feature .feature_content li:hover {
	background-color: #fff;
}
.fl_feature .feature_content li:hover img {
	transform: scale(1.4);
	cursor: pointer;
	transition: all 0.6s;
}
.gh_feature .feature_left  {
	width: 30%;
	text-align: center;
	float: left;
	margin-top: 15%;
}
.fl_feature .feature_left  {
	width: 30%;
	text-align: center;
	float: left;
	margin-top: 21%;
}
.gh_feature h1,
.gh_advantage h1,
.gh_constitute h1 ,.fl_feature h1,.jy_constitute h1{
	height: 44px;
	line-height: 44px;
	font-size: 30px;
	margin: 40px 0 15px;
	font-weight: normal;
}

.gh_feature h2,
.gh_advantage h2,
.gh_constitute h2,
.gh_constitute .flexslider li h2,.fl_feature h2
{
	height: 38px;
	line-height: 38px;
	font-size: 24px;
	margin: 40px 0 15px;
	font-weight: normal;
}

.gh_feature font,
.gh_advantage font .gh_constitute font,
.gh_constitute font,.fl_feature font,.jy_constitute font {
	font-size: 18px;
	color: #535353;
}

.gh_feature .feature_right{
	width: 68%;
	float: right;
	padding-bottom: 7%;
}
.fl_feature .feature_right{
	width: 68%;
	float: right;
	padding-bottom: 1%;
}
.gh_feature .feature_right .icon {
	float: left;
	padding: 1% 5%;
}
.fl_feature .feature_right .icon {
	float: left;
	padding: 0 5%;
}


/*优势功能*/

.gh_advantage {
	width: 100%;
	background: url("../images/pro_gh/gh_advantage_bg.jpg")/*tpa=https://www.vlcms.com/tpl/new/Public/images/pro_gh/gh_advantage_bg.jpg*/ center;
	color: #fff;
	text-align: center;
	height: 694px;
}
.gh_advantage font{
	font-size: 18px;
}
.gh_advantage .advantage_content {
	padding: 3% 0;
}

.gh_advantage .systemul{
	margin-top: 50px;
}
.gh_advantage .systemul li {
	width: 20%;
	float: left;
	margin-top: 70px;
	cursor: pointer;
	text-align: left;
}
.gh_advantage .systemul li .icon{
	float: left;
	padding-right: 10%;
}
.gh_advantage .systemul li .text{
	padding-top: 5%;
	font-size: 18px;
}
.gh_advantage .systemul li img{
	transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;
}
.gh_advantage .systemul li:hover img {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	/* IE 9 */
	-moz-transform: rotate(360deg);
	/* Firefox */
	-webkit-transform: rotate(360deg);
	/* Safari 和 Chrome */
	-o-transform: rotate(360deg);
}


/*系统组成*/

.gh_constitute {}

.gh_constitute .title, .jy_constitute .title {
	width: 100%;
	padding-bottom: 2%;
	border-bottom: 1px solid #a2a1a1;
	text-align: center;
}

.gh_constitute .banner_tabs li,.jy_constitute .banner_tabs li {
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
}

.gh_constitute .banner_tabs li>div,.jy_constitute .banner_tabs li>div {
	padding: 0 100px;
}

.gh_constitute .flexslider li img,.jy_constitute .flexslider li img {
	position: absolute;
        right: 80px;
	padding-top: 200px;
}

.gh_constitute .flex-direction-nav a,.jy_constitute .flex-direction-nav a {
	width: 49px;
	height: 49px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0.5;
	filter: alpha(opacity=0.5);
	-webkit-transition: all .3s ease;
	border-radius: 0;
}
.gh_constitute .flex-direction-nav a:hover,.jy_constitute .flex-direction-nav a:hover{
	opacity: 1;
	filter: alpha(opacity=1);
}
.gh_constitute .flex-direction-nav .flex-prev,.jy_constitute .flex-direction-nav .flex-prev {
	background: url("../images/pro_gh/left.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/pro_gh/left.png*/ no-repeat;
}

.gh_constitute .flex-direction-nav .flex-next,.jy_constitute .flex-direction-nav .flex-next {
	background: url("../images/pro_gh/right.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/pro_gh/right.png*/ no-repeat;
}

.gh_constitute .slides_left ,.jy_constitute .slides_left {
	margin-left: 10%;
	    width: 50%;
}
.gh_constitute .flexslider,.jy_constitute .flexslider {
    margin: -50px auto 10px;
    position: relative;
    width: 100%;
    height: 680px;
    overflow: hidden;
    zoom: 1;
}
.gh_constitute .flexslider li span,.jy_constitute .flexslider li span {
	float: left;
	width: 500px;
	font-size: 18px;
	color: #535353;
	padding-bottom: 15px;
}

.gh_constitute .flexslider li h1,.jy_constitute .flexslider li h1  {
    float: left;
    width: 450px;
    font-size: 36px;
    color: #535353;
    padding-bottom: 60px;
    padding-top: 160px;
    font-weight: normal;
}

.gh_constitute .flexslider li #hdp_more,.jy_constitute .flexslider li #hdp_more {
	float: left;
	background: #b397eb;
	color: #fff;
	display: block;
	width: 150px;
	height: 40px;
	font-size: 16px;
	line-height: 40px;
	border-radius: 35px;
	text-align: center;
	margin-top: 20px;
}

.gh_constitute .flexslider li #hdp_more1,.jy_constitute .flexslider li #hdp_more1 {
	background: #009999;
	color: #fff;
	display: block;
	width: 150px;
	height: 40px;
	font-size: 16px;
	line-height: 40px;
	border-radius: 35px;
	text-align: center;
	float: left;
	margin-left: 30px;
	margin-top: 20px;
}

/*h5联运系统*/

.h5_bg {

	background: url("../images/pro_h5/h5_advantage_bg.jpg")/*tpa=https://www.vlcms.com/tpl/new/Public/images/pro_h5/h5_advantage_bg.jpg*/ no-repeat 50% 0;
	
	padding-bottom: 30px;
}

.newh5_first {
	background: url("../images/pro_h5/newh5_first_bg.jpg")/*tpa=https://www.vlcms.com/tpl/new/Public/images/pro_h5/newh5_first_bg.jpg*/ no-repeat 50% 0;
	background-size: auto 100%;
	height: 549px;
}
.newh5_first .line_fisrt{
	width:700px;
	margin: 0 auto;
}
.newh5_first h1 {
	padding-top: 160px;
	text-align: center;
	color: #fff;
	font-size: 72px;
}

.newh5_first h1 img {
	width: 70%;
}

.newh5_first span {
	text-align: center;
	width: 100%;
	display: block;
	font-size: 18px;
	color: #fff;
	padding-top: 20px;
}

.newh5_first #h5_more {
	text-align: center;
	width: 100%;
	display: block;
	font-size: 18px;
	padding-top: 30px;
}

.newh5_first #h5_more a {
	color: #fff;
}

.newh5_first #h5_more a:hover {
	color: #fff;
	font-size: 20px;
	text-shadow: 1px 1px 1px #000;
}

 
.h5_bg .systeminfo ul li {
	background: none;
}


.h5_bg .systeminfo ul li .text {
	color: #fff;
}

.h5_bg .systeminfo .title {
	color: #fff;
}

.h5_bg .systeminfo .sub-title {
	color: #fff;
}

.systeminfo ul li .icon img {
	
	padding: 5px;
	
}


.h5_bg .systeminfo ul li .icon:hover img {
	transform: scale(1.4);
	cursor: pointer;
	transition: all 0.6s;
}

.h5_prostyle .title {
	font-size: 30px;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	font-family: inherit;
	font-weight: 500;
	text-align: center;
}

.h5_prostyle .sub-title {
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	font-size: 18px;
	margin-top: 5px;
	text-align: center;
	color: #656666;
	font-weight: normal;
}

.h5_prostyle li {
	float: left;
	width: 50%;
	padding: 30px;
	height: 200px;
}

.right_td {
	float: right;
	width: 160px;
	margin-left: 30px;
}

.right1_td {
	float: right;
	width: 350px;
	
	
}

.right1_td h3 {
	float: right;
	color: #315495;
	font-size: 24px;
	font-weight: normal;
	width: 45%;
	padding-bottom: 18px;
}

.right1_td span {
	float: right;
	font-size: 18px;
	color: #686868;
}

.left_td {
	float: left;
	width: 160px;
}

.left1_td {
	float: left;
	width: 350px;
	
}

.left1_td h3 {
	float: left;
	color: #315495;
	font-size: 24px;
	font-weight: normal;
	 width: 55%;
	padding-bottom: 18px;

}

.left1_td span {
	float: left;
	font-size: 18px;
	color: #686868;
}

.newh5_two {
	background: url("../images/h5/h5_two.jpg")/*tpa=https://www.vlcms.com/tpl/new/Public/images/h5/h5_two.jpg*/ no-repeat 50% 0;
	
	height: 300px;
}

.newh5_two h2 {
	padding-top: 30px;
	padding-bottom: 10px;
	text-align: center;
	color: #fff;
	font-size: 30px;
	font-family: inherit;
	font-weight: 500;
}

.newh5_two span {
	width: 190px;
	height: 190px;
	background: url("../images/h5/anniu.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/h5/anniu.png*/ no-repeat;
	float: left;
	text-align: center;
	padding-top: 65px;
	margin-right: 60px;
	color: #fff;
	font-size: 22px;
	padding-left: 5px;
}

.newh5_two span#hezi {
	margin-right: 0px;
}

.h5_prostyle li img {
	-webkit-transform-style: preserve-3d;
	-webkit-transition: 1s;
	-moz-transform-style: preserve-3d;
	-moz-transition: 1s;
}

.h5_prostyle li:hover img {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}
.h5_bg .sub-title {
    margin-top: -35px;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
   
}
/*系统组成*/
.h5_constitute{
	background: #F9F9F9; padding-top: 10px;
}
.h5_constitute .title{
	text-align: center;
}
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
}
.flex-control-nav li {
    margin: 0 2px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.flex-control-paging li a {
    background: url("../images/fl/lunbo/dot.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/fl/lunbo/dot.png*/ no-repeat 0 -16px;
        background-position-x: 0px;
        background-position-y: -16px;
    display: block;
    height: 16px;
    overflow: hidden;
    text-indent: -99em;
    width: 16px;
    cursor: pointer;
}
.flex-control-paging li a.flex-active, .flex-control-paging li.active a {
    background-position: 0 0;
}
.flex-direction-nav .flex-next {
    background-position: 0 -70px;
    right: 0;
    opacity: 0.8;
    filter: alpha(opacity=25);
}
/*返利*/

.newfl {
	background: url("../images/pro_fl/fl_bg.jpg")/*tpa=https://www.vlcms.com/tpl/new/Public/images/pro_fl/fl_bg.jpg*/ no-repeat;
	background-size: 100%;
	
}

.newfl .tu {
	float: right;
	margin-right: 10%;
}

.newfl h1 {
	padding-top: 108px;
	padding: 108px 0 30px 10%;
}

.newfl span {
	float: left;
	color: #fff;
	width: 700px;
	font-size: 18px;
	padding: 10px 10%;
	line-height: 35px;
}

.fl_banner #fl_more {
	float: left;
	padding: 0px 15px;
	margin-top: 30px;
	border: 1px solid #08e4fe;
	color: #08e4fe;
	font-size: 18px;
	margin: -15% 10%;
}

.newfl #fl_more a {
	color: #08e4fe;
}

.newfl #fl_more a:hover {
	color: #08e4fe;
	font-size: 22px;
	margin-top: 26px;
}

.fl_tedian {
	background-color: #f7f5f6;
	height: 680px;
	overflow: hidden;
}

.tedian_bg {
	background: url("../images/fl/tedian_bg.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/fl/tedian_bg.png*/ no-repeat center center;
	height: 670px;
	position: relative;
}

.xttd {
	position: absolute;
	left: 41.8%;
	top: 37.6%;
}

.xttd p {
	margin-top: 45px;
	margin-left: -45px;
	line-height: 30px;
	padding: 0 10px;
	font-size: 18px;
}

.xttd:hover img {
	transform: rotateY(360deg);
	transition: 1.5s;
	transform-style: preserve-3d;
}

.tedian_bg li {
	width: 500px;
	height: 320px;
	float: left;
}

.tedian_bg #xt_left .xt_tu {
	width: 110px;
	height: 200px;
	float: left;
}

.tedian_bg #xt_left h3 {
	float: left;
	width: 380px;
	font-size: 28px;
	font-weight: 600;
	padding: 10px 5px;
}

.tedian_bg #xt_left {
	padding-top: 120px;
	width: 500px;
	float: left;
}

.tedian_bg #xt_left span {
	float: left;
	width: 380px;
	padding-top: 5px;
	padding-left: 5px;
}

.tedian_bg .xt_tu:hover img {
	transform: rotateY(180deg);
	transition: 0.6s;
	transform-style: preserve-3d;
}

.tedian_bg #xt_right .xt_tu {
	width: 110px;
	height: 200px;
	float: right;
}

.tedian_bg #xt_right h3 {
	float: right;
	width: 380px;
	font-size: 28px;
	font-weight: 600;
	padding: 10px 5px;
	text-align: right;
}

.tedian_bg #xt_right {
	padding-top: 120px;
	width: 500px;
	float: right;
}

.tedian_bg #xt_right span {
	float: right;
	width: 380px;
	padding-top: 5px;
	padding-right: 5px;
	text-align: right;
}

.fl_gn {
	background: url("../images/fl/fl_gn_bg.jpg")/*tpa=https://www.vlcms.com/tpl/new/Public/images/fl/fl_gn_bg.jpg*/ no-repeat;
	height:870px;
}

.fl_gn_bg {
	background: url("../images/pro_fl/phone.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/pro_fl/phone.png*/ no-repeat center 240px;
	height: 945px;
}

.fl_gn h2,.jy_gn h2 {
	text-align: center;
	color: #fff;
	padding-top: 80px;
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 20px;
}

.fl_gn span,.jy_gn span {
	text-align: center;
	color: #fff;
	display: block;
	font-size: 18px;
}

.fl_gn #gn_left,.jy_gn #gn_left {
	padding-top:53px;
	width: 400px;
	float: left;
}

.fl_gn #gn_right,.jy_gn #gn_right {
	padding-top:53px;
	width: 400px;
	float: left;
	padding-left: 445px;
}

.fl_gn #gn_left li,.jy_gn #gn_left li {
	height: 76px;
	width: 450px;
	padding-right: 100px;
	margin-top: 8px;
	line-height: 76px;
}

.fl_gn #gn_left li:hover, .jy_gn #gn_left li:hover{
	background-color: #607cc6;
}

.fl_gn #gn_left p,.jy_gn #gn_left p {
	float: right;
font-size: 18px;
color: #fff;
line-height: 60px;
padding-right: 100px;
}

.fl_gn #gn_left img,.jy_gn #gn_left img  {
	float: right;
	line-height: 76px;
}

.fl_gn #gn_right li,.jy_gn #gn_right li {
	height: 76px;
	width: 450px;
	margin-top: 8px;
	line-height: 76px;
}

.fl_gn #gn_right li:hover,.jy_gn #gn_right li:hover {
	background-color: #607cc6;
}

.fl_gn #gn_right p,.jy_gn #gn_right p {
	float: right;
	font-size: 18px;
	color: #fff;
	line-height: 60px;
	padding-right: 235px;
}

.fl_gn #gn_right img .jy_gn #gn_right img {
	float: left;
	padding-left: 100px;
}

.fl_zc {
	background: #fff;
	height: 255px;
}

.fl_zc h2 {
	text-align: center;
	color: #333;
	padding-top: 80px;
	font-size: 38px;
	font-weight: 600;
}

.fl_zc span {
	text-align: center;
	color: #333;
	display: block;
	font-size: 22px;
}

.fl_hdp {
	background: url("../images/fl/fl_hdp_bg.jpg")/*tpa=https://www.vlcms.com/tpl/new/Public/images/fl/fl_hdp_bg.jpg*/ no-repeat;
	height: 690px;
}
.fl_feature .feature_right ul li{
	margin-bottom: 90px;
	
}
/*交易*/
.jy_banner{
  text-align: center;
    background: url("../images/pro_jy/jy__bg.jpg")/*tpa=https://www.vlcms.com/tpl/new/Public/images/pro_jy/jy__bg.jpg*/ no-repeat center;
   
    height: 565px;

}
.jy_banner .con h1{
	font-size: 60px;
	color: #fff;
	padding: 65px 0 15px 0;
	font-weight: normal;
}

.jy_banner .con span{
	
    color: #fff;
    width: 400px;
    font-size: 16px;
    padding: 10px 10%;
    line-height: 35px;
}
.jy_banner #fl_more{
	margin: 20px 0 40px 0;
}
.jy_banner #fl_more a {
    color: #fff;
    border: 1px solid #fff;
    font-size: 16px;
    padding: 3px 15px;
}
.jy_gn {
    background: url("../images/pro_fl/fl_advantage_bg.jpg")/*tpa=https://www.vlcms.com/tpl/new/Public/images/pro_fl/fl_advantage_bg.jpg*/ no-repeat;
    height: 800px;
}
.jy_gn #gn_right {
	 padding-top: 53px;
    width: 400px;
    float: left;
   padding-left: 330px;
}
.jy_gn #gn_right li {
	padding-left: 100px;
}
.jy_gn .fl_gn_bg {
	background: url("../images/pro_jy/tu1.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/pro_jy/tu1.png*/ no-repeat center 350px;
	height: 945px;
}
.jy_gn #gn_left {
	 width: 450px;
}
.jy_gn #gn_left li {
	  height: 76px;
    width: 420px;
    padding-right: 100px;
    margin-top: 8px;
    line-height: 76px;
}

 .jy_gn #gn_left p {
    float: right;
    padding-right: 80px;
    padding-left: 0px;
}
.jy_gn #gn_right p {
	
	float: left;
    padding-left: 80px;
    padding-right: 0px;
}
.jy_gn #gn_right img{
	display: block;
	float: left;
}
.jy_constitute .flexslider li #hdp_more {
	
	background: #00add9;
	
}
.jy_constitute .flexslider li span {
    
    	width: 520px;
    
}
/*h5发行*/
/*banner*/

.h5fx_banner {
	background: url("https://vlcms.oss-cn-shanghai.aliyuncs.com/icon/5ad860de7e50b.jpg") center;
	height: 550px;
}
.h5fx_banner .con{
	width: 600px;
	margin: 0 auto;
	 position: relative;
	
}
.h5fx_banner .advert_tit h1 {
	font-size: 60px;
	font-weight: normal;
	padding-top: 65px;
	text-align: center;
}
.h5fx_banner  .advert_tit font {
    font-size: 16px;
    display: block;
    width: 100%; 
    margin: 10px 0px;
    letter-spacing: 0.1em;
    text-align: center;
}
.h5fx_banner .advert_tit ul{}
.h5fx_banner .advert_tit ul li{
	float: left;
	width: 33.3%;
}
.h5fx_banner .advert_tit span {
	display: inline-block;
	    margin: 4% 5% 0 5%;
}
.h5fx_banner .advert_tit h1 {
    font-size: 60px;
    font-weight: normal;
    padding-top: 125px;
    text-align: center;
}
.h5fx_bannner_btn {
    margin-top: 0;
    cursor: pointer;
    color: #fff;
    position: absolute;
    top: 438px;
    left: 25%;
}

.h5fx_bannner_btn:hover .h5fx_banner_group_demo {
	display: block;
}
.h5fx_banner_btn_demo {
    display: block;
    margin: 0 ;
    width: 140px;
    height: 50px;
    line-height: 50px;
    background: #3d74eb;
    text-align: center;
    font-size: 18px;
    position: absolute;
}
.h5fx_banner_btn_buy_demo {
    position: absolute;
    top: 438px;
    left: 53%;
    display: block;
    width: 140px;
    height: 50px;
    background: #3d74eb;
    text-align: center;
    font-size: 18px;
    line-height: 50px;
}
.h5fx_banner_btn_buy_demo  a,.h5fx_banner_group_demo li  a:hover{
	color: #fff;
}
.h5fx_banner_group_demo {
    width: 420px;
    margin: 50px 0 0 -140px;
    height: 37px;
    line-height: 37px;
    background: rgba(61,116,235,.7);
    text-align: center;
    display: none;
}

.h5fx_banner_group_demo li {
    float: left;
    width: 50%;
}
.h5fx_banner_group_demo :first-child :after{float:right;color:#fff;content:"|"}
.h5fx_banner_group_demo li  a{
	color: #cfd2d4;
}
.h5fx_role .con {
    width: 900px;
    margin: 0 auto;
}
.h5fx_role{
	background: url("../images/pro_h5fx/h5fx_role_bg.jpg") center;
	height:683px;
	
}
.h5fx_role h2,.h5fx__feature h2,.h5fx__constitute h2 {
    text-align: center;
    color: #fff;
    padding-top: 80px;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 20px;
}
.step_left{
	width: 60%;
	float: left;
}
.step_left ul,.step_right  ul{
	/*padding-top: 10px;*/
	float: left;
	text-align: center;
}
.step_left ul li,.step_right ul li{
	padding-bottom: 60px;
}

.step_left ul li:hover ,.step_right ul li:hover   {
	transform: scale(1.4);
	cursor: pointer;
	transition: all 0.6s;
}
.step_left p,.step_right p{
	color: #fff;
	font-size: 18px;
	line-height: 2em;
	text-align: center;
	}
.step_right{
	width: 40%;
	float: left;
}
.h5fx__feature .content{
	width: 1200px;
	margin: 0 auto;
	position: relative;
	background: url("../images/pro_h5fx/h5fx__feature_bg.jpg") center;
	height:683px;
}
.h5fx__feature h2 {
	color: #000;
	}
.h5fx__feature	.content_img{
	
	position: absolute;
	top: 30%;
	left: 37%;
}
.h5fx__feature	.content_img img {
	-webkit-transform-style: preserve-3d;
	-webkit-transition: 2s;
	-moz-transform-style: preserve-3d;
	-moz-transition: 2s;
}
.h5fx__feature .content_img:hover img {
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
}
.h5fx__constitute{
	background: url("../images/pro_h5fx/h5fx_constitute_bg.jpg") center;
	height:788px;
}
.h5fx__constitute_left,.h5fx__constitute_right{
	width: 40%;
	background: #4b81f4;
	text-align: center;
	padding: 5% 0;
	float: left;
	
}
.h5fx__constitute_left:hover, .h5fx__constitute_right:hover{
	transform: scale(1.2);
	cursor: pointer;
	transition: all 0.6s;
}
.h5fx__constitute_left h3,.h5fx__constitute_right h3{
	font-size: 24px;
	color: #fff;
	font-weight: normal;
}
.h5fx__constitute_left font,.h5fx__constitute_right font{
	font-size: 16px;
	color: #fff;
	
}
.h5fx__constitute #hdp_more {
    float: left;
    background: #06aad0;
    color: #fff;
    display: block;
    width: 120px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    border-radius: 35px;
    text-align: center;
    margin-top: 20px;
     margin-left:30px;
}
.h5fx__constitute #hdp_more1 {
    background: #a75cfd;
    color: #fff;
    display: block;
    width: 120px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    border-radius: 35px;
    text-align: center;
    float: left;
    margin-left: 30px;
    margin-top: 20px;
}
.h5fx__constitute_right  #hdp_more {
    float: left;
    background: #06aad0;
    color: #fff;
    display: block;
    width: 120px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    border-radius: 35px;
    text-align: center;
    margin-top: 43px;
     margin-left:30px;
}
.h5fx__constitute_right   #hdp_more1 {
    background: #a75cfd;
    color: #fff;
    display: block;
    width: 120px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    border-radius: 35px;
    text-align: center;
    float: left;
    margin-left:30px;
    margin-top: 43px;
}
.h5fx__constitute_right{
	float: right;
}
.h5fx_channel{
background: #f8f8f8;
padding:0px 0 80px;
} 
	.h5fx_channel h2 {
    text-align: center;
    color: #000;
    padding-top: 80px;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 20px;
}
.h5fx_channel_con {
	   
    border: 1px solid #ececee;
    padding: 40px 0 0;
    position: relative;
    background-color: #fff;
}
.h5fx_channel_con .ul_rec,.h5fx_channel_con  .ul_squ{
	width: 1160px;
	margin: 0 auto 60px;
	 overflow: hidden;
}
.h5fx_channel_con .ul_rec li  {
   width: 16.6%;
float: left;
text-align: center;
}
.h5fx_channel_con .ul_squ li {
   width: 14.28%;
float: left;
text-align: center;
}
.h5fx_channel_con .ul_rec li img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    width: 114px;
    max-height: 48px;
    border-radius: 0;
}
.h5fx_channel_con .ul_squ li img {
	  display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    width: 84px;
    height: 84px;
    border-radius: 0;
}
.ul_rec li span {
    font-size: 14px;
    color: #4b5769;
    display: block;
    margin-top: 5px;
}
/*棋牌游戏定制20170825*/
.qb_banner{
		width: 100%;
		height: 450px;
		background: url("../images/pro_qp/banner.jpg") no-repeat center;
		
	}

.innerwrap {
	width: 1200px;
	margin: 0 auto;
	padding: 50px 0px;
	margin-bottom: 100px;
}

.udline .h2 {
	position: relative;
}

.innerwrap .h2 {
	font-size: 30px;
	height: 50px;
	line-height: 50px;
	color: #343434;
	text-align: center;
	font-weight: normal;
	margin-bottom: 30px;
}

.udline .h2:after {
	content: '';
	display: block;
	width: 28px;
	height: 4px;
	background-color: #2591EB;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	border-radius: 2px;
	bottom: -6px;
}
.qp_part1 ul {
	padding: 50px 0 100px 0;
}
.qp_part1 ul li{
	width:25%;
	float: left;
	text-align: center;
	
}
.qp_part1 ul li img {
	-webkit-transform-style: preserve-3d;
	-webkit-transition: 1s;
	-moz-transform-style: preserve-3d;
	-moz-transition: 1s;
}

.qp_part1 ul li:hover img {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}
.qp_part1 ul li h4,.qp_part2 ul li h4,.qp_part4 ul li h4{	
	font-size: 20px;
	color: #333333;
	font-weight: normal;
	padding: 10px 0 5px 0;
}
.qp_part1 ul li h6,.qp_part2 ul li h6,.qp_part4 ul li h6{
	font-size: 14px;
	color: #666666;
	font-weight: normal;
}
/*产品特色*/
.qp_part2{
	width: 100%;
	background: #f9f9f9;
	padding-bottom: 280px;
}
.qp_part2 ul li{
	width:33.3%;
	float: left;
	text-align: center;
	margin-top: 50px;
}

.qp_part2 ul li .item{
	width: 80%;
margin: 0 auto;
border: 1px solid #ebebeb;
border-radius: 3px;
background-color: #FFF;
padding: 35px 5%;
	
}
.qp_part2 ul li .item:hover{
	transform: scale(1.1, 1.1);
	transition: .3s transform;
	border: 1px solid #fff;
}
.qp_part2 ul li .short{
padding: 35px 5% 55px 5%;
	
}
.qp_part2 ul li h6{
	text-align: none;
}
/*合作优势*/
.qp_part3{
	width: 100%;
	background: url("../images/pro_qp/part3_bg.jpg") center;
	color: #fff;
	height: 520px;
}
.qp_part3 .innerwrap .h2{
	color: #fff;
}
.qp_part3 ul li{
	width:33.3%;
	float: left;
	    margin-top: 50px;
}
.qp_part3 ul li h3{
	padding: 10px 0;
	font-weight: normal;
}
.qp_part3 ul li h6{
	font-size: 14px;
	font-weight: normal;
}
.qp_part3 ul li img{
	
	display: block;
	float: left;
	padding-right: 3%;
}
.qp_part3 .itemleft{
	width:75%;
	float: left;
}
/*售后服务*/
.qp_part4 ul{
	margin-top: 80px;
}
.qp_part4 ul li{
	float: left;
	position: relative;
	width: 16.6%;
}
.qp_part4 .item1{
	
	height: 122px;
	background:url("../images/pro_qp/source_nor.png") center no-repeat;
	
}
.qp_part4 .item2{
	
	height: 122px;
	background:url("../images/pro_qp/deploy_nor.png") center no-repeat;
	
}
.qp_part4 .item3{
	
	height: 122px;
	background:url("../images/pro_qp/train_nor.png") center no-repeat;
	
}
.qp_part4 .item4{
	
	height: 122px;
	background:url("../images/pro_qp/free_nor.png") center no-repeat;
	
}
.qp_part4 .item5{
	
	height: 122px;
	background:url("../images/pro_qp/bug_nor.png") center no-repeat;
	
}
.qp_part4 .item6{
	
	height: 122px;
	background:url("../images/pro_qp/up_nor.png") center no-repeat;
	
}
.qp_part4 h4{
	position: absolute;
	margin-top: 130px;
	text-align: center;
	width:100%;
}
.qp_part4  .text{
	position: absolute;
	width: 1120px;
	background: #f9f9f9;
	margin-top: 207px;
	display: none;
	left: 30px;
	padding: 20px ;
	
}
.qp_part4  .active{
	display:block;
}
	
.qp_part4 .item2 .text{
	
	left: -100%;
}
.qp_part4 .item3 .text{
	
	left: -200%;
}
.qp_part4 .item4 .text{
	
	left: -300%;
}
.qp_part4 .item5 .text{
	
	left: -400%;
}
.qp_part4 .item6 .text{
	
	left: -500%;
}
.qp_part4   .active{
	
	background:url("../images/pro_qp/source_move.png") center no-repeat;
}
.qp_part4   .show{
	display:block;
}

.qp_part4 .item2 .text{
	
	left: -80%;
}
.qp_part4 .item3 .text{
	
	left: -180%;
}
.qp_part4 .item4 .text{
	
	left: -280%;
}
.qp_part4 .item5 .text{
	
	left: -380%;
}
.qp_part4 .item6 .text{
	
	left: -480%;
}


.qp_part4 .item1:hover{
	background:url("../images/pro_qp/source_move.png") center no-repeat;
}

.qp_part4 .item1:hover .text{
		display: block;
}
.qp_part4 .item2:hover{
	background:url("../images/pro_qp/deploy_move.png") center no-repeat;
}

.qp_part4 .item2:hover .text{
		display: block;
}
.qp_part4 .item3:hover{
	background:url("../images/pro_qp/train_move.png") center no-repeat;
}

.qp_part4 .item3:hover .text{
		display: block;
}
.qp_part4 .item4:hover{
	background:url("../images/pro_qp/free_move.png") center no-repeat;
}

.qp_part4 .item4:hover .text{
		display: block;
}
.qp_part4 .item5:hover{
	background:url("../images/pro_qp/bug_move.png") center no-repeat;
}

.qp_part4 .item5:hover .text{
		display: block;
}
.qp_part4 .item6:hover{
	background:url("../images/pro_qp/up_move.png") center no-repeat;
}

.qp_part4 .item6:hover .text{
		display: block;
}
/*合作流程*/
.qp_part5{
	width: 100%;
	background: #f9f9f9;
	margin-top: 200px;
	
}
.qp_part5 img{
	width:100%;
	padding-top: 50px;
	
}
/*客户案例*/
.qp_part6{
	width: 100%;
	background:url("../images/pro_qp/qp_part6.jpg") center no-repeat;
	height: 720px;
	margin-top: -100px;
}
.qp_part6 .innerwrap .h2{
	color: #fff;
	margin-bottom: 80px;
}
.qp_part6 ul li{
	float: left;
}
.qp_part6 .more{
	
	display: block;
	width: 260px;
	margin: 0 auto;
	 font-size: 30px;
    height: 65px;
    line-height: 65px;
   color: #fff;
    text-align: center;
    font-weight: normal;
    margin-top: 50px;
    text-decoration: none;
    background: #10b3f4;
    border-radius: 100px;
	text-align: center;
}
.qp_part6 .more a{
	 color: #fff;
}
/*轮播图*/
.vmc-container {
	position: relative;
}

.vmc-viewport {
	overflow: hidden;
}

.vmcarousel {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 1000%;
}

.vmcarousel:after {
	content: '';
	display: table;
	clear: both;
}

.vmcarousel>li {
	float: left;
}

.vmcarousel>li img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.vmc-container.hide-controls .vmc-arrow-left,
.vmc-container.hide-controls .vmc-arrow-right {
	display: none;
}

.vmc-arrow-left,
.vmc-arrow-right {
	position: absolute;
	top: 50%;
	left: -15px;
	width: 50px;
	height: 100px;
	margin-top: -35px;
	overflow: hidden;
	opacity: 0;
	transition: opacity 0.5;
	text-align: center;
	background: #000;
}

.vmc-arrow-right {
	left: auto;
	right: -15px;
}

.vmc-container:hover .vmc-arrow-left,
.vmc-container:hover .vmc-arrow-right {
	opacity: 0.5;
}

.vmc-arrow-left:after,
.vmc-arrow-right:after {
	content: '';
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-size: 50px;
	line-height: 50px;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow: 2px 2px #000;
}




.notransition {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
}
/*手游联运20170901*/
.ly_banner {
				background: url("../images/pro_ly/banner.jpg")/*tpa=https://www.vlcms.com/tpl/new/Public/images/pro_ly/banner.jpg*/ no-repeat center;
				
				height: 650px;
			}
			
			.ly_banner_con {
				width: 800px;
				margin: 0 auto;
				position: relative;
			}
			
			.ly_banner_con h1 {
				font-style: italic;
				text-align: center;
				color: #fff;
				padding-top: 55px;
			}
			
			.ly_banner_con span {
				position: absolute;
				color: #fff;
				font-size: 12px;
			}
			
			.ly_banner_con .constitute {
				top: 130px;
				left: 250px;
				font-size: 18px;
				font-weight: bold;
			}
			
			.ly_banner_con .sdk {
				top: 170px;
				left: 83px;
				font-size: 16px;
			}
			
			.ly_banner_con .pc {
				top: 200px;
				left: 206px;
			}
			
			.ly_banner_con .wap {
				top: 250px;
				left: 38px;
			}
			
			.ly_banner_con .backstage {
				top: 267px;
				left: 278px;
			}
			.ly_banner_con .commercial {
				top: 310px;
				left: 30px;
			 }
			.ly_banner_con .platform {
				top: 280px;
				left: 115px;
				font-size: 16px;
			}
			
			.ly_banner_con .project {
				top: 310px;
				left: 95px;
			}
			.ly_banner_con .hand{
				top: 370px;
				left: 133px;
			}
			
			
			.ly_banner_con .app {
				top: 400px;
				left: 52px;
			}
			
			.ly_banner_con .terrace {
				top: 430px;
				left: 164px;
			}
			
			.ly_banner_con .system {
				top: 378px;
				left: 264px;
			}
			
			.ly_banner_con .flow {
				top: 130px;
				left: 490px;
				font-size: 18px;
				font-weight: bold;
			}
			
			.ly_banner_con .profit {
				top: 240px;
				left: 560px;
				transform: rotate(-45deg);
				-ms-transform: rotate(-45deg);
				/* IE 9 */
				-moz-transform: rotate(-45deg);
				/* Firefox */
				-webkit-transform: rotate(-45deg);
				/* Safari 和 Chrome */
				-o-transform: rotate(-45deg);
			}
			
			.ly_banner_con .single {
				top: 180px;
				left: 650px;
				font-size: 16px;
			}
			
			.ly_banner_con .game {
				top: 290px;
				left: 600px;
				transform: rotate(-45deg);
				-ms-transform: rotate(-45deg);
				/* IE 9 */
				-moz-transform: rotate(-45deg);
				/* Firefox */
				-webkit-transform: rotate(-45deg);
				/* Safari 和 Chrome */
				-o-transform: rotate(-45deg);
			}
			
			.ly_banner_con .pay {
				    top: 265px;
    				left: 730px;
				transform: rotate(50deg);
				-ms-transform: rotate(50deg);
				/* IE 9 */
				-moz-transform: rotate(50deg);
				/* Firefox */
				-webkit-transform: rotate(50deg);
				/* Safari 和 Chrome */
				-o-transform: rotate(50deg);
			}
			.ly_banner_con .consume {
				    top: 283px;
    				left: 745px;
				transform: rotate(50deg);
				-ms-transform: rotate(50deg);
				/* IE 9 */
				-moz-transform: rotate(50deg);
				/* Firefox */
				-webkit-transform: rotate(50deg);
				/* Safari 和 Chrome */
				-o-transform: rotate(50deg);
			}
			
			.ly_banner_con .seo {
				top: 325px;
				left: 670px;
			}
			
			.ly_banner_con .operator {
				top: 370px;
				left: 490px;
			}
			
			.ly_banner_con .developer {
				top: 370px;
				left: 570px;
			}
			
			.ly_banner_con .player {
				top: 370px;
				left: 755px;
			}
			
			.ly_banner_con .divide {
				top: 410px;
				left: 533px;
			}
			  .ly_banner .btn {
				position: relative;
				top: 440px;
				left: 200px;
				cursor: pointer;
			}
			
			.ly_banner .btn_buy {
				position: relative;
				top: 440px;
				left: 350px;
				cursor: pointer;
			}
			.ly_banner .btn_buy  a{
				color: #fff;
			}
			.ly_banner .btn:hover .group_demo {
				display: block;
			}
			
			.ly_banner .btn_demo {
				width: 120px;
				height: 50px;
				line-height: 50px;
				background: #616db9;
				text-align: center;
				font-size: 20px;
				position: absolute;
				z-index: 999;
				left: 65px;
			}
			
			.ly_banner .group_demo {
				position: absolute;
				width: 536px;
				height: 37px;
				line-height: 37px;
				background: #626e98;
				left: -140px;
				top: 49px;
				display: none;
			}
			
			.ly_banner .group_demo li {
				float: left;
				width: 20%;
				text-align: center;
			}
			.ly_banner .group_demo li:not(:last-child)::after{
				float:right;
				color:#fff;
				content:"|";
			}
			
			.ly_banner .group_demo li a {
				color: #a7afd6;
				font-size: 16px;
				cursor: pointer;
			}
			
			.ly_banner .group_demo li a:hover {
				color: #fff;
			}
			
		
			

.ly_part1 h2,
.ly_part2 h2,
.ly_part3 h2 {
	font-size: 30px;
	height: 50px;
	line-height: 1.5em;
	overflow: hidden;
	font-family: inherit;
	text-align: center;
	color: #333333;
}
.ly_part1 h6{
	font-size: 16px;
	font-weight: normal;
	color: #333333;
}
.ly_part1 ul {
	padding: 50px 0 100px 0;
}

.ly_part1 ul li {
	width: 25%;
	float: left;
	text-align: center;
}

.ly_part1 ul li img {
	width: 170px;
	height: 192px;
	margin-bottom: 20px;
	
	-webkit-transform-style: preserve-3d;
	-webkit-transition: 1s;
	-moz-transform-style: preserve-3d;
	-moz-transition: 1s;
}

.ly_part1 ul li:hover img {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}
}

.ly_part1 h6 {
	font-size: 16px;
	color: #333333;
	font-weight: normal;
}

.ly_part1_left,
.ly_part1_right {
	margin-top: 80px;
	background: #afb2e3;
	width: 50%;
	float: left;
	color: #fff;
	text-align: center;
}

.ly_part1_left h2,
.ly_part1_right h2 {
	padding: 50px 0 70px 0;
	color: #fff;
}

.ly_part1_left p {
	line-height: 1.5em;
	padding: 30px 0;
}

.ly_part1_right {
	background: #aacbeb;
	position: relative;
}

.ly_part1_right .content_left,
.ly_part1_right .content_right {
	width: 30%;
	float: left;
	margin-top: 10%;
}

.ly_part1_right span {
	display: block;
	background: #fff;
	color: #4f79ae;
	border-radius: 15px;
	padding: 2px 5px;
}

.content_left .fit {
	margin-left: 5%;
}

.content_left .multimode {
	margin: 30% 0 0 45%;
	width: 120px;
}

.ly_part1_right img {
	display: block;
	float: left;
	width: 40%;
	margin-top: 7%;
}

.content_right .seo {
	margin-right: 5%;
}

.content_right .terrace {
	width: 120px;
	margin: 30% 15% 0 10%;
	
}

.data {
	width: 30%;
	margin: 6% auto 10.4%;
}


/*优势功能*/

.ly_part2 {
	width: 1200px;

	margin: 80px auto;
	text-align: center;
}

.ly_part2 h2 {
	margin-bottom: 50px;
}


/*系统组成*/

.ly_part3 {
	background: url("../images/pro_ly/ly_part3bg.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/pro_ly/ly_part3bg.png*/ center no-repeat;
	height: 750px;
}

.ly_part3 h2 {
	padding: 80px 0;
}

.ly_part3 .banner_tabs li {
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
}

.ly_part3 .banner_tabs li>div {
	padding: 0 100px;
}


.ly_part3 .slides_right{
	width:32%;
	float: right;
	margin: 3% 10% 0 0;
	box-shadow: 1px 1px 3px 3px #cddaeb;
	height: 410px;
}
.ly_part3 .slides_right img{
	float: none;
	display: block;
	width:80%;
	margin: 10%  auto 5% auto;
}
.ly_part3 .flex-control-nav {
	top: 7%;
	left: 45%;
	width:120px;
}

.ly_part3 .flex-control-paging {
	/*width: 1100px;*/
	margin: 0 auto;
}

.ly_part3 .flex-control-nav {
	height: 100px;
}

.ly_part3 .flex-control-paging li {

	margin: 10px 0;
}

.ly_part3 .flex-control-paging li a {
	background: url();
	display: block;
	width: 100%;
	height: 30px;
	overflow: hidden;
	text-indent: 0em;
	font-size: 18px;
	cursor: pointer;
	color: #3587e3;
}

.ly_part3 .flex-control-paging li.active a {
	color: #fff;
	
}
.ly_part3 .flex-control-paging li.active{
	background: #3587E3;
}



.ly_part3 .slides_left {
	margin: 3% 0 0 10%;
	width: 32%;
	box-shadow: 1px 1px 3px 3px #cddaeb;
	float: left;
	text-align: center;
	height: 410px;
	
}

.ly_part3 .flexslider {
	margin: -50px auto -20px;
	position: relative;
	width: 100%;
	height: 680px;
	overflow: hidden;
	zoom: 1;
}
.ly_part3 .flexslider li{
	width: 100%;
}

.ly_part3 .flexslider li span {
	float: none;
	display: block;
	width: 96%;
	font-size: 16px;
	color: #3587e3;
	padding: 2% 0;
	
}

.ly_part3 .flexslider li h1 {
	
	
	font-size: 32px;
	color: #535353;
	padding: 40px 0 20px 0;
	font-weight: normal;
	color: #3587e3;
}
.ly_part3 .flexslider li h1:before
{ 
	content:"";
     background-color:#b4a8ea;
    position: absolute;
     font-size: 14px;
    margin: 2% 0 0 5%; 
     display: block;
     width: 10px;
     height: 10px;
}
	.ly_part3 .flexslider li #hdp_more {
		float: left;
		background: #b397eb;
		color: #fff;
		display: block;
		width: 100px;
		height: 30px;
		font-size: 16px;
		line-height: 30px;
		border-radius: 35px;
		text-align: center;
		margin-left: 21px;
		margin-top: 20px;
	}
	
	.ly_part3 .flexslider li #hdp_more1 {
		background: #3fbdef;
		color: #fff;
		display: block;
		width: 100px;
		height: 30px;
		font-size: 16px;
		line-height: 30px;
		border-radius: 35px;
		text-align: center;
		float: left;
		margin-left: 21px;
		margin-top: 20px;
	}
/*h5联运*/
/* banner */
.h5_banner{
	background: url("../images/pro_h5/banner.jpg")/*tpa=https://www.vlcms.com/tpl/new/Public/images/pro_h5/banner.jpg*/ center no-repeat;
	height: 458px;
	width: 100%;
	margin-top:-2px;
}
.h5_banner_con{
	color: #fff;
	padding-top: 40px;
	text-align: center;
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.h5_banner_con  h1{
	margin-bottom: 10px;
	font-size: 42px;
}
.h5_banner_btn {
				position: absolute;
				top:348px;
				left: 38%;
			}
			
			.h5_banner_btn_buy {
				float: left;
			}
			
			.h5_banner_btn:hover .h5_banner_group_demo {
				display: block;
			}
			
			.h5_banner_btn_buy a {
				color: #fff;
			}
			
			.h5_banner_btn_demo {
				display: block;
				margin: 0;
				width: 140px;
				height: 50px;
				line-height: 50px;
				background: #7371e2;
				text-align: center;
				font-size: 18px;
			}
			
			.h5_banner_btn_buy_demo {
				display: block;
				width: 140px;
				height: 50px;
				line-height: 50px;
				background: #7371e2;
				text-align: center;
				font-size: 18px;
				position: absolute;
				left: 52%;
				top: 348px;
			}
			
			.h5_banner_group_demo {
				width: 660px;
				margin: 0 auto;
				height: 37px;
				line-height: 37px;
				background: #7977ef;
				display: none;
				left: -50%;
				margin: 0 0 0 -38.5%;
			}
			
			.h5_banner_group_demo a {
				color: #cfcede;
			}
			
			.h5_banner_group_demo a:hover {
				color: #fff;
			}
			
			.h5_banner_group_demo li {
				width: 33.333333%;
				float: left;
			}
			
			.h5_banner_group_demo .division:after {
				content: "|";
				color: #fff;
				float: right;
			}

/* banner */
.h5_part1 img{
	margin-left: 20px;
}

.h5_part1 h2, .h5_part2 h2, .h5_part3 h2, .h5_part4 h2 {

    font-size: 30px;
    height: 50px;
    line-height: 1.5em;
    overflow: hidden;
    font-family: inherit;
    text-align: center;
    color: #333333;
    border-bottom: 2px solid #eceaf2;
    padding: 80px 0;
    position: relative;

}
.h5_part1 .flow{
	text-align: center;
	margin-bottom: 0px;
}
.h5_part1 h2:after,.h5_part2 h2:after,.h5_part4 h2:after{
	content: '';
	display: block;
	width: 148px;
	height: 4px;
	background-color: #27166d;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	border-radius: 2px;
	bottom: -1px;
}
/*系统特点*/
.h5_part2{
	background: url("../images/pro_h5/feature_bg.jpg")/*tpa=https://www.vlcms.com/tpl/new/Public/images/pro_h5/feature_bg.jpg*/no-repeat center;
	height: 594px;
}
.h5_part2 h2{
	color: #fff;
	border-bottom: 2px solid rgba(220, 221, 234, .1);
}
.h5_part2 h2:after{
	background-color: #fff;
	}
	.h5_part2 ul{
		width: 1200px;
		margin: 0 auto;
		padding: 80px 0;
		text-align: center;
	}
	.h5_part2 ul li{
		width: 20%;
		float: left;
		margin: 0 2.5%;
	}
	.h5_part2 ul li img{
		width: 100%;
	}
	.h5_part2 p{
		width: 100%;
		background: #fff;
		
		text-align: center;
		padding: 20px 8px;
	}
/*优势功能*/
.h5_part3{
	width: 830px;
	margin: 80px auto;
	background:  url("../images/pro_h5/advantage_bg.jpg")/*tpa=https://www.vlcms.com/tpl/new/Public/images/pro_h5/advantage_bg.jpg*/no-repeat center;
	height: 384px;
	position: relative;
}
.h5_part3 span{
	position: absolute;
	font-size:18px;
}
.h5_part3 span:hover{
	transform: scale(1.2);
	cursor: pointer;
	transition: all 0.6s;
}
.h5_part3 .wechat{
	
	top: 5px;
	left: 240px;
}
.h5_part3 .pay{
	top: 40px;
	left: 390px;
}
.h5_part3 .login{
	top: 50px;
	left: 740px;
}
.h5_part3 .egret{
	top: 70px;
	left: 120px;
}
.h5_part3 .deploy{
	top: 70px;
	left: 560px;
}
.h5_part3 .cpa{
	top: 150px;
	left: -30px;
}
.h5_part3 .accounts{
	top: 140px;
	left: 260px;
}
.h5_part3 .function{
	top: 130px;
	left: 390px;
	font-size: 30px;
	font-weight: bold;
	
}
.h5_part3 .arpe{
	top: 140px;
	left: 650px;
}
.h5_part3  .seo{
	top: 190px;
	left: 590px;
}
.h5_part3 .app{
	top: 270px;
	left: 100px;
}
.h5_part3 .agent{
	top:240px;
	left: 250px;
}
.h5_part3 .rebate{
	top:260px;
	left: 620px;
}
/*系统组成*/

.h5_part4 {
	background: url("../images/pro_ly/ly_part3bg.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/pro_ly/ly_part3bg.png*/ center no-repeat;
	height: 750px;
}

.h5_part4 h2 {
	padding: 80px 0;
}

.h5_part4 .banner_tabs li {
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
}

.h5_part4 .banner_tabs li>div {
	padding: 0 100px;
}


.h5_part4 .slides_right{
	width:33%;
	float: right;
	margin: 10% 6% 0 0;
	box-shadow: 1px 1px 3px 3px #cddaeb;
	height: 390px;
}
.h5_part4 .slides_right img{
	float: none;
	display: block;
	width:85%;
	margin: 10%  auto 5% auto;
	height:240px;
}
.h5_part4 .flex-control-nav {
	top: 21%;
	left: 45%;
	width:120px;
}

.h5_part4 .flex-control-paging {

	margin: 0 auto;
}

.h5_part4 .flex-control-nav {
	height: 100px;
}

.h5_part4 .flex-control-paging li {

	margin: 20px 0;
}

.ly_part4 .flex-control-paging li a {
	background: url();
	display: block;
	width: 100%;
	height: 30px;
	overflow: hidden;
	text-indent: 0em;
	font-size: 18px;
	cursor: pointer;
	color: #3587e3;
}

.h5_part4 .flex-control-paging li.active a {
	color: #fff;
	
}
.h5_part4 .flex-control-paging li.active{
	background: #3587E3;
}



.h5_part4 .slides_left {
	margin: 10% 0 0 6%;
	width: 33%;
	box-shadow: 1px 1px 3px 3px #cddaeb;
	float: left;
	
	height: 390px;
	
}

.h5_part4 .flexslider {
	margin: -50px auto 10px;
	position: relative;
	width: 100%;
	height: 680px;
	overflow: hidden;
	zoom: 1;
}
.h5_part4 .flexslider li{
	width: 100%;
}
.h5_part4 .flex-control-paging li a {
    background: url();
    display: block;
    width: 100%;
    height: 30px;
    overflow: hidden;
    text-indent: 0em;
    font-size: 18px;
    cursor: pointer;
    color: #3587e3;
}
.h5_part4 .flexslider li span {
	float: none;
display: block;
width: 98%;
font-size: 16px;
color: #3587e3;
padding: 3% 6%;
	
}

.h5_part4 .flexslider li h1 {
	
	
	font-size: 32px;
	color: #535353;
	padding: 40px 0 20px 0;
	font-weight: normal;
	color: #3587e3;
	text-align: center;
}
.h5_part4 .flexslider li h1:before
{ 
	content:"";
     background-color:#b4a8ea;
    position: absolute;
     font-size: 14px;
    margin: 2% 0 0 8%; 
     display: block;
     width: 10px;
     height: 10px;
}
.h5_part4 .flexslider li #hdp_more {
	float: left;
	background: #b397eb;
	color: #fff;
	display: block;
	width: 100px;
	height: 30px;
	font-size: 16px;
	line-height: 30px;
	border-radius: 35px;
	text-align: center;
	margin-left: 23px;
	margin-top: 20px;
}

.h5_part4 .flexslider li #hdp_more1 {
	background: #009999;
	color: #fff;
	display: block;
	width: 100px;
	height: 30px;
	font-size: 16px;
	line-height: 30px;
	border-radius: 35px;
	text-align: center;
	float: left;
	margin-left: 23px;
	margin-top: 20px;
}
/* 产品中心 */
.section.section-5.mt80 {
	margin-top: 0px;
}

.advert_tit h1 {
	font-size: 36px;
	padding-top: 65px;
}


/*解决方案*/

.pro_solution {
	margin: 80px auto;
	text-align: center;
}

.pro_solution h2,
.pro_st h2 {
	font-size: 30px;
	color: #333333;
	font-weight: normal;
}

.pro_solution .en,
.pro_st .en {
	font-size: 14px;
	color: #a0a0a0;
	font-weight: normal;
}

.pro_solution ul {
	margin: 80px 0 80px 30px;
}

.pro_solution ul li {
	width: 33.3%;
	float: left;
	text-align: center;
	margin-bottom:30px;
}

.pro_solution ul li .solution_content {
	width: 80%;
padding: 30px 10px;
height: 270px;
border: 1px solid #dedede;
}
.pro_solution ul li:hover .solution_content{
	transform: scale(1.2);
	transition: all 0.6s;
	border: none;
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
	background: #fff;
}

.pro_solution ul li h5 {
	font-size: 18px;
	color: #333333;
	line-height: 2em;
	border-bottom: 1px solid #dadada;
	
}

.pro_solution .solution_brief {
	font-size: 14px;
	line-height: 2em;
	padding-top: 10px;
	color: #333;
}

.pro_solution .solution_platform {
	font-size: 10px;
	color: #848484;
	padding-bottom: 10px;
}

.pro_solution ul li .more {
	display: block;
	width: 40%;
	margin: 0 auto;
	background: #5591ff;
	color: #fff;
	border-radius: 15px;

}


/*服务工具*/

.pro_st {
	text-align: center;
	/*! background: url("../images/pro/st_bg.jpg")/\*tpa=https://www.vlcms.com/tpl/new/Public/images/pro/st_bg.jpg*\/ no-repeat center; */
	height: 1145px;
	background: #f0f9fe;
}
.pro_st h2 {
    padding-top: 80px;
}
.pro_sts{
	margin-top: 80px;
}
.pro_st ol
 {
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 2px solid #5591ff;
	height:150px;
	margin-bottom: 20px;
	
}

.pro_st ol li {
	width: 50%;
	float: left;
}

.pro_st .pro_services span,
.pro_st .pro_tools span {
	display: block;
	width: 89px;
	height: 89px;
	margin: 0 auto;
	background: url("../images/pro/serve.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/pro/serve.png*/ no-repeat center;
	height: 89px;
}

.pro_st ol li font {
	font-size: 18px;
	color: #333333;
}
.pro_st .triangle-up{
	content: "";
	width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right:8px solid transparent;
    border-bottom: 16px solid #5591ff;
    margin: 16px auto 0px;
    text-align: center;
    display: none;
}
.pro_st .cur div{
	display: block;
}
.pro_st .cur .pro_servicesicon{
	background: url( "../images/pro/serve1.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/pro/serve1.png*/ no-repeat center;
}
.pro_st .cur .pro_toolsicon{
	background: url("../images/pro/tool1.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/pro/tool1.png*/ no-repeat center;
}
.pro_st .pro_tools span {
	background: url("../images/pro/tool.png")/*tpa=https://www.vlcms.com/tpl/new/Public/images/pro/tool.png*/ no-repeat center;
}
.pro_st ul {
	width: 1200px;
	margin: 0 auto;
}
.pro_st ul li{
	width: 1200px;
	position: absolute;
	display: none;
	
}
.pro_st ul  .active{
	display: block;
}
.pro_st .service_con {
	width: 25%;
	float: left;
	border: 1px solid #e5e5e5;
	text-align: left;
	background: #fff;
	height: 150px;
}

.pro_st .service_con img ,.pro_st .tool_con img{
	display: block;
   margin: 30px 20px 20px 20px;
   float: left;
   
}
.pro_st .tool_con img{
	
   margin: 30px 20px 20px 70px;
 
}
.pro_st .product_feed {
   margin: 15px 0 0 0;
width: 60%;
float: left;
text-align: left;
  
}
/*服务*/
.pro_st .service_con  a,.pro_st .tool_con a{
	display: block;
	font-size: 16px;
	color: #333333;
	line-height: 2em;
	
}
.pro_st .service_more  a{
	font-size: 14px;
}
.pro_st .service_brief{
	
	font-size: 13px;
	color: #a0a0a0;
	line-height: 1.5em;
}
.pro_st .tool_brief{
	
	font-size: 13px;
	color: #a0a0a0;
	line-height:2em;
	
}
.pro_st .single{
	
	line-height: 3em;
	margin-top: 0px;
}
.pro_st .service_more{
	padding: 10px 0 30px ;
}
.pro_st .service_more a{
	display: block;
	width: 50%;

	background: #5591ff;
	color: #fff;
	border-radius: 15px;
	height: 25px;
	line-height: 25px;
	text-align: center;
}
.pro_st  .tool_con .service_more a{
	width: 37.5%;
}
.pro_st .service_more a{
	color:#fff;
}
/*工具*/
.pro_st .tool_con {
	width: 33.333333%;
	float: left;
	border: 1px solid #e5e5e5;
	text-align: left;
	background: #fff;
	height:160px;
}