.class2{max-width: 1500px;min-width: 1440px;margin: 100px auto 0 auto;border-bottom: 1px solid #3D3D3D;padding-bottom: 30px;}
.class2 .p1{line-height: 40px;height: 40px;border-bottom: 1px solid #3D3D3D;color: #3D3D3D;font-family: Roman;font-size: 20px;}

.class2 .nav2{height: auto;overflow: hidden;text-align: center;}
.class2 .nav2 li{display: inline-block;margin: 0 20px;}
.class2 .nav2 li{text-align: center;line-height: 90px;font-size: 40px;color: #484848;}
.class2 .nav2 li a{display: block;color: #484848;}
.class2 .nav2 li span{position: relative;overflow: hidden;padding: 0 15px;display: block;}
.class2 .nav2 li span i{position: absolute;z-index: -1;height:14px ;background-color: #EA5635;right: 0;width: 0;margin-top: -47px;}
.class2 .nav2 .on span i{width: 60%;}


.class2 .p3{font-size: 20px;line-height: 20px;text-align: center;color: #484848; }
.class2 .title{line-height: 40px;margin: 45px;overflow: hidden;text-align: center;font-size: 30px;color: #484848;}
.class2 .time{text-align: center;color: #919191;margin-top: -30px;}
.class2 .introduction{height: auto;overflow: hidden;/*border-bottom: 1px solid #3D3D3D;*/border-top: 1px solid #3D3D3D;padding: 25px 0 0 0;line-height: 25px;}

/*标签*/
.class2 .label{height: auto;overflow: hidden;/*border-bottom: 1px solid #3D3D3D;*/border-top: 1px solid #3D3D3D;padding: 25px 0 0 0;margin-top: 35px;}
.class2 .label li{float: left;margin:0 20px;padding:0 10px;line-height: 30px;position: relative;overflow: hidden;z-index: 1;font-weight: bold;}
.class2 .label li a{color: #6a6a6a;}
.class2 .label li span{position: absolute;height: 9px;width: 0;background-color: #EA5635;margin-top: 10px;z-index: -1;transition: all 0.3s; }
.class2 .label li:hover span{width: 50%;}

/*案例*/
.case{margin-top: 60px;}
.case ul{height: auto;overflow: hidden;width: 1220px;margin: 0 auto;padding-top: 140px;}
.case ul li{float: left;width: 600px;margin-right:20px;margin-top: -140px;  }
.case ul li .img{width: 600px;height: 319px;position: relative;overflow: hidden;z-index: 1;}
.case ul li .img .div1{width: 600px;height: 319px;background-color:#EA5635;position: absolute;z-index: -1;}
.case ul li .img .div2{width: 600px;height: 319px;}
.case ul li .img img{width: 600px;height: 319px;transition: all 1s;}
.case ul .mr{margin-top: 20px;}
.case ul li .p1{line-height: 50px;height: 50px;font-size: 22px;color: #282828;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.case ul li:hover .p1{color:#EA5635; }
.case ul li:hover img{transform: scale(1.2);}

.link{margin-top: 170px;margin-bottom: 60px;text-align: center;}
.link .p1{line-height: 60px;color:#EA5635;font-size: 26px;}
.link .p2{width: 600px;margin: 0 auto;line-height: 50px;font-size: 18px;color: #484848;border-bottom: 1px solid #3D3D3D;padding-bottom: 15px;}

.caseinfo{max-width: 1500px;min-width: 1440px;margin: 100px auto 0 auto;min-height: 500px;}
.caseinfo img{max-width: 100%;vert-align: bottom;}
.caseinfo table{max-width: 100%;}
.caseinfo video{max-width: 100%;}



.news{margin-top: 65px;}
.news ul{width: 975px;margin: 0 auto;}
.news ul li{width: 255px;margin: 30px 35px;float: left;transition: all 0.3s;position: relative;overflow: hidden;}
.news ul li .cover{position: absolute;z-index: -1;background-color:#EA5635;width: 100%;height: 100%; }
.news ul li a{display: block;background-color: #fff;}
.news ul li .p1{line-height: 26px;max-height: 52px;font-size: 18px;color: #313131;font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;}
.news ul li .p2{line-height: 30px;color: #797979;}
.news ul li .p3{font-size: 15px;color: #222121;line-height: 25px;margin-top: 10px;}
.news ul li:hover .p1{color:#EA5532;text-decoration: underline; }
.news ul li:hover .p3{color:#EA5532; }
/*.news ul li:hover{box-shadow:0 0 50px #efefef;background-color: #ffffff; }*/

.newsinfo{}
.newsinfo .news-show{width: 880px;margin: 30px auto;min-height: 500px;}
.newsinfo .news-show img{max-width: 100%;vert-align: bottom;}
.newsinfo .news-show video{max-width: 100%;}
.newsinfo .fanye{line-height: 80px;height: 80px;border-bottom: 1px solid #E1E1E1;padding: 0 280px;color: #9e9e9e;}
.newsinfo .fanye p{float: left;width: 45%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.newsinfo .fanye p a{color:#9e9e9e; }
.newsinfo .fanye p a:hover{color:#EA5532; }
.newsinfo .fanye .next{text-align: right;float: right;}
.newsinfo .keyword{line-height: 40px;margin-top: 20px;padding: 0 280px;color:#9e9e9e; }
.newsinfo .keyword a{color:#9e9e9e;margin-right: 20px;}
.newsinfo .keyword a:hover{color:#EA5532;}

/*联系*/
.contact{max-width: 1500px;min-width: 1440px;margin: 50px auto 0 auto;}
.contact .way{}
.contact .way .div1{float: left;width: 360px;text-align: center;cursor: pointer;position: relative;overflow: hidden;padding-top: 45px;}
.contact .way .div1 .img{margin: 0 auto;}
.contact .way .div1 p{line-height: 50px;color: #484848;font-size: 17px;font-weight: bold;}
.contact .way .div1:hover p{color: #EA5532;}
.contact .way .wei .ewm{position: absolute;width: 150px;height: 150px;background-color: #ff795a;margin-top: 0px;margin-left: -78px;transition: all 0.3s;}
.contact .way .wei:hover .ewm{margin-top: -150px;}
.contact .address{border-top: 1px solid #282626;margin-top: 100px;padding-top: 30px;}
.contact .address .p1{float: left;width: 400px;text-align: center;font-size: 40px;color: #262525;font-weight: bold;line-height: 45px;padding-bottom: 60px;background: url("../images/line3.jpg") no-repeat center bottom;}
.contact .address .p2{float: right;width: 750px;text-align: center;line-height: 25px;}
.contact .address .map{position: relative;    width: 100%;}
.contact .address img{width: 100%;}



.join{max-width: 1500px;min-width: 1440px;margin: 50px auto 0 auto;}
.join  .show{padding: 0 100px 50px 100px;border-bottom: 1px solid #282626;}
.join  .show .p1{font-size: 42px;color: #323232;font-weight: bold;line-height: 50px;}
.join  .show .p2{font-size: 18px;color: #323232;line-height: 40px;}
.join  .show .p3{font-size: 18px;color: #323232;font-weight: bold;line-height: 25px;}
.join .list{width: 900px;margin: 30px auto;}
.join .list li{height: auto;overflow: hidden;margin-top: 45px;}
.join .list li .p1{padding: 0 20px;line-height: 70px;border-bottom: 4px solid #4C4C4C;font-size: 16px;color: #323232;font-weight: bolder;text-align: center;cursor: pointer;transition: all 0.3s;}
.join .list li .p1 span{float: right;font-size: 28px;display: block;width: 30px;text-align: center;}
.join .list li .p1 .s2{display: none;}
.join .list li div{padding: 0px 40px;background-color: #F4F4F4;margin-top: 15px;line-height: 30px;height: 0px;transition: all 0.3s;overflow: hidden;}
.join .list .on div{padding: 20px 40px;height: auto;}
.join .list .on .p1{border-bottom: 4px solid #ff795a;}
.join .list .on .p1 .s1{display: none;}
.join .list .on .p1 .s2{display: block;}

/*关于*/
/*.about{max-width: 1500px;min-width: 1440px;margin: 50px auto 0 auto;}*/
.about{max-width: 1500px;min-width: 1440px;margin: 0 auto;border-top: 10px solid #3D3D3D;}
.about .ab1{padding: 100px 105px 90px 105px;border-bottom: 1px solid #3D3D3D;}
.about .ab1 .p1{line-height: 50px;font-size: 42px;color: #323232;font-weight: bolder;}
.about .ab1 .p2{line-height: 45px;font-size: 18px;color: #323232;}
.about .ab1 .p3{line-height: 25px;font-size: 18px;color: #323232;font-weight: bolder;}
.about .ab2{background: url("../images/ab2-bg.jpg") no-repeat center;height: 340px;margin-top: 58px;text-align: center;padding-top: 1px;}
.about .ab2 .p1{font-size: 180px;color: #fff;font-weight: bolder;font-family: Akzidenz;margin-top:30px;height: 180px;overflow: hidden;}
.about .ab2 .p1 .s1{float: left;margin-left: 650px;}
.about .ab2 .p1 .s2{font-size: 100px;float: left;margin-left: 20px;}
.about .ab2 .p2{font-size: 22px;color: #fff;font-weight: bolder;}
.about .ab3{font-size: 18px;color: #3e3e3e;line-height: 35px;margin-top: 50px;}
.about .ab3 .p2{height: 12px;margin-top: 50px;width: 60px;background-color: #EA5635;}
.about .ab3 ul{height: auto;margin-top: 15px;overflow: hidden;}
.about .ab3 ul li{float: left;width: 550px;margin-top: 30px;}
.about .ab4{margin-top: 60px;}
.about .ab4 ul{height: auto;overflow: hidden;}
.about .ab4 ul li{padding: 40px;background-color: #F3F3F3;width: 668px;float: left;margin: 1px;cursor: pointer;transition: all 0.3s;position: relative;overflow: hidden;height: 221px;}
.about .ab4 ul li .bg{position: absolute;z-index: 1;background-color: #3E3C3C;height: 100%;width: 0%; left: 0px;top: 0px;transition: all 0.3s;}
.about .ab4 ul li .nr{position: absolute;z-index: 2;width: 668px;height: 221px;}
.about .ab4 ul li .p1{line-height: 50px;color: #EA5635;font-weight: bolder;font-size: 50px;text-transform: uppercase;font-family: Arial;transition: all 0.3s;}
.about .ab4 ul li .p2{line-height: 30px;height: 120px;color: #3e3e3e;font-size: 18px;margin-top: 30px;transition: all 0.3s;}
.about .ab4 ul li .p3{text-align: right;}
.about .ab4 ul li .p3 span{font-size: 16px;color: #3e3e3e;font-weight: bolder;position: relative;overflow: hidden;z-index: 1;margin-right: 15px;transition: all 0.5s;}
.about .ab4 ul li .p3 span i{height: 7px;width: 100%;background-color: #EA5635;position: absolute;z-index: -1;margin-top: 13px;}
.about .ab4 ul li .p3 img{float: right;margin-top: 7px;}
.about .ab4 ul li .p3 .img2{display: none;}
/*.about .ab4 ul .on{background-color: #3E3C3C;color: #f3f3f3;}*/
.about .ab4 ul .on .bg{width: 100%;}
.about .ab4 ul .on .p1{color: #f3f3f3;}
.about .ab4 ul .on .p2{color: #f3f3f3;}
.about .ab4 ul .on .p3 span{color: #f3f3f3;margin-right: 10px;}
.about .ab4 ul .on .p3 .img2{display: block;}
.about .ab4 ul .on .p3 .img1{display: none;}


.about .ab5{margin-top: 60px;}
.about .ab5 .title{font-size: 40px;color: #3b3939;line-height: 50px;}
.about .ab5 ul{height: auto;overflow: hidden;width: 1200px;margin-top: 20px;}
.about .ab5 ul li{width: 250px;margin-right: 50px;float: left;line-height: 30px;height: 30px;overflow: hidden;margin-top: 20px;font-size: 15px;color: #505050;cursor: pointer;}
.about .ab5 ul li span{position: relative;overflow: hidden;}
.about .ab5 ul li span i{position: absolute;z-index: -1;height: 8px;background-color: #EA5635;width: 0%;margin-top: 15px;transition: all 0.15s;}
.about .ab5 ul li:hover i{width: 100%;}






/*整合营销*/
.marketing{max-width: 1500px;min-width: 1440px;margin: 50px auto 0 auto;}
.marketing .div1 img{width: 100%;}
.marketing .div1 p{font-size: 15px;color: #383838;margin-top: 15px;}
.marketing .div2{margin-top: 80px;}
.marketing .div2 .p2{line-height: 30px;color: #101317;font-weight: bold;font-size: 16px;}
.marketing .div3{margin-top: 80px;}
.marketing .div3 div{margin-top: 40px;}
.marketing .div3 div p{margin-top: 1px;}
.marketing .div3 div .s1{background-color: #EA5532;color: #fff;font-size: 34px;font-weight: bold;}
.marketing .div3 div .s2{background-color: #353535;color: #c2c2c2;font-size: 15px;}
.marketing .div4{margin-top: 80px;}
.marketing .div4 .p1{font-size: 34px;color: #101317;font-weight: bolder;line-height: 45px;}
.marketing .div4 .p1 span{color: #ea5532;}
.marketing .div4 .p2{line-height: 40px;color: #353535;font-weight: bold;}
.marketing .div4 ul{height: auto;overflow: hidden;border-left: 1px solid #DBDBDB;margin-top: 60px;}
.marketing .div4 ul li{float: left;width: 338px;text-align: center;border-right: 1px solid #DBDBDB;}
.marketing .div4 ul li:hover img{margin-top: -10px;}
.marketing .div4 ul li img{margin: 0 auto;transition: all 0.3s;}
.marketing .div4 ul li p{line-height: 40px;color: #353535;font-size: 16px;}
.marketing .div5{margin-top: 130px;}
.marketing .div5 .title .p1{font-size: 34px;color: #101317;font-weight: bolder;line-height: 45px;}
.marketing .div5 .title .p1 span{color: #ea5532;}
.marketing .div5 .title .p2{line-height: 40px;color: #353535;font-weight: bold;}
.marketing .div5 .show{background: url("../images/market5-bg.jpg") no-repeat center;height: 545px;}
.marketing .div5 .bg{height: 430px;width: 100%;background-color: #353535;position: absolute;left: 0;margin-top: -487px;z-index: -1;}
.marketing .div5 .show{}
.marketing .div5 .ss2_wrapper {  width:100%;position: relative;overflow: hidden;padding-top: 58px;}
.marketing .div5 .ss2_wrapper .slideshow {  width:1050px; height:430px;  }
.marketing .div5 .ss2_wrapper .slideshow_item { width:1050px; height:430px;background-position: 120px 140px!important; }
.marketing .div5 .ss2_wrapper .slideshow_item .data { display:none; }
.marketing .div5 .ss2_wrapper .slideshow_paging { position:absolute; z-index:9999;  margin-top: 180px;}
.marketing .div5 .ss2_wrapper .slideshow_paging a { display:block;width: 90px;line-height: 18px; color: #353535;background: url("../images/line4.jpg") no-repeat 30px center;font-family: Arial;}
.marketing .div5 .ss2_wrapper .slideshow_paging a:hover {  }
.marketing .div5 .ss2_wrapper .slideshow_paging a.activeSlide {color:#EA5532;background: url("../images/line2.jpg") no-repeat 30px center; }
.marketing .div5 .ss2_wrapper .slideshow_box {position:absolute;width:1050px; height:430px;z-index:10;}
.marketing .div5 .ss2_wrapper .slideshow_box .data { width: 610px;margin-left: 340px;}
.marketing .div5 .ss2_wrapper .slideshow_box .data .p1{font-size: 16px;font-weight: bolder;color: #ea5532;line-height:55px;border-bottom: 1px solid #8E8E8E;margin: 45px 0 15px 0; }
.marketing .div5 .ss2_wrapper .slideshow_box .data .p2{font-size: 14px;color: #b2b2b2;line-height:28px;text-transform: uppercase; font-weight: bold;}
.marketing .div6{margin-top: 100px;}
.marketing .div6 .p1{font-size: 34px;color: #101317;font-weight: bolder;line-height: 45px;}
.marketing .div6 .p1 span{color: #ea5532;}
.marketing .div6 .p2{line-height: 40px;color: #353535;font-weight: bold;}
.marketing .div6 .p3{line-height: 30px;color: #353535;width: 1200px;margin-top: 50px;font-weight: bold;}
.marketing .div6 .show{background: url("../images/market6.jpg") no-repeat;height: 363px;margin-top: 40px;}
.marketing .div6 .show p{position: absolute;z-index: 1;text-align: center;line-height: 16px;color: #353535;transition: all 0.3s;font-weight: bold;font-size: 15px;}
.marketing .div6 .show p:hover{font-weight: bolder;font-size: 16px;}
.marketing .div6 .show .one{margin-top: 267px;margin-left: 10px;}
.marketing .div6 .show .tow{margin-top: 114px;margin-left: 143px;color: #fff;}
.marketing .div6 .show .three{margin-top: 45px;margin-left: 341px;}
.marketing .div6 .show .four{margin-top: 290px;margin-left: 291px;}
.marketing .div6 .show .five{margin-top: 121px;margin-left: 478px;}
.marketing .div6 .show .six{margin-top: 227px;margin-left: 604px;}
.marketing .div6 .show .seven{margin-top: 50px;margin-left: 732px;}

.shu{writing-mode: tb-rl;}
.marketing .div6 .showlist{
    height: 450px;
    margin-top: 40px;
    width: 75%;
    position: relative;

}
.marketing .div6 .showlist P{
    position: absolute;
    white-space:nowrap
}










.marketing .div7{margin-top: 50px;}
.marketing .div7 .p1{font-size: 34px;color: #101317;font-weight: bolder;line-height: 45px;}
.marketing .div7 .p1 span{color: #ea5532;}
.marketing .div7 .p1 i{width: 6px;background-color: #ea5532;height: 27px;display: inline-block;margin-left: 6px; }
.marketing .div7 .bg1{background: url("../images/market7-bg.jpg") no-repeat center;width: 100%;height: 189px;position: absolute;z-index: -1;left: 0;margin-top: 90px;}
.marketing .div7 .bg2{height: 10px;background-color: #353535;position: absolute;z-index: -2;width: 100%;margin-top: 179px;left: 0;}
.marketing .div7 ul{ height: auto;overflow: hidden;margin-top: 40px;width: 1000px;}
.marketing .div7 ul li{float: left;height: auto;overflow: hidden;width: 370px;margin-top: 36px;}
.marketing .div7 ul li .name{font-size: 22px;color: #353535;font-weight: bolder;line-height: 40px;}
.marketing .div7 ul li div{height: auto;overflow: hidden;}
.marketing .div7 ul li div img{float: left;}
.marketing .div7 ul li div p{float: left;margin-left: 12px;line-height: 25px;font-weight: bold;}
.marketing .div7 ul .one{margin-left: 150px;}
.marketing .div7 ul .tow{margin-left: 60px;}
.marketing .div7 ul .three{}
.marketing .div7 ul .four{margin-left: 40px;}
.marketing .div8{}
.marketing .div8 li{margin-top: 90px;}
.marketing .div8 li .p1{font-weight: bold;color: #ffeae5;font-size: 40px;font-family: Arial;line-height: 40px;}
.marketing .div8 li .p2{font-size: 24px;color: #4a4a4a;font-weight: bold;line-height: 40px;}
.marketing .div8 li .p3{color: #373737;line-height: 25px;margin-top: 10px;font-weight: bold;width: 1200px;}


/*解决方案*/
.solution{max-width: 1500px;min-width: 1440px;margin: 0 auto;}
.solution .div1{padding: 90px 100px 80px 100px;border-top: 8px solid #3D3D3D;border-bottom: 9px solid #3D3D3D;position: relative;overflow: hidden;}
.solution .div1 .p1{font-size: 42px;color: #323232;font-weight: bolder;line-height: 50px;}
.solution .div1 .p2{color: #323232;line-height: 45px;font-size: 18px;}
.solution .div1 .p3{color: #323232;line-height: 35px;font-weight: bolder;font-size: 18px;}
.solution .div1 img{position: absolute;z-index: -1;}
.solution .div1 .img1{margin-top: -85px;margin-left: 100px;animation: zhuan1 10s linear infinite;}
.solution .div1 .img2{margin-top: -10px;margin-left: 440px;animation: zhuan2 8s linear infinite;}
.solution .div1 .img3{margin-top: 175px;margin-left: 630px;animation: zhuan3 12s linear infinite;}
@keyframes zhuan1{
    0% {transform: rotateZ(0) translateY(0) rotateZ(0deg);}
    25% {transform:translateY(-5px) translateX(10px) rotateZ(30deg); }
    50% {transform:translateY(-6px) translateX(-15px) rotateZ(10deg); }
    75% {transform:translateY(10px) translateX(5px) rotateZ(-15deg); }
    100% {transform: rotateZ(0) translateY(0) rotateZ(0deg)}
}
@keyframes zhuan2{
    0% {transform: rotateZ(0) translateY(0) rotateZ(0deg);}
    25% {transform:translateY(6px) translateX(2px) rotateZ(-15deg); }
    50% {transform:translateY(-1px) translateX(15px) rotateZ(10deg); }
    75% {transform:translateY(10px) translateX(5px) rotateZ(45deg); }
    100% {transform: rotateZ(0) translateY(0) rotateZ(0deg)}
}

@keyframes zhuan3{
    0% {transform: rotateZ(0) translateY(0) rotateZ(0deg);}
    25% {transform:translateY(-5px) translateX(10px) rotateZ(-20deg); }
    50% {transform:translateY(15px) translateX(-10px) rotateZ(-50deg); }
    75% {transform:translateY(-10px) translateX(20px) rotateZ(15deg); }
    100% {transform: rotateZ(0) translateY(0) rotateZ(0deg)}
}

.solution .div2{margin-top: 30px;}
.solution .div2 ul{height: auto;overflow: hidden;}
.solution .div2 ul li{float: left;width: 700px;margin-top: 50px;cursor: pointer;}
.solution .div2 ul li:nth-child(2n+2){float: right;}
.solution .div2 ul .mr{float: right;}
.solution .div2 ul li .p1{font-size: 60px;color: #a9a9a9;font-family: Walkway;}
.solution .div2 ul li .p2{font-size: 26px;color: #080808;line-height: 50px;}
.solution .div2 ul li .p3{color: #6f6f6f;line-height: 30px;}
.solution .div2 ul li .p4{border-bottom: 1px solid #A9A9A9;position: relative; margin-top: 30px;}
.solution .div2 ul li .p4 span{position: absolute;z-index: 1;display: block;width: 30px;height: 3px;margin-top: -1px;background-color: #3B3B3B;transition: all 0.3s;}
.solution .div2 ul li:hover .p4 span{width: 200px;}
.solution .div3{margin-top: 100px;}
.solution .div3 .title{font-size: 36px;color: #101317;font-weight: bold;line-height: 40px;}
.solution .div3 .title span{font-weight: normal;font-size: 14px;}
.solution .div3 ul{height: auto;overflow: hidden;margin-top: 50px;}
.solution .div3 ul li{width: 300px;border: 1px solid #CACACA;float: left;margin-right: 60px;height: 800px;cursor: pointer;}
.solution .div3 ul li .p1{text-align: center;font-size: 18px;color: #272727;font-weight: bold;line-height: 40px;margin-top: 20px;}
.solution .div3 ul li .p2{text-align: center;font-size: 28px;color: #101317;font-weight: bold;line-height: 40px;font-family: Arial;border-bottom: 1px solid #CACACA;padding-bottom: 10px;}
.solution .div3 ul li .p2 span{font-size: 16px;color: #272727;}
.solution .div3 ul li .p3{width: 250px;margin: 20px auto 10px auto;font-size: 16px;font-weight: bold;color: #272727;}
.solution .div3 ul li .p4{line-height: 25px;color: #272727;width: 250px;margin: 0 auto;}
.solution .div3 ul li:hover{border: 1px solid #EA5632;}
.solution .div3 ul li:hover .p2{border-bottom: 1px solid #EA5632;}
.solution .div4{margin-top: 90px;}
.solution .div4 .bg{position: absolute;width: 100%;height: 60px;background-color: #101317;z-index: -1;left: 0;min-width: 1440px;margin-top: 80px;}
.solution .div4 .title{font-size: 36px;color: #f86b4a;font-weight: bold;line-height: 40px;height: 40px;}
.solution .div4 .title span{font-weight: normal;font-size: 14px;color: #101317;}
.solution .div4 ul{margin-top: 40px;height: auto;overflow: hidden;}
.solution .div4 ul li{width:220px;float: left;background-color: #F86B4A;margin-right: 70px;height:370px; cursor: pointer;transition: all 0.3s;}
.solution .div4 ul .mr{margin-right: 0;}
.solution .div4 ul li .p1{text-align: center;background-color: #EA5532;line-height: 60px;height: 60px;font-size: 18px;color: #fff;font-weight: bold;}
.solution .div4 ul li .p2{color: #fff;text-align: center;line-height: 40px;margin-top: 15px;}
.solution .div4 ul li .p2 span{font-weight: bold;font-size: 28px;font-family: Arial;}
.solution .div4 ul li .p3{width: 160px;padding: 0 30px;color: #fff;line-height: 25px;}
.solution .div4 ul li:hover{background-color: #EA5532;}
.solution .div5{}
.solution .div5 .p1{font-size: 28px;color: #101317;font-weight: bold;line-height: 40px;margin-top: 110px;}
.solution .div5 .p2{line-height: 25px;color: #5f5f5f;margin-top: 5px;}
.solution .div5 ul{height: auto;overflow: hidden;margin-top: 30px;padding-top: 6px;}
.solution .div5 ul li{width: 700px;float: left;border-top: 6px solid #101317;border-bottom: 6px solid #101317;text-align: center;padding: 20px 0;position: relative;margin-top: -6px;transition: all 0.3s;z-index: 2;}
.solution .div5 ul li:nth-child(2n+2){float: right;}
.solution .div5 ul .mr{float: right;}
.solution .div5 ul li .p3{font-size: 24px;color: #ea5532;font-weight: bold;line-height: 40px;margin-top: 5px;}
.solution .div5 ul li .p4{line-height: 25px;color: #5f5f5f;min-height: 75px;margin-top: 10px;}
.solution .div5 ul li img{margin: 20px auto 10px auto;}
.solution .div5 ul li:hover{border-top: 6px solid #EA5532;border-bottom: 6px solid #EA5532;}



.zl{cursor: pointer;}
.jishu{cursor: pointer;}

.tc1{width: 910px;padding:50px 150px 100px 150px;background-color: #fff;display: none;}
.tc1 div{margin-top: 55px;}
.tc1 div .title{text-align: center;font-size: 24px;color: #fff;background-color: #EA5532;font-weight: bold;line-height: 60px;}
.tc1 div ul{margin-top: 30px;}
.tc1 div ul li{margin-top: 4px;line-height: 30px;height: auto;overflow: hidden;}
.tc1 div ul li p{padding: 10px 20px;background-color: #FFF0F0;}
.tc1 div ul li .p1{float: left;width: 340px;font-size: 15px;color: #ea5633;font-weight: bold;}
.tc1 div ul li .p2{float: right;width:486px;font-size: 15px;color: #444343;font-weight: bold; }

.tc2{width: 910px;padding:50px 150px 100px 150px;background-color: #fff;display: none;}
.tc2 .div1{width: 450px;float: left;margin-right: 10px;}
.tc2 .div1 .title{text-align: center;font-size: 24px;color: #fff;background-color: #EA5532;font-weight: bold;line-height: 60px;}
.tc2 .div1 ul{margin-top: 30px;}
.tc2 .div1 ul li{margin-top: 4px;line-height: 30px;height: auto;overflow: hidden;}
.tc2 .div1 ul li p{padding: 10px 20px;background-color: #FFF0F0;}
.tc2 .div1 ul li .p1{float: left;width: 227px;font-size: 15px;color: #ea5633;font-weight: bold;}
.tc2 .div1 ul li .p2{float: right;width:139px;font-size: 15px;color: #444343;font-weight: bold;text-align: center; }
.tc2 .div2{}
.tc2 .div2{width: 910px;margin-top: 50px;}
.tc2 .div2 .title{text-align: center;font-size: 24px;color: #fff;background-color: #EA5532;font-weight: bold;line-height: 60px;}
.tc2 .div2 ul{margin-top: 30px;}
.tc2 .div2 ul li{margin-top: 4px;line-height: 30px;height: auto;overflow: hidden;}
.tc2 .div2 ul li p{padding: 10px 20px;background-color: #FFF0F0;}
.tc2 .div2 ul li .p1{float: left;width: 413px;font-size: 15px;color: #ea5633;font-weight: bold;text-align: center; }
.tc2 .div2 ul li .p2{float: right;width:413px;font-size: 15px;color: #444343;font-weight: bold;text-align: center; }
.tc1 .close,.tc2 .close{right:30px;top:30px;color: #454545;cursor: pointer;position: fixed;}
.tc1 .close:hover{color: #ea5633;}
.tc2 .close:hover{color: #ea5633;}

.layui-layer-content::-webkit-scrollbar-track-piece {background-color: #F8F8F8;}
.layui-layer-content::-webkit-scrollbar {width:8px;height:5px;}
.layui-layer-content::-webkit-scrollbar-thumb {background-color: #aca6ab;background-clip:padding-box;min-height:10px;}
.layui-layer-content::-webkit-scrollbar-thumb:hover {background-color: #868085;}




@media only screen and (min-width: 1921px) {
    .class2,.caseinfo,.contact,.join,.about,.marketing,.solution{
        max-width: 2000px;
    }
    .about .ab2{
        background: url(../images/ab2-bg1.jpg) no-repeat center;
        background-size: 100%;
        height: 430px;
    }
    .about .ab2 .p1{margin-top: 75px;}
    .about .ab2 .p1 .s1{margin-left: 855px;}
    .about .ab4 ul li{
        padding: 60px;
        width: 50%;
        height: 350px;
        box-sizing: border-box;
        margin: 0;
        border: 1px solid #fff;
    }
    .about .ab4 ul li .nr{
        width: 830px;
        height: 220px;
    }
    .about .ab5 ul{width: 1600px;}
    .about .ab5 ul li{margin-right: 70px;}
    .solution .div2 ul li{width: 47%;}


    .solution .div3 ul li{
        width: 20%;
        margin-right: 90px;
    }
    .solution .div3 ul li .p3,.solution .div3 ul li .p4{
        width: 290px;
    }
    .solution .div4 ul li{
        width: 295px;
        margin-right: 101px;
    }
    .solution .div4 ul li .p3{
        width: 100%;
        box-sizing: border-box;
        padding: 20px 30px;
    }
    .solution .div5 ul li{
        width: 930px;
    }
    .solution .div5 .show2 ul li:first-child .p4{height: 150px;}
    .solution .div5 .show2 ul li:nth-child(3) .p4{height: 100px;}
    .case ul{
        width: 97%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .case ul .mr{margin: 0;}
    .case ul li:nth-child(3n-1){margin-top: 20px !important;}
    .case ul li.wow{margin: -140px 0 0 0;}


    .marketing .div5 .ss2_wrapper .slideshow_box .data{margin-left: 600px;width: 900px;}
    .marketing .div5 .ss2_wrapper .slideshow_box{width: 1400px;}
    .marketing .div5 .ss2_wrapper .slideshow_item {
        background-position: 160px 140px!important;
        background-size: 250px 160px !important;
    }

    .marketing .div7 ul{width: 1300px;}
    .marketing .div7 ul .one{margin-left: 200px;}
    .marketing .div7 ul .tow {
        margin-left: 260px;
        width: 400px;
    }
    .marketing .div7 ul .four {
        margin-left: 280px;
        width: 400px;
    }

    .marketing .div6 .p3{width: 1600px;}
    .marketing .div8 li .p3{width: 1600px;}
    .contact .way .div1{width: 25%;}
    .contact .address .map{margin: 0 auto;}
    .join .list{width: 1200px;}
    .newsinfo .news-show{width: 1450px;}

    .tc2,.tc1{width: 1230px;}
    .tc1 div ul li:nth-child(4) .p1,.tc1 div ul li:nth-child(5) .p1{line-height: 30px !important;}
    .tc1 div ul li .p1{width: 467px;}
    .tc1 div ul li .p2{width: 678px;}
    /* .tc1 div ul li p{line-height: 50px !important;} */
    .tc2 .div1{width: 610px;}
    .tc2 .div1 ul li .p1{width: 325px;}
    .tc2 .div1 ul li .p2{width: 200px;}
    .tc2 .div2{width: 100%;}
    .tc2 .div2 ul li .p1{width: 590px;}
    .tc2 .div2 ul li .p2{width: 550px;}
}