body{font:13px/22px Verdana,Arial,sans-serif; color:#1f2026; text-align:justify; background-color:#fff; min-width:1060px;}
html, body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, dl, dt, dd{padding:0; margin:0;}
a{color:#29acff; outline:none; text-decoration:none;}
a:hover{text-decoration:underline; color:#ffd311;}
li{list-style:none;}
img{vertical-align:middle; border:0;}
.clear{clear:both; height:0;}
.detail{width:1060px; margin:0 auto;}
/************************/

#header{background-color:#3f454d;}
#header .logo{float:left; padding-top:13px;}
#header ul{float:right; text-align:center;}
#header ul li{display:inline-block; font-size:11px;}
#header ul li a{color:#d0d4da; display:block; padding:13px 25px 7px;}
#header ul li a:hover{text-decoration:none;}
#header ul li a p{line-height:21px;}
/************************/

#banner_con{background:#2d343c url(../image-style/mediatrans/banner_bg.jpg) no-repeat top center; text-align:center; color:#babfc4;}
#banner_con .product_mt{width:485px; margin:0 auto; padding:33px 0 5px;}
#banner_con .product_mt > img{float:left; padding-right:20px;}
#banner_con h1{font-size:46px; color:#fff; font-weight:400; line-height:35px; text-align:left;}
#banner_con h1 a{color:#fff;}
#banner_con h1 span{font-size:14px; color:#59bffd; display:block;}
#banner_con .detail > p{font-size:17px; text-align:justify; width:773px; margin:0 auto; padding-bottom:20px;}
#banner_con .func{ margin:0 auto; padding:15px 0 30px 0; width:660px; height:55px;}
#banner_con .func li{ width:165px; float:left;}
#banner_con .detail > p a{color:#7aca3a;}
#banner_con .detail > p a:hover{text-decoration:none;}
#banner_con .time_btn{width:615px; height:61px; margin:0 auto 15px;}
#banner_con .time_btn a{margin:0 15px;}
#banner_con .time_btn p{float:left; font-size:20px; line-height:50px;}
#banner_con .digiarty-timer{float:left; width:344px; padding-top:6px;}
#banner_con .digiarty-timer ul li{float:left; width:50px; height:50px; line-height:60px; text-align:center; font-size:24px; color:#333; background-repeat:no-repeat; background-position:center; margin:0 5px;}
#banner_con .digiarty-timer ul li:nth-child(1){background-image:url(../image-style/mediatrans/d.png);}
#banner_con .digiarty-timer ul li:nth-child(2){background-image:url(../image-style/mediatrans/h.png);}
#banner_con .digiarty-timer ul li:nth-child(3){background-image:url(../image-style/mediatrans/m.png);}
#banner_con .digiarty-timer ul li:nth-child(4){background-image:url(../image-style/mediatrans/s.png);}
#banner_con .detail > span a{text-decoration:underline;}
/*-------------------*/
#type{width:570px; margin:0 auto 15px; line-height:50px;}
#type .choose_type{float:left; font-size:17px;}
#type select{width:210px; font-size:14px; height:30px; color:#2d343c;}
#type .btn{float:right; display:none;}
/************************/

#banner_pic{background:url(../image-style/mediatrans/banner_pic.png) no-repeat center; height:470px;}
/************************/

#main01{text-align:center;}
#main01 h2{font-size:20px; padding:35px 0;}
#main01 .main01_one{width:250px; display:inline-block; margin-right:20px; vertical-align:top;}
#main01 h4{font-size:20px; font-weight:400; padding-bottom:10px;}
#main01 .main01_one p{color:#6d7073;}
#main01 .main01_four{margin-right:0;}
#main01 .detail .btn{text-align:center; padding:35px 0 20px;}
#main01 .detail .btn a{margin:0 15px;}
#main01 .choose_btn .down, #main01 .choose_btn .buy{display:inline-block; margin:40px 25px 15px;}
#main01 .choose_btn .down p{padding:2px 0; border:1px solid #cdcdcd; border-radius:5px; width:205px; margin:0 auto 5px; color:#2d343c;}
#main01 .choose_btn .button{display:none;}
#main01 .choose_btn .choose_box select{height:28px; border:1px solid #cdcdcd; font-size:13px; border-radius:5px; margin-bottom:5px; width:207px;}
/************************/

#main02{background:url(../image-style/mediatrans/main02.jpg) no-repeat bottom center;}
#main02 .detail{padding-top:25px; display:table;}
#main02 .txt, #main02 .img{display:inline-table; vertical-align:middle;}
#main02 .txt{width:685px; padding-top:15px;}
#main02 p{font-size:16px; padding-top:25px; display:inline-block; width:342px;}
#main02 p img{padding-right:15px;}
/************************/

#main03 h2{background-color:#2db6f0; text-align:center; line-height:50px; font-size:20px; color:#fff; font-weight:400;}
#main03 span.arrow{text-align:center; display:block;}
#main03 .products{padding:20px 0; border-bottom:1px solid #e0e0e1;}
#main03 .products .b_b{border-bottom:0; float:left;}
#main03 .products .img{display:inline-block; padding:35px 12px 0 0; vertical-align:top; float:left;}
#main03 .p_info{display:inline-block; width:650px;}
#main03 .p_info h3{font-size:22px; font-weight:400;}
#main03 .p_info h3 a{color:#1f2026;}
#main03 .p_info h3 span{color:#f00;}
#main03 .p_info p{font-size:14px; color:#6d7073; padding:10px 0 20px;}
#main03 .p_info ul{background-color:#f8fcff; padding:10px 0 10px 10px;}
#main03 .p_info ul li{display:inline-block; width:315px;}
#main03 .p_info ul li.m_b{margin-bottom:15px;}
#main03 .p_info .btn{text-align:center; padding:20px 0 15px;}
#main03 .p_info .btn a{margin:0 15px;}
/************************/

#main04{background:url(../image-style/mediatrans/main04.jpg) no-repeat center; height:470px; color:#fff;}
#main04 h2{font-size:24px; font-weight:bold; padding:60px 0; text-align:center; background:url(../image-style/mediatrans/line.png) no-repeat center 92px;}
#main04 .main04_content{width:970px; height:265px; margin:0 auto; position:relative; overflow:hidden;}
#main04 .main04_box{position:absolute; left:0; top:0; width:3000px;}
#main04 .main04_box .box_one{text-align:center; float:left; width:970px;}
#main04 .box_one > img{padding:5px 0 20px;}
#main04 .box_onet{font-size:14px; background:url(../image-style/mediatrans/icon.png) no-repeat center; line-height:23px;}
#main04 .box_one .other{padding:20px 0 0; font-size:14px;}
#main04 .main04_bottome{text-align:center; cursor:pointer;}
/************************/

#main05{background-color:#20252c; padding-top:35px;}
#main05 .main05_one{color:#919eac; display:table; padding-bottom:35px;}
#main05 .main05_two{float:left;}
#main05 .main05_three{float:right;}
#main05 .img{padding-right:20px;}
#main05 .txt, #main05 .img{display:inline-table; vertical-align:middle;}
#main05 h3{font-size:18px; color:#e0e7ef; font-weight:400;}
#main05 .main05_one .txt{width:965px;}
#main05 .main05_two .txt{width:380px;}
#main05 .main05_three .txt{width:455px;}
/************************/

#footer{background:#1f222a; color:#767f86; text-align:center;}
#footer p{padding:5px 0;}
#footer p a{color:#767f86; text-decoration:none;}
#footer p a:hover{text-decoration:underline; color:#21d2f8;}
#footer p i{display:block; height:40px; line-height:38px; font-style:normal;}
/************************/

@media (max-width:980px) {
	body{min-width:100%;}
	.detail{width:100%;}
	#main02 .detail, #main03 .products, #main05 .img{text-align:center;}
	#main02 p, #main03 .p_info p, #main03 .p_info ul{text-align:left;}
	#banner_con .detail > p, #main04 .main04_content, #main05 .main05_two{width:100%;}
	/********************/
	
	#main01 .main01_one{padding-bottom:30px;}
	/********************/
	
	#main02{background:#EBEFF2; margin-top:20px;}
	#main02 .detail, #main02 .txt{padding-top:0;}
	#main02 .img{padding-top:20px;}
	/********************/
	
	#main05 .img{width:10%; padding-right:0;}
	#main05 .main05_one .txt{width:89%;}
	/********************/
}

@media (max-width:768px) {
	#header ul, #header .logo, #banner_con .digiarty-timer{float:none;}
	#header .logo, #banner_con .digiarty-timer{margin:0 auto 20px;}
	#banner_con .time_btn, #main02 .txt, #main03 .p_info{width:100%;}
	/********************/
		
	#header .logo{width:129px;}
	/********************/
	
	#banner_con{background-color:#2D343C;}
	#banner_con h1{font-size:40px;}
	#banner_con h1 span{font-size:12px;}
	#banner_con .product_mt{width:440px;}
	#banner_con ul.func{padding-bottom:0;}
	#banner_con ul.func li{width:98px; margin:0 15px 10px;}
	#banner_con .time_btn{height:auto;}
	#banner_con .time_btn a:nth-child(1){display:inline-block; margin-bottom:10px;}
	/********************/
	
	#main01 .detail .btn{padding-top:0;}
	#main01 .detail .btn a{margin-bottom:10px; display:inline-block;}
	/********************/
	
	#main03 .p_info ul{padding-left:0; text-align:center;}
	#main03 .p_info ul li{text-align:left; margin-bottom:15px; width:311px;}
	#main03 .p_info ul li.mb_0{margin-bottom:0;}
	#main03 .p_info .btn a.mb_10{margin-bottom:10px; display:inline-block;}
	/********************/
	
	#main05 .main05_one .txt{width:80%;}
	/********************/
}

@media (max-width:480px) {
	#banner_con .product_mt, #banner_con .digiarty-timer, #main01 .detail .icons img, #main02 p, #main02 .img img, #main03 .products .img img, #main03 .p_info ul li, #main05 .main05_one .txt, #main05 .img{width:100%;}
	/********************/
		
	#header ul li{width:122px;}
	/********************/
	
	#banner_con .product_mt > img, #banner_con .time_btn p{float:none;}
	#banner_con h1, #main05 .img{text-align:center;}
	#banner_con h1 span{line-height:18px; padding-top:10px;}
	#banner_con .digiarty-timer ul{width:240px; margin:0 auto;}
	/********************/
	
	#main01 .detail .btn{padding-top:0;}
	/********************/
	
	#main05 .img{display:block; padding-bottom:10px;}
	/********************/
}