.banner .left{position: absolute;left: 15.6%;top: 30.9%;line-height: 1;}
.banner .left .text{font-size: 34px;font-weight: bold;color:#343434;}
.description{margin-top: 20px;font-size: 20px;color: #666666;line-height: 1;}
.banner .left .text_en{font-size: 20px;font-weight: bold;color: #8c8c8c;}
.banner .left a{display: inline-block;margin-top: 100px;height: 38px;width: 140px;background-color: #fff;border-radius: 19px;line-height: 38px;text-align: center;color: #257dff;font-size: 14px;}
.marketing{width: 1200px;margin: 39px auto 0;line-height: 1;}
.marketing ul{margin-top: 80px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.marketing li{width: 364px;height: 128px;border-radius: 10px;background-color: #e7eefe;padding: 17px 30px 0 17px;box-sizing: border-box;margin-bottom: 74px;transition: transform 0.5s;}
.marketing li .left{padding-right: 17px;}
.marketing li .left,
.marketing li .right{float: left;}
.marketing li .icon.iconfont{width: 30px;height: 30px;font-size: 30px;display: block;}
.marketing li .right{width: 250px;padding-top: 5px;}
.marketing li .right .text{font-size: 20px;font-weight: 550;color: #343434;margin-bottom: 14px;font-family: "苹方";}
.marketing li .right .description{font-size: 14px;color: #666;line-height: 24px;}
.marketing li:hover,
.marketing li.active{background-color: #4370fe;box-shadow: 10.777px 7.27px 40px 0px rgba(67, 112, 254, 0.49);transform: translateY(-20px);}
.marketing li:hover .right .text,
.marketing li.active .right .text,
.marketing li:hover .left .icon.iconfont,
.marketing li.active .left .icon.iconfont,
.marketing li:hover .right .description,
.marketing li.active .right .description{color: #fff !important;}
.problem{position: relative;width: 100%;margin-top: 70px;height: 705px;background-color: #e7e7e7;}
.problem .bg{float: right;width: 51%;min-width: 600px;height: 100%;}
.problem .bg img{width: 100%;display: block;height: 100%;}
.problem .content{padding-top: 70px;position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 1200px;line-height: 1;}
.problem ul{margin-top: 50px;}
.problem li{position: relative;width: 490px;line-height: 30px;font-family: "苹方";font-size: 20px;color: #343434;padding-left: 30px;margin-bottom: 38px;transition: all 0.3s;}
.problem li:hover,
.problem li.active{transform: translateY(-5px);}
.problem li:hover:before,
.problem li.active:before{opacity: 1;}
.problem li:before{position: absolute;content: "";left: 0;top: 5px;width: 20px;height: 20px;border-radius: 50%;background-color: #d3ebed;opacity: 0;}
.problem li:after{position: absolute;content: "";width: 10px;height: 10px;border-radius: 50%;left: 5px;top: 10px;background-color: #49c0b8;}
.problem li:nth-child(2):before{background-color: rgba(212, 78, 102, .2);}
.problem li:nth-child(2):after{background-color: rgba(212, 78, 102);}
.problem li:nth-child(3):before{background-color: rgba(242, 142, 22, .2);}
.problem li:nth-child(3):after{background-color: rgba(242, 142, 22);}
.problem li:nth-child(4):before{background-color: rgba(42, 131, 161, .2);}
.problem li:nth-child(4):after{background-color: rgba(42, 131, 161);}
.problem li:nth-child(5):before{background-color: rgba(104, 72, 176, .2);}
.problem li:nth-child(5):after{background-color: rgba(104, 72, 176);}
.problem li:nth-child(6):before{background-color: rgba(255, 113, 91, .2);}
.problem li:nth-child(6):after{background-color: rgba(255, 113, 91);}
.problem .contact{position: relative;margin-top: 22px;display: inline-block;line-height: 40px;font-size: 18px;z-index: 1;}
.problem .contact:before{position: absolute;content: "";top: 0;left: 0;width: 40px;height: 40px;background-color: #f7dbda;border-radius: 20px;z-index: -1;transition: all 0.6s;}
.problem .contact a{color: #17a1a6;display: block;padding: 0 20px;}
.problem .contact:hover:before{width: 100%;}
.entire{width: 1200px;margin: 140px auto 0;line-height: 1;}
.entire ul{margin-top: 90px;display: flex;flex-wrap: wrap;justify-content: space-between;padding-bottom: 105px;}
.entire li{width: 360px;height: 434px;border-radius: 10px;border: 1px solid #eeeeee;padding: 31px;box-sizing: border-box;margin-bottom: 60px;}
.entire .li-head{margin-bottom: 30px;}
.entire .pic{display: inline-block;width: 32px;height: 32px;line-height: 32px;text-align: center;background-color: #ffe3de;vertical-align: middle;margin-right: 18px;}
.entire .pic .icon.iconfont{color: #eb5d56;font-size: 18px;}
.entire .text{font-family: "苹方";font-weight: 550;font-size: 20px;vertical-align: middle;color: #343434;}
.entire .img img{width: 100%;}
.entire .description{color: #666;font-size: 14px;line-height: 24px;margin-top: 30px;}
.entire li:hover,.entire li.active{background-color: #4370fe;box-shadow: 10.777px 7.27px 40px 0px rgba(67, 112, 254, 0.49);border: none;}
.entire li:hover .pic,.entire li.active .pic{background-color: #698dfe;}
.entire li:hover .pic .icon.iconfont,.entire li.active .pic .icon.iconfont{color: #fff;}
.entire li:hover .text,.entire li.active .text,
.entire li:hover .description,.entire li.active .description{color: #fff;}
@media only screen and (max-width: 1450px){.banner .left{top:12%;left: 10%;}
.banner .left a{margin-top: 40px;}
.entire ul{padding-bottom: 50px;}}


.qwyx{margin:0 auto;width:100%;max-width:1200px;padding:50px 0;}
.qwyx .indext{font-size:30px;font-weight:bold;color:#fff;}
.qwyx .indexb{font-size:16px;color:#fff;line-height:2;}
.qwyx .n_seo_com_in{margin-top:10px;}
.qwyx .marketing_04_in_list{float: left; margin-top: 50px; background: rgba(255,255,255,0.4);overflow: hidden; border-radius: 4px; border: 1px solid #fff; color: #fff;width:20%;max-width: 150px;margin-right: 35px;padding: 30px;height: 150px;}
.qwyx .marketing_04_in_list:nth-child(5n){margin-right: 0px;}
.qwyx .marketing_04_in_list .fonts_t span{font-size:40px;}
.qwyx .marketing_04_in_list:hover{background:#17a1a6;opacity:0.9;cursor:pointer;}
.qwyx .text_t{font-size:30px;}
.qwyx .fonts_t{padding:20px 0;}
.clear{clear: both;}

.designd{padding:20px 0;}
.designd .dgd_bottom{margin-top:40px;}
.designd .dgd_bottom ul{ margin-bottom:40px;}
.designd .dgd_bottom ul .cl1{background-color:#7e78a6; margin:0 39px 11px 0;}
.designd .dgd_bottom ul .cl2{background-color:#5db9b2; margin-bottom:11px;}
.designd .dgd_bottom ul .cl3{background-color:#a28074; margin-right:39px;}
.designd .dgd_bottom ul .cl4{background-color:#ec9b5a;}
.designd .dgd_bottom ul li{width:580px; height:186px; float:left;}
.designd .dgd_bottom ul li dl{color:#fff; text-align:left; padding:25px;}
.designd .dgd_bottom ul li dl dt{font-size:24px; font-weight:bold;}
.designd .dgd_bottom ul li dl dd{font-size:14px; line-height:22px; margin-top:15px;font-weight: 400;}
.designd .dgd_bottom .dgd_b_bt{height:45px;}
.designd .dgd_bottom .dgd_b_bt span{display:block; float:left; font-size:24px; color:#666666; margin-left:180px; line-height:45px;}
.designd .dgd_bottom .dgd_b_bt .dgd_b_la{display:block; float:left; width:170px; height:45px; background-color:#f6bd23; font-size:20px; line-height:45px; text-align:center; color:#fff; border-radius:5px; margin-left:55px;}
.designd .dgd_bottom .dgd_b_bt .dgd_b_la:hover{background-color:#fbc532;}
.designd .dgd_bottom .dgd_b_bt .dgd_b_ra{display:block; float:left; width:170px; height:45px; background-color:#1cad73; font-size:20px; line-height:45px; text-align:center; color:#fff; border-radius:5px; margin-left:25px;}
.designd .dgd_bottom .dgd_b_bt .dgd_b_ra:hover{background-color:#1dbc7c;}

@media only screen and (max-width:768px){

.problem{position: relative;width: 100%;margin-top:20px;height: 705px;background-color: #f5f6fa;}
.entire{width: 100%;max-width:768px;margin:20px auto 0;line-height: 1;}
.entire ul{margin-top:50px;display: flex;flex-wrap: wrap;justify-content: space-between;padding-bottom: 50px;}
.entire li{width: 360px;height: 434px;border-radius: 10px;border: 1px solid #eeeeee;padding: 31px;box-sizing: border-box;margin-bottom: 60px;}
.entire .li-head{margin-bottom: 30px;}
.entire .pic{display: inline-block;width: 32px;height: 32px;line-height: 32px;text-align: center;background-color: #ffe3de;vertical-align: middle;margin-right: 18px;}
.entire .pic .icon.iconfont{color: #eb5d56;font-size: 18px;}
.entire .text{font-family: "苹方";font-weight: 550;font-size: 20px;vertical-align: middle;color: #343434;}
.entire .img img{width: 100%;}
.entire .description{color: #666;font-size: 14px;line-height: 24px;margin-top: 30px;}
.entire li:hover,.entire li.active{background-color: #4370fe;box-shadow: 10.777px 7.27px 40px 0px rgba(67, 112, 254, 0.49);border: none;}
.entire li:hover .pic,.entire li.active .pic{background-color: #698dfe;}
.entire li:hover .pic .icon.iconfont,.entire li.active .pic .icon.iconfont{color: #fff;}
.entire li:hover .text,.entire li.active .text,
.entire li:hover .description,.entire li.active .description{color: #fff;}

.qwyx{margin:0 auto;width:100%;max-width:768px;padding:30px 0;}
.qwyx .indext{font-size:30px;font-weight:bold;color:#fff;}
.qwyx .indexb{font-size:16px;color:#fff;line-height:2;}
.qwyx .n_seo_com_in{margin-top:10px;}
.qwyx .marketing_04_in_list{float: left; margin-top:20px; background: rgba(255,255,255,0.4);overflow: hidden; border-radius: 4px; border: 1px solid #fff; color: #fff;width:30%;max-width:90px;margin-right:6px;margin-left:6px;padding:10px;height:90px;}
.qwyx .marketing_04_in_list:nth-child(3n){/*margin-right: 0px;*/margin-right:6px;margin-left:6px;}
.qwyx .marketing_04_in_list:nth-child(5n){/*margin-right: 0px;*/margin-right:6px;margin-left:6px;}
.qwyx .marketing_04_in_list .fonts_t span{font-size:30px;}
.qwyx .marketing_04_in_list:hover{background:#17a1a6;opacity:0.9;cursor:pointer;}
.qwyx .text_t{font-size:20px;}
.qwyx .fonts_t{padding:10px 0;}
.marketing li{margin-bottom:34px;}

.marketing ul {padding-top:30px;margin-top:50px!important;}
.designd{padding:20px 0;}
.designd .dgd_bottom{margin-top:20px;}
.designd .dgd_bottom ul{ margin-bottom:20px;}
.designd .dgd_bottom ul .cl1{background-color:#7e78a6; margin:0 0px 0px 0;margin-bottom:15px;}
.designd .dgd_bottom ul .cl2{background-color:#5db9b2; margin-bottom:15px;}
.designd .dgd_bottom ul .cl3{background-color:#a28074; margin-right:0px;margin-bottom:15px;}
.designd .dgd_bottom ul .cl4{background-color:#ec9b5a;}
.designd .dgd_bottom ul li{width:100%; height:186px; float:left;}
.designd .dgd_bottom ul li dl{color:#fff; text-align:left; padding:5px;}
.designd .dgd_bottom ul li dl dt{font-size:16px; font-weight:bold;}
.designd .dgd_bottom ul li dl dd{font-size:14px; line-height:20px; margin-top:15px;font-weight: 400;}
.designd .dgd_bottom .dgd_b_bt{height:45px;}
.designd .dgd_bottom .dgd_b_bt span{display:block; float:left; font-size:24px; color:#666666; margin-left:180px; line-height:45px;}
.designd .dgd_bottom .dgd_b_bt .dgd_b_la{display:block; float:left; width:170px; height:45px; background-color:#f6bd23; font-size:20px; line-height:45px; text-align:center; color:#fff; border-radius:5px; margin-left:55px;}
.designd .dgd_bottom .dgd_b_bt .dgd_b_la:hover{background-color:#fbc532;}
.designd .dgd_bottom .dgd_b_bt .dgd_b_ra{display:block; float:left; width:170px; height:45px; background-color:#1cad73; font-size:20px; line-height:45px; text-align:center; color:#fff; border-radius:5px; margin-left:25px;}
.designd .dgd_bottom .dgd_b_bt .dgd_b_ra:hover{background-color:#1dbc7c;}

.yc{display:none;}
}








