/*首页*/
/*banner*/
.banner{
    width: 100%;
    height: 440px;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-container-fade .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}
.swiper-slide0 {
	background: url(../img/banner.png) repeat-x center;     
}
.swiper-slide1 {
	background: url(../img/banner01.png) repeat-x center; 
    background-size: auto 100%;   
}
.swiper-slide2 {
	background: url(../img/banner02.png) repeat-x center; 	
    background-size: auto 100%;
}
.swiper-slide3{
	background: url(../img/banner03.png) repeat-x center;    
    background-size: auto 100%;
}
.swiper-slide4 {
	background: url(../img/banner04.png) repeat-x center;
    background-size: auto 100%;
}
.swiper-slide5{
	background: url(../img/banner05.png) repeat-x center;  
        background-size:auto 100%;   
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme/default/themes/img/banner05.png',sizingMethod='scale'); 
}
.swiper-slide6 {
	background: url(../img/banner06.png) repeat-x center;
    background-size: auto 100%;
}
.swiper-slide7{
	background: url(../img/banner07.png) repeat-x center;  
        background-size:auto 100%; 
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme/default/themes/img/banner07.png',sizingMethod='scale'); 
}
.swiper-slide8 {
	background: url(../img/banner08.png) repeat-x center;
        background-size:auto 100%;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme/default/themes/img/banner08.png',sizingMethod='scale'); 
}
.swiper-slide9 {
	background: url(../img/banner-t.png) repeat-x center;
      
}
/*修改swiper默认样式*/
.swiper-pagination-bullet {
    width: 50px;
    height: 5px;
    display: inline-block;
    border-radius: 0;
    opacity: .5;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #000;
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {    
	background: url(../img/r2.png) no-repeat center;
    background-size: 100%;
    right: 0px;
    width: 50px;
    height: 80px;
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background: url(../img/l2.png) no-repeat center;
    background-size: 100%;
    left: 0px;
    width: 50px;
    height: 80px;
}

/*产品&方案*/
.probox{
	width: 100%;
	height: 526px;
	background: #fff;
}
.pro{
	width: 1200px;
	height: 526px;
	padding: 54px 0;
	background: #fff;
	margin: 0 auto;
}
.pro img{height:68px}
.pro-title,.news-title,.game-title,.cprz-title{
	    width: 1200px;
	    background: url(../img/line-2.png) no-repeat;
        background-size:100% auto;
        background-position-x:50%;
	    margin: 0 auto;
        height:2px;
        margin-bottom:60px;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme/default/themes/img/line-2.png',sizingMethod='scale');
}
.pro-title p ,.news-title p ,.game-title p ,.cprz-title p{
    width: 223px;
    height: 60px;
    line-height: 60px;
    margin: 0px auto;
    position: relative;
    top: -30px;
    text-align: center;
    color: #333333;
    font-size: 30px;
}
.pro .pro-m {
	   width: 1200px;   
       background-color: #fff;

}
/*四个*/
.pro .pro-ms {
	width: 100%;
	text-align: center;
        border-bottom: 1px #f1f1f1 solid;
}
.pro .pro-ms a {
    width: 296px;
    height: 110px;
    display: inline-block;
    padding: 48px 0;
border-right: 1px #f1f1f1 solid;
}
.pro .pro-ms a:hover {
	-moz-box-shadow:3px 3px 10px #ccc;
	-webkit-box-shadow:3px 3px 10px #ccc;
	box-shadow:6px 3px 10px #ccc;
}
.pro .pro-ms a.pro-a2{
    /*margin: 0 25px;*/
}
.pro .pro-mb {
	/*margin-top: 24px;*/
}
.pro .pro-ms dt{
	height: 70px;
}
/*.pro .pro-ms dt img{
	height: 75px;
}20171218为防止图标缩放失真*/
.pro .pro-ms dd{
	color: #999;
	font-size: 14px;
}
.pro .pro-ms .pro-tit{
	color: #333;
	font-size: 20px;    
	margin-top: 14px;
}



/*资讯-三个*/
.pro .pro-ms-san {
	width: 100%;
	text-align: center;
        border-bottom: 1px #f1f1f1 solid;
}
.pro .pro-ms-san a {
    width: 398px;
    height: 110px;
    display: inline-block;
    padding: 48px 0;
border-right: 1px #f1f1f1 solid;
}
.pro .pro-ms-san a:hover {
	-moz-box-shadow:3px 3px 10px #ccc;
	-webkit-box-shadow:3px 3px 10px #ccc;
	box-shadow:6px 3px 10px #ccc;
}
.pro .pro-ms-san a.pro-a2{
    /*margin: 0 25px;*/
}
.pro .pro-mb {
	/*margin-top: 24px;*/
}
.pro .pro-ms-san dt{
	height: 70px;
}
/*.pro .pro-ms dt img{
	height: 75px;
}20171218为防止图标缩放失真*/
.pro .pro-ms-san dd{
	color: #999;
	font-size: 14px;
}
.pro .pro-ms-san .pro-tit{
	color: #333;
	font-size: 20px;    
	margin-top: 14px;
}



/*资讯*/
.newsbox{
	width: 100%;
	height: 570px;
	background: #fff;
}
.news{
	width: 1200px;
	height: 436px;
	padding: 60px 0 40px;
	margin: 0 auto;
}
.news-title p{
	background: #fff;
}
.news-tab{
	width: 1200px;
	height: 40px;
	background: url(../img/line.png) no-repeat;
	margin: 0 auto;
	position: relative;
}
.news-tab .newstab-l {
    position: absolute;
    top: -36px;
    background: #fff;    
    padding-right: 10px;
}
.news-tab .newstab-l p {
	height: 30px;
    line-height: 30px;
    padding: 0 36px;
    border-radius: 20px;
    background: #e9e9e9;
    color: #666;
    margin: 20px 8px;
    border: none;
    display: inline-block;
    font-size:14px;
}
.news-tab .newstab-l .p-active {
    color: #fff;
    background: #f63b2e;
}
.news-tab .newstab-r {
	position: absolute;
    top: -15px;
    background: #fff;
    padding-left: 14px;    
    right: 0;
}
.news-tab .newstab-r a{
	color: #f63b2e;
	font-size: 14px;
}
.news-main{
	width: 1200px;
}
.news-head{width: 568px;
    line-height: 50px;
    color: #333;}
.news-head .head1{font-size: 20px;
    font-weight: bold;
    display: inline-block;
    border-bottom: 2px solid #f63b2e;
    width: 40px;}
.news-head .head2{width: 528px;line-height: 50px;display: inline-block;
    border-bottom: 1px solid #efefef;line-height: 50px;color:#fff;}
.news-anniu{    display: block;
    width: 140px;
    height: 40px;
    text-align: center;
    color: #999;
    line-height: 40px;
    font-size: 14px;
    margin: 0 auto;
    border-radius: 20px;
    border: 1px solid #e5e5e5;
    margin-top: 24px;}

.news-anniu:hover{color:#333}
.news-m {
    width: 568px;
    height: 60px;
    border-bottom: 1px solid #efefef;
    /*border-radius: 5px;*/
    padding:10px 0 5px 0;
    display: inline-block;
}
.news-m:hover {
	-moz-box-shadow:5px 5px 10px #ccc;
	-webkit-box-shadow:5px 5px 10px #ccc;
	box-shadow:5px 5px 10px #ccc;
        border: none;
}
.news-img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    margin-right: 16px;
    overflow: hidden;
}
.news-img img{
	width: 64px;
	height: 64px;
}
.news-r {
	width: 558px;
    color: #fff;
}
.news-r .news-a{
	font-size: 15px;
    color: #333333;
    line-height: 30px;
    display: inline-block;
}
.news-r .news-b {
	font-size: 14px;
    color: #999999;
    line-height: 25px;
}

.news-r .news-b .addr {
    /*background: url(../img/addr.png) no-repeat left center;
    padding-left: 17px;*/    
    margin-right: 20px;
}

.news-r .news-b .time{
    background: url(../img/time.png) no-repeat 4px center;
    padding-left: 20px;
}

.news-r .news-btn {
    padding: 0 13px;
    background: #ccc;
    border-radius: 20px;
    color: #fff;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    margin-top: 8px;
}
.news-r .news-ing {
    background: #ff676b;
}

/*大赛*/
.gamebox{
	width: 100%;
	height: 400px;
	/*background:url(../img/gamebox.png) no-repeat center top;
background-size: auto 100%;*/
}
.game{
	width: 1200px;
	height: 321px;
	padding: 54px 0;
	margin: 0 auto;
}
.game-m {
        display: inline-block;
        float:left;
        width: 292px;
        height: 200px;
        background: #fff;
        text-align: center;
        margin-bottom: 8px;
}
.game-m:hover {
	-moz-box-shadow:1px 4px 20px #ccc;
	-webkit-box-shadow:1px 4px 20px #ccc;
	box-shadow:1px 4px 20px #ccc;
}
.game-m1 {
    margin-left:0px;
}
.game-m4 {
    margin-right:0px;
}
.game-m dt{
    display: inline-block;
    width: 100%;
    height: 200px;
    position: relative;
}
.game-m1 dt{
	/*background: url(../img/dsbg1.png) no-repeat;
	background-size: 100% 100%;*/
background-color: #5daf8c;
}
.game-m2 dt{
	background-color:#b36890;
}
.game-m3 dt{
	background-color:#a58bd0;
}
.game-m13 dt{
	background-color:#bf9164;
}
.game-m4 dt{
	background-color:#7f91e0;
}
.game-m dt img{
    margin-top: 28px;

}
.game-m dt div {
    width: 100%;
    height: 160px;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0;
    background: rgba(0,0,0,.6);
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
    padding-top: 40px;
    display: none;
}
.game-m:hover div{
    display: block;
}
.game-m .game-tit{
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #f6f6f6;
    color: #333;
    font-size: 19px;
}
.game-m .gw {
    height: 43px;
    line-height: 43px;
    color: #f63b2e;
    font-size: 14px;
    display: inline-block;
}
.game-m .gw span {
    display: inline-block;
    width: 20px;
    height: 10px;
    background: url(../img/icon4red.png) no-repeat center;
}

.game-con h6{
font-size: 20px;
font-weight: bold;
color: #fff;}
.game-con p{font-size: 12px;
color: #fff;}
.game-m dt div p{font-size: 14px;
color: #fff;font-weight: normal;}
.game-m dt div p img{    
margin-top: 0;      
vertical-align: middle;
margin-bottom: 4px;}



.s-game-m dt img{
    margin-top: 28px;
}
.s-game-m dt div {
    width: 100%;
    height: 160px;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0;
    background: rgba(0,0,0,.6);
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
    padding-top: 40px;
    display: none;
}
.s-game-m:hover div{
    display: block;
}
.s-game-m {
        display: inline-block;
        width: 100%;
        height: 200px;
        background: #fff;
        margin-right: 11px;
        text-align: center;
    margin-bottom: 5px;
}
.s-game-m:hover {
	-moz-box-shadow:1px 4px 20px #ccc;
	-webkit-box-shadow:1px 4px 20px #ccc;
	box-shadow:1px 4px 20px #ccc;
}
.s-game-m1 {
    margin-left:0px;
}
.s-game-m3 {
    margin-right:0px;
}
.s-game-m dt{
    display: inline-block;
    width: 100%;
    height: 200px;
    position: relative;
}
.s-game-m1 dt{
	/*background: url(../img/dsbg1.png) no-repeat;
	background-size: 100% 100%;*/
background-color: #cfb659;
}
.s-game-m11 dt{
	/*background: url(../img/dsbg1.png) no-repeat;
	background-size: 100% 100%;*/
background-color: #84bdd0;
}
.s-game-m2 dt{
	background-color:#d86061;
}
.s-game-m3 dt{
	background-color:#a58cd0;
}
.s-game-m dt div p img{    
margin-top: 0;      
vertical-align: middle;
margin-bottom: 4px;}
.s-game-m dt div p{font-size: 14px;
color: #fff;font-weight: normal;}









.dscp:hover div{
    display: block;
    background: rgba(0,0,0,.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);
    -webkit-transition: background 0.9s;
    transition: background 0.9s;
    z-index: 0;
}
.dscp:hover dt::before,.dscp:hover dt::after{
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.dscp dt::before,.dscp dt::after{
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
.dscp dt::before{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1); 
    z-index: 1;
}
.dscp dt::after{
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);

}
.dscp dt:hover div p{
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.dscp dt div p{
    /*padding: 20px 2.5em;*/
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
}

/*测评认证*/
.cprz-box{width: 100%;
	height: 430px;
	background:url() no-repeat center top;
        background-size: auto 100%;font-family:"微软雅黑";}
.cprz-box .cprz{width: 1200px;

	padding: 54px 0;
	margin: 0 auto;}
.cprz-box dl{
    display: inline-block;    
    width: 384px;
    height: 200px;
    text-align: left;
    margin-right:19px;}
.cprz-box dt{padding-left: 28px;    padding-bottom: 40px;}
.cprz-box .m1{background:url(../img/cprz-1.png) no-repeat;background-size: 384px auto;}
.cprz-box .m2{background:url(../img/cprz-2.png) no-repeat;background-size: 384px auto;}
.cprz-box .m3{background:url(../img/cprz-3.png) no-repeat;background-size: 384px auto;}
.cprz-box h2{font-size:22px; font-weight:bold;color:#fff;line-height: 50px;
    padding-top: 20px;}
.cprz-box h6{font-size:16px; color:#fff;line-height: 20px;}
.cprz-box m{color: #fff;font-size: 14px;display: block;margin-top: 4px;}
.cprz-box p a{font-size:14px; color:#fff;line-height: 60px;padding-bottom: 40px;}