/******************网页主体部分css******************/
/*.wrapper_bg{background: url(../images/product_bg.jpg) top center no-repeat; height: 430px;}*/

html{width:100%; background:#152541 url(../images/about_bg.png); height:auto;}
.wrapper_bg{width:100%; background:#152541 url(../images/about_bg.png); height:auto;}
.wrapper{position: relative; z-index: 2; margin-top: 80px; margin-bottom: 80px; width:1200px;}

.contact{width:980px; margin:0 auto; height:50px;}
.contact p{font-size:13px; font-weight:bold; color:#fff; line-height:28px;}

.web_project{width:960px; float:left; padding:40px 0 40px 120px; color:#fff;}
.web_project b{font-size:30px; color:#fff; font-family:"楷体"; line-height:35px; display:block;}
.web_project span{width:120px; height:26px; line-height:26px; text-align:center; float:left;}
.web_project span a{color:#fff; display:block;}
.web_project span a:hover{ background:#000; color:#ff0;}

.project1{width:407px; height:426px; float:left; background:url(../images/project1_bg.jpg) no-repeat;}
.project2{width:553px; height:279px; float:left; background:url(../images/project2_bg.jpg) no-repeat;}
.project3{width:119px; height:147px; float:left; background:#5e686d;display:inline;}
.project4{width:526px; height:233px; float:left; background:url(../images/project4_bg.jpg) no-repeat;}
.project5{width:434px; height:380px; float:right; background:url(../images/project5_bg.jpg) no-repeat;}

.project1 b{width:150px; padding:55px 0 0 50px;}
.project1 span{background:#a0c300; margin:5px 0 0 50px; display:inline;}
.project2 b{width:200px; padding:55px 0 0 50px;}
.project2 span{background:#7eba15; margin:5px 0 0 50px; display:inline;}
.project3 b{width:90px; padding:18px 0 0 15px; text-align:center; color:#000;}
.project4 b{width:200px; padding:45px 0 0 50px; color:#3a5805;}
.project4 span{background:#216cc2; margin:5px 0 0 50px; display:inline;}
.project5 b{width:200px; padding:110px 0 0 45px;}
.project5 span{background:#ea5c1c; margin:5px 0 0 50px; display:inline;}

.website{position: relative; z-index: 2; width:1200px; margin:120px auto 0;}

/*网站建设-五块业务css*/
.business{width:240px; height: 550px;}
.business b{width: 240px; float: left; color: #fff; font-size: 16px;}
.b_top{width:240px; float: left;}
.b_bottom{width:240px; float: left;}
.h_190{height: 190px;}

.b1{background: #c5c4c2;}
.b2{background: #4d0087;}
.b3{background: #8e0096;}
.b4{background: #3d0367;}
.b5{background: #a3c503;}
.b1 b{padding-left:18px; color:#be1e4a;}
.b2 b{padding-left:20px; color:#fff;}
.b3 b{padding-left:20px; color:#fff;}
.b4 b{padding-left:20px; color:#fff;}
.b5 b{padding-left:20px; color:#fff;}
.b1 p{ line-height: 22px; padding-left:18px; padding-right:15px; color: #333;}
.b2 p{ line-height: 22px; padding-left:20px; padding-right:10px; color: #b0b0b0;}
.b3 p{ line-height: 22px; padding-left:20px; padding-right:10px; color: #b0b0b0;}
.b4 p{ line-height: 22px; padding-left:20px; padding-right:10px; color: #fffefe;}
.b5 p{ line-height: 20px; padding-left:20px; padding-right:10px; color: #fffefe;}
.business p i{padding-right: 5px; *padding-right: 3px;}

.b_color1{background: #046fb5; height:190px;}
.b_color2{background: #4d0087; height:360px;}
.b_color3{background: #d74e2a; height:190px;}
.b_color4{background: #008c00; height:360px;}
.b_color5{background: url(../images/b_5.jpg) no-repeat; height:190px;}

.b_top .b_icon{width:100px; height: 100px; float: left;}
.b_top .b_icon1{background: url(../images/b_icon.png) no-repeat; background-position: 0 0; margin:30px 0 0 68px;}
.b_top .b_icon2{background: url(../images/b_icon.png) no-repeat; background-position: -203px 0; margin:30px 0 0 65px;}
.b_top .b_icon3{background: url(../images/b_icon.png) no-repeat; background-position: -101px 0; margin:30px 0 0 65px;}

.b_button{width:86px; height: 28px; float: left; line-height: 28px; color: #fff; font-size: 14px; font-weight: bold; text-align: center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;}
.b_button a{color: #fff;}
.b_button a:hover{color: #ff0;}
.button1{ background: #be1e4a; margin: 8px 0 0 18px;}
.button1:hover{background: #008c00;}
.button2{ background: #240b23; margin: 8px 0 0 20px;}
.button2:hover{background: #b42425;}
.button3{ background: #3d0367; margin: 8px 0 0 20px;}
.button3:hover{background: #046fb5;}
.button4{ background: #4d0087; margin: 8px 0 0 20px;}
.button4:hover{background: #343468;}
.button5{ background: #2f331c; margin: 8px 0 0 20px;}
.button5:hover{background: #82195c;}

.website_menu{width:600px; float:left; height:30px; background:#0f1048; margin-left:25%; margin-top:40px; margin-bottom: 80px;}
.website_menu ul li{width:150px; float:left; height:30px; line-height:30px; color:#fff; text-align:center;}
.website_menu li a{ color:#fff; display:block;}
.website_menu li a:hover{ background:#93b231;}
.website_menu li.menu1{ background:#de9316;}

/*seo优化css*/
.seo{position: relative; z-index: 2; width:1200px; margin:91px auto 0;}
.seo p{font-size:14px; color:#b4b4b4; line-height:28px; padding:8px 0 ;}
.seo span{ color:#e9e9e9; font-size:18px; font-weight:bold;}

/*赛富通推广css*/
.saifutong_seo{position: relative; z-index: 2; width:1200px; margin:200px auto 0;}
.saifutong_seo p{ text-align:center; padding:0 0 50px 0;}


/*Email-css*/
.wrapper_bg1{width:100%; background:#e7e9ea url(../images/about_bg.png);}
.email{position: relative; z-index: 2; width:1200px; margin:100px auto 0; color:#000;}

.email_left{width:650px; float:left; padding-bottom:50px;}
.email_left p{font-size:14px; line-height:28px;}
.email_left span{ font-size:18px; font-weight:bold; display:block; padding:10px 0;}
.email_right{width:540px; float:right; padding-top:100px;}
.email_right p{ line-height:24px; padding:2px 20px;}
.email_right span{ font-size:14px; font-weight:bold; display:block; padding:10px 20px;}
.email_right span i{ margin-right:3px;}

#tabs{overflow: auto;width: 100%;list-style: none;margin: 0;padding: 0;}
#tabs li{margin: 0;padding: 0;float: left;}
#tabs a{-moz-box-shadow: -1px 0 1px rgba(0, 0, 0, .2);
    -webkit-box-shadow: -1px 0 1px rgba(0, 0, 0, .2);
    box-shadow: -1px 0 1px rgba(0, 0, 0, .2);
    background: #ad1c1c;
    background: -moz-linear-gradient(220deg, transparent 10px, #ad1c1c 10px);
    background: -webkit-linear-gradient(220deg, transparent 10px, #ad1c1c 10px);     
    background: -ms-linear-gradient(220deg, transparent 10px, #ad1c1c 10px); 
    background: -o-linear-gradient(220deg, transparent 10px, #ad1c1c 10px); 
    background: linear-gradient(220deg, transparent 10px, #ad1c1c 10px);
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
    color: #fff;
    float: left;
    font: bold 14px/35px '微软雅黑';
    height: 35px;
    padding: 0 30px;
    text-decoration: none;
}
#tabs a:hover{background: #c93434;
    background: -moz-linear-gradient(220deg, transparent 10px, #c93434 10px);
    background: -webkit-linear-gradient(220deg, transparent 10px, #c93434 10px);     
    background: -ms-linear-gradient(220deg, transparent 10px, #c93434 10px); 
    background: -o-linear-gradient(220deg, transparent 10px, #c93434 10px); 
    background: linear-gradient(220deg, transparent 10px, #c93434 10px);     
}
#tabs a:focus{outline: 0;}
#tabs #current a{background: #fff;
    background: -moz-linear-gradient(220deg, transparent 10px, #fff 10px);
    background: -webkit-linear-gradient(220deg, transparent 10px, #fff 10px);     
    background: -ms-linear-gradient(220deg, transparent 10px, #fff 10px); 
    background: -o-linear-gradient(220deg, transparent 10px, #fff 10px); 
    background: linear-gradient(220deg, transparent 10px, #fff 10px);
    text-shadow: none;    
    color: #333;}
#content{
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
    background-image: -webkit-linear-gradient(top, #fff, #ddd); 
    background-image: -moz-linear-gradient(top, #fff, #ddd); 
    background-image: ms-linear-gradient(top, #fff, #ddd); 
    background-image: -o-linear-gradient(top, #fff, #ddd); 
    background-image: linear-gradient(top, #fff, #ddd);
    -moz-border-radius: 0 2px 2px 2px;
    -webkit-border-radius: 0 2px 2px 2px;
    border-radius: 0 2px 2px 2px;
    -moz-box-shadow: 0 2px 5px #666, 0 -1px 0 #fff inset;
    -webkit-box-shadow: 0 2px 5px #666, 0 -1px 0 #fff inset;
    box-shadow: 0 2px 5px #666, 0 -1px 0 #fff inset;}

/* Remove the rule below if you want the content to be "organic" */
#content div{width:540px; height:450px; padding-top:20px;}
#tab1{background:#de9316;}
#tab2{background:#93b231;}
#tab3{background:#48a9b0;}


.email_1{width:100%; height:auto;}
.email_whitebg{background:#fff;}
.email_graybg{background:#f8f9fa;}
.email_1_info{width:1200px; margin:0 auto;}
.mb50{margin-bottom:50px;}
.bk_top{border-top:1px #e7e9ea solid;}
.bk_bottom{border-bottom:1px #e7e9ea solid;}

.email_left1{width:1000px; float:left; padding-bottom:50px; color:#000; margin-left:50px;}
.email_left1 p{font-size:14px; line-height:28px;}
.email_left1 span{font-size:30px; display:block; padding:10px 0;}
.email_left1 b{ font-size:13px; line-height:26px; display:block; padding:30px 0 0 0;}
.img{padding-top:180px;}
/*.img1{padding-top:40px;}*/

/*移动互联网营销css*/
.product1{width:1200px; float:left; margin:80px 0; height:590px; background:top right url(../images/product1.png) no-repeat}
.product1 p{ font-size:16px; font-weight:bold; color:#B4B4B4; line-height:34px; padding:15px 0 15px 20px;}

/*电子商务css*/
.e-shop{width:1200px; float:left; margin:40px 0 80px;}
.e-shop b{ font-size:20px; color:#f90; line-height:30px; padding:40px 0 40px 20px; font-weight:bold; display:block;}
.e-shop span{ font-size:16px; color:#B4B4B4; line-height:30px; padding:10px 0 10px 20px; font-weight:bold; display:block;}
.e-shop span i.icon-spinner{ color:#f90; font-size:16px; margin-right:8px;}
.e-shop p{ font-size:14px; color:#B4B4B4; line-height:26px; padding:5px 0 5px 20px;}

.e-shop-step{width:1080px; float:left; padding-left:20px;}
.step{width:146px; height:58px; line-height:58px; font-size:18px; font-weight:bold; color:#fff; text-align:center;}
.step .step-info{ display:none; width:210px; padding:10px 15px; margin-top:5px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.step:hover .step-info{ display:block; position:relative; z-index:10;}
.step .step-info p{ font-weight:normal; text-align:left; line-height:24px; padding:0;  color:#fff;}
.one-infobg{background:#94c52c;}
.two-infobg{background:#e23134;}
.three-infobg{background:#00b1cd;}
.four-infobg{background:#076f7f;}
.five-infobg{background:#ff9000;}
.six-infobg{background:#527409;}
.seven-infobg{background:#7e0761;}
.eight-infobg{background:#716ef6;}

.one{ background:url(../images/e-shop-iconbg.png) no-repeat; background-position:-7px -4px; float:left;}
.two{ background:url(../images/e-shop-iconbg.png) no-repeat; background-position:-158px -4px; float:left;}
.three{ background:url(../images/e-shop-iconbg.png) no-repeat; background-position:-311px -4px; float:left;}
.four{ background:url(../images/e-shop-iconbg.png) no-repeat; background-position:-462px -4px; float:left;}
.five{ background:url(../images/e-shop-iconbg.png) no-repeat; background-position:-7px -68px; float:left;}
.six{ background:url(../images/e-shop-iconbg.png) no-repeat; background-position:-158px -68px; float:right; margin-right:15px;}
.seven{ background:url(../images/e-shop-iconbg.png) no-repeat; background-position:-311px -68px; float:right;}
.eight{ background:url(../images/e-shop-iconbg.png) no-repeat; background-position:-462px -68px; float:right;}

.step-icon{ margin:20px;}
.step-icon-left{width:44px; height:22px; float:right; background:url(../images/e-shop-icon.png) no-repeat; background-position:0 -24px;}
.step-icon-right{width:44px; height:22px; float:left; background:url(../images/e-shop-icon.png) no-repeat; background-position:0 0;}
.step-icon-down{width:44px; height:40px; float:right; background:url(../images/e-shop-icon.png) no-repeat; background-position:0 -48px;}

.e-shop-menu{width:80px; position:fixed; left:50px; top:30%; float:left;}
.e-shop-menu ul{width:80px; -moz-box-shadow:-3px 0px 5px #000; -webkit-box-shadow:-3px 0px 5px #000; box-shadow:-3px 0px 5px #000; behavior: url(ie-css3.htc)}
.e-shop-menu ul li{width:80px; background:#ff9000; font-size:18px; font-weight:bold; text-align:center; margin-bottom:1px;}
.e-shop-menu li a{ display:block; height:70px; line-height:30px; padding-top:10px; color:#fff;}
.e-shop-menu li a:hover{ background:#716ef6;}
.e-shop-menu li.on{ background:#94c52c;}

.w_1000{width:1032px;}

/*创意设计css*/
.product3_bg{width:100%; background:#6d9e0d url(../images/about_bg.png); height:auto;}

/*其他产品css*/
.product4{width:1100px;  padding-top:60px;}
.product4 h1{font-size:30px; font-weight:bold; color:#f90; line-height:50px;}
.product4 p{ line-height:24px; color:#b4b4b4;}

.product4_1{width:1100px; float:left; padding-top:60px; margin-bottom: 80px;}
.product4_1 h1{font-size:30px; font-weight:bold; color:#f90; line-height:50px; padding-bottom:50px;}
.product4_1 p{ line-height:24px; color:#b4b4b4;}
.product4_1 b{ font-size:18px; color:#fff; line-height:50px;}
.superior{ width:510px; float:left; height:310px; background:#527409; padding:20px 0 0 40px;}
.superior p{ line-height:24px; color:#fff; padding:3px 0;}
.range{width:480px; float:left; height:310px; background:#0670b4; padding:20px 30px 0 40px;}
.range p{ line-height:24px; color:#fff; padding:6px 0;}



/*阿里巴巴托管css*/
.alibaba{width:1200px; float:left; margin-top:80px;}
#page{height: auto; min-height: 100%;}
#page1{ float:left; position:relative; height:600px;}
#page2{ float:left; position:relative; height:500px;}
#container {padding-bottom: 70px;}
/*-核心代码-*/
/* Menu style */
#flip-tabs{width:1100px;margin:20px auto; position:relative;}
#flip-navigation li{ display:inline; }
#flip-navigation li a{padding:10px 15px;display:block;float:left;background:#000; font-size:20px; color:#f0f0f0; font-weight:bold; margin:0 5px 0 0;}
#flip-navigation li a:hover{background:#f90; color:#fff;}
#flip-navigation li.selected a{background:#f90;color:#fff;}
#flip-container{width:1100px;font-size:13px;}

.green{background:#527409; padding-bottom:20px;}
.green p{line-height:26px; color:#fff; font-size:13px; padding-bottom:8px; padding-left:20px; padding-right:20px;}
.orange{background:#716ef6; padding-bottom:20px;}
.orange p{line-height:26px; color:#fff; font-size:13px; padding-bottom:8px; padding-left:20px; padding-right:20px;}
.blue{background:#0670b4; padding-bottom:20px;}
.blue p{line-height:26px; color:#fff; font-size:13px; padding-bottom:8px; padding-left:20px; padding-right:20px;}


/*淘宝店铺运营和装修css*/
.taobao_bg{width:100%; background:#152541 url(../images/about_bg.png); height:auto;}
.taobao{width:1200px; float:left; padding-top:80px;}
.taobao span{font-size:24px; font-weight:bold; line-height:45px; color:#f90;}
.taobao b{font-size:16px; font-weight:bold; line-height:45px; color:#f90;}
.taobao p{font-size:14px; padding:8px 0 0 0; color:#b4b4b4; line-height:24px;}
.w_550{width:550px; float:left; height:200px;}
.w_650{width:650px; float:left; height:200px;}