@charset "utf-8";
/* CSS Document */

body{font-size:14px; color:#666; background:#f5f5f5; font-family:Microsoft YaHei; line-height:24px;}
a{color:#666; text-decoration:none;}
.f18{font-size:18px;}
.red{color:#e95353;}
.pt30{padding-top:30px;}
.pl80{padding-left:80px;}

.banner{background:url(../images/banner.jpg) center top no-repeat; width:100%; height:406px;}
.banner a{width:135px; height:50px; position:absolute; left:272px; top:246px;}

.title{height:48px; border-bottom:2px solid #d1d1d1; position:relative; margin-top:45px;}
.title span{font-size:24px; position:absolute; left:0; top:0; line-height:48px; line-height:48px; border-bottom:2px solid #666;}
.btn_jion a{display:block; font-size:18px; position:absolute; right:0; top:8px; height:35px; line-height:35px; background:#fc4545; color:#FFF;}
.tab_m{margin-top:30px;}
.tab_m ul{background:url(../images/tab_bag.jpg) left top no-repeat; height:87px; padding-left:60px; width:965px;}
.tab_m ul li{float:left; width:70px; display:inline; text-align:center; background:url(../images/tab_link.png) no-repeat; height:87px; color:#FFF; line-height:75px; margin-right:123px; font-size:22px; cursor:pointer;}
.tab_m ul li.hover_{background:url(../images/tab_hover.png) no-repeat;}
.tab_bx{width:980px; height:239px; background:#FFF; margin-top:10px;}
.pic_show{width:990px;}
.pic_show li{float:left; position:relative; text-align:center; margin-right:10px; margin-top:10px;}
.pic_show li a{display:block; width:100%; height:136px;}
.pic_show li p{position:absolute; bottom:0; left:0; width:100%; color:#FFF; height:30px; line-height:30px;}
.pic_show li p{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);}
:root .pic_show li p{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');}/*for IE9*/ 
:root .pic_show li p{filter:none;}/*for IE9*/
.collection .pic_show li a{display:block; width:100%; height:196px;}
.artron{width:100%; background:#2a2a2b; margin-top:70px;}
.title_bk{height:48px; border-bottom:2px solid #1e1e1e; position:relative;}
.title_bk span{font-size:24px; position:absolute; color:#fff; left:0; top:0; line-height:48px; line-height:48px; border-bottom:2px solid #666;}
.summary{padding-top:20px;}
.sumBox{width:232px; height:232px; margin-top:45px;}
.sumBox h2{font-size:30px; color:#FFF; text-align:center; width:100%; padding-top:60px;}
.sumBox p{width:100%; text-align:center; font-size:18px; color:#FFF; margin-top:20px;}
.red_bg{background:url(../images/red_bg.jpg) no-repeat;}
.blue_bg{background:url(../images/blue_bg.jpg) no-repeat;}
.yellow_bg{background:url(../images/yellow_bg.jpg) no-repeat;}
.green_bg{background:url(../images/green_bg.jpg) no-repeat;}
.score{margin-top:50px;}
.score img{margin-top:70px;}


.footer{height:193px; line-height:193px; font-size:18px; background:#f5f5f5; width:100%; color:#7a7a7a;}

@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){ body{margin-left:4%; width:100%; }}
@media only screen and (max-device-width :480px){body{margin-left:4%; width:100%; } }

/*6*/
@media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){
	body{margin-left:5%; width:100%;}	
}

/*6+*/
@media (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3){
	body{margin-left:8%; width:100%;}		
}

/*魅族*/
@media only screen and (min-device-width :1080px) and (-webkit-min-device-pixel-ratio : 2.5){ }

/*mate7*/
@media only screen and (min-device-width :1080px) and (-webkit-min-device-pixel-ratio : 3){ }

/*4 4s*/
@media only screen and (device-height :480px) and (-webkit-device-pixel-ratio:2){ body{margin-left:2%; width:100%; }}