.jhleft{
    float: left;
}
.jhright{
    float: right;
}
.jhclear{
    clear: both;
}
/*头部*/

/*关于我们*/
.about-slide{
    height: 500px;
    position: relative;
    padding-top: 200px;
    background-position: center;
}
.jhgywmjj{
    width: 100%;
    background: #FFFFFF;
    margin-top: 46px;
}
.jhgywmjj .jhimg{
    width: 50%;
}
.jhimg img{
    width: 100%;
}
.jhgywmjj .jhright{
    width: 50%;
    box-sizing: border-box;
    padding: 80px;
    padding-bottom: 0px;
}
.jhgywmjj .jhright h3,.jhgywmsm .jhleft h3{
font-size: 30px;
}
.jhgywmjj .jhright span,.jhgywmsm .jhleft span{
display: block;
width: 40px;
height: 1px;
background: #808080;
margin: 20px 0px;
}
.jhgywmjj .jhright p,.jhgywmsm .jhleft p{
font-size: 15px;
color: #666666;
line-height: 34px;
}
.jhgywmjj .jhright .jhgywmjjp{
margin-bottom: 20px;
}
/*我们的使命*/
.jhgywmsm{
    width: 100%;
    background: #FFFFFF;
    margin-top: 46px;
}
.jhgywmsm .jhimg{
    width: 50%;
}
.jhgywmsm .jhleft{
    width: 50%;
    box-sizing: border-box;
    padding: 80px;
}
/*开发设计*/
.jhcehua{
    width: 100%;
    /*height: 730px;*/
    box-sizing: border-box;
    background-image: url('../images/gywmjjtu13.jpg');
    margin-top: 46px;
    padding: 60px;
}
.jhcehua>.jhleft{
width: 56%;
height: 290px;
box-sizing: border-box;
padding: 40px;
border: 1px solid #FFFFFF;
}
.jhcehua .jhright{
width: 41%;
height: 290px;
box-sizing: border-box;
padding: 40px;
border: 1px solid #FFFFFF;
margin-bottom: 37px;
}
.jhcehua .jhclear{
width: 100%;
height: 280px;
border: 1px solid #FFFFFF;
}
.jhcehua .jhleft h3,.jhcehua .jhright h3{
font-size: 30px;
color: #FFFFFF;
}
.jhcehua .jhleft span,.jhcehua .jhright span{
display: block;
width: 60px;
height: 1px;
background: #FFFFFF;
margin: 20px 0px;
}
.jhcehua .jhleft p,.jhcehua .jhright p{
font-size: 15px;
color: #FFFFFF;
line-height: 34px;
}
.jhcehua .jhclear .jhleft{
    width: 33.3%;
    height: 100%;
    box-sizing: border-box;
    padding: 40px;
    padding-top: 50px;
    text-align: center;
}
.jhcehua .jhclear .p1{
font-size: 20px;
color: #FFFFFF;
line-height: 26px;
margin: 15px 0px;
}
/*合作伙伴*/
.inF .jhtitle{
    text-align: center;
    margin-top: 80px;
    margin-bottom: 50px;
}
.inF .jhtitle h3{
font-size: 30px;
color: #333333;
}
.inF .jhtitle span{
    display: block;
    margin:20px auto;
    
width: 40px;
height: 1px;
background: #000000;
}
.inF .jhtitle p{
font-size: 15px;
color: #666666;
line-height: 20px;
}
/*公共部分*/
.jhnewbanner{
    height: 500px;
    position: relative;
 
    background-position: center;
}
.jhnewbannermo{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
}
.jhbannertxt{
    width: 100%;
    text-align: center;
    position: relative;
    top: 35%;
}
.jhbannertxt h1{
    font-size: 40px;
    color: #FFFFFF;
}
.jhbannertxt p{
    font-size: 20px;
        margin: 20px auto;
    line-height: 2em;
    color: #FFFFFF;
}
.jhbannertxt .bannerh1{
    width: 1100px;
    margin:auto;
    text-align: left;
}
.jhbannertxt span{
    display: block;
    width: 70px;
    height: 3px;
    background: #FFFFFF;
    margin-top: 30px;
    margin-bottom: 30px;
}
.jhbannertxt .bannerp{
    width: 1100px;
    text-align: left;
}
/*网络危机*/
.wlwjgg1{
    width: 1200px;
    margin: auto;
    text-align: center;
    padding: 70px 0px;
}
.wlwjgg1 h1,.wlwjgg2 h1,.wlwjgg3 h1,.wlwjgg4 h1,.wlwjgg5 h1{
font-size: 36px;
color: #333333;
margin-bottom: 50px;
text-align: center;
}
.wlwjgg1 p{
font-size: 15px;
color: #666666;
line-height: 30px;
}
.wlwjgg2{
    background-color: #F1F4FB;
    padding: 70px 0px;
}
.wlwjgg2zhong{
    width: 1200px;
    margin: auto;
}
.wlwjgg2zhong li{
    width: 585px;
    height: 150px;
    float: left;
    box-sizing: border-box;
    padding: 20px;
    background: #FFFFFF;
}
.wlwjgg2zhong li:nth-of-type(2),.wlwjgg2zhong li:nth-of-type(4){
    margin-left: 24px;
}
.wlwjgg2zhong li:nth-of-type(2),.wlwjgg2zhong li:nth-of-type(1){
    margin-bottom: 30px;
}
.wlwjgg2zhong li h3{
font-size: 20px;
font-weight: bold;
color: #333333;
margin-bottom: 10px;
}
.wlwjgg2zhong li p{
font-size: 14px;
color: #666666;
line-height: 24px;
}
.wlwjgg3{
    width: 1200px;
    margin: auto;
    padding: 70px 0px;
}
.wlwjgg3 li{
    display: inline-block;
    width: 380px;
    box-sizing: border-box;
    padding: 23px 20px;
    border: 1px solid #E4E4E4;
    margin-right: 20px;
}
.wlwjgg3 li:nth-of-type(3),.wlwjgg3 li:nth-of-type(6){
 margin-right: 0px;
}
.wlwjgg3 li:nth-of-type(3),.wlwjgg3 li:nth-of-type(2),.wlwjgg3 li:nth-of-type(1){
 margin-bottom: 24px;
}
.wlwjgg3 li .rr{
margin-left: 25px;
}
.wlwjgg3 li h3{
font-size: 18px;
font-weight: bold;
color: #333333;
margin-bottom: 10px;
}
.wlwjgg3 li p{
font-size: 14px;
color: #666666;
}
.wlwjgg4,.wlwjgg5{
    width: 1200px;
    margin: auto;
    padding-bottom: 70px;
}
.wlwjgg4 li{
    display: inline-block;
    width: 195px;
    text-align: center;
}
.wlwjgg4 li img{
    display: inline-block;
}
.wlwjgg4 li .jhquan{
width: 110px;
height: 110px;
margin: auto;
border: 1px solid #EA420D;
border-radius: 50%;
text-align: center;
line-height: 110px;
}
.wlwjgg4 li p{
margin-top: 20px;
}
.wlwjgg5 ul{
    position: relative;
    display: none;
}
.wlwjgg5 li{
    width: 270px;
    height: 90px;
    display: inline-block;
        text-align: center;
    line-height: 90px;
    font-size: 18px;
}
.wlwjgg5 li:nth-of-type(1),.wlwjgg5 li:nth-of-type(3),.wlwjgg5 li:nth-of-type(5){
    background-image: url('../images/wlwjgg13.png');
color: #FFFFFF;
}
.wlwjgg5 li:nth-of-type(2),.wlwjgg5 li:nth-of-type(4){
    background-image: url('../images/wlwjgg14.png');
color: #FFFFFF;
}
.wlwjgg5 li:nth-of-type(2){
    position:absolute ;
    left: 238px;
    top: 0px;
}
.wlwjgg5 li:nth-of-type(3){
    position:absolute ;
    left: 476px;
    top: 0px;
}
.wlwjgg5 li:nth-of-type(4){
    position:absolute ;
    left: 714px;
    top: 0px;
}
.wlwjgg5 li:nth-of-type(5){
    position:absolute ;
    left: 952px;
    top: 0px;
}
.wlwjgg5 img{
    width: 100%;
}
/*口碑营销*/
.ppkbyx1,.ppkbyx21,.ppkbyx3,.ppkbyx4,.ppkbyx5{
    width: 1200px;
    margin: auto;
    padding: 70px 0px;
}
.ppkbyx1 .jhleft{
width: 495px;
box-sizing: border-box;
padding-right: 60px;
}
.ppkbyx1 h1,.ppkbyx2 h1,.ppkbyx3 h1,.ppkbyx4 h1,.ppkbyx5 h1{
    text-align: center;
font-size: 36px;
color: #333333;
margin-bottom: 50px;
}
.ppkbyx1 .jhleft h3{
font-size: 20px;
color: #333333;
position: relative;
background: #F3F3F3;
    width: 140px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    border-radius: 10px;
}
.ppkbyx1 .jhleft p{
font-size: 14px;
color: #888888;
line-height: 24px;
margin-top: 30px;
    margin-bottom: 45px;
}
.ppkbyx1 .jhleft a{
    display: block;
width: 200px;
height: 40px;
line-height: 40px;
text-align: center;
background: #EA420D;
color: #FFFFFF;
}
.ppkbyx2{background: #F1F4FB;}
.ppkbyx21 li{
    display: inline-block;
    width: 234px;
    text-align: center;
}
.ppkbyx21 li .kbyximg{
    width: 180px;
    height: 180px;
    line-height: 180px;
    margin: auto;
    background-image: url('../images/kbyxtu20.png');
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
}
.ppkbyx21 li .kbyximg img{
    display: inline-block;
}
.ppkbyx21 li h3{
font-size: 20px;
color: #EA420D;
margin: 10px 0px;
}
.ppkbyx21 li p{
    display: block;
width: 180px;
height: 48px;
margin: auto;
font-size: 14px;
color: #666666;
line-height: 24px;
}
.ppkbyx3 li{
    display: block;
    width: 395px;
    height: 260px;
    text-align: center;
    box-sizing: border-box;
    padding: 40px 50px;
    float: left;
}
.ppkbyx3 li img{
    display: inline-block;
}
.ppkbyx3 li h3{
font-size: 20px;
color: #333333;
margin: 25px 0px;
}
.ppkbyx3 li p{
font-size: 14px;
color: #888888;
line-height: 24px;
}
.ppkbyx41{
    background-image: url('../images/kbyxtu2.jpg');
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
}
.ppkbyx4 h1{

color: #FFFFFF;
}
.ppkbyx4 li{
    display: inline-block;
width: 585px;
height: 130px;
box-sizing: border-box;
padding: 20px;
background: #FFFFFF;
}
.ppkbyx4 li:nth-of-type(1),.ppkbyx4 li:nth-of-type(3){
    text-align: right;
    padding-right: 95px;
}
.ppkbyx4 li:nth-of-type(2),.ppkbyx4 li:nth-of-type(4){
    text-align: left;
    padding-left: 95px;
    margin-left: 25px;
}
.ppkbyx4 li:nth-of-type(3),.ppkbyx4 li:nth-of-type(4){
    margin-top: 25px;
}
.ppkbyx4 li h3{
    margin-top: 15px;
    margin-bottom: 15px;
}
.ppkbyx4 li p{
font-size: 14px;
color: #888888;
line-height: 19px;
}
.ppkbyx4 li .rr{
margin-right: 30px;
}
.ppkbyx4 li .ll{
margin-left: 30px;
}
.ppkbyx4 ul{
    position: relative;
}
.ppkbyx4img{
height: 170px;
    position: absolute;
    left: 440px;
    top: 55px;
}
.ppkbyx5 li{
   display: inline-block;
   width: 235px;
height: 190px;
text-align: center;
position: relative;
padding: 0px 15px;
}
.ppkbyx5 div{
    width: 90px;
    height: 90px;
    line-height: 90px;
    margin: auto;
    background-image: url('../images/kbyxtu19.png');
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
font-size: 50px;
font-family: monospace;
font-weight: bold;
color: #FFFFFF;
}
.ppkbyx5 li img{
    position: absolute;
    top: 40px;
    right: -70px;
}
.ppkbyx5 li h3{
font-size: 20px;
color: #000000;
margin: 10px 0px;
}
.ppkbyx5 li p{
font-size: 14px;
color: #888888;
line-height: 24px;
}
/*舆情监测*/
.yqjc1 h1,.yqjc2 h1,.yqjc3 h1,.yqjc5 h1{
    text-align: center;
font-size: 36px;
color: #333333;
margin-bottom: 50px;
}
.yqjc1{
    width: 1200px;
    margin: auto;
    padding-top: 70px;
}
.yqjc2,.yqjc3,.yqjc4,.yqjc5{
    width: 1200px;
    margin: auto;
    padding: 70px 0px;
}
.yqjc1 .jhleft{
    width: 600px;
    height: 450px;
}
.yqjc1 .jhright{
    width: 600px;
    height: 450px;
}
.yqjc1 .zizuo{
    text-align: right;
}
.yqjc1 .ziyou{
    text-align: left;
}
.yqjc1 h3{
font-size: 20px;
color: #EA420D;
margin-top: 100px;
}
.yqjc1 span{
display: block;
width: 45px;
height: 3px;
background: #EA420D;
margin: 30px 0px;
}
.yqjc1 .zuospan{
float: left;
}
.yqjc1 .youspan{
float: right;
}
.yqjc1 p{
clear: both;
font-size: 14px;
color: #666666;
line-height: 32px;
}
.yqjc1 img{
    display: inline-block;
width: 480px;
}
.yqjc21{
background: #F1F4FB;
}
.yqjc2 .jhleft{
width: 280px;
height: 202px;
background: #FFFFFF;
box-sizing: border-box;
padding: 30px 20px;
}
.yqjc2 div:nth-of-type(1){
background-image: url('../images/qwyyjc8.png');
    background-repeat: no-repeat;
    background-position: 195px 100px;
}
.yqjc2 div:nth-of-type(2){
background-image: url('../images/qwyyjc5.png');
    background-repeat: no-repeat;
    background-position: 195px 100px;
}
.yqjc2 div:nth-of-type(3){
background-image: url('../images/qwyyjc7.png');
    background-repeat: no-repeat;
    background-position: 195px 100px;
}
.yqjc2 div:nth-of-type(4){
background-image: url('../images/qwyyjc6.png');
    background-repeat: no-repeat;
    background-position: 180px 100px;
}
.yqjc2 .ll{
margin-left: 24px;
}
.yqjc2 h3{
font-size: 20px;
color: #333333;
}
.yqjc2 span{
    display: block;
width: 50px;
height: 2px;
background: #EA420D;
    margin: 15px 0px;
}
.yqjc2 p{
font-size: 14px;
color: #888888;
line-height: 24px;
}
.yqjc3 li{
display: inline-block;
width: 295px;
height: 295px;
    box-sizing: border-box;
    text-align: center;
    padding: 20px;
}
.yqjc3 li img{
display: inline-block;
}
.yqjc3 li h3{
font-size: 20px;
color: #333333;
margin-top: 30px;
}
.yqjc3 li span{
    display: block;
width: 24px;
height: 2px;
background: #EA420D;
margin: 15px auto;
}
.yqjc3 li p{
font-size: 14px;
color: #666666;
line-height: 24px;
}
.yqjc41{
background: #F1F4FB;
}
.yqjc4>h1{
    text-align: center;
font-size: 36px;
color: #333333;
}
.yqjc4>span{
display: block;
width: 60px;
height: 2px;
background: #EA420D;
margin: 20px auto;
}
.yqjc4>p{
font-size: 14px;
color: #333333;
line-height: 19px;
text-align: center;
margin-bottom: 50px;
}
.yqjc4 .zuo{
width: 33.3%;
}
.yqjc4 .zhong{
width: 33.3%;
}
.yqjc4 .you{
width: 33.3%;
    text-align: right;
}
.yqjc4 .zuo span{
    display: inline-block;
width: 50px;
height: 30px;
font-size: 16px;
color: #FFFFFF;
line-height: 30px;
    background-image: url('../images/qwyyjc11.png');
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
}
.yqjc4 .zuo span:nth-of-type(2),.yqjc4 .zuo span:nth-of-type(3){
   margin-top: 20px;
}
.yqjc4 .zuo h3{
    display: inline-block;
font-size: 18px;
font-weight: bold;
color: #333333;
line-height: 24px;
margin-left: 15px;
}
.yqjc4 .zuo p{
font-size: 14px;
color: #666666;
line-height: 24px;
margin-top: 10px;
}
.yqjc4 .you span{
    display: inline-block;
width: 50px;
height: 30px;
font-size: 16px;
color: #FFFFFF;
line-height: 30px;
    background-image: url('../images/qwyyjc10.png');
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
}
.yqjc4 .you span:nth-of-type(2),.yqjc4 .you span:nth-of-type(3){
   margin-top: 20px;
}
.yqjc4 .you h3{
    display: inline-block;
font-size: 18px;
font-weight: bold;
color: #333333;
line-height: 24px;
margin-right: 15px;
}
.yqjc4 .you p{
font-size: 14px;
color: #666666;
line-height: 24px;
margin-top: 10px;
}
.yqjc5 li{
    display: inline-block;
    width: 235px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
}
.yqjc5 li div{
width: 106px;
height: 106px;
line-height: 106px;
margin: auto;
    background-image: url('../images/qwyyjc9.png');
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
font-size: 65px;
font-weight: bold;
color: #EA420D;
font-family: monospace;
}
.yqjc5 li h3{
font-size: 20px;
color: #EA420D;
margin-top: 20px;
}
.yqjc5 li img{
position: absolute;
top: 45px;
left: 170px;
}
/*新媒体营销*/
.jh1400{
width: 1400px;
margin: auto;
background: #FFFFFF;
margin-top:40px ;
margin-bottom: 40px;
}
.xmtyx1,.xmtyx2,.xmtyx3,.xmtyx4{
    width: 1200px;
    margin: auto;
    padding-top: 70px;
}
.xmtyx4{
    padding-bottom: 70px;
}
.xmtyx1 h1,.xmtyx2 h1,.xmtyx3 h1,.xmtyx4 h1{
    text-align: center;
font-size: 36px;
color: #333333;
}
.xmtyx1 h1 span,.xmtyx3 h1 span,.xmtyx4 h1 span{
color: #EA420D;
}
.xmtyx1 p,.xmtyx3>p{
    text-align: center;
font-size: 16px;
color: #333333;
margin: 15px 0px;
}
.xmtyx1 p .spanleft,.xmtyx1 p .spanright,.xmtyx3>p .spanleft,.xmtyx3>p .spanright{
    display: inline-block;
width: 490px;
height: 1px;
background: #E4E4E4;
}
.xmtyx1 p .spanleft,.xmtyx3>p .spanleft{
    margin-right: 40px;
}
.xmtyx1 p .spanright,.xmtyx3>p .spanright{
    margin-left: 40px;
}
.xmtyx1 li{
    display: inline-block;
    width: 145px;
    text-align: center;
    margin-top: 30px;
    border-right: 1px solid #e4e4e4;
    border-image-source:-webkit-linear-gradient(top,rgba(228, 228, 228, 0) 0%, #E4E4E4 52%, rgba(228, 228, 228, 0) 100%);
    border-image-source:-o-linear-gradient(top,rgba(228, 228, 228, 0) 0%, #E4E4E4 52%, rgba(228, 228, 228, 0) 100%);
    border-image-source:-ms-linear-gradient(top,rgba(228, 228, 228, 0) 0%, #E4E4E4 52%, rgba(228, 228, 228, 0) 100%);
    border-image-source:-moz-linear-gradient(top,rgba(228, 228, 228, 0) 0%, #E4E4E4 52%, rgba(228, 228, 228, 0) 100%);
        border-image-slice: 1;
    border-image-repeat: stretch;
    
}
.xmtyx1 li:nth-of-type(8n){
    border-right:none;
}
.xmtyx1 img{
    display: inline-block;
    width: 60px;
}
.xmtyx1 h4{
font-size: 18px;
color: #333333;
margin-top: 20px;
}
.xmtyx2 h1{
    margin-bottom: 40px;
}
.xmtyx2 li{
    display: inline-block;
        width: 295px;
    height: 190px;
    position: relative;
}
.xmtyx2 .jhtop{
width: 210px;
height: 86px;
box-sizing: border-box;
background: #FF723A;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
border-radius: 4px 4px 4px 40px;
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
line-height: 24px;
padding-top: 5px;
padding-left: 14px;
}
.xmtyx2 .jhbottom{
width: 250px;
height: 100px;
box-sizing: border-box;
background: #FFFFFF;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.08);
border-radius: 8px;
font-size: 14px;
color: #666666;
line-height: 24px;
padding: 14px 10px;
position: absolute;
top: 34px;
left: 14px;
}
.xmtyx3 li{
    width: 230px;
    height: 200px;
    display: inline-block;
    position: relative;
        margin-right: 70px;
    margin-right: 88px;
    margin-top: 20px;
}
.xmtyx3 li:nth-of-type(4),.xmtyx3 li:nth-of-type(8){
        margin-right: 0px;
}
.xmtyx3 li .jhquan{
width: 80px;
height: 80px;
background: #FFF7F2;
border-radius: 50%;
margin-left: 25px;
}
.xmtyx3 li .jhquan2{
    background: #F1FAFF;
}
.xmtyx3 li .jhquan3{

background: #EFFAF7;
}
.xmtyx3 li .jhquan4{
background: #FFFCED;
}
.xmtyx3 .jhyiwei{
position: absolute;
top: 10px;
left: 0px;
}
.xmtyx3 li h3{
margin: 10px 0px;
font-size: 20px;
color: #333333;
}
.xmtyx3 li p{
font-size: 14px;
color: #666666;
line-height: 24px;
}
.xmtyx4 h1{
    margin-bottom: 40px;
}
.xmtyx4 li{
    display: inline-block;
    width: 252px;
    position:relative;
    margin-right: 55px;
}
.xmtyx4 li:nth-of-type(4){
    margin-right: 0px;
}
.xmtyx4 .jhtop{
width: 210px;
height: 50px;
background: #FF723A;
border-radius: 20px 20px 0px 0px;
text-align: center;
padding-top: 5px;
font-size: 30px;
color: #FFFFFF;
    margin-left: 20px;
}
.xmtyx4 .jhbottom{
width: 100%;
height: 190px;
background: #FFFFFF;
box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.08);
border-radius: 10px 10px 60px 10px;
padding: 40px 25px;
}
.xmtyx4 .jhbottom h3{
text-align: center;
font-size: 20px;
color: #333333;
}
.xmtyx4 .jhbottom span{
display: block;
width: 30px;
height: 2px;
background: #EA420D;
margin: 20px auto;
}
.xmtyx4 .jhbottom p{
font-size: 14px;
color: #666666;
line-height: 24px;
}
.xmtyx5{
    width: 1200px;
    margin: auto;
    padding: 70px 0PX;
}
.xmtyx5 h1{
font-size: 36px;
margin-bottom: 40px;
}
.xmtyx5 .dun,.xmtyx5 .dtel{
width: 270px;
height: 60px;
border: 1px solid #E4E4E4;
padding-left: 20px;
margin-right: 15px;
}
.xmtyx5 .demail{
width: 420px;
height: 60px;
border: 1px solid #E4E4E4;
padding-left: 20px;
margin-right: 15px;
}
.xmtyx5 .submit-bth{
display: inline-block;
}
.xmtyx5 .submit-bth input{
width: 180px;
height: 60px;
background: #EA420D;
border: none;
color: #FFFFFF;
}
.xmtyx5 p{
font-size: 14px;
color: #999999;
margin-top: 40px;
margin-bottom: 20px;
}
.xmtyx5 h3{
font-size: 24px;
color: #EA420D;
}
/*互联网品牌设计*/
.hlwppjs1{
width: 1400px;
margin: auto;
margin-top: 40px;
background: #FFFFFF;
padding: 40px 0px;
}
.hlwppjs1 h1{
font-size: 36px;
color: #EA420D;
text-align: center;
}
.hlwppjs1 p{
font-size: 15px;
color: #999999;
text-align: center;
margin-top: 20px;
}
.hlwppjs2,.hlwppjs3{
width: 1400px;
margin: auto;
margin-top: 40px;
background: #FFFFFF;
}
.hlwppjszhu .jhleft{
    width: 50%;
}
.hlwppjszhu .rr{
padding-left: 40px;
padding-right: 55px;
}
.hlwppjszhu .ll{
    text-align: right;
padding-left: 55px;
padding-right: 40px;
}
.hlwppjszhu .jhleft h3{
font-size: 24px;
font-weight: bold;
color: #333333;
margin-top: 65px;
margin-bottom: 20px;
}
.hlwppjszhu .jhleft p{
font-size: 15px;
color: #666666;
line-height: 34px;
}
.hlwppjszhu .jhleft a{
width: 140px;
height: 35px;
line-height: 32px;
text-align: center;
display: inline-block;
border-radius: 18px;
border: 1px solid #CCCCCC;
margin-top: 47px;
}
.hlwppjs4,.hlwppjs5{
width: 1400px;
margin: auto;
margin-top: 40px;
background: #FFFFFF;
padding: 70px 0px;
}
.hlwppjs4>h1,.hlwppjs5>h1{
font-size: 36px;
color: #EA420D;
text-align: center;
}
.hlwppjs4>p,.hlwppjs5>p{
font-size: 15px;
color: #999999;
text-align: center;
margin-top: 20px;
margin-bottom: 40px;
}
.hlwppjs41 {
    width: 1200px;
    margin: auto;
}
.hlwppjs4 .jhleft,.hlwppjs4 .jhright{
    width:585px ;
    height: 485px;
    overflow-y: hidden;
}
.hlwppjs41 .l1{
background-image: url('../images/hlwppsj7.jpg');
background-position: center;
color: white;
}
.hlwppjs41 .l2{
width: 100%;
height: 230px;
background-image: url('../images/hlwppsj8.jpg');
background-position: center;
color: white;
margin-bottom: 30px;
}
.hlwppjs41 .l3{
width: 275px;
height: 225px;
background-image: url('../images/hlwppsj9.jpg');
background-position: center;
color: white;
float: left;
}
.hlwppjs41 .l4{
width: 275px;
height: 225px;
background-image: url('../images/hlwppsj10.jpg');
background-position: center;
color: white;
float: right;
}
.hlwppjs41 .l51,.hlwppjs41 .l8{
    margin-top: 30px;
}
.hlwppjs41 .l5{
width: 275px;
height: 225px;
background-image: url('../images/hlwppsj11.jpg');
background-position: center;
color: white;
float: left;
}
.hlwppjs41 .l6{
width: 275px;
height: 225px;
background-image: url('../images/hlwppsj12.jpg');
background-position: center;
color: white;
float: right;
}
.hlwppjs41 .l7{
width: 100%;
height: 230px;
margin-top: 30px;
background-image: url('../images/hlwppsj13.jpg');
background-position: center;
color: white;
float: left;
}
.hlwppjs41 .l8{
background-image: url('../images/hlwppsj14.jpg');
background-position: center;
color: white;
}
.hlwppjs41 .jhmo{
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.44);
padding: 30px 40px;
position: relative;
}
.hlwppjs41 .jhmo h3{
font-size: 22px;
color: #FFFFFF;
}
.hlwppjs41 .jhmo p{
font-size: 15px;
color: #FFFFFF;
line-height: 20px;
margin-top: 10px;
}
.hlwppjs41 .jhmo a{
font-size: 15px;
color: #FFFFFF;
position: absolute;
left: 40px;
bottom: 30px;
}
.hlwppjs41 .jhmo span{
display: inline-block;
width: 50px;
height: 1px;
background: #FFFFFF;
    margin-left: 15px;
    margin-bottom: 6px;
}
.ckgdnr{
    display: block;
    float: left;
width: 100%;
height: 70px;
line-height: 70px;
background: #F4F4F4;
font-size: 20px;
color: #666666;
text-align: center;
margin-top: 30px;
transition: 0.4s;
}
.ckgdnr:hover{
    background-color: #939393;
}
.hlwppjs5{
margin-bottom: 40px;
}
.hlwppjs5 ul{
width: 1200px;
margin: auto;
}
.hlwppjs5 li{
display: inline-block;
width: 375px;
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
}
.hlwppjs5 li:nth-of-type(1),.hlwppjs5 li:nth-of-type(2){
margin-right: 30px;
}
.hlwppjs5 .jhtop{
display: inline-block;
width: 100%;
    height: 240px;
    overflow-y: hidden;
}
.hlwppjs5 .jhbottom{
padding: 30px 20px;
width: 100%;
}
.hlwppjs5 .jhbottom h3{
font-size: 20px;
font-weight: bold;
color: #333333;
}
.hlwppjs5 .jhbottom p{
font-size: 14px;
color: #666666;
line-height: 27px;
margin-top: 15px;
margin-bottom: 20px;
}
.hlwppjs5 .jhbottom a{
display: block;
width: 115px;
height: 35px;
line-height: 32px;
text-align: center;
border-radius: 18px;
border: 1px solid #CCCCCC;
}
/*包装设计*/
.hzsj1{
    width: 100%;
}
.hzsj1 img{
    width: 100%;
}

/*分站案例*/
.fenzhananli{
    
}
.fenzhananlitop{
    height: 250px;
    overflow: hidden;
}
.fenzhananlibom{
    padding: 20px;
    background-color: white;
    font-size: 18px;
    transition: 0.5s;
}
#fenzhananli li:hover .fenzhananlibom{
        background: #4a14cc;
        color: white;
}