@charset "utf-8";
/*************公共样式*************/

header { height:50px; overflow:hidden; background-color:#fff;}
header div.logo { width:80%;}
header div.logo img { width:100%; padding:2%;}
/*header end*/

.banner img { width:100%;}
/*.slide-main { position:relative;}
.slide-box, .slide { display:block; width:100%; height:146px; overflow:hidden;}
.slide-box { position:relative; opacity:1;}
.slide { display:none; height:146px; position:relative; position:absolute; z-index:8;}
.slide a { display:block; width:100%; cursor:pointer;}
.slide a img { width:100%;}
.item { display:block; width:100%; position:absolute; z-index:124; top:126px; left:0; text-align:center;}
.item a { display:inline-block; width:9px; height:9px; border-radius:50%; margin:0 2px; background:#C2C2C2; overflow:hidden;}
.item a.cur { background:#AD1010;}*/

.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;}
.focus .hd{ width:100%; height:20px; position:absolute; z-index:1; bottom:10px; text-align:center;}
.focus .hd ul{ display:inline-block; height:15px; padding:8px 8px;font-size:0; vertical-align:top;}
.focus .hd ul li{ display:inline-block; width:9px; height:9px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; background:#fff; margin:0 5px; vertical-align:top; overflow:hidden; color:rgba(0,0,0,0);}
.focus .hd ul .on{ background:#f00; color:rgba(0,0,0,0);}
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%; height: 100%; }
.focus .bd li a { -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

/* banner end */

.in_enter { margin:20px auto;}
.in_enter dl { position:relative; float:left; width:23%; padding:0 1%;}
.in_enter dl dt {}
.in_enter dl dt img { width:100%;}
.in_enter dl dd { position:absolute; top:10px; left:0; width:100%; line-height:20px;  text-align:center;}
.in_enter dl dd a { display:block; font-size:12px; color:#fff;}
.in_enter dl dd a img { width:30px;}

.in_about { height:140px; overflow:hidden;}
.in_about > div { width:50%;}
.in_about_left { height:140px; color:#fff; text-align:center; padding:32px 0 0 0; background-color:#DD0127;}
.in_about_left strong { display:block; font-size:20px;}
.in_about_left i { display:block; width:20px; height:1px; background-color:#fff; margin:10px auto;}
.in_about_left span { display:block; font-size:14px; text-transform:uppercase;}
.in_about_right dl { height:70px; overflow:hidden;}
.in_about_right dl a { color:#DD0127; font-size:12px;}
.in_about_right dl:first-child { background-color:#EBEBEB;}
.in_about_right dl:last-child { background-color:#F6F6F6;}
.in_about_right dl dt { width:28%; padding:20px 1% 0 0; text-align:center;}
.in_about_right dl dt img { width:30px;}
.in_about_right dl dd { width:66%; padding:16px 0 0 0;}
.in_about_right dl dd strong { display:block;}

.in_title { margin-top:5px;}
.in_title li { float:left; width:20%; text-align:center; line-height:40px; height:40px; color:#2f2f2f; font-size:12px; border-bottom:1px #CDCDCD solid;}
.in_title li.current { font-weight:bold; border-bottom:1px #dd0127 solid;}
.in_title li.current a { color:#dd0127;}
.in_content { background-color:#F6F6F6;}
.in_content > div { width:96%; margin:0 auto;}
.in_con li { line-height:40px; height:40px; overflow:hidden; padding-left:10px; background:url(../images/icon_dian.png) no-repeat left center; border-bottom:1px #e6e6e6 solid;}
.in_con li a { font-size:12px;}
.in_con li.more { text-align:center; background:none;}
.in_con li.more a { color:#dd0127; display:inline-block;}

footer { text-align:center; padding:30px 30px 80px 30px; background-color:#f6f6f6;}
footer p { line-height:25px; font-size:12px; color:#000;}
/*index footer end*/

.fixed_bottom { position:fixed; bottom:0; left:0; background-color:#DD0127; padding:10px 0;}
.fixed_bottom > p { width:50%;}
.fixed_bottom > p:first-child { width:49.5%; border-right:1px #fff dashed;}
.fixed_bottom > p img { width:35px;}
.fixed_bottom > p a { color:#fff; font-size:14px;}
/*footer fixed end*/

/*two_xiala*/
.two_xiala { position:relative; height:53px;}
.accordion1 { position:absolute; left:0; top:0; width:100%;}
.accordion1 .link {line-height:53px; text-align:center; font-size:14px; color:#fff; font-weight:bold; background-color:#DD0127;}
.accordion1 .link i { font-size:18px;}
.accordion1 .submenu { background-color:#646464;}
.accordion1 .submenu li:last-child { border-bottom:none;}
.accordion1 .submenu a:hover{ background:#585556;}
.accordion1 li.open i.fa-angle-down { transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);-o-transform: rotate(180deg);}
/*two_xiala*/

table { border-collapse:collapse;}
table td { border:1px #C5C5C5 solid; font-size:12px; padding:7px 25px; background-color:#fff;}
.sales-title { line-height:30px; margin:20px 0 10px 0;}
.sales-title strong { display:inline-block; font-size:14px; color:#fff; padding:0 20px; background-color:#DD0127;}
table tr td:first-child { width:40%;}
table tr td:last-child { width:60%;}


/*导航弹出层 start*/
.iphone__item{width:16.06em;height:1em;position:absolute;bottom:-2em;color:#158f76;text-align:center}
.iphone__power-btn{width:2.188em;height:.188em;background:#e0e0e0;position:absolute;right:2.5em;top:-0.188em}
.iphone__left-btn{width:.188em;height:1.250em;top:3.250em;left:-0.188em;position:absolute;background:#e0e0e0}
.iphone__left-btn:before{content:'';width:.188em;height:.875em;position:absolute;top:3em;background:#e0e0e0}
.iphone__left-btn:after{content:'';width:.188em;height:.875em;position:absolute;top:5.5em;background:#e0e0e0}
.iphone__details{width:.438em;height:.438em;border-radius:100%;position:relative;top:1.313em;left:8em;background:#7c7c7c}
.iphone__details:before{content:'';width:2.5em;height:.25em;border-radius:.25em;position:absolute;top:1em;left:-1em;background:#7c7c7c}
.iphone__home-btn:before{content:'';width:.813em;height:.813em;border:.15em solid #a8a8a8;border-radius:.2em;position:absolute;top:.6em;left:.57em}
.iphone__content{position:relative;background-color:#D2527F;width:100%;height:100%}
.nav{position:absolute;z-index:200;opacity:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:300ms;transition-duration:300ms}
.nav--active .nav{opacity:1;background-color:#646464}
.nav__trigger{display:block;position:absolute;width:30px;height:25px;right:8px;top:5px;z-index:300;padding:9px 5px 8px 8px}
.nav--active .nav__trigger{opacity:0.5}
.nav__icon{display:inline-block;position:relative;width:26px;height:2px;background-color:#d2d2d2;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,-webkit-transform;transition-property:background-color,transform;transition-property:background-color,transform,-webkit-transform;-webkit-transition-duration:300ms;transition-duration:300ms}
.nav__icon:before,.nav__icon:after{content:'';display:block;width:26px;height:2px;position:absolute;background:#d2d2d2;-webkit-transition-property:margin,-webkit-transform;transition-property:margin,-webkit-transform;transition-property:margin,transform;transition-property:margin,transform,-webkit-transform;-webkit-transition-duration:300ms;transition-duration:300ms}
.nav__icon:before{margin-top:-8px}
.nav__icon:after{margin-top:8px}
.style-1 .nav{-webkit-transform:translateX(-100%);transform:translateX(-100%);width:100%;min-height:100%;float:left;padding-bottom:100px}
.style-1 .nav__link{opacity:0;-webkit-transition-delay:500ms;transition-delay:500ms}
.style-1 .nav--active .nav__link{opacity:1}
.style-1 .nav--active .nav{-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;-webkit-transform:translateX(0);transform:translateX(0)}
.style-1 .nav--active .nav__icon{background:rgba(0,0,0,0)}
.style-1 .nav--active .nav__icon:before{margin-top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.style-1 .nav--active .nav__icon:after{margin-top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

/*导航下拉 start*/
.accordion{margin:55px 10px 0 10px}
.accordion .link{cursor:pointer;display:block;padding:15px;color:#fff;font-size:16px;text-align:center;border-bottom:1px solid #B2B2B2;position:relative;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}
.accordion li i{position:absolute;top:16px;left:12px;font-size:18px;color:#fff;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}
.accordion li i.fa-angle-down{right:12px;left:auto;font-size:16px}
.accordion li.open .link{color:#fff}
.accordion li.open i{color:#fff}
.accordion li.open i.fa-angle-down{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.submenu{display:none;font-size:14px}
.submenu li{border-bottom:1px solid #ADADAD;text-align:center;width:68%;margin:0 auto}
.submenu a{display:block;text-decoration:none;color:#d9d9d9;padding:12px;font-size:14px;-webkit-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease}
.submenu a:hover{background:#585556;color:#FFF}