@charset "utf-8";
.w100{ width: 100%;}
.trion{transition:all .3s;-moz-transition:all .3s; /* Firefox 4 */-webkit-transition:all .3s; /* Safari and Chrome */-o-transition:all .3s; /* Opera */}
.left{float:left;}
.right{float:right;}
.fl{ float:left !important;}
.fr{ float:right !important;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.boxs{ box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
/* -------------------------------------------------   网站建设   --------------------------------------------------- */
/* -----------   banner   ------------- */
.web_banner{ height: 450px; background: url(../images/web_banner.jpg) center no-repeat; text-align: center;}
.web_banner h2{ font-size: 42px; font-weight: bold; color: #fff; padding-top: 180px; padding-bottom: 20px;}
.web_banner h2 span{ color: #FF5C3A;}
.web_banner h3{ font-size: 18px; color: #fff; font-weight: normal; margin-bottom: 25px;}
.web_banner p{ width: 250px; height: 37px; font-size: 18px; color: #fff; background: rgba(255, 255, 255, 0.2); line-height: 37px; margin: 0 auto;}

/* -----------   您需要的是 这样一个全网营销网站   ------------- */
.web_first{ height: 800px;}
.web_title{ height: 145px; text-align: center;}
.web_title h2{ font-size: 24px; color: #444; font-weight: normal; padding-top: 50px; padding-bottom: 10px;}
.web_title p{ font-size: 14px; color: #999;}
.web_first_con{ height: auto;}
.web_first_con ul li{ float: left; width: 386px; height: 290px; margin-bottom: 15px; margin-right: 21px; text-align: center;
    box-shadow: 0px 0px 10px rgba(123,123,123,0.16);
    -webkit-box-shadow:  0px 0px 10px rgba(123,123,123,0.16);  
    -moz-box-shadow:  0px 0px 10px rgba(123,123,123,0.16);}
.web_first_con ul li:first-child+li+li{ margin-right: 0px;}
.web_first_con ul li:first-child+li+li+li+li+li{ margin-right: 0px;}
.web_first_con ul li img{ width: 70px; height: 70px; padding-top: 30px; padding-bottom: 15px;}
.web_first_con ul li h2{ font-size: 18px; color: #444; font-weight: normal; padding-bottom: 18px;}
.web_first_con ul li span{ width: 38px; height: 2px; background: #FF5C3A; margin: 0 auto; display: block; margin-bottom: 13px;}
.web_first_con ul li p{ width: 290px; margin: 0 auto; font-size: 14px; color: #777; line-height: 23px;}

.web_first_con ul li:hover{ box-shadow: 0px 0px 10px rgba(255,92,58,0.3);
    -webkit-box-shadow:  0px 0px 10px rgba(255,92,58,0.3);  
    -moz-box-shadow:  0px 0px 10px rgba(255,92,58,0.3);}

/* -----------   怎样的营销型企业网站，才能快速帮您赚钱？   ------------- */
.web_second{ height: 900px; background: url(../images/web_second_bj.jpg) center no-repeat;}
.web_second_con{ height: auto; margin-top: 5px;}
.web_second_con_l{ width: 440px; height: auto;}
.web_second_con_l ul li{ width: 100%; height: 218px; border-radius: 3px; background: #fff; text-align: center; padding-top: 30px; margin-bottom: 12px;position: relative;top: 0px;transition: all .35s ease-in-out;-webkit-transition: all .35s ease-in-out;-ms-transition: all .35s ease-in-out;-o-transition: all .35s ease-in-out;}
.web_second_clup{ width: 260px; height: 61px; margin: 0 auto; background: url(../images/web_second_l.png) no-repeat;}
.web_second_clup p{ font-size: 18px; font-weight: bold; color: #EFEFEF; padding-top: 15px;}
.web_second_clup p span{ color: #F67F76;}
.web_second_clup h2{ color: #444; font-size: 24px; margin-top: -28px;}
.web_second_con_l ul li h3{ font-size: 14px; color: #FF5C3A;  font-weight: normal; padding-top: 10px; padding-bottom: 13px;}
.web_second_con_l ul li h4{ width: 375px; margin: 0 auto; font-size: 12px; color: #444; font-weight: normal; line-height: 23px;}
.web_second_c{ width: 284px; height: 678px; background: url(../images/web_second_c.jpg) no-repeat center; border-radius: 3px; margin-left: 18px; color: #fff; text-align: center;}
.web_second_c h2{ font-size: 38px; font-weight: bold; padding-top: 80px; padding-bottom: 22px;}
.web_second_c span{ width: 30px; height: 2px; background: #fff; margin: 0 auto; display: block;}
.web_second_c p{ font-size: 18px; margin-top: 18px;}
.web_second_con_l ul li:hover{box-shadow: 0px 0px 12px rgba(123,123,123,0.16);
    -webkit-box-shadow:  0px 0px 12px rgba(123,123,123,0.16);  
    -moz-box-shadow:  0px 0px 12px rgba(123,123,123,0.16);
    top: -3px;
}
/* -----------   营销型网站应该具备哪些功能？   ------------- */
.web_third{ height: 845px; background: url(../images/web_third.jpg) center no-repeat;}
.web_third .web_title h2{ color: #fff;}
.web_third .web_title p{ color: #fff;}
.web_third_con{ height: 630px; margin-top: 5px;}
.web_third_con_l{ width: 574px; height: 630px; background: #fff; overflow: hidden;}
.web_third_up{ height: 134px; background: url(../images/web_third_r.jpg) no-repeat; color: #fff;}
.web_third_up h2{ font-size: 24px; font-weight: bold; padding-left: 40px; padding-top: 40px;}
.web_third_up p{ font-size: 14px; padding-left: 40px; padding-top: 12px;}
.web_third_dw{ height: auto;}
.web_third_dw ul li{ width: 50%; float: left; border-bottom: 1px solid #EFEFEF; border-right: 1px solid #EFEFEF; height: 100px; text-align: center; padding-top: 15px;}
.web_third_dw ul li span{ display: block; width: 37px; height: 37px; background: #F3F3F3; border-radius: 50%; line-height: 37px; font-size: 20px; color: #444; margin: 0 auto; margin-bottom: 12px;}
.web_third_dw ul li p{ font-size: 14px; color: #444;}
.web_third_con_l .web_third_up_r{ background: url(../images/web_third_l.jpg) no-repeat;}
.web_third_dw ul li:hover span{ background: #FF5C3A; color: #fff;}
.web_third_dw ul li:hover p{ color: #FF5C3A;}



/* -----------   快速帮您赚钱   ------------- */
.web_fourth{ height: 750px; background: #F8F8F8;}
.web_fourth_con{ height: auto;}
.web_fourth_cl{ width: 559px; height: auto;}
.web_fourth_up{ height: 103px;}
.web_fourth_up_l{ width: 103px; height: 103px; line-height: 103px; background: url(../images/web_fourth.png) center no-repeat; font-size: 58px; color: #fff; text-align: center;}
.web_fourth_up_r{ width: 429px;}
.web_fourth_up_r h2{ border-bottom: 1px solid #E9E9E9; height: 58px; line-height: 58px; font-size: 24px; font-weight: bold; color: #FF5C3A;}
.web_fourth_up_r h2 span{ font-size: 14px; color: #777777; margin-left: 15px; font-weight: normal;}
.web_fourth_up_r p{ font-size: 18px; color: #444444; line-height: 48px;}
.web_fourth_dw{ height: 335px; margin-top: 10px; background: url(../images/web_fourth_bj.png) center no-repeat; padding-top: 50px; padding-left: 28px;}
.web_fourth_dw p{ height: 29px; line-height: 29px; font-size: 16px; color: #777; margin-bottom: 16px;}
.web_fourth_dw p span{ width: 29px; height: 29px; display: inline-block; text-align: center; background: #EFEFEF; border-radius: 50%; margin-right: 10px;}
.web_fourth_a{ width: 180px; height: 40px; background: #FF5C3A; text-align: center; line-height: 40px; color: #fff; display: block; margin: 0 auto; font-size: 14px; border-radius: 3px; margin-top: 60px;}
.web_fourth_dw p:hover{ color: #FF5C3A;}
.web_fourth_dw p:hover span{ background: #FF5C3A; color: #fff;}

/* -----------   好营销网站   ------------- */
.web_fifth{ height: 545px;}
.web_fifth_con{ height: auto; margin-top: 5px;}
.web_fifth_con ul li{ width: 286px; height: 341px; border: 1px solid #EFEFEF; float: left; text-align: center; padding-top: 40px; margin-left: 18px;}
.web_fifth_con ul li h2{ width: 225px; height: 95px; line-height: 95px; background: url(../images/web_fifth.png) center no-repeat; color: #FF5C3A; font-size: 60px; margin: 0 auto;}
.web_fifth_con ul li span{ width: 46px; height: 2px; background: #C5C5C5; margin: 0 auto; display: block; margin-top: 13px;}
.web_fifth_con ul li h3{ font-size: 24px; color: #444; font-weight: normal; margin-top: 23px; margin-bottom: 10px;}
.web_fifth_con ul li p{ width: 230px; font-size: 14px; color: #777; margin: 0 auto; line-height: 23px;}
.web_fifth_con ul li:first-child{ margin-left: 0px;}
.web_fifth_con ul li:hover{box-shadow: 0px 0px 10px rgba(123,123,123,0.16);
    -webkit-box-shadow:  0px 0px 10px rgba(123,123,123,0.16);  
    -moz-box-shadow:  0px 0px 10px rgba(123,123,123,0.16);}

/* -----------   准备开展业务   ------------- */
.web_hengfu{ height: 130px; background: url(../images/web_hf.jpg) center no-repeat;}
.web_hengfu_l{ width: 340px; line-height: 130px; font-size: 40px; color: #fff; letter-spacing: 5px;}
.web_hengfu_r{ width: 610px; height: 130px;}
.web_hf_l{ width: 210px; text-align: center; color: #fff;}
.web_hf_l p{ font-size: 14px; padding-top: 33px; padding-bottom: 12px;}
.web_hf_l span{ font-size: 20px; height: 35px; width: 210px; line-height: 35px; border: 1px solid #fff; border-radius: 17px; display: block; text-align: left;}
.web_hf_l span:hover{background-color: #CE3A1B}
.web_hf_l span img{ float: left; padding-left: 20px; padding-top: 7px; padding-right: 10px;}
.web_hf_c{ height: 130px; line-height: 130px; color: #fff; font-size: 14px; margin-left: 90px;}
.web_hf_r{ width: 182px; height: 130px; padding-top: 43px;}
.web_hf_r a{ width: 182px; height: 45px; line-height: 45px; text-align: center; font-size: 14px; color: #fff; background: #73D16C; border-radius: 2px; display: block;}

/* -------------------------------------------------   了解我们   --------------------------------------------------- */
/* -----------   万化科技   ------------- */
.about_first{ height: 450px;}
.about_first_con{ height: 175px;}
.about_first_con p{ font-size: 14px; color: #444; line-height: 23px; margin-bottom: 25px;}
.about_first_dw{ height: 100px;}
.about_first_dw ul li{ width: 25%; float: left; text-align: center;}
.about_first_dw h2{ font-size: 40px; font-weight: bold; color: #FF5C3A;}
.about_first_dw h2 i{ font-size: 40px; font-weight: bold; color: #FF5C3A;}
.about_first_dw h2 span{ font-size: 12px; color: #999; font-weight: normal;}
.about_first_dw p{ font-size: 12px; color: #777; margin-top: 12px;}

/* -----------   营销型企业网站   ------------- */
.about_second{ height: 590px; background: url(../images/about_second.jpg) center no-repeat;}
.about_second .web_title h2{ color: #fff;}
.about_second .web_title p{ color: #fff;}
.about_second_con{ height: auto; margin-top: 25px;}
.about_second_con ul li{ width: 226px; margin-top: 10px; height: 340px; background: #fff; border-radius: 3px; text-align: center; margin-left: 17px; float: left; padding-top: 22px;}
.about_second_con ul li h4{ width: 80px; height: 80px; margin: 0 auto;}
.about_second_con ul li h5{ color: #DEDEDE; font-size: 20px; font-weight: normal; margin: 10px 0px;}
.about_second_con ul li h2{ color: #FF5C3A; font-size: 20px; font-weight: bold; margin-bottom: 10px;}
.about_second_con ul li p{ font-size: 14px; color: #444; margin-bottom: 3px; text-align: left; padding-left: 45px;}
.about_second_con ul li p span{ color: #C5C5C5; font-size: 20px; font-weight: bold; margin-right: 5px;}
.about_second_con ul li:first-child{ margin-left: 0px;}
.about_second_con_li1 h4{ background: url(../images/about_second_01.png) center no-repeat;}
.about_second_con_li1:hover h4{ background: url(../images/about_second_1.png) center no-repeat;}
.about_second_con_li2 h4{ background: url(../images/about_second_02.png) center no-repeat;}
.about_second_con_li2:hover h4{ background: url(../images/about_second_2.png) center no-repeat;}
.about_second_con_li3 h4{ background: url(../images/about_second_03.png) center no-repeat;}
.about_second_con_li3:hover h4{ background: url(../images/about_second_3.png) center no-repeat;}
.about_second_con_li4 h4{ background: url(../images/about_second_04.png) center no-repeat;}
.about_second_con_li4:hover h4{ background: url(../images/about_second_4.png) center no-repeat;}
.about_second_con_li5 h4{ background: url(../images/about_second_05.png) center no-repeat;}
.about_second_con_li5:hover h4{ background: url(../images/about_second_5.png) center no-repeat;}
.about_second_con ul li:hover{ margin-top: 0px; height: 350px; padding-top: 32px;}
.about_second_con ul .about_second_con_li5 p{ padding-left: 20px;}

/* -----------   案例与解决方案   ------------- */
.about_third{ height: 610px;}
.about_third_con{ margin-top: 10px; height: 400px; background: #F8F8F8;}
.about_third_con_l{ width: 600px; height: 400px;}
.about_third_con_l img{ width: 100%; height: 100%;}
.about_third_con_r{ width: 600px;}
.about_third_con_r ul li{ width: 284px; height: 120px; float: left; margin-top: 10px; margin-left: 10px; text-align: center; font-size: 16px; color: #444; line-height: 120px; background: url(../images/about_third_1.jpg) center no-repeat;}
.about_third_con_r ul li span{  font-size: 16px; color: #444; line-height: 25px;}
.about_third_con_r ul li p{  font-size: 16px; color: #444; line-height: 25px; display: block;}
.about_third_con_r ul li h2{  font-size: 16px; color: #444; line-height: 25px; font-weight: normal; line-height: 120px;}
.about_third_con_r_li1{ padding-top: 35px;}
.about_third_con_r ul .about_third_con_r_li2{ width: 579px; background: url(../images/about_third_2.jpg) center no-repeat;}
.web_hf_r a:hover{background-color: #69BC62};
/* -----------   案例与解决方案2   ------------- */
.about_fourth{ height: 540px; background: #F7F7F7; overflow: hidden;}
.about_fourth_con{ height: auto;}
.about_fourth_con ul li{ width: 239px; height: 160px; float: left; text-align: center; background: #fff; margin-left: 1px; border-right:1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF;}
.about_fourth_con ul li img{ width: 176px; height: 97px; padding-top: 28px;}
.about_fourth_con ul li:first-child+li+li+li+li{ border-right:0px;  float: right;}
.about_fourth_con ul li:first-child+li+li+li+li+li+li+li+li+li{ border-right:0px;}

/* -------------------------------------------------   竞价阿里运营   --------------------------------------------------- */
/* -----------   竞价推广   ------------- */
.yy_first{ height: 970px;}
.yy_first_con{ height: auto; margin-top: 10px;}
.yy_first_con_l{ width: 390px; height: 370px;  margin-bottom: 20px; box-shadow: 0px 0px 10px rgba(123,123,123,0.16);
    -webkit-box-shadow:  0px 0px 10px rgba(123,123,123,0.16);  
    -moz-box-shadow:  0px 0px 10px rgba(123,123,123,0.16);position: relative; top: 0px;transition: all .35s ease-in-out;-webkit-transition: all .35s ease-in-out;-ms-transition: all .35s ease-in-out;-o-transition: all .35s ease-in-out;}
.yy_first_con_l:hover{top: -3px;}
.yy_first_con_l:hover span{width: 100%;transition: all 0.5s ease}
.yy_first_clup{ height: 130px; background: url(../images/yy_first.jpg) center no-repeat; text-align: center; text-align: center; color: #fff;}
.yy_first_clup h2{ font-size: 24px; font-weight: bold; padding-top: 30px;}
.yy_first_clup span{ width: 31px; height: 2px; background: #FFB1A1; display: block; margin: 0 auto; margin-top: 10px; margin-bottom: 10px;}
.yy_first_clup p{ font-size: 14px; color: #FBD8D1;}
.yy_first_clcon{ height: 240px; overflow: hidden;}
.yy_first_clcon ul li{ text-align: center; width: 194px; height: 120px; float: left; border-bottom: 1px solid #EFEFEF; border-right: 1px solid #EFEFEF;position: relative;top:0px;transition: all .35s ease-in-out;-webkit-transition: all .35s ease-in-out;-ms-transition: all .35s ease-in-out;-o-transition: all .35s ease-in-out;}
.yy_first_clcon ul li:hover{box-shadow: 0px 4px 40px #666;top:-3px;background-color: #fff;}
.yy_first_clcon ul li h2{ line-height: 45px; font-size: 14px; font-weight: bold; color: #444; padding-top: 3px;}
.yy_first_clcon ul li p{ width: 170px; margin: 0 auto; font-size: 12px; color: #999;}
.yy_first_ml{ margin-left: 15px;}

/* -----------   您是否存在以下问题？   ------------- */
.yy_second{ height: 666px; background: url(../images/yy_second_bj.jpg) center no-repeat;}
.yy_second .web_title h2{ color: #fff;}
.yy_second .web_title p{ color: #fff;}
.yy_second_con{ height: auto; margin-top: 10px;}
.yy_second_con ul li{ width: 290px; height: 220px; background: #fff; border-radius: 3px; text-align: center; float: left; margin-left: 13px; margin-bottom: 18px;}
.yy_second_con ul li img{position: relative;top: 0px;transition: all .35s ease-in-out;-webkit-transition: all .35s ease-in-out;-ms-transition: all .35s ease-in-out;-o-transition: all .35s ease-in-out;}
.yy_second_con ul li:hover{box-shadow: 0px 2px 10px #FF5C3A;}
.yy_second_con ul li:hover img{top: -3px;}
.yy_second_con ul li img{ width: 78px; height: 78px; padding-top: 43px; margin-bottom: 20px;}
.yy_second_con ul li span{ width: 24px; height: 2px; background: #FF5C3A; margin: 0 auto; display: block;}
.yy_second_con ul li p{ font-size: 16px; color: #444444; margin-top: 13px;}
.yy_second_con ul li:first-child{ margin-left: 0px;}
.yy_second_con ul li:first-child+li+li+li+li{ margin-left: 0px;}