<style>
.daohanglan{color: #333333;margin: 0 auto;width:1180px;display: block;margin-top: 30px;}
/*成功案例*/
.art { width: 1180px; height: 1600px; margin: 0 auto; box-sizing:border-box;margin-top: 30px;}
.art .anli {box-shadow: 0px 0px 10px 0px #d9d9d9;width: 800px; background-color: #fff;float: left;margin-right: 20px;padding-left: 20px; padding-right: 20px;}
.art .anli ul{}
.art .anli ul li{padding-top: 20px; height: 430px;float: left;display: block;border-bottom:solid 1px #cccccc;}
.art .anli ul li b{display: block;font-size: 24px;float: left;}
.art .anli ul li a{display: block;font-size: 16px;color: #0098d9;float: right;font-weight: bold;text-decoration:none;}
.art .anli ul li span{display: block;height:60px;}
.art .anli ul li img{height: 350px;width: 100%;}
.art .anli ul li p{height: 90px;line-height: 40px;display: block;position: relative;
    background: rgba(0,0,0,0.8);color: #ffffff;font-size: 20px;top: -93px;padding-left: 10px;padding-right: 10px;}

 /*推广素材*/ 
 .art .sucai{box-shadow: 0px 0px 10px 0px #d9d9d9;width: 800px; background-color: #fff;float: left;margin-right: 10px;padding-top: 10px;}
 .art .sucai ul{}
 .art .sucai ul li{width:252px;float: left; box-shadow: 0px 0px 10px 0px #d9d9d9;display:block ;overflow: hidden;position: relative; margin-left: 10px;padding: 10px;margin-bottom: 10px;}
 .art .sucai ul li b{display: block;font-size: 18px;float: left;width: 230px;padding-top: 10px; padding-bottom: 10px;padding-left: 10px;padding-right: 10px;}
 .art .sucai ul li p{display: block;width: 220px;height:120px;padding-left: 10px;border-bottom: 1px dashed #cccccc;}
 .art .sucai ul li img{width:100%;overflow: hidden;}
 .art .sucai ul li span{float: right;background-color: #0091da ;margin-top: 15px; width:50px;height: 30px;line-height: 30px; padding-left: 10px;}
 .art .sucai ul li span a{ color: #fff;}

/*成功案例-工业领域*/ 
.art .anli-gongyi {box-shadow: 0px 0px 10px 0px #d9d9d9;width: 800px; background-color: #fff;float: left;margin-right: 20px;padding-left: 20px;padding-bottom: 20px; }
.art .anli-gongyi ul{}
.art .anli-gongyi ul li{padding-top: 20px; display:inline-block ;margin-right: 10px;margin-bottom: 20px;width:370px;}
.art .anli-gongyi ul li b{display: block;font-size: 20px;float: left;width: 340px;padding-top: 10px; padding-bottom: 10px;}
.art .anli-gongyi ul li a{display: block;font-size: 16px;color: #0098d9;font-weight: bold;text-decoration:none;}
.art .anli-gongyi ul li span{display: block;height:120px;border:solid 1px #cccccc;padding-left: 20px;padding-right: 20px;}
.art .anli-gongyi ul li img{display: block;width: 370px;}
.art .anli-gongyi ul li p{display: block;width: 340px;} 

 /*成功案例-服务项目*/ 
.art .fuwuxiangmu {box-shadow: 0px 0px 10px 0px #d9d9d9;width: 800px; background-color: #fff;float: left;margin-right: 20px;padding-left: 20px;padding-bottom: 20px; }
.art .fuwuxiangmu ul{}
.art .fuwuxiangmu ul li{padding-top: 20px; display:inline-block ;margin-right: 10px;margin-bottom: 20px;}
.art .fuwuxiangmu ul li b{display: block;font-size: 20px;float: left;width: 340px;padding-top: 10px; padding-bottom: 10px;}
.art .fuwuxiangmu ul li span{float: right; display: block;border:solid 1px #0091da;margin-top: 20px; border-radius:5px;width:90px;height: 30px;line-height: 30px; padding-left: 10px;}
.art .fuwuxiangmu ul li span a{color: #0091da; padding-left: 10px;}
.art .fuwuxiangmu ul li img{display: block;width: 370px;}
.art .fuwuxiangmu ul li p{display: block;width: 370px;position: relative;height:190px;border:solid 1px #cccccc;padding-left: 20px;padding-right: 20px;}
.art .fuwuxiangmu ul li p:hover{background-color: #0091da;color: #fff;}
.art .fuwuxiangmu ul li p:hover b{background-color: #0091da;color: #fff;}
.art .fuwuxiangmu ul li p:hover span {color: #fff;border:solid 1px #cccccc;}
.art .fuwuxiangmu ul li p:hover span a{color: #fff;}
.art .fuwuxiangmu ul li p span i{ color: #0091da;font-size: 14px;margin-left: 7px;transition: all 0.17s ease-in-out;-moz-transition: all 0.17s ease-in-out;
-webkit-transition: all 0.17s ease-in-out;-o-transition: all 0.17s ease-in-out;}
.art .fuwuxiangmu ul li p:hover span i{ transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);
}
.art .fuwuxiangmu ul li p:hover span i{color: #fff;}


 /*营销视频课*/ 
 .art .yingxiaoke{box-shadow: 0px 0px 10px 0px #d9d9d9;width: 800px; background-color: #fff;float: left;margin-right: 20px;padding-top: 10px;}
 .art .yingxiaoke header{display: block;width: 100%;height: 80px;}
 .art .yingxiaoke h3{font-size: 24px;display: block;padding-left: 20px;margin-bottom: 10px;margin-top: 10px;}
 .art .yingxiaoke  p{display: block;float: left;padding-left: 20px;line-height: 30px;height: 30px;margin-bottom: 20px;}
 .art .yingxiaoke span{width: 180px; display: block;float: right;padding-left: 10px; margin-right: 10px; background-color: #0091da ;line-height: 30px;height: 30px;margin-bottom: 20px;margin-right: 10px;}
 .art .yingxiaoke span a{color: #fff;}
.art .yingxiaoke ul{width: 800px; border-bottom: solid 2px  #0091da;display: block;height: 400px;margin-bottom: 50px;}
.art .yingxiaoke ul li{width:385px;float: left; box-shadow: 0px 0px 10px 0px #d9d9d9;display:block ; margin-left: 10px;margin-bottom: 10px;}
.art .yingxiaoke ul li b{display: block;width: 100%;height:25px;padding-left: 10px;font-size: 16px;padding-top: 10px;}
.art .yingxiaoke ul li p{display: block;width: 100%;height:25px;padding-left: 10px;}
.art .yingxiaoke ul li img {display: block;width:100%; }
.art .yingxiaoke ul li img a{}
.art .yingxiaoke .fa-long-arrow-right {color: #ffff; font-size: 18px; padding-left: 10px;}

 /*营销书*/ 
.art .shu{box-shadow: 0px 0px 10px 0px #d9d9d9;width: 800px; background-color: #fff;margin-right: 20px;padding-top: 10px;padding-bottom: 20px;float: left;}
.art .shu header{display: block;width: 100%;height: 80px;}
.art .shu h3{font-size: 24px;display: block;padding-left: 20px;margin-bottom: 40px;margin-top: 10px;text-align: center;}
.art .shu img{}
.art .shu ul{}
.art .shu ul li{font-size: 20px; width:100%;float: left; display:block ; margin-left: 40px;padding-top: 10px; color: #0091da;}
.art .shu ul li a{display:block ; font-size: 20px;  line-height: 40px;height: 40px;color: #0091da;}
.art .shu ul li b{display: block;width: 100%;height:25px;padding-left: 10px;font-size: 16px;padding-top: 10px;}
.art .shu ul li img {display: block;width:100%; }
.art .shu ul li ul{}
.art .shu ul li ul li a{font-size: 16px;  line-height: 30px;height: 30px;color: #333333;text-indent:2em; }

/*联系我们*/
.lianxiwomen { width: 1180px; height: 1200px; margin: 0 auto; box-sizing:border-box;}
.lianxiwomen .lianxi{height:310px;background-color: #f5f5f5;width: 100%;display: block;margin-bottom: 160px;margin-top: 40px;}
.lianxiwomen .lianxi ul{width:100%;}
.lianxiwomen .lianxi ul li{display:inline-block;width: 385px;}
.lianxiwomen .lianxi ul li span{display: block;padding-top: 10px;padding-left: 10px;}
.lianxiwomen .lianxi ul li img{display: block;width: 370px;position: relative;}
.lianxiwomen .lianxi ul li h3{display: block;color: #ffffff;font-size: 24px;position: absolute;top: 690px;padding-left: 170px;}
.lianxiwomen .lianxi ul li b{}
.lianxiwomen .lianxi ul li p{display: block;font-size: 18px;background-color: #ffffff;width: 340px;height: 90px;position: absolute;padding: 20px;top:850px;margin-left: 25px;
box-shadow: 0 0 5px 1px #666666;}

.lianxiwomen .lianxi-l{width:550px;display: block;float: left;position: relative;}
.lianxiwomen .lianxi-l img{width:550px;display: block;position: absolute;}
.lianxiwomen .lianxi-l b{display: block;position: absolute;background-color: #0091da;width:550px;padding-left: 90px;padding-top: 20px; height: 80px;color: #ffffff;font-size: 36px;top: -80px;}
.lianxiwomen .lianxi-l p{display: block;position: absolute;line-height: 32px;font-size: 20px;height: 200px;padding: 90px;}
.lianxiwomen .lianxi-r{width:600px;display: block;float: right;background-color: #f5f5f5;top:-80px;position: relative;padding-left: 100px;padding-right: 100px;padding-bottom: 20px;}
.lianxiwomen .lianxi-r p{font-size: 36px;text-align: center;display: block;border-bottom: 2px solid #3333;height: 100px;line-height: 130px;margin-bottom: 40px;}
.lianxiwomen .lianxi-r ul{}
.lianxiwomen .lianxi-r ul li{display: inline-block;width:388px;height: 80px;}
.lianxiwomen .lianxi-r ul li span{font-size: 18px;display: block;float: left;padding-right: 10px;line-height: 80px;height: 30px;}
.lianxiwomen .lianxi-r ul li input{width:320px;float: right;height: 70px;}
.lianxiwomen .lianxi-r input[type="submit"] {font-size: 18px;color: #fff;cursor: pointer;outline: none;padding: 10px 60px;width: 180px;
    height:70px;border: 2px solid #0091da;float: right;background: #0091da;margin-right:75px;margin-top:65px;}

 /*营销文章*/ 
.art .yingxiaowenzhang {box-shadow: 0px 0px 10px 0px #d9d9d9;width: 800px; background-color: #fff;float: left;margin-right: 20px;padding-left: 20px;padding-bottom: 20px; }
.art .yingxiaowenzhang ul{}
.art .yingxiaowenzhang ul li{padding-top: 20px; display:block ;margin-right: 10px;margin-bottom: 20px;float: left;border-bottom:dotted 1px #cccccc;}
.art .yingxiaowenzhang ul li b{display: block;font-size: 20px;float: left;width: 550px;padding-top: 10px; padding-bottom: 10px;}
.art .yingxiaowenzhang ul li span{float: right; display: block;border:solid 1px #0091da;margin-top: 40px; border-radius:5px;width:90px;height: 30px;line-height: 30px; padding-left: 10px;}
.art .yingxiaowenzhang ul li span a{color: #0091da;}
.art .yingxiaowenzhang ul li img{display: block;width: 180px; height: 150px;float: left;}
.art .yingxiaowenzhang ul li p{display: block;float: left; width: 570px;height:150px;padding-left: 20px;padding-right: 20px;}
.art .yingxiaowenzhang ul li p:hover{background-color: #0091da;color: #fff;}
.art .yingxiaowenzhang ul li p:hover b{background-color: #0091da;color: #fff;}
.art .yingxiaowenzhang ul li p:hover span {color: #fff;border:solid 1px #cccccc;}
.art .yingxiaowenzhang ul li p:hover span a{color: #fff;}
.art .fa-long-arrow-right{color: #0098d9;font-size: 18px;padding-left: 10px;}
.art .yingxiaowenzhang ul li p:hover span i{color: #fff;}

 /*右侧导航条*/ 
.art aside { width: 300px; float: left;background-color: #fff;}
.art .ListBox{margin-bottom: 30px;padding-left:20px;box-shadow: 0px 0px 10px 0px #d9d9d9;padding-top: 20px;}
.art .ListBox ul{}
.art .ListBox ul li{text-indent:1em; display: block; width: 260px;line-height: 50px;height: 50px; border-bottom:solid 1px #cccccc}
.art .ListBox ul li a{line-height: 50px;height: 50px;font-size: 16px;color: #333333;font-weight:bold;text-decoration:none;}
.art .ListBox ul li:last-child{border-bottom:none;}
.art .ListBox ul li i{ line-height:35px;}
.art .ListBox ul li i.fa-circle-o { color:#0098d9; margin:0 10px; }
.art .ListBox b{font-size: 20px;color: #0098d9;display: block;padding-bottom: 20px;}
.art .ListBox .nav-anli a{color: #0098d9;}

.art .picbox{margin-bottom: 30px;padding-left:20px;box-shadow: 0px 0px 10px 0px #d9d9d9;padding: 20px;}
.art .picbox ul{}
.art .picbox ul li{display: block; height: 245px; border-bottom: 1px dotted #cccccc;font-size: 16px;color: #333333;margin-bottom: 20px;}
.art .picbox ul li img{display: block;margin-right: 10px;width: 260px;}
.art .picbox ul li span{display: block;font-size: 16px;font-weight:bold;padding-top: 10px;}
.art .picbox ul li p{display: block;font-size: 14px;overflow: hidden;text-overflow:ellipsis; white-space:nowrap;}
.art .picbox b{font-size: 20px;color: #0098d9;display: block;padding-bottom: 20px;}
.art .gengduo {text-align: center;}
.art .gengduo a{font-size: 16px;color: #0098d9;}
.art .fa-chevron-down{color:#0098d9;font-size: 18px;}

.art .picbox2{padding-left:20px;box-shadow: 0px 0px 10px 0px #d9d9d9;padding: 20px;}
.art .picbox2 ul{}
.art .picbox2 ul li{display: block; height: 180px;} 
.art .picbox2 ul li p{height: 32px;line-height: 32px;display: block;position: relative;
    background: rgba(0,0,0,0.8);color: #ffffff;font-size: 16px;top: -32px;padding-left: 10px;padding-right: 10px;}
.art .picbox2 ul li img{display: block;width: 260px;}
.art .picbox2 b{font-size: 20px;color: #0098d9;display: block;padding-bottom: 20px;}

</style>