.solution_banner{height:500px;}
.solution_banner .bx-wrapper {position: relative;*zoom: 1;width:100%;height:100%;}
.solution_banner .slide{height:500px;}
.solution_banner .slide a{display:block;width:100%;height:500px;}
.solution_banner img {max-width: 100%;display: block;margin:0 auto;}
.solution_banner .main{width:16.2%;height:100%;padding:0 2.4%;position:absolute;top:0;right:18%;background:rgba(0,0,0,0.7);color:#fff;}
.solution_banner .title{font-size:26px;line-height:32px;margin-bottom:5%;padding-top:40%;}
.solution_banner .con{font-size:14px;line-height:32px;}
.solution_banner .bx-pager{position:absolute;bottom:28%;left:63.4%;}
.solution_banner .bx-pager-item{width:12px;height:12px;margin-right:15px;float:left;}
.solution_banner .bx-pager-item a{display:block;width:100%;height:100%;background:#fff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.solution_banner .bx-pager-item a:hover,
.solution_banner .bx-pager-item .active{background:#ff0000;}
.solution_banner .bx-controls-direction a.disabled {display: none;}
.solution_banner .bx-controls-direction a{display:block;width:30px;height:18px;position:absolute;top:6%;left:71.5%;background:url(/static/images/pc/arrow6.png) no-repeat;margin-left:-15px;}
.solution_banner .bx-controls-direction a.bx-next{top:auto;bottom:6%;background-position:0 -25px;}
.solution_banner .bx-controls-direction .bx-prev:hover {background-position: -35px 0;}
.solution_banner .bx-controls-direction .bx-next:hover {background-position: -35px -25px;}
.pc_solution_nav{border-bottom:1px solid #eee;}
.pc_solution_nav li{width:14%;float:left;}
.pc_solution_nav li a{display:block;padding:38px 0 0 0 ;color:#7d7d7d;font-size:15px;height:135px;text-align:center;position:relative;}
.pc_solution_nav li i{width:68px;margin:0 auto;display:block;background:url(/static/images/mobile/solubj.png) no-repeat;width:68px;height:68px;background-size:100% 100%;}
.pc_solution_nav li:hover i, .pc_solution_nav .on i{width:68px;margin:0 auto;display:block;background:url(/static/images/mobile/solubjh.png) no-repeat;width:68px;height:68px;background-size:100% 100%;}
/*.pc_solution_nav li .icon2{background-position:-80px 0;}
.pc_solution_nav li .icon3{background-position:-160px 0;}
.pc_solution_nav li .icon4{background-position:-240px 0;}
.pc_solution_nav li .icon5{background-position:-320px 0;}
.pc_solution_nav li .icon6{background-position:-400px 0;}
.pc_solution_nav li .icon7{background-position:-480px 0;}
.pc_solution_nav li.on .icon1,
.pc_solution_nav li:hover .icon1{background-position:-560px 0;}
.pc_solution_nav li.on .icon2,
.pc_solution_nav li:hover .icon2{background-position:-640px 0;}
.pc_solution_nav li.on .icon3,
.pc_solution_nav li:hover .icon3{background-position:-720px 0;}
.pc_solution_nav li.on .icon4,
.pc_solution_nav li:hover .icon4{background-position:-800px 0;}
.pc_solution_nav li.on .icon5,
.pc_solution_nav li:hover .icon5{background-position:-880px 0;}
.pc_solution_nav li.on .icon6,
.pc_solution_nav li:hover .icon6{background-position:-960px 0;}
.pc_solution_nav li.on .icon7,
.pc_solution_nav li:hover .icon7{background-position:-1040px 0;}*/
.pc_solution_nav li span{line-height:22px;line-height:41px;}
.pc_solution_nav li.on a{border-bottom:1px solid #81b6e0;color:#69a9dc;}
.pc_solution_nav li:hover a{color:#69a9dc;}
.pc_solution_nav li.on em{display:block;width:14px;height:8px;background:url(/static/images/pc/recruit_on.png) no-repeat;position:absolute;bottom:-8px;left:50%;margin-left:-7px;}
.m_solution_nav{display:none;}

.solution_subnav{margin-top:20px;}
.solution_subnav li{float:left; width:10%; height:50px; margin-right:1%; text-align:center; line-height:50px;}
.solution_subnav li a{display:block; font-size:16px; background:#eaeaea; color:#666;}
.solution_subnav li.on a{background:#69a9dc; color:#FFF;}

.solution_vedio{position:relative;margin:35px 0;}
.solution_vedio #vedio{width:100%;height:670px;}
.solution_vedio .main{width:45%;padding:12px 2.4% 16px 2.4%;background:rgba(255,255,255,0.8);position:absolute;top:0;right:0;}
.solution_vedio .arrowL{position:absolute;left:-13px;top:50%;margin-top:-6px;border-top: 12px solid transparent;border-right: 13px solid #fff;border-bottom: 12px solid transparent;opacity:0.8;filter:alpha(opacity=80);}
.solution_vedio .title{line-height:70px;font-size:26px;color:#333;}
.solution_vedio .con{line-height:32px;font-size:15px;color:#666;padding-bottom:22px;border-bottom:1px solid #b3b8be;}
.solution_vedio ul{margin-top:29px;}
.solution_vedio li{width:25%;float:left;margin-bottom:20px;}
.solution_vedio a{font-size:15px;color:#666;line-height:25px;}
.solution_vedio a span{float:left;}
.solution_vedio a i{float:left;width:25px;height:25px;margin-left:10px;background:url(/static/images/mobile/arrow6.png) no-repeat;background-size:auto 100%;}
.solution_vedio a:hover{color:#69a9dc;}
.solution_vedio a:hover i{background-position:-28px 0;}
.solution_list{margin:15px 0 0 0;}
.solution_list li{width:24%;float:left;margin:0 1.3% 20px 0;}
.solution_list .img{width:100%;height:200px;}
.solution_list .main{height:132px;background:#f7f7f8;padding:22px 9% 36px 9%;position:relative;}
.solution_list .title{font-size:17px;color:#000;line-height:27px;}
.solution_list .con{width:100%;font-size:14px;color:#666;padding-top:15px;line-height:30px;height:90px;overflow:hidden;}
.solution_list .hover{width:100%;padding:22px 0 36px 0;position:absolute;top:0;left:0;background:#73afdd;display:none;}
.solution_list .arrowT{border-left: 14px solid transparent;border-right: 14px solid transparent;border-bottom: 14px solid #73afdd;position:absolute;top:-14px;left:50%;margin-left:-14px;}
.solution_list .hover .con{height:auto;}
.solution_list .hover .title,
.solution_list .hover .con{width:82%;color:#fff;padding:0 9%;}
.solution_more{margin-top:20px;}

@media only screen and (max-width: 1024px) {
/*???????*/
.solution_banner{height:334px;}
.solution_banner .slide{height:334px;}
.solution_banner .slide a{height:334px;background-position:-250px top;}
.solution_banner .main{width:100%;height:155px;padding:0;top:auto;bottom:0;right:0;padding-bottom:10px;}
.solution_banner .title{line-height:94px;margin-bottom:0;padding:0 4%;}
.solution_banner .con{line-height:23px;padding:0 4%;}
.solution_banner .bx-pager{width:100%;bottom:16px;left:0;text-align:center;}
.solution_banner .bx-pager-item{display:inline-block;*display:inline;*zoom:1;width:8px;height:8px;margin:0 7px;float:none;}
.solution_banner .bx-controls-direction{display: none;}
.pc_solution_nav{display:none;}
.m_solution_nav{display:block;position:relative;line-height:34px;}
.m_solution_nav ul{position:absolute;width:100%;top:62px;left:0;border-top:1px solid #eee;background:#fff;z-index:20;display:none;}
.m_solution_nav ul a{color:#7d7d7d;}
.m_solution_nav p,
.m_solution_nav ul li{padding:14px 4% 14px 4%;color:#6aa9dc;font-size:14px;cursor:pointer;border-bottom:1px solid #eee;}
.m_solution_nav p i{display:block;width:34px;height:34px;float:left;margin-right:15px;background:url(/static/images/mobile/solubjh.png) no-repeat;background-size:auto 100%;}
.m_solution_nav ul li i{display:block;width:34px;height:34px;float:left;margin-right:15px;background:url(/static/images/mobile/solubj.png) no-repeat;background-size:auto 100%;}

/*.m_solution_nav li .icon2{background-position:-40px 0;}
.m_solution_nav li .icon3{background-position:-80px 0;}
.m_solution_nav li .icon4{background-position:-120px 0;}
.m_solution_nav li .icon5{background-position:-160px 0;}
.m_solution_nav li .icon6{background-position:-200px 0;}
.m_solution_nav li .icon7{background-position:-240px 0;}
.m_solution_nav p .icon1{background-position:-280px 0;}
.m_solution_nav p .icon2{background-position:-360px 0;}
.m_solution_nav p .icon3{background-position:-400px 0;}
.m_solution_nav p .icon4{background-position:-440px 0;}
.m_solution_nav p .icon5{background-position:-480px 0;}
.m_solution_nav p .icon6{background-position:-520px 0;}
.m_solution_nav p .icon7{background-position:-560px 0;}*/
.m_solution_nav .arrow1{width:23px;float:right;margin-top:12px;}	

.solution_vedio #vedio{height:400px;}
.solution_vedio{margin:0 0 5px 0;}
.solution_vedio .main{width:92%;padding:13px 4% 0 4%;background:none;position:relative;}
.solution_vedio .arrowL{position:absolute;left:50%;top:-12px;margin:0 0 0 -12px;border-left: 12px solid transparent;border-right: 12px solid transparent;border-bottom: 13px solid #fff;border-top:none;opacity:1;filter:alpha(opacity=100);}
.solution_vedio li{width:25%;}
.solution_vedio .title{color:#70addd;}
.solution_vedio .con{border-bottom:1px solid #dbdadf;}
.solution_list{padding-left:2%;padding-right:2%;}
.solution_list li{width:48%;}
.solution_list li:nth-child(2n){margin-right:0;}	
#solution_more{margin:10px auto 30px;}
}

@media only screen and (max-width: 750px) {
.solution_banner .title{line-height:47px;font-size:16px;}
.solution_banner .con{font-size:12px;}
.solution_vedio #vedio{height:220px;}
.solution_vedio li{width:50%;}
.solution_vedio .title{font-size:14px;line-height:34px;}
.solution_vedio .con{line-height:24px;font-size:12px;padding-bottom:14px;}
.solution_vedio ul{margin-top:17px;}
.solution_vedio li{margin-bottom:13px;}
.solution_vedio li a{font-size:13px;}

.solution_subnav{padding:5px; margin-top:10px;}
.solution_subnav li{width:20%; height:40px; line-height:40px;}

.solution_list{margin-top:6px;}
.solution_list li{width:100%;float:none;margin:0;}
.solution_list .img{height:360px;}
.solution_list .main{height:auto;background:none;padding:16px 4% 13px 4%;}
.solution_list .main .title,
.solution_list .main .con{display:none;}
.solution_list .hover{display:block !important;position:relative;padding:0;background:none;width:100%;}
.solution_list .hover .arrowT{display:none;}
.solution_list .main .hover .title,
.solution_list .main .hover .con{display:block;}
.solution_list .main .hover .title{color:#000;}
.solution_list .main .hover .con{color:#666;padding-top:10px;}

.solution_list .main .hover .title{font-size:16px;line-height:25px;padding:0;}
.solution_list .main .hover .con{font-size:12px;line-height:25px;padding:0;}
.solution_list .img{height:180px;}
}

@media only screen and (max-width: 414px) {
/*???????*/
.solution_list .img{height:180px;}
}