/*公共样式*/

/*顶部导航*/

.bx-wrapper .bx-viewport{
    box-shadow: 0 0 0px!important;
    border: 0px!important;
    left: 0px !important;
}
.bx-wrapper{
    margin-bottom: 0px!important;
}
.banner .bx-prev{
    margin-left: 0px !important;
}
.banner .bx-next{
    margin-right: 0px !important;
}

.confuse{
    width: 100%;
    margin: 0px auto;
    height: 745px;
}
.confue_w1100{
    width: 1100px;
    margin: 0px auto;
    text-align: center;
}

.confue_w1100 .biaoqian{
	margin-top:50px;
}
.confuse_tit h2{
    font-size: 38px;
    color: #333;
    padding-top: 60px;
    font-weight: 100;
}
.confuse_tit p{
    font-size: 30px;
    color: #4c4c4c;
    padding-top: 27px;
}
.confuse_content{
    background: url("../images/confuse.png") no-repeat;
    background-position: 270px 180px;
    /*background-size: 100%;*/
    height: 550px;
}
.contentlist1,.contentlist2,.contentlist3,.contentlist4,.contentlist5{
    display: inline-block;
    width:auto;
    padding: 24px;
background-color: #fd4100;
    text-align: center;
}
.confuse_content h3,.confuse_content p{
    font-size: 24px;
    color: white;
}
.contentlist1{
    position: relative;
    top: 320px;
    left: -110px;
}
.contentlist2{
    position: relative;
    top: 150px;
    left: -270px;
}
.contentlist3{
    position: relative;
    top: 30px;
    left: -230px;
}
.contentlist4{
    position: relative;
    top: 90px;
    left: 470px;
}
.contentlist5{
    position: relative;
    top: 270px;
    left: 210px;
}
.reason{
    width: 100%;
    height: 265px;
    background-color: #eeeeee;
}
.reason_w1100{
    width: 1100px;
    margin: 0px auto;
    text-align: center;
}
.reason_w1100 h2{
    font-size: 38px;
    color: #4c4c4c;
    padding-top: 65px;
    font-weight: 100;
}
.reason_w1100 p{
    font-size: 30px;
    color: #fd4100;
    padding-top: 8px;
}
.experience{
    width: 100%;
    height: 460px;
}
.experience_w1100{
    width: 1100px;
    margin: 0px auto;
    text-align: center;
}
.tit-title{
    padding-top: 30px;
}
.tit-title p{
    font-size: 30px;
    color: #fd4100;
    font-weight: 100;
}
.tit-title p.pn{
    color: white;
    display: inline-block;
    background-color: #fd4100;
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 10px;
}
.exper-content{
    padding-top: 35px;
}
.exper-content p{
    font-size: 20px;
    color: #686868;
    line-height: 30px;
    text-align: center;
}
.exper-content h3{
    font-size: 30px;
    color: #4c4c4c;
    font-weight: normal;
    text-align: center;
    padding-top: 20px;
}
.exper-content h3 i{
    color: #fd4100;
    font-style: normal;
    font-weight: bold;
}
.expbtn{
    display: inline-block;
    margin-top: 40px;
    background-color: #fd4100;
    text-align: center;
    border-radius: 5px;
}
.expbtn a{
    display: block;
    font-size: 16px;
    color: white;
    font-weight: 100;
    padding: 10px 15px 10px 15px;
}
.listshop{
    width: 100%;
    height: 780px;
    background-color: #f9f9f9;
    margin: 0px auto;
}
.listshop_w1100{
    width: 1100px;
    margin: 0px auto;
    text-align: center;
}
.listshop_tit{
    padding-top: 40px;
}
.listshop_tit h3{
    font-size: 30px;
    color: #333;
    font-weight: 100;
    margin-top: 50px;
}
.listshop_tit p{
    font-size: 16px;
    margin-top: 8px;
    line-height: 34px;
    color: #686868;
}
.listshopitem{
    margin-top: 110px;
    height: 483px;
}
.listshopitem .shop_banner{
    width: 50%;
    height: 483px;
background: url("../images/mobile_bg.png") no-repeat;
}
.shop_banner img{
    /*display: block;*/
    position: relative;
    top: 65px;
    left: 25px;
}
.banner_list{
    width: 50%;
    height: 483px;
}
.banner_list ul{
text-align: left;
    padding-top: 20px;
}
.banner_list ul h3{
    font-size: 20px;
    font-weight: normal;
}
.banner_list ul li{
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    /*border: 2px solid#c9c9c9;*/
    background-color: #f9f9f9;
    margin-left: 75px;
    margin-top: 25px;
    cursor: pointer;
}
.banner_list ul li.cur{
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    /*border: 2px solid #0e86d5;*/
    background-color: #0e86d5;
   margin-left: 75px;
    margin-top: 25px;
    cursor: pointer;
}
.banner_list ul p{
    display: inline-block;
    width: 75px;
    font-size: 18px;
    color: #646464;
    margin-left: 70px;
    text-align: center;
    margin-top: 10px;
    padding-bottom: 30px;
}
.banner_list ul li i{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.banner_list ul li i.i_1{
    background: url("../images/list1.png") no-repeat;
}
.banner_list ul li i.i_2{
    background: url("../images/list2.png") no-repeat;
}
.banner_list ul li i.i_3{
    background: url("../images/list3.png") no-repeat;
}
.banner_list ul li i.i_4{
    background: url("../images/list4.png") no-repeat;
}
.banner_list ul li i.i_5{
    background: url("../images/list5.png") no-repeat;
}
.banner_list ul li i.i_6{
    background: url("../images/list6.png") no-repeat;
}
.banner_list ul li i.i_7{
    background: url("../images/list7.png") no-repeat;
}
.banner_list ul li i.i_8{
    background: url("../images/list8.png") no-repeat;
}

.banner_list ul li.cur i.i_1{
    background: url("../images/list1_1.png") no-repeat;
}
.banner_list ul li.cur i.i_2{
    background: url("../images/list2_1.png") no-repeat;
}
.banner_list ul li.cur i.i_3{
    background: url("../images/list3_1.png") no-repeat;
}
.banner_list ul li.cur i.i_4{
    background: url("../images/list4_1.png") no-repeat;
}
.banner_list ul li.cur i.i_5{
    background: url("../images/list5_1.png") no-repeat;
}
.banner_list ul li.cur i.i_6{
    background: url("../images/list6_1.png") no-repeat;
}
.banner_list ul li.cur i.i_7{
    background: url("../images/list7_1.png") no-repeat;
}
.banner_list ul li.cur i.i_8{
    background: url("../images/list8_1.png") no-repeat;
}

.listbtn{
    width: 140px;
    text-align: center;
    border: 1px solid #0e86d5;
    border-radius: 5px;
    margin: 0px auto;
}
.listbtn a{
    display: block;
    width: 100%;
    color: #0e86d5;
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.tg{
    width: 100%;
    height: 800px;
    margin: 0px auto;
}
.tg_w1000{
    width: 1000px;
    margin: 0px auto;
    text-align: center;
}
.tg_tit h3{
    padding-top: 120px;
    font-size: 30px;
    color: #fd4100;
	font-weight:100;
}
.tg_tit p{
    font-size: 16px;
    color: #595959;
    margin-top: 15px;
}
.tg_list{
    margin-top: 35px;
}
.tg_list ul{

}
.tg_list ul li{
    display: inline-block;
    width: 240px;
    background-color: #f5f5f5;
    margin-left: 5px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.tg_list ul li:hover{
    box-shadow: rgba(0,0,0,0.3) 0px 0px 10px 0px;
}
.tg_list ul li .li_tit{
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    background-color: #087fcd;
    padding-top: 5px;
    padding-bottom: 5px;
}
.uplist{
    text-align: center;
    padding-top: 15px;
}
.uplist span{
    display: block;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 0px auto;
    border: 1px solid #dedede;
    /*background: url("../images/tgicon_1.png") no-repeat;*/
    /*background-position: 50% 50%;*/
    /*background-color: #ffffff;*/
}
.uplist p{
   width: 85%;
    margin: 0px auto;
    font-size: 20px;
    color: #087fcd;
    font-weight: 100;
    line-height: 40px;
    padding-bottom: 12px;
    border-bottom: 1px solid#eaeaea;
}
.downlist{
    text-align: center;
    padding-top: 15px;
}
.downlist span{
    display: block;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 0px auto;
    border: 1px solid #dedede;
    /*background: url("../images/tgicon_2.png") no-repeat;*/
    /*background-position: 50% 50%;*/
    /*background-color: #ffffff;*/
}
.downlist p{
    width: 85%;
    margin: 0px auto;
    font-size: 20px;
    color: #087fcd;
    font-weight: 100;
    line-height: 40px;
    padding-bottom: 12px;
}
.tg_list span.span_1{
    background: url("../images/tgicon_1.png") no-repeat;
    background-position: 50% 50%;
    background-color: #ffffff;
}
.tg_list span.span_2{
    background: url("../images/tgicon_2.png") no-repeat;
    background-position: 50% 50%;
    background-color: #ffffff;
}
.tg_list span.span_3{
    background: url("../images/tgicon_3.png") no-repeat;
    background-position: 50% 50%;
    background-color: #ffffff;
}
.tg_list span.span_4{
    background: url("../images/tgicon_4.png") no-repeat;
    background-position: 50% 50%;
    background-color: #ffffff;
}
.tg_list span.span_5{
    background: url("../images/tgicon_5.png") no-repeat;
    background-position: 50% 50%;
    background-color: #ffffff;
}
.tg_list span.span_6{
    background: url("../images/tgicon_6.png") no-repeat;
    background-position: 50% 50%;
    background-color: #ffffff;
}
.tg_list span.span_7{
    background: url("../images/tgicon_7.png") no-repeat;
    background-position: 50% 50%;
    background-color: #ffffff;
}
.tg_list span.span_8{
    background: url("../images/tgicon_8.png") no-repeat;
    background-position: 50% 50%;
    background-color: #ffffff;
}
.tgbtn{
    display: inline-block;
    margin-top: 40px;
    background-color: #fd4100;
    text-align: center;
    border-radius: 5px;
}
.tgbtn a{
    display: block;
    font-size: 30px;
    color: white;
    font-weight: bold;
    padding: 20px 45px 20px 45px;
}
.tg_list .more{
    font-size: 16px;
    color: #595959;
    margin-top: 10px;
}
.value{
    width: 100%;
    height: 565px;
    margin: 0px auto;
}
.value_w1100{
    width: 1100px;
    height: 565px;
    margin: 0px auto;
    text-align: center;
    background: url("../images/value_bg.png") no-repeat;
    background-position: 0% 100%;
}
.value_tit{
    padding-top: 30px;
	border-top: 1px solid #ccc;
	margin-top: 40px;
}
.value_tit p.p1{
    font-size: 30px;
    font-weight: 100;
}
.value_tit p.p2{
    font-size: 16px;
    color: #686868;
    margin-top: 20px;
}
.value_content{
    margin-top: 135px;
    text-align: left;
}
.value_content h3{
    font-size: 30px;
    color: #fd4100;
	font-weight: 100;
}
.value_content p.p_1{
    font-size: 18px;
    color: #f15a01;
    line-height: 36px;
    margin-top: 10px;;
}
.value_content p.p_2{
    font-size: 17px;
    color: #595959;
    line-height: 36px;
}
.lock{
    width: 100%;
    height: 640px;
    background-color: #f9f9f9;
    margin: 0px auto;
}
.lock_w1100{
    width: 1100px;
    height: 640px;
    margin: 0px auto;
    text-align: center;
     background: url("../images/lock_bg.png") no-repeat;
    background-position: 50% 100%;
}
.lock_w1100 h2{
font-size: 30px;
    color: #fd4100;
    padding-top: 36px;
}
.lock_w1100 p.lock_1{
    font-size: 18px;
    color: #f15a01;
    line-height: 38px;
    margin-top: 10px;
}
.lock_w1100 p.lock_2{
    font-size: 17px;
    color: #595959;
    line-height: 38px;
 }
.temp{
    width: 100%;
    height: 790px;
    margin: 0px auto;
}
.temp_w1100{
    width: 1100px;
    height: 790px;
    margin: 0px auto;
    text-align: center;
    background: url("../images/temp_bg.png") no-repeat;
    background-position: 50% 100%;
}
.temp_w1100 h2{
    font-size: 30px;
    color: #fd4100;
    padding-top: 80px;
}
.temp_w1100 p.temp_1{
    font-size: 18px;
    color: #f15a01;
    line-height: 38px;
    margin-top: 10px;
}
.temp_w1100 p.temp_2{
    font-size: 17px;
    color: #595959;
    line-height: 38px;
}
.version{
    width: 100%;
    height: 485px;
    background-color: #f9f9f9;
    margin: 0px auto;
}
.version_w1100{
    width: 1100px;
    margin: 0px auto;
    text-align: center;
}
.version_tit h2{
    font-size: 30px;
    color: #fd4100;
    padding-top: 80px;
	font-weight: 100;
}
.version_tit p{
    font-size: 18px;
    color: #686868;
    line-height: 38px;
}
.version_w1100 ul{
    width: 100%;
    margin-top: 45px;
}
.version_w1100 ul li{
    display: inline-block;
    width: 198px;
    height: 260px;
    background-color: #f9f9f9;
    border: 1px solid #e5e5e5;
    vertical-align: top;
    text-align: center;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.version_w1100 ul li:hover{
    box-shadow: rgba(0,0,0,0.3) 0px 0px 10px 0px ;
    background-color: #eeeeee;
}
.version_w1100 ul li h2{
    font-size: 33px;
    color: #0e86d5;
    margin-top: 70px;
}
.version_w1100 ul li p{
    font-size: 15px;
    color: #686868;
    margin-top: 12px;
}
.versionbtn{
    width: 125px;
    border: 1px solid #0e86d5;
    margin: 0px auto;
    border-radius: 5px;
    margin-top: 35px;
}
.versionbtn a{
    display: block;
    width: 100%;
    color: #0e86d5;
    font-size: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.version_wx{
    margin-top: 12px;
}
.version_w1100 ul li p.wx_p{
    margin-top: 10px;
}
.custom{
    width: 100%;
	margin: 0px auto;
	padding-bottom: 50px;
}
.custom_w1100{
    width: 1200px;
    margin: 0px auto;
    text-align: center;
}
.customlist h2{
    font-size: 30px;
    color: #fd4100;
    padding-top: 30px;
}
.customlist p.list_1{
    font-size: 30px;
    color: #504d4d;
    line-height: 55px;
}
.customlist p.list_2{
    font-size: 30px;
    color: #504d4d;
    font-weight: bold;
    line-height: 50px;
}
.custom_item2{
    margin-top: 20px;
    /*padding-top: 20px;*/
}
.custombanner ul{
    margin-top: 20px;
}

.custombanner ul li{
	float: left;
	list-style: outside none none;
	position: relative;
	width: 358px;
	margin-right: 20px;
}

.custombanner .bx-wrapper .bx-pager{
    display: none;
}
.custombanner{
    padding-bottom: 20px;
}
.custombanner .btnleft{
    width: 30px;
    height: 60px;
    background: url("../images/prev.png") no-repeat;
}
.custombanner .btnright{
    width: 30px;
    height: 60px;
    background: url("../images/next.png") no-repeat;
}
.custom_item1,.custom_item2{
    position: relative;
    overflow: hidden;
}
.qrbox{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    background-color: rgba(0,0,0,0.4);
    overflow: hidden;
    margin: 0px auto;
    transition: all 0.5s ease-in-out;
    /*z-index: 999;*/
}

.qrbox:hover{
  transform: translate3d(0px,-50%,0px);
    -webkit-transform:  translate3d(0px,-50%,0px);
}
.qrbox .top{
    width: 100%;
    font-size: 20px;
    color: #ffffff;
    /*padding-top: 55%;*/
    padding-top: 196px;
    height: 35px;
    z-index: 1;
}
.custom_item2 .qrbox .top{
    padding-top: 176px;
}
.qrbox .qrimg{
    height: 232px;
    width: 100%;
    text-align: center;
    position: relative;

}
.qrimg img{
    display: block;
    margin: 0px auto;
    margin-top: 60px;
}
.qrimg p{
    display: block;
    font-size: 14px;
    color: #ffffff;
    font-weight: 400;
    margin-top: 20px;
}
.morecase{
    width: 900px;
    margin: 0px auto;
    text-align: center;
    margin-top: 70px;
 border-top: 1px solid#cccccc;
}
.casebtn{
    width: 150px;
    margin: 0px auto;
    background-color: #f15a01;
    position: relative;
    top: -33px;
    border-radius: 50px;
}
.casebtn a{
    display: block;
    color: #ffffff;
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.foot_w1000{
    width: 1000px;
    margin: 0px auto;
    text-align: center;
}
.footlist1 span{
    display: inline-block;
    font-size: 14px;
    color: #666666;
    padding: 0 8px;
}
.footlist1 span:hover{
    text-decoration: underline;
}
.footlist1 a{
    display: inline-block;
}
.footlist1 a:hover{
    text-decoration: underline;
}
.footlist2{
    margin-top: 20px;
}
.footlist2 span{
    margin-right: 15px;
    color: #b3b3b3;
    font-size: 14px;
}
.footlist2 span:hover{
    text-decoration: underline;
}
.footlist3{
    margin-top: 16px;
}
.footlist3 p{
    display: inline-block;
    color: #999999;
}
.footicon{
    margin-top: 20px;
}
.footicon a{
    display: inline-block;
    margin-right: 15px;
}


/**************************************************************************/


/*prokeman*/
.prokeman_con{
	width: 100%;
    height: 520px;
	background-color:#ed9700;
	background-image: url(../images/bg_line04.png);
    background-repeat: no-repeat;  
}

.prokeman_head {
	 width: 1200px;
	 height: 520px;
	 position: relative;	
	 margin: auto;
}

.prokeman_head  .prokeman_content{
    width: 600px;
	height: 185px;
    position: absolute;
    top: 185px;
	left: 20px;
}

.prokeman_head  .prokeman_content .p0{
	font-size: 50px;
	color: #fff;
	font-weight:bold;
}
.prokeman_head  .prokeman_content .p1{

	font-weight: bold;
	text-align: left;
	color: #fff;
	font-size: 20px;
	line-height: 37px;
	padding-left: 12px;
	width: 581px;
	margin-top: 10px;
}
.prokeman_head  .prokeman_content .p1 span{
	width: 200px;
	background-color: rgba(0,0,0,0.5);
	border-radius: 24px;

	margin: 0px 4px;
	padding: 6px 18px;
}
.prokeman_head  .prokeman_content .p2{
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    text-align: left;
    margin-bottom: 20px;
	padding-left:18px;
	margin-top: 8px;
}
.prokeman_head  .prokeman_content .p3{
	padding-left:18px;
}

.prokeman_head  .prokeman_content a{
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 3px;
    margin-right: 15px;
    border: 1px solid #fff;
    padding: 6px 16px;
}
.prokeman_head  .prokeman_content a.login{
	background-color:#f1f1f1;
	color:#666;
}
.prokeman_head .prokeman_image{
	position: absolute;
	width: 590px;
	top: 54px;
	right: 10px;
}
.prokeman_head .prokeman_image img{
    display: block;
    float: right;
    width: 706px;

}
.prokeman_list{
    width: 100%;
    padding-bottom: 100px;

}
.prokeman_list .kemanlist_tit{
    width: 1200px;
    margin: 0px auto;
    text-align: center;
    margin-top: 40px;
}
.prokeman_list .kemanlist_tit .p1{
  font-size: 25px;
    color: #EA6A2D;
    font-weight: bold;

}
.prokeman_list .kemanlist_tit .p2{
    font-size: 40px;
    margin-top: 10px;
}
.prokeman_list .kemanlist_tit em{
    display: block;
    border-bottom: 1px solid #ccc;
    width: 60px;
    margin: 0px auto;
    margin-top: 25px;
}
.kemanlist_image{
    width: 1200px;
    margin: 0px auto;
    margin-top: 60px;

}
.kemanlist_image img{
display: block;
    margin: 0px auto;
}
.kemanlist_image ul{
    width: 100%;
}
.kemanlist_image ul li{
    display: inline-block;
    width: 30%;
    margin-top: 60px;
    margin-left: 30px;

}
.kemanlist_image ul li span{
    display: inline-block;
    vertical-align: top;
}
.kemanlist_image ul li span img{
  display: block;

}
.kemanlist_image ul li span  .p_1{
    font-size: 24px;
	line-height: 26px;
	color: rgb(51,51,51);
	font-weight: bold;
}
.kemanlist_image ul li span  .p_2{
    margin-top: 10px;
    color:rgba(43,43,43,0.5);
    line-height: 25px;
    font-size: 14px;
    text-align: left;
    max-width: 260px;
}
.start_btn{
    display: block;
    margin-top: 90px;
   text-align: center;
}
.start_btn a{
    display: block;
	width: 170px;
	height: 45px;
	box-sizing: border-box;
	border: 1px solid #2fa54a;
	text-align: center;
	font-size: 14px;
	line-height: 45px;
	color: #2fa54a;
	border-radius: 35px;
	margin: 0px auto;
}

.start_btn a:hover{
	 background-color: #2fa54a;
	 color:#fff;
}


.prokeman_interv{
    width: 100%;
    position: relative;
    height: 350px;
    padding-top: 50px;
    padding-bottom: 50px;


}
.prokeman_interv_bg{
    width: 100%;
    background: url(../images/keman-bg.png) center no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    height: 450px;
    -webkit-filter: grayscale(100%) brightness(70%) contrast(75%);
    -moz-filter: grayscale(100%) brightness(70%) contrast(75%);
    -ms-filter: grayscale(100%) brightness(70%) contrast(75%);
    -O-filter: grayscale(100%) brightness(70%) contrast(75%);
    position: absolute;
    top:0px;
    left: 0px;
}


.inter_logo{
    display: block;
    position: relative;
    width: 96px;
    height: 88px;
    margin: 30px auto;
}

.play_svg{
    display: block;
    position: relative;
    width: 66px;
    height: 66px;
    margin: 0px auto;
    margin-top: 15px;
    margin-bottom: 40px;
}

/*##############################################*/

.prokeman_interv .inter_tit{
	font-size: 30px;
	font-weight:bold;
	position: relative;
	color:#fff;
	text-align: center;
}

.prokeman_interv .inter_txt{
	position: relative;
	font-size: 15px;
	line-height: 24px;
	color: white;
	margin: 10px auto 15px;
	background-color: rgba(0,0,0,0.5);
	padding: 8px 15px;
	border-radius: 2px;
    width: 810px;
}
.prokeman_interv .inter_txt p{
    margin: 0px auto;
    color: #fff;
	margin-top: 10px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 28px;
    width: 750px;
    text-align: center;
    opacity: 1;
    box-sizing: border-box;
}
.kemanlist_image .listimage_2{
    display: inline-block !important;
    margin-left: 70px !important;
}
.prokeman_listener{
    width: 100%;
    background-color: #f7f7f7;
    padding-top: 150px;
    padding-bottom: 110px;
}
.prokeman_listener_tit{
    width: 1200px;
    margin: 0px auto;
    text-align: center;
}
.prokeman_listener_tit .p1{
    font-size: 20px;
    color: #2fa54a;
    font-weight: bold;
}
.prokeman_listener_tit .p2{
    font-size: 40px;
    margin-top: 15px;
}
.prokeman_listener_tit em{
    display: block;
    border-bottom: 1px solid #ccc;
    width: 60px;
    margin: 0px auto;
    margin-top: 25px;
}
.prokeman_listener_tab{
    width: 80%;
    margin: 0px auto;
    margin-top: 50px;
}
.prokeman_listener_tab p.cimg{
	
	width: 100px;
    height: 100px;
}
.prokeman_listener_tab p.tit{
	font-size: 22px;
	width: 100px;
	margin-top: 15px;
}
.prokeman_listener_tab img{
    width: 100px;
    height: auto;
}
.prokeman_listener_tit .p_listener{
    font-size: 14px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    color: rgba(43,43,43,0.5);
    width: 750px;
    line-height: 26px;
    margin-top: 60px;
}
.prokeman_step{
    width: 100%;
    background-color: #fff;
    padding-top: 120px;
    padding-bottom: 120px;

}
.prokeman_step .prokeman_step_tit{
    width: 1200px;
    margin: 0px auto;
    text-align: center;

}
.prokeman_step_tit p.p1{
    font-size: 20px;
    color: #2fa54a;
    font-weight: bold;
}
.prokeman_step_tit p.p2{
    font-size: 40px;
    margin-top: 15px;
}
.prokeman_step_tit p.p3{
    font-size: 16px;
    color: rgba(43,43,43,0.5);
margin-top: 25px;

}
.prokeman_step_tab{
    width: 950px;
    margin: 0px auto;
    margin-top: 100px;
}
.prokeman_step_tab td{
    box-sizing: border-box;
}
.prokeman_step_tab .td2{
border-left: 1px solid#ccc;
    border-right: 1px solid#ccc;
}
.prokeman_step_tab td img{
    display: block;
    width: 45px;
    margin: 0px auto;
    margin-top: -20px;
    margin-bottom: 30px;

}
.prokeman_step_tab td .ptd_1{
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 20px;
    text-align: center;
	font-weight: bold;
}
.prokeman_step_tab td .ptd_2{
    font-size: 16px;
    line-height: 30px;
    color: rgba(43,43,43,0.5);
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
    text-align: center;
}
.tz_btn{
    display: block;
    margin-top: 90px;
    text-align: center;
}
.tz_btn a{
    display: block;
    width: 90px;
    height: 35px;
    box-sizing: border-box;
    border: 1px solid #2fa54a;
    text-align: center;
    font-size: 14px;
    line-height: 33px;
    color:#2fa54a ;
    border-radius: 3px;
    margin: 0px auto;
}


/*##############################################*/
/*pro_xcx*/



#proxcx .banner {
    width: 100%;
    height: 420px;
    text-align: center;
    color: #fff;    
	background-color: #10B64A;
    background-repeat: no-repeat;
}


#proxcx .header_1200{
	
	position: relative;
	width: 1200px;
    margin: 0 auto;
}

#proxcx .header_1200 .showimg{
	
   position: absolute;
    top: 65px;
    right: 30px;
}

#proxcx .header_1200 .showimg img{ height:340px;}

#proxcx .header_1200 .content{
	
	position: absolute;
    top: 115px;
    left: 40px;
}

#proxcx .header_1200 .content h2 {
    padding: 20px 0px;
    font-size: 50px;
    text-shadow: 0 2px 4px rgba(0,0,0,.2);
    text-align: left;
}

#proxcx .header_1200 .content h2 span { 
	
	font-size:30px;
}

