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

/*weichangjing*/
.banner_weichangjing{background: linear-gradient(180deg,#4be8d4,#1593ff); background-size: cover;height:550px; overflow: hidden; position: relative; z-index: 0;}
.wcj_white{ width: 200%; height: 550px; background: #fff; position: absolute; transform: rotate(-10deg); left: 0; bottom: -555px;transform-origin:left bottom; z-index: 1;}
.banner_weichangjing .w_left{float: left; padding-top: 10%; padding-left: 6%;}
.banner_weichangjing .w_left h1{color: #fff; font-size: 50px;letter-spacing: 1px;}
.banner_weichangjing .w_left h2{display: block;  padding-top: 20px; margin-top: 40px; color: #fff; font-size: 28px; letter-spacing: 1px; }
.banner_weichangjing .w_left h4{font-size: 20px; color: #fff; margin-top: 25px;}
.banner_weichangjing .w_right{position: absolute;z-index: 2; width: 100%;  height: 550px;}
.banner_weichangjing .w_right img{ transition: 0.3s all;}
.banner_weichangjing .w_right img.wcj_1{ width: 540px; top: 12%;right: 11%;position: absolute;z-index: 2;}
.banner_weichangjing .w_right img.wcj_2{ width: 217px; top:15%; right: 25%;position: absolute;z-index: 3;}
.banner_weichangjing .w_right img.wcj_2:hover{top: 12%;}
.banner_weichangjing .w_right img.wcj_3{ width: 231px; top: 22%; right: 29.5%;position: absolute; z-index: 4;}
.banner_weichangjing .w_right img.wcj_3:hover{top: 19%;}
.banner_weichangjing .w_right img.wcj_4{ width: 171px; top: 29%; right: 38%;position: absolute; z-index: 5;}
.banner_weichangjing .w_right img.wcj_4:hover{top: 26%;}

.wgw{}


.wgw_info{width: 100%; overflow: hidden; background: #fafafa;}
.wgw_pro dt .icons i{padding-top: 10px;}


.navbar-dark .navbar-toggler{display: none;}



/*1680*/
@media screen and (max-width: 1680px){
.wap_footer{display: none;}

}

/*1440*/
@media screen and (min-width: 1440px) and (max-width : 1679px){
	.banner_weichangjing{height: 560px;}
	.banner_weichangjing .w_left{float: left; padding-top: 10%; padding-left: 6%;}
	.banner_weichangjing .w_left h1{color: #fff; font-size: 32px;letter-spacing: 1px;}
	.banner_weichangjing .w_left h2{display: block;  padding-top: 20px; margin-top: 40px; color: #fff; font-size: 20px; letter-spacing: 1px; }
	.banner_weichangjing .w_left h4{font-size: 16px; color: #fff; margin-top: 25px;}
	.banner_weichangjing .w_right{position: absolute;z-index: 2; width: 100%;  height: 550px;}
	.banner_weichangjing .w_right img{ transition: 0.3s all;}
	.banner_weichangjing .w_right img.wcj_1{ width: 540px; top: 14%;right: 3%;position: absolute;z-index: 2;}
	.banner_weichangjing .w_right img.wcj_2{ width: 217px; top:20%; right: 18%;position: absolute;z-index: 3;}
	.banner_weichangjing .w_right img.wcj_2:hover{top: 17%;}
	.banner_weichangjing .w_right img.wcj_3{ width: 231px; top: 27%; right: 23.5%;position: absolute; z-index: 4;}
	.banner_weichangjing .w_right img.wcj_3:hover{top: 24%;}
	.banner_weichangjing .w_right img.wcj_4{ width: 171px; top: 34%; right: 33%;position: absolute; z-index: 5;}
	.banner_weichangjing .w_right img.wcj_4:hover{top: 31%;}

}
/*1280*/
@media screen and (min-width: 1280px) and (max-width : 1439px){
	.banner_weichangjing{height: 540px;}
	.banner_weichangjing .w_left{float: left; padding-top: 12%; padding-left: 4%;}
	.banner_weichangjing .w_left h1{color: #fff; font-size: 36px;letter-spacing: 1px;}
	.banner_weichangjing .w_left h2{display: block;  padding-top: 0px; margin-top: 40px; color: #fff; font-size: 24px; letter-spacing: 1px; }
	.banner_weichangjing .w_left h4{font-size: 18px; color: #fff; margin-top: 25px;}
	.banner_weichangjing .w_right{position: absolute;z-index: 2; width: 100%;  height: 550px;}
	.banner_weichangjing .w_right img{ transition: 0.3s all;}
	.banner_weichangjing .w_right img.wcj_1{ width: 520px; top: 16%;right: -3%;position: absolute;z-index: 2;}
	.banner_weichangjing .w_right img.wcj_2{ width: 197px; top:22%; right: 14.5%;position: absolute;z-index: 3;}
	.banner_weichangjing .w_right img.wcj_2:hover{top: 19%;}
	.banner_weichangjing .w_right img.wcj_3{ width: 221px; top: 29%; right: 20%;position: absolute; z-index: 4;}
	.banner_weichangjing .w_right img.wcj_3:hover{top: 26%;}
	.banner_weichangjing .w_right img.wcj_4{ width: 151px; top: 36%; right: 29.5%;position: absolute; z-index: 5;}
	.banner_weichangjing .w_right img.wcj_4:hover{top: 33%;}

	.seo_article h2{font-size: 24px;}
}

/*iPad Pro (1024px)*/
@media screen and (min-width: 1024px) and (max-width : 1279px){
	.banner_weichangjing{height: 440px;}
	.banner_weichangjing .w_left{float: left; padding-top: 12%; padding-left: 4%;}
	.banner_weichangjing .w_left h1{color: #fff; font-size: 28px;letter-spacing: 1px;}
	.banner_weichangjing .w_left h2{display: block;  padding-top: 0px; margin-top: 40px; color: #fff; font-size: 20px; letter-spacing: 1px; }
	.banner_weichangjing .w_left h4{font-size: 15px; color: #fff; margin-top: 15px;}
	.banner_weichangjing .w_right{position: absolute;z-index: 2; width: 100%;  height: 550px;}
	.banner_weichangjing .w_right img{ transition: 0.3s all;}
	.banner_weichangjing .w_right img.wcj_1{ width: 420px; top: 13.5%;right: -3%;position: absolute;z-index: 2;}
	.banner_weichangjing .w_right img.wcj_2{ width: 177px; top:19%; right: 14.5%;position: absolute;z-index: 3;}
	.banner_weichangjing .w_right img.wcj_2:hover{top: 16%;}
	.banner_weichangjing .w_right img.wcj_3{ width: 181px; top: 26%; right: 20%;position: absolute; z-index: 4;}
	.banner_weichangjing .w_right img.wcj_3:hover{top: 23%;}
	.banner_weichangjing .w_right img.wcj_4{ width: 131px; top: 33%; right: 29.5%;position: absolute; z-index: 5;}
	.banner_weichangjing .w_right img.wcj_4:hover{top: 30%;}
	

	.seo_article h2{font-size: 24px;}

}

/*ipad （768px）*/
@media screen and (min-width: 768px) and (max-width : 1023px){
	.wap_footer{display: none;}
	.banner_weichangjing{height: 450px;}
	.banner_weichangjing .w_left{float: left; padding-top: 19%; padding-left: 4%;}
	.banner_weichangjing .w_left h1{color: #fff; font-size: 28px;letter-spacing: 1px;}
	.banner_weichangjing .w_left h2{display: block;  padding-top: 0px; margin-top: 40px; color: #fff; font-size: 20px; letter-spacing: 1px; }
	.banner_weichangjing .w_left h4{font-size: 15px; color: #fff; margin-top: 15px;}
	.banner_weichangjing .w_right{position: absolute;z-index: 2; width: 100%;  height: 550px;}
	.banner_weichangjing .w_right img{ transition: 0.3s all;}
	.banner_weichangjing .w_right img.wcj_1{ width: 400px; top: 15.5%;right: -3%;position: absolute;z-index: 2;}
	.banner_weichangjing .w_right img.wcj_2{ width: 157px; top:21%; right: 14.5%;position: absolute;z-index: 3;}
	.banner_weichangjing .w_right img.wcj_2:hover{top: 18%;}
	.banner_weichangjing .w_right img.wcj_3{ width: 161px; top: 28%; right: 20%;position: absolute; z-index: 4;}
	.banner_weichangjing .w_right img.wcj_3:hover{top: 25%;}
	.banner_weichangjing .w_right img.wcj_4{ width: 111px; top: 35%; right: 29.5%;position: absolute; z-index: 5;}
	.banner_weichangjing .w_right img.wcj_4:hover{top: 32%;}
	

	.seo_article h2{font-size: 24px;}
	


}

/*iphone6 plus横屏 (736px)*/
@media screen and (min-width: 736px) and (max-width : 767px){
	.wap_footer{display: block;}
	.navbar-dark .navbar-toggler{display: block;}
	.banner_weichangjing{height: 410px;}
	.banner_weichangjing .w_left{float: left; padding-top: 19%; padding-left: 4%;}
	.banner_weichangjing .w_left h1{color: #fff; font-size: 25px;letter-spacing: 1px;}
	.banner_weichangjing .w_left h2{display: block;  padding-top: 0px; margin-top: 40px; color: #fff; font-size: 16px; letter-spacing: 1px; }
	.banner_weichangjing .w_left h4{font-size: 13px; color: #fff; margin-top: 15px;}
	.banner_weichangjing .w_right{position: absolute;z-index: 2; width: 100%;  height: 550px;}
	.banner_weichangjing .w_right img{ transition: 0.3s all;}
	.banner_weichangjing .w_right img.wcj_1{ width: 340px; top: 15.5%;right: -3%;position: absolute;z-index: 2;}
	.banner_weichangjing .w_right img.wcj_2{ width: 127px; top:21%; right: 14.5%;position: absolute;z-index: 3;}
	.banner_weichangjing .w_right img.wcj_2:hover{top: 18%;}
	.banner_weichangjing .w_right img.wcj_3{ width: 131px; top: 28%; right: 20%;position: absolute; z-index: 4;}
	.banner_weichangjing .w_right img.wcj_3:hover{top: 25%;}
	.banner_weichangjing .w_right img.wcj_4{ width: 81px; top: 34%; right: 30.5%;position: absolute; z-index: 5;}
	.banner_weichangjing .w_right img.wcj_4:hover{top: 30%;}
	

	.seo_article h2{font-size: 24px;}

}

/*ipad6横屏( 667px)*/
@media screen and (min-width: 667px) and (max-width : 735px){
	.wap_footer{display: block;}
	.navbar-dark .navbar-toggler{display: block;}
	.banner_weichangjing{height: 380px;}
	.banner_weichangjing .w_left{float: left; padding-top: 18%; padding-left: 4%;}
	.banner_weichangjing .w_left h1{color: #fff; font-size: 25px;letter-spacing: 1px;}
	.banner_weichangjing .w_left h2{display: block;  padding-top: 0px; margin-top: 30px; color: #fff; font-size: 16px; letter-spacing: 1px; }
	.banner_weichangjing .w_left h4{font-size: 13px; color: #fff; margin-top: 15px;}
	.banner_weichangjing .w_right{position: absolute;z-index: 2; width: 100%;  height: 550px;}
	.banner_weichangjing .w_right img{ transition: 0.3s all;}
	.banner_weichangjing .w_right img.wcj_1{ width: 340px; top: 15.5%;right: -3%;position: absolute;z-index: 2;}
	.banner_weichangjing .w_right img.wcj_2{ width: 127px; top:22%; right: 15.5%;position: absolute;z-index: 3;}
	.banner_weichangjing .w_right img.wcj_2:hover{top: 17%;}
	.banner_weichangjing .w_right img.wcj_3{ width: 131px; top: 28%; right: 20%;position: absolute; z-index: 4;}
	.banner_weichangjing .w_right img.wcj_3:hover{top: 25%;}
	.banner_weichangjing .w_right img.wcj_4{ width: 81px; top: 34%; right: 30.5%;position: absolute; z-index: 5;}
	.banner_weichangjing .w_right img.wcj_4:hover{top: 30%;}
	

	.seo_article h2{font-size: 20px;}

}

/*ipad5横屏 (568px)*/
@media screen and (min-width: 568px) and (max-width : 666px){
	.wap_footer{display: block;}
	.navbar-dark .navbar-toggler{display: block;}
	.banner_weichangjing{height: 330px;}
	.banner_weichangjing .w_left{float: left; padding-top: 19%; padding-left: 4%;}
	.banner_weichangjing .w_left h1{color: #fff; font-size: 22px;letter-spacing: 1px;}
	.banner_weichangjing .w_left h2{display: block;  padding-top: 0px; margin-top: 30px; color: #fff; font-size: 14px; letter-spacing: 1px; }
	.banner_weichangjing .w_left h4{font-size: 13px; color: #fff; margin-top: 15px;}
	.banner_weichangjing .w_right{position: absolute;z-index: 2; width: 100%;  height: 550px;}
	.banner_weichangjing .w_right img{ transition: 0.3s all;}
	.banner_weichangjing .w_right img.wcj_1{ width: 280px; top: 16%;right: -4%;position: absolute;z-index: 2;}
	.banner_weichangjing .w_right img.wcj_2{ width: 107px; top:21%; right: 15.5%;position: absolute;z-index: 3;}
	.banner_weichangjing .w_right img.wcj_2:hover{top: 16%;}
	.banner_weichangjing .w_right img.wcj_3{ width: 111px; top: 27%; right: 20%;position: absolute; z-index: 4;}
	.banner_weichangjing .w_right img.wcj_3:hover{top: 24%;}
	.banner_weichangjing .w_right img.wcj_4{ width: 71px; top: 31%; right: 31.5%;position: absolute; z-index: 5;}
	.banner_weichangjing .w_right img.wcj_4:hover{top: 28%;}
	

	.seo_article h2{font-size: 18px;}

}


/*iphone6 plus (414px) */
@media screen and (min-width: 414px) and (max-width : 567px){
	.wap_footer{display: block;}
	.navbar-dark .navbar-toggler{display: block;}
	.banner_weichangjing{height: 250px;}
	.banner_weichangjing .w_left{float: left; padding-top: 26%; padding-left: 4%;}
	.banner_weichangjing .w_left h1{color: #fff; font-size: 16px;letter-spacing: 1px;}
	.banner_weichangjing .w_left h2{display: block;  padding-top: 0px; margin-top: 15px; color: #fff; font-size: 12px; letter-spacing: 0px; }
	.banner_weichangjing .w_left h4{font-size: 13px; color: #fff; margin-top: 15px; display: none;}
	.banner_weichangjing .w_right{position: absolute;z-index: 2; width: 100%;  height: 550px;}
	.banner_weichangjing .w_right img{ transition: 0.3s all;}
	.banner_weichangjing .w_right img.wcj_1{ width: 200px; top: 14%;right: -4%;position: absolute;z-index: 2;}
	.banner_weichangjing .w_right img.wcj_2{ width: 77px; top:17%; right: 13.5%;position: absolute;z-index: 3;}
	.banner_weichangjing .w_right img.wcj_2:hover{top: 13%;}
	.banner_weichangjing .w_right img.wcj_3{ width: 75px; top: 20.5%; right: 18%;position: absolute; z-index: 4;}
	.banner_weichangjing .w_right img.wcj_3:hover{top: 18%;}
	.banner_weichangjing .w_right img.wcj_4{ width: 53px; top: 22.5%; right: 28%;position: absolute; z-index: 5;}
	.banner_weichangjing .w_right img.wcj_4:hover{top: 23%;}
	

	.seo_article h2{font-size: 16px;}
	
}

/*iphone6 plus (375px) */
@media screen and (min-width: 375px) and (max-width : 413px){
	.wap_footer{display: block;}
	.navbar-dark .navbar-toggler{display: block;}
	.banner_weichangjing{height: 230px;}
	.banner_weichangjing .w_left{float: left; padding-top: 26%; padding-left: 4%;}
	.banner_weichangjing .w_left h1{color: #fff; font-size: 16px;letter-spacing: 1px;}
	.banner_weichangjing .w_left h2{display: block;  padding-top: 0px; margin-top: 15px; color: #fff; font-size: 12px; letter-spacing: 0px; }
	.banner_weichangjing .w_left h4{font-size: 13px; color: #fff; margin-top: 15px; display: none;}
	.banner_weichangjing .w_right{position: absolute;z-index: 2; width: 100%;  height: 550px;}
	.banner_weichangjing .w_right img{ transition: 0.3s all;}
	.banner_weichangjing .w_right img.wcj_1{ width: 170px; top: 14%;right: -4%;position: absolute;z-index: 2;}
	.banner_weichangjing .w_right img.wcj_2{ width: 67px; top:17%; right: 13.5%;position: absolute;z-index: 3;}
	.banner_weichangjing .w_right img.wcj_2:hover{top: 13%;}
	.banner_weichangjing .w_right img.wcj_3{ width: 65px; top: 19%; right: 18.5%;position: absolute; z-index: 4;}
	.banner_weichangjing .w_right img.wcj_3:hover{top: 18%;}
	.banner_weichangjing .w_right img.wcj_4{ width: 48px; top: 21%; right: 28%;position: absolute; z-index: 5;}
	.banner_weichangjing .w_right img.wcj_4:hover{top: 23%;}
	
	.web_h5{padding-top: 10px;}
	.seo_article{padding-bottom: 40px;}
	.seo_article h2{font-size: 15px;}
}

/*iphone5 (320px)*/
@media screen and (max-width: 374px) {
	.wap_footer{display: block;}
	.navbar-dark .navbar-toggler{display: block;}
	.banner_weichangjing{height:225px;}
	.banner_weichangjing .w_left{float: left; padding-top: 30%; padding-left: 4%;}
	.banner_weichangjing .w_left h1{color: #fff; font-size: 15px;letter-spacing: 1px;}
	.banner_weichangjing .w_left h2{display: block;  padding-top: 0px; margin-top: 10px; color: #fff; font-size: 10px; letter-spacing: 0px; }
	.banner_weichangjing .w_left h4{font-size: 13px; color: #fff; margin-top: 15px; display: none;}
	.banner_weichangjing .w_right{position: absolute;z-index: 2; width: 100%;  height: 550px;}
	.banner_weichangjing .w_right img{ transition: 0.3s all;}
	.banner_weichangjing .w_right img.wcj_1{ width: 145px; top: 16.5%;right: -2.5%;position: absolute;z-index: 2;}
	.banner_weichangjing .w_right img.wcj_2{ width: 55px; top:19%; right: 13.5%;position: absolute;z-index: 3;}
	.banner_weichangjing .w_right img.wcj_2:hover{top: 21%;}
	.banner_weichangjing .w_right img.wcj_3{ width: 55px; top: 21%; right: 18.5%;position: absolute; z-index: 4;}
	.banner_weichangjing .w_right img.wcj_3:hover{top: 23%;}
	.banner_weichangjing .w_right img.wcj_4{ width: 40px; top: 23%; right: 27.5%;position: absolute; z-index: 5;}
	.banner_weichangjing .w_right img.wcj_4:hover{top: 25%;}
	
	.web_h5{padding-top: 10px;}
	.seo_article{padding-bottom: 40px;}
	.seo_article h2{font-size: 14px;}
}