@charset "gbk";
/* CSS Document */

.mobileBanner{width:100%; height:520px; background:url(../images/mobilebanner.png) no-repeat center;}

.sjSpan{background:#f8f8f8 url(../images/sjbox.png) no-repeat center;}
.sjBox{position:relative; height:1194px;}
.sjBox dl{position:absolute;}
.sjBox dt{margin-bottom:50px;}
.sjBox dt h3{font-size:30px; color:#026bbc;}
.sjBox dt p{margin-bottom:4px; font-size:22px; color:#282828;}
.sjBox .sjTxt01{left:0px; top:278px;}
.sjBox .sjTxt01 dd{width:432px; line-height:22px; font-size:14px; color:#333;}
.sjBox .sjTxt02{right:20px; top:660px;}
.sjBox .sjTxt02 dt p{font-size:18px;}
.sjBox .sjTxt02 dd{padding-bottom:26px;}
.sjBox .sjTxt02 dd p{padding-top:4px; padding-left:30px; margin-bottom:20px; width:390px; line-height:22px; font-size:14px; color:#333; background:url(../images/sjddp_ico.png) no-repeat left 2px;}




#gnSpan03 .gnBox03{
    float:right
}
.gnSpan .container{position:relative; height:440px; overflow:hidden;}
/*#gnSpan01{background:url(../images/shouji1.jpg) no-repeat center center;}*/
#gnSpan01{background: #f1f1f1; padding: 35px 0;}
/*#gnSpan03{background:url(../images/shouji2.jpg) no-repeat center center;}*/
#gnSpan03{background: #fff; padding: 35px 0;}

#gnSpan02{background-color:#fff;padding-top:20px;}
#gnSpan01 .container{background:url(../images/gnspan01.png) no-repeat 648px 25px;}

#gnSpan02 .container{background:url(../images/gnspan02.png) no-repeat left 70px center;}
#gnSpan03 .container{padding:0px 0px; background:url(../images/gnspan03.png) no-repeat 30px center;}
/*#gnSpan04{background:url(../images/hwgn_bj.jpg) no-repeat center center;padding:30px 0;}*/
/*#gnSpan04 .container{background:url(../images/gnspan04.png) no-repeat left center;}*/

.gnBox02 , .gnBox04{float:right;}
.gnBox{margin-top:0;width:50%;}
.gnBox3{margin-top:65px;}
.gnBox h3{margin-bottom:10px; font-size:24px; color:#ff5b00;font-weight:bold;}
.gnBox dl{margin-bottom:10px; width:470px;}
.gnBox dt{font-size:18px; color:#333;line-height:40px;}
.gnBox dd{line-height:26px; font-size:16px; color:#999;}
.gnBox04 ul{margin-bottom:20px;}
.gnBox04 li{width:100%;padding-left:50px; height:50px; line-height:50px; font-size:16px; background:url(../images/gnli_ico.png) no-repeat left 20px center;border:1px solid #ff5b00;font-weight: bold;margin:10px 0;color:#ff5b00;}
.gnBox .gnBox04 a{ display:block; width:228px; height:59px;}
.gnTab{position:absolute; left:50%; top:0px; margin-left:-2px; width:3px; height:100%; background-color:#026bbc;}
.gnTab a{display:block; margin-bottom:15px; margin-left:-27px; width:54px; height:54px; background-repeat:no-repeat; background-position:center top;}
.gnTab a:hover , .gnTab a.cur{background-position:center bottom;}
.gnTab .gnTab01{margin-top:160px; background-image:url(../images/gntabimg01.png);}
.gnTab .gnTab02{background-image:url(../images/gntabimg02.png);}
.gnTab .gnTab03{background-image:url(../images/gntabimg03.png);}
.gnTab .gnTab04{background-image:url(../images/gntabimg04.png);}

.m_mobile_img{
	display: none;
}
/*����*/
.alSpan{padding:44px 0px; background:#f8f8f8 url(../images/alspan.png) no-repeat center;}
.alSpan h4{text-align:center; font-size:30px; color:#282828;}
.alSpan h4 b{color:#026bbc;}
.alSpan h4 p{font-size:12px; font-weight:normal; color:#999;}

.alSpan .alCont{padding-top:30px; position:relative;}
.alSpan .alCont ul{margin:0 auto; width:944px; overflow:hidden;}
.alSpan .alCont li{float:left; width: 185px;}
.alSpan .alCont li .alImgBg{padding:43px 16px 51px 8px; width: 202px;height: 180px;overflow:hidden; }/*background:url(../images/alimgbg.png) no-repeat center;*/
.alSpan .alCont li .alImgBg p{padding-right:16px; width:198px;  }/*overflow:scroll;overflow-x:hidden; */
.alSpan .alCont li h5{margin-top:6px; font-weight:normal; font-size:14px; height:20px; width:160px; padding:0px 10px; text-align:center; overflow:hidden;}
.alSpan .alCont .btnLeft , .alSpan .alCont .btnRight{position:absolute; top:50%; margin-top:-32px; width:64px; height:64px;}
.alSpan .alCont .btnLeft{left:-30px; }
.alSpan .alCont .btnRight{right:-30px; }


.zxSpan{margin:44px auto;}
.zxSpan h2{ font-size:16px; font-weight:normal; margin-bottom:20px;}
.zxSpan h2 a{color:#026bbc;}
.zxSpan h2 span{display:block; font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#999;}

.zxBox{width:580px;}
.zxBox dl{height:260px; overflow:hidden;}
.zxBox dt{width:250px;}
.zxBox dt p{line-height:20px;}
.zxBox dt h5{ height:25px; line-height:25px; overflow:hidden;}
.zxBox h2{color:#026bbc;font-size:16px;}
.zxBox h2 a{color:#026bbc;}
.zxBox h2 span{display:block; font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#999;}
.zxBox dt img{ width:250px; overflow:hidden;}
.zxBox dd{margin-left:270px;}
.zxBox dd ul{position:relative; top:-8px;}
.zxBox dd li{height:30px; line-height:30px; overflow:hidden;padding-right:10px;}
.zxBox dd li>a{width:215px;verflow:hidden; float:left;font-size:14px; }
.zxBox dd li font{ float:right; font-size:12px; color:#999999;}
/*��������*/
.cjwt{padding-left:42px; width:380px;}
.cjwt ul{position:relative; top:-8px;}
.cjwt li{height:30px; line-height:30px; overflow:hidden; padding-right:10px;}
.cjwt li font{ float:right; font-size:12px; color:#999999;}
.cjwt li a{ float:left; width:280px; overflow:hidden; font-size:14px;}
.byyySpan{height:600px; background:url(../images/byyyspan.png) no-repeat center;}
.byyySpan .byTit{padding-top:54px; padding-bottom:22px; font-size:30px; color:#fff; text-align:center;}
.byyySpan .byTit p{font-size:12px; font-weight:normal;}

/*����*/
.dingDan{width:400px;}
.dingDan h4{height:110px; line-height:104px; background:url(../images/dingdantit.png) no-repeat center; font-size:16px;}
.dingDan h4 a{margin-left:22px; color:#fff;}
.dingDan ul{margin-left:22px;}
.dingDan li{position:relative; height:32px; line-height:32px; overflow:hidden; padding-left:10px; background:url(../images/dingdan_ico.png) no-repeat left 14px;}
.dingDan li em{display:block; width:260px; font-size:14px; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.dingDan li span{position:absolute; right:0; top:0px; color:#b03e00;}

/*����ԤԼ*/
.msYy{position:relative; margin-top:100px; margin-right:200px;}
.msYy .m_form{}
.msYy .m_form>li{margin-bottom:5px;}
.msYy .m_form .iptTxt , .iptD p{width:250px; border:none; height:18px; line-height:18px; padding:10px; outline:none; background:url(../images/ipttxt_yy.png) no-repeat center; color:#666; font-family:microsoft yahei; font-size:14px;}
.msYy .m_form .iptD{position:relative;}
.msYy .m_form .iptD p{background:url(../images/iptsel_yy.png) no-repeat center;}
.msYy .m_form .iptD ul{position:absolute; top:36px; left:0px; z-index:999; display:none; width:270px; background-color:#fff; border-bottom:2px solid #ccc;height:170px;overflow:scroll;overflow-x:hidden;}
.msYy .m_form .iptD ul li{height:34px; line-height:34px; overflow:hidden;}
.msYy .m_form .iptD ul li{display:block; padding:0px 10px; font-size:14px; text-decoration:none; cursor:pointer;}
/*.msYy .m_form .iptD:hover ul{display:block;}*/
.msYy .m_form .iptD ul li:hover{background-color:#f2f2f2;}
.msYy .m_form .txtAre{width:250px; height:78px; border:none; outline:none; resize:none; padding:5px 10px; color:#666; line-height:20px; background:url(../images/txtare_yy.png) no-repeat center; font-family:microsoft yahei; font-size:14px; *overflow:hidden;}
.msYy .m_form .btnTj{width:160px; height:66px; border:none; background:url(../images/btntj_yy.png) no-repeat center; cursor:pointer;}

/*功能优势*/

.main_jjfa{padding-top:30px;padding-bottom:30px;background-color:#f0f0f0}
.main_jjfa .box{padding-top:10px}
.main_jjfa ul li{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;float:left;width:395px;display:block;padding:20px 10px;font-size:18px;color:#333;font-weight:700;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.main_jjfa ul li a{color:#333}
.main_jjfa ul li:hover{background-color:#d8e2f0}
.main_jjfa ul li p{font-size:14px;line-height:24px;color:#999;font-weight:400;padding-top:10px}
.main_jjfa ul li img{float:left;height:86px;width:86px;margin-right:15px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.main_yxjc{padding-top:70px;padding-bottom:70px}
.main_yxjc .box{padding-top:50px}
.main_yxjc .box ul li{width:130px;float:left;display:block;font-size:16px;color:#333;font-weight:700}
.main_yxjc .box ul li p{font-size:12px;padding-top:10px;line-height:24px;color:#999;font-weight:400}
.main_yxjc .box ul li.on{color:#026bbc}
.main_yxjc .box .pic{clear:both;float:none;padding-top:50px;text-align:center}
.main_yxjc .box .pic li{
	width: 100%;
}
/*功能优势end*/

/*应用场景*/
.yycj{padding:20px 0}

		.cg_anli_title{
		    text-align: center;
		    margin:15px 0;
		}
		.cg_anli_title h2{
		    font-size:30px;
		    line-height: 50px;
		    font-weight: bold;
		}
			.sjSpan {
				padding:10px 0 20px 0;
			}

			.hwxt_title {
				text-align: center;
			}

			.hwxt_title h2 {
				font-size: 36px;
				color: #333;
				font-weight: bold;
				margin-bottom: 10px;
			}

			.hwxt_title h2 em {
				display: block;
				font-size: 14px;
				color: #ccc;
				margin-top: 5px;
			}

			.hwxt_titlei {
				display: block;
				background: url(../images/line.png) no-repeat center;
				width: 69px;
				height: 3px;
				margin: 0 auto;
			}
.yycj ul{
    padding:20 0 20px 0;
}
.yycj ul li{
	width:22.2%;
	display:flex;
	float:left;
	height: auto;
	color: #fff;
	box-shadow: 0 0 12px rgba(0,0,0,.5);
	border-radius: 10px;
	transition: all .6s;
    margin: 10px 1.3%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding:70px 0;
}

.yycj ul li:hover{
     box-shadow: 0 0 10px rgba(0,0,0,.5);
    transform: translateY(-5px)
}
.yycj .box_tb{
    margin-bottom: 20px;
}
.yycj .box-title h5{
font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 20px;
}
#yycj_bj1{
	background: url(../picture/hw_yycj.png) no-repeat bottom;
}
#yycj_bj2{
	background: url(../picture/hw_yycj2.png) no-repeat bottom;
}
#yycj_bj3{
	background: url(../picture/hw_yycj3.png) no-repeat bottom;
}
#yycj_bj4{
	background: url(../picture/hw_yycj4.png) no-repeat bottom;
}
.gnSpan .hwxt_title_nr i{
	    display: block;
	    background: url(../images/line.png) no-repeat center;
	    width: 69px;
	    height: 3px;
	    margin: 0 auto;
	}

/*底部案例*/
.cg_anli{
    width: 100%;
    background:#f4f5fb;
    padding: 15px 0;
}
.cg_anli .cg_anli_title {
    margin: 15px 0;
}
.cg_anli .cg_anli_title h2 {
    font-size: 28px;
    color: #000;
    font-weight: normal;
    line-height: 60px;
    text-align: center;
}
	.cg_anli_cot ul{
	    width:100%;
	}
	.cg_anli_cot ul li {
    width: 22.5%;
    float: left;
    margin-right: 3.33%;
    margin-bottom: 1.5rem;
}
.cg_anli_cot ul li:nth-child(4) {
    margin-right: 0;
}
.cg_anli_cot ul li img {
    width: 100%;
    display: block;
    border-radius: 0.04rem;
    transform: perspective(200px) rotateY(0deg);
    opacity: ;
    transition: transform 600ms ease,opacity 600ms ease;
    -webkit-transition: transform 600ms ease,opacity 600ms ease;
}

.cg_anli_cot ul li :hover img{
             transform:perspective(200px) rotateY(360deg);
             opacity:;
             transition:transform 1200ms ease,opacity 3000ms ease;
             -webkit-transition:transform 1200ms ease,opacity 3000ms ease;
}

/* -- �������� -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}


@media only screen and (max-width:769px) and (min-width:320px){
    .yycj ul li{
        width: 47%;
        padding: 20px 0;
    }
    
	.alSpan .alCont ul{
		width:100%!important;
	}
	.alSpan .alCont .btnLeft{
		display:none;
	}
	.alSpan .alCont .btnRight{
		display:none;
	}

	.sjSpan{
		background-size:100%;
		background-position-y:0;
	}

	.sjBox .sjTxt01{
		width:50%;
	}
	.sjBox .sjTxt01 dd{
		width:100%;
	}
	.sjBox .sjTxt02{
		width:50%;
		top:520px;
		right:0;
		padding-left:5px;
		box-sizing:border-box;
	}
	.sjBox .sjTxt02 dd{
		width:100%;
	}
	.sjBox{
		height:900px;
	}
	.gnBox dl{
		width:100%;
	}
	#gnSpan01 .container{
		background-position-x:right;
	}

	.gnBox{
		width:45%;
	}
	#gnSpan02 .container{
		background-size:46%;
	}

	#gnSpan03 .container{
		padding:0;
	}

	.gnSpan .container{
		height:520px;
	}

	.zxBox{
		width:100%;

	}
	.zxBox dd{
		margin-left:0;
	}
	.cjwt{
		width:100%;
		padding-left:0;
	}
	.container{
		width:100%;
	}
	   .cg_anli_cot ul li{
    width: 48%;
    float: left;
    margin-right: 2%;
    margin-bottom: 1.5rem;
    }
    
    .cg_anli_cot ul li:nth-child(2) {
    margin-right: 0;
    }
    .cg_anli_cot ul li:nth-child(4) {
    margin-right: 0;
    }
    .cg_anli_cot ul li:nth-child(6) {
    margin-right: 0;
    }
}


@media only screen and (max-width:415px) and (min-width:320px){
    
.cg_anli_cot ul{
    padding：0 1%;
}
 .cg_anli_cot ul li{
    width: 48%;
    float: left;
    margin-right: 2%;
    margin-bottom: 1.5rem;
    }
    
    .cg_anli_cot ul li:nth-child(2) {
    margin-right: 0;
    }
    .cg_anli_cot ul li:nth-child(4) {
    margin-right: 0;
    }
    .cg_anli_cot ul li:nth-child(6) {
    margin-right: 0;
    }
    
	.sjSpan .container{
		width:100%;
	}
	.sjBox .sjTxt01{
		top:93px;
	}
	.sjBox .sjTxt01 dd{
		display:none;
	}
	.sjBox .sjTxt02{
		top:225px;
	}
	.sjBox .sjTxt02 dd{
		display:none;
	}
	.sjBox{
		height:340px;
	}
	#gnSpan01 .container{
		width:100%;
		background-size:50%;
	}
	.gnTab{
		display:none;
	}

	.gnBox{
		width:100%;
		padding:0 5px;
	}
	.gnBox h3{
		text-align:center;
		
	}

	#gnSpan02 .container{
		width:100%;
		background:none;
	}

	#gnSpan03 .container{
		width:100%;
		background:none;
	}
	
	#gnSpan04 .container{
		width:100%;
		background:none;
	}

	.gnBox04{
		text-align:center;
	}
	.gnBox04 ul{
		text-align:left;
	}

	.alSpan{
		display:none;
	}

	.zxSpan.container{
		width:100%;
		padding:0 5px;
	}

	.m_footer_info .container{
		width:100%;
	}
}

@media only screen and (max-width:325px) and (min-width:320px){
	.sjBox dt h3{
		font-size:18px;
	}
	.sjBox dt p{
		font-size:18px;
	}
	.sjBox .sjTxt01{
		top:75px;
	}
	.sjBox .sjTxt02{
		top:200px;
	}
	.sjBox{
		height:340px;
	}
	.gnBox{
		margin-top:30px;
	}
	.gnSpan .container{
		height:560px;
	}

	#gnSpan04 .container{
		height:420px;
	}
	.cjwt li a{
		width:275px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 1200px) {
		.gtop{
		padding-top: 15px;
	}
	.m_mobile_img{
		display: block;
		text-align: center;
	}
	.gnBox04 a img{
		width: 45%;
	}
	.sjBox .sjTxt01{
		left: 1%;
	}
	.gtop h2{
		font-size: 20px;
	}
	.gtop h2 span{
		font-size: 12px;
	}
	.gtop h3{
		font-size: 14px;
		margin: 10px 0;
	}
	.gcont ul{
		width: 100%;
	}
	.gcont li{
		width: 48%;
		margin: 1%;
	}
	.gcont li h5{
		margin: 10px 0;
	}
	.gcont li p{
		height: 66px;
		overflow: hidden;
	}
	.gcont{
		margin: 15px 0;
	}
	.gd_vant{
		margin-top: 15px;
	}
	.gd_vant .vtop h2{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.gd_vant .vcont{
		margin-bottom: 15px;
	}
	.gd_vant .vcont dt span{
		font-size: 24px;
	}
	.gd_vant .vcont dd{
		margin-top: 15px;
	}
	.gd_vant .vcont dd p{
		height: auto;
		font-size: 12px;
		line-height: 20px;
	}
	.gd_vant .vcont dl{
		position: relative;
		padding-bottom: 15px;
	}
	.gd_vant .vcont .ys1,
	.gd_vant .vcont .ys2{
		height: auto;
	}
	.wzjs_swhy .vtop .container{
		padding-top: 15px;
		overflow: hidden;
	}
	.wzjs_swhy .vtop h3{
		font-size: 14px;
	}
	.wzjs_swhy .vtop h2{
		margin: 10px 0;
		font-size: 16px;
	}
	.wzjs_swhy .vtop font{
		margin-top: 10px;
	}
	.wzjs_liuda{
		display: none;
	}
	.gd_vant .vcont dt p{
		font-size: 15px;
	}
	.gd_vant .vcont .ys2 h5{
		display: none;
	}
	.sjBox dt h3{
		font-size: 16px;
	}
	.sjBox dt p,
	.sjBox .sjTxt02 dt p{
		font-size: 16px;
	}
	.gnBox{
		margin-top: 15px;
	}
	#gnSpan01{
		background: #f2f2f2;
	}
	.gnBox h3{
		font-size: 20px;
		margin-bottom: 15px;
	}
	#gnSpan01 .container{
		background: none;
		height: auto;
		padding: 0 3%;
	}
	.gnSpan .container{
		height: auto;
	}
	.gnBox h3{
		font-size: 20px;
	}
	.gnBox04 ul{
		margin-bottom: 15px;
	}
	.gnBox04{
		margin-bottom: 15px;
		margin-right: 0;
	}
	.gnSpan .container{
		height: auto;
	}
}