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

body { font:12px/1.5 Arial, Helvetica, sans-serif;  text-align:center; color:#000; -webkit-text-size-adjust: none; background-color:#f5f5f5; min-width:1140px;}
body, table, td, div, p { word-wrap:break-word; word-break:break-all; word-break:normal; -webkit-text-size-adjust:none; }
body, div, dl, dt, ul,dd, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0; padding:0; }
div { text-align:left; }
button, input, select, textarea { font:100% Arial, Helvetica, sans-serif;}
em,i { font-style:normal; }
del { font-family:simsun; }
ul,li,ol{ list-style:none; }
fieldset, img { border:0; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
a { color:#000; text-decoration:none; outline:none; }
a:hover { color:#ed6d00; text-decoration:underline; }
.cf:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.cf { *zoom:1;}/* css reset end */
.fl{ float:left;}.fr{ float:right;}
.clear{ clear:both; float:none; font-size:0px; height:0px; line-height:0px; width:100%;}
.dis{ display:block;} .undis{ display:none;}

.w1140{ width:1140px; margin:0px auto;}
.divhidden{ overflow:hidden;}

.topbg,.header .menu .menutit li.moreon,.header .search .btnstyle1,.header .search .txtstyle1,.header .search p span,.header .search p b,.smalltopbg{ background-image:url(../images/bg.png);}
.header .menu .menutit a.more,.listbox a.propre,.listbox a.pronext{ background-image:url(../images/icon.png); background-repeat:no-repeat;}

.topbg{ position:relative; z-index:2;}
.header{ padding-top:46px; height:114px;}
.header .logo{ width:236px; margin-right:57px;}
.header .menu{ width:480px; position:relative;}
.header .menu ul.menutit{ width:100%; padding-top:23px; overflow:hidden;}
.header .menu ul.menutit li{ float:left; font-size:22px; margin-right:20px; padding:1px 11px;}
.header .menu .menutit a{ color:#131313; display:block; float:left;}
.header .menu .menutit a.more{ background-position:85px 14px; padding-right:20px;}
.header .menu .menutit a:hover,.header .menu .menutit li.on a,.header .menu .menutit li.moreon a{ color:#ed6d00; text-decoration:none;}
.header .menu .menutit li.moreon{ border:1px solid #e9e9e9; border-bottom:1px solid #FFF; position:relative; z-index:10; background-color:#FFF; background-position:left -166px; padding:0 10px;}

.header .topprolist{ width:894px; height:342px; background-color:#FFF; border:1px solid #e9e9e9; position:absolute; left:-203px; top:57px; -moz-box-shadow: 0px 6px 6px #9f9f9f; -webkit-box-shadow: 0px 6px 6px #9f9f9f; box-shadow: 0px 6px 6px #9f9f9f; z-index:9; padding-top:20px;}
.iphonechange{ width:100%; overflow:hidden;}
.iphonechange a{ width:88px; height:88px; margin-bottom:10px; border:1px solid #fff; background:url(../images/iphone.png) no-repeat left 15px; float:left; margin-left:20px; display:inline;}
.iphonechange a.big{ background-position:left -97px;}
.iphonechange a.Kindel{ background-position:left -213px;}
.iphonechange a.smallon,.iphonechange a.bigon,.iphonechange a.Kindelon{ background-position:-85px 15px; border:1px solid #e7e7e7;-moz-box-shadow: inset 0 0 8px #e2e2e2; -webkit-box-shadow: inset 0 0 8px #e2e2e2; box-shadow: inset 0 0 8px #e2e2e2; }
.iphonechange a.bigon{  background-position:-86px -97px;}
.iphonechange a.Kindelon{ background-position:-87px -213px;}
.listbox{ width:750px;overflow:hidden; margin:0px auto;}
.listbox a.propre,.listbox a.pronext{ display:block; width:10px; height:19px; float:left; background-position:left -160px; margin-top:80px; cursor:pointer; margin-right:10px;}
.listbox a.pronext{ background-position:-19px -160px; float:right; margin-right:0px;}
.listbox a.propre:hover{ background-position:left -268px;}
.listbox a.pronext:hover{  background-position:-19px -268px;}
.listbox .pcont{ width:660px; float:left; margin:0px 20px 0px; display:inline; overflow:hidden; height:190px;}
.listbox .pcont div{ width:32766px;}
.listbox div ul{ overflow:hidden; float:left; padding:0px;}
.listbox div ul li{ width:165px; height:175px; float:left; border:0px; font-size:11px; padding:0px; margin:0px;  text-align:center; line-height:14px; overflow:hidden;}
.listbox div ul li span{ display:table-cell; *display:block; width:165px; height:160px; text-align:center; vertical-align:middle; *font-size:140px;}
.listbox div ul li span img{ vertical-align:middle;}
.listbox div ul li a{ color:#888;}
.listbox div ul li a:hover{ color:#ED6D00;}
.listbox div img{ max-width:165px; max-height:160px; vertical-align:middle;}
.phoneclass{ border-bottom:1px solid #d7d7d7; padding:0px 70px 0px 17px; line-height:37px; height:37px;}
.phoneclass dt{ width:90px; text-align:center; float:left; color:#424242;}
.phoneclass dd{ float:left; margin-right:20px; color:#888; margin-bottom:-1px;}
.phoneclass dd a{ color:#888; float:left; border-bottom:1px solid #d7d7d7; }
.phoneclass dd a:hover,.phoneclass dd a.on{ border-bottom:1px solid #666; text-decoration:none;}
.topprolist .topmore{ position:absolute; right:15px; top:130px;}
.topprolist .topmore a{ background-color:#ea7204; color:#FFF; padding:3px 5px;}

.supportbox{ position:absolute; width:198px; background-color:#FFF; border:1px solid #e9e9e9; top:57px; -moz-box-shadow: 0px 6px 6px #9f9f9f; -webkit-box-shadow: 0px 6px 6px #9f9f9f; box-shadow: 0px 6px 6px #9f9f9f; z-index:9; left:137px; padding:8px 0px;}
.supportbox span{ display:block; padding:3px 10px;}
.supportbox span a{ color:#434343;}

.header .search{ width:358px; text-align:right;}
.header .search p{ color:#ef7a00; font-size:14px;  }
.header .search p a{ color:#ef7a00; margin:0px 30px 3px 5px;}
.header .search p a.nomargin{ margin-right:5px;}
.header .search p span{ display:block; position:absolute; background-position:-34px -203px; height:29px; background-repeat:no-repeat; top:-10px; color:#FFF; padding-left:20px; right:85px; *top:-11px;}
.header .search p b{ display:block; height:14px; float:left; background-position:right -203px; padding:0px 6px 0px 0px; line-height:14px;}
.header .search p b a{ color:#fff; padding:0px; margin:0px;}
.header .search ul{ width:100%; overflow:hidden; padding-top:5px;}
.header .search ul li{ float:left;}
.header .search .txtstyle1{ width:286px; height:24px; line-height:24px; border:1px solid #d4d4d4; border-right:0px; background-position:left -235px; padding:0px 4px;}
.header .search .btnstyle1{ width:30px; height:26px; border:0px; background-position:left -205px;}

.footer{width:100%; background:url(../images/fbj.png) repeat-x;margin-top:20px; padding-top:25px;}
.nomtop{ margin-top:0px;}
.fotlink{ width:895px; float:left; overflow:hidden; height:155px;}
.fotlink dl{ float:left; line-height:22px; margin-right:90px;}
.fotlink dl dt{ margin-bottom:5px;}
.fotlink dl dt a{ font-size:18px; color:#FFF;}
.fotlink dl a{ color:#ccc;}
.fotlink dl a:hover{ color:#fff;}

.share{ width:220px; float:left;}
.share a{ width:41px; height:41px; float:left; margin-right:13px; background-image:url(../images/foticon.png);}
.share a.foticon2{ background-position:-54px top;}
.share a.foticon3{ background-position:-109px top;}
.share a.foticon4{ background-position:-163px top;}
.share a:hover{ background-position:left -41px;}
.share a.foticon2:hover{ background-position:-54px -41px;}
.share a.foticon3:hover{ background-position:-109px -41px;}
.share a.foticon4:hover{ background-position:-163px -41px;}

.copy{ line-height:38px; color:#b6b6b6;}
.copy a{ color:#b6b6b6;}
.copy a:hover{ color:#fff;}
.copy cite{ margin:0px 15px;}
.copy em{ background:url(../images/city/america.gif) no-repeat left center; padding-left:23px; margin-right:10px; }
.copy span em a{ margin:0px;}
.copy span{ display:inline-block; background:url(../images/bothr.gif) no-repeat right top; height:40px; padding-right:10px;}
.copy span a{ margin:0px 10px; }
.copy span.ml10{ margin-left:10px;}

.tit,.tit2,.tit3,.tit4{ background-image:url(../images/titbg.png); background-repeat:no-repeat;}
.tit{ background-position:right -45px; padding:0px 116px 4px 0px; font-weight:normal; margin-bottom:20px;}
.tit span{ display:block; font-size:20px; color:#000; border-bottom:1px solid #2c2c2c; height:34px; line-height:34px;}
.tit2{ background-position:right -100px;}
.tit3,.tit4{ background-position:right -165px; font-size:16px; height:28px; margin-bottom:20px;}
.tit3 span,.tit4 span{ display:block; padding-top:5px;}
.tit4{  background-position:right top;}


.colorbox a{ display:inline-block; width:10px; height:10px; margin-right:4px; border-radius:2px; line-height:10px;}
.black{ background-color:#000; }
.grey{ background-color:#999;}
.blue{ background-color:#03F;}
.yellow{ background-color:#FF0;}

.pagefy { text-align:right;}
.pagefy a{ height:28px; line-height:28px; padding:0px 10px; display:inline-block; margin-left:3px; background-color:#ccc; color:#FFF;}
.pagefy a:hover,.pagefy a.on{ background-color:#ef7a00; text-decoration:none;}

.smalltopbg{ height:81px; background-position:left -592px;  position:fixed; display:none; z-index:11111; width:100%; left:0px; top:0px; }
* html,* html body{background-image:url(about:blank);background-attachment:fixed}
* html .smalltopbg{position:absolute;left:expression(eval(document.documentElement.scrollLeft));top:expression(eval(document.documentElement.scrollTop));}
.smalltopbg .header{ padding-top:17px;}
.smalltopbg .header .logo{ width:190px;}
.smalltopbg .header .menu ul.menutit{ padding-top:10px;}
.smalltopbg .header .menu ul.menutit li{ font-size:18px; border:0px;}
.smalltopbg .header .menu .menutit a.more{ background-position: 73px 11px; padding-right: 20px;}
.smalltopbg .header .search ul{ float:left; width:326px;}
.smalltopbg .header .search{ width:600px; padding-top:8px;}
.smalltopbg .header .menu{ width:280px;}
.smalltopbg .header .search p{ float:right; margin-top:5px;}
.smalltopbg .header .topprolist,.smalltopbg .header .supportbox{ top:38px;}
.smalltopbg .header .supportbox{ left:124px }
.smalltopbg .header .menu .menutit li.moreon{ border:1px solid #e9e9e9; border-bottom:1px solid #FFF;}

.div404{ background:#252525 url(../images/404.jpg) no-repeat  center center; height:500px;}