/*城市分站*/
.window_width{padding: 0 !important;}
.section .section_ul{overflow: hidden;}
.section .list_ul li{float: left;margin: 10px;}
.city_box{background: #f3f3f3;}
.city_box li .item_img{text-align: center;}
.city_box li img{width: 80px;}
.city_box li {width: 280px;background: #fff;transition: all .2s;float: left;margin: 10px;padding: 35px 0;}
.city_box li .item_info .title{font-size: 16px;padding-top: 30px;line-height: 1.8;text-align: center;}
.nice_box{background: #fff;}

/*建站宝盒*/
.section_div{overflow: hidden;}
.nice_box .nice_left{width: 45%;float: left;padding-right: 50px;text-align: justify;height: 300px;position: relative;}
.nice_box .nice_right{width: 55%;float: left;}
.nice_box .nice_left .nice_info{position: absolute;top: 50%; transform: translateY(-50%);}
.nice_box .nice_left .nice_info .p{color: #999;font-size: 16px;line-height: 1.8;padding-right: 50px;text-align: justify;}
.nice_box .nice_left .nice_info .more{width: 150px;height: 40px;line-height: 40px;font-size: 16px;border: 1px solid #999;color: #999;display: inline-block;text-align: center;margin-top: 20px;}
.nice_box .nice_left .nice_info .more:hover{border-color: #ff0000;color: #ff0000;}

.section_steps{font-size: 18px;margin-top: 16px;}
.section_steps .num{color: #333;font-weight: bold;}

.setp_one_box{background: #fff;}
.setp_one_box li {width: 180px;background: #fff;transition: all .2s;float: left;margin: 10px;padding: 35px 0;box-shadow: 0 0 5px #e8e8e8;}
.setp_one_box li .title,.setp_two_box li .title,.setp_three_box li .title{font-size: 16px;text-align: center;}
.setp_one_box li .sub_title,.setp_two_box li .sub_title,.setp_three_box li .sub_title{font-size: 14px;color: #999;line-height: 1.8;text-align: center;}
.setp_one_box li .item_img{margin: 18px 0;}
.setp_one_box li:hover .item_img{transition: 0.6s all ease-in-out;transform: rotateY(360deg);}
.setp_one_box li:hover{position: relative;top: -5px;}

.setp_two_box{width: 100%;background: url(http://cdn.xuansiwei.com/xuang1384/design/images/20200317/bg_step_two.jpg);background-size: 100% 100%;height: 640px;}
.setp_two_box .section_steps,.setp_three_box .section_steps{margin-top: 0;}
.setp_two_box .section_steps,.setp_two_box .section_steps .num{color: #fff;}
.setp_two_box li{width: 280px;background: #fff;transition: all .2s;float: left;margin: 10px;padding: 35px 0;}
.setp_two_box li .title{padding: 30px 0 5px;}
.setp_two_box li:hover{box-shadow: 0 0 10px #4c4c4c;}

.setp_three_box {background: #fff;}
.setp_three_box .section_div{box-shadow: 0 5px 20px #e8e8e8;margin: 40px 10px 0;}
.setp_three_box .buttom_button{padding-top: 40px;}
.section .buttom_button a{display: inline-block;width: 200px;height: 50px;line-height: 50px;font-size: 16px;color: #fff;}
.section .buttom_button a:hover{opacity: 0.8;}
.setp_three_box li{width: calc(100%/3);float: left;padding: 75px 20px;position: relative;overflow: hidden;}
.setp_three_box li .left_img{float: left;width: 130px;}
.setp_three_box li .left_img img{width: 100%;height: 100%;}
.setp_three_box li .right_info{float: left;width: calc(100% - 130px);position: absolute;transform: translateY(-50%);top: 50%;left: 160px;text-align: left;}
.setp_three_box li .title{text-align: left;padding-bottom: 25px;}
.setp_three_box li .line{text-align: left;height: 2px;background: #6d78ff;width: 30px;margin-left: 0;}
.setp_three_box li .sub_title{text-align: left;padding-top: 30px;}

/*不同点*/
.differ_box{overflow: hidden;}
.differ_box li{border-bottom: 1px solid #e2e2e2;height: 50px;line-height: 50px;font-size: 14px;}
.differ_box li .i{color: #666666;}
.differ_box li.active{font-size: 16px;}
.differ_box .differ_middle{width: 170px;text-align: center;background: #eeeeee;}
.differ_box .differ_left,.differ_box .differ_right,.differ_box .differ_middle{float: left;}
.differ_box .differ_left,.differ_box .differ_right{width: calc((100% - 170px)/2);}
.differ_box .differ_left{text-align: right;}
.differ_box .differ_left .active{background: #4fa2fe;color: #fff;}
.differ_box .differ_right .active{background: #d2d2d2;color: #666666;}
.differ_box .differ_right li{color: #a1a1a1;padding-left: 40px;background: #fff;}
.differ_box .differ_left li{color: #484848;padding-right: 40px;background: #fff;}
.differ_box .differ_middle li{color: #4fa2fe;}
.differ_box .differ_right{text-align: left;}

/*模板*/
.template_box{background: #fff;}
.template_box li{width: 280px !important;margin: 0 10px;box-shadow: 0 0 10px #e8e8e8;}

/*客户心声*/
.client_box{background: #fff;}
.client_box li{width: 380px;float: left;margin: 10px 10px 15px;box-shadow: 0 0 10px #e8e8e8;}
.client_box li:hover{transform: scale(1.05);}
.client_box li .info_box{padding: 20px;}
.client_box .info_box .title_item {overflow: hidden;font-size: 16px;padding-bottom: 20px;}
.client_box .info_box .sub_info {color: #999;font-size: 14px;text-align: left;line-height: 1.5;min-height: 65px;}
.client_box .info_box .title_item .title_left {color: #333;font-size: 16px;float: left;max-width: calc(100% - 110px);line-height: 65px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.client_box .info_box .title_item .title_left:hover{color: #333;}
.client_box .info_box .title_item .qr {width: 100px;float: right;}
.client_box .info_box .title_item .qr img{height: 65px;}
.client_box .bottom_btn{margin-top: 40px;}
.client_box .bottom_btn a:first-of-type {background: #fff;border: 1px solid #f00;}
.client_box .bottom_btn a{display: inline-block;width: 250px;height: 50px;line-height: 50px;font-size: 16px;margin: 0 10px;}
.client_box .bottom_btn a.more_btn:hover{color: #fff;}
/*保障*/
.security_box{background: #f3f3f3;}
.security_box li{width: calc(100%/4);float: left;padding: 20px;position: relative;}
.security_box li .title{font-size: 16px;padding-top: 20px;}

.template_box .swiper-button-prev{background-image: url(http://cdn.xuansiwei.com/xuang1384/agent/images/newpc/index/arrow_left.png) !important;}
.template_box .swiper-button-prev {left: 150px;}

.template_box .swiper-button-next {background-image: url(http://cdn.xuansiwei.com/xuang1384/agent/images/newpc/index/arrow_right.png) !important;}
.template_box{position: relative;background: #fff;overflow: hidden;text-align: center;clear: both;}

.template_box .swiper-button-next {right: 150px;}
.template_box .swiper-button-prev, .template_box .swiper-button-next {width: 24px;height: 44px;background-size: 100% 100%;top: 282px;margin-top: 0;}
.swiper-button-next, .swiper-button-prev {position: absolute;top: 50%;width: 27px;height: 44px;margin-top: -22px;z-index: 10;cursor: pointer;background-size: 27px 44px;background-position: center;background-repeat: no-repeat;}

.template_box .moban_image {height: 270px;border-bottom: 1px solid #eeeeee;overflow: hidden;position: relative;}
.template_box .moban_image .moban_pc>img {width: 100%;height: auto;}
.template_box .moban_image .preview_pc,.template_box .moban_image .preview_phone {display: block;position: absolute;width: 100%;height: 100%;z-index: 1;top: 0;left: 0;background: rgba(0,0,0,.6);filter: alpha(opacity=0);opacity: 0;transition: all ease-in .2s;}
.template_box .preview_pc img {left: 25%;top: 50%;position: absolute;transform: translateY(-50%);}
.template_box .moban_image:hover .preview_pc {filter: alpha(opacity=100);opacity: 1;}
.template_box .moban_phone {position: absolute;bottom: 10px;right: 15px;z-index: 2;}
.template_box .viewPhone {overflow: hidden;border: 1px solid #bbb;border-radius: 15px;background: #f5f5f5;width: 95px;box-sizing: border-box;}
.template_box .viewTitle {text-align: center;}
.template_box .quan {width: 14px;height: 14px;border: 1px solid #bbb;margin: 4px auto 5px;border-radius: 100%;}
.template_box .viewMain {width: 82px;height: 145px;border: 1px solid #d4d4d4;margin: 0 auto;position: relative;overflow: hidden;}
.template_box .dian {height: 10px;overflow: hidden;}
.template_box .heng {text-align: center;margin-bottom: 7px;}
.template_box .heng span {display: inline-block;height: 1px;background: #d4d4d4;width: 16px;}
.template_box span {font-size: 12px;display: block;line-height: 24px;}
.template_box .viewMain .preview_phone img {width: auto;left: 50%;top: 50%;position: absolute;transform: translate(-50%,-50%);}
.template_box .viewMain img {width: 100%;height: auto;}
.template_box .moban_image:hover .preview_phone {filter: alpha(opacity=100);opacity: 1;}
.template_box .buttom_button{padding-top: 40px;}


/*数量*/
.web_num {padding: 0;background: url(http://cdn.xuansiwei.com/xuang1384/design/images/newpc/index/numbg.jpg) no-repeat center;}
.web_num .section_div {font-size: 30px;height: 160px;line-height: 160px;color: #fff;margin: 0;}
.web_num span {font-family: 'Georgia';font-size: 60px;color: #f3d52c;padding: 0 10px;}