@charset "utf-8";
/* CSS重置 and 公共样式*/
*{margin:0; padding:0; border:0; list-style:none}
body{font-family:"微软雅黑"; color:#555; font-size: 1rem;}
a{text-decoration:none; color:#555;}
li{list-style:none;}
img{display:block;}
body,p,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd{margin:0; padding:0;
	list-style: none; font-weight:normal;}
.container{width:100%;overflow:hidden; position: relative;
	margin:auto;max-width:640px;min-width:320px;}
.left{float:left!important}
.right{float:right!important}
.floatClear{zoom: 1;}
.floatClear{content: '.'; width: 0; height: 0; display: block; clear: both; visibility: hidden;}
.clear{clear:both;}
/*top and logo*/
.allW{width:100%; overflow:hidden; }
.allW img{width:100%;}
.margin-b{margin-bottom: 1rem;}
.margin-t{margin-top: 1rem;}
.margin-a{margin-top: 0.8rem; margin-bottom: 0.8rem;}
/*  */

.XW-banner{
	margin-top: 0.4rem;
}
.XW-pbulic-title h1{
	text-align: center;
	font-size: 1.35rem;
	color: #166be0;
	font-weight: bold;
	margin-top: 0.6rem;
}
.XW-pbulic-title h5{
	font-size: 0.55rem;
	text-transform: uppercase;
	color: #9d9ea0;
	text-align: center;
	margin-top: 0.2rem;
	white-space: nowrap;
}

.XW-pbulic-title .EM01{
	display: block;
	width: 72%;
	margin: 0 auto;
	height: 1px;
	margin-top: 0.4rem;
	background-color: #ccc;
}
.XW-pbulic-title .EM02{
	display: block;
	width: 3.2rem;
	margin: 0 auto;
	height: 5px;
	background-color: #166be0;
	margin-top: -3px;
}

/*  */
.XW-videoANDimg{
	margin-top: 0.8rem;

}
.XW-img{
	width: 51.5625%;
	height: 8.2875rem;
}
.XW-video{
	width: 95%;
	text-align:center;
	/*height: 8.2875rem;*/
	margin:0 auto;
}
.XW-img img,.XW-video video{
	display: block;
	width: 100%;
	height: 100%;
}
.XW-vip{
	font-size: 0.825rem;
	line-height: 1.2rem;
	text-indent: 2em;
	margin-top: 0.6rem;
	margin-bottom: 0.8rem;
}
.XW-vip a{
	color: #ff0202;
}
.XW-g-line{
	height: 0.6rem;
	background-color: #eee;
}
.second-title{
	width: 75%;
	margin: 0 auto;
	overflow: hidden;
}
.second-title img{
	width: 7.5%;
	margin-top: 0.12rem;
}
.second-title span{
	font-size: 0.825rem;
	text-align: center;
	width: 85%;
}
/*  */
.XW-stardend{
	height: 18.6375rem;
	margin-top: 1rem;
	background: url(../images/wfl_20.jpg) no-repeat;
	background-size: 100%;
	position: relative;
}
.XW-TVslide{
	width: 32.1875%;
	margin-top: 4.88rem;
	margin-left: 11.4%;
	/* background-color: red; */
	/* transform: rotate(2deg) */
}

.XW-txt{
	position: absolute;
	right: 0;
	top: 0;
	width: 57%;
	font-size: 0.75rem;
}
.XW-txt li:nth-of-type(1){padding-top: 1rem;}
.XW-txt li:nth-of-type(2){padding-top: 0.33rem; padding-left: 30%;}
.XW-txt li:nth-of-type(3){padding-top: 1.2rem; padding-left: 51%;}
.XW-txt li:nth-of-type(4){padding-top: 2.37rem; padding-left: 60%;}
.XW-txt li:nth-of-type(5){padding-top: 2.77rem; padding-left: 53%;}
.XW-txt li:nth-of-type(6){padding-top: 1.32rem; padding-left: 36%;}
.XW-txt li:nth-of-type(7){padding-top: 0rem; padding-left: 7%;}

.XW-ks-intro-list li{
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 0.5rem;
}
.XW-ks-intro-list li a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.XW-ks-intro-list li:nth-of-type(3n){
	margin-right: 0;
}
.XW-ks-intro-list li span{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 0.825rem;
	line-height: 2.2rem;
	background-color: rgba(0,0,0,0.7);
	position: absolute;
	bottom: 0;
	color: #fff;
}
.XW-consultBtn{
	box-sizing: border-box;
	padding: 0 6%;
}

.XW-consultBtn a:first-child{
	background-color: #2d84fc;
	float: left;
	width: 62%;
	margin-right: 2%;
	color: #fff;
	font-size: 0.8rem;
	text-align: center;
	line-height: 3rem;
	border-radius: 0.4rem;
}
.XW-consultBtn a:last-child{
	background-color: #f97c02;
	float: left;
	width: 36%;
	color: #fff;
	font-size: 0.8rem;
	text-align: center;
	line-height: 3rem;
	border-radius: 0.4rem;
}

/*  */
.XW-talk{
	margin-top: 0.8rem;
}
.XW-talkImg{
	width: 32.34375%;
	height: 13.5rem;
	background-color: #166be0;
}
.XW-talkImg img{
	width: 100%;
	padding-top: 0.2rem;
}

.XW-talkImg p{
	color: #fff;
	font-size: 0.675rem;
	width: 90%;
	margin: 0 auto;
	margin-top: 0.2rem;
}

.XW-talkslide{
	width: 66.9%;
	height: 13.5rem;
	background: url(../images/wfl_45.jpg) no-repeat center;
	background-size: 100% 10.275rem;
}

.XW-talkslideBox{
	width: 92.28%;
	margin: 0 auto;
	padding: 0.75rem 0;
}


.XW-talkslideBox .swiper-container-horizontal > .swiper-pagination{
	bottom:-5px;
}
.XW-talkslideBox .swiper-pagination-bullet{
	 background-color: #166be0; 
	 opacity: 1;
}
.XW-talkslideBox .swiper-pagination-bullet-active{
	background-color: #f97c02;
	opacity: 1;
}

.wantConsult{
	font-size: 0.825rem;
	line-height: 2.4rem;
	width: 50%;
	margin: 1rem auto 0.8rem;
	text-align: center;
	border-radius: 0.3rem;
	background-color: #2d84fc;
	color: #fff;
}
.wantConsult a{
	color: #fff;
	display: block;
	width: 100%;
}
.XW-videoJihe{
	width: 71.56%;
	margin: 0.8rem auto;
}
.XW-videoJihe video{
	width: 100%;
	display: block;
}
.XW-videoJihe span{
	display: block;
	width: 100%;
	text-align: center;font-size: 0.75rem;
	line-height: 2rem;
}	

/*  */
.XW-sb{
	margin-top: 0.8rem;
	background-color: #eee;
	box-sizing: border-box;
	padding: 0.6rem 0.3rem;
	margin-bottom: 0.8rem;
}

.XW-sb-list li{
	float: left;
	width: 32%;
	height: 6.575rem;
	margin-right: 2%;
	background-color: #fff;
	margin-bottom: 0.5rem;
}
.XW-sb-list li img{
	width: 92.7%;
	margin: 0 auto;
	padding-top: 0.4rem;
}
.XW-sb-list li span{
	width: 100%;
	text-align: center;
	font-size: 0.825rem;
	line-height: 1.8rem;
	display: block;
}
.XW-sb-list li:nth-of-type(3n){
	margin-right: 0;
}
.XW-sb-list .on{
	height: 6.575rem;
	line-height: 6.575rem;
	background-color: #33a2f8;
	text-align: center;
	font-size: 0.825rem;
}
.XW-sb-list .on a{
	color: #fff;
}

.XW-sb-list li:nth-of-type(n+3){
	margin-bottom: 0;
}





/*  */
.XW-title03{
	width: 50%;
	overflow: hidden;
	border:1px #ccc solid;
	margin: 0 auto 1rem;
	height: 2rem;
}
.XW-title03 i{
	float: left;
	width: 0.5rem;
	height: 0.5rem;
	background-color: #eee;
}
.XW-title03 span{
	float: left;
	width: 11rem;
	font-size: 1.35rem;
	text-align: center;
}
.XW-title03 .Li{
	margin-top: 1.5rem;
}
.XW-picture-show li{
	float: left;
	width: 49%;
}
.XW-picture-show li img{
	display: block;
	width: 100%;
	margin-bottom: 0.5rem;
}
.XW-picture-show li:nth-of-type(even){
	margin-left: 2%;
}

.XW-comment-list li{
	float: left;
	box-sizing: border-box;
	border:1px #de1b05 solid;
	text-align: center;
	font-size: 0.825rem;
	line-height: 2.4rem;
	margin-right: 2%;
	margin-bottom: 0.5rem;
}
.XW-comment-list{
	margin-bottom: 0.3rem;
}
.XW-comment-list li:nth-of-type(1){width: 30%;}
.XW-comment-list li:nth-of-type(2){width: 34%;}
.XW-comment-list li:nth-of-type(3){width: 32%; margin-right: 0;}
.XW-comment-list li:nth-of-type(4){width: 30%;}
.XW-comment-list li:nth-of-type(5){width: 30%;}
.XW-comment-list li:nth-of-type(6){width: 36%; margin-right: 0;}

.XW-comment-list li a{
	display: block;
	width: 100%;
	color: #de1b05;
}

.XW-pbulic-title6 h6{
	font-size: 0.9rem;
	text-align: center;
	margin-top: 0.3rem;
	margin-bottom: 0.5rem;
}

.XW-huandeng{
	width: 85.78%;
	margin: 0 auto;
}


.XW-effect{
	margin-top: 0.8rem;
	margin-bottom: 0.8rem;
}

.XW-effect .swiper-slide{
	width: 60%;
}

.XW-effect .swiper-slide video{
	display: block;width: 100%;
}
.XW-effect .swiper-slide span{
	display: block;
	width: 80%;
	text-align: center;
	margin: 0 auto;
	font-size: 0.675rem;
	margin-top: 0.3rem;
}




.fengge-line{height: 0.7em; background-color: #efefef; 
	box-sizing: border-box; border: 1px #d4d4d4 solid;}
.fengge-line-second{border: none;border-top: 1px #d4d4d4 solid;}

.bottom-nav{overflow: hidden;}
.bottom-nav li{float: left; width: 21.5%; box-sizing: border-box; border-left: 1px #292929 solid; font-size: 0.8em;
	border-right: 1px #b4b3b3 solid; text-align: center; margin-top: 1.2em; margin-bottom: 4em;}
.bottom-nav li:first-child{border-left: none; width: 14%}
.bottom-nav li:last-child{border-right: none;}
.bottom-nav li a:hover{color: #ff8400;}



.sq209-caseBtn{width: 90%; margin: 1.2rem auto 1rem; line-height: 2.2rem; background-color: #ff8400; text-align: center; font-size: 1rem;
	border-radius: 2rem;}
.sq209-caseBtn a{color: #fff;}



/*system*/
.systembox {
	color: #333;
	margin-top: 0.6em;
}
.systembox h1 {
	width: 100%;
	text-align: center;
	line-height: 1em;
	color: #0083eb;
	font-weight: bold;
	border-bottom: #c9c9c9 1px solid;
	padding-bottom: 0.4em;
	font-size: 1.3em;
}
.list1 {
	border-bottom: #d7e3db 1px solid;
	margin: 0.7em 0;
}
.list1 li span { padding:0px 6px; float:left; margin-right:10px; position:relative; background:#0083eb; color:#fff;}
.list1 li span:before{ content:""; position:absolute; right: -0.28rem;top: 30%;border-left: 0.3rem solid #0083eb;border-top: 0.3rem solid #fff;border-bottom: 0.3rem solid #fff;}
.list1 li {
	width: 100%;
}
.list1 li a{color:#333;}
.list1 li p {
	display: inline-block;
	margin: 0;
}
.list1 li:nth-of-type(1) {
	font-size: 1em;
	margin-bottom: 0.4em;
}
.list1 li:nth-of-type(2) {
	margin-bottom: 0.4em;
	font-size: 0.825rem;
	padding-left: 1%;
        line-height:2;
}
.list4 li p {
	display: inline-block;
	width: 48%;
}
.list11 li p {
	display: block;
	width: 100%;
}
.list41 li p{width: 60%;}
.list41 li p:nth-child(2n) {
	width: 38%;
}
/**/
.lianxi li {
	width: 100%;
	overflow: hidden;
	margin-bottom: 0.4em;
}
.lianxi li label {
	width: 25%;
	background-color: #f1f1f1;
	display: inline-block;
	text-align: center;
	line-height: 2em;
	font-size: 0.825rem
}
.lianxi li input {
	width: 73%;
	box-sizing: border-box;
	border: 1px #f1f1f1 solid;
	padding-left: 0.4em;
	height: 2em;
	border-left: 0;
	outline: 0;
	font-size: 0.825rem;
}
.tijiao {
	width: 100%;
	overflow: hidden;
	margin: 0.6em auto 0.8em auto;
}
.tijiao * {
	width: 48%;
	color: #FFF;
	line-height: 2.5em;
	text-align: center;
	font-size: 1em;
	border-radius: 0.2em;
}
.tijiao input {
	margin: 0;
	margin-right: 2.2%;
	background-color: #0083eb;
       -webkit-appearance: none;
}
.tijiao a {
	display: inline-block;
	background-color: #f05540;
}






.top-nav{overflow: hidden; padding:0.3em 0;}
.top-nav li{float: left; width: 33.33%; padding:0.6em 0; color: #006be0;}
.top-nav .current-li{box-sizing: border-box; border-right: 1px #e6e6e6 solid;}
.top-nav .current-li img{width: 42%; margin:0.1em 0 0.25em 29%;}
.top-nav .current-li div h4{width: 100%;text-align: center;  font-size: 1em;}
.top-nav .current-li div span{font-size: 0.55em; display: block; width: 100%; text-align: center;}
.top-nav li a{display: inline-block; width: 100%; color:#006be0 }
/*.top-nav .current-li a{ height: 200%;}*/

.top-nav li img{width: 26%; margin:0 7%;}
.top-nav li .right{width: 60%;}
.top-nav li .right span{font-size: 0.53em; display: block;}

.top-nav li:nth-of-type(3){box-sizing: border-box; 
	border-left: 1px #e6e6e6 solid;border-bottom: 1px #e6e6e6 solid;}
.top-nav li:nth-of-type(2){box-sizing: border-box; 
	border-bottom: 1px #e6e6e6 solid;border-left: 1px #fff solid;}
.top-nav li:nth-of-type(5){box-sizing: border-box; 
	border-left: 1px #e6e6e6 solid;}
.top-nav li:nth-of-type(4) a{color: #feb034;}




.wfl-case{
	box-sizing: border-box;
	padding: 0 0.4rem;
}
.wfl-case-txt{
	background-color: #6fa4f3;
	color: #fff;
	box-sizing: border-box;
	padding-left: 0.2rem;
	margin-top:0.5rem;
}
.wfl-case-txt a{color:inherit;}
.wfl-case-txt h1{
	font-size: 0.82rem;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	font-weight: bold;
}
.wfl-case-txt h2{
	font-size: 0.75rem;
	margin-bottom: 0.5rem;
}
.em11{
	height: 0.6rem;
	width: 0.6rem;
	display: block;
	background-color: #6fa4f3;
	transform: rotate(45deg);
	margin-bottom: 0.3rem;
	margin-top: -0.33rem;
	margin-left: 2.5rem;
}
.wfl-case-main li{
	float: left;
	width: 32%;
	margin-top: 0.47rem;
}
.wfl-case-main li+li{margin-left: 2%;}
.wfl-case-main li:last-child{
	margin-right: 0;
}


.wfl-case h6{
	text-align: center;
	font-size: 1rem;
	color: #166be0;
	font-weight: bold;
	margin-top: 0.6rem;
}
.wfl-case h5{
	font-size: 0.55rem;
	text-transform: uppercase;
	color: #9d9ea0;
	text-align: center;
	margin-top: 0.2rem;
	white-space: nowrap;
}

.wfl-case .EM01{
	display: block;
	width: 72%;
	margin: 0 auto;
	height: 1px;
	margin-top: 0.4rem;
	background-color: #ccc;
}
.wfl-case .EM02{
	display: block;
	width: 3.2rem;
	margin: 0 auto;
	height: 5px;
	background-color: #166be0;
	margin-top: -3px;
}


/*footer*/
footer{margin-top: 2.75rem;}
footer .foot{padding: 1rem 0;position: fixed;z-index: 2;left: 50%;bottom: 0;width: 24rem;margin-left: -12rem;background: #fff;border-top: 1px solid #ccc;max-width: 640px;}
footer .foot a{float: left;width: 5.9rem;border-left: 1px solid #e0e0e0;padding: 0.2rem 0;}
footer .foot a:first-child{border-left: none;}
footer .foot a .foot_icon{margin: 0 auto;width: 2rem;height: 1.6rem;background: url(/images/spr_bot.gif) no-repeat;background-size: 7.5rem auto;}
footer .foot a .foot_icon1{background-position: -5.6rem 0;}
footer .foot a .foot_icon2{background-position: -0.05rem 0;}
footer .foot a .foot_icon3{background-position: -2.15rem 0;width: 1.6rem;}
footer .foot a .foot_icon4{background-position: -3.735rem 0;}
footer .foot a p{text-align: center;font-size: 0.7rem;margin-top: 0.15rem; color:#484848;}
#scrolltp{position: fixed;bottom: 2.85rem;right: 0.15rem;z-index: 999999999;}
#scrolltp img{width: 1.3rem;height: 1.3rem;cursor: pointer;}