﻿body { font:11px/20px Verdana, Arial, sans-serif; margin:0; padding:0; min-width:1100px; color:#333; }
p, h1, h2, h3, h4, h5, h6, ul, li, ol, dd, dt, dl { margin:0; padding:0; font-weight:400; }
.clear { clear:both;}
img { border:0;}
/*----------------------------*/
a { color:#45b9f2; text-decoration:none;}
a:hover { color:#FF6600; text-decoration:underline;}
/*----------------*/
.DivMain01 { background:url(../new-phones/banner.jpg) center no-repeat; }
.DivMain01 .detail { height:409px; margin:0 auto; width:1100px; }
.DivMain01 .detail h1 { text-align:center; font-size:48px; color:#FFF; padding:150px 0 0; line-height:60px; }
.DivMain01 .detail h1 i { font-size:36px; font-style:normal; display:block;}
/*----------------------------*/
.DivMain02 {  }
.DivMain02 .detail {  margin:0 auto; width:1100px; }
.DivMain02 .detail h2 { font-size:17px; padding:25px 10px; line-height:28px; }
/*----------------------------*/
.DivMain03 {  }
.DivMain03 .detail {  margin:0 auto; width:1084px; padding:20px 8px; height:417px; color:#fff;}
.DivMain03 .detail .one { width:732px; float:left; background:url(../new-phones/01.jpg) no-repeat; height:417px;}
.DivMain03 .detail .one .big_t{ padding:328px 0 20px 11px; font-size:25px;}
.DivMain03 .detail .one .small_t{ padding:0 0 0 13px; font-size:15px;}
.DivMain03 .detail .two { width:166px; float:left; margin:0 10px; font-size:19px;line-height:30px; }
.DivMain03 .detail .two a.two_one{ background-color:#e13f3c; width:166px; height:103px; padding-top:70px; display:inline-block; text-align:center; color:#fff; margin-bottom:10px;}
.DivMain03 .detail .two a:hover{ text-decoration:none;}
.DivMain03 .detail .two a.two_two{ background-color:#f0bf49; width:166px; height:164px;padding-top:70px; display:inline-block; text-align:center; color:#fff; }
.DivMain03 .detail .three { width:165px; float:left;font-size:19px;line-height:30px; }
.DivMain03 .detail .three a.three_one{ background-color:#3399db; width:165px; height:140px; padding-top:93px; display:inline-block; text-align:center; color:#fff; margin-bottom:10px;}
.DivMain03 .detail .three a:hover{ text-decoration:none;}
.DivMain03 .detail .three a.three_two{ background-color:#27ae61; width:165px; height:120px;padding-top:54px; display:inline-block; text-align:center; color:#fff; }


/*----------------------------*/
.DivMain04 {  }
.DivMain04 .detail {  margin:0 auto; width:1100px; padding:30px 0; }
.DivMain04 .detail h2 { font-size:29px; padding:30px 10px 0; line-height:60px; }
.DivMain04 .detail h3 { font-size:17px; padding:25px 10px; line-height:28px; }
.DivMain04 .detail .left { width:515px; float:left;}
.DivMain04 .detail .right { width:555px; padding:15px; float:left;}
.DivMain04 .detail .right h4 { font-size:19px; padding:15px 0 0 10px;}
.DivMain04 .detail .right ul { padding:15px 0 15px 25px;}
.DivMain04 .detail .right ul li { color:#737580; font-size:13px; padding:5px 0 5px 0;}
/*----------------------------*/
.DivMain05 { background:#f6f6f6; }
.DivMain05 .detail {  margin:0 auto; width:1100px; padding:20px 0; }
.DivMain05 .detail h2 { font-size:29px; padding:10px 10px 0; text-align:center; line-height:60px; }
.DivMain05 .detail h3 { font-size:17px; padding:25px 10px; line-height:28px; }
.DivMain05 .detail .left { width:296px; float:left;}
.DivMain05 .detail .left h4, .DivMain05 .detail .cent h4 { text-align:center; font-size:17px; padding:15px 0;}
.DivMain05 .detail .left p, .DivMain05 .detail .cent p { font-size:13px; color:#737580; padding:15px 5px;}
.DivMain05 .detail .cent { width:296px; float:left; margin:0 106px;}
/*----------------------------*/
.DivMain06 { background:#ededed; }
.DivMain06 .detail { margin:0 auto; width:1100px; }
.DivMain06 .detail .left { width:520px; float:left;  padding:15px;}
.DivMain06 .detail .left ul { padding:10px; font-size:15px;}
.DivMain06 .detail .left ul li { padding:5px 0 0 5px;}
.DivMain06 .detail .left ul li a { text-decoration:underline; color:#545454;}
/*----------------------------*/
.DivMain07 { background:#f6f6f6; }
.DivMain07 .detail {  margin:0 auto; width:1100px; padding:20px 0; }
.DivMain07 .detail h2 { font-size:29px; padding:10px 10px 0; text-align:center; line-height:60px; }
.DivMain07 .detail h3 { font-size:17px; padding:25px 10px; line-height:28px; }
.DivMain07 .detail .cent { padding:10px 0;}
.DivMain07 .detail .cent .left { width:365px; background:#FFF; float:left; padding:20px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.DivMain07 .detail .cent .left h4, .DivMain07 .detail .cent .right h4 { font-size:19px; margin:0; }
.DivMain07 .detail .cent .left ul { padding:10px 0 0 15px; font-size:17px; color:#545454;}
.DivMain07 .detail .cent .left ul li { padding:5px 0; }

.DivMain07 .detail .cent .right { width:600px; background:#FFF; float:left; margin-left:35px; padding:20px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.DivMain07 .detail .cent .right .one { width:420px; float:left;}
.DivMain07 .detail .cent .right .two { width:150px; float:right; padding:30px 0 0;}
.DivMain07 .detail .cent .right .one p { font-size:15px; padding:10px 0; line-height:26px; color:#737580;}
.DivMain07 .detail .cent .right .one p a { font-size:15px; color:#45b9f2; text-decoration:none; }
/*----------------------------*/
.DivMain08 {  }
.DivMain08 .detail {  margin:0 auto; width:1100px; padding:20px 0; }
.DivMain08 .detail h2 { font-size:29px; padding:10px 10px 0; text-align:center; line-height:60px; }
.DivMain08 .detail h3 { font-size:17px; padding:25px 10px; line-height:28px; }
.DivMain08 .detail h4 { text-align:center; font-size:19px; padding:10px; }
.DivMain08 .detail p { font-size:13px; padding:10px 15px;}
.DivMain08 .detail ul { list-style-image:url(../new-phones/icon.png); padding:30px 0 0 40px; font-size:19px;}
.DivMain08 .detail ul li { padding:25px 0 10px;}
.DivMain08 .detail ul li i { font-style:normal; font-size:15px; display:block; line-height:26px; padding:10px 0 0;}
/*----------------------------*/
.DivMain09 {  }
.DivMain09 .detail {  margin:0 auto; width:1100px; padding:10px 0 20px; border-top:1px solid #c6c8cb; }
.DivMain09 .detail h3 { font-size:17px; padding:25px 10px; line-height:28px; }
/*----------------------------*/

.DivFoot {  background:#3f3f3f;}
.DivFoot .detail  { height:90px; padding:15px 0 0; text-align:center; width:1200px; margin:0 auto;}
.DivFoot .detail .center { width:1000px; margin:0 auto; color:#333;}
.DivFoot p { font-size:11px;  margin:0; padding:6px 0 10px 0;}
.DivFoot a { color:#CC6600; text-decoration:none;}
.DivFoot a:hover { text-decoration:underline;}
.DivFootLine { border-top:#272727 1px solid;}
.DivFootLine p { text-align:left; padding:10px 0 0 100px;}
/*----------------------------*/
.gotop{position:fixed; right:10px; bottom:10px; cursor:pointer;}
/*------------------------------*/
.pyui { width:598px; height:232px; background:url(../new-phones/pop.jpg) no-repeat; position:relative;}
.pyui .close { width:36px; height:36px; position:absolute; top:-10px; right:-10px;}
.pyui h2 { font-size:15px; font-weight:bold; padding:25px 0 0; color:#FFF; text-align:center;}
.pyui .left { width:320px; float:left; padding:25px 0 0;}
.pyui .left h3 { font-size:15px; padding:20px 0 10px 25px; font-weight:bold;}

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


@media(max-width:979px){
	body{min-width:100%;}
	.DivMain01 .detail, .DivMain02 .detail, .DivMain03 .detail, .DivMain04 .detail, .DivMain05 .detail, .DivMain06 .detail, .DivMain05 .detail, .DivMain06 .detail, .DivMain07 .detail, .DivMain08 .detail, .DivMain08 .detail, .DivMain09 .detail{width:100%;}
	.DivMain08 table{display:none;}
}

@media(max-width:768px){
	.DivMain01 .detail h1{padding-top:50px;}
	.DivMain03 .detail{padding:20px 0; height:auto;}
	.DivMain03 .detail .one{width:100%; float:none;}
	.DivMain03 .detail .one .big_t{font-size:22px; padding-top:315px;}
	.DivMain03 .detail .two{float:none; margin:10px 0;}
	.DivMain03 .detail .three{float:none;}
	.DivMain04 .detail .right{width:100%;}
	.DivMain05 .detail .cent{margin:0;}
	.DivMain06 .detail .left{width:100%; padding:15px 0;}
	.DivMain07 .detail .cent .right{width:100%; margin-left:0; padding:20px 0;}
}

@media(max-width:479px){
	.DivMain04 .detail .left{width:100%;}
	.DivMain04 .detail .left img{width:100%;}
}