.banner{height: 700px;background-image: url(images/indexbanner.jpg);}
.banner_content{position: relative;}
.banner_text{position: absolute; right: 20px;top:210px;width: 580px;}
.banner_title{font-size: 60px;line-height: 64px;}
.banner_desc{font-size: 20px; line-height: 32px;margin-top: 20px;}
.banner_link{ color:#333; background:#f9b900;display: inline-block; height: 40px; line-height: 40px; font-size: 14px; display: inline-block; text-align: center;margin-top: 30px; padding:0 30px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;}
.banner_link:hover{background: #f9d300;color:#333;}   

.index01{background: #F6F6F6;width: 100%;padding: 68px 0;}
.index01 .photo_live{margin-top: 20px;}
.title_txt{width: 100%;text-align: center;height: 100px;}
.title_txt h2{position: relative;font-size: 48px;line-height: 48px;color:#000;}
.title_txt h2::after{ content: ''; width: 48px; height: 5px; background-color: #333; position: absolute; bottom:-30px; left: 50%; margin-left: -24px; color:#f9b900; border-radius:2px ; -webkit-border-radius:2px ; -moz-border-radius:2px ; -ms-border-radius:2px ; -o-border-radius:2px ; }
.left_block{width:370px; }
.left_block .layer01{height: 160px;background: #F9B900 url(images/icon_pay.png) center 25px no-repeat;}
.left_block .layer01 span{width: 100%;text-align: center;margin-top: 100px;display: inline-block;font-size: 24px;}
.left_block .layer02{padding: 20px 60px 30px; text-align: center; color:#666; position: relative;}
.left_block .layer02::after{content: ''; width: 40px; height: 4px; background-color: #d5d5d5; position: absolute; bottom:10px; left: 50%; margin-left: -20px; border-radius:2px ; -webkit-border-radius:2px ; -moz-border-radius:2px ; -ms-border-radius:2px ; -o-border-radius:2px;}
.left_block .layer03{text-align: center;font-size: 16px;font-weight: 600;color:#666;}
.middle_block{width: 460px;}
.middle_block .layer01{height: 160px;background: #FEC601 url(images/icon_spread.png) center 25px no-repeat;}
.middle_block .layer01 span{width: 100%;text-align: center;margin-top: 100px;display: inline-block;font-size: 24px;}
.middle_block .layer02{padding: 20px 105px 30px; text-align: center; color:#666;position: relative;}
.middle_block .layer02::after{content: ''; width: 40px; height: 4px; background-color: #d5d5d5; position: absolute; bottom:10px; left: 50%; margin-left: -20px; border-radius:2px ; -webkit-border-radius:2px ; -moz-border-radius:2px ; -ms-border-radius:2px ; -o-border-radius:2px;}
.middle_block .layer03{text-align: center;font-size: 16px;font-weight: 600;color:#666;}
.right_block{width: 370px;}
.right_block .layer01{height: 160px;background: #F9B900 url(images/icon_marketing.png) center 25px no-repeat;}
.right_block .layer01 span{width: 100%;text-align: center;margin-top: 100px;display: inline-block;font-size: 24px;}
.right_block .layer02{padding: 20px 60px 30px; text-align: center; color:#666;position: relative;}
.right_block .layer02::after{content: ''; width: 40px; height: 4px; background-color: #d5d5d5; position: absolute; bottom:10px; left: 50%; margin-left: -20px; border-radius:2px ; -webkit-border-radius:2px ; -moz-border-radius:2px ; -ms-border-radius:2px ; -o-border-radius:2px;}
.right_block .layer03{text-align: center;font-size: 16px;font-weight: 600;color:#666;}

.index02{background: #fff;width: 100%;padding: 50px 0 0;}
.index_slogan{text-align: center; margin-top: -6px;}
.index_slogan img{margin: 0 auto;width: 550px;height: auto;}
.index_slogan1{text-align: center; margin-top: 26px;}
.index_slogan1 img{margin: 0 auto;width: auto;height: auto;display: block;}
.index_slogan_text{text-align: center; margin-top: 20px;}
.index_slogan_text p{font-size: 18px;margin: 0 auto;color:#666;}
.index_slogan_text p span{margin: 0 20px;}

.index03{background:url(images/map_bg.jpg)center 0 no-repeat; width: 100%;height: 695px;}

.map_tips_title {color:#888; margin-bottom: 10px;}
.map_tips_title a{font-size:14px; line-height:18px; color:#333; padding-left:3px;}
.map_tips_title a:hover{ color:#F9B900; }
.map_tips_title span{padding:0 3px; font-style:normal; font-weight:bold; color:#000;}
.map_tips_title span em{ padding: 0 3px; font-style: normal; }
.map_tips_con{overflow:hidden; zoom:1;}
.map_tips_con img{float:left; height:60px; width:auto; margin-right:4px; margin-bottom: 4px;}

.index04{background: #fff;width: 100%;padding: 68px 0 0;}
.tabs{margin: 10px 0 25px; }
.tabs li{margin: 0 10px;}
.tabs li a{color:#666;}
.tabs li.selected a, .tabs li a:hover{color:#f9b900;}

/* 案例轮显 */
.tabcontents{position: relative;}
.tabcontents .swiper-container{ -ms-transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s;-o-transition: all 0.4s;}
.tabcontents .swiper-wrapper{height: 520px;}
.tabcontents .swiper-slide {width: 540px;height: 520px;background: #fff;}
.tabcontents .swiper-slide a.cover_img { display: block; -ms-transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; width: 540px; height: 360px; -o-transition: all 0.4s;background-position:center;background-repeat:no-repeat;background-size:cover; }
.tabcontents .swiper-slide a.cover_img:hover{ -ms-transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); -o-transform: scale(1.05);}
/* #case .swiper-button-prev{background: url(images/arrow_left.png) 0 0 no-repeat; background-size:30px; width: 30px;height: 30px;left: auto;right: auto; margin-top: -180px;}
#case .swiper-button-prev:hover{background-image: url(images/arrow_left_se.png)}
#case .swiper-button-next{background: url(images/arrow_right.png) 0 0 no-repeat;background-size:30px; width: 30px;height: 30px; margin-top: -180px;}
#case .swiper-button-next:hover{background-image: url(images/arrow_right_se.png)} */
.tabcontents .swiper-button-prev {left: -11px;background: url(images/arrow_left.png) 0 0 no-repeat; background-size:40px; width: 40px;height: 40px;margin-top:-65px;}
.tabcontents .swiper-button-prev:hover {background-image: url(images/arrow_left_se.png)}
.tabcontents .swiper-button-next {right: -11px;background: url(images/arrow_right.png) 0 0 no-repeat;background-size:40px; width: 40px;height: 40px;margin-top:-65px;}
.tabcontents .swiper-button-next:hover {background-image: url(images/arrow_right_se.png)}
.tabcontents .swiper-slide .info{display: none;}
.tabcontents .swiper-slide-active .info{display: block;}
.tabcontents .swiper-slide .info{margin-top: 20px;text-align: center;}
.tabcontents .swiper-slide .info .title {font-size: 18px;color: #333;line-height: 24px;word-break: break-all;word-wrap: break-word;position: relative;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.tabcontents .swiper-slide .info .txt {margin-top: 10px;font-size: 14px;color: #333;}
.tabcontents .swiper-slide .info .txtCol {color: #EA111C;font-family: Arial, Helvetica, sans-serif;}
.tabcontents .swiper-slide .info .link {margin: 5px auto 0;padding-right: 15px;width: 100%;position: relative;font-size: 14px;color: #EA111C;font-weight: 500;display: inline-block;transition:none;}
.tabcontents .swiper-slide .info .link:hover{text-decoration: underline;-ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -o-transform: scale(1);}

.index05{background: #333;width: 100%;padding:34px 0 15px;}
#envaluate{width: 1000px; }
#envaluate .swiper-wrapper{height: 190px; text-align: center;}
.envaluate_area{width: 700px; margin: 0 auto; height: 140px; align-items: center;}
.envaluate_area .img_avar{ width: 94px; height: 94px; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; border: 3px solid #fff;-webkit-box-flex: 0.0;-moz-flex-shrink: 0;flex-shrink:0;-webkit-flex-shrink: 0;flex-shrink: 0;}
.envaluate_area .avar_info{color:#fff; text-align: left; margin-left: 40px;}
.envaluate_area .avar_info p{font-size: 28px;line-height: 46px;}
.envaluate_area .avar_info span{font-size: 14px;display: block; line-height:20px;width: 560px;}
.my-bullet{ width: 18px; height: 3px; display: inline-block; border-radius:100%; background: #fff;-webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0;border-radius: 0;margin: 0 3px 8px;}
.my-bullet-active{background: #7C600C;opacity: 1; }
#envaluate .my-button-prev {left: 0;background: url(images/icon_enval_arrow_l.png) 0 0 no-repeat; background-size:30px; width: 30px;height: 30px;margin-top: -40px;}
#envaluate .my-button-prev:hover {background-image: url(images/icon_enval_arrow_l_se.png)}
#envaluate .my-button-next {right: 0;background: url(images/icon_enval_arrow_r.png) 0 0 no-repeat;background-size:30px; width: 30px;height: 30px;margin-top: -40px;}
#envaluate .my-button-next:hover {background-image: url(images/icon_enval_arrow_r_se.png)}

.index06{background: #fff;width: 100%;padding: 68px 0 30px;}
#brand{padding-top: 20px;}
#brand .swiper-wrapper{height: 344px; text-align: center;}
#brand .brand-bullet{margin: 0 4px;cursor: pointer;width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: #000;opacity: .2;}
#brand .brand-bullet-active{background-color: #222;opacity: 1;}
#brand .swiper-button-prev {left: 0;background: url(images/arrow_left.png) 0 0 no-repeat; background-size:30px; width: 30px;height: 30px;}
#brand .swiper-button-prev:hover {background-image: url(images/arrow_left_se.png)}
#brand .swiper-button-next {right: 0;background: url(images/arrow_right.png) 0 0 no-repeat;background-size:30px; width: 30px;height: 30px;}
#brand .swiper-button-next:hover {background-image: url(images/arrow_right_se.png)}
.brand_items{width: 1100px;margin: 0 auto; height: 304px;}
.brand_items a{margin: 0 5px;border: 1px solid #fff;}
.brand_items a p{padding:15px;}
.brand_items a img{width: 120px;height: 120px;display: block;}  
.brand_items a:hover{border: 1px solid #eee;}

.index07{background: #F6F6F6;width: 100%;padding: 68px 0;}
.news_subtitle{width: 100%;text-align: center; color: #666; margin: -2px 0 40px;}
.news_block{}
.news_block_left{width:542px;background-color: #fff;margin: 0 15px; }
.news_block_left .news_block_header{height: 140px;background:#f9b900;width: 100%;overflow: hidden;position: relative;text-indent: -240px;color:#fff;font-size: 36px;line-height: 140px; text-align:center;}
.news_block_left .news_block_header i{background: url(images/icon_shoot.png) right bottom no-repeat;background-size: 150px; position: absolute;bottom:-40px; right: -20px;width: 150px;height: 150px;}
.news_block_right{width:542px; background-color: #fff;margin: 0 20px; }
.news_block_right .news_block_header{height: 140px;background:#0093FA;width: 100%;overflow: hidden;position: relative;text-indent: -240px;color:#fff;font-size: 36px;line-height: 140px; text-align:center;}
.news_block_right .news_block_header i{background: url(images/icon_software.png) right bottom no-repeat;background-size: 150px; position: absolute;bottom:-55px; right: -15px;width: 150px;height: 150px;}

.news_block .news_block_item{padding:30px 40px 10px 20px; line-height: 30px;text-align: center;}
.news_block .news_block_item .service_desc{margin-left: 20px;display: inline-block;text-align: justify;}
.news_block_item .news{margin:0 0 5px 20px;}
.news_block_item .news div{color:#F28600;font-size: 16px; line-height: 30px;}
.news_block_item .news p{color:#666;}

.news_list{margin:0 40px 20px 20px;text-align: justify;}
.news_list .newstitle{ position: relative;height: 24px; padding-left: 10px;line-height: 28px; font-size: 14px; display: block;word-break: break-all;word-wrap: break-word;text-align: justify;position: relative;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;cursor: pointer;}
.news_list .newstitle::before{position: absolute;left: -1px;top: -2px;content: '·'; font-size: 30px;color: #333;}

.step_area{margin:0 40px 0px 20px;}
.step_area a{display: inline-block;text-align: left; width:180px; margin: 5px 0 16px;line-height: 24px;}
.step_area a font{font-family: Arial;font-size: 24px; font-weight: 500;}
#request{height: 192px!important;}
.info_block .info_block_title{font-size: 18px;margin-bottom: 20px;margin-right: 0;}
.logo_banner{margin-top: 10px;}

.fixed_promote{visibility:hidden;}


.index08{background: #fff;width: 100%;padding: 68px 0;}

.topic_list1 li .topic_txt{background-color:#f8f8f8;}