html,body{margin:0px}
body,input,textarea,select{font-size:12px;color:#666;font-family:"微软雅黑"}
body,h1,h3,h4,p,ul,ol{margin:0}
*{padding:0;margin:0}
div,table{margin:0px auto}
p{margin-bottom:24px}
a img{border:0}
img{margin:0}
a{color:#666;text-decoration:none}
a:hover{color:#F39910;text-decoration:none}
ul,li{list-style:none}
.cf:after{content:"";display:table;clear:both}
.cf{zoom:1}

.top{width:100%; height:280px; background:#FFF;}
.top .icon{width:1220px; height:38px; padding:22px 0 20px 0;}
.top .icon .icon_L{float:left; margin-top:2px;}
.top .icon .icon_L a{width:28px; height:28px; display:inline-block; margin-right:5px;}
.top .icon .icon_L a.icon_weibo{background:url(../images/icon.png) 0px 0px no-repeat;}
.top .icon .icon_L a.icon_qq{background:url(../images/icon.png) -28px 0px no-repeat;}
.top .icon .icon_L a.icon_weixin{background:url(../images/icon.png) -56px 0px no-repeat;}
.top .icon .icon_L a.icon_weibo:hover{background:url(../images/icon.png) 0px -28px no-repeat;}
.top .icon .icon_L a.icon_qq:hover{background:url(../images/icon.png) -28px -28px no-repeat;}
.top .icon .icon_L a.icon_weixin:hover{background:url(../images/icon.png) -56px -28px no-repeat;}
.top .icon .icon_R{float:right; width:196px; height:38px; background:url(../images/icon.png) left -66px no-repeat;}
.logo{width:100%; height:80px; text-align:center;}
.menu{width:100%; text-align:center; margin-top:64px;}
.menu a{font-size:14px; margin:0px 20px; padding-bottom:15px;}
.menu a:hover{border-bottom:22px solid #F39910;}
.banner{width:100%; height:640px; background:url(../images/banner/i_01.jpg) center top no-repeat;}
.banner span{width:100%; height:20px; background:url(../images/bg_banner.png) left top repeat-x; z-index:100px; display:block;}
.banner_contact{width:1220px; height:400px; background:url(../images/banner/contact.png) left top no-repeat; margin-top:100px;}
.banner_about{width:1220px; height:400px; background:url(../images/banner/about.jpg) left top no-repeat; margin-top:100px;}
.titService{width:307px; height:80px; background:url(../images/tit_name.png) 0px 0px no-repeat; margin:100px auto 90px auto;}
.titDesign{width:288px; height:80px; background:url(../images/tit_name.png) 0px -90px no-repeat; margin:100px auto 90px auto;}
.titNews{width:247px; height:80px; background:url(../images/tit_name.png) 0px -180px no-repeat; margin:100px auto 90px auto;}
.iService{width:1220px; height:400px; margin-bottom:100px;}
.iService li{width:304px; height:380px; line-height:240%; padding:10px 0px; border-right:solid 1px #EEE; float:left; text-align:center;}
.iService li.br{border-right:none;}
.iService li h1{font-size:26px; line-height:26px; font-weight:normal; margin:30px auto 26px auto;}
.iService li span{width:82px; height:86px; background:#E1E1E1; border-radius:70px; display:block; margin:0 auto; padding:27px 29px;}
.iService li span i{width:82px; height:86px; display:block;}
.iService li span i.web{background:url(../images/icon_02.png) 0px 0px no-repeat;}
.iService li span i.mobi{background:url(../images/icon_02.png) 0px -86px no-repeat;}
.iService li span i.seo{background:url(../images/icon_02.png) 0px -172px no-repeat;}
.iService li span i.vi{background:url(../images/icon_02.png) 0px -258px no-repeat;}
.iService li:hover span{background:#FFD24D;transition:all 0.5s ease;-webkit-transform:rotateY(360deg);transform:rotateY(360deg);}
.advantage{width:100%; height:1000px; background:url(../images/yousi.jpg) center top no-repeat;}
.design{width:1260px;}
.design li{width:380px; margin:0px 20px 40px 20px; float:left;}
.design li .over_img{width:380px;height:210px;overflow:hidden;display:block;}
.design li .over_img img{width:380px;height:210px;-moz-transition:-moz-transform 1.2s ease;-o-transition:-o-transform 1.2s ease;-webkit-transition:-webkit-transform 1.2s ease;transition:transform 1.2s ease}
.design li:hover .over_img img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);width:380px;height:210px}
.design li h2{width:100%; height:50px; background:#F5F5F5; font-size:14px; line-height:50px; font-weight:normal; text-align:center;}
.design li:hover h2{background:#444; color:#EEE;}
.more{width:32px; height:18px; margin:50px auto 100px auto;}
.more a{width:32px; height:18px; background:url(../images/icon.png) 0px -114px no-repeat; display:block;}
.more a:hover{background:url(../images/icon.png) -32px -114px no-repeat;}
.line{width:1220px; height:1px; background:#DDD;}
.iNews{width:1000px; text-align:center;}
.iNews li{margin-bottom:30px; color:#999}
.iNews li h3{font-size:26px; color:#F29910; font-weight:normal; margin-bottom:12px;}
.iNews li h3:hover{color:#444;}
.iNews li span{font-size:20px; color:#666; margin-top:16px; display:block;}

.navBox{width:100%; height:50px; background:#333 url(../images/bg_banner.png) left top repeat-x;}
.navBox div{width:1220px; height:16px; color:#BBB; line-height:16px; background:url(../images/icon_home.png) left 16px no-repeat; text-indent:24px; padding-top:17px;}
.navBox div a{color:#BBB;}
.navBox div a:hover{color:#F39910;}
.top_design{width:1220px; height:293px; background:url(../images/top_design.png) left top no-repeat; margin-bottom:100px;}
.top_design span{font-size:14px; float:right; text-align:right; padding-top:270px;}
.top_design span a{margin:0 10px;}
.top_design span a.current{color:#F39910}
.top_news{width:100%; height:90px; background:url(../images/top_news.png) right top no-repeat; text-align:center; padding:100px 0;}
.top_news a{width:90px; height:90px; font-size:14px; color:#444; line-height:90px; background:#EEE; border-radius:46px; display:inline-block; margin:0 15px;}
.top_news a:hover,.top_news a.current{background:#F39910; color:#FFF;}
.news{width:1204px;}
.news li{width:500px; height:110px; line-height:20px; padding:30px; margin:0px 20px 40px 20px; border:solid 1px #EEE; float:left;}
.news li:hover{border:solid 1px #F39910;}
.news li h1{font-size:22px; color:#444; line-height:22px; font-weight:normal; margin-bottom:12px;}
.news li h1:hover{color:#F39910}
.news li span{font-size:11px; color:#999; line-height:14px; background:url(../images/icon_times.png) left top no-repeat; text-indent:20px; display:block; margin-top:20px;}
.news_detail_tit{width:1220px; font-size:11px; color:#999; padding-bottom:50px; border-bottom:solid 1px #CCC; margin-bottom:60px; text-align:center;}
.news_detail_tit h1{font-size:26px; color:#444; font-weight:normal; margin-bottom:15px;}
.news_details{width:1100px; font-size:14px; text-align:center; line-height:28px;}
.ad_words{width:399px; height:123px; background:url(../images/ad_words.png) center top no-repeat; margin-bottom:120px;}
.textBox{width:1000px; margin:100px auto 150px auto; text-align:center; line-height:24px;}
.textBox h1{font-size:26px; color:#444; margin-bottom:20px; font-weight:normal;}
.advantageBox{width:1220px; margin:100px auto 130px auto;}
.advantageBox li{width:680px; height:467px; background:#F5F5F5 url(../images/line.png) center bottom no-repeat; padding:53px 270px 0 270px; text-align:center; line-height:180%; margin-bottom:30px;}
.advantageBox li h1{font-size:40px; color:#333; line-height:40px; margin-bottom:20px; font-weight:normal;}
.advantageBox li span{width:234px; height:234px; display:block; margin:0px auto 40px auto;}
.advantageBox li span.ys01{background:url(../images/icon_yousi.jpg) left 0px no-repeat;}
.advantageBox li span.ys02{background:url(../images/icon_yousi.jpg) left -234px no-repeat;}
.advantageBox li span.ys03{background:url(../images/icon_yousi.jpg) left -468px no-repeat;}
.advantageBox li span.ys04{background:url(../images/icon_yousi.jpg) left -702px no-repeat;}
.advantageBox li span.ys05{background:url(../images/icon_yousi.jpg) left -936px no-repeat;}
.serviceBox{width:1220px; margin:100px auto 120px auto;}
.serviceBox li{width:100%; height:540px; font-size:13px; line-height:200%; color:#777; margin-bottom:10px}
.serviceBox li h1{font-size:36px; line-height:36px; color:#444; font-weight:normal; padding-bottom:20px;}
.serviceBox li i{width:20px; height:2px; background:#F39910; display:block; margin:20px 0;}
.serviceBox li.s01{background:#F5F5F5 url(../images/service_01.jpg) 105px 80px no-repeat;}
.serviceBox li.s02{background:url(../images/service_02.jpg) 612px 77px no-repeat;}
.serviceBox li.s03{background:#F5F5F5 url(../images/service_03.jpg) 100px 35px no-repeat;}
.serviceBox li.s04{background:url(../images/service_04.jpg) 648px 50px no-repeat;}
.serviceBox li.s05{background:#F5F5F5 url(../images/service_05.jpg) 65px 84px no-repeat;}
.serviceBox li div{width:440px;}
.serviceBox li div.t01{padding-top:138px; float:right; margin-right:90px;}
.serviceBox li div.t02{padding-top:138px; margin-left:90px;}

/*页码样式*/
.pageBox{width:100%; height:40px; text-align:center; padding:60px 0 120px 0}
.pageBox div{height:40px; margin:0 auto;}
.pageBox div a{width:40px; height:40px; background:#DDD; font-family:Tahoma; font-size:14px; color:#FFF; line-height:40px; text-align:center; border-radius:20px; display:inline-block; vertical-align:top; margin:0 5px;}
.pageBox div a:hover,.pageBox div a.current{background:#F39910;}
.pageBox div a.prev{background:url(../images/btn_page.png) 0px 0px no-repeat;}
.pageBox div a.prev:hover{background:url(../images/btn_page.png) 0px -40px no-repeat;}
.pageBox div a.next{background:url(../images/btn_page.png) -40px 0px no-repeat;}
.pageBox div a.next:hover{background:url(../images/btn_page.png) -40px -40px no-repeat;}

/*底部样式*/
.feedback{width:100%; height:800px; background:#F39910 url(../images/bg_feedback.png) center bottom no-repeat;}
.titFeedback{width:820px; height:153px; padding:100px 0px 80px 0px;}
.from_feedback{width:820px;}
.from_feedback li{width:400px; height:50px; background-color:#FFF; float:left; margin-bottom:20px;}
.from_feedback li.mr20{margin-right:20px}
.from_feedback li.msg{width:820px; height:140px;}
.from_feedback li input{width:350px; height:50px; background:#FFF; border:0 none; vertical-align:top; text-indent:20px; font-size:16px; outline:medium;}
.from_feedback li textarea{width:780px; height:100px; background:#FFF; border:0 none; font-size:16px; outline:medium; padding:20px; line-height:180%;}
.from_feedback li span{width:50px; height:50px; display:inline-block;}
.from_feedback li span.name{background:url(../images/icon_02.png) 0px -345px no-repeat}
.from_feedback li span.tel{background:url(../images/icon_02.png) -50px -345px no-repeat}
.from_feedback li span.mail{background:url(../images/icon_02.png) -100px -345px no-repeat}
.from_feedback li span.weixin{background:url(../images/icon_02.png) -150px -345px no-repeat}
.btnBox{width:220px;}
.btnBox input{width:220px; height:50px; background:#111; line-height:50px; text-align:center; font-size:16px; color:#FFF; border:0 none; cursor:pointer; margin-top:30px;}
.btnBox input:hover{background:#CA7D0B;}
.footer{width:100%; height:200px; background:#222;}
.footerCon{width:1220px;}
.footerCon a{color:#BBB}
.footerCon a:hover{color:#F39910}
.footerCon_L{width:156px; height:100px; background:url(../images/icon.png) 0px -142px no-repeat; float:left; margin-top:50px;}
.footerCon_R{width:156px; height:120px; float:right; margin-top:45px; text-align:right;}
.copyright{width:908px; height:100px; padding-top:50px; color:#BBB; line-height:24px; text-align:center; float:left;}

/*重定义分享图标*/
.shareBox{width:100%; height:50px; margin:100px auto 160px auto; text-align:center;}
.shareBox .shareBtn{height:50px; margin:0 auto; width:300px;}
.shareBox .shareBtn a{width:50px; height:50px; margin:0 5px; display:block;}
.shareBox .shareBtn a.bds_weixin{background:url(../images/icon_share.png) 0px 0px no-repeat;}
.shareBox .shareBtn a.bds_sqq{background:url(../images/icon_share.png) -50px 0px no-repeat;}
.shareBox .shareBtn a.bds_qzone{background:url(../images/icon_share.png) -100px 0px no-repeat;}
.shareBox .shareBtn a.bds_tsina{background:url(../images/icon_share.png) -150px 0px no-repeat;}
.shareBox .shareBtn a.bds_tqq{background:url(../images/icon_share.png) -200px 0px no-repeat;}

/*右侧浮动图标*/
.sidebar{width:50px;position:fixed;z-index:999;right:1px;top:50%;margin-top:-50px}
.sidebar li{width:50px; height:50px; margin-bottom:1px; position:relative}
.sidebar li a{width:50px; height:50px; display:block;}
.sidebar li.Btn_top{background:#EEE url(../images/icon_sidebar.png) left 0px no-repeat; cursor:pointer}
.sidebar li.Btn_qq{background:#EEE url(../images/icon_sidebar.png) left -50px no-repeat;}
.sidebar li.Btn_weixin{background:#EEE url(../images/icon_sidebar.png) left -100px no-repeat;}
.sidebar li.Btn_top:hover{background:#FFD24D url(../images/icon_sidebar.png) -50px 0px no-repeat;}
.sidebar li.Btn_qq:hover{background:#FFD24D url(../images/icon_sidebar.png) -50px -50px no-repeat;}
.sidebar li.Btn_weixin:hover{background:#FFD24D url(../images/icon_sidebar.png) -50px -100px no-repeat;}
.sidebar li .pic{position:absolute;left:-124px;top:0px;display:none;width:120px;height:120px; border:solid 1px #EEE;}
.sidebar .Btn_wx{position:relative}