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

/*css reset*/
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img,input{margin:0;padding:0;}
body{font-size:14px;font-family: '微软雅黑';}
ul,ol,li{list-style:none;}
b,strong{font-weight:normal;}
i,em{font-style:normal;}
a,u{text-decoration: none;}
h1,h2,h3,h4,h5,h6{font-size:16px;font-weight:normal;}
input{outline:none;}
img{display:block; border:0;}
.clearfix:after{content:"";clear:both;display:block;height:0;overflow:hidden;visibility: hidden;}/*清除浮动*/

.sectiondiv{ min-width: 320px;  width: 100%; }
.white_container{ width:100%; background-color:white; }
.gray_container{ background:#ebebeb; width: 100%;}
.main_container{ max-width:1190px; margin: 0 auto;}
.top30{margin-top:3%;}
.top60{margin-top:8%;}
.paddingtop48{ padding-top:2.5%}
.nomargin{ margin:0!important;}
.aligncenter{ text-align:center;}

.title_levelone{ width: 100%; text-align: center; padding-top: 5%;}
.title_levelone p{ font-size:36px; color:#313131; font-weight: bold;text-align: center;}
.title_levelone span{ display:block; font-size:15px; color:#313131;}
.title_levelone i{ display: inline-block; border-top: 2px solid #f39800; width: 60px;  }

.PCheader_container{ box-shadow:none; background-color: white; }
.header{padding:16px 0;}
.logo_left{ float:left; }
.logo_left img{ display: inline-block; float:left;}
.logo_left span{ display: inline-block; float:left; line-height: 60px; font-size:24px; color:#1b2c69; margin-left:10px;}
.nav_right{ float:right;}
.nav{ margin-top:10px;}
.nav li{ float:left; line-height: 30px;margin: 0 14px; cursor: pointer;}
.nav li a{float:left;   color:#333333; font-size:16px;}
.nav .currentNav{ border-bottom:2px solid #ff6600;}
.nav .currentNav a{ color:#ff6600;}
.nav li:hover{border-bottom:2px solid #ff6600;}
.nav li:hover a{color:#ff6600;}

.mobileheader_container{ display:none; position:fixed; top:0; left:0; z-index: 999;border-bottom:1px solid #eeeeee}
.mob_header{ padding:6px 14px; background-color: white;}
.mobile_logoleft{ float:left; width: 84%}
.mobile_logoleft img{display: inline-block; float:left; width: 100%; }
.mobile_logoleft span{ display: block;width: 70%;  float:left; margin-top: 10px; font-size:24px; color:#1b2c69; margin-left:10px;}
.mobile_nav{ float:right; width: 15%}
.mov_navbtn{ width: 30px; height:26px; border:2px solid #1b2c69; border-radius: 4px; float:right; margin-top:18px;}
.mov_navbtn i{ display: block;margin:13%; border-bottom:2px solid #1b2c69}
.btnnav{ margin-top:6px;}
.mobilenav_list{position:absolute;top:0; left:0; z-index: 999; width: 100%; background-color: white;box-shadow: 2px 6px 6px #3f3f3f; margin-top:60px; display: none;}
.mobilenav li{  line-height: 40px; margin-left:14px;margin-right:14px; border-bottom:1px solid #EBEBEB}
.mobilenav li a{ color:#333333; display: block;}

/*banner*/
.device {width: 100%;margin: 0 auto;position: relative;}
.arrow-left{background: url(../../images/wlst/fb/arrows.png) no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -15px;width: 17px;height: 30px;z-index: 99}
.arrow-right{background: url(../../images/wlst/fb/arrows.png) no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -15px;width: 17px;height: 30px;z-index: 99}
.pagination{position: absolute;left: 0;text-align: center;bottom:5px;width: 100%;z-index: 888}
.swiper-container {width: 100%;}
.swiper-slide{ position:relative;}
.swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #999;box-shadow: 0px 1px 2px #555 inset;margin: 0 3px;cursor: pointer;}
.swiper-active-switch {background: #fff;}
.banner_container .swiper-slide img{ display:block;}

.banner_text{ position: absolute;top:0; margin-top: 3.5%; left: 19%; width:100%;}
.banner_text .bannertext_left{float:left; margin-top:3%}
.banner_text .bannertext_right{ float:left; margin-left:9%; width: 33%; margin-top:2.5%;}

.banner_text02{position: absolute;top:0; left: 30%;  margin-top: 6.5%; width: 75%;}
.banner_text02 p{color: #faf106;text-shadow: 2px 2px 10px #101010; font-size:66px;font-weight: bold;}
.banner_text02 span{ font-size:28px; color:white;text-shadow: 2px 2px 10px #101010; display: block;width: 34%; margin-left:10%; margin-top: 2%; background-color:#3b5998; text-align: center; padding:0.2% 0;}


/*介绍*/
.f_introduce_top{ margin-top: 3%;}
.f_introduce_top .wf_container_lf{float:left; width: 58%;}
.f_introduce_top .wf_container_lf p{ font-size:30px; color:#f39800;}
.f_introduce_top .wf_container_lf span{ display: block; margin-top: 1%; font-size:20px; color:#313131; line-height: 36px;}
.f_introduce_top .wf_container_rg{float:left; width:14.369%; margin-left: 15%;}
.f_introduce_bottom{ padding:3% 1.5%; background-color: #eeeeee; margin-top: 3%;}
.f_introduce_bottom li{ float:left; width:20%;}
.f_introduce_bottom li>div{ text-align:center;}
.f_introduce_bottom li>div img{display:inline-block;}
.f_introduce_bottom li p{ padding:7% 10%; font-size:18px; color:#313131; line-height: 28px;}
.aomaserver_content{ margin-top:2%; margin-bottom: 3%;}
.aomaserver_content p{ font-size:30px; color:#f39800;}
.aomaserver_content span{ display: block; margin-top: 1%; font-size:20px; color:#313131; line-height: 36px;}

/*服务包括*/
.title_leveltwo{ padding-top:2%; }
.title_leveltwo p{ font-size:36px; color:#313131; font-weight: bold;text-align: center;}
.include_container{padding-bottom: 1%;}
.device2{width: 100%;margin: 0 auto;position: relative;}
.arrow-left2{background: url(../../images/wlst/fb/arrows2.png) no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -50px;width: 60px;height: 60px;z-index: 100}
.arrow-right2{background: url(../../images/wlst/fb/arrows2.png) no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -50px;width: 60px;height: 60px;z-index: 100}
.pagination2{position: absolute;left: 0;text-align: center;bottom:5px;width: 100%;z-index: 888}
.swiper-container2{max-width:1190px; margin:0 auto;overflow: hidden;}
.swiper-slide{ position:relative;}
.swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #999;box-shadow: 0px 1px 2px #555 inset;margin: 0 3px;cursor: pointer;}
.swiper-active-switch {background: #fff;}
.include_text_lf{ float:left; width: 57.5%; }
.include_text_lf p{ font-size:30px; color:#f39800;}
.include_text_lf span{display: block; margin-top: 1%; font-size:20px; color:#313131; line-height: 36px;}
.include_img_rg{ float:right; width: 38.151%; margin-top: 1%;}
.include_text_lf.widthtype2{width:45.714%; margin-top:4%;}
.include_img_rg.widthtype2{width:48.235%;}
.scrollheight{ height:300px;}

/*服务优势*/
.switch_btn{ margin-top:2%;}
.service_btn{ width:492px; margin: 0 auto;}
.service_btn li{ float:left; text-align: center; width: 242px; height: 62px; border:2px solid #0f479c; position:relative; cursor: pointer;}
.service_btn li span{ font-size:25px; color:#0f479c; font-weight: bold; line-height: 62px;}
.service_btn .currentli01{ background:#0f479c; }
.service_btn .currentli01 span{ color:white;}
.service_btn .currentli01 span:after{ content:""; position:absolute; bottom:-28px; left:114px; border-top:14px solid #0f479c; border-right:10px solid transparent; border-bottom: 14px solid transparent;border-left: 10px solid transparent; }
.floor3_content{ margin-top: 4%;}
.service_content{ display: none; border:1px solid #ccc}
.service_left{ float:left; width:47.05%;}
.service_right{ float:left; width: 52.95%; }
.service_right ul{margin-left:8%; margin-top: 12%;}
.service_right ul li{ font-size:25px; color:#313131; line-height: 64px; }

/*服务案例*/
.anli_container{ margin-top: 3%;}
.anli_container .anli_lf{ float:left; padding-right: 2%;  width:40.858% }
.anli_container .anli_lf p{font-size:30px; color:#f39800;}
.anli_container .anli_lf span{display: block; margin-top: 1%; font-size:16px; color:#313131; line-height: 34px;}
.anli_container .anli_lf span b{ font-size:28px; color:#e02a28; font-weight: bold;}
.anli_container .anli_rg{float:left;width:57.142%}
.show_container{ margin-top: 3%;}
.show_container .show_title{ margin-bottom:2%;}
.show_container .show_title p{font-size:30px; color:#f39800; text-align: center;}
.show_container .show_title span{ display: block;font-size:16px; color:#313131;text-align: center; margin-top: 0.5%; }

/*业务联系*/
.consultation_container{ margin:2% 0 4% 0; background-color: #f7f7f7; padding:2%;}
.consultation{ float:left; width: 50%;}
.consul_icon{float:left;  width: 36.97%;}
.consul_content{ float:left; margin-left:3%; width: 58.82%;}
.consul_content span{ font-size:16px; color:#333333; font-weight: bold; display: block; margin-top:12% }
.consul_content span b{ font-size:24px;font-weight: bold; margin-right: 3%;}
.consul_content p{ margin-top:4%;}

/*底部*/
.bottom_container{ background-color:#0f479c; width: 100%;}
.bottom_left{ float:left; width: 40%; padding: 3% 0;}
.bottom_right{ float:right; width: 27%; margin-top: 5%;}
.bottom_right img{ width:100%}
.bottom_left p{ font-size:20px; font-weight: bold; color:white;}
.bottom_left span{ display:block; font-size: 14px; color:#bac3db; line-height: 38px;}
.bottom_left span b{ color:white; }
.bottom_left .phone_icon{ display:inline-block; background: url(../../images/wlst/fb/icons.png); background-position: -10px -95px; width: 17px; height: 18px; vertical-align: middle;}
.bottom_left .time_icon{display:inline-block; background: url(../../images/wlst/fb/icons.png); background-position: -9px -125px; width: 18px; height: 18px; vertical-align: middle;}
.bottom_left .address_icon{display:inline-block; background: url(../../images/wlst/fb/icons.png); background-position: -9px -155px; width: 18px; height: 18px; vertical-align: middle;}
.copyright{ background:#0a3372;}
.copyright p{ font-size:14px; line-height: 28px; color:#6e7c9e; display: block;padding:1% 0; text-align: center;}
.copyright p a{color:#6e7c9e;}



@media screen and (min-width:1000px){
	.PCheader_container{display:block;}
	.mobileheader_container{ display:none;}
}
@media screen and (max-width:1420px){
	.banner_text02{ left:19%;}
	.banner_text02 span{width:44%; margin-left: 19%;}
}
@media screen and (max-width:1170px){
	.banner_container .swiper-slide img{ max-height:350px; width: auto; }
	.device{max-height:350px;}
	.swiper-container{max-height:350px;}

	.banner_text{ left:12%; margin-top:5%}
	.banner_text .bannertext_right{  width:42%;}
	.banner_text .bannertext_right img{ width:100%;}
	.banner_text .bannertext_left img{ width:100%;}
	.banner_text02{ width:80%; left:19%;}
	.banner_text02 span{width:44%; margin-left: 19%;}

}
@media screen and (max-width:1100px){
	.banner_text .bannertext_right{ margin-top:4%; }
}
@media screen and (max-width:1000px){
	.PCheader_container{display:none;}
	.mobileheader_container{ display:block;}
	.banner_container{ margin-top:62px;}

	.banner_text{ margin-top:9%;width: 88%;}
	.banner_text .bannertext_left{width:42%;}
	.banner_text02{ width:80%; left:11%; margin-top:10%;}
	.banner_text02 p{ font-size:58px;}
	.banner_text02 span{width:58%; margin-left: 19%;}

	.service_right ul li{ font-size:20px;line-height: 30px; }

	.anli_container .anli_lf{ width:60% }
	.anli_container .anli_rg{width:38%}

}
@media screen and (max-width:700px){
	.banner_container .swiper-slide img{ max-height:250px;  }
	.device{max-height:250px;}
	.swiper-container{max-height:250px;}
	.title_levelone p{ font-size:30px;}
	.banner_text{ margin-top:6%;}

	.banner_text02{ width:80%; left:11%; margin-top:10%;}
	.banner_text02 p{ font-size:44px;}
	.banner_text02 span{width:76%; margin-left: 10%; font-size:22px;}

	.bottom_left{ float:none;width: 90%; margin:auto;}
	.bottom_middle{ float:none; width: 92%; margin: 3% 4%;}
	.bottom_right{ float:none; width: 90%; margin: 5% auto; }
	.bottom_right img{ width:100%;}
	.content_box01 li span{ font-size: 20px;}
	.content_box01 li b{ font-size:22px;}
	.copyright span{padding:4%;}

	.f_introduce_top{ width:90%; margin:2% auto;}
	.f_introduce_top .wf_container_lf{ float:none; width: 100%;}
	.f_introduce_top .wf_container_rg{float:none; width: 30%; margin:2% auto;}
	.f_introduce_top .wf_container_lf p{ font-size:20px;}
	.f_introduce_top .wf_container_lf span{ font-size:16px; line-height: 26px;}
	.f_introduce_bottom li{ float:none; width: 90%; margin: auto;}
	.f_introduce_bottom li>div{ width:50%; margin: auto;}
	.f_introduce_bottom li p{ text-align:center;font-size:16px;}
	.aomaserver_content{ width:90%; margin:3% auto;}
	.aomaserver_content p{ font-size:20px;}
	.aomaserver_content span{ font-size:16px; line-height: 26px;}

	.title_leveltwo p{font-size:30px;}
	.include_text_lf{ float:none; width:90%; margin: 2% auto 0;}
	.include_img_rg{float:none; width:90%; margin:2% auto;}
	.include_text_lf.widthtype2{ width:90%;}
	.include_img_rg.widthtype2{ width:90%;}
	.scrollheight{height:600px;}
	.include_text_lf p{ font-size:20px}
	.include_text_lf span{ font-size:16px; line-height: 26px;}

	.service_right ul{ margin-top:1%;}
	.consultation{ width:90%; margin: auto;}

	.anli_container .anli_lf{float:none;width: 90%; margin: 2% auto;}
	.anli_container .anli_rg{ float:none; width: 90%; margin: auto;}
	.anli_container .anli_lf p{ font-size:20px;}
	.anli_container .anli_lf span{ line-height:26px;}
	.anli_container .anli_lf span b{ font-size:20px; }
	.show_container .show_title p{ font-size:20px;}

	.consul_icon{ float:none; width:38%; margin:2% auto;}
	.consul_content{ float:none; width:90%; margin:2% auto;}
}

@media screen and (max-width:600px){
	.service_right ul li{ font-size:16px;line-height: 26px; }
}

@media screen and (min-width:401px) and (max-width:500px){
	.floor1_bottom .title1{ font-size:18px;}
	.summary span{ font-size:16px;}
	.title_levelone p{ font-size:22px;}

	.banner_text .bannertext_left{float:none;width:60%;margin-left:14%}
	.banner_text .bannertext_right{float:none;width:50%; margin-left:20%;}

	.banner_text02{ margin-top:11%;}
	.banner_text02 p{ font-size:36px;}
	.banner_text02 span{ font-size:20px; width: 86%;padding:1% 0;}

	.scrollheight{height:468px;}
	.title_leveltwo p{font-size:22px;}

	.consul_content span b{ font-size:20px;}
	.consul_content span{ font-size:14px;}
	.consul_content p{font-size:14px;}

	.service_btn{ width:100%; }
	.service_btn li{ width:48.5%; height: 48px;}
	.service_btn li span{ font-size:18px; line-height: 48px;}

	.service_right ul li{ font-size:14px;line-height: 24px; }

}
@media screen and (min-width:320px) and (max-width:400px){
	.chara{ margin-left:20px;}
	.chara span{ font-size: 14px; width: 80px;}
	.title_levelone p{ font-size:18px;}

	.banner_text .bannertext_left{float:none;width:60%;margin-left:14%}
	.banner_text .bannertext_right{float:none;width:50%; margin-left:20%;}

	.banner_text02{margin-top: 11%}
	.banner_text02 p{ font-size:30px;}
	.banner_text02 span{ font-size:16px;padding:1.5% 0;}

	.title_leveltwo p{font-size:18px;}

	.scrollheight{height:450px;}
	.consul_content span b{ font-size:20px;}
	.consul_content span{ font-size:14px;}
	.consul_content p{ font-size:12px;}

	.service_btn{ width:100%; }
	.service_btn li{ width:48.5%; height: 48px;}
	.service_btn li span{ font-size:18px; line-height: 48px;}

	.service_right ul li{ font-size:12px;line-height: 20px; }

}