html,body,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;border:0}
 body{font-size:14px; line-height:1.6;font-family:微软雅黑,Arial;background: #fff;}
 ul,ol,li{list-style-type:none}
 img{border:0;vertical-align:middle}
 select,input,select{vertical-align:middle;outline:none}
 table{border-collapse:collapse;border-spacing:0}
 iframe{border:none}a:link{color:#666;text-decoration:none}
 a:visited{color:#666;text-decoration:none}
 a:hover{color:#0093ff;text-decoration:none}
 a:active{color:#0093ff;text-decoration:none}
 .c{clear:both;font-size:0;line-height:0;height:0;visibility:visible}
.h{display:none;visibility:visible}
.wrap{border:0;padding: 0 5px;box-sizing: border-box;width:1200px;margin:0 auto;}
.fix{*zoom:1}
.fix:after,.wrap:after,.clear{clear:both;content:"";display:table}
.fl{float:left}
.fr{float:right}
.mar0{ margin-right:0 !important;}
.section{overflow:hidden;position:relative!important}
.header{padding: 10px 0;}
.header h1{}
.logo{}
.top div{ display:inline-block;}
.top{text-align:right;color:#888;padding:5px 0;border-bottom: 1px #efefef solid;}
.top .top_text{ float:left;padding-left: 5px;}
.top a{color:#888;margin-left:8px}
.top .call{background:url(/img/sprite.png) no-repeat 0 0;display:inline-block;width:20px;height:20px;vertical-align:bottom;margin-right:4px}
.top .call_tel{color:#15909c}
.top .email{display:inline-block;width:18px;height:18px;background:url(/img/sprite.png) no-repeat -20px 0;vertical-align:bottom;margin-right:4px}
.top .weixin{display:inline-block;width:18px;height:19px;background:url(/img/sprite.png) no-repeat -60px 0;vertical-align:bottom;margin-right: 4px;}
.top .ewm{background: url(/img/f71.png) no-repeat left center;background-size: 18px;padding-left:20px; position:relative;}
.top p{ display:none;}
.top .ewm:hover p{ display:block; position:absolute;right:0;top:30px;z-index:999;border:1px solid #ddd;padding:4px;background:#fff;}
.top .wx{ position:relative;}
.top .wx:hover p{ display:block; position:absolute;right:0;top:30px;z-index:999;border:1px solid #ddd;padding:4px;background:#fff;}
.top .ewm img{}
.nav{margin-top:25px;position:relative}
.nav li{float:left;padding-left:35px}
.nav li a{font-size:16px;color:#000;line-height:36px;display:block}
.nav .nav_icon{background:#15909c;height:1px;line-height:1px;display:inline-block;position:relative;top:-6px;*top:0px}
/*首页轮换图片 begin*/
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;}
.slides, .flex-control-nav, .flex-direction-nav {margin: 0;padding: 0;list-style: none;}
.flexslider {margin: 0;padding: 0;position: relative;z-index: 1}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;position: relative;background-repeat: no-repeat;background-position: center center;background-size: cover}
.flexslider .slides li .overlay {position: absolute;top: 35%;left: 0;right: 0;bottom: 0;}
.flexslider .slides img {width: 100%;display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "\0020";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flex-control-nav {position: absolute;bottom: 15px;z-index: 2;width: 100%;text-align: center;}
.flex-control-nav li {display: inline-block;width: 12px;height: 12px;margin: 0 4px;*display:inline;zoom: 1;}
.flex-control-nav a {display: inline-block;cursor: pointer;width: 12px;height: 12px;float: left;text-indent: -2000px;background: none;border: 2px solid #f5f5f5;border-radius: 50%;}
.flex-control-nav .flex-active {background: #fff;border: 2px solid #fff}
.flex-direction-nav {position: absolute;z-index: 3;width: 100%;top: 50%;}
.flex-direction-nav li a {display: none;cursor: pointer;text-indent: -999em;position: absolute;top: 50%;margin-top: -30px;width: 40px;height: 50px;line-height: 50px;font-size: 0px;padding: 0;margin: 0;opacity: 1;text-align: left;border-radius: 0;color: #ddd;cursor: pointer;background: rgba(0, 0, 0, 0.1);}
.flex-direction-nav li a:hover {background: #e60012;color: #fff}
.flex-direction-nav li a:before {display: inline-block;font-family: "FontAwesome";font-weight: normal;font-style: normal;vertical-align: baseline;line-height: 50px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 36px;cursor: pointer}
.flex-direction-nav li a.flex-prev {left: 70px;text-indent: 6px;}
.flex-direction-nav li a.flex-prev:before {content: "\f104";}
.flex-direction-nav li a.flex-next {right: 70px;text-indent: 7px;}
.flex-direction-nav li a.flex-next:before {content: "\f105"}
/*首页轮换图片 end*/
.home_title{text-align:center;padding-top:50px}
.service_text{font-size:14px;color:#222;text-align:center;margin:0 auto;height:30px;line-height:30px;margin-top:14px}
.ser_c{margin-right:-60px;margin-top:30px;overflow:hidden;margin: 30px auto 0;}
.ser_c ul{width:100%;padding-bottom:10px;*padding-bottom:30px}
.ser_c li{float:left;width:25%;background:#fff;margin-bottom:60px;padding: 0 1%;box-sizing: border-box;}
.ser_c li dt.pic{border:1px solid #fff;width:270px;height:200px;overflow:hidden;position:relative;box-sizing: border-box;}
.ser_c li dt.pic img{position:absolute;left:0;top:0}
.ser_c li dt.t{height:66px;line-height:66px}
.ser_c li dt.t a{font-size:18px;color:#000;font-weight:400}
.ser_c li dt.t a:hover{color:#15909c}
.ser_c dd{color:#666;font-size:14px;font-family:宋体;line-height:2;width:270px;z-index:1;position:relative;transition-delay:.2s}
.service_foot{text-align:center;background-color:#60d0db;color:#fff;font-size:20px;line-height: 2;padding: 20px 10px;}
.home_title{position:relative;top:-200px}
.service_text{position:relative;left:-110%}
.ser_c{position:relative;bottom:-450px}
.succeed_title{text-align:center;padding-top:55px}
.success_text{color:#222;font-size:14px;text-align:center;line-height:30px;margin-top:12px;padding: 0 10px;}
/*case*/
.case_type{display: none;margin-top: 60px;position: relative;z-index: 1;}
.case_list{position: relative;bottom: -450px;width:100%;overflow: hidden;margin-top: 20px;}
.portfolio-grid{max-width: 1600px; margin:20px auto 0;}
.thumbnail img.cases_img{width:100%;height: auto;}
.thumbnail{overflow:hidden;position:relative;display:inline-block;float:left;width:24%;width:23.49%\9;margin: 0 0.5% 30px;border: 1px #e6e6e6 solid;box-sizing: border-box;background: #fff;}
.thumbnail a {display: block;height: 250px;overflow: hidden;}
.thumbnail a.thumbnail_a:hover{cursor:url(/img/index201601/more.cur),crosshair;cursor:url(/img/index201601/cases_shi.png) 40 40,crosshair}
.projectinfo{position:absolute;z-index:2;top:-60px;left:0;width:100%;height:100%;background:#7e7f73;background:rgba(126,127,115,.4);height:0\9}
.thumbnail .meta{width:100%;height:60px;line-height:60px;text-align:left;overflow:hidden;transition:all 0.6s;}
.thumbnail .meta h4{font-size:18px;padding-left:2%;font-weight:400;width:80%}
.thumbnail .meta h4 a{color:#000}
.thumbnail .meta .fr{width:38px;text-align:right}
.thumbnail .meta .fr a{display:inline-block;padding:0 2px;padding-right:12px;width:20px;height:60px}
.thumbnail .meta .fr a.cases_a_pc{background:url(/img/cases_ico_pc_b.png) no-repeat center}
.thumbnail .meta .fr a.cases_a_phone{background:url(/img/cases_ico_phone_b.png) no-repeat center}
.thumbnail:hover .meta{background-color:#2eafbb}
.thumbnail:hover .meta h4 a{color:#fff}
.thumbnail:hover .meta .fr a.cases_a_pc{background:url(/img/cases_ico_pc_w.png) no-repeat center}
.thumbnail:hover .meta .fr a.cases_a_phone{background:url(/img/cases_ico_phone_w.png) no-repeat center}
/*case end*/
.btn_cases_more{border:1px solid #15909c;margin:50px auto;text-align:center;width:120px}
.btn_cases_more a{line-height:36px;color:#15909c;font-size:12px;font-family:宋体;width:120px;height:36px;display:block;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.btn_cases_more a:hover{background-color:#15909c}
.btn_cases_more a:hover{color:#fff}
.home_solutions{background:url(/img/solutions_bg.jpg) no-repeat top center;padding-bottom: 1px;}
.home_solutions_title{text-align:center;padding-top:55px}
.home_solutions_text{color:#222;font-size:14px;text-align:center;line-height:30px;margin-top:12px;padding: 0 10px;box-sizing: border-box;}
.home_solutions_list{max-width:1200px;margin:30px auto;overflow:hidden}
.home_solutions_list_inner{max-width:1400px}
.home_solutions_list dl{float:left;width:25%;padding:25px;text-align:center;padding-top:54px;padding-bottom:35px;position:relative;z-index:3;box-sizing: border-box;}
.home_solutions_list dt{z-index:1;position:relative;}
.home_solutions_list dd.bg{position:absolute;z-index:0;left:0;right:0;bottom:0;height:0;width:100%;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.home_solutions_list dd.t{line-height:30px;height:30px;margin:16px 0;z-index:1;position:relative}
.home_solutions_list dd.t a{color:#000;font-size:18px;transition-delay:.2s}
.home_solutions_list dd.spec{color:#666;font-size:12px;font-family:宋体;line-height:24px;width:100%;z-index:1;position:relative;transition-delay:.2s;text-align: justify;}
.home_solutions_list dl:hover{}
.home_solutions_list dl:hover dd.t a{color:#fff}
.home_solutions_list dl:hover dd.bg{height:370px}
.home_solutions_list dl:hover dd.spec{color:#fff}
dl.solu_dl_1 dd.bg{background-color:#2eafbb}
dl.solu_dl_2 dd.bg{background-color:#5ea927}
dl.solu_dl_3 dd.bg{background-color:#1a8fd1}
dl.solu_dl_4 dd.bg{background-color:#b57dd1}
dl.solu_dl_1 dt a{display:block;margin: 0 auto;width:140px;height:140px;background:url(/img/s_1.png) no-repeat 0 0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;transition-delay:.3s;margin: 0 auto;}
dl.solu_dl_1:hover dt a{background:url(/img/s_1.png) no-repeat 0 -140px}
dl.solu_dl_2 dt a{display:block;width:140px;height:140px;background:url(/img/s_3.png) no-repeat 0 0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;transition-delay:.3s;margin: 0 auto;}
dl.solu_dl_2:hover dt a{background:url(/img/s_3.png) no-repeat 0 -140px}
dl.solu_dl_3 dt a{display:block;width:140px;height:140px;background:url(/img/s_4.png) no-repeat 0 0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;transition-delay:.3s;margin: 0 auto;}
dl.solu_dl_3:hover dt a{background:url(/img/s_4.png) no-repeat 0 -140px}
dl.solu_dl_4 dt a{display:block;width:140px;height:140px;background:url(/img/s_2.png) no-repeat 0 0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;transition-delay:.3s;margin: 0 auto;}
dl.solu_dl_4:hover dt a{background:url(/img/s_2.png) no-repeat 0 -140px}
.btn_solutions_more{width:120px;height:36px;border:1px solid #555;margin:50px auto;text-align:center}
.btn_solutions_more a{line-height:36px;color:#555;font-size:12px;font-family:宋体;width:120px;height:36px;display:block;stransition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.btn_solutions_more a:hover{background-color:#555}
.btn_solutions_more a:hover{color:#fff}
.home_news_title{text-align:center;padding-top:55px}
.news_text{color:#222;font-size:14px;text-align:center;line-height:30px;margin-top:12px;padding: 0 10px;}
.news{background-color:#e0f3f6;margin-top:34px;padding-bottom:10px;padding-top:44px}
.home_news_list_inner{width:100%;}
.home_news_item{width:33%;height:140px;margin-top:20px;margin-bottom:10px; margin-right:0.5%;float:left;border:1px solid #666;overflow:hidden;position:relative;z-index:2;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;box-sizing: border-box;}
.home_news_item dl{padding: 0 20px;text-align:center;position:absolute;left: 0;top:0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.home_news_item dl dt{background:url(/img/news_ico_time.png) no-repeat center 20px;padding-top:58px;font-size:12px;font-family:宋体;color:#444}
.home_news_item dl dd.t{margin:10px 0;width:100%;height:46px;line-height:46px;overflow:hidden}
.home_news_item dl dd.t a{color:#000;font-size:18px;text-align:center}
.home_news_item dl dd.spec{width:100%;overflow:hidden}
.home_news_item dl dd.spec a{color:#666;font-size:12px;font-family:宋体;line-height:24px}
.home_news_item:hover{border:1px solid #15909c;padding:10px 25px;margin-top:10px;margin-bottom:0}
.home_news_item:hover dl{top:-88px;}
.home_news_item:hover dl dd.t a{color:#15909c}
.home_news_item:hover dl dt{}
.btn_news_more{border:1px solid #15909c;margin:50px auto;text-align:center;width:120px}
.btn_news_more a{line-height:36px;color:#15909c;font-size:12px;font-family:宋体;width:120px;height:36px;display:block;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.btn_news_more a:hover{background-color:#15909c}
.btn_news_more a:hover{color:#fff}
.home_partner_title{text-align:center;padding-top:55px}
.home_partner_title img {max-width: 98%;height: auto;}
.home_partner_text{color:#222;font-size:14px;text-align:center;line-height:30px;margin-top:12px;padding: 10px;}
.home_partner_list{width:1200px;margin:40px auto;padding-bottom:20px}
.home_partner_list ul{border-collapse:collapse;text-align: center;font-size: 0;}
.home_partner_list ul li{width:20%;border:1px solid #e6e6e6;display: inline-block;box-sizing: border-box;}
.home_partner_list ul li .partner_box{width:150px;height:100px;padding:19px 44px;position:relative;z-index:1}
.home_partner_list ul li .partner_box2:hover{border:8px solid #f6f6f6;padding:11px 36px}
.partner_box .cont1{width:150px;position:absolute;z-index:2;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6}
.partner_box .cont2{width:150px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;position:absolute;z-index:1;transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg)}
.partner_box:hover .cont1{transform:rotateY(180deg);z-index:1;alpha(opacity=0);-moz-opacity:0;opacity:0;-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg)}
.partner_box:hover .cont2{transform:rotateY(360deg);z-index:2;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg)}
.partner_box:hover .cont2{z-index:2}
.partner_box .cont1{transition:all .5s linear 10ms}
.partner_box .cont2{transition:all .5s linear 10ms}
.contact{background:#2eafbb;margin-top:40px;    padding: 38px 10px 60px;}
.contact h2{margin-bottom:28px}
.contact h2 a{font-size:18px;color:#fff;font-weight:400}
.home_about{width:36%;}
.home_about dt{margin-bottom:24px}
.home_about dt a{font-size:18px;color:#fff;font-weight:400}
.home_about dd{color:#eee;line-height:28px;font-family:宋体}
.home_about .more{color:#fff;display:inline-block;border:1px solid #ccc;line-height:38px;padding:0 24px;margin-top:12px}
.home_about .more:hover{border-color:#fff}
.home_case{width:300px;margin-left:45px; display:none;}
.home_case li{border-top:1px solid #ccc;height:52px;padding:14px 0}
.home_case li:first-child{border:0;padding-top:3px}
.home_case li img{float:left;margin-right:18px}
.home_case h5{margin-top:-5px;line-height:28px}
.home_case h5 a{font-size:14px;color:#fff;font-weight:400}
.home_case .text{line-height:22px}
.home_case .text a{color:#ddd;font-family:宋体}
.home_case .label{color:#ccc;line-height:28px}
.home_service{margin-left:45px; float:right;}
.home_service a.sub{display: block;}
.home_service a.sub:hover{border-color:#fff}
.home_contact{margin-left:40px; float:right;}
.home_contact li{color:#eee;margin-bottom:14px}
.home_contact li i{display:inline-block;width:18px;height:18px;margin-right:5px;vertical-align:middle}
.home_contact li .addres{background:url(/img/sprite.png) no-repeat 0 -20px}
.home_contact li .weibo{background:url(/img/sprite.png) no-repeat -20px -20px}
.home_contact li .email{background:url(/img/sprite.png) no-repeat -40px -20px}
.home_contact li .weixin{background:url(/img/sprite.png) no-repeat -80px -20px}
.home_contact li .call{background:url(/img/sprite.png) no-repeat 0 0}
.home_contact li a{color:#eee}
.blogroll{line-height:28px;color:#999;text-align:center;padding:20px 0}
.blogroll a{color:#999;display:inline-block}
.blogroll a:hover{color:#333}
.blogroll .copyright{}
#fp-nav{position:fixed;z-index:100000;top:50%;opacity:1}
#fp-nav.right{right:17px}
#fp-nav.left{left:17px}
#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}
.fp-slidesNav ul li{display:inline-block}
#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}
#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span{background:#ccc}
#fp-nav ul li a span,.fp-slidesNav ul li a span{top:2px;left:2px;width:12px;height:12px;border:1px solid #ccc;background:transparent;border-radius:50%;position:absolute;z-index:1}
.inside_banner {position: relative;}
.inside_banner_contact{background: url(/img/banner_contact.jpg) no-repeat center top;background-size: 100% auto;padding-bottom: 21%;}
.inside_banner_case{background: url(/img/banner_case.jpg) no-repeat center top;background-size: 100% auto;padding-bottom: 21%;}
.inside_banner_service{background: url(/img/banner_service.jpg) no-repeat center top;background-size: 100% auto;padding-bottom: 21%;}
.inside_banner_mobile{background: url(/img/banner_mobile.jpg) no-repeat center top;background-size: 100% auto;padding-bottom: 21%;}
.inside_banner_solution{background: url(/img/sl_banner.jpg) no-repeat center top;background-size: 100% auto;padding-bottom: 21%;}
.inside_banner_news{background: url(/img/banner_news.jpg) no-repeat center top;background-size: 100% auto;padding-bottom: 21%;}
/*gsjj*/
.videoban-txt {width: 100%;height:100%;text-align: center;position: absolute;color: #fff;z-index: 9999;}
.videoban-txt h3 {margin-bottom: 40px;padding-top:2%; *text-transform: uppercase;font-size: 52px;font-weight: 700;font-family: Arial;}
.videoban-txt h4 {font-size: 18px;font-weight: 100;margin-bottom: 10px;}
.videoban-txt p {font-size: 18px;}
.videoinfo {padding-top: 60px;}
.videoinfo .sevenBtn {font-size: 16px;color: #fff;border: 2px solid #fff;padding: 10px 40px;margin: 0 20px;}
.videoinfo .abhh1 {background: #fff;color: #2975d2;}
.videoinfo .abhh1:hover {background: #2975d2;color: #fff;border: 2px solid #2975d2;}
.videoinfo .abhh2 {}
.videoinfo .abhh2:hover {background: #fff;color: #2975d2;}
.about{}
.about_cont {padding-bottom: 30px; margin-bottom: 30px;}
.about_cont1{position: relative;bottom: -450px;}
.about .about_cont1 p{ line-height:2;}
.about .about_cont1 p img{ margin-left:20px;border-radius: 12px;padding: 5px;border: 1px #e6e6ef solid;}
.scrollViews_top {position: relative;}
.bigTitle {color: #dbdbdb;line-height: 40px;text-align: center;padding-top:50px;}
.bigTitle p{ display:inline;}
.bigTitle div {position: relative;display: inline-block;margin: 0 30px;}
.bigTitle div strong {font-size: 24px;color: #000;margin-right: 20px;font-weight: normal;}
.bigTitle div span {font-size: 22px;color: #6d6d6d;}
.smTitle {line-height: 30px;font-size: 14px;color: #6b6b6b;text-align: center;margin-top:20px;margin-bottom: 30px;}
.f_right{position: relative;left:120%;}
.about .about_cont2,.about .zhizi{ display:none;}
.culture1 {background: url(/img/a04.jpg) no-repeat center;min-height: 540px;}
.culture1 .about_wenhua {float: left;width: 50%;position: relative;}
.culture1 .about_cont:first-child {border: 0;}
.culture1 .about_cont h2 {font-size: 26px;color: #333;font-weight: 400;margin-bottom: 5px;}
.culture1 .about_cont h4 {font-size: 16px;color: #333;font-weight: 400;background: url(/img/a03.jpg) no-repeat left bottom;padding-bottom: 8px;margin-bottom: 30px;}
.culture1 .about_cont .text {font-size: 14px;color: #333;line-height: 28px;margin-bottom: 20px;}
.culture1 .about_pic { float:right;position: relative;}
.culture1 .about_pic img {max-width:100%;height: auto;}
.jion {background: url(/img/a14.jpg) no-repeat center;min-height: 720px;}
.posr {position: relative;}
.jion_img {top: 15px;left: 0;}
.jion_img img {}
.jion_tab li .icon img {z-index: 9999;position: relative;left: -30px;}
.jion_img>img:first-child {position: relative;top: 151px;margin-right: -3px;}
.jion_tab {position: absolute;top: 150px;left:65px;}
.jion_tab>li {float:left;line-height:150px;text-align:center;font-size:20px;color:#fff;cursor: pointer;width: 0;height: 0;border: 80px solid transparent;border-bottom-color:#fff;position: relative;top: -82px;}
.jion_tab>li:after {content: '';position: absolute;left: -80px;top: 80px;width: 0;height: 0;border: 80px solid transparent;border-top-color:#fff;}
.jion_tab>li:hover{border-bottom-color: #01adef;}
.jion_tab>li:hover::after{border-top-color: #01adef;}
.jion_tab>li.current{border-bottom-color: #01adef;}
.jion_tab>li.current:after{border-top-color: #01adef;}
.jion_tab>li.current .job_tab{ display:block;background: rgba(255,255,255,0.9);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7FFFFFFF,endcolorstr=#7FFFFFFF);padding: 10px;border-radius: 10px;border: 1px #efefef solid;box-shadow: 1px 3px 3px #ccc;}
.jion_tab>li.current .icon {display: none;}
.jion_tab>li:hover .icon {display: none;}
.jion_tab .post {display: none;}
.jion_tab>li:hover .post {z-index: 99999;display: block;position: relative;left: -50px;width: 100px;}
.jion_tab>li.current .post {z-index:9;display: block;position: relative;left: -50px;width: 100px;}
.jion_info {margin-left: 250px;margin-top:80px;}
.job_tab {display: none;width: 520px;z-index:9;}
.job_tab .intro {font-size: 14px;color: #333;line-height: 28px;margin-top: 16px;text-align: left;}
.job_tab .intro span {display: block;color: #f00;font-weight: bold;}
.job_tab .intro:nth-child(3) {display: none;}
.job_tab li {float: left;font-size: 20px;color: #2eafbb;margin-right: 16px;padding-left: 16px;line-height: 20px;}
.job_tab>li:first-child {border: 0;padding-left: 0;cursor: auto;}

.jion_tab li:hover .job_tab{ display:block;background: #ffffffc9;padding: 10px;border-radius: 10px;border: 1px #efefef solid;box-shadow: 1px 3px 3px #ccc;}
.jion_content{ position:relative;min-height: 680px;}
.jion .send{font-size:16px;color:#fff;display:inline-block;width:160px;line-height:160px;text-align:center;background:url(/img/a17.png) no-repeat;position: absolute;right: 222px;top: 444px;}
/*end gsjj*/
/*contact*/
.connect{background: url("/img/cn01.jpg") no-repeat center;min-height: 500px;}
.connect_column{margin-top: 40px;padding-bottom: 50px;position: relative; bottom: -450px;}
.connect_column ul{}
.connect_column li{ float:left;text-align: center;width: 24.233333333%; margin-left:1%;min-height: 228px;position: relative;padding-top: 42px;font-size: 16px;color: #333;line-height:2;}
.connect_column li:nth-child(1){margin-left:0;}
.connect_column h2{font-size: 18px;color: #333;font-weight: normal;margin-top: 10px;margin-bottom: 10px;}
.connect_column .info{position: relative;z-index: 2;}
.connect_column .text{margin: 0 20px;}
.connect_column .s1{position:absolute;top:0;left:0;width:100%;height:100%;background: #de6764;opacity: 0.2;filter:alpha(opacity=20);}
.connect_column .s2{position:absolute;top:0;left:0;width:100%;height:100%;background: #58bec8;opacity: 0.2;filter:alpha(opacity=20);}
.connect_column .s3{position:absolute;top:0;left:0;width:100%;height:100%;background: #9ac047;opacity: 0.2;filter:alpha(opacity=20);}
.connect_column .s4{position:absolute;top:0;left:0;width:100%;height:100%;background: #31a0e1;opacity: 0.2;filter:alpha(opacity=20);}
.connect_column .i1{display: inline-block;width: 36px;height: 46px; background: url("/img/sprite2.png") no-repeat 0 0;}
.connect_column .i2{display: inline-block;width: 42px;height: 46px; background: url("/img/sprite2.png") no-repeat -38px 0;}
.connect_column .i3{display: inline-block;width: 40px;height: 46px; background: url("/img/sprite2.png") no-repeat -83px 0;}
.connect_column .i4{display: inline-block;width: 40px;height: 46px; background: url("/img/sprite2.png") no-repeat -125px 0;}
.connect_column a{ color: #333;}
.connect_share{border-top: 2px solid #43bcc7;width: 120px;margin: 46px auto 0;text-align: center;padding-top: 46px;}
.connect_share .sh1{display: inline-block;width: 40px;height: 40px;background: url("/img/sprite2.png") 0 -48px;margin-right: 9px;}
.connect_share .sh2{display: inline-block;width: 40px;height: 40px;background: url("/img/sprite2.png") -41px -48px;}
/*service*/
.fast_nav{ width:60px; position:fixed; right:5px;bottom:30px; z-index:9999;}
.fast_nav li{ height:42px; padding-top:18px; border-bottom:1px solid #fff; background:url("/img/fast_bg_03.png") repeat; cursor:pointer; text-align:center; position:relative; color:#fff;}
.fast_nav .first{ background:url("/img/fase_first_03.png") no-repeat;}
.fast_nav .last{ background:url("/img/fase_last_03.png") no-repeat; border:none;}
.fast_nav li .hover{ height:60px; background:url("/img/fast_left_03.png") no-repeat left center; padding-left:22px; vertical-align:middle; position:absolute; right:0; top:0; overflow:hidden; width:140px; display:none; font-size:14px;}
.fast_nav li .hover img{ vertical-align:middle; float:left; padding-top:11px;}
.fast_nav li .hover .name{ float:right; height:60px; line-height:60px; background:#2e8cd1; text-align:left; width:97px;}
.fast_nav li:hover .hover{ display:block;}

.fast_nav2 li .hover{ width:190px;}
.fast_nav2 li .hover .name{ width:147px;}
.Main{ width:1200px; margin:0 auto;}
.Contain{ margin-top:50px;}
.official_website_bg{position: relative;width:100%; background:url("/img/bg30.jpg") no-repeat center bottom;padding-bottom:271.7px;}
.official_website_bg .official_website{  width:860px; padding-left:43px;}
.official_website_bg .img{ position:absolute; left:50%; bottom:1px; width:1200px; margin-left:-600px;}
.official_website_bg .img img{ position:absolute; right:80px; bottom:25px; width:700px;}
.official_website_bg .img2 img{ width:550px;}
.ServicesBox .divBox .title{ display:block; font-size:4em; color:#2E8CD1; line-height:1; padding-top:48px;}
.ServicesBox .divBox .brief{ display:block; font-size:2em; color:#2E8CD1;line-height:2;}
.ServicesBox .divBox .p{ font-size:1.167em; line-height:24px; margin-top:10px; text-indent:2em;}
.ServicesBox .divBox .see_more{ display:inline-block; width:135px; height:40px; background:url("/img/bg36.png") no-repeat center top; font-size:1.122em; color:#555; padding-left:25px; line-height:40px; margin-top:40px;}
.ServicesBox .divBox .see_more:hover{ background:url("/img/bg36_2.png") no-repeat center top; color:#fff;}
.official_website_bg .official_website .caselist,.Interactive_Marketing_bg .Interactive_Marketing .caselist{ padding-top:40px; width:300px; overflow:hidden;}
.online_store_bg .online_store .caselist,.Industry_Portal_bg .Industry_Portal .caselist,.information_network_bg .information_network .caselist{ padding-top:40px; width:450px; overflow:hidden;}
.ServicesBox2 .divBox .caselist{ float:right;}
.ServicesBox .divBox .caselist ul{ overflow:hidden; border-top:#d2d2d2 1px solid; border-left:#d2d2d2 1px solid; }
.ServicesBox .divBox .caselist ul li{ float:left; width:148px; height:58px; border-bottom:#d2d2d2 1px solid; border-right:#d2d2d2 1px solid; position:relative;}
.ServicesBox .divBox .caselist ul li img{width:148px; height:58px;}
.ServicesBox .divBox .caselist ul li span{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000); color:#fff; text-align:center; line-height:58px; display:none;}

.ServicesBox2 .divBox .title,.ServicesBox2 .divBox .brief{ text-align:right;}
.ServicesBox2 .divBox .span_more{ display:block; text-align:right;}
.ServicesBox2 .divBox .span_more .see_more{ padding-left:0; padding-right:45px;}

.online_store_bg{ width:100%; background:url("/img/bg31.jpg") no-repeat center center;padding-top: 138.6px;padding-bottom: 323.4px;}
.online_store_bg .online_store{  width:610px; padding-right:40px; float:right;}

.Interactive_Marketing_bg{ width:100%; background:url("/img/bg32.jpg") no-repeat center center #272f42;padding-top: 103.3px;padding-bottom: 287.7px;}
.Interactive_Marketing_bg .Interactive_Marketing{  width:455px; padding-left:45px;}
.Interactive_Marketing_bg .divBox .p{ color:#fff;}
.Interactive_Marketing_bg .divBox .see_more{ color:#fff;}
.Interactive_Marketing_bg .divBox .caselist ul{ border-top:#363c4f 1px solid; border-left:#363c4f 1px solid; }
.Interactive_Marketing_bg .divBox .caselist ul li{ border-bottom:#363c4f 1px solid; border-right:#363c4f 1px solid;  }

.Brand_Website_bg{ width:100%; background:url("/img/bg33.jpg") no-repeat center 145px; height:530px;padding-bottom: 366.8px;}
.Brand_Website_bg .Brand_Website{/* background:url(../img/bg39.png) no-repeat top right;*/  width:490px; padding-right:38px; float:right;box-sizing: border-box;}
div#brand_m{width: 100%;padding-top:50px;}

.Industry_Portal_bg{ width:100%; background:url("/img/bg34.jpg") no-repeat center center;padding-top: 150px;padding-bottom: 250px;}
.Industry_Portal_bg .Industry_Portal{ width:450px; padding-left:45px; background:url("/img/bg41.png") no-repeat left top;}
.Industry_Portal_bg .divBox .caselist{ width:448px;margin-left: -20%;}

.information_network_bg{width:100%; background:url("/img/bg35.jpg") no-repeat center top;padding-bottom: 333.2px;}
.information_network_bg .information_network{background:url("/img/bg40.png") no-repeat top right; width:575px; padding-right:50px;text-align: justify;margin-top:80px; float:right;}
/*service end*/

/*moblie*/
.moblie .mian {margin-top:30px;}
.moblie .mian ul{ padding-bottom: 100px;  background: url(/img/icon_92.png) no-repeat bottom center;}
.moblie .mian ul li {  float: left; width: 33.33%; height: 568px; padding: 35px 50px; box-sizing: border-box; cursor: default;-webkit-transition: all .3s;transition: all .3s;}
.moblie .mian ul li h4{ margin-bottom: 20px;background: url(/img/icon_12.png) no-repeat bottom left; font-size: 18px;font-weight: bold; line-height: 80px;}
.moblie .mian ul li p{height:50px; font-size: 15px; color: #60646a; line-height:1.5;}
.moblie .mian ul li.b1{ background:#f8f8f8 url(/img/icon_66.png) no-repeat bottom right;}
.moblie .mian ul li.b2{ background:#f8f8f8 url(/img/icon_67.png) no-repeat bottom right;}
.moblie .mian ul li.b3{ background:#f8f8f8 url(/img/icon_68.png) no-repeat bottom right;}
.moblie .mian ul li.on{ background-color: #fff;}
.mobile_net_class{ margin-top:80px;}
.mobile_net_class .wrap{ padding:50px 15px;box-sizing:border-box;}
.mobile_net_class01_bg {width: 100%;margin: 0 auto;background: #f6f6f6;}
.mobile_net{padding-top:0px;}
.mobile_ul,.mobile_net_class01{width:1180px;margin:0 auto;padding:40px 0;}
.mobile_sj{width:1200px;margin:0 auto;padding-bottom:40px;}
.mobile_APP{width:1180px;margin:0 auto;padding-top:40px;}
.general_title_mobile{font-family:"Microsoft YaHei";font-size:22px;color:#666;}
.mobile_sj ul li{width:330px;margin-right:105px;}
.mobile_ul ul li{width:330px;margin-right:105px;}
.mobile_li_ri{width:260px;}
.mobile_li_title{font-size:18px;font-family:"Microsoft YaHei";line-height:30px;font-weight:bold;margin-bottom:10px;}
.mobile_li_con{font-size:12px;line-height:24px;}
.mobile_net_class01_bg,.mobile_net_class02_bg{padding-top:15px;}
.mobile_net_class01_bg{width:100%;margin:0 auto;background:#f6f6f6;}
.mobile_net_class_le,.mobile_net_class_ri,.mobile_APP_le,.mobile_APP_ri{width:50%;margin:0 auto;}
.mobile_net_class_ri4{width: 50%;margin: 0 auto;padding-left: 60px;box-sizing: border-box;}
.mobile_net_class_le img{padding-left:100px;margin-bottom:-5px;}
.mobile_net_class_le3 img{padding-left:60px;margin-bottom:-60px;}
.mobile_net_class_le img:hover{opacity:0.7;filter:alpha(opacity=70)}
.mobile_net_class_le3 img:hover{opacity:0.7;filter:alpha(opacity=70)}
.mobile_net_class_le4 img:hover{opacity:0.7;filter:alpha(opacity=70)}
.mobile_net_class_le4 {width: 50%;box-sizing: border-box;}
.mobile_net_class_le4 img{padding-left:0px;margin-bottom:-5px; max-width:100%;}
.mobile_net_class_ri_title{width:400px;}
.mobile_net_class_ri_title4{width:400px;}
.mobile_net_class_ri_title_ri{margin-left:10px;}
.mobile_net_class_ri_title_ri_top{font-family:"Microsoft YaHei";font-size:22px;margin-top:5px;}
.mobile_net_class_ri_title_ri_bot{font-family:"Microsoft YaHei";font-size:26px;color:#016cc5;font-weight:bold;margin-top:5px;}
.mobile_net_class_ri_con_title{margin:20px 0 10px 0;font-family:"Microsoft YaHei";font-size:18px;}
.mobile_net_class_ri_con_int{font-size:14px;line-height:28px;}
.mobile_net_class02_bg{width:100%;margin:0 auto;background:#fff;padding: 0 20px;box-sizing: border-box;}
.mobile_APP_le_title{color:#016cc5;font-family:"Microsoft YaHei";font-size:30px;}
.mobile_APP_le_int{font-size:18px;font-family:"Microsoft YaHei";padding-top:20px;line-height:36px;}
.mobile_APP_ri img{padding-left:150px;}
.mobile_APP_le_bo{color:#81baf8;padding-top:20px;}
.mobile_APP_le_bo span{padding-right:20px;}
/*mobile end*/
/*solution*/
.solution_list{width: 1200px;margin: 40px auto;}
.solution_list ul{margin-right: -48px;}
.solution_list li{float: left;width: 370px;margin-right: 46px;margin-bottom: 38px;position: relative;}
.solution_list h2{font-size: 20px;color: #333;font-weight: normal;line-height: 48px;border-bottom: 1px solid #2eafbb;}
.solution_list h2 a{color: #333;}
.solution_list h2 a:hover{color:#2eafbb;}
.solution_list .intro{line-height:22px;color: #999;margin-top: 4px;}
.solution_list .intro a:hover{color:#2eafbb;}
.solution_list .shade{display: block;width: 370px;height: 120px;}
.solution_list .solu_img{ width: 370px;height: 120px;overflow: hidden;position: relative;cursor: pointer;}
.solu_img .shade{position: absolute;z-index:3;top:100%;left: 0;width:100%;height: 120px;background:#fff;opacity:0.6;filter:alpha(opacity=60); transition:0.5s all;}
.solu_img:hover .shade{top: 0;transition:0.6s ease-in-out;}
.solu_img .img_icon{transform:rotate(360deg);transition:0.6s ease-in-out;position: absolute;top:50%;left: -100%;margin-left: -20px;margin-top: -20px;display: inline-block;z-index: 3; }
.solu_img:hover .img_icon{left:50%;transform:rotate(3600deg);-webkit-transform:rotate(3600deg);-moz-transform:rotate(3600deg);-o-transform:rotate(3600deg);-ms-transform:rotate(3600deg);transition: .6s ease-in-out;-webkit-transition: .6s ease-in-out;-moz-transition: .6s ease-in-out;-o-transition: .6s ease-in-out;-ms-transition: .6s ease-in-out;}
.solu_img img{display: block;margin: 0 auto;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;}
.solu_img:hover>img{transform:scale(1.4);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;}
/*solution end*/
/*newslist*/
.news_tab{width: 1200px;margin: 60px auto 0;}
.news_tab ul{ font-size:0;}
.news_tab li{width: 20%;height: 70px;overflow: hidden;margin-bottom: 20px;display: inline-block;box-sizing: border-box;}
.news_tab li a {display: block; height:100%;padding-left: 20px;}
.news_tab h2{font-size:26px;color:#fff;font-weight:normal;padding-top:12px;}
.news_tab .eg{font-size:14px;color:#fff;text-transform: uppercase;padding-bottom:12px;font-family:Arial;}
.news_tab li:hover{opacity:1;filter:alpha(opacity=100)}
.news_tab li.sel{opacity:0.8;filter:alpha(opacity=80)}
.news_tab li:nth-child(2) /*.cyan*/{background: #43bcc7;opacity:0.8;filter:alpha(opacity=80)}
.news_tab li:nth-child(1) /*.red*/{background: #de6764;opacity:0.8;filter:alpha(opacity=80)}
.news_tab li:nth-child(5) /*.blue*/{background: #31a0e1;opacity:0.8;filter:alpha(opacity=80)}
.news_tab li:nth-child(4) /*.purple*/{background: #6a8bd2;opacity:0.8;filter:alpha(opacity=80)}
.news_tab li:nth-child(3) /*.green*/{background: #9ac047;opacity:0.8;filter:alpha(opacity=80)}
.news_tab li:hover{opacity:1;filter:alpha(opacity=100)}
.news_tab .black{background: #000000;}
.news_tab .cyansel{background: #43bcc7;opacity:1;filter:alpha(opacity=100)}
.news_tab .redsel{background: #de6764;opacity:1;filter:alpha(opacity=100)}
.news_tab .bluesel{background: #31a0e1;opacity:1;filter:alpha(opacity=100)}
.news_tab .purplesel{background: #6a8bd2;opacity:1;filter:alpha(opacity=100)}
.news_tab .greensel{background: #9ac047;opacity:1;filter:alpha(opacity=100)}
.news_list{width: 1200px;margin: 0 auto 40px;overflow:hidden;}
.news_list li{background: #f7f7f7;zoom:1;margin-top: 40px;position: relative; overflow:hidden; transition:all 0.8s;}
.news_list li:hover {background: #fff;}
.news_list .line{display: block;position: absolute;background: #2eafbb;}
.news_list li:after{content: "";clear: both;display: table;}
.news_time{background: #2eafbb;width: 120px;height: 100%;padding: 18px 20px 40px 0;}
.news_time .day{display: block;font-size: 70px;color: #fff;font-family: "Impact";text-align: right;}
.news_time .year{display: block;color: #eee;text-align: right;line-height: 22px;}
.news_time .author{display: block;color: #eee;text-align: right;line-height: 22px;}
.news_time .type{display: block;text-align: right;background: url("/img/n01.jpg") no-repeat right top;background-size: 100% 1px;padding-top: 6px;margin-top: 4px;}
.news_time .type a{color: #fff;font-family: '宋体', Arial;}
.news_time .type a:hover {color: #a9e9f3;}
.news_cont{width: 980px;margin-right: 40px;}
.news_cont h2{font-size: 20px;font-weight: normal;padding-top: 26px;}
.news_cont h2 a{color: #333;}
.news_cont a:hover{color: #2eafbb;}
.news_cont .demo{line-height: 24px;margin-top: 14px;}
.news_cont .vis{color: #999;line-height: 38px;margin-top: 12px;}
.news_cont .more{float: right;color: #2eafbb;display: inline-block;border: 1px solid #2eafbb;line-height: 38px;padding: 0 24px;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.news_cont .more:hover {background-color: #15909c;color: #fff;}
.news_more{width: 1200px;margin: 40px auto 80px;text-align: center;}
.news_more a{display: block;font-size: 14px;color: #2eafbb;border: 1px solid #2eafbb;line-height: 38px;}
/*newslist end*/

.pagess {clear: both;margin: 20px 0;overflow: hidden;margin-left: 0;text-align: center;font-size: 12px;}
.pagess ul a,.pagess ul span {display: inline-block;border: 1px solid #ccc;padding: 8px 16px;margin: 0 3px;line-height: 20px;background: #fff;color: #999; transition:all 0.6s;font-size: 16px; border-radius:3px;}
.pagess ul a.current,.pagess ul a:hover {display: inline-block;border: 1px solid #2eafbb;padding: 8px 16px;margin: 0 3px;background:#2eafbb;color: #fff;font-size: 16px; border-radius:3px;}

#dituContent{display: none;}
.baidu_map_content{border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; width:100%; height: 550px; border-top: #ccc 1px solid; border-right: #ccc 1px solid}

.gotop-wrapper {position: fixed;bottom:70px;right:5px;z-index:999999;background-color: rgba(0,0,0,0.3);background-color: #969696\9;border-radius: 50px;}
.gotop-wrapper:hover {background-color: rgba(0,0,0,0.6);background-color: #6d6d6d\9;}
.gotop-wrapper a {display: none;_display: none !important;width: 55px;height: 55px;overflow: hidden;background: url(/images/icon-gotop-fixed.gif) no-repeat center;}
.gotop-wrapper a p {display: none;}
.gotop-wrapper:hover a{ background:none;}
.gotop-wrapper:hover a p{ display:block;text-align: center;padding: 8px;line-height: 20px;color: #fff;}
/*contact*/
@media all and (max-width:1440px){
.thumbnail a {height:200px;}
}
@media all and (max-width:1299px){
	.ServicesBox2 .divBox .p{background:rgba(255,255,255,0.9); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7FFFFFFF,endcolorstr=#7FFFFFFF);padding: 8px;box-sizing: border-box;border-radius:10px;}
	.Interactive_Marketing_bg .divBox .p{text-shadow: 1px 1px 1px #000000;}
	.official_website_bg .img img{width: 50%;}
	.Industry_Portal_bg .divBox .caselist{margin-left:0;}
}
@media all and (max-width:1199px){
.wrap{border:0;padding:0 5px;width:100%;margin:0 auto; box-sizing:border-box;}
.nav {margin-top: 22px;}
.nav ul{ text-align:center; font-size:0;}
.nav li { float:none; padding-left:0;display: inline-block;width: 11.11111111%;}
.nav li a.on,.nav li a:hover {border-radius: 8px;color: #fff;background: #01adef;box-sizing: border-box;}
.nav .nav_icon{ display:none;}
.header .logo_text{display:none}
.header .fl{ width:25%;}
.header .fr{ width:73%;}
.home_solutions_list dl{margin-right:0}
.home_partner tr td:nth-child(5){display:none}
.hn_column .text{padding:15px 20px;line-height:24px;height:110px;color:#fff;display:none;border-top:1px solid #7c9bad}
.home_partner_list ul li{width: 25%;}
.ser_c li dt.pic{ width:100%;height: auto;padding-bottom:70%;}
.ser_c li dt.pic img{width: 100%;height: auto !important;}
.ser_c dd{ width:100%;}
.culture1{background-size: auto 100%;padding: 20px 0;}
.culture1 .about_wenhua,.culture1 .about_pic{ width:100%;text-align: center;}
.culture1 .about_cont h4{background: url(/img/a03.jpg) no-repeat center bottom;}
.jion_content{min-height:630px;}
.jion .send{right:50px;top: 150px;}
.ServicesBox .divBox .title{font-size: 3em;}
.ServicesBox .divBox .brief{font-size: 1.5em;}
.solution_list{ width:100%;}
.solution_list ul {margin-right: 0;}
.solution_list li {float: none;display: inline-block;width: 31%;margin-right: 1%;margin-left: 1%;overflow: hidden;}
.solution_list .solu_img {width: 100%;}
}
@media all and (max-width:1023px){
	.home_contact{margin-left:0;}
	.header .fl,.header .fr{ width:100%;}
	.header .fl img{ display:block; margin:0 auto;max-width: 100%;height: auto;}	
	.nav{ margin-top:0;}
	.nav li{ width:12.5%;}
	.home_solutions{background-size: auto 100%;}
	.home_solutions_list dl{ width:50%;}
	.home_news_list_inner div.c{ clear:none;display: none;}
	.home_news_list_inner{ text-align:center;}
	.home_news_item{ width:48%; float:none; display:inline-block;margin-right:0;}
	.spdbox{ height:auto !important;}
	.jion_content {min-height: auto;}
	.jion_tab{width: 100%;top: 0px;left: 0px;background:#b6e0e4a8;padding: 8px;}
	.jion .send{ top:0;}
	.jion_tab>li.current .job_tab{position: absolute;top:150px;left:0px;}
	.fast_nav{ display:none;}
	.official_website_bg{padding-bottom:400px;background-size: auto 100%;}
	.official_website_bg .img{ position:static;}
	.official_website_bg .official_website,.online_store_bg .online_store,.Interactive_Marketing_bg .Interactive_Marketing{ width:100%; padding:0 15px;box-sizing: border-box;}
	.ServicesBox .divBox .title,.ServicesBox .divBox .brief{ text-align:center;}
	.ServicesBox .divBox .title{font-size: 3em;padding-top: 28px;}
	.ServicesBox .divBox .brief{font-size: 1.2em;line-height: 3;}
	.Interactive_Marketing_bg .Interactive_Marketing{ padding-bottom:200px;}
    .online_store_bg{ padding-top:50px;background: url(/img/bg31.jpg) no-repeat bottom center;background-size: 120% auto;}
	.ServicesBox .online_store .caselist,.ServicesBox .information_network .caselist{ border:0;float: right;}
	.ServicesBox .divBox .caselist ul{ border:0;text-align: center;}
	.ServicesBox .divBox .caselist ul li{ display:inline-block; float:right;margin-bottom: 5px;}
	.Interactive_Marketing_bg{padding-top: 50px;padding-bottom: 180px;}
	.Interactive_Marketing_bg{background: url(/img/bg32.jpg) no-repeat bottom center #272f42;}
	.Interactive_Marketing_bg{ background-size:100%}
	.Brand_Website_bg .Brand_Website{padding:0;float:none;}
	.Industry_Portal_bg{background: url(/img/bg34.jpg) no-repeat center bottom #dbedef;background-size: 100% auto; padding-top:50px;}
	.Industry_Portal_bg .Industry_Portal{ background:none;width: 100%;padding: 0 15px;box-sizing: border-box;}
	.information_network_bg{background: url(/img/bg35.jpg) no-repeat center bottom;background-size: 120% auto;}
	.information_network_bg .information_network{ background:none;width: 100%;padding:50px 15px 0;margin: 0;float: none;box-sizing: border-box;}
	.thumbnail a {height:160px;}
	
.no,#no{ display:none !important;}
	
#foottoolbar{color:#fff;text-align:center;width:100%;height:65px;float:left;position:fixed;bottom:0;left:0;z-index:10000;background:#01adef;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#01adef), to(#000000));}
#foottoolbar ul{margin: 0px;padding: 0px;}
#foottoolbar li{float:left;width:20%;height:63px;background:url(/mcode/dfloat/f_li.png) no-repeat left center;}
#foottoolbar li.t_first{background:none;}
#foottoolbar a{width:100%;height:24px;color:#fff;display:block;padding:30px 0 0 0;line-height:24px;font-size:14px;}
.f1{background:url(/mcode/dfloat/f1.png) no-repeat center 8px; background-size:20px 20px}
.f2{background:url(/mcode/dfloat/f2.png) no-repeat center 8px;background-size:20px 20px}
.f3{background:url(/mcode/dfloat/f3.png) no-repeat center 8px;background-size:20px 20px}
.f4{background:url(/mcode/dfloat/f4.png) no-repeat center 8px;background-size:20px 20px}
.f5{background:url(/mcode/dfloat/f5.png) no-repeat center 8px;background-size:20px 20px}
.f6{background:url(/mcode/dfloat/f6.png) no-repeat center 8px;background-size:20px 20px}
.f7{background:url(/mcode/dfloat/f7.png) no-repeat center 8px;background-size:20px 20px}
.f5 h3{height: 40px;line-height: 40px;}
.f5 h4{margin: 0px;height: 45px;line-height: 45px;}
.f5 p{background: url(/mcode/dfloat/wwxx1.png) 0 2px no-repeat;width: 180px;margin: 0 auto;background-size:33px;padding-left: 45px;font-size: 16px;color: #525252;text-align: center;}
.f5 p span{background: #e8e8e8;padding: 3px 8px;display: inline-block;width: 100%;border-radius: 3px;font-weight: bold;box-sizing: border-box;}
.hidden{ width:100%;height:65px; float:left; display:block;}
.f5 a{position:relative;}
.f5 div{display:none;color:red;width:100%;height:auto; padding:10px 0;background-color:#FFF;position:absolute;top:-352px;left:0px; margin-bottom:0px;cursor:default;box-shadow:0px -10px 10px #000;}
.f5 img{ width:193px;}
.close {line-height: 20px;text-align: center;height: 20px;width:50px;font-size: 16px;padding: 1px;top: 20px;right:10px;position: absolute;}
.close::before {display: block;content: "\2716";font-size: 14px;background: #f70000;color: #fff;border-radius: 100px;width: 20px;height: 20px;padding: 3px;margin: 0 auto 5px;}
}
@media screen and (min-width:1024px) {
#foottoolbar{ display:none;}
}

@media all and (max-width:960px){
	#fp-nav{ display:none;}
	.home_partner_list ul li{ width:33.33333333%;}
	.home_partner_list ul li .partner_box{width: 100%;padding: 10px 0;}
	.partner_box .cont1{left: 50%; margin-left: -75px;}
	.partner_box:hover .cont2 {left: 50%;margin-left: -75px;}
	.home_about {width:48%;}
	.home_service{ display:none;}
	.about .about_cont1 p img{ max-width:50%;height: auto !important;}
	.job_tab{width: 86%;margin-left: 2%;}
	.jion_tab>li{position: static;line-height: 2;width:0;height:0;background: #01adef;border-radius: 50%;border-bottom-color: #01adef;border: 50px solid transparent;}
	.jion_tab>li.current .post{background: #01adef;height: 10px;line-height: 1px;border-radius: 150px;color: #fff;margin-bottom: 50px;}
	.jion_tab .post {position: relative;left: -50px;width: 100px;display: block;color: #000;line-height:0;font-size: 16px;}
	.jion_tab>li.current .job_tab{ top:auto; left:0;}
	.jion_tab>li:after{ display:none;}
	.jion_tab li .icon img{ display:none;}
}
@media all and (max-width:860px){
	.official_website_bg{padding-bottom:300px;}
	.connect_column li{width: 48%;display: inline-block;float: none;overflow: hidden;}
	.connect_column li:nth-child(1) {margin-left: 1%;}
	.solution_list li {width:47%;}
}
@media all and (max-width:760px){
	.top a{ display:none;}
	.nav li{width: 12.5%;}
	.ser_c li{width:50%;}	
	.portfolio-grid{ text-align:center;}
	.thumbnail{width:48%;display: inline-block !important; float:none;}
	.contact{padding: 30px 5px;}
	.home_about,.home_contact{width: 100%;}
	.home_contact{ margin-top:30px;}
	.contact h2,.home_about dd {text-align: center;}
	.inside_banner{background: url(/img/banner_about.jpg) no-repeat center top;background-size: 100% auto;padding-bottom: 21%;}
	.spdbox{ display:none;}
	.bigTitle p{ display:none;}
	.jion .send{ display:none;}
	.ServicesBox .divBox .caselist{ width:100% !important;}
	.online_store_bg{padding-bottom: 300px;}
	.solution_list li {width:100%;}
}
@media all and (max-width:660px){
	.nav li{width:25%;}
	.home_news_item{ width:100%;height: auto;padding:0; margin:0;}	
	.home_news_item dl{position: static;}
	.home_news_item dl dt{ background:none;padding-top: 12px;}
	.home_news_item dl dd.t{height: 36px;line-height: 2;}
	.home_news_item:hover{ padding:0; margin:0;}
	.Brand_Website_bg{background: url(/img/bg33.jpg) no-repeat center bottom;background-size: 150%; height:auto;}
	.Interactive_Marketing_bg .Interactive_Marketing {padding-bottom:100px;}
	.information_network_bg{padding-bottom: 250px;}
}
@media all and (max-width:580px){
	.top .call,.top .call_tel{ display:none;}
	.top .top_text{width: 100%;padding: 0;text-align:center;}
	.ser_c li dt.t a{width: 100%;display: block;text-align: center;}
	.home_solutions_text{margin-bottom: 20px;}
	.home_solutions_list dl{ width:100%; padding:0 10px;margin: 10px 0;}
	.about_cont1 h2,.about_cont1 h4{ width:100%; text-align:center;}
	.about .about_cont1 p img{display: block;max-width:98%;height: auto !important;float: none !important;margin: 10px auto;display: block;box-sizing: border-box;}
	.ServicesBox .divBox .caselist ul{ text-align:center;}
	.ServicesBox .divBox .caselist ul li{ float:none; display:inline-block;margin-bottom: 5px;}
}
@media all and (max-width:500px){
	.home_partner_list ul li{ width:50%;}	
	.service_foot span{font-size: 14px;line-height:1;}
	.official_website_bg .img img {width: 75%;right: 10px;}
	.online_store_bg {padding-bottom:200px;}
	.information_network_bg {padding-bottom: 200px;}
	.Interactive_Marketing_bg .Interactive_Marketing {padding-bottom: 50px;}
	.Brand_Website_bg{padding-bottom: 230px;}
	.Industry_Portal_bg{padding-bottom: 200px;background-size: 180% auto;}
	.ServicesBox .divBox .title {font-size: 2.5em;}
}
@media all and (max-width:380px){
	.ser_c li{ width:100%;}
	.portfolio-grid{padding: 0 10px;}
	.thumbnail{ width:100%; margin:0 0 20px;;}
}