@charset "utf-8";

html{ font:normal 62.5%/2.3em "微软雅黑",Arial;}

ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#555555;}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0; max-width:100%; vertical-align:top;}
a{text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#ff6c00;}
.clear{ clear:both; height:0px; overflow:hidden;}

#zhichi_as{ display:none;}



.Contain{}
.SildeBar{}
.MainContent{}
.Content{}
.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; line-height:24px;}

.Current{}

.Main{ width:1200px; margin:0 auto;}
ul li{ list-style:none;}



/*作品案例——切换效果*/
.carousel-container {position:relative; width:100%;}
#carousel {width:100%; height:670px; position:relative;}
.carousel-image {border:0; display:block;}
.carousel-feature {position:absolute;top:-1000px; left:-1000px; cursor:pointer;}
.carousel-feature .carousel-caption { width:100%;}
.carousel-feature .carousel-caption p { margin:0; font-weight:bold; font-size:1.5em; color:#555; text-align:center;}
.tracker-summation-container { position:absolute; color:white; right:48px; top:230px; padding:3px; margin:3px; background-color:#000;}
.tracker-individual-container {position:absolute; color:white; right:48px; top:210px;  padding:0; margin:0; display:none;}
.tracker-individual-container li {list-style:none;}
.tracker-individual-container .tracker-individual-blip {margin:0 3px; padding:0 3px; color:white; text-align:center; background-color:#DDD;}
.tracker-individual-container .tracker-individual-blip-selected {color:white;font-weight:bold; background-color:#000;}
#carousel-left { position:absolute; top:50%;  left:220px; cursor:pointer; z-index:999;}
#carousel-right {  position:absolute;  top:50%; right:220px; cursor:pointer; z-index:999;}
/*作品案例——切换效果*/

.viewBox{ padding-bottom:80px;}
.viewBox .DesignColumn{padding-left:24px; /*padding-top:27px;*/ padding-bottom:0px;}
.viewBox .DesignColumn .img{ line-height:1.5; background:url(../images/bg16.jpg) no-repeat left bottom;}
.viewBox .DesignColumn .img .cn{ display:block; font-size:3.5em; color:#000;}
.viewBox .DesignColumn .img .en{ display:block; font-size:3.5em; color:#ffa800; font-weight:bold; text-transform:uppercase;}

.viewBox .viewContent{ width:100%; height:891px; background:url(../images/bg15.png) no-repeat center top; position:relative;}
.viewBox .viewContent .box{ width:190px;  position:absolute;}
.viewBox .viewContent .box span{ display:block; text-align:center; font-size:2.5em; font-weight:bold; line-height:1.5;}
.viewBox .viewContent .box p{ font-size:1.167em; color:#555;}
.viewBox .viewContent .box1{left:562px; top:116px;}
.viewBox .viewContent .box1 span{ color:#e97e24;}
.viewBox .viewContent .box2{left:377px; top:278px;}
.viewBox .viewContent .box2 span{ color:#b7cf37;}
.viewBox .viewContent .box3{left:742px; top:278px;}
.viewBox .viewContent .box3 span{ color:#f3bb20;}
.viewBox .viewContent .box4{left:562px; top:492px;}
.viewBox .viewContent .box4 span{ color:#00a4e2;}

.viewBox .viewContent .font{ font-size:2.083em; color:#fff; position:absolute; display:block; width:99px; line-height:99px; text-align:center;}
.viewBox .viewContent .font1{ left:295px; bottom:148px;}
.viewBox .viewContent .font2{ left:432px; bottom:158px;}
.viewBox .viewContent .font3{ left:494px; bottom:24px;}
.viewBox .viewContent .font4{ left:704px; bottom:60px;}
.viewBox .viewContent .font5{ left:897px; bottom:142px;}
.viewBox .viewContent .font6{ left:941px; bottom:338px;}
/*创意设计*/

/
/*解决方案*/

/*index*/



/*我们的服务*/
.our_service{ width:100%; position:relative; overflow:hidden;}

.service_Title1 { padding-top:55px; padding-bottom:32px;}
.service_Title1 .en{ display:block; font-size:4em; font-weight:bold; color:#000; line-height:1;}
.service_Title1 .cn{ display:inline-block; font-size:2em; border-bottom:#ff6c00 5px solid; line-height:1.5;}

.our_service .service_Title1{ width:1200px; margin:0 auto; padding-bottom:30px;}
.our_service .service_Title1 .brief{ line-height:20px; padding-top:5px; font-size:15px;}
.our_service .BanList{ width:50%; height:578px; float:right; position:absolute; right:0; top:70px;}
.our_service .BanList li{ width:100%; height:100%; overflow:hidden; position:absolute; right:0; top:0;}
.our_service .BanList li a{ display:block; width:100%; height:100%;}
.our_service .TabList{ width:100%; height:100%; position:relative; left:0px; top:0px; z-index:5;}
.our_service .TabList .List{ width:1200px; margin:0 auto; height:0; position:relative; z-index:333;}
.our_service .TabList .List .ul{ width:100%;}
.our_service .TabList .List .ul li{ float:left; position:relative; padding:42px 21px 0 45px; border-left:1px solid #dadada; border-bottom:1px solid #dadada; border-top:none; width:232px; height:217px;}
.our_service .TabList .List .ul li.a_service1{ border:1px solid #dadada; border-right:none; width:532px;}
.our_service .TabList .List .ul li.a_service4{ border-top:1px solid #dadada; border-right:1px solid #dadada; width:533px;}
.our_service .TabList .List .ul li.a_service2{ border-left:1px solid #dadada; width:233px;}
.our_service .TabList .List .ul li.a_service6{ border-right:1px solid #dadada; width:234px;}

.our_service .TabList .List .ul li .span{ position:absolute; right:46px; top:36px;}
.our_service .TabList .List .ul li .img{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:3; display:none;}

.our_service .TabList .List .ul li a{ display:inline-block; color:#555; padding:120px 0 0; line-height:20px}
.our_service .TabList .List .ul li a span{ display:block; font-size:14px;}
.our_service .TabList .List .ul li a .title{ font-size:24px; padding-bottom:10px;}
.our_service .TabList .List .ul li a .brief{ color:#999;}


.our_service .TabList .List .ul li.a_service1 a{ background:url(../images/bg28.png) no-repeat left top;}
.our_service .TabList .List .ul li.a_service2 a{ background:url(../images/bg29.png) no-repeat left 14px;}
.our_service .TabList .List .ul li.a_service3 a{ background:url(../images/bg30.png) no-repeat left top;}
.our_service .TabList .List .ul li.a_service4 a{ background:url(../images/bg31.png) no-repeat left 12px;}
.our_service .TabList .List .ul li.a_service5 a{ background:url(../images/bg32.png) no-repeat left 14px;}
.our_service .TabList .List .ul li.a_service6 a{ background:url(../images/bg33.png) no-repeat left 14px;}

/*我们的案例*/
.our_case{ width:100%; }

.service_Title2 { padding-top:55px; text-align:center; border-bottom:#f2f2f2 1px solid; position:relative; bottom:-1px;}
.service_Title2 .en{ display:block; font-size:4em; font-weight:bold; color:#000; line-height:1;}
.service_Title2 .cn{ display:inline-block; font-size:2em; border-bottom:#ff6c00 5px solid; line-height:1.5;}

.our_case .brief{ text-align:center; font-size:14px; padding:30px 0;}
.our_case .our_case_cont ul li{ width:20%; float:left; position:relative;}
.our_case .our_case_cont ul li .imglist{ width:100%;}
.our_case .our_case_cont ul li .divDown{ position:absolute; left:0px; bottom:0px; width:100%; background:url(../images/bg36.png) repeat left top; text-align:center; display:none; padding-bottom:2%;}
.our_case .our_case_cont ul li .divDown img{ display:none;}
.our_case .our_case_cont ul li .divDown .cont{ width:80%; height:100%; margin:0 auto; display:table;}
.our_case .our_case_cont ul li .divDown .cont .div{ display:table-cell; vertical-align:middle;}
.our_case .our_case_cont ul li .divDown .cont span{ display:block;  color:#fff;}
.our_case .our_case_cont ul li .divDown .cont .tit{/* background:url(../images/index/bg39.jpg) no-repeat center bottom;*/ height:40px; line-height:40px; font-size:1.4em; margin-bottom:1%;}
.our_case .our_case_cont ul li .divDown .cont .p{ line-height:22px; margin-top:10px; text-align:left; display:none;}
.our_case .our_case_cont ul li:hover .divDown{ display:block;}
.our_case .our_case_cont .see_more{ text-align:center; padding-top:38px;}
.our_case .our_case_cont .see_more a{ display:inline-block; background:url(../images/index/bg38_2.png) no-repeat center top; width:360px; height:60px; font-size:1.5em; line-height:60px;}
.our_case .our_case_cont .see_more a span{ color:#fff; padding-right:25px; background:url(../images/index/bg37_2.png) no-repeat right center;}

/*服务领域*/

.fast_nav{ width:60px; position:absolute; right:5px; top:50%; z-index:9999;}
.fast_nav li{ height:42px; padding-top:18px; border-bottom:1px solid #fff; background:url(../images/fastnav/fast_bg_03.png) repeat; cursor:pointer; text-align:center; position:relative; color:#fff;}
.fast_nav .first{ background:url(../images/fastnav/fase_first_03.png) no-repeat;}
.fast_nav .last{ background:url(../images/fastnav/fase_last_03.png) no-repeat; border:none;}
.fast_nav li .hover{ height:60px; background:url(../images/fastnav/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:#ff6c00; 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;}


.official_website_bg{ width:100%; background:url(../images/Services/bg30.jpg) no-repeat center bottom;}
.official_website_bg .official_website{ background:url(../images/Services/bg35.png) no-repeat top left; width:860px; padding-left:43px;}

.official_website_bg{ position:relative;}
.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:0; width:700px;}
.official_website_bg .img2 img{ width:550px;}


.ServicesBox .divBox .title{ display:block; font-size:4em; color:#ff6c00; line-height:1; padding-top:28px;}
.ServicesBox .divBox .brief{ display:block; font-size:2em; color:#ff6c00;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(../images/Services/bg36.png) no-repeat center top; font-size:1.333em; color:#555; padding-left:25px; line-height:40px; margin-top:40px;}
.ServicesBox .divBox .see_more:hover{ background:url(../images/Services/bg36_2.png) no-repeat center top; color:#fff;}
.ServicesBox .divBox .caselist{ padding-top:40px; width:300px; overflow:hidden;}
.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;}

/*.ServicesBox .divBox .caselist ul li .gray{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}*/

.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;}
.ServicesBox2 .divBox .caselist{ width:448px; float:right;}

.online_store_bg{ width:100%; background:url(../images/Services/bg31.jpg) no-repeat center center;}
.online_store_bg .online_store{ background:url(../images/Services/bg37.png) no-repeat top right; width:610px; padding-right:40px; float:right;}

.Interactive_Marketing_bg{ width:100%; background:url(../images/Services/bg32.jpg) no-repeat center center;}
.Interactive_Marketing_bg .Interactive_Marketing{ background:url(../images/Services/bg38.png) no-repeat top left; width:365px; 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(../images/Services/bg33.jpg) no-repeat center center;}
.Brand_Website_bg .Brand_Website{ background:url(../images/Services/bg39.png) no-repeat top right; width:490px; padding-right:38px; float:right;}

.Industry_Portal_bg{ width:100%; background:url(../images/Services/bg34.jpg) no-repeat center center;}
.Industry_Portal_bg .Industry_Portal{ width:440px; padding-left:45px; background:url(../images/Services/bg41.png) no-repeat left top;}
.Industry_Portal_bg .divBox .caselist{ width:448px;}

.information_network_bg{width:100%; background:url(../images/Services/bg35.jpg) no-repeat center center;}
.information_network_bg .information_network{background:url(../images/Services/bg40.png) no-repeat top right; width:575px; padding-right:25px; float:right;}
/*服务领域*/