*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Microsoft Yahei';}
.clearfix::after{content: ""; display: block; clear: both;}
.blockbox{width: 1200px; margin: auto;}
.common_title{text-align: center;}
.common_title_c{font-size: 36px; color: #fff; font-weight: bold; line-height: 36px;}
.common_title_c span{color: #fff;}
.common_title_e{font-size: 18px; color: #999999; font-family: 'Arial'; line-height: 18px; margin-top: 15px; text-transform: uppercase;}
.banner{width: 100%; height: 620px;}
.banner-items{height: 100%;}
.banner img{height: 100%; width: 100%;}
.selects{width: 100%; background: #f6f7fa; height: 111px; position: relative; z-index: 2;}
.selects-inner{width: 1200px; margin: auto; height: 100%;}
.selects-inner .inner-title{color: #333333; font-size: 30px; line-height: 111px; float: left;}
.selects-inner .inner-right{width: 650px; height: 50px; float: right; margin-top: 30px;}
.selects-inner .inner-right__select,
.selects-inner .inner-right__name,
.selects-inner .inner-right__phone,
.selects-inner .inner-right__btn{float: left; width: 137.15px; background: #ffffff; height: 48px; margin-right: 13.8px; border-radius: 5px; border: 1px solid #e6eaf8;}
.selects-inner .inner-right__select input,
.selects-inner .inner-right__name input,
.selects-inner .inner-right__phone input,
.selects-inner .inner-right__btn input{height: 100%; width: 100%; color: #999999; line-height: 100%; font-size: 16px; padding-left: 10px;}
.selects-inner .inner-right__select{width: 191px; position: relative;}
.selects-inner .inner-right__select:hover .hidescroll{height: 150px;}
.selects-inner .inner-right__select:hover:after{transform: rotate(180deg);}
/*.selects-inner .inner-right__select:after{content: ""; display: block; width: 13px; height: 8px; background: url(../tuiguang/iconfont-platformentrance.png) no-repeat; background-size: 100% 100%; position: absolute; right: 13px; top: 20px; transition: all .5s;}*/
.selects-inner .inner-right__select p{line-height: 48px; font-size: 16px; width: 100%; height: 48px; padding-left: 10px; color: #999999;}
.selects-inner .inner-right__select .hidescroll{position: absolute; top: 48px; width: 191px; background: #ffffff; border-radius: 5px; overflow: hidden; transition: all .5s; height: 0;}
.selects-inner .inner-right__select .hideselects{overflow: auto; height: 150px; width: 300px;}
.selects-inner .inner-right__select .hideselects p{cursor: pointer;}
.selects-inner .inner-right__select .hideselects p:hover{background: #e6eaf8;}
.selects-inner .inner-right__btn{margin-right: 0; overflow: hidden;}
.selects-inner .inner-right__btn input{display: inline-block; text-align: center; line-height: 48px; width: 100%; height: 48px; background: #327aed; color: #ffffff; font-size: 16px;}
.selects-inner .inner-right__btn a:hover{opacity: .7;}
.marketing{width: 100%; height: 915px; background: #ffffff; padding-top: 63px;}
.marketing-inner{width: 1200px; height: 100%; margin: auto;}
.marketing-inner__title{width: 100%; text-align: center;}
.marketing-inner__title .inner-title{font-weight: bold; font-size: 42px; color: #333333;}
.marketing-inner__title .inner-subtitle{font-size: 18px; color: #666666; margin: 10px 0; position: relative;}
.marketing-inner__title .inner-subtitle::after{content: ""; display: block; position: absolute; width: 33.65px; height: 3px; background: #327aed; left: 50%; margin-left: -16.1325px; bottom: -15px;}
.marketing-contents{margin-left: 360px; margin-top: 48px; position: relative;}
.marketing-contents::after{content: ""; display: block; clear: both;}
.marketing-contents__item{float: left; padding: 0px 20px; background: #eeeeee; font-size: 18px; color: #333333; border-radius: 5rem; height: 38px; line-height: 38px; margin-right: 20px; cursor: pointer; transition: all .5s;}
.marketing-contents__item:hover{background: #327aed; color: #ffffff;}
.marketing-contents__item:hover .item-contents{display: block;}
.marketing-contents__item:last-child{margin-right: 0;}
.marketing-contents__item .item-contents{height: 575px; width: 1200px; background: #575d66; position: absolute; top: 60px; left: -360px; display: none; cursor:default;}
.marketing-contents__item .item-contents-inner__title{width: 100%; margin: 50px auto 0;}
.marketing-contents__item .item-contents-inner__title p{text-align: center;}
.marketing-contents__item .item-contents-inner__title .inner-title{font-size: 30px; margin-bottom: 5px;}
.marketing-contents__item .item-contents-inner__title .inner-subtitle{font-size: 14px;}
.marketing-contents__item .item-contents-inner__divs{width: 467px; height: 288px; margin: 50px auto;}
.marketing-contents__item .item-contents-inner__divs::after{content: ""; display: block; clear: both;}
.marketing-contents__item .item-contents-inner__divs div{float: left; width: 229px; height: 138px; background: #000; margin: 2px; color: #ffffff; font-size: 24px; line-height: 138px; text-align: center;}
.marketing-contents__item .item-contents-inner__divs .innerdiv1{background: url(../tuiguang/2other1.jpg) no-repeat center;}
.marketing-contents__item .item-contents-inner__divs .innerdiv2{background: url(../tuiguang/2other2.jpg) no-repeat center;}
.marketing-contents__item .item-contents-inner__divs .innerdiv3{background: url(../tuiguang/2other3.jpg) no-repeat center;}
.marketing-contents__item .item-contents-inner__divs .innerdiv4{background: url(../tuiguang/2other4.jpg) no-repeat center;}
.marketing-contents__item .item-contents-inner__btn{text-align: center;}
.marketing-contents__item .item-contents-inner__btn a{display: inline-block; width: 144px; height: 40px; line-height: 40px; color: #ffffff; background: #327aed;}
.marketing-contents__item .item-contents-inner__btn a:hover{opacity: .7;}
.marketing-contents__item .item-contents__left{width: 575px; height: 100%; float: left;}
.marketing-contents__item .item-contents__left img{width: 100%; height: 100% ;}
.marketing-contents__item .item-contents__right{background: #555b64; float: right; width: calc(625px); height: 100%; padding: 50px 0 38px 38px;}
.marketing-contents__item .item-contents__right .right-title{height: 65px; width: 100%; overflow: hidden; margin-bottom: 80px;}
.marketing-contents__item .item-contents__right .right-title__main{font-size: 30px; color: #ffffff;}
.marketing-contents__item .item-contents__right .right-title__sub{font-size: 14px; color: rgba(255, 255, 255, 0.8);}
.marketing-contents__item .item-contents__right .right-contents{height: 235px;}
.marketing-contents__item .item-contents__right .right-contents__item{width: 50%; float: left; margin-bottom: 40px;}
.marketing-contents__item .item-contents__right .right-contents__item:last-child{margin-bottom: 60px;}
.marketing-contents__item .item-contents__right .right-contents__item .num{display: block; float: left; width: 47px; height: 47px; margin-left: -10px; background: url(../tuiguang/0.png) no-repeat; background-size: 100% 100%; text-align: center; line-height: 47px; color: rgba(255, 255, 255, 0.8);}
.marketing-contents__item .item-contents__right .right-contents__item .tips{float: left; font-size: 16px; padding-left: 10px; line-height: 24px;}
.marketing-contents__item .item-contents__right .right-contents__item .tips-title{font-size: 16px; color: #ffffff; font-weight: bold;}
.marketing-contents__item .item-contents__right .right-contents__item .tips-subtitle{font-size: 14px; color: rgba(255, 255, 255, 0.8);}
.marketing-contents__item .item-contents__right .right-contents__item::after{content: ""; clear: both; display: block;}
.marketing-contents__item .item-contents__right .right-btn{width: 144px; height: 40px; margin-top: 60px;}
.marketing-contents__item .item-contents__right .right-btn a{display: block; width: 144px; height: 40px; line-height: 40px; background: #327aed; color: #ffffff; font-size: 16px; text-align: center; cursor: pointer; transition: all .5s;}
.marketing-contents__item .item-contents__right .right-btn a:hover{opacity: .7;}
.active{background: #327aed; color: #ffffff;}
.active .item-contents{display: block;}
.trouble{width: 100%; height: 643px; background: #f3f5f9; padding-top: 63px;}
.trouble-inner{width: 1200px; height: 100%; margin: auto;}
.trouble-inner__title{width: 100%; text-align: center;}
.trouble-inner__title .inner-title{font-weight: bold; font-size: 42px; color: #333333;}
.trouble-inner__title .inner-subtitle{font-size: 18px; color: #666666; margin: 10px 0; position: relative;}
.trouble-inner__title .inner-subtitle::after{content: ""; display: block; position: absolute; width: 33.65px; height: 3px; background: #327aed; left: 50%; margin-left: -16.1325px; bottom: -15px;}
.trouble-contents{width: 100%; margin-top: 60px;}
.trouble-contents::after{content: ""; display: block; clear: both;}
.trouble-contents__item{width: 373.71px; float: left; margin-right: 39px;}
.trouble-contents__item:last-child{margin: 0;}
.trouble-contents__item .item-top{background: #ffffff; color: #637188; font-size: 18px; text-align: center; height: 68px; line-height: 68px; border-radius: 10px; margin-bottom: 40px; position: relative;}
.trouble-contents__item .item-top:hover{top: -2px; box-shadow:0 0 6px #DFEAFA;}
.trouble-contents__item .item-top::after{content: ""; display: block; width: 17px; height: 24px; background: url(../tuiguang/downicon.png) no-repeat; background-size: 100% 100%; position: absolute; left: 50%; bottom: -35px; margin-left: -8.5px;}
.trouble-contents__item .item-bottom{width: 100%; height: 248px; background: #6d97db; color: #ffffff; border-radius: 10px; padding: 27px 37px;}
.trouble-contents__item .item-bottom:hover{position: relative; top: -2px; box-shadow:0 0 6px #DFEAFA;}
.trouble-contents__item .item-bottom p{cursor: default;}
.trouble-contents__item .item-bottom p:first-child{font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.trouble-contents__item .item-bottom p:last-child{font-size: 16px; text-align: left;}
.standard{width: 100%; height: 750px; background: #ffffff; padding-top: 63px;}
.standard-inner{width: 1200px; height: 100%; margin: auto;}
.standard-inner__title{width: 100%; text-align: center;}
.standard-inner__title .inner-title{font-weight: bold; font-size: 42px; color: #333333;}
.standard-inner__title .inner-subtitle{font-size: 18px; color: #666666; margin: 10px 0; position: relative;}
.standard-inner__title .inner-subtitle::after{content: ""; display: block; position: absolute; width: 33.65px; height: 3px; background: #327aed; left: 50%; margin-left: -16.1325px; bottom: -15px;}
.standard-contents{margin-top: 60px;}
.standard-contents::after{content: ""; display: block; clear: both;}
.standard-contents__item{width: 276px; height: 215.65px; border-radius: 5px; box-shadow: 0 0 6px rgba(111, 152, 219, 0.35); float: left; margin: 16px; padding: 30px 25px; transition: all .5s;}
.standard-contents__item:nth-child(4n){margin-right: 0;}
.standard-contents__item:nth-child(4n+1){margin-left: 0;}
.standard-contents__item .item-icon{margin: auto; width: 82px; height: 82px; border-radius: 50%; background: rgba(109, 151, 219, 0.99); text-align: center; line-height: 82px; margin-bottom: 25px; border: 1px solid #ffffff;}
.standard-contents__item .item-icon img{max-width: 41px; max-height: 36px;}
.standard-contents__item .item-details{text-align: center;}
.standard-contents__item .item-details p{transition: all .5s; line-height: 28px; cursor: default; font-weight: 700;}
.standard-contents__item .item-details p:first-child{font-size: 18px; color: #333333;}
.standard-contents__item .item-details p:last-child{font-size: 15px; color: #555555;}
.standard-contents__item:hover{background: rgba(109, 151, 219, 0.99);}
.standard-contents__item:hover .item-icon{background: rgba(109, 151, 219, 0.99);}
.standard-contents__item:hover .item-details p{color: #ffffff;}
.case{width: 100%; height: 770px; background: url(../tuiguang/doubswiper.png) no-repeat center; padding-top: 63px;}
.case .common_title_e{color: #fff;}
.case-inner{width: 1200px; height: 100%; margin: auto;}
.case-inner__title{width: 100%; text-align: center;}
.case-inner__title .inner-title{font-weight: bold; font-size: 42px; color: #ffffff;}
.case-inner__title .inner-subtitle{font-size: 18px; color: #ffffff; margin: 10px 0; position: relative;}
.case-inner__title .inner-subtitle::after{content: ""; display: block; position: absolute; width: 33.65px; height: 3px; background: #327aed; left: 50%; margin-left: -16.1325px; bottom: -15px;}
.case_wrap{margin-top: 53px; position: relative;}
.case_wrap .swiper-container1{width: 1200px; height: 500px; background: #fff;}
.case_wrap .swiper-container1 .active{display: block;}
.case_wrap .swiper-container1 .active .swiper_slide1_right{animation: show 0.3s ease;}
.case_wrap .swiper_slide1{background: #fff; overflow: hidden; display: none;}
.case_wrap .swiper_slide1_left{float: left; width: 180px; height:499px; background: #fff; border: 1px solid rgba(102, 102, 102, 0.05); padding: 0 17px 0 22px;}
.case_wrap .swiper_slide1_left_each{width: 100%; height: 20%; position: relative; cursor: pointer;}
.case_wrap .swiper_slide1_left_each_in{width: 184px; height: 93px; text-align: left; position: absolute; top: 9px; left: -15px; padding-left: 18px; z-index: 5;}
.case_wrap .swiper_slide1_left_each_in .p1{font-size: 16px; color: #222222; line-height: 16px; margin-top: 20px; transition: 0.3s;}
.case_wrap .swiper_slide1_left_each_in .p2{font-size: 12px; color: #999999; line-height: 12px; margin-top: 15px; font-family: 'Arial'; text-transform: uppercase; transition: 0.3s;}
.case_wrap .swiper_slide1_left_each_in .icon{position: absolute; top: 34px; right: 35px; display: block; width: 15px; height: 15px; background: url('../tuiguang/5tb.png') no-repeat center; transition: 0.3s;}
.case_wrap .swiper_slide1_left_each:not(:last-child){border-bottom: 1px dashed #cccccc;}
.case_wrap .swiper_slide1_left .on .swiper_slide1_left_each_in{background: url('../tuiguang/activeblue.png') no-repeat center;}
.case_wrap .swiper_slide1_left .on .swiper_slide1_left_each_in .p1{color: #ffffff;}
.case_wrap .swiper_slide1_left .on .swiper_slide1_left_each_in .p2{color: #ffffff;}
.case_wrap .swiper_slide1_left .on .swiper_slide1_left_each_in .icon{right: 15px; background: url('../tuiguang/5tb2.png') no-repeat center;}
.case_wrap .swiper_slide1_right{float: right; width: 1003px; height: 601px; background: #fff; border: 1px solid rgba(102, 102, 102, 0.05);}
.case_wrap .swiper_slide1_right_each{padding: 40px 33px 0; display: none;}
.case_wrap .swiper_slide1_right_each_left{width: 518px; height: 362px; float: left;}
.case_wrap .swiper_slide1_right_each_left img{max-width: 100%; max-height: 100%; border: 4px solid #dddddd;}
.case_wrap .swiper_slide1_right_each_right{float: right; width: 395px;}
.case_wrap .swiper_slide1_right_each_right h3{font-size: 24px; color: #222222; line-height: 24px;}
.case_wrap .swiper_slide1_right_each_right h3:after{content: ''; display: block; width: 46px; height: 4px; background: #327aed; margin-top: 20px; margin-bottom: 13px;}
.case_wrap .swiper_slide1_right_each_right p{font-size: 14px; color: #222222; line-height: 24px;}
.case_wrap .swiper_slide1_right .on{display: block; animation: show 0.3s ease;}
.case_wrap .swiper-container2{width: 856px; height: 115px;}
.case_wrap .swiper-container2 .swiper_slide2{margin-top: 8px; border: 1px solid #dddddd; position: relative; margin-right: 5px; width: 164px !important; height: 102px !important;}
.case_wrap .swiper-container2 .swiper-slide:not(.swiper-slide-active):hover{border: 1px solid #327aed;}
.case_wrap .swiper-container2 .swiper_slide2:last-child{margin-right: 0;}
.case_wrap .swiper-container2 .swiper_slide2 img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.case_wrap .swiper-container2 .swiper_slide2 span{position: absolute; z-index: 5; color: red;}
.case_wrap .swiper-container2 .swiper-slide-active{position: relative; border: 2px solid #327aed;}
.case_wrap .swiper-container2 .swiper-slide-active:before{content: ''; display: block; width: 0; height: 0; border: 5px solid transparent; border-bottom-color: #327aed; position: absolute; top: -12px; left: 50%; margin-left: -5px;}
.case_wrap .container2_swiper{position: absolute; width: 935px; margin: auto; top: 368px; left: 230px; overflow: hidden;}
.case_wrap .container2_swiper .prev{z-index: 2; display: block; width: 75px; height: 113px; position: absolute; top: 0; left: -35px; background: url('../tuiguang/5left.png') no-repeat center left 35px;}
.case_wrap .container2_swiper .next{z-index: 2; display: block; width: 75px; height: 113px; position: absolute; top: 0px; right: -35px; background: url('../tuiguang/5right.png') no-repeat center right 35px;}
@keyframes show{0%{opacity: 0;} 100%{opacity: 1;}}
.team{width: 100%; height: 800px; background: #ffffff; padding-top: 63px;}
.team-inner{width: 1200px; height: 100%; margin: auto;}
.team-inner__title{width: 100%; text-align: center;}
.team-inner__title .inner-title{font-weight: bold; font-size: 42px; color: #333333;}
.team-inner__title .inner-subtitle{font-size: 18px; color: #666666; margin: 10px 0; position: relative;}
.team-inner__title .inner-subtitle::after{content: ""; display: block; position: absolute; width: 33.65px; height: 3px; background: #327aed; left: 50%; margin-left: -16.1325px; bottom: -15px;}
.team .design_team_swiper{width: 100%; height: 470px; margin-top: 55px;}
.team .design_team_swiper_slide{width: 231px !important; height: 465px !important; background: rgba(255, 255, 255, 0.9); position: relative; margin-right: 10px; box-shadow: 0px 0px 6px rgba(153, 153, 153, 0.35);}
.team .design_team_swiper_slide:last-child{margin: 0;}
.team .design_team_swiper_slide:first-child{margin-left: 1px;}
.team .design_team_swiper_slide_watermark{font-size: 16px; color: #cccccc; line-height: 16px; font-family: 'Arial'; position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%);}
.team .design_team_swiper_slide_watermark:before{content: ''; display: block; position: absolute; top: 50%; left: -40px; width: 32px; height: 1px; background: #d4d3d4;}
.team .design_team_swiper_slide_watermark:after{content: ''; display: block; position: absolute; top: 50%; right: -40px; width: 32px; height: 1px; background: #d4d3d4;}
.team .design_team_swiper_slide_front{width: 100%;}
.team .design_team_swiper_slide_front_img{width: 100%; height: 263px; border: 2px solid #fff;}
.team .design_team_swiper_slide_front_img img{width: 227px; height: 259px;}
.team .design_team_swiper_slide_front_name{text-align: center; font-size: 20px; color: #333333; line-height: 20px; margin: 17px 0 14px 0;}
.team .design_team_swiper_slide_front_name span{font-size: 16px; font-weight: normal; color: #333333;}
.team .design_team_swiper_slide_front_design{display: block; max-width:195px; height: 25px; text-align: center; line-height: 25px; background: #5f8fda; margin: auto; font-size: 14px; color: #ffffff; margin-bottom: 10px;}
.team .design_team_swiper_slide_front_content{width: 200px; height: 48px; font-size: 14px; color: #555555; line-height: 24px; margin: auto; overflow: hidden; margin-top: 10px;}
.team .design_team_swiper_slide_hover{position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(53, 89, 146, 0.8); z-index: 2; padding: 53px 17px 0 17px; text-align: left; transition: 0.5s; transform: translateY(-100%);}
.team .design_team_swiper_slide_hover p{font-size: 16px; color: #ffffff; line-height: 28px; width: 100%; margin-top: 18px; height: 308px; overflow: hidden;}
.team .design_team_swiper_slide:hover .design_team_swiper_slide_hover{transform: translateY(0);}
.team .design_team_footer{width: 100%; height: 60px; background: url('../tuiguang/Elitedesignteam.png') no-repeat center bottom; position: relative;}
.team .design_team_footer_controller{width: 90px; height: 45px; position: absolute; top: 22px; left: 50%; margin-left: -45px;}
.team .design_team_footer_prev{display: inline-block; width: 45px; height: 45px; background: url('../tuiguang/lightblueleft.png') no-repeat center; transition: 0.3s;}
.team .design_team_footer_prev.on{background: url('../tuiguang/deepblueleft.png') no-repeat center;}
.team .design_team_footer_next{display: inline-block; width: 45px; height: 45px; background: url('../tuiguang/lightblueright.png') no-repeat center; transition: 0.3s;}
.team .design_team_footer_next.on{background: url('../tuiguang/deepblueright.png') no-repeat center;}
.step{width: 100%; height: 375px; background: #f4f4f4; padding-top: 63px;}
.step-inner{width: 1200px; height: 100%; margin: auto;}
.step-inner__title{width: 100%; text-align: center;}
.step-inner__title .inner-title{font-weight: bold; font-size: 42px; color: #333333;}
.step-inner__title .inner-subtitle{font-size: 18px; color: #666666; margin: 10px 0; position: relative;}
.step-inner__title .inner-subtitle::after{content: ""; display: block; position: absolute; width: 33.65px; height: 3px; background: #327aed; left: 50%; margin-left: -16.1325px; bottom: -15px;}
.step .process{width: 100%; padding-bottom: 28px; background: #f4f4f4;}
.step .process_detail{text-align: center; margin-top: 60px;}
.step .process_tips{margin-top: 30px;}
.step .process_tips p{width: 100%; text-align: center; color: #666666; font-size: 14px;}
.cooperation{width: 100%; height: 693px; background: #ffffff; padding-top: 63px;}
.cooperation-inner{width: 1200px; height: 100%; margin: auto; background: url('../tuiguang/cooperativeenterprise.jpg') no-repeat center; background-position: 100% 83%; height: 600px; display: none;}
.cooperation-inner__title{width: 100%; text-align: center;}
.cooperation-inner__title .inner-title{font-weight: bold; font-size: 42px; color: #333333;}
.cooperation-inner__title .inner-subtitle{font-size: 18px; color: #666666; margin: 10px 0; position: relative;}
.cooperation-inner__title .inner-subtitle::after{content: ""; display: block; position: absolute; width: 33.65px; height: 3px; background: #327aed; left: 50%; margin-left: -16.1325px; bottom: -15px;}
.cooperation table{width: 1151px; height: 338px; border: 1px solid #eaeaea; margin-top: 100px; position: relative; z-index: 2; background: #fff;}
.cooperation table tbody{position: relative;}
.cooperation table tr{border-bottom: 1px solid #eaeaea;}
.cooperation table td{text-align: center; table-layout: auto; width: 14.28%; background: #fff; transition: 0.3s;}
.cooperation table td:not(:nth-child(7n)){border-right: 1px solid #eaeaea;}
.cooperation table td img{max-width: 100%;}
.cooperation table td:hover{box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) inset;}