.solution-page{background:url(../images/solution/solution-banner.png);color:#fff;padding:100px 0 100px}.solution-page .container{padding:0 100px}.solution-page .container h2{font-size:46px;text-align: center;}.solution-page .container p{font-size:16px;text-align: center;}@media screen and (max-width:640px){.solution-page{padding:55px 0 60px}.solution-page .container{padding:0 15px}.solution-page .container h2{font-size:28px}.solution-page .container p{font-size:14px}}.solution-container{margin-top:50px}.solution-container .am-tabs{margin:0 auto;width:1000px}.solution-container .am-tabs .am-tabs-nav{width:500px;margin:0 auto}.solution-container .am-tabs .am-tabs-nav li{padding:9px 0}.solution-container .am-tabs .am-tabs-nav li a{color:#262626}.solution-container .am-tabs .am-tabs-nav li.am-active{background:#34c1e4;padding:9px 0;border-radius:4px}.solution-container .am-tabs .am-tabs-nav li.am-active a{color:#fff}.solution-container .am-tabs .am-tabs-bd{border:0}.solution-container .am-tabs .am-tabs-bd div[class^=am-tab-pane]{padding:0;margin:30px 0}.solution-container .am-tabs .am-tabs-bd .am-g div{margin:15px 0}.solution-container .am-tabs .am-tabs-bd .am-g div a{display:block}.solution-container .am-tabs .am-tabs-bd .am-g div a img{width:100%}@media screen and (max-width:640px){.solution-container .am-tabs{width:100%}.solution-container .am-tabs .am-tabs-nav{width:100%;padding:0 15px}.solution-container .am-tabs .am-tabs-nav li a{font-size:14px}.solution-container .am-tabs .am-tabs-bd div[class^=am-tab-pane]{margin:15px 0}}.o2o-container .am-g{margin:0 auto;width:953px}.cooperation-container,.o2o-container .am-g .am-u-md-4{margin-top:50px}.o2o-container .am-g .am-u-md-4 .o2o-box{background:#fff!important;color:#262626}.o2o-container .am-g .am-u-md-4 .o2o-box img{width:100%}.o2o-container .am-g .am-u-md-4 .o2o-box .o2o-content{padding:35px 28px 34px}.o2o-container .am-g .am-u-md-4 .o2o-box .o2o-content h3{font-size:18px}.o2o-container .am-g .am-u-md-4 .o2o-box .o2o-content p{font-size:14px}@media screen and (max-width:640px){.o2o-container .am-g{width:100%}.o2o-container .am-g .o2o-content{padding:0}}.cooperation-container .am-tabs{margin:0 auto;width:1000px}.cooperation-container .am-tabs .am-tabs-nav{width:500px;margin:0 auto}.cooperation-container .am-tabs .am-tabs-nav li{padding:9px 0}.cooperation-container .am-tabs .am-tabs-nav li a{color:#262626}.cooperation-container .am-tabs .am-tabs-nav li.am-active{background:#34c1e4;padding:9px 0;border-radius:4px}.cooperation-container .am-tabs .am-tabs-nav li.am-active a{color:#fff}.cooperation-container .am-tabs .am-tabs-bd{border:0}.cooperation-container .am-tabs .am-tabs-bd div[class^=am-tab-pane]{padding:0;margin:30px 0}.cooperation-container .am-tabs .am-tabs-bd .am-thumbnails li{border-right:1px dashed #e9e9e9;border-bottom:1px dashed #e9e9e9}.cooperation-container .am-tabs .am-tabs-bd .am-thumbnails li a{width:180px;height:89px;display:table-cell;text-align:center;vertical-align:middle}.cooperation-container .am-tabs .am-tabs-bd .am-thumbnails li a img{border:0;margin:10px auto}@media screen and (max-width:640px){.cooperation-container .am-tabs{width:100%}.cooperation-container .am-tabs-nav{width:100%!important}}

/*技术方案展示*/

.index-container{
	margin-top: 50px;
}
.features_item{
	width: 262px;height: 340px;background-color: #f4f4f4;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);overflow: hidden;
}
.features_item h3{
	padding-left: 20px;color:#333;
}
.features_item p{
	padding:0 20px;color: #999;
}
.faimg{
	width: 1200px;
	margin: auto;
}


/*方案特点*/
.blocksbox ul,li{
	list-style-type:none
}
        .blocks
        {
            margin: auto;
            max-width:1200px;
        }
        
        .blocks li
        {
            
            cursor: default;
            position: relative;
            -webkit-transition: .3s cubic-bezier(.3,0,0,1.3);
            transition: .3s cubic-bezier(.3,0,0,1.3);
            width:250px; height:342px;
            border-radius:2px;
            
        }
        .li h2{width:250px; height:50px;
			color:#fff;
			font-size: 20px;line-height:50px;
			position:absolute;top:120px;text-align: center;
			background-image:url(../icons/dedian-bj.png);

			}
		.liimg{
			width:250px; height:342px;
            border-radius:2px;
			overflow:hidden;
			}
		.liimg img{width:250px; height:342px;}
		.span{width:250px; height:342px;}
        .blocks li:hover
        {
            -webkit-transform: scale(.5);
            -ms-transform: scale(.5);
            transform: scale(.5);
            z-index: 999;
			border-radius:2px;
        }
        
        .popup
        {	
			opacity:0;
            background-color:#000000;
            color: #fff;
            height: 342px;
            width: 250px;
            left: 0;
            position: absolute;
            top: 0;
            border-radius:2px;
            -webkit-transition: .3s cubic-bezier(.3,0,0,1.37);
            transition: .3s cubic-bezier(.3,0,0,1.37);
        }
        
		
		
        .popup span
        {
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
			width:250px; height:342px;
			border-radius:2px;
        }
	
		.spantext{
			position:absolute;top:100px; left:30px;
			opacity:1;
			color: #fff;width:182px;
			}
		
		.spantext p{
			 margin-top:20px;
			 line-height:24px;
			 font-size: 14px;
			}
	
		
        .spantext h3
        {	
			text-align: center;
			font-weight: bold;
            font-size: 20px;
        }
        
        .blocks li:hover .popup
        {
            border-radius:2px;
			opacity:1;
			color:#fff;
            -webkit-transform: scale(2.1);
            -ms-transform: scale(2.1);
            transform: scale(2.1);
            box-shadow: 0 0 10px 2px rgba(0,0,0,.1);
        }

        .blocks li:hover img
        {
			 -webkit-filter: blur(10px);
        	 -moz-filter: blur(10px);
       		 -ms-filter: blur(10px);    
             filter: blur(2px);
   	 		 filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false); /* IE6~IE9 */

        }

		.blocksbox{ width:1200px; height:342px; margin:auto; margin-bottom:50px}
		.blocks li{ float:left; margin-left:16px; margin-right:16px;}
		.technical{width:1200px;margin:auto;
			
			
}