#proxcx .header_1200 .content h2 img{
    width: 200px;
}

#proxcx .header_1200 .content .aim {
    font-size: 20px;
    margin-bottom: 12px;
}

#proxcx .header_1200 .content a {
    display: inline-block;
    width: 180px;
    height: 40px;
    line-height: 40px;
    border-radius: 2px;
    font-size: 16px;
    color: #fff;
    background: url(../images/btn_bg.png);
}

#proxcx .header_1200 .content .call {
    width: 200px;
    margin: 20px auto;
    font-size: 14px;
    line-height: 18px;
    box-sizing: border-box;
    padding-left: 28px;
    background: url(../images/tel_icon.png) 8px no-repeat;
}



/*pro_weiliao*/
.pro_weiliaohead{
	width: 100%;
    height: 561px;
    background: url(../images/bg_line08.png) center no-repeat;
    background-size: 100% auto;
    background-color: #f5c538;
}

.pro_weiliaohead .weiliao_kuang{
	
	width: 1200px;
	margin: 0px auto;
	position: relative;
}

.pro_weiliaohead .weiliao_kuang .weiliao_headtitle{
   text-align: center;
    width: 700px;
    /* height: 230px; */
    left: 485px;
    top: 76px;
    position: absolute;
}
.pro_weiliaohead .weiliao_kuang .weiliao_headtitle h2{
    font-size: 40px;
    margin-bottom: 20px;
    font-weight: 100;
    line-height: 40px;
}

