@charset "utf-8";
/* CSS Document */

	
/******************************头部样式******************************/
.header{width:100%;height:150px; overflow:hidden; background:#353535; }
.head{width:1100px;height:150px;margin:0 auto; overflow:hidden;}
.head .logo{width:550px;float:left;}
.head .logo img{margin-top:58px;}
.head .right{width:550px;float:right; text-align:right;}
.head .right .right_top{ text-align:right; line-height:12px;margin-top:20px;margin-bottom:26px; overflow:hidden;}
.head .right .right_top a{border-right:1px solid #666666; padding:0 14px;}
.head .right .phone{ text-align:right;}
.head .right .nav{width:535px;margin-top:25px;}
.head .right .nav ul li{float:left;margin-left:20px;padding-bottom:10px;}
.head .right .nav ul .home{ border-bottom:2px solid #ffffff;}
.head .right .nav ul li:hover{ border-bottom:2px solid #ffffff;}
.head .right .nav ul li a{color:#ffffff;}


/******************************微信时代******************************/
.about{width:100%;height:500px; overflow:hidden; background:#e9e9e9; font-family:"微软雅黑";}
.about_box{width:1100px;height:420px; margin:0 auto; overflow:hidden; background:url(../images/app_11.png) no-repeat right bottom;padding-top:80px;}
.about_box h3{font-size:60px; line-height:60px;color:#333333; }
.about_box span{margin:30px 0px; display:block; font-size:18px; color:#ff9900; font-weight:bold;}
.about_box p{font-size:18px;color:#666666; line-height:32px;}
.about_box p b{color:#2bad13;}   
.about_box a{margin-top:38px; display:block;}

/******************************营销体系******************************/
.system{width:1100px;height:360px;margin:0 auto; overflow:hidden; font-family:"微软雅黑";}
.system .system_left{width:550px; float:left;}
.system .system_left ul{padding-top:75px;}
.system .system_left ul li{width:137px;float:left; text-align:center;margin-bottom:46px;}
.system .system_left ul li span{ display:block; color:#333333; margin-top:20px;}
.system .system_right{width:510px; float:right;padding-top:60px;padding-left:40px; }
.system .system_right h3{font-size:50px;color:#333333; font-weight:normal;}
.system .system_right span{ margin:20px 0px; display:block; font-size:16px; color:#2bad13; }
.system .system_right p{font-size:22px;color:#999;}
.system .system_right a{margin-top:30px; display:block;}

/***************************营销策划和定制开发服务******************************/
.service{width:100%;height:850px; background:url(../images/app_41.jpg) repeat-x; overflow:hidden; font-family:"微软雅黑";}
.service_box{width:1100px;height:850px; margin:0 auto; overflow:hidden;}
.service_box .service_title{margin-top:30px;}
.service_box .service_title h3{ font-size:40px;color:#333333; font-weight:normal; line-height:60px;}
.service_box .service_title span{ font-size:15px;color:#999999; line-height:23px;}
.service_box ul{padding-top:30px;}
.service_box ul li{width:530px;float:left;margin-right:40px;}
.service_box ul li img{width:530px;height:200px;}
.service_box ul li div{height:110px; background:#ffffff;padding-top:30px; position:relative;}
.service_box ul li div h3{fong-size:20px; font-weight:bold;}
.service_box ul li div p{color:#999999; line-height:22px;margin-top:20px;}
.service_box ul li div a{ display:block;width:52px;height:52px; background:url(../images/app_466.jpg) no-repeat; position:absolute;right:9px; top:28px;}

/***************************客户案例******************************/
.case{width:100%;height:630px; background:#333333; overflow:hidden;}
.case_box{width:1100px;height:430px; margin:0 auto; padding:100px 0px; background:url(../images/app_50.jpg) no-repeat center top;}
.case_box .case_left{width:270px;float:left;margin-right:20px; overflow:hidden;}
.case_box .case_left dl{}
.case_box .case_left dl dt{font-size:50px; line-height:60px;color:#ffffff;margin-bottom:40px;}
.case_box .case_left dl dd{ font-size:20px; line-height:40px; color:#51c93b; font-family:"微软雅黑";}
.case_box .case_left img{margin-top:45px;}
.case_box .case_middle{width:430px;height:430px; overflow:hidden;float:left;margin-right:10px;}
.case_box .case_middle img{width:430px;height:430px;}
.case_box .case_right{width:370px;float:right; overflow:hidden;}
.case_box .case_right ul{}
.case_box .case_right li{width:175px;height:100px; margin-left:10px;margin-bottom:10px;float:left;}
.case_box .case_right li img{width:175px;height:100px;}

/*************************y页面展示******************************/
.show{width:100%;height:800px; background:#f4f4f4; overflow:hidden; font-family:"微软雅黑";}
.show .show_box{width:1100px;height:800px; margin:0 auto; overflow:hidden;}
.show .show_title{margin-top:50px; text-align:right; position:relative;}
.show .show_title h3{font-size:40px;color:#333333; font-weight:normal;}
.show .show_title span{font-size:15px; color:#999999; line-height:38px; display:block;}
.show .show_title a{ position:absolute;left:80px;top:27px;}
.show .show_left{width:310px;height:550px; float:left;margin-top:60px;}
.show .show_right{width:760px;height:565px;float:right;margin-top:45px;}
.show .show_right .button{height:41px; text-align:right;}
.show .show_right .button a{margin-left:40px; cursor:pointer; display:block; width:22px; height:41px; float:right;}

.show .show_right .button .left{background:url(../images/app_69.jpg) no-repeat;}
.show .show_right .button .left:hover{background:url(../images/app_699.jpg) no-repeat;}

.show .show_right .button .right{background:url(../images/app_71.jpg) no-repeat;}
.show .show_right .button .right:hover{background:url(../images/app_711.jpg) no-repeat;}

.show .show_right .Cont{float:left;width:760px;overflow:hidden;}
.show .show_right .ScrCont{width:10000000px;}
.show .show_right ul{padding-top:49px;float:left}
.show .show_right ul li{width:240px;float:left;margin-right:20px;}
.show .show_right ul li img{width:240px;height:390px;}
.show .show_right ul li h3{font-size:15px; line-height:20px;color:#333333; font-weight:normal;margin-top:20px; text-align:center;}
.show .show_right ul li p{font-size:11px; line-height:16px; color:#999999;margin-top:10px;}

/*************************g功能大全******************************/
.function{width:1100px;margin:50px auto; overflow:hidden; font-family:"微软雅黑";}
.function .function_title{height:50px;overflow:hidden;margin-bottom:50px;}
.function .function_title p{width:700px; float:left;font-size:15px;color:#999999;float:left;}
.function .function_title p span{font-size:40px; color:#2bad13; font-weight:normal; padding-right:10px;}
.function .function_left{width:400px;height:600px; float:left; overflow:hidden;}
.function .function_left .video{width:400px;height:320px;}
.function .function_left .left_bottom{height:230px; background:#f4f4f4; overflow:hidden; text-align:center;color:#333333;padding-top:20px;}
.function .function_left .left_bottom h3{font-size:60px; }
.function .function_left .left_bottom span{font-size:20px;}
.function .function_left .left_bottom span b{font-size:25px;}
.function .function_left .left_bottom img{margin-top:30px;}
.function .function_right{width:661px;height:571px;float:right; position:relative; }
/*.function .function_right ul{ border-top:1px solid #e9e9e9;  border-left:1px solid #e9e9e9; overflow:hidden; display:block;}
.function .function_right ul li{width:219px;height:179px; float:left; text-align:center; border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;padding-top:10px;}
.function .function_right ul li h3{font-size:16px;color:#333333; font-weight:normal;margin-top:10px;}
.function .function_right ul li span{ padding:10px; display:block; line-height:18px; height:32px;}

.function .function_right ul li:hover{ background:#f9f9f9;}

.function .function_right img{width:84px;height:84px;}*/
.function .function_right .hd{ height:20px; overflow:hidden; position:absolute; right:0px; top:-50px; z-index:1; }

.function .function_right .hd ul{ overflow:hidden; float:left;  }

.function .function_right .hd ul li{ float:left; margin-left:5px;  width:16px; height:15px; line-height:20px; text-align:center; background:url(../images/app_90.jpg) no-repeat; cursor:pointer; }

.banner_big .hd ul li.on{ background:url(../images/app_88.jpg) no-repeat;}

.function .function_right .bd{ position:relative; height:100%; z-index:0;}

.function .function_right .bd dl{ border-top:1px solid #e9e9e9;  border-left:1px solid #e9e9e9; overflow:hidden; display:block;}
.function .function_right .bd dl dd{width:219px;height:179px; float:left; text-align:center; border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;padding-top:10px;}
.function .function_right .bd dl dd h3{font-size:16px;color:#333333; font-weight:normal;margin-top:10px;}
.function .function_right .bd dl dd span{ padding:10px; display:block; line-height:18px; height:32px;}
.function .function_right .bd dl dd:hover{background:#f9f9f9; cursor:pointer;}
.function .function_right dl img{width:84px;height:84px;}



/*************************banner******************************/
.banner_bg{height:580px;width:100%; overflow:hidden;position:relative;}
.banner{ width:1920px; height:580px;margin: 0 auto 0 -960px;position: relative;left:50%; text-align: center; z-index: 1; overflow:hidden;}

.banner .banner_img{ 
   width:1920px; 
   height:580px; 
   overflow:hidden;
   display:block;
   }
   
.banner .banner_img li{
   display:block;
   float:left;
   }
   
.banner .banner_img img{ 
   width:1920px; 
   height:580px; 
   display:block;
   }
   
.banner .banner_nav{ 
   width:168px; 
   height:15px; 
   bottom:20px;
    position: absolute;
    right:876px;
   }   
   
.banner .banner_nav li{ 
   display:block; 
   float:left; 
   width:16px;
   height:15px;
   margin-right:5px; 
   background:url(../images/app_136.png) no-repeat;
   }
   
.banner .banner_nav li a{ 
   display:block; 
   width:16px;
   }
   
.banner .this {
   display:block;
   padding:0;
   margin:0;  
   }
.banner .this a{ 
   display:block;
   width:16px;
   height:15px;
   background:url(../images/app_134.png) no-repeat;
   }

/*************************注意事项*************************/
.notice{width:100%;height:500px;  background:#efefef; overflow:hidden; font-family:"微软雅黑";}
.notice_box{width:1100px;height:500px; overflow:hidden;margin:0 auto;}
.notice_box .notice_title{ text-align:right;font-size:35px;color:#666666; line-height:53px;}
.notice_box .notice_title span{ font-size:100px; line-height:150px; color:#2bad13; font-family:Arial, Helvetica, sans-serif; padding:0 10px;}
.notice_box ul{padding-top:30px;}
.notice_box ul li{float:left;width:260px;margin-left:20px;}
.notice_box ul li img{width:260px;height:150px;}
.notice_box ul li p{ line-height:18px; color:#666666;margin-top:30px;}

/*************************5大承诺************************/
.promise{width:1100px;height:600px;margin:0 auto; padding-top:60px;  position:relative; font-family:"微软雅黑";}
.promise .promise_title{width:360px;height:300px; background:#555555; text-align:center; position:absolute;right:0px; top:-40px;padding-top:36px;}
.promise .promise_title p{margin-top:30px;color:#ffffff;font-size:30px;}
.promise .promise_title p span{ display:block; font-size:50px; font-weight:bold;}
.promise ul li{width:366px;float:left;margin-bottom:38px;}
.promise ul li strong{font-size:60px; line-height:90px;color:#2bad13; font-weight: lighter;}
.promise ul li h5{font-size:20px; line-height:38px; color:#333333; margin-top:30px; font-weight:bold;}
.promise ul li p{color:#999999; line-height:22px;width:330px;margin-top:10px;}


/*************************服务流程************************/
.process{width:100%;height:460px; background:#f4f4f4; overflow:hidden;  font-family:"微软雅黑";}
.process .process_box{width:1100px;height:420px;margin:0 auto;}
.process .process_title{ text-align:center; font-size:40px; line-height:60px; color:#333333;margin-top:60px;}
.process .process_box ul{padding-top:60px;}
.process .process_box ul li{float:left;}
.process .process_box ul .text{width:202px; text-align:center;}
.process .process_box ul .bg{width:22px;height:100px; background:url(../images/app_160.jpg) no-repeat center;}
.process .process_box li img{width:100px;height:100px;}
.process .process_box li span{font-size:16px; line-height:20px; display:block;margin-top:30px; color:#333; font-weight:bold;}
.process .process_box li p{ line-height:18px; color:#666666;margin-top:18px;}

/*************************banner2*************************/
.banner2{width:100%;height:670px; margin:0 auto; background:url(../images/app_169.jpg) center top;margin:0 auto;}

/********************************新闻*******************/
.xinwen{width:100%;height:590px; background:#f4f4f4; overflow:hidden;}
.xinwen .xinwen_box{width:1100px;margin:0 auto;}
.xinwen .form{width:478px;height:510px;float:left; overflow:hidden;padding:30px 30px 0 32px; background:#fff; font-family:"微软雅黑";}
.form .form_title span{font-size:30px; line-height:45px; color:#2bad13;}
.form .form_title p{ font-family:Arial; font-size:10px; line-height:15px;color:#999999;}
.form ul{padding-top:20px;}
.form ul li{height:40px; line-height:40px;margin-bottom:15px;}
.form ul li h5{float:left; font-size:13px; line-height:32px; color:#333333; font-weight:lighter; display:block; width:80px;}
.form ul li .input{float:left;width:250px; hieght:12px;padding:10px 0px;padding-left:10px; background:#ffffff; border:1px solid #dedede;}
.form ul li textarea{float:left;width:380px;height:130px; background:#ffffff; border:1px solid #dedede; resize:none; }
.form ul li .submit{float:left;width:150px;height:40px;background:url(../images/app_177.jpg) no-repeat;margin-left:80px; cursor:pointer; border:none;}
.news{width:540px;height:510px;float:right; background:#ffffff; overflow:hidden;padding-top:30px;}
.news .news_title{padding-left:32px;}
.news .news_title span{font-size:30px; line-height:45px; color:#333333; font-family:"微软雅黑";}
.news .news_title p{ font-family:Arial; font-size:10px; line-height:15px;color:#999999;}
.news .top{padding-top:15px;}
.news .top li{height:90px; overflow:hidden;padding:20px 0px; margin:0 20px; border-bottom:1px solid #dedede;}
.news .top li img{width:120px;height:90px; float:left; margin-right:20px;}
.news .top li span{ font-family:14px; font-family:"宋体"; line-height:25px;color:#333333; font-weight:bold;}
.news .top li p{ line-height:22px; color:#999999;}
.news .bottom{padding-top:15px;}
.news .bottom li{height:26px; line-height:26px;padding:0 30px 0 40px; background:url(../images/lit.jpg) no-repeat 20px center;}
.news .bottom li a{color:#666666;float:left;}

.news .bottom li a:hover{color:#ff6600;}
.news .bottom li span{float:right; color:#999;}


/********************************合作伙伴*******************/ 
.main_bottom{width:100%;height:369px; overflow:hidden;}
.partner{width:1100px;height:auto;margin:0 auto;padding-top:47px;}
.partner .partner_title{height:50px; background:url(../images/partner_bg.jpg) no-repeat left center; text-align:right;}
.partner .partner_title a{margin-left:10px; cursor:pointer;}
.partner .Cont{float:left;width:1100px; overflow:hidden;}
.partner .ScrCont2{width:10000000px;}
.partner ul{padding-top:30px;float:left;}
.partner ul li{float:left; width:160px;height:80px;margin-right:28px;}
.partner ul li img{width:160px;height:80px;}

/********************************友情链接*******************/
.link{width:1100px;height:auto;margin:0 auto;margin-top:32px;}
.link .link_title{height:50px; background:url(../images/link_bg.jpg) no-repeat left center;}
.link  ul{padding:30px 0 50px 0;}
.link  ul li{float:left;margin-right:18px;}
.link  ul li a{color:#333333;}