@charset "utf-8";
/* CSS Document */
div,form,img,ul,ol,li,dl,dt,dd,p,tr,td,input,body,strong,span,pre{margin:0; padding:0; border:0;}
h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; font-weight:normal;}
body{font-size:14px; font-family:"微软雅黑";margin:0px;padding:0px;color:#333;}
img{border:0px;display: block;}
ul,li{ list-style:none;}
em,i{ font-style:normal;}
a{ text-decoration:none; color:#666;display: block;}
a:hover{ background-repeat:no-repeat; color:#333;}



/*header*/
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.header-box{ background:rgba(45, 45, 45, 0.8); padding-top:32px; position:relative; z-index:9999; height:60px;}
.header{ position:relative; padding:0 26px 0 40px;}
.logo{ float:left; line-height:normal;}
.logo img{ display:block;  height:30px;padding-top: 8px; padding-bottom:8px;}
.header-ri{ float:right;}
.nav{ float:left; margin-right:48px;}
.nav li{ float:left; margin-left:26px;}
.nav li a{ display:inline-block; padding:0 2px; color:#323232; font-size:16px; padding-bottom:7px; transition:560ms; line-height:24px; position:relative;}
.nav li a:before{ content:""; width:100%; height:2px; background:#e56724; position:absolute; left:0; bottom:4px; opacity:0; transition:440ms;}
.nav li:hover a:before,.nav li.current a:before{ bottom:0; opacity:1;}
.edition{ float:left; line-height:normal; height:16px; margin-top:5px; border-left:1px solid #7b7b7b; position:relative;}
.edition span{ display:block; padding-left:22px; padding-right:15px; position:relative; cursor:pointer; width:62px;}
.edition span i{ display:inline-block; color:#7b7b7b; font-size:15px; line-height:16px; font-style:normal;} 
.edition span:before{ content:""; width:11px; height:8px; background:url(../images/down.png) center no-repeat; position:absolute; right:0; top:3px;}
.edition ul{ padding-left:22px; width:75px; position:absolute; left:0; top:16px; background:#fff; padding-top:5px; padding-bottom:5px; display:none;}
.edition ul li{ margin-bottom:3px;}
.edition ul li a{ display:block; line-height:normal; color:#7b7b7b; font-size:15px;}
.share{ float:left; margin-left:24px; margin-top:1px;}
.share a{ display:block; float:left; width:20px; height:21px; margin-right:23px; margin-top:1px;}
.share a.sharea{ background:url(../images/share.png) center no-repeat; margin-right:0;}
.share a.sharea:hover{ background:url(../images/share1.png) center no-repeat;}

.menuBtn{ position:absolute; right:26px; top:4px; width:24px; height:21px; cursor:pointer; display:none; z-index:99;}
.menuBtn .burger{ display:block; width:100%; height:1px;border-radius: 5px; position:absolute; left:0; background:#fff; transform-origin: center;
 -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; 
 transition:transform 277ms ease-in-out; -o-transition:transform 277ms ease-in-out; -ms-transition:transform 277ms ease-in-out;
  -moz-transition:transform 277ms ease-in-out;}
.menuBtn .burger-1{ top:0;}
.menuBtn .burger-2{ top:10px;}
.menuBtn .burger-3{ bottom:0;}
.menuBtn.active .burger-1 { top:8px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.menuBtn.active .burger-2 { top:8px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.menuBtn.active .burger-3 { top:8px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.iphemake{ display:none; width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.8); z-index:990; visibility:hidden; opacity:0; transition:750ms 200ms;}
.menu-fiex{ width:460px; text-align:center; background:rgba(45, 45, 45, 0.8); position:fixed; height:100%; right:-460px; top:0; display:none; z-index:999; padding-bottom:68px; box-sizing:border-box; z-index:999; transition:680ms; visibility:hidden;}
.menu-wr{ position:fixed; width:460px; top:0; right:-460px; height:100%; overflow-y:auto; overflow-x:hidden; transition:680ms;}
.menu-wr.fix .editebtn{ position:static; margin-bottom:25px;}
.menu-fiex.on{ right:0; visibility:visible;}
.menu-fiex.on .menu-wr{ right:0;}
.menu-fiex.on .close{ left:-48px;}
.iphemake.on{ opacity:1; visibility:visible;}

.mtop{ height:0; display:none;}
.iphone-logo{ margin-top:25px;}
.iphone-logo img{ width:210px; height:auto;}
.mune-list{ text-align:centerl; margin-top:50%;}
.mune-list >li{ margin-bottom:3px;}
.mune-list >li >a{ display:block; text-align:center; color:#fff; font-size:20px; height:52px; line-height:52px; position:relative; transition:540ms;}
.mune-list >li >a.on,.mune-list >li >a:hover{ background:#fdd000; color:#fff;}
.mune-list >li >a.on:before,.mune-list >li >a:hover:before{ bottom:-6px; visibility:visible; opacity:1;}
.mune-list >li >a:before{ content:""; width:12px; height:6px; position:absolute; left:50%; margin-left:-6px; bottom:0px; transition:540ms; background:url(../images/down1.png) center no-repeat; visibility:hidden; opacity:0;}
.leval-menu{ padding:20px 0 25px 0; background:rgba(255, 255, 255, 0.5); display:none;}
.leval-menu li{ }
.leval-menu li a{ display:block; text-align:center; line-height:40px; color:#333; font-size:20px;}
.leval-menu li a:hover,.leval-menu li a:focus{ color:#fdd000;}
.editebtn{ width:100%; padding:0 26px 0 20px; box-sizing:border-box; margin-top:100px; position:absolute; left:0; bottom:30px;}
.editebtn >a{ display:inline-block; float:left; padding-left:52px; color:#7b7b7b; font-size:20px; position:relative;}
.editebtn >a:before{ content:""; width:18px; height:12px; background:url(../images/guoqi_05.png) center no-repeat; transition:750ms; position:absolute; left:0; top:8px;}
.editebtn >a:hover:before,.editebtn >a:focus:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.share-fix{ float:right;}
.share-fix a{ display:block; float:left; width:37px; height:38px; margin-right:24px; transition:740ms;}
.share-fix a:nth-child(1){ background:url(../images/share2.png) center no-repeat;}
.share-fix a:nth-child(2){ background:url(../images/search2.png) center no-repeat; margin-right:0;}
.share-fix a:nth-child(1):hover{ background:url(../images/share3.png) center no-repeat;}
.share-fix a:nth-child(2):hover{ background:url(../images/search3.png) center no-repeat;}
.search{ float:left; margin-right:12px; border:1px solid #e5e5e5; border-radius:15px; margin-top:-5px;}
.search input[type=text]{ width:100px; color:#323232; font-size:14px; font-family:微软雅黑; border:none; background:none; outline:none; height:30px; line-height:30px; padding:0; padding-left:10px; float:left;}
.search input[type=button]{ float:left; border:none; outline:none; width:26px; height:30px; background:url(../images/search.png) left center no-repeat; cursor:pointer; transition:540ms;}
.search input[type=button]:hover{ background:url(../images/search1.png) left center no-repeat;}
.close{ display:block; width:32px; height:31px; position:absolute; left:0; top:15px; background:url(../images/close.png) center no-repeat; z-index:10; transition:650ms;}
.close:focus,.close:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
/*header-end*/



/*banner*/
.flexslider{position:relative;overflow:hidden;width: 100%;}
.flexslider .slides{position:relative;z-index:1;}
.flexslider .slides img{width: 100%;display: block;height:200px;}
.flexslider .slides li{overflow: hidden;}
.flexslider .flex-control-nav{position:absolute;bottom:2%;z-index:2;width:100%;overflow: hidden;text-align: center;}
.flexslider .flex-control-nav li{display: inline-block;  width:30px;height:2px;padding:3px;}
.flexslider .flex-control-nav a{display:block;width:30px;height:2px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flexslider .flex-control-nav .flex-active{background-position:0 0;}
/*banner-end*/




/*main*/
/*.sy_main{padding:4%;}*/
.sy_title{overflow: hidden;}
.sy_title h1{font-size: 18px;color: #333;float: left;padding:5%;}
.sy_title a{float: right;padding:5%;font-size: 14px;color: #999;}


/*产品*/
.sy_product{}
.cp_main{position: relative;padding:0 4%;margin-bottom: 5%;} 
.g_an{padding:3% 0 12% 0;}
.m_an .prev, .m_an .next {position: absolute;text-align: center; bottom:0; width: 2rem;z-index: 99;}
.m_an .prev {left: 35%;}
.m_an .next {right: 35%;}
.m_an .prev img,.m_an .next img{width: 100%;}
.m_an .nowarp {overflow: hidden;}
.m_an .u_lst2 {float: left; display: inline; width: 100%;}
.m_an .u_lst2 li{width:50%;float: left; text-align: center;}
.m_an .u_lst2 li a{display: block;margin:2%;position: relative;}
.m_an .u_lst2 li a h4{font-size: 14px;position: absolute;bottom: 0;width: 100%; height: 22px; overflow: hidden; line-height: 22px;}
.m_an .u_lst2 li img{width: 100%;display: block;}

.shopbtn {position: fixed; top: 40%;background: url(../images/shop.png) 4px 5px no-repeat rgba(255,255,255,0.6);border-radius: 3px; width: 30px; height: 26px; overflow: hidden;}
.shopbtn i{ width: 20px; font-size: 13px; display: block;  text-align: center; margin: 0 auto;padding: 25px 0 5px;}

/*分类*/
.sy_fenlei{background: #f5f5f5;}
.sy_fenlei ul{overflow: hidden;}
.sy_fenlei ul li{width: 20%;text-align: center;padding:10% 0;float: left;}
.sy_fenlei ul li img{width: 22px;margin: 0 auto;}
.sy_fenlei ul li h4{font-size: 14px;color: #999;padding-top: 10%;}

.news_bgss{background:url(../images/Smartphone.jpg) no-repeat;}


/*热销*/
.hot_bg{}
.hot_bg ul{overflow: hidden;border-top: 1px solid #eee;background: #fff;}
.hot_bg ul li{float: left;width: 50%;text-align: center;border-bottom: 1px solid #eee;padding: 3% 0;}
.hot_bg ul li img{width: 80%;margin: 0 auto;}
.hot_li{background: url(../images/hot_dian.jpg) repeat-y left;}
.hot_bg ul li h3{font-size: 14px;height: 40px;line-height: 40px;overflow: hidden;}



/*视频*/
.video_list{overflow: hidden;}
.video_list li{text-align: center;position: relative; margin-bottom: 10px;margin: 2%}
.video_list li img{width: 100%;}
.video_list .bofang{background:url(../images/bofang.png) no-repeat center rgba(0,0,0,.5);position: absolute;bottom: 0;width: 100%;height: 100%;}



/*新闻*/
.sy_news{}
.news_main{padding:5% 3%;background: #f5f5f5;}
.news_list ul{overflow: hidden;}
.news_list li{float: left;width: 50%;}
.news_list li a{margin:10% 5%;box-shadow: 0 5px 15px #e5e5e5;}
.news_list li a img{width: 100%;border-radius: 8px 8px 0 0;height: 100px;}
.news_zi{background: #fff;padding:5%;border-radius: 0 0 8px 8px;}
.news_zi h1{font-size: 15px;color: #333;line-height: 25px;height: 50px;overflow: hidden;}
.news_zi p{font-size: 12px;line-height: 25px;height: 50px;overflow: hidden;color: #999;margin-top:5%;}
.news_zi span{color: #bbb;font-size: 12px;}



/*底部*/
.sj_footer{line-height: 30px;font-size: 12px;background: #eee;color: #999;padding:5% 10%;text-align: center;}
.sj_footer a{color: #999;display: inline-block;}


/* pages */
.page {height: 28px;padding: 20px 0px 60px 0px;text-align: center;clear: both;font-family: Arial;margin: 0 auto;width: 100%;}
.page a, .page span {display: inline-block;height:30px;line-height: 30px;padding: 2px 15px;border-radius: 5px; font-size:12px;margin: 0px 3px;color: #717171;
	text-align: center;}
.page span { color:#fff; background:#fdd000;}
a.page:hover, span.page {background-position: 0px -38px;color: #ffffff;}
.page a:hover{color: #fdd000;}
/* pages -end*/



/*内页*/
.ny_main{}
.ny_banner img{width: 100%;}


/*手机nav*/
.wap_header{}
.wap_header{position:relative;height:50px;}
.wap_header .logo{display:block;padding: 3px 10px;float: left;}
.wap_header .logo img{display:block;height: 44px;}
.wap_header .search{position:absolute;top:0;right:35px;z-index:999999;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-search.png) no-repeat center center;background-size:40%;}
.wap_header .search:hover{background-color:#fdd000;}
.wap_header .search span{display:none;}
.wap_header .user-icon{position:absolute;top:0;right:70px;z-index:999999;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-user.png) no-repeat center center;background-size:40%;}
.wap_header .user-icon span{display:none;}
.wap_header .user-icon:hover{background-color:#fdd000;}
.wap_header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}
.weizhi{float: left;line-height: 50px;height: 50px;overflow: hidden; padding-left: 30px;background: url(../images/bg_sign14.png) no-repeat left;margin-left: 3%;}
.weizhi a{display: inline-block;font-size: 12px;}
.clear_none{clear: both;}


/*产品*/
.nycp_list{background: #f5f5f5;}
.nycp_list ul{overflow: hidden;border-top: 1px solid #eee;}
.nycp_list ul li{width: 50%;float: left;text-align: center;border-bottom: 1px solid #eee;}
.nycp_list ul li a {border-right: 1px solid #eee;background: #fff;padding-bottom: 5%}
.nycp_list ul li a img{width: 100%;}
.nycp_list ul li h4{font-size: 14px;padding:0 1% 0;line-height: 25px;height: 25px;background: #fff; overflow: hidden;}


/*新闻*/
.ny_news{background: #f5f5f5;padding:5% 0;}
.ny_news ul li{margin: 0 5%;padding:5% 0;}
.ny_news ul li img{width: 100%;border-radius: 5px 5px 0 0;}
.nyxw_zi{background: #fff;padding:5%;text-align: center;border-radius: 0 0 5px 5px;}
.nyxw_zi h3{font-size: 15px;color: #333;}
.nyxw_zi p{font-size: 12px;color: #999;line-height: 25px;height: 50px;overflow: hidden;}
.nyxw_zi b{font-size: 12px;color: #bbb;font-weight: normal;height: 30px;line-height: 30px;border:1px solid #ddd;display: block;width: 30%;margin:5% auto;}


/*视频*/
.ny_video ul{overflow: hidden;}
.ny_video ul li{position: relative;margin: 2%;}
.ny_video ul li a{position: relative;}
.ny_video ul li img{width: 100%;}
.ny_video ul .bofang{background:url(../images/bofang.png) no-repeat center rgba(0,0,0,.5);position: absolute;bottom: 0;width: 100%;height: 100%;}

.ny_content{line-height: 30px;font-size: 16px;word-wrap: break-word;}
.ny_content h2,.ny_content h1{font-size: 20px; text-align: center;}
.ny_content img{max-width: 100%;margin:0 auto;display: block;}
.ny_content video{width: 100%;}
.ny_content .newscon img{max-width: 100%; height: auto!important}
.ny_content .newscon{overflow: hidden;}
.ny_content .hi-video-wrapper{margin: 2%}


/*关于*/
.ny_gywm{padding:0 4%;}
.ny_gywm p{font-size: 14px;margin: 5% 0;}
.ny_gywm h1{font-size: 24px;}
.ny_gywm img{margin-bottom: 10%;}



/*旗下*/
.qixia_list ul{overflow: hidden;}
.qixia_list ul li{float: left;width: 50%;}
.qixia_list ul li a{margin:5%;border:1px solid #eee;}
.qixia_list ul li img{height: 50px;margin: 40px auto;max-width: 100%;}

.fangwei{padding:50px 20px;background:#fff;margin-bottom:20px;-webkit-box-shadow:0 0 2px #757575;-moz-box-shadow:0 0 2px #757575;box-shadow:0 0 2px #757575}
.fwinput{padding:10px 10px;border:1px solid #d5d9da;border-radius:5px;box-shadow:0 0 5px #e8e9eb inset;width:200px;font-size:1em;outline:0}
.fwsubmit{background-image:-webkit-linear-gradient(hsla(0,0%,100%,.05),hsla(0,0%,0%,.1));background-image:-moz-linear-gradient(hsla(0,0%,100%,.05),hsla(0,0%,0%,.1));background-image:-ms-linear-gradient(hsla(0,0%,100%,.05),hsla(0,0%,0%,.1));background-image:-o-linear-gradient(hsla(0,0%,100%,.05),hsla(0,0%,0%,.1));background-image:linear-gradient(hsla(0,0%,100%,.05),hsla(0,0%,0%,.1));border:none;border-radius:.5em;box-shadow:inset 0 0 0 1px hsla(0,0%,0%,.2),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 1.2em 0 hsla(0,0%,100%,.1),inset 0 -.2em 0 hsla(0,0%,100%,.1),inset 0 -.25em 0 hsla(0,0%,0%,.25),0 .25em .25em hsla(0,0%,0%,.05);color:#fff;cursor:pointer;display:inline-block;font-size:16px;line-height:1.5;padding:.5em 1.5em .75em;text-decoration:none;text-shadow:0 1px 1px hsla(0,0%,100%,.25);vertical-align:middle;background:#9138ae}
#section b{font-size:20px;line-height:34px}
#showresult{margin:0 auto;text-align:center;border:1px solid #ddd;padding:20px 0;margin-top:15px}
#showresult h1{font-size:20px;margin:10px;color:red}
#showresult ul li{font-size:16px;line-height:26px}