.pro_weiliaohead .weiliao_kuang .weiliao_headtitle h2 p.p1{
	color: #EE2700;
}
.pro_weiliaohead .weiliao_kuang .weiliao_headtitle .p2{
    font-size: 16px;
    color: rgb(27,27,27);
    margin-bottom: 25px;
    line-height: 30px;

}
.pro_weiliaohead .weiliao_kuang .weiliaohead_btn{
    width: 100%;
    text-align: center;
}
.pro_weiliaohead .weiliao_kuang .weiliaohead_btn a{
    margin: 0px auto;
    width: 95px;
    height: 45px;
    box-sizing: border-box;
    background-color: rgb(27,27,27);
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 45px;
	border-radius: 30px;
	padding: 10px 30px;
	margin-left: 10px;	
	border:1px solid #fff;
	font-weight:bold;
}
.pro_weiliaohead .weiliao_kuang .weiliaohead_btn a:hover{
	background-color: #656C74;
}

.pro_weiliaohead .weiliao_kuang .weiliaohead_btn .reg{background: #5664de;}
.pro_weiliaohead .weiliao_kuang .weiliaohead_btn .login{background: #fb923f;}

.pro_weiliaohead .weiliao_kuang .weiliao_headimage{
    
	width: 610px;
    height: 523px;
    left: -5px;
    top: 38px;
    position: absolute;
}
.pro_weiliaohead .weiliao_kuang .weiliao_headimage img{
   display: block;
    margin: 0px auto;
    width: 570px;
}



.weiliaoheadlist{
    width: 100%;
    height: 395px;
    background-color:#1b1b1b;
}
.weiliaoheadlist .wl_listtitle{
    width: 1200px;
    margin: 0px auto;
    text-align: center;
    font-size: 30px;
    color: #fff;
    font-weight: 100;
    padding-top: 120px;
    margin-bottom: 40px;
}
.wl_listtab td{
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
}
.wl_listtab table{
    width: 1200px;
    margin: 0px auto;
}
.wl_listtab td span{
    display: block;
    width: 100%;
    height: 72px;
    box-sizing: border-box;
    border: 1px solid rgba(245,197,56,0.5);
}
.wl_listtab td span img{
    width: 100%;
    height: 70px;
}
.weiliao_tools{
    width: 100%;
    margin: 0px auto;
    padding-top: 10px;
}
.weiliao_tools .tool_tit{
    width: 1200px;
    margin: 0px auto;
    text-align: center;
    font-size: 18px;
    color: rgba(27,27,27,0.3);
    line-height: 20px;
    margin-bottom: 10px;
    font-weight: 100;
	border-top: 1px solid #ccc;
	padding-top: 40px;

}
.weiliao_tools h2{
    width: 1200px;
    margin: 0px auto;
    font-size: 30px;
    font-weight: 100;
    line-height: 45px;
    margin-top: 20px;
    margin-bottom: 30px;
    color: rgb(27,27,27);
    text-align: center;

}
.weiliao_tools .small_tit{
    width: 950px;
    margin: 0px auto;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 30px;
    color: rgb(27,27,27);

}
.weiliao_tools table{
    width: 1000px;
    margin: 0px auto;
}

.weiliao_tools table tr td{
padding-left: 10px;
    padding-right: 10px;
    height: 140px;
    padding-bottom: 10px;

}
.weiliao_tools table tr td span{
    display: block;
    width: 90px;
    height: 90px;
    margin: 0px auto;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid#dedede;
    overflow: hidden;
}
.weiliao_tools table tr td span img{
    display: block;
    width: 90px;
    height: 90px;

}
.weiliao_tools table tr td p{
    display: block;
    margin: 10px auto;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    color: #999;
}


.weiliao_case{
    width: 100%;
    margin: 0px auto;
    padding-top: 90px;
}


.weiliao_case h2{
    width: 1200px;
    margin: 0px auto;
    font-size: 30px;
    font-weight: 100;
    line-height: 45px;
    margin-bottom: 12px;
    color: #333;
    text-align: center;

}
.weiliao_case .small_tit{
    width: 950px;
    margin: 0px auto;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 30px;
    color: #999;

}


.weiliao_case ul{ width:1200px; margin:auto;}
.weiliao_case ul li{	
	width: 270px;
	padding: 5px;
	margin: 10px;
	float:left;	
}

.weiliao_case ul li img{	
	width:260px;
	height:421px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	padding:5px;
}





.weiliao_btn{
    display: block;
    width: 1000px;
    margin: 0px auto;
    margin-top: 30px;
    text-align: center;
    margin-bottom: 50px;
}
.weiliao_btn a{
    display: block;
    width: 105px;
    height: 42px;
    box-sizing: border-box;
    border: 2px solid #1b1b1b;
    background-color: #fff;
    color: rgb(27,27,27);
    font-size: 16px;
    text-align: center;
    margin: 0px auto;
    line-height: 40px;
	border-radius: 30px;
}

.weiliao_btn a:hover{
	background-color: #f1f1f1;
}






.bx-wrapper .bx-viewport{
    box-shadow: 0 0 0px!important;
    border: 0px!important;
    left: 0px !important;
}
.wl_banner .bx-pager{
    display: none;
}
.wl_btnleft{
    width: 40px;
    height: 60px;
    background: url("../images/wl_prev.png") center no-repeat;
}
.wl_btnright{
    width: 40px;
    height: 60px;
    background: url("../images/wl_next.png") center no-repeat;
}


/**/
.fm_banner{
	 width: 100%;
	 background: url("../images/bgfem.jpg") center no-repeat;
	 height: 600px;
	 background-size: 100% auto
}
.fm_banner .content{
	width: 1200px;
    margin: 0px auto;
    text-align: center;
	position: relative;
}

.fm_banner .content .tit {    
    width: 300px;
	height: 100px;
	font-size: 40px;
	right: 452px;
	top: 110px;
	position: absolute;
	color: #fff;
	margin: auto;
	font-weight:bold;
}


.fm_banner .content .imgshow {
    width: 120px;
    height: 479px;   
    left: 0px;
    top: 80px;
    position: absolute; 
    margin: auto;
}

.weiliao_suggestion{
    width: 100%;
    padding-top: 80px;
    padding-bottom: 20px;
}
.weiliao_suggestion  .suggest_tit{
    width: 1200px;
    margin: 0px auto;
    text-align: center;
}
.weiliao_suggestion  .suggest_tit .p1{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 100;
    color: rgba(27,27,27,0.3);
    line-height: 20px;
}
.weiliao_suggestion  .suggest_tit .p2{
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 30px;
    font-weight: 100;
    color: #333;
    line-height: 45px;
}
.weiliao_suggestion ul{
    width: 1000px;
    margin: 0px auto;
}
.weiliao_suggestion ul li{
    display: inline-block;
    width: 32%;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
}
.weiliao_suggestion ul li span{
    display: block;
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
	margin-top: 30px;
}
.weiliao_suggestion ul li span img{
    width: 70px;

}
.weiliao_suggestion ul li h3{
    font-size: 24px;
    font-weight: 100;
    color: #333;
    line-height: 28px;
    margin-bottom: 20px;
    text-align: center;
}
.weiliao_suggestion ul li p{
    font-size: 14px;
    color: #666;
    line-height: 28px;
    margin-bottom: 20px;
    text-align: center;
}
/*直播*/
.zhibo_head{
    width: 100%;
    height: 600px;
    background: url(../images/bg.png) center no-repeat;
	position: relative;
}

.zhibo_head .container {
    width: 540px;
    height: 230px;
    left: 658px;
    top: 125px;
    position: absolute;
}

.zhibo_head .container h3 {
    font-size: 50px;
    color: #fff;
    font-weight: normal;
    margin-bottom: 10px;
	text-align:center;
}

.zhibo_head .container h4 {
    font-size: 45px;
    color: #fff;
    font-weight: bold;
	text-align:center;
}

.zhibo_head .container p.contents {
    font-size: 15px;
    line-height: 24px;
    color: white;
    margin: 35px 0 15px;
    background-color: rgba(0,0,0,0.2);
    padding: 8px 15px;
    border-radius: 2px;
    font-size: 16px;
	text-align:center;
}

.zhibo_head .title{
    width: 780px;
    margin: 0px auto;
    text-align:center;
	padding-top:180px;
	font-size:50px;
	font-weight:bold;
	color:#fff;
}

.zhibo_head .title b{
	color:#fff;
}
.zhibo_head .desc{
	width: 700px;
	margin: 0px auto;
	text-align:center;
	font-size:26px;
	padding-top:12px;
	font-weight:bold;
	color:#fff;
}

.zhibo_list{
    width: 100%;
    margin: 0px auto;
    padding-top: 100px;
    padding-bottom: 100px;

}
.zhibo_list .list_tit{
    width: 1200px;
    margin: 0px auto;
    text-align: center;
}
.zhibo_list .list_tit h1{
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 36px;
    color: rgb(27,27,27);
    line-height: 50px;
    font-weight: 100;
}
.zhibo_list .list_tit p{
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 40px;
    color: rgba(43,43,43,0.5);
}
.zhibo_list table{
    width: 1200px;
    margin: 0px auto;
}
.zhibo_list table td{
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}
.zhibo_list table td img{
    width: 80px;
    height: 80px;
}
.zhibo_list table td h4{
     margin-top: 10px;
    margin-bottom: 20px;
    color: rgb(27,27,27);
    font-size: 20px;
    text-align: center;
    font-weight: 300;
}
.zhibo_list table td p{
    box-sizing: border-box;
    margin: 15px 80px;
    color: rgba(43,43,43,0.5);
    font-size: 14px;
    line-height: 25px;
    text-align: center;
}
.zhibo_list .zhibo_btn{
    width: 1200px;
    margin: 30px auto;
    text-align: center;
}
.zhibo_list .zhibo_btn a{
    display: block;
    box-sizing: border-box;
    width: 120px;
    height: 40px;
    border: 1px solid#25c151;
    text-align: center;
    font-size: 14px;
    color: #25c151;
    margin: 0px auto;
    line-height: 38px;
     border-radius: 3px;
}
.know_howto{
    width: 100%;
    height: 320px;
    background: url(../images/bg2.png)no-repeat center;
    background-size: cover;
}
.know_howto p.tit{
	width: 1200px;
	text-align: center;
	margin: 0px auto;
	padding-top: 78px;
	font-size: 36px;
	color: #fff;
	line-height: 50px;
	margin-bottom: 5px;
}
.know_howto p.conts{
	width: 1200px;
	text-align: center;
	margin: 0px auto;
	font-size: 36px;
	color: #fff;
	line-height: 50px;
	margin-bottom: 30px;
}

.know_howto a{
    display: block;
	width: 155px;
	height: 45px;
	background-color: rgb(37,193,81);
	text-align: center;
    color: #fff;
	font-size: 18px;
	line-height: 45px;
	border-radius: 6px; 
	margin: auto;
}
.know_howto a:hover{
    opacity: 0.8;
}
.zhiboconnect{
    width: 100%;
    margin: 0px auto;
    padding-top: 50px;
    padding-bottom: 60px;
}
.zhiboconnect .connect_tit{
    width: 1200px;
    margin: 0px auto;
    text-align: center;
}
.zhiboconnect .connect_tit h1{
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 36px;
    color: rgb(27,27,27);
    line-height: 50px;
    font-weight: 100;
}
.zhiboconnect .connect_tit p{
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 40px;
    color: rgba(43,43,43,0.5);
}
.zhiboconnect table{
    width: 1200px;
    margin: 0px auto;
}
.zhiboconnect table td{
   padding-top: 20px;
    padding-bottom: 20px;

}
.zhiboconnect table td img{
    width: 200px;
    height: 40px;
}
.zhibo_todo{
    width: 100%;
    height: 400px;
    background: url(../images/bg3.png)center no-repeat;
    background-size: cover;

}
.zhibo_todo .p1{
    width: 1200px;
	text-align: center;
	margin: 0px auto;
	padding-top: 100px;
	font-size: 40px;
	color: #fff;
	line-height: 50px;
	margin-bottom: 20px;
	font-weight: bold;
}
.zhibo_todo .p2{
	width: 200px;
	border-top:3px solid #000;
	margin: 0px auto 30px;
}
.zhibo_todo table{
    width: 1200px;
    margin: 0px auto;
}
.zhibo_todo table td{
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}
.zhibo_todo table td p .number{
     font-size: 60px;
     text-align: center;
     color: #fff;
 }
.zhibo_todo table td p .percent{
    font-size: 20px;
    text-align: center;
    color: #fff;
}
.zhibo_todo table td .average{
    margin-top: 10px;
    font-size: 18px;
    color: #fff;
    opacity: .6;
    font-weight: 400;
    margin-bottom: 5px;
    text-align: center;
}
.zhibo_todo table td .title{
    margin-top: 0px;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    text-align: center;
}
.clientcase{
    width: 100%;
    background-color: rgb(242,242,242);
    padding-top: 100px;
    padding-bottom: 100px;

}
.clientcase table{
    width: 1200px;
    margin: 0px auto;

}
.clientcase table td{
    padding-left: 15px;
    padding-right: 15px;

}
.clientcase table td .words{
    box-sizing: border-box;
    background-color: #fff;
    padding: 25px;
    text-align: center;
    border-radius: 5px;
    max-width: 320px;
}
.clientcase table td .words p{
    color: rgb(27,27,27);
    font-size: 14px;
    line-height: 25px;
}
.clientcase table .tipslogo img{
    display: block;
    position: relative;
    left: 50px;
    top:-1px;
}
.clientcase table .client_words{
  margin-top: 20px;
}
.clientcase table .client_words span{
   display: inline-block;
    margin-right: 30px;
}
.clientcase table .client_words span img{
    width: 128px;
}
.clientcase table .client_words span  p.p1{
  font-size: 20px;
    margin-bottom: 5px;
    color: rgb(27,27,27);
    text-align: left;
    max-width: 320px;
}
.clientcase table .client_words span  p.p2{
   font-size: 14px;
    color: rgba(43,43,43,0.5);
    text-align: left;
    max-width: 300px;
}


/*wfx*/
.pro_allhead_con{	
	width: 100%;
    height: 420px;
	background-color:#ea7300;
    background-image: url(../images/bg_line04.png);
    background-repeat: no-repeat;	
}
.pro_wfxhead_con{	
	width: 100%;
    height: 420px;

	background: url(../images/sobg.jpg) 0 0 no-repeat;
    background-size: cover;
    background-position: 50%;
}
.pro_wdhhead_con{
	
	width: 100%;
    height: 420px;
	background-color:#0D73F9;
	background-image: url(../images/bg_line04.png);	
    background-repeat: no-repeat;
	
}

.pro_ylhead_con{
	
	width: 100%;
    height: 520px;
	background-color:#742684;
	background-image: url(../images/bg_line04.png);
    background-repeat: no-repeat;
}
.pro_zbhead_con{
	
	width: 100%;
    height: 420px;
	background-color:#FD9214;
	background-image: url(../images/bg_line04.png);
    background-repeat: no-repeat;
	
}
.pro_kfhead_con{
	
	width: 100%;
    height: 420px;
	background-color:#369601;
	background-image: url(../images/bg_line04.png);
    background-repeat: no-repeat;
	
}

.pro_lyhead_con{
	
	width: 100%;
    height: 520px;
	background-color:#403C3C;
	background: url(../images/sobg1.jpg) 0 0 no-repeat;
    background-size: cover;
    background-position: 50%;
}


.pro_lyhead_con .pro_header{
	
	width: 1200px;
    height: 520px;
    position: relative;
    margin: auto;
}

.pro_lyhead_con .pro_header .pro_content{
	width: 500px;
	height: 185px;
	position: absolute;
	top: 235px;
	left: 20px;
}

.pro_lyhead_con .pro_header .pro_content .p1{

	font-weight: 100;
	text-align: left;
	color: #fff;
	font-size: 40px;
	line-height: 50px;
}

.pro_lyhead_con .pro_header .pro_content .p1 i{
	font-size: 30px;
	font-style:normal;
}

.pro_lyhead_con .pro_header .pro_content .p2{
    font-size: 14px;
	line-height: 25px;
	color: #f1f1f1;
	text-align: left;
	margin-bottom: 20px;

}

.pro_lyhead_con .pro_header .pro_image{
	position: absolute;
    top: 150px;
    right: 10px;
}

.pro_lyhead_con .pro_header .pro_image img{
    display: block;
    float: right;
    height: 320px;
}



/***************************************************************/
.pro_wfxhead {
    
	width: 1200px;
    height: 420px;
    position: relative;
    margin: auto;
}
.pro_wfxhead  .prowfx_content{
	width: 500px;
	height: 185px;
	position: absolute;
	top: 185px;
	left: 20px;
}
.pro_wfxhead  .prowfx_content .p1{

	font-weight: 100;
	text-align: left;
	color: #fff;
	font-size: 40px;
	line-height: 50px;
}
.pro_wfxhead  .prowfx_content .p1 i{
	font-size: 30px;
	font-style:normal;
}

.pro_wfxhead  .prowfx_content .p2{
    font-size: 14px;
	line-height: 25px;
	color: #f1f1f1;
	text-align: left;
	margin-bottom: 20px;

}
.pro_wfxhead  .prowfx_content a{
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 3px;
    margin-right: 15px;
    border: 1px solid #fff;
    padding: 6px 16px;
}
.pro_wfxhead .prowfx_image{
	position: absolute;
    top: 130px;
    right: 10px;
}
.pro_wfxhead .prowfx_image img{
    display: block;
    float: right;
    height: 250px;
}

.pro_wfxlist{
    width: 100%;
    margin: 0px auto;
}
.pro_wfxcont{
    width: 1200px;
    margin: 0px auto;
    padding-top: 20px;
    padding-bottom: 40px;
}
.pro_wfxcont .wfx_listul{
    box-sizing: border-box;
    width: 1200px;
}
.pro_wfxcont .advantage{
    box-sizing: border-box;
    /*width: 420px;*/
}


.pro_wfxcont .wfx_listul li.wfx_listli{
	width: 400px;
    box-sizing: border-box;
    border-bottom: 1px solid rgb(238,238,238);
    padding: 20px 30px;
    float: left;
    box-shadow: 0px 6px 70px 1px rgba(0, 0, 0, .1);
    margin: 20px 10px;	
    transition: all .2s linear;
}

.pro_wfxcont .wfx_listul li.wfx_listli:hover{
	 
	transform: translateY(-5px);
	box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);
}

.pro_wfxcont .wfx_listul .wfx_listli h3{
	color: #333;
    font-size: 20px;
    line-height: 35px;
    margin-bottom: 5px;
    text-align: left;
    font-weight: 100;
}
.pro_wfxcont .wfx_listul .wfx_listli p{
    color: #666;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    margin-bottom: 15px;
    overflow: hidden;
    height: 42px;
}
.pro_wfxcont .wfx_listul .wfx_listli p.p_2{
    font-size: 16px;
    font-weight: 700;
    color: #b1b1b1;
}
.pro_wfxcont .wfx_listul .wfx_listli img{
    display: block;
    max-width: 100%;
    margin-top: 10px;
	width: 710px;
	border:2px solid #ECF0F1;
	border-radius: 5px;
	padding:2px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	height: 215px;
}

.pro_wfxcont .wfx_listul .wfx_listli img.mobile{
    display: block;
    max-width: 100%;
    height: auto;
    margin-top: 10px;
	height: 429px;
	width:241px;
	border:2px solid #ECF0F1;
	border-radius: 5px;
	padding:2px;
}


.pro_wfxcont .wfx_listul .wfx_listli table{
    width: 100%;
}
.pro_wfxcont .wfx_listul .wfx_listli table td{
    padding-left: 15px;
    padding-right: 15px;
}
.pro_wfxcont .wfx_listul .wfx_listli table ul{
    list-style-type: disc;
    color: #00a040;
}
.pro_wfxcont .wfx_listul .wfx_listli table ul li{
    list-style-type: disc;
    margin-left: 40px;
    padding-left: 6px;
    margin-top: 16px;
}
.pro_wfxcont .wfx_listul .wfx_listli table ul li a{
    font-size: 16px;
    color: #00a040;
    line-height: 23px;
}

.pro_wfxcont .wfx_listul li.w2{
	width:300px;
}

.pro_wfxcont .wfx_listul li.w3{
	width:280px;
}

.pro_wfxcont .wfx_listul li.w3 img.mobile{
	border:none;
	box-shadow: none;
}

.pro_wfxcont .wfx_listul li.kf img{ height:200px;}




.pro_cont{
    width: 1200px;
    margin: 0px auto;
    padding-top: 20px;
    padding-bottom: 40px;
}



.pro_cont .infor{
	
	overflow: auto;
    padding: 40px 50px;
    background: #f0f5ff;
    border-radius: 2px;
    margin-bottom: 32px;
}

.pro_cont .infor:nth-child(2) {
    background: #fff7e6;
}

.pro_cont .infor:nth-child(3) {
    background: #f9f0ff;
}

.pro_cont .infor h5{
	
	font-size: 36px;
    font-weight: 300;
    color: rgba(0,0,0,.85);
    line-height: 50px;
    margin-bottom: 8px;
}
.pro_cont .infor p{
	
	margin-bottom: 32px;
	font-size:16px;
}

.pro_cont .infor>p{
	
	margin-bottom: 32px;
}

.pro_cont .infor ul{
	
	list-style-type: disc;
    color: #85a5ff;
	    padding-left: 18px;
}
.pro_cont .infor ul li{
	
	    list-style-type: disc;
    color: #85a5ff;
    margin-bottom: 32px;
}

.pro_cont .infor ul div{
	
	color: #000;
    font-size: 14px;
}
.pro_cont .infor ul p{
	
	color: #666;
    font-size: 14px;
}
.pro_cont .infor .desc{
	
	width: 365px;
    margin-bottom: 32px;
    margin-top: 28px;
    float: left;
}

.pro_cont .infor  img{
	width: 640px;
    height: 360px;
    float: right;
	border-radius: 5px;
}
.pro_cont .infor a{
	
	color: #333;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 3px;
    margin-left: 20px;
    border: 1px solid #ccc;
    padding: 8px 28px;
}

.pro_cont .infor a:hover{
	
	color: #fff;
	border: 1px solid #ccc;
	background-color:#267eff;
}

.sulu-width{	
	width: 100%;
    background-color: #f1f1f1;
    height: 900px;	
}

.sulu-width01{	
	width: 100%;
    background-color: #f1f1f1;
	 height: 450px;	
}

.sulu-kuang{width:1200px; margin: 10px auto; padding:60px 0px;}
.sulu-kuang .show{ width:800px; margin: auto;}
.sulu-kuang .show h3{
	color: rgb(27,27,27);
    font-size: 28px;
    line-height: 35px;
    margin-bottom: 5px;
    text-align: center;
    font-weight: bold;
}
.sulu-kuang .show p{
	line-height: 24px;
    text-align: center;
    margin-bottom: 15px;
}
.sulu-kuang .show p.p1{ }


.sulu-kuang ul .top01{ width:1200px}
.sulu-kuang .top01 li{ 
    margin: 24px 10px 0px;
    float: left;
    width: 280px;
    height: 300px;
    background-color: #F6F7F8;
}
.sulu-kuang .top01 li .logo{
	width: 100px;
    height: 100px;
    margin: 50px auto 20px;
}
.sulu-kuang .top01 li .logo img{width:100%; height:100%}
.sulu-kuang .top01 li .p1{ font-size:18px; font-weight:300;}
.sulu-kuang .top01 li .p2{ width: 190px; font-size: 14px;margin: auto;}


.sulu-kuang ul .top02{ width:1200px}
.sulu-kuang .top02 li{
    margin: 25px 10px;
    float: left;
    width: 280px;
    height: 215px;
    background-color: #F6F7F8;
}
.sulu-kuang .top02 li .logo{
	width: 80px;
    height: 80px;
    margin: 27px auto 15px;
}
.sulu-kuang .top02 li .logo img{width:100%; height:100%}
.sulu-kuang .top02 li .p1{font-size: 18px;font-weight: 300;margin-bottom: 6px;}
.sulu-kuang .top02 li .p2{width: 190px; font-size: 14px;margin: auto;}






.pro_wfxcont .advantage .flamecont{
 padding-left: 35px;
    padding-top: 60px;
    padding-bottom: 0px;
}
.pro_wfxcont .advantage .flamecont h4{
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 16px;
    color:#333;

}
.pro_wfxcont .advantage .flamecont table{
    width: 100%;
}
.pro_wfxcont .advantage .flamecont table td{
    padding-left: 20px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f8f8f8;
    cursor: pointer;
}
.pro_wfxcont .advantage .flamecont table td a{ display:block; height:100%; width:100%;}
.pro_wfxcont .advantage .flamecont table td.cur{
	background-color: #f1f1f1;
}
.pro_wfxcont .advantage .flamecont table td:hover{
	 background-color: #f1f1f1;
}
.pro_wfxcont .advantage .flamecont table td img{
    width: 30px;
    height: 30px;
    vertical-align: middle;
}
.pro_wfxcont .advantage .flamecont table td span{
    display: inline-block;
    font-size: 14px;
    color: #333;
    line-height: 40px;
    vertical-align: middle;
    padding-left: 10px;
    font-weight: 100;
}
.pro_wfxcont .advantage .flamecont ul{
    width: 100%;
}
.pro_wfxcont .advantage .flamecont ul li{
   width: 100%;
    margin-bottom: 20px;
}
.pro_wfxcont .advantage .flamecont ul li span{
    display: inline-block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    vertical-align: bottom;
}
.pro_wfxcont .advantage .flamecont ul li  p{
	font-size:36px;
	text-align:center;
	width: 180px;
	font-weight: bold;
	height:50px;
}
.pro_wfxcont .advantage .flamecont ul li  p img{
    width:180px;
	border:1px solid #ccc;
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	border-radius: 5px;
}
.pro_wfxcont .advantage .flamecont ul li  p a.tit {
	font-size: 14px;
	font-weight:bold;
	margin-top:10px;
	text-align:center;
	width: 180px;
	color:#333;
}
.pro_wfxcont .advantage .flamecont ul li  p a.tit:hover{
	text-decoration: underline;
} 
.pro_wfxcont .advantage .flamecont ul li.on  p{
    color: #00a040;
}
.pro_wfxsuccesscase{
    width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: rgb(247,247,247);
}
.pro_wfxsuccesscase h3{
    font-size: 20px;
    font-weight: 100;
    color: #2fa54a;
    margin-bottom: 0;
    text-align: center;
}
.pro_wfxsuccesscase h2{
    font-size: 40px;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
}
.pro_wfxsuccesscase em{
    display: block;
    border-bottom: 1px solid #ccc;
    width: 60px;
    margin: 0px auto;
    text-align: left;
    margin-top: 25px;
}
.pro_wfxsuccesscase table{
    width: 1150px;
    margin: 40px auto;
}
.pro_wfxsuccesscase table td{
    background-color: #fff;
    padding: 20px 15px;
    border-radius: 3px;
}
.pro_wfxsuccesscase table td .tit{
    font-size: 16px;
    text-align: center;
    color: #333;
    width: 100%;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 30px;
}
.pro_wfxsuccesscase table td  img{
    display: block;
    margin: 10px auto;
    width: 200px;
}
.pro_wfxsuccesscase table td em{
   margin-top: 15px;
    margin-bottom: 25px;
}
.pro_wfxsuccesscase table td .descri{
    text-align: center;
    margin: 10px auto;
    color: #666;
    font-weight: 400;
    margin-bottom: 15px;
    line-height:30px;
    font-size: 14px;
    max-width: 230px;
    margin-bottom: 20px;
}


/*solu index*/

.solu_block{
    width: 100%;
    min-width: 1200px;
	background-image: url(../images/8404e8223bdcc41cc2878af543e425c7.jpg);
    background-repeat: no-repeat;
	background-size: 150%;
}

.solu_helpbg{
    width: 100%;
    min-width: 1200px;
	background-color: #f1f1f1;
}
.solulayout{
    width: 1045px;
    margin: 0px auto;	
}
.solulayout .ottit{
	font-size: 30px;
    color: #fff;
    padding-left: 10px;
    padding-top: 110px;
}

.solu_content{
    width: 1045px;
    margin: 0px auto;
	padding-top: 5px;
    text-align: center;
	height: 800px;
}



.solu_content ul{


}

.solu_content li{
	height: 270px;
	width: 316px;
	margin-bottom: 20px;
	float:left;
	margin: 15px;
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0px 6px 70px 1px rgba(0, 0, 0, .1);
	transition: all .3s linear;
}

.solu_content li:hover{
	
	box-shadow: 0px 5px 8px 2px rgba(0,0,0,.1);
    transform: translateY(-5px);
}

.solu_content li.line{
	border-top: 1px solid #f1f1f1;
}

.solu_content li .imgshow{
	height: 170px;
    width: 312px;
}

.solu_content .imgshow img{
	height: 170px;
	width: 306px;
	border: 2px solid #fff;
	padding:3px;	
}

.solu_content .pro img{
	height: 40px;
	padding:10px 5px;	
}

.solu_content li .tit{
	font-size: 20px;
    font-weight: 100;
    margin-top: 10px;
}

.solu_content li a{
	color:#333;
}

.solu_content li a:hover{
	text-decoration: none;
	color:#F88305;
}

/*二维码层*/
.wx_logincover {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
    display: none
}

.wx_logincover .wxlogin_overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.9);
}

