﻿
/* title */
.webset_tit{width: 100%;margin-bottom: 3%;text-align: center;line-height:35px;}
.webset_tit p{color:#333;font-size:14px;}
.webset_tit h1{color:#333;margin:0;font-size: 28px;}
.webset_tit h1 span{color:#57a259;}
@media screen and (max-width: 766px) {
	.webset_tit p{line-height:20px;}
}
/* title end */




/* banner  */
.dgj_xq_wapbanner{margin-top:40px;}
.dgj_ys_wapbanner{margin-top:40px;}
/*banner end  */


/*点击弹窗*/
	.scroll{position:fixed;top:0;width:100%;height:100%;background: url(/images/dgj/heiad.png) repeat 0 0;}
	.scroll .hd{width: 800px;height: auto;position: relative;overflow: hidden;left: 50%;margin-left: -400px;top: 100px;}
	.scroll a.po{position:absolute;top:380px;color:#fff;    display: block;    width: 40px;    height: 74px;transition: background 0s;}
	.scroll a.close{position:absolute;top:100px;color:#fff;right:20%;font-size: 20px;}
	.scroll a.prev{left:300px;    background: url(/images/dgj/focus_btn.png) no-repeat 0 -74px;}
	.scroll a.prev:hover{background: url(/images/dgj/focus_btn.png) no-repeat 0 0px;}
	.scroll a.next{right:300px;    background: url(/images/dgj/focus_btn.png) no-repeat -40px -74px;}
	.scroll a.next:hover{background: url(/images/dgj/focus_btn.png) no-repeat -40px 0px;}
	.scroll .hd ul li{float:left;}
	.scroll .hd ul li img{width:800px;}
/*点击弹窗end*/


.webset_bxo .btn{text-align: center;padding: 4% 0;margin-top: 5%;padding-bottom:0;}
.webset_bxo_gn .row3 .btn{padding-top: 7%;}
.webset_bxo .btn a,.webset_bxo_gn .btn a,.webset_ts .btn a,.wb_mb_box .btn a{display:block;margin:0 auto;width:250px;border-radius:6px;font-size:24px;height:50px;line-height:50px;text-align:center;border: 1px solid #f08200;box-sizing:border-box;background:#f08200;color:#fff;}
.webset_bxo .btn a:hover,.webset_bxo_gn .btn a:hover,.webset_ts .btn a:hover,.wb_mb_box .btn a:hover{background: RGBA(111,111,111,0);    border: 1px solid #f08200;    color: #f08200;}
@media screen and (max-width: 766px) {
	.webset_bxo .btn a, .webset_bxo_gn .btn a, .webset_ts .btn a, .wb_mb_box .btn a{    width: 50%;    height: 40px;    line-height: 40px;    font-size: 16px;}
}

.only_ws_ban{height:600px;background: url(../images/webset0712/websetbg.jpg) no-repeat center top;margin-top: 131px;}
.only_ws_ban .dropbz{position:relative;height: 600px;overflow: inherit;}
.only_ws_ban .home_ban_img1{bottom:-20px;position:absolute;z-index:3;left:-67px;}
.only_ws_ban div.right{position:absolute;right:0;bottom:0px;height: 445px;transition: all 0.5s;    transform: translateX(150px);opacity:0;}
.only_ws_ban div.right.on{ transform: translateX(0px);opacity:1;}
.only_ws_ban div.left{position:absolute;left:0;bottom:0;height: 420px;transition: all 0.5s;    transform: translateX(-150px);opacity:0;}
.only_ws_ban div.left.on{    transform: translateX(0px);opacity:1;}
.only_ws_ban div.left p{margin-top:10%;}
.only_ws_ban div.right img{margin-bottom:20px;}
.only_ws_ban  a{transition: all 0.3s;display:block;width:240px;height:58px;border:1px solid #fff;border-radius:8px;float:left;text-align:center;margin-right:15px;line-height:58px;font-size:24px;color:#fff;}
.only_ws_ban  a.on{border-color:#57a259;background:#57a259;}
.only_ws_ban  a:hover{ transform: scale(1.05,1.05);}


/* webset */
.only_ws_ban a.ont{    border-color: #fff;    background: none;    width: 230px;}

.webset_bxo{}
.webset_bxo .webcont{padding-top:80px;}

.webset_bxo .row1{padding:4% 0;}
.webset_bxo .wbr1{position:relative;padding-top:50px;padding-bottom:4%;background: url(../images/webset0712/wb_row1_bg1.png) no-repeat center center;}
.webset_bxo .row1 ul{width:100%;margin-bottom:4%;}
.webset_bxo .row1 li{width:25%;float:left;text-align:center;font-size:18px;line-height:1.4;}
.webset_bxo .row1 li p:first-child{font-size:48px;margin-bottom:2%;color:#68af6a;}
.webset_bxo .wbr1 img.po{position:absolute;top: -10px;left: 30px;transition:transform 0.35s,opacity ,0.5s;transform: translate(-100px,-100px);opacity: 0;}
.webset_bxo .row1.transform .wbr1 img.po{transform: translate(0px,0px);opacity: 1;}
.webset_bxo .wbr1 img.left{margin-left:50px;}
.webset_bxo .wbr1 div.left{}
.webset_bxo .wbr1 div.left p{line-height:50px;height:50px;font-size:16px;color:#333;text-indent:5em;}
.webset_bxo .wbr1 div.left p.tw{text-indent: 9em;margin: 7% 0;}
.webset_bxo .wbr1 div.left p img{position:relative;top:5px;margin-right:4px;}
@media screen and (max-width: 766px) {
	.webset_bxo .row1 li{font-size:14px;}
	.webset_bxo .row1 li p:first-child{font-size:24px;}
	.webset_bxo .wbr1{padding:0;background-size:100%;}
	.webset_bxo .wbr1 div.left{display:none;}
	.webset_bxo .wbr1 img.left{display:none;}
	.webset_bxo .wbr1 img.po{display:none;}

}

.webset_bxo .row2{    background: #f3f3f3 url(/images/webset0712/wb_row2_bg.png) no-repeat center center;position:relative;padding:4% 0;}
.webset_bxo .wbr2 p{    float: left;    width: 20%;    padding-left: 5%;}
.webset_bxo .wbr2 p img{margin-left: -25px;position: relative;top: 5px;margin-right: 5px;}
@media screen and (max-width: 766px) {
.webset_bxo .row2{    background-size: 57%;}
.webset_bxo .wbr2 p img{display:none;}
}
.webset_bxo .row3{padding:4% 0;}
.webset_bxo .row3 .webset_tit p{    font-size: 18px;    margin-top: 10px;}
.webset_bxo .row3 ul{}
.webset_bxo .wbr3>p.tc{font-size: 20px;  margin: 4% 0;}
.webset_bxo .wbr3>p.tc span{font-size: 36px;margin: 0 1%;}
.webset_bxo .row3 li{width:33.333%;float:left;text-align:center;}
.webset_bxo .row3 li>img{margin-bottom:20px;}
.webset_bxo .row3 li p.big{font-size:20px;color:#333;margin-bottom:10px;}
.webset_bxo .row3 li p{text-align:left;text-indent:100px;font-size:14px;line-height:1.4;position:relative;}
.webset_bxo .row3 li p a{color: #62b2e6;}
.webset_bxo .row3 li p img{position:absolute;top:7px;margin-left:-15px;}
@media screen and (max-width: 766px) {
.webset_bxo .row3 .webset_tit p{font-size:12px;margin:0;}
.webset_bxo .wbr3>p.tc{font-size:16px;}
.webset_bxo .wbr3>p.tc span{font-size:24px;}
.webset_bxo .row3 li p{text-indent:15%;font-size:14px;}
.webset_bxo .row3 li p.big{font-size:16px;}
.webset_bxo .row3 li{width:100%;text-align:left;margin-bottom:3%;}
.webset_bxo .row3 li>img{margin-left: 15%;}

}
.webset_bxo .row4{padding:4% 0;}
.webset_bxo .row4 li{width:33.333%;float:left;text-align:center;line-height:1.5;}
.webset_bxo .row4 li p{font-size:16px;}
.webset_bxo .row4 li img{margin-bottom:20px;}
@media screen and (max-width: 766px) {
	.webset_bxo .row4 li img{    width: 60%;    margin: 15% 0px;}
	.webset_bxo .row4 li p{font-size:14px;}

}
.webset_bxo .row6{background: #369d76 url(../images/fx_row4_bg.png) no-repeat center center;overflow:hidden; padding-top: 2%;}
.webset_bxo .row6 .dropbz{position:relative;overflow: visible;}
.webset_bxo .row6 .webset_tit *{color:#fff;}
.webset_bxo .wbr61{width:345px;margin-top:40px;}
.webset_bxo .wbr62{width:320px;margin-top:40px;}
.webset_bxo .wbr6 div{margin-bottom:20px;}
.webset_bxo .wbr6 p{color:#fff;font-size:16px;padding-left:35px;}
.webset_bxo .wbr6 p span{font-size:20px;}
.webset_bxo .wbr6 div img{float:left;}
.webset_bxo .wbr6>img{position:relative;top:-60px;}

@media screen and (max-width: 766px) {
.webset_bxo .wbr6 div.left{float:none;text-align:left;    padding-left: 20%;margin-bottom:3%;}
.webset_bxo .wbr6{text-align: center;}
.webset_bxo .wbr6 img.right{    float: none;    width: 50%;    top: 10px;}
.webset_bxo .wbr6 p{font-size:14px;}
.webset_bxo .wbr6 div img{    width: 30px;    margin-top: 2%;}
.webset_bxo .wbr6 p span{font-size:16px;}
.webset_bxo .wbr62{margin-top:0;}

}


.webset_bxo .row7{height:520px;background: #f3f3f3;}
@media screen and (max-width: 766px) {
	.webset_bxo .row7{height: inherit;}
	.webset_bxo .wbr7 img{width:100%;}
}
.webset_bxo .row8{background:#fff;}
.webset_bxo .r8tit{margin-bottom:35px;}
.webset_bxo .r8tit h1{text-align:left;margin-bottom:0;}
.webset_bxo .r8tit p{text-align:left;}
.webset_bxo .wbr8>ul>li{width:32%;float:left;margin-left:2%;overflow:hidden;}
.webset_bxo .wbr8>ul li:first-child{margin-left:0;}
.webset_bxo .wbr8 .w8{overflow: hidden;margin-bottom: 15px;margin-right: 15px;}
.webset_bxo .wbr8 .w8 li{overflow:hidden;height:70px;} 
.webset_bxo .wbr8 .w8 li a{color:#333;}
.webset_bxo .wbr8 .w8_1 li{line-height: 50px;height: 50px;}
.webset_bxo .wbr8 .w8 li img{float:left;}
.webset_bxo .wbr8 .w8_2 li div{width: 490px;line-height: 2;padding: 7px 0;    padding-left: 5px;}
.webset_bxo .wbr8 .w8_2 li div p{text-indent:5px;color:#999;} 
.webset_bxo .wbr8 .w8_2 li div p:first-child{text-indent:0px;color:#333;} 
.webset_bxo .wbr8 .w8_2 li div img{position:relative;top:13px;left:-5px;} 

.webset_bxo .wbr8 .w8_3 li div{width: 490px;line-height: 2;padding: 7px 0;}
.webset_bxo .wbr8 .w8_3 li div p{text-indent:9px;color:#999;} 
.webset_bxo .wbr8 .w8_3 li div p:first-child{text-indent:0px;color:#333;} 
.webset_bxo .wbr8 .w8_3 li div img{position:relative;top:13px;} 
/* .webset_bxo .wbr8 .w8 li p{float:left;} */
@media screen and (max-width: 766px) {
	.webset_bxo .row8{height: inherit;padding-bottom:0!important;}
	.webset_bxo .wbr8>ul>li{width:100%;margin: 0 auto;}
	.webset_bxo .r8tit{margin-bottom:3%;}
	.webset_bxo .wbr8 .w8_1 li{    line-height: 2.2;    height: initial;}
}
.webset_bxo .row9{background:#FFF;padding-bottom:4%;}
.webset_bxo .row9  .qh_fr{text-align:center;}
.webset_bxo .row9  .qh_fr a{color: #4ea8e6;padding: 4px 10px;font-size: 18px;}
.webset_bxo .friend{overflow:hidden;text-align: center;}
.webset_bxo .friend li{float:left;border-right: 1px solid #e5e5e5;}
.webset_bxo .friend li img{width:100%;}
.webset_bxo .friend li:first-child{border-left: 1px solid #e5e5e5;}
@media screen and (max-width: 766px){
	.webset_bxo .row9{height: initial;}
	.webset_bxo .friend li{width:15%;display:inline-table;float:none;}
	
	}


.webset_bxo .row10{background:#f3f3f3;padding-bottom:4%;}
.webset_bxo  .wbr10{padding-top:2%;}
.webset_bxo  .wbr10 div.right{width:395px;}
.webset_bxo  .wbr10 p{text-indent: 16px;font-size:16px;height:30px;line-height:30px;}
.webset_bxo  .wbr10 p img{margin-top: 10px;margin-left: -16px;margin-right: 5px;}
.webset_bxo  .wbr10 p:first-child{margin-top:100px;}
@media screen and (max-width: 766px){
.webset_bxo  .wbr10{}
.webset_bxo  .wbr10 div.right{display:none;}
.webset_bxo  .wbr10 img.left{display:none;}
}
.webset_bxo .row11{background:#FFF;padding-bottom:4%;}
.webset_bxo  .wbr11{padding-top:2%;}
.webset_bxo  .wbr11 li{width:50%;text-align:center;float:left;line-height:25px;}
.webset_bxo  .wbr11 li img{margin-bottom:20px;}
.webset_bxo  .wbr11 li p{font-size:16px;color:#333;}
@media screen and (max-width: 766px){
.webset_bxo  .wbr11 li img{width:100%;}
.webset_bxo  .wbr11 li p{font-size:14px;}
}
.webset_bxo .row12{background:#f3f3f3;padding-bottom:4%;}
.webset_bxo  .wbr12{padding-top:2%;}
.webset_bxo  .wbr12 div.right{width: 44%;}
.webset_bxo  .wbr12 p{text-indent: 16px;font-size:16px;height:30px;line-height:30px;}
.webset_bxo  .wbr12 p img{margin-top: 10px;margin-left: -16px;margin-right: 5px;}
.webset_bxo  .wbr12 p:first-child{margin-top:120px;}
@media screen and (max-width: 766px){
.webset_bxo  .wbr12 div.right{display:none;}
.webset_bxo  .wbr12 img.left{display:none;}


.webset_bxo .webcont{padding:10% 0;}

}

/* webset end */

/* 功能详情 */
.odban2{background: url(../images/webset0712/qjz_ban2_bg.png) no-repeat top center;}


.webset_bxo_gn .row3{padding:5% 0;}

		.webset_bxo_gn .add_tit{text-align:center;margin-bottom:4%;}
		.webset_bxo_gn .add_tit p{width:100px;border:1px solid #57a259;margin: 0 auto;}
		@media screen and (max-width: 766px){
			.webset_bxo_gn .add_tit h1{font-size:18px;}

		}
		.webset_bxo_gn .add{overflow:hidden;padding:4%;}
		.webset_bxo_gn .addrow6,.webset_bxo_gn .addrow4{background:#f3f3f3;min-height:420px;}
		
		.webset_bxo_gn .addrow1{}
		.webset_bxo_gn .addrow1 li{border:1px solid #ccc;float:left;width:33.333333%;border-left:none;box-sizing: border-box;text-align:center;line-height: 2;padding: 4% 0;}
		.webset_bxo_gn .addrow1 li:first-child{border-left:1px solid #ccc;}
		.webset_bxo_gn .addrow1 li p{font-size:20px;}
		@media screen and (max-width: 766px){
			.webset_bxo_gn .addrow1 li{min-height: 23%;}
			.webset_bxo_gn .addrow1 li img{width:100%;}
			.webset_bxo_gn .addrow1 li p{font-size:14px;}

		}
		.webset_bxo_gn .addrow2 .hd{text-align:center;padding: 2% 0;}
		.webset_bxo_gn .addrow2 .hd a{padding: 5px 20px;border: 1px solid #ccc;margin: 0px 19px;font-size: 20px;}
		.webset_bxo_gn .addrow2 .hd a.on,.webset_bxo_gn .addrow2 .hd a:hover{background:#57a259;color:#fff;border-color:#57a259;}
		.webset_bxo_gn .addrow2 .bd1{padding:10% 13%;font-size:20px;color:#fff;transition:all 0s;}
		.webset_bxo_gn .addrow2 .bd_1{background: url(/images/addrow2_bg1.png) no-repeat 0 0;}
		.webset_bxo_gn .addrow2 .bd_2{background: url(/images/addrow2_bg2.png) no-repeat 0 0;}
		.webset_bxo_gn .addrow2 .bd_3{background: url(/images/addrow2_bg3.png) no-repeat 0 0;}
		.webset_bxo_gn div.left{margin-top:12%;    line-height: 1.8;}
		.webset_bxo_gn div.left h1{font-size:36px;color:#666;margin:0;}
		.webset_bxo_gn div.left p{font-size:20px;color:#666;}
		@media screen and (max-width: 766px){
			.webset_bxo_gn div.left h1{font-size:18px;}
			.webset_bxo_gn div.left p{font-size:14px;}
		}
		.webset_bxo_gn .addrow6{background: #f3f3f3 url(/images/webset0712/wb_gn_row6_img1.png) no-repeat left center;}
		.webset_bxo_gn .addrow6 div.left{margin-left: 59%;}
		@media screen and (max-width: 766px){
			.webset_bxo_gn .addrow3 .dropbz{text-align:center;}
			.webset_bxo_gn .addrow3 img.right{width:70%;float:none;}

			.webset_bxo_gn .addrow4 .dropbz{text-align:center;}
			.webset_bxo_gn .addrow4 img.left{width:70%;float:none;}
			.webset_bxo_gn .addrow4 div.left{text-align:left;padding-left:15%;}

			.webset_bxo_gn .addrow5 .dropbz{text-align:center;}
			.webset_bxo_gn .addrow5 img.right{width:70%;float:none;}
			.webset_bxo_gn .addrow5 div.left{text-align:left;padding-left:15%;}
			
			.webset_bxo_gn .addrow6{background-size: 151%;min-height: inherit;background-position-y: 0;}
			.webset_bxo_gn .addrow6 div.left{width: 100%;margin: 0;text-align: center;padding-top: 31%;}
			
			.webset_bxo_gn .addrow2 .bd1{    background-size: 100%;    padding: 8% 3%;font-size:12px;}
			.webset_bxo_gn .addrow2 .hd a{margin: 0 1%;padding: 1% 2%;font-size: 16px;}

		}


.webset_bxo_gn .row3{}
.webset_bxo_gn .row3 h1{text-align:center;margin-bottom:5%;}
.webset_bxo_gn .row3 li{width:10%;float:left;margin-left:5%;text-align:center;margin-bottom:15px;}
.webset_bxo_gn .row3 li img{width:100%;}
.webset_bxo_gn .row3 li p{line-height:30px;white-space: nowrap;}
.webset_bxo_gn .row3 li:first-child{margin-left:0;}
@media screen and (max-width: 766px) {
	.webset_bxo_gn .row3 li{width: 13%;margin-left: 0;display: inline-block;float: none;overflow:hidden;}
	.webset_bxo_gn .row3 li p{}
}

/* 功能详情 end */





/* 探索 */

/* ts title */

.odban3{background: url(../images/webset0712/qjz_ban3_bg.jpg) no-repeat top center;}
	.wts_tit{padding:3% 0;}
	.wts_tit h1{margin-bottom:1%;}
	.wts_tit p{text-align:center;font-size:24px;}
	/* ts title end */


.webset_ts{}
.webset_ts .dropbz{font-size:0;text-align:center;}
.webset_ts .row1{}

.webset_ts .row2{background: url(../images/webset0712/qjz_r2_bg.jpg) no-repeat top center;}

.webset_ts .row3{}

.webset_ts .row4{background: url(../images/webset0712/qjz_r4_bg.jpg) no-repeat top center;}

.webset_ts .row5{}

.webset_ts .row6{background: url(../images/webset0712/qjz_r6_bg.jpg) no-repeat top center;}

.webset_ts .row7{background: url(../images/webset0712/qjz_r8_bg.jpg) no-repeat top center;}

.webset_ts .row8{}

.webset_ts .row9{padding-bottom:4%;}
@media screen and (max-width: 766px) {
	.webset_ts .dropbz img{width:100%;}
	.webset_ts>div{background-size: auto 100%!important;}
	.wts_tit p{font-size:16px;}
	
}
/* 探索 end */

/* 案例 */
.odban4{background: url(../images/webset0712/webset_ban4.jpg) no-repeat top center;}

.wb_an_nav{padding:4% 0;}
.wb_an_nav a{float: left;padding: 0.5% 2%;margin: 0.5% 0;margin-right:0.5%; font-size:16px;}
.wb_an_nav a:hover,.wb_an_nav a.on{background: #009D0E;color: #fff;border-radius:4px;}
.wb_an_content{margin-bottom:3%;}
.wb_an_content li{width: 30%;float: left;margin-left: 5%;height: 285px;overflow: hidden;margin-bottom:25px;}
.wb_an_content li:first-child{margin-left:0;}
.wb_an_content li img{width:100%;}
/*.wb_an_page{margin-bottom:5%;overflow: hidden;}*/
.wb_an_page{ overflow: hidden;}
.wb_an_page a{float: right;margin-left:2%;padding:5px 10px;border:1px solid #eee;border-radius:4px;}
.wb_an_page a:hover{background:#009D0E;color:#fff;}
/* 案例 end */
@media screen and (max-width: 766px) {

	.only_ws_ban{height: 240px;background-size: auto 100%;}
	.only_ws_ban .dropbz{height: inherit;}
}

.odban5{background: url(../images/webset0712/webset_ban5.jpg) no-repeat center top;}

.wb_jg_box .dropbz{margin-bottom:5%;padding-top:5%;font-size:0;}
.wb_jg_box .btn{margin:8% 0; text-align:center;}
.wb_jg_box .btn a{display:block;width:250px;height:60px;font-size:24px;line-height:60px;text-align:center;margin:0 auto;background: #ec870e;color: #fff;border-radius: 7px;text-decoration: none;}
.wb_jg_box .dropbz>h1{margin-bottom:8%;}
.blank{width:500px;height:171px;margin:0 auto;background: url(../images/dgj0712/addressbg.png) no-repeat center top;padding:60px 40px 40px 40px;}
.blank p{height:50px;line-height:50px;font-size:24px;color:#57a259;}
.blank p span{margin-right:30px;color:#333;}
@media screen and (max-width: 766px) {
	.wb_jg_box img{width:100%;}
	.blank{width: 100%;background: url(../images/dgj0712/addressbg.png) no-repeat center top;background-size: 100%;box-sizing: border-box;padding: 30px 5%;}
	.blank p{font-size: 15px;line-height: 30px;height: 30px;}
	.blank p span{}
}

/* 模板 */
.odban6{background: url(../images/webset0712/webset_ban6.jpg) no-repeat center top;}

.mb_video{height: 699px;position:relative;}

.wb_mb_box .row1 .iptit{height: 86px;}
.wb_mb_box .row1 .iptit p{text-align:center;color:#333;}
.wb_mb_box .row1 .iptit hr{width: 480px;left: 50%;margin-left: -240px;background: #333;}

.wb_mb_box .row1{padding:5% 0;}
.wb_mb_box .dp1{}
.wb_mb_box .dp1 li{margin-bottom:70px;}
.wb_mb_box .dp1 li p:first-child{font-size:24px;margin:2% 0;}
.wb_mb_box .dp1 li p{text-align:center;}
.wb_mb_box .dp1 li .link{    height: 40px;    line-height: 40px;margin-top:20px;}
.wb_mb_box .dp1 li .link a{    background: #83cb82;border:1px solid #83cb82;padding: 8px 55px;margin: 0px 10px;margin-left: 15px;float: none;border-radius: 4px;color: #fff;transition: all 0.3s;height: 30px;line-height: 30px;}
.wb_mb_box .dp1 li .link a:hover{border-radius:8px;color:#83cb82;background:none;}
.wb_mb_box .dp1 li .link a:first-child{margin-left:0;}
.wb_mb_box .dp1 li{width:380px;float:left;margin-left:30px;position:relative;text-align:center;}
.wb_mb_box .dp1 li .border{transition: all 0.5s;}
.wb_mb_box .dp1 li  img{transition: all 2s;}
.wb_mb_box .dp1 li .dp1_li{background: url(/images/wb_mb_row1_libg.png) no-repeat 0 0;}
.wb_mb_box .dp1 li .dp1_li .box{width: 335px;height: 216px;margin-bottom: 15px;margin-top: 17px;position: relative;overflow: hidden;}
.wb_mb_box .dp1 li .dp1_li_phone{background: url(/images/wb_mb_row1_phone.png) no-repeat 0 0;position: absolute;top: 125px;z-index: 3;right: -6px;    width: 91px;    height: 170px;}
.wb_mb_box .dp1 li .dp1_li_phone .box{width: 73px;height: 117px;overflow: hidden;position: relative;top: 25px;left: 7px;}
.wb_mb_box .dp1 li .dp1_li .border{width: 329px;height: 210px;overflow: hidden;border: 3px solid RGBA(131,203,130,0);position:absolute;top:0;z-index:2;}
.wb_mb_box .dp1 li .dp1_li_phone .border{width: 67px;height: 112px;overflow: hidden;border: 3px solid RGBA(131,203,130,0);position:absolute;top:0;z-index:2;}
.wb_mb_box .dp1 li:first-child{margin-left:0;}
.wb_mb_box .dp1 li:hover .dp1_li .border{border: 3px solid #83cb82;}
.wb_mb_box .dp1 li:hover .dp1_li_phone .border{border: 3px solid #83cb82;}
.wb_mb_box .dp1 li .dp1_li img{position: absolute;left: 0;width: 335px;z-index:1;}
.wb_mb_box .dp1 li .dp1_li_phone img{position: absolute;left: 0;width: 73px;z-index: 1;}

.wb_mb_box .dp1 li.l1:hover .dp1_li img{transform: translateY(-140px);}
.wb_mb_box .dp1 li.l1:hover .dp1_li_phone img{transform: translateY(-228px);}

.wb_mb_box .dp1 li.l2:hover .dp1_li img{transform: translateY(-175px);}
.wb_mb_box .dp1 li.l2:hover .dp1_li_phone img{transform: translateY(-435px);}

.wb_mb_box .dp1 li.l3:hover .dp1_li img{transform: translateY(-270px);}
.wb_mb_box .dp1 li.l3:hover .dp1_li_phone img{transform: translateY(-440px);}
/*ok*/
.wb_mb_box .dp1 li.l4:hover .dp1_li img{transform: translateY(-370px);}
.wb_mb_box .dp1 li.l4:hover .dp1_li_phone img{transform: translateY(-37px);}

.wb_mb_box .dp1 li.l5:hover .dp1_li img{transform: translateY(-370px);}
.wb_mb_box .dp1 li.l5:hover .dp1_li_phone img{transform: translateY(-37px);}

.wb_mb_box .dp1 li.l6:hover .dp1_li img{transform: translateY(-370px);}
.wb_mb_box .dp1 li.l6:hover .dp1_li_phone img{transform: translateY(-37px);}

.wb_mb_box .dp1 li.l7:hover .dp1_li img{transform: translateY(-370px);}
.wb_mb_box .dp1 li.l7:hover .dp1_li_phone img{transform: translateY(-37px);}

.wb_mb_box .dp1 li.l8:hover .dp1_li img{transform: translateY(-370px);}
.wb_mb_box .dp1 li.l8:hover .dp1_li_phone img{transform: translateY(-37px);}

.wb_mb_box .dp1 li.l9:hover .dp1_li img{transform: translateY(-370px);}
.wb_mb_box .dp1 li.l9:hover .dp1_li_phone img{transform: translateY(-37px);}

.wb_mb_box .dp1 li.l10:hover .dp1_li img{transform: translateY(-370px);}
.wb_mb_box .dp1 li.l10:hover .dp1_li_phone img{transform: translateY(-37px);}

.wb_mb_box .dp1 li.l11:hover .dp1_li img{transform: translateY(-370px);}
.wb_mb_box .dp1 li.l11:hover .dp1_li_phone img{transform: translateY(-37px);}

.wb_mb_box .dp1 li.l12:hover .dp1_li img{transform: translateY(-370px);}
.wb_mb_box .dp1 li.l12:hover .dp1_li_phone img{transform: translateY(-37px);}

@media screen and (max-width: 766px) {
	.wb_mb_box .dp1 li{    float: none;    margin: 5% auto!important;}
	.mb_video{height:300px;}
}
@media screen and (max-width: 466px) {
	.mb_video{height:250px;}
}
/* 模板 end */


/* 价格 */

.dgj_kt{background:#f0f4f6;border:1px solid #ccc;border-top:none;overflow:hidden;}
.dgj_kt li{float:left;text-align:center;width:146px;margin-right:30px;padding:2%;}
.dgj_kt li:first-child{margin-left:80px;}
.dgj_kt li p{font-size:18px;line-height:2;}
.dgj_kt a{display: block;width: 150px;margin: 0 auto;height: 40px;line-height: 40px;text-align: center;font-size: 18px;border-radius: 4px;background: #ec870e;color: #fff;}
@media screen and (max-width: 766px) {
	.dgj_kt:first-child li:first-child{display:none;}
	.dgj_kt li{width:25%;padding:2% 0;    margin: 0!important;}
	.dgj_kt a{width: 80%;}

}
/* 价格end */