﻿@import url("mobile_system.css");
/*内容页中的分页样式，可以通过覆盖CSS的方法改写*/
#CMS_ConGoPage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#CMS_ConGoPage span{display:inline-block; height:30px; line-height:30px; text-align:center; width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#CMS_ConGoPage span:hover{background-color: aliceblue;}#CMS_ConGoPage .CMS_ConGoPage_page{display:none;}#CMS_ConGoPage span a,#CMS_ConGoPage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}
* {margin:0; padding:0; list-style:none; text-decoration:none;}
body {font-family:"微软雅黑";}
@media only screen and (min-width: 320px){
  html {
    font-size: 62.5% !important;
  }
}
@media only screen and (min-width: 640px){
  html {
    font-size: 125% !important;
  }
}
@media only screen and (min-width: 750px){
  html {
    font-size: 150% !important;
  }
}
@media only screen and (min-width: 1242px){
  html {
    font-size: 187.5% !important;
  }
}
/*去除手机点击蓝色背景*/
a,a:hover,a:active,a:visited,a:link,a:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline:none;background: none;text-decoration: none;}
.header {width:100%; position:fixed; top:0; left:0; height:4.5rem; background:rgba(51,51,51,0.5); z-index:999;}
.header_logo {float:left; width:20%; margin-left:5%;height: 4rem;margin-top: 0.25rem;}
.header_logo img { height: 96%;}
.header_nav {width:5%; float:right; margin-right:5%;}
.header_nav img {width:100%; margin-top:1.5rem;}
.site_navigation {width:50%; position:fixed; right:0; top:4.5rem; background:rgba(51,51,51,0.5); z-index:999; display:none;}
.site_navigation ul li {width:100%; float:left; text-align:center; height:4rem; line-height:4rem; font-size:1.6rem; border-bottom:1px solid #FFF;}
.site_navigation ul li a {color:#FFF;}
.index_banner .swiper-container {width: 100%;}
.index_banner {width:100%; float:left; position:relative;}
.index_banner img {width:100%; float:left;}
.index_banner_title {top:40%; position:absolute; left:20%; width:60%;}
.index_banner_title p {text-align:center; color:#FFF; font-size:2.4rem; font-weight:bold;}
.index_banner_title p:nth-child(2) {font-size:1.6rem; font-weight:normal;}
.what_can_we_do {width:90%; float:left; padding:1.5rem 5%; background:#F5F5F5;}
.index_title {width:100%; float:left; font-size:1.8rem; color:#666; text-align:center;}
.what_can_we_do_line {width:14%; float:left; margin:0.4rem 43% 1rem 43%; height:0.1rem; background:#8E8E8E;}
.what_can_we_do ul li {width:30%; float:left; margin:1rem 5% 0 0; position:relative;}
.what_can_we_do ul li:nth-child(3n) {margin:1rem 0 0 0;}
.what_can_we_do ul li img {width:100%;}
.what_can_we_do ul li p {color:#0693FF; position:absolute; bottom:2rem; left:0; font-size:1.6rem; text-align:center; width:100%;}
#box{float: left;width: 100%;}
#box .swiper-container{}
#box .swiper-slide{width: 90% !important;margin: 0 5%;}
#box .swiper-slide img{max-width: 100%;}
#box .swiper-slide div{position: relative;}
#box .swiper-slide>p{font-size: 1.4rem;margin-bottom:2rem;}
#box .swiper-slide div p{position: absolute;top: 50%;left: 50%;color: #fff;font-size: 2.4rem;margin-top: -15px;margin-left: -24px;}
.company_profile {width:90%; float:left; background:url(img/er.jpg) no-repeat; padding:2rem 5%;}
.company_profile p {color:#FFF !important; line-height:2rem !important;}
.company_profile p:nth-child(1) {font-size:2.2rem; font-weight:bold; text-align:center;}
.company_profile p:nth-child(2) {font-size:1.4rem; margin-top:1rem; text-indent:2em;}
.company_profile a {float:left; display:block; text-align:center; background:#35A3D8; border-radius:0.5rem; height:2.5rem; font-size:1.6rem; line-height:2.5rem; color:#FFF; width:30%; margin:2rem 35% 1rem 35%;}
.our_advantages {width:90%; padding:1.5rem 5%; float:left;}
.our_advantages ul li {width:48%; float:left; margin:1rem 4% 0 0; position:relative;}
.our_advantages ul li:nth-child(2n) {margin:1rem 0 0 0;}
.our_advantages ul li img {width:100%;}
.our_advantages_word {width:90%; position:absolute; left:5%; top:1rem;}
.our_advantages_word p {color:#FFF; line-height:1.5rem;}
.our_advantages_word p:nth-child(1) {font-size:1.8rem; font-weight:bold;}
.our_advantages_word p:nth-child(2) {font-size:1.2rem; margin-top:1rem;}
.service_process {width:100%; float:left; padding:1.5rem 0; background:#F5F5F5;}

.service_process ul li {width:50%; float:left; background-color: #fff;height: 28rem;}
.service_process ul li:nth-of-type(2){background-color: #0693FF;}
.service_process ul li:nth-of-type(2) p{color: #fff;}
.service_process ul li:nth-of-type(3){background-color: #0693FF;color: #fff;}
.service_process ul li:nth-of-type(3) p{color: #fff;}
.service_process ul li img {width:50%; margin:1rem 25%;}
.service_process ul li p:nth-child(2) {text-align:center; font-size:1.6rem;}
.service_process ul li p:nth-child(3) {font-size:1.4rem;width: 80%;text-align: center; margin: 0 auto; margin-top:0.5rem; line-height:1.5rem;margin-bottom: 2rem;}
/*首页新闻选项卡*/
.news_and_infermation_nav_time{height:1.4rem;line-height:1.4rem;color: #999;font-size: 1.4rem;overflow:hidden;}
.news_and_infermation_nav_time span{height:1.4rem;line-height:1.4rem;display:inline-block;width:50%;float:left;}
.news_and_infermation_nav_time a{height:1.4rem;line-height:1.4rem;display:inline-block;width:50%;float:right;text-align: right;color: #0693FF;font-size: 1.4rem;}
.index_tabs{display: inline-block;width: 90%;margin: 1rem 5% 0 5%;}
.index_tabs a{display: block; width: 20%;float: left;height: 2rem; line-height: 2rem;text-align: center;color: #666;
 margin-right: 6%;font-size: 1.6rem;}
.index_tabs a:nth-child(4n) {margin-right: 0;}
.index_tabs .active{border-bottom: 0.2rem solid #0693FF;color: #0693FF;}			
#index-tabs-container{width: 90%;background-color: #fff;}
#index-tabs-container li{ width: 100%;color: #666;font-size: 1.4rem;   }
.news-list li a{font-size: 1.6rem; color: #0693FF;}
.news-list li:nth-of-type(1){line-height: 1.5rem;}
#index-tabs-container ul li:nth-of-type(3){margin: 1rem 0 0.5rem 0;}
#index-tabs-container .news-list div img{width:100%;margin: 1rem 0;} 
/*新闻资讯*/
.news_and_information {width:100%; float:left; padding:1.5rem 0;}
.news_and_information_nav img {width:100%; float:left; margin:1rem 0;}
.news_and_information_nav_title {width:100%; float:left; font-size:1.6rem; color:#0693FF;}
.news_and_information_nav_main {width:100%; float:left; font-size:1.4rem; color:#666; line-height:1.5rem; margin-top:0.5rem;}
.news_and_information_nav_time {width:100%; float:left; margin:1rem 0 0.5rem 0;}
.news_and_information_nav_time span {font-size:1.4rem;}
.news_and_information_nav_time span:nth-child(1) {float:left; color:#666;}
.news_and_information_nav_time span:nth-child(2) {float:right; cursor:pointer; color:#0693FF;}
.news_and_information_line {width:100%; float:left; height:1px; background:#E5E5E5;}
.news_and_information_nav_ul {width:90%; float:left; padding:1.5rem 5%;}
.news_and_information_nav_ul li {width:100%; float:left; margin-bottom:0.8rem;}
.news_and_information_nav_ul_left {width:20%; height:6.5rem; float:left; border:1px solid #E5E5E5;}
.news_and_information_nav_ul_left_line {width:20%; float:left; margin:0.5rem 40%; height:1px; background:#C2C2C2;}
.news_and_information_nav_ul_left p {width:100%; float:left; text-align:center; margin-top:1rem; color:#666; font-size:1.2rem;}
.news_and_information_nav_ul_left p:nth-child(3) {margin-top:0.5rem;}
.news_and_information_nav_ul_right {width:75%; float:right;height: 4.9rem;margin-top:0.8rem;}
.news_and_information_nav_ul_right p {line-height:1.5rem;}
.news_and_information_nav_ul_right p:nth-child(1) {font-size:1.6rem; color:#333;}
.news_and_information_nav_ul_right p:nth-child(2) {font-size:1.4rem; color:#666; margin-top:0.5rem;}
.news_and_infermation_nav_min_img{width: 100%;height: 18rem;display: flex;align-items: center;justify-content: center;}
.news_and_infermation_nav_min_img img{max-width: 100%;max-height: 90%;}
.divider {width:100%; height:0.5rem; background:#F5F5F5; float:left;}
.they_all_chose_us {width:90%; float:left; padding:1.5rem 5%;}
.they_all_chose_us ul li {width:30%; float:left; margin:1rem 5% 0 0;}
.they_all_chose_us ul li:nth-child(3n) {margin:1rem 0 0 0;}
.they_all_chose_us ul li img {width: 100% !important;height: 100% !important;}
.footer {width:90%; float:left; background:#0693FF; padding:1.5rem 5%;}
.footer_title {text-align:center; color:#FFF; font-size:1.8rem; font-weight:bold;}
.footer ul li {width:100%; float:left; margin-top:1rem;}
.footer ul li span {float:left; color:#FFF; font-size:1.4rem;}
.footer ul li span:nth-child(1) {width:2.5rem;}
.footer ul li span:nth-child(2) {line-height:2rem; margin-left:0.8rem;}
.footer_input {width:100%; float:left; position:relative; margin-top:1rem;}
.footer_input:nth-of-type(1){margin-top:1.5rem;}
.footer_input input {width:90%; float:left; height:2.8rem; line-height:2.8rem; outline:none; border:0; padding:0 5%; border-radius:0.3rem; background:#FFF;font-size: 1.4rem;}
.footer_input img {position:absolute; top:0.5rem; right:1rem;}
.footer_textarea {font-family:"微软雅黑";width:90%; padding:0.5rem 5%; border:0; outline:0; line-height:1.5rem; height:7rem; float:left; margin-top:1rem; border-radius:0.3rem; background:#FFF;font-size: 1.4rem;}
.footer_submit_immediately {width:100%; float:left; border:1px solid #FFF; text-align:center; color:#FFF; font-size:1.6rem; background:#0693FF; height:3.5rem; line-height:3.2rem; margin-top:1rem;}
.for_the_record {padding:2rem 5%; width:90%; float:left; font-size:1.2rem; color:#A4A4A4; background:#4A4A4A; text-align:center;}
.news_and_information_banner_title {top:40%; position:absolute; left:5%; width:90%;}
.news_and_information_banner_title p {color:#FFF; font-size:2.4rem; font-weight:bold;}
.news_and_information_banner_title p span:nth-child(1) {color:#FFC26A;}
.news_and_information_banner_title p span:nth-child(2) {color:#00F6FF;}
.newscast {width:90%; float:left; position:relative; margin:1rem 5%;}
.newscast img {width:100%; float:left;}
.newscast_word {width:90%; bottom:0; left:0; height:3rem; line-height:3rem; background:rgba(51,51,51,0.6); color:#FFF; padding:0 5%; position:absolute;font-size:1.2rem;}
.news_and_information_list {width:90%; float:left; padding:0 5%;}
.news_and_information_list ul li {width:100%; float:left; margin-bottom:0.5rem;}
.news_and_information_list ul li span {color:#999; font-size:1.4rem;}
.news_and_information_list ul li span:nth-child(2) {margin:0 0.5rem;}
.news_and_information_list ul li span:nth-child(3) {color:#666;}
.for_more_information {float:left; width:90%; padding:1rem 5%; font-size:1.4rem;}
.for_more_information a {float:right; color:#0693FF;}
.news_and_information_nav_min {width:90%; float:left; padding:1rem 5%; background:#FAFAFA;}
.news_and_information_nav_min_ul {width:100%; float:left;font-size: 1.2rem;}
.news_and_information_nav_min_ul li {width:19%; float:left; height:2rem; line-height:2rem; text-align:center; margin-right:21.5%;}
.news_and_information_nav_min_ul li:nth-child(3n) {margin-right:0;}
.news_and_information_nav_min_img {width:100%; float:left; margin:1rem 0;}
.news_and_information_nav_min_img img {width:100%;}
.news_and_information_nav_min_list {width:100%; float:left;}
.news_and_information_nav_min_list li {width:100%; float:left; color:#666; font-size:1.4rem; line-height:2rem;}
.network_marketing_banner_title {top:46%; position:absolute; left:5%; width:90%;}
.network_marketing_banner_title p {color:#FFF; font-size:2.6rem; font-weight:bold;}
/*公司新闻选项卡*/
.newscast .swiper-button-prev{width: 1rem;background-image:none;z-index:20;}
.newscast .swiper-button-prev img{width:100%;}
.newscast .swiper-button-next{width: 1rem;background-image:none;z-index:20;}
.newscast .swiper-button-next img{width:100%;}
.he .tabs{display: inline-block;width: 90%;margin: 1rem 5%;}
.he .tabs a{display: block;width: 20%;float: left;height: 2rem;line-height: 2rem;text-align: center;
 margin-right: 6%;font-size: 1.6rem;color: #666;}
.he .tabs a:nth-of-type(4n){margin-right: 0;}
.he .tabs .active{ border-bottom: 0.2rem solid #0693FF;color: #0693FF;}		
#tabs-container{width: 90%;background-color: #fff;}
#tabs-container li{ width: 100%;float: left; margin-bottom: 0.5rem;}
#tabs-container ul li span {color: #999;font-size: 1.4rem;}
#tabs-container ul li span:nth-child(2) { margin: 0 0.5rem;}
 #tabs-container ul li span:nth-child(3) {color: #666;}
.tabs3{display: inline-block;width: 90%;margin: 1rem 5% 0 5%;}
.tabs3 a{display: block;width: 19%;float: left;height: 2rem;line-height: 2rem;text-align: center; margin-right: 21.5%;
font-size: 1.6rem;color: #666;}
.tabs3 a:nth-child(3n) { margin-right: 0;}
.tabs3 .active{border-bottom: 0.2rem solid #0693FF;color: #0693FF;}			
#tabs-container3{width: 90%;background-color: #FAFAFA;}
#tabs-container3 li{ width: 100%; font-size: 1.4rem;line-height: 2rem;}
#tabs-container3 li a{ color: #666;}
#tabs-container3 ul li span {color: #999;font-size: 1.4rem;}
#tabs-container3 ul li span:nth-child(2) {margin: 0 0.5rem;}
#tabs-container3 ul li span:nth-child(3) {color: #666;}
.tabshe{background-color: #FAFAFA;display: inline-block;width: 100%;padding-bottom: 1rem;}
/*网络营销*/
.seo_optimization {width:100%; float:left; background:#F5F5F5; padding:0.5rem 0;}
.seo_optimization_title {width:100%; text-align:center; float:left; font-size:1.8rem; font-weight:bold; line-height:3rem; color:#0693FF;}
.seo_optimization_subtitle {width:80%; text-align:center; float:left; font-size:1.4rem; line-height:1.5rem; color:#666; margin:1rem 10%;}
.seo_optimization_title_line {width:8%; float:left; margin:0 46% 1rem 46%; height:1px; background:#0693FF;}
.seo_optimization_ul {width:100%; float:left;}
.seo_optimization_ul li {width:90%; float:left; margin-bottom:1rem; padding:0.5rem 5%; background:#FFF;}
.seo_optimization_ul li p:nth-child(1) span:nth-child(1) {font-size:1.8rem; color:#FF8800; font-weight:bold;}
.seo_optimization_ul li p:nth-child(1) span:nth-child(2) {font-size:1.6rem; color:#333; margin:0 0.5rem; font-weight:bold;}
.seo_optimization_ul li p:nth-child(2) {font-size:1.4rem; color:#666; margin-top:0.5rem; line-height:1.8rem;}
.advertising_and_marketing {width:90%; float:left; padding:0.5rem 5%;}
.advertising_and_marketing_title {width:100%; float:left; border-bottom:1px solid #F2F2F2; line-height:2.5rem; font-size:1.6rem; margin-top:0.5rem; font-weight:bold; color:#333;}
.advertising_and_marketing_ul {width:100%; float:left; margin-bottom:1rem;}
.advertising_and_marketing_ul li {width:100%; float:left; margin-top:1rem;}
.advertising_and_marketing_ul li .advertising_and_marketing_main {width:49%; float:left; margin:0.5rem 2% 0 0;}
.advertising_and_marketing_ul li .advertising_and_marketing_main:nth-child(2n) {margin:0.5rem 0 0 0;}
.advertising_and_marketing_main_title {font-size:1.6rem; height:2rem; line-height:2rem; color:#0693FF; margin-top:0.5rem;}
.advertising_and_marketing_main_word {font-size:1.4rem; line-height:1.5rem; color:#0693FF; color:#666; margin-top:0.5rem;}
.advertising_and_marketing_main img {width:100%; float:left;}
.soft_wen_wrote {width:90%; float:left; padding:1.5rem 5%; background:#F5F5F5;}
.soft_wen_wrote_ul li {width:48%; float:left; margin:1rem 4% 0 0; background:#FFF; border-radius:0.5rem; font-size:1.6rem;}
.soft_wen_wrote_ul li:nth-child(2n) {margin:1rem 0 0 0;}
.soft_wen_wrote_ul_top {width:100%; float:left; height:4rem; line-height:4rem; color:#FFF; background:#0693FF; border-radius:0.5rem;}
.soft_wen_wrote_ul_top span {float:left;}
.soft_wen_wrote_ul_top span:nth-child(1) {margin:0 0 0 1rem;}
.soft_wen_wrote_ul_top span:nth-child(2) {font-weight:bold;}
.soft_wen_wrote_ul_top span img {width:50%; margin-top:1rem;}
.soft_wen_wrote_ul_list {width:100%; float:left; margin-top:0.2rem; font-size:1.4rem; color:#666;}
.soft_wen_wrote_ul_list span {float:left;}
.soft_wen_wrote_ul_list span:nth-child(1) {margin:0.4rem 0 0 3rem;}
.soft_wen_wrote_ul_list span:nth-child(2) {margin:0.5rem 0 0 0.5rem;}
.soft_wen_wrote_ul_list_p {width:90%; margin:0.5rem 5%; font-size:1.4rem; float:left; color:#666;}
.visibility_hidden {visibility:hidden;}
.brand_creativity {width:90%; float:left; padding:1.5rem 5%;}
.brand_creativity ul li {width:100%; float:left; margin-top:1rem;}
.brand_creativity_left {width:30%; float:left; position:relative;}
.brand_creativity_left img {width:100%; float:left;}
.brand_creativity_right {width:65%; float:left; margin-left:5%; color:#666; font-size:1.4rem;}
.brand_creativity_left_word {position:absolute; top:1.3rem; left:18%; width:64%; color:#0693FF; font-weight:bold; font-size:1.4rem;    text-align: center;}
/*网站建设*/
.enterprise_cloud_construction_station {width:90%; padding:1.5rem 5%; background:#F5F5F5; float:left;}
.enterprise_cloud_construction_station ul li {width:94%; float:left; margin:1rem 4% 0 0; padding:1rem 3%; background:#FFF;}
.enterprise_cloud_construction_station ul li:nth-child(2n) {margin:1rem 0 0 0;}
.enterprise_cloud_construction_station ul li img {width:20%; float:left; margin:0 40%;}
.enterprise_cloud_construction_station ul li p {width:100%; float:left; line-height:1.5rem; font-size:1.4rem;margin-top: 0.5rem;}
.enterprise_cloud_construction_station ul li p:nth-child(2) {margin-top:0.5rem; font-size:1.6rem; text-align:center;}
.enterprise_cloud_construction_station ul li p:nth-child(3) {color:#999; text-align:center;}
.enterprise_cloud_construction_station ul li p:nth-child(4) {color:#666; line-height: 1.8rem;text-align: center;}
.one_stop_construction_platform {width:90%; padding:1.5rem 5%; float:left;}
.one_stop_construction_platform_bottom_title {width:100%; float:left; color:#0693FF; font-size:1.6rem; text-align:center; margin-top:1rem;}
.one_stop_construction_platform_bottom {width:100%; float:left; color:#666; font-size:1.6rem; text-align:center; margin-top:0.5rem;}
.one_stop_construction_platform_img {width:100%; float:left;}
.why_seo {width:100%; padding:1.5rem 0; background:#F5F5F5; float:left;}
.why_seo ul li {width:90%; height:9rem; float:left; margin-top:1rem; background:#FFF; padding:0 5%;display: flex;align-items: center;}
.why_seo_ul_left {width:18%; background:#0693FF; text-align:center; line-height:8rem; color:#FFF; font-size:4.5rem; float:left; font-weight:bold;}
.why_seo_ul_right {width:79%; margin-left:3%; float:left;}
.why_seo_ul_right p:nth-child(1) {font-size:1.6rem; font-weight:bold;}
.why_seo_ul_right p:nth-child(2) {font-size:1.4rem; color:#666; line-height:1.8rem;}
.why_seo_ul_right p:nth-child(2) span {color:#E20000;}
/*广告设计*/
.news_tabs a{font-size: 1.6rem;color: #666;margin-right: 4%;text-align: center;}
.news_tabs .active{color: #0693FF;border-bottom: 0.2rem solid #0693FF;}
.advertising_design_banner_title {top:40%; position:absolute; left:0; width:100%;}
.advertising_design_banner_title p {color:#FFF; font-size:2.4rem; font-weight:bold;}
.advertising_design_banner_title p:nth-child(1) {text-align:center;}
.advertising_design_banner_title p:nth-child(2) {width:45%; margin-left:55%;}
.design_services {width:90%; float:left; padding:1.5rem 5%;}
.design_services ul li {width:48%; float:left; margin:1rem 4% 0 0; position:relative;}
.design_services ul li:nth-child(2n) {margin:1rem 0 0 0;}
.design_services_img {width:100%; float:left;}
.design_services_position {width:50%; top:2.5rem; left:25%; z-index:20; position:absolute;}
.design_services_position img {width:80%; margin:0 10%; float:left;}
.design_services_position p {text-align:center; color:#FF8800; font-size:1.6rem; font-weight:bold; margin-top:0.5rem; float:left; width:100%;}
.design_services ul li:nth-child(2n) .design_services_position img {width:60%; margin:0 20%; float:left;}
.case_shows {width:90%; float:left; padding:1.5rem 5%; background:#F7F7F7;}
.case_shows_nav {width:100%; float:left;}
.case_shows_nav ul li {width:25%; float:left; text-align:center;}
.case_shows_nav_choosed {color:#0693FF; border-bottom:0.2rem solid #0693FF; font-size:1.6rem;}
.case_shows_nav_normal {color:#666; font-size:1.6rem;}
.case_shows_nav_main {width:100%; float:left; margin-top:2rem;}
.case_shows_nav_top {width:100%; float:left;height: 22.5rem;}
.case_shows_nav_top_left {width:59%; float:left; margin-right:2%;height: 100%;}
.case_shows_nav_top_left img {width:100%;height: 50%;}
.case_shows_nav_top_left img:nth-child(2) {margin-top:0.3rem;}
.case_shows_nav_top_right {width:39%; float:left;}
.case_shows_nav_top_right img {width:100%; height:22.5rem;}
.case_shows_nav_bottom {width:94%; float:left; padding:0.5rem 3%; background:#FFF;}
.case_shows_nav_bottom p:nth-child(1) {font-size:1.6rem; font-weight:bold;}
.case_shows_nav_bottom p:nth-child(3) {font-size:1.4rem; color:#666;}
.case_shows_nav_bottom_line {width:10%; margin:0.5rem 0; height:0.3rem; background:#0693FF;}
.project_cooperation {width:90%; float:left; padding:1.5rem 5%;}
.project_cooperation_title {width:100%; float:left; font-size:1.6rem;}
.project_cooperation ul li {width:100%; float:left; margin-top:1.5rem;}
.project_cooperation ul li div {width:40%; float:left; text-align:center; height:2.2rem; color:#0693FF; line-height:2.2rem; font-size:1.6rem; border-radius:0.7rem; border:1px solid #0693FF;}
.project_cooperation ul li p {width:100%; float:left; color:#666; font-size:1.4rem; margin-top:0.5rem;}
/*公司介绍*/
/*地图样式*/
#BMapLib_SearchInfoWindow0{display:none;}
.company_introduction_banner_title {top:40%; position:absolute; left:5%; width:95%;}
.company_introduction_banner_title p {font-size:2.4rem; font-weight:bold;}
.company_introduction_banner_title p:nth-child(1) {color:#FFF;}
.company_introduction_banner_title p:nth-child(2) span:nth-child(1) {color:#FF8800;}
.company_introduction_banner_title p:nth-child(2) span:nth-child(2) {color:#00F6FF;}
.company_introduction_top {width:90%; float:left; margin-top:1rem; padding:1.5rem 5%;}
.company_introduction_top ul li {width:30%; float:left; margin-right:5%;}
.company_introduction_top ul li:nth-child(3) {margin-right:0;}
.company_introduction_top ul li p:nth-child(1) {color:#0693FF; text-align:center; font-size:2.2rem; font-weight:bold;}
.company_introduction_top ul li p:nth-child(2) {color:#00DAF4; font-size:1.4rem; height:4.7rem; margin-top:0.2rem; text-align:center;}
.company_introduction_top ul li p:nth-child(3) {color:#666; font-size:1.4rem; margin-top:1rem;text-align: center;}
.wisdom_to_share {width:90%; float:left; padding:1.5rem 5%; background:#F5F5F5;}
.wisdom_to_share_list {width:100%; float:left; margin-top:1rem;}
.wisdom_to_share_list ul li {background:#FFF; width:94%; padding:1.5rem 3%;margin:1rem 4% 0 0; float:left;}
.wisdom_to_share_list ul li:nth-child(2n) {margin:1rem 0 0 0;}
.wisdom_to_share_title {width:100%;float:left;}
.wisdom_to_share_title img {width:14%;}
.wisdom_to_share_title span {margin-left:1rem; color:#0693FF; font-weight:bold; font-size:1.6rem;}
.wisdom_to_share_list ul li p {float:left; width:100%; color:#999; font-size:1.4rem; margin-top:0.5rem;}
.company_location {width:100%; float:left;}
.immediately_consult {width:90%; float:left; padding:1rem 5%; background:#0693FF;}
.immediately_consult_title {width:100%; float:left; text-align:center; color:#FFF; font-size:1.8rem; font-weight:bold;}
.immediately_consult p {width:100%; float:left; margin-top:1rem;}
.immediately_consult p img {float:left;}
.immediately_consult p span {margin-left:1rem; float:left; color:#FFF; font-size:1.4rem;}
.immediately_consult_contact {width:100%; float:left; margin-top:1rem; position:relative;}
.immediately_consult_contact input {border:0; outline:0; height:3rem; line-height:3rem; padding:0 5%; width:90%; background:#FFF; border-radius:0.3rem;}
.immediately_consult_contact img {position:absolute; right:1.2rem; top:0.5rem;}
.immediately_consult textarea {resize:none; outline:none; border:0; width:90%; padding:1rem 5%; background:#FFF; border-radius:0.3rem; margin-top:1rem; height:12rem; float:left;}
.submit_immediately {width:99%; float:left; border:1px solid #FFF; outline:none; background:transparent; margin-top:1rem;  border-radius:0.3rem; height:3rem; line-height:3rem; color:#FFF; font-size:1.6rem; text-align:center;}
/*高端建站*/
.high_end_site_banner_title {top:40%; position:absolute; left:5%; width:95%;}
.high_end_site_banner_title p {font-size:2.4rem; font-weight:bold; color:#FFF;}
.high_end_site_banner_title p:nth-child(2) {margin-left:6rem;}
.branding_official_website {width:90%; float:left; padding:1.5rem 5%; background:#F5F5F5;}
.branding_official_website ul li {width:90%; float:left; padding:0 5% 0rem 5% ;background:#FFF; margin-top:0.5rem;display: flex;
align-items: center;}
.branding_official_website_title_dark {width:10%; float:left; height:3rem; line-height:3rem; background:#049FF1; color:#FFF; text-align:center; font-size:1.8rem; font-weight:bold;}
.branding_official_website_title_light {width:10%; float:left; height:3rem; line-height:3rem; background:#00CCFF; color:#FFF; text-align:center; font-size:1.8rem; font-weight:bold;}
.branding_official_website ul li p {width:85%; padding:0.5rem 0 0.5rem 5%; float:left; color:#666; font-size:1.4rem; line-height:1.8rem;}
.group_website_design {background:url(img/website_marketing_phone_banner_25.jpg) no-repeat; width:100%; float:left; padding:1rem 0;}
.group_website_design p {color:#FFF; width:90%; margin:0 5%;}
.group_website_design p:nth-child(1) {text-align:center; font-size:2rem; font-weight:bold;}
.group_website_design p:nth-child(2) {font-size:1.4rem; text-indent:2em; margin-top:0.5rem;line-height: 2.5rem;}
.function_distribution_and_concentration {width:100%; float:left;}
.function_distribution_and_concentration img {width:100%; float:left;}
.enterprise_portal {width:90%; float:left; padding:1.5rem 5%; background:#F5F5F5;}
.enterprise_portal ul {width:100%; float:left;}
.enterprise_portal ul li {width:96%; background:#FFF; border-radius:0.3rem;padding:2.5rem 2% 1rem 2%; margin:2.7rem 0 0 0; float:left; position:relative;}
.enterprise_portal ul li:nth-child(2n) {margin:2.7rem 0 0 0;}
.enterprise_portal ul li p:nth-child(1) {color:#333; text-align:center; font-size:1.6rem; font-weight:bold;}
.enterprise_portal ul li p:nth-child(2) {color:#666; margin-top:0.5rem; font-size:1.4rem;}
.enterprise_portal ul li img {position:absolute;left: 50%;top: -2rem;margin-left: -8%;width: 16%;}
.station_group_management {width:100%; float:left; padding:1.5rem 0; background:#F5F5F5;}
.station_group_management ul {width:100%; float:left;}
.station_group_management ul li {width:90%; float:left; background:#FFF; padding:0.5rem 5%; margin-top:0.5rem;display: flex;
align-items: center;}
.station_group_management ul li img {float:left; width:15%;}
.station_group_management_word {float:left; margin-left:5%; width:80%;}
.station_group_management_word p:nth-child(1) {color:#333; font-size:1.4rem; font-weight:bold;}
.station_group_management_word p:nth-child(2) {color:#666; font-size:1.4rem;}
/*电商平台*/
.new-container{width: 100%;height: auto;margin-left: auto;margin-right: auto;}			
.new-container .swiper-slide {text-align: center;font-size: 18px;background: #fff;height: 200px;display: -webkit-box;
display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;
-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;
-webkit-align-items: center;align-items: center;}			
.new-container .swiper-slide img {width: 80%;}
.new-container .swiper-slide span{color: #00A0E9;text-align: center;font-size: 1.6rem;}
.new-container .swiper-button-prev{ height: 2rem;}
.new-container .swiper-button-next{height: 2rem;}
.electric_business_platform_banner_title {top:40%; position:absolute; left:5%; width:95%;}
.electric_business_platform_banner_title p {font-size:2.4rem; font-weight:bold; color:#FFF;}
.electric_business_platform_banner_title p:nth-child(2) {font-size:1.6rem;}
.china_merchants_to_join {width:90%; float:left; padding:1.5rem 5%;}
.china_merchants_to_join ul li {width:28%; float:left; margin:1rem 8% 0 0;}
.china_merchants_to_join ul li:nth-child(3n) {margin:1rem 0 0 0;}
.china_merchants_to_join ul li img {width:70%; float:left; margin:0 15%;}
.china_merchants_to_join ul li p {text-align:center; color:#666; font-size:1.4rem; margin-top:0.5rem; float:left; width:100%;}
.china_merchants_to_join_img {width:100%; float:left;}
.electrical_business_module {width:90%; float:left; padding:1.5rem 5%; background:#F5F5F5;}
.electrical_business_module_nav {width:100%; float:left; margin-top:0.5rem;}
.electrical_business_module_nav ul li {width:30%; margin-right:4%; float:left; text-align:center; font-size:1.6rem; border-radius:0.8rem;}
.electrical_business_module_nav ul li:nth-child(3n) {margin-right:0;}
.electrical_business_module_title_choosed {background:#0693FF; color:#FFF; height:2.8rem; line-height:2.8rem;}
.electrical_business_module_title_normal {border:0.1rem solid #DDD; height:2.6rem; background:#FFF; line-height:2.6rem;}
.electrical_business_module_ul {width:100%; float:left;}
.electrical_business_module_ul li {margin:2rem 5% 0 0;float:left; width:28%; text-align:center; background:#FFF; padding:1rem 1%;height:18rem;}
.electrical_business_module_ul li:nth-child(3n) {margin:2rem 0 0 0;}
.electrical_business_module_main img {width:50%; margin:1rem 25% 0 25%;}
.electrical_business_module_main p {margin-top:0.5rem; color:#666;}
.electrical_business_module_main p:nth-child(2) {font-size:1.8rem; font-weight:bold;}
.electrical_business_module_main p:nth-child(3) {font-size:1.4rem;}
.marketing_tool {width:90%; float:left; padding:1.5rem 5%;}
.marketing_tool_list {width:100%; float:left; margin-top:2rem;}
.marketing_tool_img_left {width:40%; float:left; margin-right:5%;}
.marketing_tool_img_left img {width:100%; float:left;}
.marketing_tool_img_right {width:40%; float:left; margin-left:5%;}
.marketing_tool_img_right img {width:100%; float:left;}
.marketing_tool_word {width:55%; float:left;}
.marketing_tool_word p {color:#333; margin-top:0.5rem; font-size:1.4rem;}
.marketing_tool_word p:nth-child(2) {font-size:1.6rem; font-weight:bold;}
.marketing_tool_word p:nth-child(3) {color:#666;}
.case_shows_list {width:90%; float:left; padding:1.5rem 5%;}
.case_shows_list_ul li {width:45%; float:left; margin:1rem 10% 0 0;}
.case_shows_list_ul li:nth-child(2n) {margin:1rem 0 0 0;}
.case_shows_list_ul li img {width:80%; margin:0 10%;}
.case_shows_list_ul li p {color:#00A0E9; text-align:center; font-size:1.6rem; margin-top:0.5rem;}
/*电商平台1选项卡*/
#electrical_tabs_container {width: 100%;}				
.electrical_tabs {display: -webkit-flex;display: flex;-webkit-justify-content: space-around;
justify-content: space-around;width: 100%;}				
.electrical_tabs a {width: 30%;text-align: center;font-size: 1.6rem;border-radius: 0.8rem;color: #666;
border: 0.1rem solid #DDD;height: 2.8rem;background: #FFF;line-height: 2.8rem;}				
.electrical_tabs .active {background: #0693FF;color: #FFF;height: 2.8rem;line-height: 2.8rem;}
#electrical_tabs_container{background-color: #F5F5F5;}
/*3DVR全景*/
.panoramic_banner_title {top:62%; position:absolute; left:15%; width:85%;}
.panoramic_banner_title p {font-size:2.2rem; font-weight:bold; color:#FFF;}
.panoramic_banner_title p:nth-child(2) {font-size:1.6rem; font-weight:normal;}
.panoramic_list {width:90%; padding:2rem 5%; float:left;}
.panoramic_title {width:100%; float:left; text-align:center; color:#333; font-size:1.8rem; background:url(img/website_marketing_phone_icon_88.png) no-repeat center; background-size:60%;}
.panoramic_list_bottom {width:100%; float:left; margin-top:1rem;}
.panoramic_list_bottom_img_left {width:30%; float:left; margin-right:5%;}
.panoramic_list_bottom_img_right {width:30%; float:left; margin-left:5%;}
.panoramic_list_word {width:65%; float:left; margin-top:2rem; font-size:1.4rem; color:#666;}
.panoramic_list_grey {width:90%; padding:2rem 5%; float:left; background:#F5F5F5;}
/*新闻列表页*/
.news_item_banner{width: 100%;}
.news_item_banner img{width: 100%;vertical-align: bottom;}
.news_item_main{margin-top: 1rem;}
.news_item_main_title {width:100%; text-align:center; float:left; font-size:1.8rem; font-weight:bold; line-height:3rem; color:#0693FF;}
.news_item_main_title_line {width:8%; float:left; margin:0 46% 1rem 46%; height:1px; background:#0693FF;}
.news_item_main #tabs-container{min-height: 15rem;}
.news_item_main .tabs{width: 100%;margin: 0 auto;overflow: hidden;}
.news_item_main .tabs li{width: 25%;height: 3rem;float: left;text-align: center;}
.news_item_main .tabs a{display:inline-block;color: #666;height: 2rem;font-size: 1.6rem;}
.news_item_main .tabs .active{color: #0693ff;border-bottom: 0.1rem solid #0693ff;}
.news_item_main #tabs-container li{height: 1.6rem;line-height: 1.6rem;}
.news_item_main #tabs-container li span:nth-of-type(1){font-size: 1.4rem;color: #999;padding-right: 0.25rem;}
.news_item_main #tabs-container li span:nth-of-type(2){font-size: 1.4rem;color: #999;}
.news_item_main #tabs-container li span:nth-of-type(3){font-size: 1.4rem;color: #666;padding-left: 0.25rem;}
/*分页*/
.news_item_yejiao{height: 7.5rem;text-align: center;display: flex;align-items: center;}
.news_item_yejiao div{display: flex;align-items: center;overflow:hidden;margin:0 auto;}
.news_item_yejiao span{float:left;font-size:1.5rem;margin: 0 0.5rem;}
.JZD_PAGE_PREVIOUS{background-image: url(img/1.jpg);height:2rem;width:2rem;background-size: 100%;}
.JZD_PAGE_PREVIOUS a{opacity: 0;}
.JZD_PAGE_NEXT{background-image: url(img/2.jpg);height:2rem;width:2rem;background-size: 100%;}
.JZD_PAGE_NEXT a{opacity: 0;}
 #header{margin-bottom: 1rem;}
.news_item_main #tabs-container .swiper-slide{width:100%;}
#header .swiper-slide a {height: 2rem;line-height: 2rem;text-align: center;font-size: 1.6rem;color: #666;padding-bottom: 0.3rem;}	#header .swiper-slide .active {border-bottom: 0.2rem solid #0693FF;color: #0693FF;}			
#header .swiper-slide {float: left;width: 25%;text-align: center;}
.jin{width: 100%;overflow: hidden;}
/*新闻详情*/
.news_con_banner{width: 100%;}
.news_con_banner img{width: 100%;vertical-align: bottom;}
.news_con_main{width: 90%;margin: 0 auto;margin-bottom:4rem;}
.news_con_main_title {width:100%; text-align:center;font-size:1.8rem; font-weight:bold; line-height:3rem; color:#0693FF;margin-top: 1rem;}
.news_con_main_title_line {width:8%;margin:0 46% 1rem 46%; height:1px; background:#0693FF;}
.news_con_data{text-align: center;}
.news_con_data span{padding: 0 0.5rem;color: #666;}
.news_con_about{background-color: #E8E8E8;color: #666;font-size: 1.2rem;padding: 0.5rem 0.3rem;line-height: 1.6rem;margin: 1rem 0;}
.news_con_zi{width:100%;margin: 0 auto;text-indent: 2em;line-height: 1.6rem;min-height: 4rem;margin-bottom: 2rem;}
.news_con_zi p{font-size:1.2rem !important;}
.news_con_zi img{width:100% !important;}
.news_con_fanye p span:nth-of-type(1){font-size: 1.2rem;color: #666;}
.news_con_fanye p span:nth-of-type(2) a{font-size: 1.1rem;color: #1094ff;padding-left: 0.4rem;}
.news_con_fanye p:nth-of-type(1){margin: 1rem 0;}
/*swiper样式*/
/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */

.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
	float: left;
	width: 50%;
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 50%;
	height: 100%;
	position: relative
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-transition-property: -webkit-transform, height;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform, height
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
	background: #fff
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	-moz-transform: translate3d(0, -50%, 0);
	-o-transform: translate(0, -50%);
	-ms-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 5px 0;
	display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px
}

.swiper-pagination-progress {
	background: rgba(0, 0, 0, .25);
	position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
	-webkit-transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
	background: rgba(255, 255, 255, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
	background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
	background: #000
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	-o-perspective: 1200px;
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
	-ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
	overflow: visible
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, .5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-moz-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes swiper-preloader-spin {
	100% {
		transform: rotate(360deg)
	}
}