.wx_logincover .wx_qrcodecontent {
   position: absolute;
	width: 375px;
	z-index: 100;
	top: 165px;
	margin-left: 35%;
	background-color: #333;
	padding: 40px 20px;
	border-radius: 10px;
	border: 1px solid #666;
}

.wx_logincover .wx_qrcodecontent p {
    display: block;
    width: 100%;
    text-align: center;
    font-size:30px;
    color: #fff;
    line-height: 30px
}

.wx_logincover .wx_qrcodecontent img {
    display: block;
    margin: 15px auto;
	width:250px;
}

.wx_logincover .btn_wxtips {
    width: 280px;
    margin: 20px auto 0;
    box-sizing: border-box;
    text-align: center;
    background-color: #232323;
    border-radius: 100px;
    box-shadow: inset 0 5px 10px -5px #191919,0 1px 0 0 #444;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    padding: 15px 20px
}
ins#qiao-invite-wrap{
    z-index: 99999!important;
}

.btn_open{
    padding: 9px 20px;
    background: #E0D130;
    color: #432E03;
    border-radius: 5px;
}
.btn_open:hover{
    background: #e0d018;
}
.bg_blue{
    background: #3A91F2!important;
    border-radius: 5px;
}
.bg_blue:hover{
    background: #1173f2 !important;
}
.btn_pos{
    position: relative;
    right: -323px;
    bottom: -13px;
}
.btn_zx{
    padding:10px 40px;
    background: #E0D130;
    color: #432E03;
    font-size: 20px;
    border-radius: 8px;
    position: absolute;
    right: 240px;
    top: 210px;
    cursor: pointer;
}