@charset "UTF-8";
/* 定义响应式重置样式   ssssss */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; touch-callout: none; cursor: pointer; }

body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; }

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; }

em, i, b { font-style: normal; font-weight: normal; }

body { font-size: 12px; font-family: 'Microsoft YaHei','Hiragino Sans GB', Arial, sans-serif; margin: 0px; padding: 0px; color: #fff; height: auto; clear: both; background: url(../webimages/bodyback.jpg) repeat center top; /*background-size:cover;*/ }

ul, li { list-style: none; }

img { border: 0px; vertical-align: middle; }

table { border-collapse: collapse; border-spacing: 0; }

article, aside, footer, header, nav, section { display: block; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: #fff; outline: none; cursor: pointer; }

a:hover { background-repeat: no-repeat; text-decoration: none; color: #0f86e1; }

a, input[type="button"], button, label, input[type="submit"] { cursor: pointer; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

input, textarea, select { outline: none; }

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], select, textarea, button { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; border-radius: 0; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { *zoom: 1; }

.clear { clear: both; line-height: 0; height: 0; font-size: 0; }

a, area { blr: expression(this.onFocus=this.blur()); }

a { text-decoration: none; outline-style: none; }

.fl { float: left; }

.fr { float: right; }

.center { margin-left: auto; margin-right: auto; }

.t_l { text-align: left; }

.t_c { text-align: center; }

.t_r { text-align: right; }

.relative { position: relative; }

.absolute { position: absolute; }

.headerBg, .bannerWrap.footerBg, .mainWrap { max-width: 1920px; min-width: 1000px; }

.del_float { clear: both; line-height: 0; height: 0; font-size: 0; }

/*网站基本定义*/
@-webkit-keyframes bannerNPic { 0% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% { -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

/* 定义响应式重置样式   eeeeee */
/* PC ssssssssssss*/
/*头部*/
.headerBg { width: 100%; height: 90px; margin: 0 auto; }

.header { width: 1000px; height: 90px; margin: 0 auto; }

.logo { width: 154px; height: 90px; }

.logo img { display: block; width: 154px; height: 90px; }

.nav { width: 546px; height: 40px; padding: 25px 0; }

.nav li { position: relative; float: left; width: 65px; z-index: 10; }

.fatNav a { position: relative; display: block; width: 85px; height: 40px; text-align: center; line-height: 40px; font-size: 15px; overflow: hidden; }

.fatNav a div { position: absolute; left: 0; top: 0; width: 85px; height: 40px; text-align: center; line-height: 40px; }

.fatNav a em, .fatNav a span { display: block; }

.fatNav a span { text-transform: uppercase; }

.fatNav a:hover, .fatNav a.curr { color: #0f86e1; }

.fatNav a:hover em, .fatNav a:hover span { color: #0f86e1; }

.subNav { display: none; position: absolute; top: 64px; width: 130px; padding: 10px; background-color: #252933; }

.subNav em { display: block; position: absolute; top: -10px; left: 30px; width: 21px; height: 10px; background: url(../webimages/navTop.png) no-repeat 0 0; }

.subNav a { display: block; font-size: 14px; height: 32px; line-height: 32px; }

.subNav a span { float: left; }

.subNav a i { float: right; font-size: 14px; color: #64676e; font-family: "宋体"; }

.footerR { width: 273px; height: 34px; line-height: 34px; padding: 28px 0; }

.search { width: 34px; height: 34px; margin-left: 20px; overflow: hidden; }

.search span { display: block; height: 34px; float: left; }

.search span.serText { width: 0px; background-color: #11141b; }

.search span.serSubmit { width: 34px; background-color: #11141b; }

.search span.serText input { padding-left: 10px; width: 90px; font-family: "微软雅黑"; color: #808080; height: 30px; line-height: 30px; }

.search span.serSubmit input { width: 34px; height: 34px; background: url(../webimages/serSubmit.png) no-repeat 0 0; cursor: pointer; }

.language a { font-size: 15px; font-weight: bold; color: #808080; vertical-align: -2px; }

/*banner*/
.bannerWrap { position: relative; width: 100%; height: 272px; overflow: hidden; z-index: 8; }

.banner { position: absolute; width: 1920px; top: 0; left: 50%; margin-left: -960px; }

.banner img { display: block; width: 1920px; height: 272px; -webkit-animation: bannerNPic 20s linear infinite; -moz-animation: bannerNPic 20s linear infinite; -o-animation: bannerNPic 20s linear infinite; animation: bannerNPic 20s linear infinite; }

.bannerText { position: relative; padding-top: 70px; width: 1000px; height: 202px; margin: 0 auto; z-index: 9; }

.bannerText img { display: block; width: 388px; height: 130px; }

/*正文*/
.mainWrap { width: 100%; margin: 0 auto; }

.main { width: 1000px; margin: 0 auto; }

.breadCrumbs { height: 80px; line-height: 80px; border-bottom: solid 1px #3a3e49; }

.breadCrumbsFAQ { border-bottom: 0px; }

.breadCrumbs h3 { display: inline; float: left; font-size: 24px; color: #d9d9d9; }

.breadCrumbs span { float: right; font-size: 13px; color: #676a71; }

.breadCrumbs span a { color: #676a71; }

.breadCrumbs span a:hover { color: #0f86e1; }

.breadCrumbs span em { color: #0f86e1; }

.content { padding: 10px 0; }

.crXinghao { font-size: 80px; color: #2da0f7; font-family: "Arial"; margin-bottom: 10px; margin-top: 30px; }

/*底部*/
.footerBg { width: 100%; height: 232px; background-color: #44484f; }

.footer { width: 1000px; height: 200px; margin: 0 auto; }

.link { width: 1000px; height: 52px; text-align: center; line-height: 52px; border-bottom: solid 1px #575b61; }

.link a { padding: 0 15px; font-size: 13px; color: #b2b3b5; background: url(../webimages/link.jpg) no-repeat right 2px; }

.link a:hover, .copy p a:hover { color: #2da0f7; }

.linkIcon { width: 1000px; padding: 20px 0 0 0; }

.linkIcon a { display: block; width: 154px; margin: 0 auto; }

.linkIcon a img { width: 80%; }

.copy { width: 1000px; height: 44px; text-align: center; line-height: 44px; }

.copy span i, .copy span i a { font-size: 12px; color: #b2b3b5; }

.copy span i a { margin-left: 10px; }

.copy span i a:hover { color: #0f86e1; }

.copy span em { color: #b2b3b5; padding: 0 10px; }

.copy p { display: inline; color: #aaa; }

.copy p a { font-size: 12px; color: #b2b3b5; }

/*新闻*/
.news { width: 100%; }

.news li { width: 100%; height: 220px; margin-bottom: 34px; background-color: #252933; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

.news li:hover { background-color: #333b50; }

.news li:hover .newsDate span { color: #2da0f7; border-bottom: solid 1px #2da0f7; }

.news li:hover .newsDate i { color: #2da0f7; }

.news li dt { float: left; width: 300px; height: 220px; overflow: hidden; }

.news li dt img { display: block; width: 300px; height: 220px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

.news li:hover dt img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }

.news li dd { float: left; }

.news li dd.newsText { padding: 30px 10px 30px 20px; width: 540px; height: 160px; }

.news li dd.newsText h3 { font-size: 23px; color: #f6f6f6; margin-bottom: 18px; }

.news li dd.newsText p { font-size: 13px; color: #64676e; line-height: 24px; }

.news li dd.newsText a { display: inline-block; font-size: 14px; color: #0f86e1; margin-top: 30px; }

.news li dd.newsDate { padding: 50px 30px; width: 70px; height: 120px; }

.news li dd.newsDate span { display: block; font-size: 60px; color: #676a71; border-bottom: solid 1px #676a71; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

.news li dd.newsDate i { margin-top: 10px; display: block; font-size: 18px; color: #676a71; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

.newsDetail { width: 100%; padding: 40px 0; }

.newsDetailTit { text-align: center; margin-bottom: 40px; }

.newsDetailTit h3 { font-size: 30px; margin-bottom: 20px; }

.newsDetailTit span { font-size: 13px; color: #676a71; }

.newsDetailCon { padding: 0 40px; font-size: 14px; line-height: 24px; }

.newsDetailCon p { font-size: 14px; line-height: 24px; }

.newsDetailCon img { display: block; margin: 0 auto; }

.newsDetailBtn { margin-top: 70px; }

.newsDetailBtn a { position: relative; display: block; width: 106px; height: 40px; text-align: center; line-height: 40px; margin: 0 auto; font-size: 14px; color: #676a71; background-color: #11141b; border: solid 1px #11141b; overflow: hidden; }

.newsDetailBtn a div { position: absolute; top: 0; left: 0; }

.newsDetailBtn a em, .newsDetailBtn a span { display: block; width: 106px; height: 40px; text-align: center; line-height: 40px; }

.newsDetailBtn a:hover { border: solid 1px #0f86e1; }

.newsDetailBtn a:hover em, .newsDetailBtn a:hover span { color: #0f86e1; }

/*---王珊珊---*/
/*产品-列表*/
.product { width: 1000px; font-size: 14px; }

.product dl { border-bottom: 1px #3b3e48 solid; width: 1000px; }

.product dl dt { float: left; width: 500px; padding-top: 40px; }

.product dl dd { float: right; width: 385px; padding-top: 75px; }

.product dl.cur dt { float: right; }

.product dl.cur dd { float: left; }

.product dl dd h3 { font-size: 22px; color: #2da0f7; font-family: Arial, Helvetica, sans-serif; padding-bottom: 15px; }

.product dl dd span { display: block; font-size: 30px; color: #f39700; font-family: Arial; padding: 30px 0px; }

.product dl dd a { width: 110px; height: 35px; display: inline-block; border: 1px #5e6168 solid; text-align: center; line-height: 35px; font-size: 15px; color: #fff; margin-right: 5px; }

.product dl dd a:hover, .product dl dd a.cur { background: #2da0f7; border: 1px #2da0f7 solid; }

.product_bottom { padding: 30px 0px; width: 1000px; margin: 0 auto; text-align: center; }

.product_bottom a { display: inline-block; font-size: 14px; width: 90px; height: 90px; background: url(../webimages/product_13.jpg) no-repeat top center; line-height: 145px; }

/*产品-详情*/
.product_xx { width: 1000px; font-size: 14px; }

.xx_top_L { float: left; width: 420px; }

.xx_top_L h3 { font-size: 22px; font-weight: bold; color: #2da0f7; font-family: Arial; padding-bottom: 10px; padding-top: 50px; }

.xx_top_L p.p01 { line-height: 24px; }

.xx_top_L p.p02 { display: block; font-size: 30px; color: #f39700; font-family: Arial; padding: 30px 0px; }

.xx_top_L dl { width: 415px; border-bottom: 1px #3b3e48 solid; border-top: 1px #3b3e48 solid; padding: 30px 0px; }

.xx_top_L dl dt { float: left; width: 185px; }

.xx_top_L dl dt em { display: block; padding-bottom: 20px; }

.xx_top_L dl dt span { text-align: center; display: inline-block; margin-right: 12px; margin-bottom: 12px; position: relative; cursor: pointer; height: 44px; width: 44px; border: solid 1px #999; }

.xx_top_L dl dt span.cur { border: solid 1px #2da0f7; }

.xx_top_L dl dt span img { margin-top: 5px; }

.xx_top_L dl dt span em { position: absolute; top: 0px; left: 0px; display: none; }

.xx_top_L dl dd { float: right; position: relative; }

.xx_top_L dl dd p { height: auto; overflow: hidden; margin-right: 10px; }

.xx_top_L dl dd em { display: block; padding-bottom: 15px; }

.xx_top_L dl dd span { display: block; width: 28px; height: 28px; line-height: 28px; color: #333; cursor: pointer; }

.xx_top_L dl dd div { width: 78px; height: 80px; border: 1px #ccc solid; display: none; z-index: 99; position: absolute; top: 0px; left: 0px; background: #181c27; }

.xx_top_L dl dd div p { border-bottom: 1px #ccc solid; line-height: 26px; padding-left: 20px; cursor: pointer; }

.xx_top_L dl dd div p.last { border: none; }

.xx_top_L a { display: inline-block; width: 130px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 20px; background: #2da0f7; margin: 60px 0px; }

.crColorWrap { float: right; width: 490px; }

.xx_top_R { display: none; }

.xx_top_R .bigimg { margin-top: 50px; }

.xx_top_R .bigimg img { display: block; }

.xx_top_R .smallimg { width: 490px; height: auto; overflow: hidden; }

.xx_top_R .smallimg ul { padding-left: 100px; width: 530px; overflow: hidden; }

.xx_top_R .smallimg ul li { width: 80px; height: 80px; float: left; border: 1px #393c46 solid; cursor: pointer; margin-right: 20px; }

.xx_top_R .smallimg ul li.curr { border: 1px #0f86e1 solid; }

.parameter_main { width: 100%; background: url(../webimages/product_xx_02.jpg) repeat-y; padding-top: 30px; height: 160px; padding-bottom: 35px; overflow: hidden; }

.product_xx_parameter { width: 1000px; margin: 0 auto; overflow: hidden; }

.product_xx_parameter ul { width: 1300px; height: auto; }

.product_xx_parameter ul li { float: left; width: 280px; height: auto; font-size: 14px; }

.product_xx_parameter ul li p { padding-bottom: 16px; }

.product_xx_parameter ul li.li01 { width: 150px; border-right: 1px #555862 solid; font-size: 24px; height: 160px; }

.product_xx_parameter ul li.li02 { width: 235px; padding-left: 45px; }

.product_xx_parameter ul li.li03 { padding-left: 45px; }

.parameter { width: 1000px; margin: 0 auto; background: #181c27; font-size: 14px; position: relative; overflow: hidden; }

.parameter p.xinneng { font-size: 24px; padding-top: 50px; padding-left: 20px; }

.parameter dl { width: 1000px; }

.parameter dl dt { float: left; width: 550px; padding-top: 120px; }

.parameter dl dt h4 { font-size: 30px; color: #2da0f7; }

.parameter dl dt p { padding-top: 40px; line-height: 20px; }

.parameter dl dd { float: right; }

.parameter dl.cur dt { float: right; }

.parameter dl.cur dd { float: left; }

.parameter .back { width: 1000px; text-align: center; padding-bottom: 100px; margin-top: 20px; }

.parameter .back a { display: inline-block; width: 110px; height: 40px; line-height: 40px; font-size: 20px; background: #2da0f7; color: #fff; }

.parameter h5 { font-size: 24px; }

.parameter h5 a { font-size: 14px; float: right; overflow: hidden; height: auto; color: #999; padding-top: 10px; }

.parameter ul { width: 1100px; padding-top: 35px; padding-bottom: 60px; }

.parameter ul li { float: left; margin-right: 37px; overflow: hidden; }

.parameter ul li a { position: relative; display: block; }

.parameter ul li a img { display: block; width: 222px; height: 221px; }

.parameter ul li a span { position: absolute; left: 0; top: 221px; padding: 10px; width: 202px; height: 201px; background-color: #0f86e1; color: #fff; }

.parameter ul li a span h3 { font-size: 16px; line-height: 30px; }

.parameter ul li a span p { font-size: 12px; line-height: 24px; }

.parameter ul li a span h5 { position: absolute; width: 29px; height: 29px; right: 10px; bottom: 10px; background: url(../webimages/icon04.png) no-repeat 0 0; }

/*服务-常见问题*/
.questions { width: 1000px; font-size: 14px; }

.questions dl { width: 1000px; border-top: 1px #3b3e48 solid; }

.questions dl.last { border-bottom: 1px #3b3e48 solid; }

.questions dl dt { width: 1000px; height: 60px; line-height: 60px; cursor: pointer; }

.questions dl dt span { display: inline-block; background: url(../webimages/questions_03.jpg) no-repeat 15px center; padding-left: 70px; }

.questions dl dt span.cur { color: #00a0ea; }

.questions dl dt em { float: right; overflow: hidden; height: auto; width: 60px; height: 60px; background: url(../webimages/questions_13.jpg) no-repeat center; cursor: pointer; }

.questions dl dt em.cur { background: url(../webimages/questions_06.jpg) no-repeat center; }

.questions dl dd { padding: 30px 50px 35px 70px; background: #252933 url(../webimages/questions_10.jpg) no-repeat 15px 20px; font-size: 13px; line-height: 24px; display: none; }

.questions_bottom { padding: 30px 0px; width: 1000px; margin: 0 auto; text-align: center; _padding-bottom: 0px; }

.questions_bottom a { display: inline-block; width: 90px; height: 90px; background: url(../webimages/product_13.jpg) no-repeat top center; line-height: 145px; display: none; }

/*服务-服务支持*/
.server { width: 1000px; }

.server dl { width: 1000px; padding-bottom: 70px; }

.server dl dt { float: left; width: 460px; padding: 120px 20px; }

.server dl dt h5 { color: #2da0f7; font-size: 18px; }

.server dl dt p { padding-top: 30px; line-height: 22px; }

.server dl dd { float: right; width: 500px; padding-top: 60px; }

/*服务-服务支持*/
.message { width: 1000px; margin: 0 auto; position: relative; overflow: hidden; z-index: 1; font-size: 14px; }

.message p { padding-top: 30px; padding-bottom: 40px; }

.message p em { color: #00a1e9; }

.message ul { padding: 0px 70px; }

.message ul li { float: left; width: 400px; margin-bottom: 30px; margin-right: 30px; }

.message ul li.last { width: 833px; _margin-right: 0px; }

.message ul li h6 { font-size: 15px; height: 23px; line-height: 20px; padding-bottom: 15px; }

.message ul li h6.h601 { padding-left: 17px; }

.message ul li h6 em { color: #00a1e9; padding-right: 10px; display: inline-block; }

.message ul li input { width: 375px; height: 40px; line-height: 20px; padding-left: 10px; background: #fff; margin-left: 16px; *padding-top: 10px; *height: 30px; font-family: "微软雅黑"; }

.message ul li textarea { width: 805px; _width: 833px; height: 175px; padding-left: 10px; padding-top: 10px; background: #fff; margin-left: 16px; font-family: "微软雅黑"; }

.message .bottom { width: 1000px; text-align: center; padding-top: 20px; padding-bottom: 90px; }

.message .bottom input { background: url(../webimages/message_03.jpg) no-repeat; width: 138px; height: 41px; line-height: 40px; text-align: center; color: #fff; font-size: 18px; cursor: pointer; margin-right: 20px; font-family: "微软雅黑"; }

/*关于-关于我们*/
.about_us { width: 1000px; font-size: 14px; position: relative; overflow: hidden; z-index: 1; }

.about_us dl { width: 1000px; padding-top: 40px; }

.about_us dl dt { float: left; width: 565px; padding-top: 40px; }

.about_us dl dt h4 { color: #2da0f7; font-size: 18px; }

.about_us dl dt p { padding-top: 30px; line-height: 24px; }

.about_us dl dd { float: right; width: 407px; }

.about_us ul { width: 1100px; padding-top: 60px; padding-bottom: 40px; }

.about_us ul li { float: left; width: 340px; height: 575px; background: url(../webimages/about_us_11.jpg) no-repeat top center; overflow: hidden; border-right: 1px #2c303a solid; }

.about_us ul li h3 { width: 358px; height: 200px; text-align: center; line-height: 145px; font-size: 23px; font-weight: bold; }

.about_us ul li h3 em { font-size: 22px; font-family: Arial; font-weight: bold; display: inline-block; padding-right: 33px; }

.about_us ul li p { line-height: 24px; padding: 0px 26px; }

/*关于-联系我们*/
.contact { width: 1000px; font-size: 14px; padding-bottom: 50px; }

.contact dl { width: 1000px; padding-top: 50px; }

.contact dl dt { float: left; width: 590px; padding-top: 50px; }

.contact dl dt h4 { color: #2da0f7; font-size: 18px; padding-bottom: 30px; }

.contact dl dt p { padding-bottom: 5px; }

.contact dl dd { float: right; width: 407px; }

.contact p.bus { padding-top: 50px; padding-bottom: 10px; }

/*首页*/
.index_banner_div { width: 100%; height: 538px; overflow: hidden; position: relative; z-index: 1; }

.index_banner { width: 1920px; height: 538px; position: absolute; left: 50%; margin-left: -960px; }

.index_banner ul li { position: relative; width: 1920px; height: 538px; }

.index_banner ul li p { display: block; position: absolute; left: 43%; top: 0px; margin-left: -736px; z-index: 999; }

.index_banner ul li p.p02 { position: absolute; left: 38%; top: 0px; }

.index_banner ul li p.p03 { position: absolute; left: 41%; top: 0px; }

.index_banner ul li p img { display: block; }

.index_banner_div ul li img.big { display: block; }

.inddot_index { position: absolute; width: 100%; left: 50%; margin-left: -960px; bottom: 20px; text-align: center; z-index: 9999; }

.inddot_index a { display: inline-block; width: 11px; height: 11px; overflow: hidden; line-height: 11111px; background: url(../webimages/index_7.png) no-repeat; margin: 0 4px; }

.inddot_index a.cur { background: url(../webimages/index_6.png) no-repeat; }

.scrollsmallimgpro { width: 1000px; position: absolute; top: 0; left: 50%; margin-left: -500px; }

.scrollsmallimgpro img { position: absolute; top: 145px; }

.scrollsmallimgpro img.smallimg { right: 95px; }

.scrollsmallimgpro img.smallimgleft { left: 0px; }

.index_con { width: 1000px; margin: 0 auto; position: relative; overflow: hidden; -webkit-border-radius: 5px; border-radius: 5px; }

.index_con ul { width: 1100px; padding: 30px 0px; }

.index_con ul li { float: left; margin-right: 15px; position: relative; -webkit-border-radius: 5px; border-radius: 5px; width: 323px; height: 229px; overflow: hidden; cursor: pointer; }

.index_con ul li img { display: block; width: 323px; height: 229px; -webkit-border-radius: 5px; border-radius: 5px; position: absolute; /*-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-in-out;*/ }

.index_con ul li.cur .index_con_text { background: none; }

/*.index_con ul li.cur .index_con_text h3{background:url(../webimages/crindex_09.jpg) bottom center no-repeat;}*/
.index_con ul li.cur .index_con_text a { border: solid 1px #fff; }

.index_con ul li .index_con_text { position: relative; background: url(../webimages/index_08.png) repeat 0 0; width: 323px; height: 229px; text-align: center; position: absolute; top: 0px; left: 0px; -webkit-border-radius: 5px; border-radius: 5px; }

.index_con ul li .index_con_text h3 { position: absolute; top: 140px; width: 100%; text-align: center; padding-bottom: 14px; font-size: 32px; font-weight: bold; /*background:url(../webimages/index_09.jpg) bottom center no-repeat;*/ left: 0px; }

.index_con ul li .index_con_text p { position: absolute; top: 102px; width: 100%; text-align: center; padding-top: 15px; padding-bottom: 30px; font-size: 14px; left: 0px; }

.index_con ul li .index_con_text a { position: absolute; left: 124px; top: 260px; display: inline-block; width: 70px; height: 25px; line-height: 25px; font-size: 12px; border: 1px #bee3ff solid; color: #fff; }

.index_con ul li .index_con_text a:hover { background-color: #0f86e1; color: #fff; border: solid 1px #dedede; }

.index_con ul li:hover img { -webkit-border-radius: 5px; border-radius: 5px; /*-webkit-transform:scale(1.25 ,1.25); -moz-transform:scale(1.25 ,1.25); -ms-transform:scale(1.25 ,1.25); -o-transform:scale(1.25 ,1.25); transform:scale(1.25 ,1.25);*/ }

/*****************陈蕊 begin************/
/*产品购买1*/
.main.proWrap { width: 100%; }

.main.proWrap .breadCrumbs { width: 1000px; margin: 0 auto; }

.main.pro_seacher { width: 100%; background: #262a34; padding: 60px 0px; }

.pro_seacher_con { width: 635px; margin: 0 auto; position: relative; height: 44px; }

.pro_seacher_text { font-size: 20px; display: inline-block; height: 44px; line-height: 44px; cursor: pointer; width: 500px; color: #2da0f7; background: #fff url(../webimages/product_serch.jpg) no-repeat right; padding-right: 45px; border-bottom: solid 1px #262a34; }

.pro_seacher_text span, .pro_subnav span { margin-left: 10px; float: left; }

.pro_seacher_text em, .pro_subnav em { font-size: 20px; float: right; margin-right: 10px; }

.pro_seacher_con span.sel_span { margin-right: 10px; color: #d9d9d9; font-size: 18px; float: left; height: 45px; line-height: 45px; }

.pro_subnav { display: none; position: absolute; left: 82px; width: 545px; background: #fff; padding-bottom: 6px; }

.pro_subnav p { cursor: pointer; margin: 0px 20px 0px 10px; height: 44px; line-height: 44px; color: #4c4c4c; border-bottom: solid 1px #d9d9d9; }

.pro_subnav span { margin-left: 0px; font-size: 20px; }

.pro_subnav em { margin-right: 35px; }

.main.proWrap .content { width: 1000px; margin: 0 auto; }

.cr_protab { border-bottom: solid 1px #252832; height: 50px; line-height: 50px; padding-bottom: 10px; }

.cr_protab a { font-size: 24px; color: #666; margin-right: 70px; background: url(../webimages/product_buzou.jpg) no-repeat right 7px; padding-right: 40px; }

.cr_protab a.cur { color: #2da0f7; background: url(../webimages/product_buzou.jpg) no-repeat right -38px; }

.probuy_onecon { padding-top: 40px; }

.probuy_onecon dl { height: auto; overflow: hidden; }

.probuy_onecon dl dt em { display: block; padding-bottom: 20px; }

.probuy_onecon dl dt span { display: inline-block; float: left; text-align: center; width: 79px; height: 79px; border: solid 1px #3b3e48; position: relative; cursor: pointer; margin-right: 23px; margin-bottom: 12px; }

.probuy_onecon dl dt span.cur { border: solid 1px #2d99eb; }

.probuy_onecon dl dt span img { margin-top: 9px; }

.probuy_onecon dl dt span em { position: absolute; top: 0px; left: 0px; display: none; }

.pro_selcolor { background: #252832; float: left; height: auto; padding: 25px 42px 25px 65px; }

.probuy_onecon dl dt .crImgLagre img { float: left; width: 242px; height: 242px; padding: 145px 0 20px 0; }

.probuy_onecon dl dt .YwwpicRight img { float: left; width: 242px; height: 242px; padding-top: 145px; }

.probuy_onecon dl dt .YwwPic img { float: left; }

.probuy_onecon dl dt .YwwpicRightTwo img { float: left; }

.pro_cankao { display: inline-block; width: 100%; float: left; }

.probuy_onecon_left { float: left; width: 514px; display: inline-block; }

.pro_cankao { color: #5d6068; padding-top: 120px; font-size: 14px; }

.probuy_onecon dl dt { width: 1000px; padding-bottom: 50px; border-bottom: solid 1px #262a34; display: table; }

.probuy_onecon dl dd { padding-top: 40px; display: table; width: 100%; padding-bottom: 55px; }

.probuy_onecon dl dd p { padding-bottom: 15px; }

/*产品购买2*/
.pro_listleft { display: inline-block; float: left; font-size: 14px; }

.pro_listright { width: 240px; float: right; }

.pro_listright span { display: block; color: #2da0f7; font-size: 36px; font-weight: bold; text-align: right; }

.pro_listright a { font-weight: bold; font-size: 24px; float: right; width: 170px; height: 45px; line-height: 45px; display: block; background: #2da0f7 url(../webimages/product_buybtn.jpg) no-repeat 135px 14px; margin-top: 20px; text-indent: 20px; }

.pro_listright a:hover { color: #fff; }

.probuy_find { width: 430px; height: 44px; position: relative; margin-bottom: 30px; }

.probuy_findtext { background: #252832; height: 44px; line-height: 44px; font-size: 18px; padding-left: 10px; cursor: pointer; background: #252832 url(../webimages/product_img2.jpg) no-repeat right; }

.probuy_findtext em { float: right; margin-right: 60px; }

.probuy_findtext span { float: left; max-width: 250px; height: 44px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; font-size: 15px; }

.probuy_title { font-size: 18px; display: block; padding-top: 50px; padding-bottom: 23px; }

.probuy_subnav { background: #252832; border-top: solid 1px #666; position: absolute; width: 410px; padding-left: 10px; padding-right: 10px; display: none; padding-bottom: 10px; }

.probuy_subnav p { cursor: pointer; font-size: 18px; height: 44px; line-height: 44px; border-bottom: solid 1px #666; }

.probuy_subnav p em { float: right; margin-right: 20px; }

.probuy_subnav p span { float: left; max-width: 280px; height: 44px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; font-size: 14px; }

.zindex9 { z-index: 9; }

.zindex8 { z-index: 8; margin-bottom: 0px; }

.probuy_form { width: 434px; }

.probuy_form label { background: #252832; height: 30px; padding: 7px; display: block; margin-bottom: 15px; }

.probuy_form p { color: #999; font-size: 14px; padding-bottom: 10px; line-height: 15px; }

.probuy_form input { height: 30px; line-height: 30px; font-family: "微软雅黑"; color: #999; font-size: 14px; }

.probuy_twocon dl { display: table; width: 100%; border-bottom: solid 1px #252832; padding-bottom: 50px; }

.probuy_twocon dl dt { float: left; width: 430px; }

.probuy_twocon dl dd { float: right; width: 515px; padding-top: 100px; }

.borbottom { border-bottom: solid 1px #252832; padding-bottom: 50px; margin-bottom: 30px; height: auto; overflow: hidden; }

.borbottom img { float: right; margin-left: 30px; }

.probuy_twoconlist { display: block; height: auto; overflow: hidden; padding-top: 20px; padding-bottom: 30px; _padding-bottom: 50px; _margin-bottom: 50px; _margin-top: 20px; }

.pro_listleft p { padding-bottom: 15px; _padding-bottom: 10px; }

.pro_listright p { width: 100%; float: right; text-align: right; font-size: 14px; margin-top: 20px; }

.probuy_twoconlist .pro_listright a { width: 187px; background: #2da0f7 url(../webimages/product_buybtn.jpg) no-repeat 153px 14px; text-align: center; text-indent: 0px; }

.probuy_add { padding-left: 65px; background: #252832 url(../webimages/product_buy01.jpg) no-repeat 15px 17px; height: 57px; line-height: 57px; font-size: 18px; }

.probuy_threeimg { float: left; }

.probuy_threecon table tr td { color: #666; padding-top: 50px; border-bottom: solid 1px #262a34; padding-bottom: 50px; font-size: 14px; vertical-align: top; text-align: left; vertical-align: inherit; }

.probuy_threecon table tr td p { line-height: 25px; }

.pro_zhiwei { font-size: 18px; color: #2c9aee; }

.font18 { padding-left: 25px; font-size: 18px; color: #666; padding-bottom: 10px; }

.pro_numadd { display: inline-block; width: 28px; height: 28px; line-height: 28px; float: left; background: url(../webimages/product_num.jpg) no-repeat 0px 0px; }

.pro_numlabel { background: #252832; color: #fff; text-align: center; width: 40px; height: 28px; line-height: 28px; float: left; }

.pro_numsubtract { display: inline-block; width: 28px; height: 28px; line-height: 28px; float: left; background: url(../webimages/product_num.jpg) no-repeat 0px -31px; }

.probuy_list { padding-bottom: 30px; width: 100%; display: table; text-align: right; }

.probuy_three_price span { font-size: 15px; color: #666; margin-right: 20px; }

.probuy_three_price { padding: 30px 0px; color: #2da0f7; font-size: 36px; font-weight: bold; }

.probuy_three_jiesuan { display: block; float: right; height: 45px; line-height: 45px; color: #fff; font-size: 24px; font-weight: bold; width: 187px; background: #2da0f7 url(../webimages/product_buybtn.jpg) no-repeat 120px 14px; text-indent: 44px; text-align: left; }

.probuy_three_jiesuan a:hover, .probuy_three_jiesuan a { color: #fff; }

/*****************陈蕊 end**************/
/*20150325*/
.seaResult { padding: 36px; background-color: #0f1015; margin-bottom: 36px; }

.seaResult label { display: block; width: 764px; height: 54px; margin: 0 auto; }

.seaResult label input.text { padding-left: 12px; display: block; float: left; width: 608px; height: 54px; font-size: 18px; font-family: "微软雅黑"; color: #999; background-color: #fff; }

.seaResult label input.submit { display: block; float: left; width: 144px; height: 54px; font-size: 24px; font-weight: bold; font-family: "微软雅黑"; color: #fff; background-color: #2da0f7; cursor: pointer; }

/*20150626 begin*/
/*---购物车---*/
.shopping { width: 940px; border: 1px solid #373b46; padding: 30px 30px 10px; margin-bottom: 60px; color: #999; }

.jindu { width: 100%; height: auto; overflow: hidden; }

.jindu dl { float: left; width: 400px; }

.jindu dl h3 { font-size: 16px; }

.jindu dl h3 span { color: #ff6000; }

.jindu dl p { font-size: 13px; padding-top: 10px; }

.jindu ul { width: 322px; float: right; background: url(../webimages/cr_qlpic8.jpg) no-repeat 0px 9px; }

.jindu ul li.cur { background: url(../webimages/cr_qlpic9.jpg) no-repeat 0px 9px; color: #0e6cb2; }

.jindu ul li.li02.cur { background: url(../webimages/cr_qlpic14.jpg) no-repeat right 9px; color: #0e6cb2; }

.jindu ul li.cur span { background: url(../webimages/cr_qlpic6.jpg) no-repeat; }

.jindu ul li { float: left; width: 161px; padding-top: 35px; text-align: center; position: relative; }

.jindu ul li span { position: absolute; top: 0px; left: 45%; display: inline-block; height: 23px; width: 23px; background: url(../webimages/cr_qlpic7.jpg) no-repeat; color: #fff; line-height: 23px; text-align: center; }

.jindu ul li em { padding-right: 10px; }

.shoppingtitle { background: #2e3442; padding: 8px 10px; font-size: 15px; color: #535353; margin-top: 30px; }

.shoppingtitle span { float: right; padding-left: 110px; padding-right: 22px; }

.shoppinglist { width: 1118px; border-bottom: 1px solid #eeeeee; padding: 30px 0px 20px; }

.shoppinglist dl { float: left; width: 560px; }

.shoppinglist dl dt { float: left; width: 80px; }

.shoppinglist dl dt img { width: 80px; height: 80px; display: block; }

.shoppinglist dl dd { float: right; width: 450px; padding-top: 15px; font-size: 13px; color: #000; }

.shoppinglist dl dd a { color: #000; }

.shoppinglist dl dd a:hover { background-repeat: no-repeat; color: #0068b7; }

.shoppinglist ul { float: right; margin: 0px; padding: 0px; width: 455px; }

.shoppinglist ul li { float: left; padding-top: 25px; width: 125px; text-align: center; }

.shoppinglist ul li label { border: 1px solid #cccccc; display: inline-block; padding: 5px 5px; margin: 0px 5px; }

.shoppinglist ul li label input { width: 40px; outline: none; border: none; background: none; text-align: center; margin: 0px; padding: 0px; }

.shoppinglist ul li.number { width: 115px; }

.shoppinglist ul li.number img { border: none; cursor: pointer; position: relative; top: 3px; *top: -1px; }

.shoppinglist ul li.price { color: #ff5a00; }

.shoppinglist ul li.delete { width: 66px; text-align: right; padding-right: 5px; }

.jine { width: 1118px; text-align: right; font-size: 15px; color: #333; padding-top: 28px; }

.jine span { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #ff5a00; }

.jixu { width: 1180px; padding: 20px 0px 25px; }

.jixu a { display: inline-block; width: 240px; height: 31px; background: #dddddd; color: #666666; font-size: 18px; font-weight: bold; text-align: center; padding-top: 12px; }

.jixu a.cur { background: #0068b7; color: #FFF; float: right; }

.tuijian { border: 1px solid #dadada; width: 1178px; position: relative; padding-bottom: 35px; margin: 0px auto; }

.tuijian h3 { font-size: 18px; color: #333; padding: 35px 0px 35px 65px; }

.tuijian .left, .tuijian .right { position: absolute; width: 36px; height: 70px; top: 170px; }

.tuijian .left { background: url(../webimages/index_29.jpg) no-repeat; left: 15px; cursor: pointer; }

.tuijian .right { background: url(../webimages/index_30.jpg) no-repeat; right: 15px; cursor: pointer; }

.tuijianlist { width: 1022px; overflow: hidden; margin-left: 80px; position: relative; }

.tuijianlist ul { width: 9999px; position: relative; }

.tuijianlist ul li { float: left; width: 180px; padding-right: 30px; }

.tuijianlist ul li img { width: 180px; height: 180px; display: block; padding-bottom: 10px; }

.tuijianlist ul li h4 { font-size: 12px; height: 21px; overflow: hidden; }

.tuijianlist ul li p { color: #ff5a00; }

.tuijianlist ul li span { font-size: 14px; display: inline-block; padding-top: 10px; }

.tuijianlist ul li span a { display: inline-block; border: 1px solid #cccccc; padding: 4px 15px; }

.tuijianlist ul li span a:hover { background: #ff6000; border: 1px solid #ff6000; color: #FFF; }

/*---提交订单---*/
.consignee { width: 100%; padding-top: 40px; }

.consignee h3 { font-size: 17px; font-weight: bold; padding-bottom: 20px; }

.consignee h3 a { color: #0068b7; font-size: 14px; font-weight: normal; }

.consignee h3 a:hover { color: #0068b7; }

.pay { width: 100%; }

.pay h3 { font-size: 17px; font-weight: bold; padding: 40px 0px 20px; }

.pay p { font-size: 13px; padding-bottom: 10px; }

.pay p span { font-size: 15px; font-weight: bold; padding-left: 5px; }

.pay ul { padding: 30px; background: #2e3442; height: auto; overflow: hidden; }

.pay ul li { float: left; width: 194px; height: 26px; border: 1px solid #dddddd; margin-right: 25px; display: inline; padding: 14px 0px 0px 20px; }

.pay ul li.zhifubao { background: url(../webimages/cr_qlpic11.jpg) no-repeat; }

.pay ul li.yinlian { background: url(../webimages/cr_qlpic12.jpg) no-repeat; }

.distribution { width: 100%; border-bottom: 1px solid #373b46; padding: 20px 0px; margin-bottom: 15px; }

.distribution h3 { font-size: 17px; font-weight: bold; padding: 20px 0px 0px; }

.distribution h3 span { font-size: 13px; font-weight: normal; }

.distribution p { font-size: 13px; color: #2da0f7; padding-top: 10px; }

/*.invoice{width:100%; padding-top:25px;}
.invoice h3{margin:0px;padding:0px; font-size:17px; font-weight:bold;}
.invoice h3 span{ display:inline-block; padding:10px 25px; background:#2e3442;}
.invoice ul{background:#2e3442; padding:25px 50px;}
.invoice ul li{margin:0px; padding:0px; font-size:15px; height:30px; line-height:30px;}
.invoice ul li span{height:26px; _padding-top:4px; display:block; float:left;}
.invoice ul li i{ padding:0px 30px 0px 4px; font-style:normal;}
.invoice ul li em{ padding:0px 10px 0px 4px}
.invoice ul li label{ float:left;width:335px;height:19px;border:1px solid #e6e6e6;display:none; padding:6px 10px 3px;background:#FFF;}
.invoice ul li label input{border:none; background:none; outline:none; width:335px; float:left;}*/
.listing { width: 100%; font-size: 17px; font-weight: bold; padding-top: 40px; }

.listing em { float: right; font-size: 14px; }

.listing em a { color: #0068b7; }

.invoicing { width: 100%; padding: 20px 0px 0px; }

.invoicing a { display: inline-block; width: 240px; height: 31px; background: #0068b7; color: #FFF; float: right; font-size: 18px; font-weight: bold; text-align: center; padding-top: 12px; }

/*.note{width:100%; padding-top:25px;}
.note h3{margin:0px;padding:0px; font-size:17px; font-weight:bold;}
.note h3 span{ display:inline-block; padding:10px 25px; background:#2e3442;}
.note p{background:#2e3442; padding:25px 50px;}
.note p textarea{ width:98%; height:90px; overflow:hidden; border:1px solid #666; outline:none; padding:1%; font-family:"微软雅黑"; font-size:14px; color:#999;}
*/
.orderlist { width: 100%; border-bottom: 1px solid #eeeeee; padding: 30px 0px 20px; height: auto; overflow: hidden; }

.orderlist dl { float: left; width: 560px; }

.orderlist dl dt { float: left; width: 90px; }

.orderlist dl dt img { width: 90px; height: 90px; display: block; }

.orderlist dl dd { float: right; width: 450px; padding-top: 15px; font-size: 13px; color: #000; }

.orderlist dl dd a { color: #999; }

.orderlist dl dd a:hover { background-repeat: no-repeat; color: #999; }

.orderlist ul { float: right; margin: 0px; padding: 0px; width: 330px; }

.orderlist ul li { float: right; padding-top: 25px; width: 165px; text-align: center; }

.orderlist ul li label { border: 1px solid #cccccc; display: inline-block; padding: 5px 5px; margin: 0px 5px; }

.orderlist ul li label input { width: 40px; outline: none; border: none; background: none; text-align: center; margin: 0px; padding: 0px; }

.orderlist ul li.number { width: 115px; }

.orderlist ul li.number img { border: none; cursor: pointer; position: relative; top: 3px; *top: -1px; }

.orderlist ul li.price { color: #ff5a00; }

.orderlist ul li.delete { width: 66px; padding-right: 5px; }

.address { margin: 0px; padding: 0px; }

.address h3 { font-size: 15px; padding: 10px 15px 25px; }

.address h3 span { padding-left: 15px; }

.addressbor { border: 5px solid #0068b7; }

.addressbor h3 { border-bottom: none; }

.address ul { margin: 0px; padding: 0px 0px 10px; }

.address ul li { margin: 0px 0px 15px; padding: 0px; }

.address ul li span { display: inline-block; width: 95px; padding-right: 5px; font-size: 15px; text-align: right; }

.address ul li .crSaveInfor { margin-left: 100px; }

.address ul li label { display: inline-block; padding: 7px 8px; background: #252733; }

.address ul li label input { border: none; outline: none; background: none; margin: 0px; padding: 0px; color: #999; }

.address ul li label input.shr { width: 170px; }

.address ul li label input.deadd { width: 365px; }

.address ul li label input.Mobile { width: 265px; }

.address ul li label input.phone { width: 170px; }

.address ul li em { padding: 0px 10px; }

.address ul li a { font-size: 16px; color: #FFF; font-weight: bold; background: #2da0f7; display: inline-block; padding: 6px 15px; margin-left: 15px; position: relative; top: 1px; }

.address ul li.cur input { font-size: 16px; color: #FFF; font-weight: bold; background: #0068b7; display: inline-block; padding: 5px 15px; margin-left: 100px; }

.address dl { margin: 0px; padding: 0px 0px 15px; height: 32px; }

.address dl dt { float: left; padding-right: 5px; width: 95px; font-size: 15px; text-align: right; padding-top: 4px; }

.address dl dd { float: left; width: 680px; }

.address dl dd select, .account dl dd select { float: left; padding-left: 15px; color: #999; font-family: "微软雅黑"; width: 171px; height: 30px; background: #252733 url(../webimages/cr_qlpic10.jpg) no-repeat right 11px; }

.crAddressSel { width: 186px; float: left; margin-right: 20px; background: #252733; }

.region { float: left; width: 185px; height: 30px; background: #252733 url(../webimages/cr_qlpic10.jpg) no-repeat 160px 13px; margin-right: 10px; position: relative; cursor: pointer; }

.region ul { position: absolute; background: #eeeeee; left: 0px; top: 30px; display: none; width: 185px; cursor: pointer; height: 190px; overflow-y: auto; }

.region ul li { padding: 3px 0px 3px 10px; margin: 0px; }

.ti2 { font-size: 13px; width: 175px; height: 30px; padding-left: 10px; line-height: 30px; }

.crOrder { width: 300px; float: left; margin-left: 70px; }

.probuy_threeimg.ml0 { margin-left: 0px; }

.complete { width: 100%; background: #242935; text-align: center; padding: 110px 0px; margin: 30px 0px; }

.complete h3 { font-size: 20px; color: #2da0f7; text-align: center; font-weight: bold; }

.complete h3 span { background: url(../webimages/cr_qlpic15.jpg) no-repeat 0px 4px; display: inline-block; padding: 3px 0px 3px 40px; }

.complete h3 em { color: #eb6100; font-weight: bold; }

.complete p { padding-top: 15px; font-size: 13px; }

.complete p span { padding-right: 15px; color: #2da0f7; }

.complete p span a { color: #2da0f7; padding: 0px 8px; }

/*---会员中心---*/
.member { margin: 0px auto; padding: 40px 0px 0px; width: 1000px; color: #999; height: auto; overflow: hidden; }

.member_l { float: left; width: 150px; background: #262a34; padding-bottom: 50px; }

.member_l ul { margin: 0px; padding: 0px; }

.member_l ul h3 { margin: 0 auto; width: 80px; margin-bottom: 13px; padding: 20px 0px 15px 0px; border-bottom: 1px solid #3b3e48; font-size: 18px; color: #d9d9d9; text-align: center; }

.member_l ul li { font-size: 14px; height: 39px; }

.member_l ul li a { display: block; height: 32px; padding: 7px 0px 0px 42px; color: #999; border-left: 3px solid #262a34; }

.member_l ul li a:hover { border-left: 3px solid #0068b7; color: #999; }

.member_l ul li a.cur, .member_l ul li a.cur:hover { border-left: 3px solid #0068b7; color: #2da0f7; }

.member_r { float: right; width: 820px; }

.member_r h3 { margin: 0px 0px 15px 0px; padding: 20px 0px 15px; border-bottom: 1px solid #3b3e48; font-size: 18px; }

.member_r h3 em { float: right; font-size: 14px; color: #999999; }

.member_r h3 a { color: #999999; }

.member_r h3 a:hover { color: #0068b7; }

.member_r h3 a.cur { color: #0068b7; }

.tij { background: url(../webimages/index_16.jpg) no-repeat; border: none; outline: none; width: 81px; height: 33px; cursor: pointer; }

.diqu { float: left; width: 165px; height: 30px; background: #fbfbfb url(../webimages/index_15.jpg) no-repeat 140px 13px; border: 1px solid #e6e6e6; margin-right: 10px; position: relative; cursor: pointer; }

.diqu ul { position: absolute; background: #fbfbfb; border: 1px solid #e6e6e6; left: -1px; top: 30px; width: 165px; display: none; cursor: pointer; overflow-y: auto; height: 200px; }

.diqu ul li { padding: 3px 0px 3px 10px; margin: 0px; }

.ti { font-size: 13px; width: 155px; height: 30px; padding-left: 10px; line-height: 30px; }

.portrait { width: 330px; height: 146px; background: #fbfbfb; border: 1px solid #eeeeee; position: absolute; right: 0px; top: 70px; }

.portrait dl { margin: 0px; padding: 0px; height: auto; }

.portrait dl dd { float: left; width: 162px; margin: 0px; padding: 20px 0px 0px 23px; }

.portrait dl dd label { background: #FFF; border: 1px solid #dedede; padding: 4px 5px; display: inline-block; margin-bottom: 15px; }

.portrait dl dd label input { width: 150px; outline: none; background: none; border: none; font-size: 13px; color: #666666; margin: 0px; padding: 0px; }

.portrait dl dt { float: right; width: 100px; margin: 0px; padding: 20px 20px 0px 0px; }

.portrait_upload { float: left; background: url(../webimages/index_18.jpg) no-repeat; width: 70px; height: 28px; cursor: pointer; border: none; outline: none; }

.portrait_save { float: right; background: url(../webimages/index_19.jpg) no-repeat; width: 70px; height: 28px; cursor: pointer; border: none; outline: none; }

.Myorder_top { font-size: 14px; text-align: right; padding-bottom: 15px; padding-top: 20px; }

.Myorder_top a { padding: 0px 8px; color: #999; }

.Myorder_top a:hover, .Myorder_top a.cur { color: #2da0f7; }

.Myorder_state { background: #262a34; height: auto; overflow: hidden; }

.Myorder_state ul { margin: 0px; padding: 0px; }

.Myorder_state ul li { padding: 4px 0px; font-size: 14px; float: right; text-align: center; }

.Myorder_state ul li.caozuo { width: 150px; }

.Myorder_state ul li.zhuangtai { width: 110px; }

.Myorder_state ul li.jiage { width: 115px; }

.Myorder_list { border-collapse: collapse; border: none; background: #262a34; }

.Myorder_list tbody td { border-top: none; border-right: solid 1px #3e4149; border-bottom: solid 1px #3e4149; }

.orderNo { background: #2f323b; padding: 5px 10px; }

.orderNo span { font-size: 14px; }

.Myorder_listproduct { width: 100%; }

.operation { color: #2da0f7; }

.operation a { color: #2da0f7; }

.Myorder_jiage { margin: 0px; padding: 0px; }

.payment { background: url(../webimages/index_84.gif) no-repeat; width: 54px; height: 21px; display: inline-block; text-align: center; text-align: center; margin-bottom: 5px; }

.payment span { color: #FFF; background: #2da0f7; display: inline-block; width: 57px; height: 23px; line-height: 23px; font-size: 15px; }

.paging { padding: 30px 0px; text-align: center; }

.crProImg { font-size: 14px; margin-left: 20px; }

.crProImg img { vertical-align: middle; margin-right: 30px; }

/*---订单信息---*/
.order-information { width: 100%; margin-top: 20px; background: #262a34; margin-bottom: 60px; }

.order-information h4 { background: #2f323b; font-size: 15px; font-weight: bold; padding: 7px 15px; }

.order-information ul { margin: 0px; padding: 20px 20px 0px; }

.order-information ul li { border-bottom: 1px solid #3b3e48; padding-bottom: 10px; margin-bottom: 25px; }

.order-information ul li h5 { font-weight: bold; font-size: 15px; padding-bottom: 5px; }

.order-information ul li em { display: inline-block; width: 200px; }

.order-information ul li.cur { border-bottom: none; padding: 0px; margin: 0px; }

.order-information ul li p { line-height: 25px; }

.Payment-information { width: 100%; margin-top: 10px; }

.Payment-information dl { margin: 0px; padding: 0px; }

.Payment-information dl.cur { background: #2f323b; height: 30px; }

.Payment-information dl dd { float: left; width: 166px; padding: 4px 0px; text-align: center; line-height: 20px; }

.Payment-information dl dd.POrder-no { float: left; width: 167px; }

.Payment-information dl dd.Psource { float: left; width: 122px; }

.Payment-information dl dd.Pamount { float: left; width: 90px; }

.Commodity-list { border-collapse: collapse; border: none; margin-top: 15px; }

.Commodity-list tr.cur td { background: #2f323b; }

.Commodity-list thead { border-left: solid 1px #2f323b; border-right: solid 1px #2f323b; }

.Commodity-list tbody { border-left: solid 1px #3b3e48; }

.Commodity-list tbody tr td { border-right: solid 1px #3b3e48; border-bottom: solid 1px #3b3e48; text-align: center; }

.Commodity-listproduct { width: 100%; }

.Commodity-listproduct dl { width: 100%; margin: 0px; padding: 25px 0px; }

.Commodity-listproduct dl.cur { border: none; }

.Commodity-listproduct dl dt { float: left; width: 70px; padding-left: 20px; }

.Commodity-listproduct dl dt img { width: 70px; height: 70px; display: block; }

.Commodity-listproduct dl dd { float: left; width: 320px; padding: 10px 0px 0px 20px; }

.order-price { float: right; padding: 15px 20px 20px 0px; text-align: right; font-size: 14px; }

.order-price p.cur { padding-top: 8px; font-size: 16px; }

.order-price p.cur span { display: inline-block; width: 93px; text-align: right; float: left; }

.order-price p.cur b { font-size: 24px; font-family: "Arial"; color: #f45c00; }

.after-sales { width: 100%; padding-top: 20px; }

.Service-no { border-collapse: collapse; background: #262a34; }

.Service-no td { padding: 15px 0px; }

.Service-no td.cur { background: #2da0f7; font-size: 14px; font-weight: bold; color: #FFF; text-indent: 0px; }

.Service-no td span { padding: 0px 20px; }

.service-information { width: 938px; border: 1px solid #e6e6e6; margin-top: 20px; border-bottom: none; }

.service-information h4 { background: #fafafa; font-size: 14px; font-weight: bold; padding: 5px 15px; }

.service-information table { border-collapse: collapse; background: #ffffff; }

.service-information table td { border: 1px solid #e6e6e6; padding: 15px 0px; border-left: none; }

.service-information table td.cur { border-right: none; text-indent: 20px; }

.service-information table td.describe { border-right: none; }

.service-information table td.font14 { font-size: 14px; text-indent: 20px; }

.service-informationlist { width: 732px; padding-left: 20px; }

.service-informationlist p { padding-bottom: 10px; }

.service-informationlist ul { margin: 0px; padding: 0px; }

.service-informationlist ul li { float: left; width: 65px; margin-right: 18px; }

.service-informationlist ul li img { width: 65px; height: 65px; display: block; }

/*---返修/退换货---*/
/*---修改密码---*/
.password { width: 100%; margin-top: 25px; background: #262a34; margin-bottom: 60px; }

.password ul { margin: 0px; padding: 80px 0px 60px 120px; }

.password ul li { font-size: 16px; padding-bottom: 20px; position: relative; }

.password ul li span { text-align: right; padding-right: 10px; display: inline-block; width: 160px; position: relative; *top: -5px; }

.password ul li label { background: #FFF; border: 1px solid #dedede; padding: 6px 5px; display: inline-block; background: #fbfbfb; }

.password ul li label input { width: 190px; outline: none; background: none; border: none; font-size: 13px; color: #666666; }

.password ul li img { position: absolute; left: 380px; }

.password ul li a { padding-left: 140px; }

.password ul li u { font-size: 13px; }

.pa_xiug { height: 34px; line-height: 28px; color: #FFF; font-size: 16px; background: #2da0f7; font-family: "微软雅黑"; font-weight: bold; width: 202px; padding: 4px 0px; cursor: pointer; outline: none; border: none; }

/*会员中心-账户信息*/
.account { width: 100%; color: #999; position: relative; margin-bottom: 60px; padding-top: 18px; }

.account ul { margin: 0px; padding: 0px; }

.account ul li { margin: 0px; padding: 0px 0px 17px; font-size: 14px; }

.account ul li.li01 { height: 72px; }

.account ul li.li02 { width: 218px; }

.account ul li.li01 p { font-size: 13px; color: #999; padding-left: 168px; line-height: 35px; }

.account ul li span { display: inline-block; padding-right: 15px; width: 150px; font-size: 15px; text-align: right; position: relative; *top: -5px; }

.account ul li label { border: 1px solid #e6e6e6; background: #fbfbfb; display: inline-block; padding: 5px 10px; }

.account ul li label input { width: 265px; background: none; border: none; font-family: "微软雅黑"; outline: none; color: #333333; font-size: 14px; margin: 0px; padding: 0px; }

.account ul li label input.dizhi { width: 500px; }

.account ul li em { padding: 0px 15px; }

.account ul li.cur { padding: 0px 0px 5px; }

.account ul li.font13 { font-size: 13px; color: #999; }

.account dl { margin: 0px; padding: 0px 0px 25px; height: 32px; }

.account dl dt { float: left; padding-right: 15px; width: 150px; font-size: 15px; text-align: right; padding-top: 6px; }

.account dl dd { float: left; width: 546px; }

.account li i { font-size: 15px; color: #ff8400; }

.account ul li label input.phone { width: 164px; height: 16px; }

.tij { background: url(../webimages/.jpg) no-repeat; border: none; outline: none; width: 81px; height: 33px; cursor: pointer; }

.diqu { float: left; width: 165px; height: 30px; border: 1px solid #e6e6e6; margin-right: 10px; position: relative; cursor: pointer; background: #fbfbfb url(../webimages/cr_qlpic18.jpg) no-repeat 140px 13px; }

.diqu ul { position: absolute; background: #fbfbfb; border: 1px solid #e6e6e6; left: -1px; top: 30px; width: 165px; display: none; cursor: pointer; overflow-y: auto; height: 200px; }

.diqu ul li { padding: 3px 0px 3px 10px; margin: 0px; }

.ti { font-size: 13px; width: 155px; height: 30px; padding-left: 10px; line-height: 30px; color: #999; }

.account dl i { font-size: 15px; color: #ff8400; }

.qrtj { font-size: 14px; font-weight: bold; width: 97px; height: 32px; line-height: 32px; text-align: center; color: #fff; background: #2da0f7; margin-left: 166px; font-family: "微软雅黑"; display: inline-block; cursor: pointer; }

.account p input.tj { width: 97px; height: 32px; line-height: 32px; text-align: center; color: #333; background: #e9e9e9; margin-left: 20px; display: inline-block; cursor: pointer; font-family: "微软雅黑"; font-size: 13px; font-weight: bold; }

a:hover.qrtj { color: #fff; }

/*登录*/
.crLoginform, .crLoginRegister, .crcrEmailFind { background: #242935; color: #999; margin-bottom: 60px; }

.crLoginform ul { width: 360px; margin: 0 auto; padding: 90px 0px; }

.crLoginform ul li, .crLoginRegister ul li { height: auto; margin-bottom: 20px; overflow: hidden; }

.crLoginform ul li input, .crLoginRegister ul li input { background: #fff; font-size: 13px; color: #999; font-family: "微软雅黑"; width: 283px; height: 32px; line-height: 32px; text-indent: 10px; }

.crLoginform ul li span { display: inline-block; width: 60px; text-align: right; font-size: 15px; }

.crLoginform ul li a { color: #2da0f7; font-size: 13px; float: right; margin-right: 12px; }

.crLoginform ul li.crLoginLi input, .crLoginform ul li.crLoginLi2 input { display: inline-block; width: 130px; height: 32px; line-height: 32px; text-align: center; margin-right: 20px; text-indent: 0px; font-size: 14px; color: #fff; font-weight: bold; font-size: 14px; cursor: pointer; background: #2da0f7; }

.crLoginform ul li.crLoginLi2 input { float: right; }

/*注册*/
.crLoginRegister ul li em { float: left; display: block; margin-left: 95px; color: #2da0f7; padding-top: 10px; }

.crLoginRegister ul { width: 363px; margin: 0 auto; padding: 90px 0px; }

.crLoginRegister ul li span { display: inline-block; width: 80px; text-align: right; font-size: 15px; }

.crLoginRegister ul li.crYzm input { width: 160px; }

.crLoginRegister ul li .crRegist { width: 160px; text-indent: 0px; font-size: 16px; font-weight: bold; color: #fff; background: #2da0f7; }

.crLoginRegister ul li i { float: right; cursor: pointer; width: 110px; }

/*找回密码邮箱*/
.crcrEmailFind ul { width: 420px; margin: 0 auto; padding: 90px 0px; }

.crcrEmailFind ul li, .crLoginRegister ul li { height: auto; margin-bottom: 20px; overflow: hidden; }

.crcrEmailFind ul li input, .crLoginRegister ul li input { background: #fff; font-size: 13px; color: #999; font-family: "微软雅黑"; width: 283px; height: 32px; line-height: 32px; text-indent: 10px; }

.crcrEmailFind ul li span { display: inline-block; width: 77px; text-align: right; font-size: 15px; float: left; }

.crcrEmailFind ul li a { color: #2da0f7; font-size: 13px; float: right; margin-right: 12px; }

.crcrEmailFind ul li.crLoginLi input { display: inline-block; width: 160px; height: 32px; line-height: 32px; text-align: center; margin-right: 20px; text-indent: 0px; font-size: 14px; color: #fff; font-weight: bold; font-size: 14px; cursor: pointer; background: #2da0f7; }

.crcrEmailFind ul li i { cursor: pointer; width: 110px; }

.crcrEmailFind ul li a { float: right; margin-top: 7px; }

.crcrEmailFind ul li.crYzm input { width: 160px; float: left; margin-right: 12px; }

/*找回密码成功*/
.crFindPassSuccess { background: #242935; color: #999; margin-bottom: 60px; padding: 90px 0px; }

.crFindPassSuccess p { background: url(../webimages/cr_qlpic19.jpg) no-repeat top center; padding-top: 60px; width: 405px; margin: 0 auto; font-size: 17px; }

.account dl dd .crAddressSel { width: 162px; }

.account dl dd select { width: 150px; }

/*---完成---*/
/*20150626 end*/
/*分页样式*/
.crPageDown { height: 45px; text-align: center; overflow: hidden; width: 720px; margin: 0 auto; margin-top: 20px; margin-bottom: 50px; }

.crPageDown a { border-bottom: solid 1px #3e4149; border-top: solid 1px #3e4149; width: 44px; border-left: solid 1px #3e4149; display: inline-block; height: 43px; line-height: 43px; color: #999; }

.crPageDown a.crShengnue { border-right: none; border-bottom: none; border-top: none; }

.crPageDown a.pageDownL { width: 100px; border-left: solid 1px #3e4149; }

.crPageDown a.pageDownR { border-right: solid 1px #3e4149; width: 100px; }

.crPageDown a:hover, .crPageDown a.cur { background: #262a34; color: #2da0f7; }

/*20150709*/
.crHero { height: auto; display: block; overflow: hidden; background: #30333d; padding: 40px 40px 0px; margin-bottom: 40px; margin-top: 20px; }

.crHeroweb { width: 1100px; }

.crHero img { display: inline-block; width: 265px; height: 199px; float: left; margin-right: 60px; margin-bottom: 40px; }

.crColorTab a { float: left; display: inline-block; text-align: center; font-size: 16px; color: #808080; height: 40px; line-height: 40px; width: 125px; border-right: solid 1px #252832; }

.crColorTab a.cur { background: #252832; color: #fff; border-right: none; }

/*研发实力*/
.yfsl_main { margin-bottom: 10px; }

.yfsl_main .tit { color: #2da0f7; font-size: 18px; padding-bottom: 24px; }

.yfsl_main { font-size: 14px; line-height: 22px; }

.yf_wrap { width: 100%; background: #181c27 url(../webimages/ypic08.jpg) center repeat-y; }

.yf_picbox { width: 1000px; height: auto; overflow: hidden; padding: 26px 0; margin: 0 auto; }

.yf_picbox ul { width: 1100px; }

.yf_picbox ul li { width: 237px; height: 178px; float: left; margin-right: 17px; }

.js_box { width: 1000px; margin: 0 auto; height: auto; overflow: hidden; margin-top: 40px; margin-bottom: 60px; }

.js_box ul li { width: 333px; float: left; position: relative; background: #232834; height: 238px; }

.js_box ul li h5 { font-size: 23px; line-height: 35px; font-weight: bold; color: #fff; padding-top: 63px; padding: 0 44px; padding-top: 63px; }

.js_box ul li p { color: #fff; line-height: 27px; padding: 0 44px; }

.js_box ul li i { display: inline-block; width: 40px; height: 20px; background: url(../webimages/ypic09.png) no-repeat; position: absolute; bottom: -20px; left: 145px; z-index: 999; }

.js_box ul li.li02 i { top: -20px; left: 145px; background: url(../webimages/ypic10.png) no-repeat; }

/*--2015-10-12---叶稳稳  */
.Ywwcen { overflow: hidden; display: none; float: left; }

.Ywwtit { overflow: hidden; }

.Ywwtit span { display: block; float: left; width: 125px; line-height: 40px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; cursor: pointer; }

.Ywwtit span.cur { background: #252832; }

.YwwEwm { margin: 0 auto; height: 43px; width: 1000px; position: relative; }

.YwwEwm a.YwwEwmauto { margin: 0 auto; position: absolute; left: 50%; top: 0; z-index: 10; margin-left: -40px; width: 43px; padding-right: 70px; }

.linkIcon .YwwEwm a img { width: 43px; height: 43px; display: block; }

.Ywwshow { width: 200px; height: 122px; float: left; background: #e7e7e7; overflow: hidden; position: absolute; left: 50%; bottom: 0px; margin-left: 14px; padding: 10px 10px; display: none; }

.Ywwshow span { display: block; float: left; margin-right: 10px; color: #898989; }

.linkIcon .YwwEwm a .Ywwshow span img { width: 95px; height: 95px; margin-bottom: 8px; }

.YwwLeft { display: none; }

.YwwRight { display: none; }

.Ywwpic { width: 515px; overflow: hidden; }

.Ywwpic img { width: 255px; }

.YwwBlock { display: block; }

.Ywwlater { width: 484px; float: left; }

.YwwBoxe { display: block; }

.YwwBoxwidth { display: block; }

.crImgLagre { padding-bottom: 10px; float: left; overflow: hidden; }

.probuy_onecon dl dt span.Ywwmoren { font-weight: bold; font-size: 24px; float: none; width: 170px; height: 45px; line-height: 45px; display: block; background: #2da0f7; margin-top: 20px; text-align: center; margin: 0 auto; }

/*2016-1-22---Yewenwen*/
.Ywwlang { float: left; }

.Ywwlang a { display: inline-block; padding: 0 5px; }

/*2016-2-19--Yewenwen*/
.YwwFXA { display: inline-block; padding-left: 8px; }

.YwwFXA a { padding: 0 7px 0 0; background: none; display: inline-block; width: 20px; }

.YwwFXA a img { width: 20px; vertical-align: -6px; }

.YwwFXATwo a { padding: 0 2px 0 0; width: 14px; }

.YwwFXATwo { float: left; }

.YwwFXATwo a img { width: 14px; }

.YwwFXATwo a img { vertical-align: -4px; }

/* 设计流程*/
/*--头部底部--*/
.toubu { background: url(../webimages/index_01.jpg) no-repeat center; width: 100%; height: 361px; }

.dibu { background: url(../webimages/index_02.jpg) no-repeat center; width: 100%; height: 200px; }

.webbg { background: url(../webimages/index_03.jpg) repeat-y center top; min-height: 1001px; height: auto !important; height: 1001px; }

/*--产品--*/
.web { width: 1000px; margin: auto; }

.producttitle { border-bottom: 1px solid #475261; padding: 25px 0px; color: #d9d9d9; font-size: 24px; line-height: 26px; }

.producttitle span { float: right; color: #676a71; font-size: 13px; }

.producttitle span a { color: #676a71; }

.productschedule { padding-top: 40px; }

.productschedule a { color: #666; font-size: 18px; background: url(../webimages/index_05.png) no-repeat right center; padding-right: 25px; margin-right: 35px; }

.productschedule a:hover { color: #2c9aee; background: url(../webimages/index_04.png) no-repeat right center; }

.productschedule a.cur { color: #2c9aee; background: url(../webimages/index_04.png) no-repeat right center; }

.productsbox { padding-top: 70px; padding-bottom: 30px; }

.productleft { float: left; width: 700px; }

.productmodelleft { float: left; width: 328px; height: 360px; position: relative; overflow: hidden; cursor: pointer; }

.productmodelright { float: right; width: 328px; height: 360px; position: relative; overflow: hidden; cursor: pointer; }

.headsetline, .headsetmold, .headsetcover, .headsetgold, .headsetcustommade, .headsetother, .headsetBiglogo { width: 328px; height: 360px; position: absolute; left: 0px; top: 0px; background-repeat: no-repeat; }

.productmodelleft .headsetcustommade { -webkit-mask-image: url(../webimages/initialleft.png); mask-image: url(../webimages/initialleft.png); -webkit-mask: url(../webimages/initialleft.png); mask: url(../webimages/initialleft.png); z-index: 99; }

.productmodelright .headsetcustommade { -webkit-mask-image: url(../webimages/initialright.png); mask-image: url(../webimages/initialright.png); -webkit-mask: url(../webimages/initialright.png); mask: url(../webimages/initialright.png); z-index: 99; }

.custommade { position: absolute; left: 0px; top: 0px; background-repeat: no-repeat; -o-background-size: 100%; background-size: 100%; cursor: move; background-position: center; z-index: 1; }

.headsetsmalllogo { width: 328px; height: 360px; position: absolute; left: 0px; top: 0px; background-repeat: no-repeat; }

.headsetBiglogo { z-index: 100; }

.headsetother { z-index: 5; }

.productmodelleft .headsetline { z-index: 1; background-image: url(../webimages/left.png); }

.productmodelleft .headsetmold { z-index: 2; background-image: url(../webimages/left01.png); }

.productmodelleft .headsetgold { z-index: 3; }

.productmodelleft .headsetcover { z-index: 4; background-image: url(../webimages/left02.png); }

.productmodelright .headsetline { z-index: 1; background-image: url(../webimages/right.png); }

.productmodelright .headsetmold { z-index: 2; background-image: url(../webimages/right01.png); }

.productmodelright .headsetgold { z-index: 3; }

.productmodelright .headsetcover { z-index: 4; background-image: url(../webimages/right02.png); }

.productclass { float: right; width: 270px; min-height: 355px; background-color: #202329; padding: 10px 0px 15px 13px; }

.productclass a { display: block; width: 117px; height: 38px; margin: 15px 5px 0px; background-color: #252832; color: #fff; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: center; line-height: 38px; float: left; }

.productclass a:hover { background-color: #2c9aee; color: #fff; }

.productclass a.cur { background-color: #2c9aee; color: #fff; }

.productdescription { background-color: rgba(37, 40, 50, 0.5); float: left; width: 480px; min-height: 340px; }

.productdescription h3 { height: 40px; line-height: 40px; padding-left: 16px; background-color: #252832; font-size: 16px; color: #fff; }

.productcontent { padding: 20px; color: #fff; text-indent: 2em; }

.productcontenttitle { float: right; width: 504px; min-height: 340px; }

.productcontenttitle dl dt { min-height: 237px; padding-bottom: 49px; background-color: rgba(37, 40, 50, 0.3); position: relative; }

.productcontenttitle dl dt h3 { height: 40px; line-height: 40px; padding-left: 15px; background-color: #252832; font-size: 16px; color: #fff; margin-bottom: 20px; }

.productcontenttitle dl dt p { color: #fff; padding-left: 15px; padding-bottom: 5px; }

.productcontenttitle dl dt p span { display: inline-block; width: 145px; }

.productcontenttitle dl dt h4 { font-size: 14px; color: #fff; padding-left: 15px; }

.productcontenttitle dl dt h4 span { color: #2c9aee; }

.productcontenttitle dl dt h5 { background-color: #1e212a; line-height: 18px; height: 40px; line-height: 40px; font-size: 18px; color: #fff; font-weight: bold; padding-left: 15px; position: absolute; left: 0px; bottom: 0px; right: 0px; }

.productcontenttitle dl dt h5 span { padding-left: 125px; }

.productcontenttitle dl dd { padding-top: 20px; }

.productcontenttitle dl dd a { display: inline-block; border: 1px solid #555659; width: 250px; color: #fff; text-align: center; line-height: 32px; height: 32px; font-size: 16px; }

.productcontenttitle dl dd a:hover { border: 1px solid #2da0f7; background-color: #2da0f7; color: #fff; }

.productcontenttitle dl dd a.cur { border: 1px solid #2da0f7; background-color: #2da0f7; color: #fff; }

.productright { float: right; width: 283px; }

.modelselect { background: #252832; padding: 12px 0px 15px 13px; margin-bottom: 25px; }

.modelselect h3 { font-size: 16px; color: #fff; }

.modelselect dl { padding: 10px 0px 0px; }

.modelselect dl a { padding-right: 10px; color: #ffffff; font-size:12px; }

.modelselect dl a.cur { color: #2c9aee; }

.modelselect ul { padding: 0px 0px 10px; margin: 0px; }

.modelselect ul li { float: left; width: 26px; height: 26px; border: 2px solid transparent; margin-top: 15px; cursor: pointer; margin-right: 15px; -webkit-border-radius: 100%; border-radius: 100%; }

.modelselect ul li.cur { border: 2px solid #fff; }

.modelselect p { padding: 5px 0px 0px; }

.modelselect p a { color: #fff; margin-right: 10px; font-size:12px; }

.modelselect p a.cur { color: #2c9aee; }

.selectheadset { width: 366px; margin: auto; height: 12px; -webkit-border-radius: 10px; border-radius: 10px; background: #212328; position: relative; margin-top: 30px; }

.selectheadset span { display: block; width: 36px; height: 8px; position: absolute; left: 1%; top: 2px; background-color: #2c9aee; -webkit-border-radius: 5px; border-radius: 5px; transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1); -moz-transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1); -ms-transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1); -o-transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1); }

.selectheadset dl { z-index: 11; width: 622px; position: absolute; left: 50%; margin-left: -309px; top: 0px; line-height: 12px; }

.selectheadset dl dd { float: left; width: 200px; text-align: center; color: #fff; font-family: Arial, Helvetica, sans-serif; cursor: pointer; height: 12px; }

.selectheadset dl dt { float: left; width: 222px; cursor: pointer; height: 12px; }

.selectheadsettitle { margin-top: 40px; min-height: 295px; padding-bottom: 35px; background-color: rgba(37, 40, 50, 0.5); position: relative; }

.selectheadsettitle dl h3 { height: 40px; line-height: 40px; padding-left: 15px; background-color: #252832; font-size: 16px; color: #fff; margin-bottom: 20px; }

.selectheadsettitle dl dt { float: left; width: 400px; }

.selectheadsettitle dl dt p { color: #fff; padding-left: 15px; padding-bottom: 3px; }

.selectheadsettitle dl dt p span { display: inline-block; vertical-align: top; }

.selectheadsettitle dl dt h4 { font-size: 14px; color: #fff; padding-left: 15px; }

.selectheadsettitle dl dt h4 span { color: #2c9aee; }

.selectheadsettitle dl dd { float: left; width: 240px; }

.selectheadsettitle dl dd p { color: #fff; padding-left: 15px; padding-bottom: 2px; }

.selectheadsettitle dl dd p span { display: inline-block; vertical-align: top; }

.selectheadseTotalprice { background-color: #1e212a; line-height: 18px; height: 40px; line-height: 40px; font-size: 18px; color: #fff; font-weight: bold; padding-left: 15px; margin-top: 20px; }

.selectheadseTotalprice span { display: inline-block; width: 300px; }

.linematerial { background-color: #252832; margin-top: 20px; position: relative; }

.linematerial h3 { height: 35px; line-height: 35px; padding-left: 15px; background-color: #252832; font-size: 16px; color: #fff; margin-bottom: 20px; }

.linematerial h4 { border: 1px solid #3e4351; height: 35px; line-height: 35px; color: #fff; font-size: 14px; padding: 0px 130px 0px 15px; background: url(../webimages/index_06.png) no-repeat right center; cursor: pointer; }

.linematerial h4 span { float: right; }

.linematerial ul { display: none; position: absolute; left: 0px; border: 1px solid #3e4351; background-color: #252832; top: 91px; height: 170px; padding: 5px 0px; overflow-x: hidden; overflow-y: auto; right: 0px; font-size: 14px; }

.linematerial ul li { padding: 5px 0px 5px 10px; cursor: pointer; color: #fff; }

.linematerial ul li span { float: right; padding-right: 20px; }

.modelselectNext { padding-top: 10px; }

.modelselectNext a { display: inline-block; border: 1px solid #555659; width: 49.5%; margin-left: -1px; color: #fff; text-align: center; line-height: 32px; height: 32px; font-size: 16px; }

.modelselectNext a:hover { border: 1px solid #2da0f7; background-color: #2da0f7; color: #fff; }

.modelselectNext a.cur { border: 1px solid #2da0f7; background-color: #2da0f7; color: #fff; }

.customize { background-color: rgba(37, 40, 50, 0.5); padding: 15px 20px; margin-bottom: 30px; }

.customize h3 { font-size: 16px; color: #fff; }

.customizeUpload { padding-top: 15px; }

.customizeUpload h4 { cursor: pointer; border: 1px solid #535a65; width: 123px; height: 30px; line-height: 30px; overflow: hidden; text-align: center; color: #fff; font-size: 14px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; margin: 0px auto 15px; }

.customizeUpload input { position: absolute; left: -20px; width: 200px; top: 0px; height: 32px; opacity: 0; cursor: pointer; display: none; }

.customizeUpload dl { display: none; }

.customizeUpload dl dd { padding: 8px 0px; }

.customizeUpload dl dd div.customizename { float: left; color: #fff; width: 70px; line-height: 13px; }

.customizeUpload dl dd div.customizebox { float: left; width: 165px; height: 6px; position: relative; background: #9499a0; margin-top: 3px; }

.customizeUpload dl dd div.customizebox a { display: block; position: absolute; top: -5px; left: 0px; width: 13px; height: 13px; background-color: #2c9aee; border: 1px solid #d2d2d2; -webkit-border-radius: 100%; border-radius: 100%; }

.Logostyle { padding: 0px 25px 25px; }

.Logostyle a { display: block; border: 1px solid #515760; color: #fff; padding: 5px 0px; text-align: center; margin-top: 30px; }

.Logostyle a:hover { background: #2c9aee; border: 1px solid #2c9aee; color: #fff; }

.Logostyle a.cur { background: #2c9aee; border: 1px solid #2c9aee; color: #fff; }

.LogostyleColour { padding: 0px 25px 25px; }

.LogostyleColour a { display: block; border: 1px solid #515760; color: #fff; padding: 5px 0px; text-align: center; margin-top: 30px; }

.LogostyleColour a:hover { background: #2c9aee; border: 1px solid #2c9aee; color: #fff; }

.LogostyleColour a.cur { background: #2c9aee; border: 1px solid #2c9aee; color: #fff; }

.customizeNext { padding-top: 30px; }

.customizeNext a { display: inline-block; border: 1px solid #555659; width: 49.5%; margin-left: -1px; color: #fff; text-align: center; line-height: 32px; height: 32px; font-size: 16px; }

.customizeNext a:hover { border: 1px solid #2da0f7; background-color: #2da0f7; color: #fff; }

.customizeNext a.cur { border: 1px solid #2da0f7; background-color: #2da0f7; color: #fff; }

.SubmitInformation h3 { color: #fff; font-size: 14px; padding-bottom: 3px; }

.SubmitInformation label { display: block; background-color: rgba(255, 255, 255, 0.1); padding: 8px 10px; margin-bottom: 20px; }

.SubmitInformation label input { background: none; outline: none; color: #fff; }

.SubmitInformation label textarea { background: none; outline: none; color: #fff; width: 99%; resize: none; border: none; height: 100px; }

.takemanner { color: #fff; padding-top: 10px; }

.save { padding-top: 30px; }

.save a { background-color: #2da0f7; display: block; padding: 10px 0px; text-align: center; }

.save a span { background: url(../webimages/index_07.png) no-repeat left center; padding-left: 20px; font-size: 16px; color: #fff; }

.Billingleft { float: left; width: 460px; }

.Narrow { width: 225px; height: 247px; }

.Narrow .headsetline, .Narrow .headsetmold, .Narrow .headsetcover, .Narrow .headsetcustommade, .Narrow .headsetother, .Narrow .headsetgold, .Narrow .headsetBiglogo, .Narrow .headsetsmalllogo { width: 225px; height: 247px; position: absolute; left: 0px; top: 0px; background-repeat: no-repeat; -o-background-size: cover; background-size: cover; }

.Narrow .headsetcustommadeleft { -webkit-mask-image: url(../webimages/initialleft1.png); mask-image: url(../webimages/initialleft1.png); -webkit-mask: url(../webimages/initialleft1.png); mask: url(../webimages/initialleft1.png); z-index: 99; }

.Narrow .headsetcustommaderight { -webkit-mask-image: url(../webimages/initialright1.png); mask-image: url(../webimages/initialright1.png); -webkit-mask: url(../webimages/initialright1.png); mask: url(../webimages/initialright1.png); z-index: 99; }

.Billingtitle { padding-top: 75px; }

.Billingtitle h3 { font-size: 20px; color: #2da0f7; padding: 18px 20px; background: #252832; }

.Billingtitle dl { border: 1px solid #30373e; border-top: none; }

.Billingtitle dl dt { border-bottom: 1px solid #30373e; padding: 15px 20px; color: #fff; font-size: 16px; }

.Billingtitle dl dt span { float: right; }

.Billingtitle dl dd { padding: 15px 20px; color: #fff; font-size: 16px; }

.shuliang em { float: left; display: block; width: 19px; height: 19px; background-repeat: no-repeat; cursor: pointer; }

.shuliang input { float: left; width: 35px; margin: 0px 2px; color: #fff; background: none; outline: none; height: 19px; text-align: center; }

.shuliang em.plus { background-image: url(../webimages/index_08.png); }

.shuliang em.Less { background-image: url(../webimages/index_09.png); }

.BillingNext { padding-top: 78px; }

.BillingNext a { display: inline-block; border: 1px solid #555659; width: 49.5%; margin-left: -1px; color: #fff; text-align: center; line-height: 42px; height: 42px; font-size: 18px; }

.BillingNext a:hover { border: 1px solid #2da0f7; background-color: #2da0f7; color: #fff; }

.BillingNext a.cur { border: 1px solid #2da0f7; background-color: #2da0f7; color: #fff; }

.Billingright { float: right; width: 435px; }

.Billingright h3 { color: #fff; font-size: 18px; padding: 10px 30px; background: #252832; }

.Billingright dl { padding: 25px 30px 25px; font-size: 14px; background-color: rgba(37, 40, 50, 0.4); }

.Billingright dl p { color: #fff; padding-bottom: 3px; }

.Billingright dl p span { display: inline-block; vertical-align: top; }

.Billingright dl h4 { font-size: 14px; color: #fff; }

.Billingright dl h4 span { color: #2c9aee; }

.w240 { width: 240px; }

.w300 { width: 300px; }

.w130 { width: 130px; font-size: 12px; }

.w70 { width: 70px; font-size: 12px; }

.w90 { width: 90px; font-size: 12px; position: relative; left: 61px; }

.panelleftplusgold, .caseleftplusgold, .custommadeprice, .leftlogotitle, .leftlogoColour { padding-right: 15px; }

.popupbg { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #000; opacity: 0.7; filter: alpha(opacity=70); z-index: 9999; display: none; }

.popupbox { position: fixed; background: #FFF; width: 490px; min-height: 205px; -webkit-border-radius: 5px; border-radius: 5px; top: 50%; margin-top: -102px; left: 50%; margin-left: -245px; z-index: 99999; display: none; }

.popupbox h3 { border-bottom: 1px solid #e5e5e5; padding: 15px 10px 15px 20px; }

.popupbox h3 em { float: right; width: 20px; height: 20px; cursor: pointer; background: url(../webimages/close.png) no-repeat; }

.popupbox p.popupboxtext { font-size: 14px; padding: 20px 18px 0px; line-height: 28px; }

.popupbox p.popupboxa { text-align: right; padding-top: 30px; padding-right: 20px; padding-bottom: 15px; }

.popupbox p.popupboxa a { display: inline-block; border: 1px solid #cccccc; -webkit-border-radius: 12px; border-radius: 12px; padding: 0px 20px; margin-left: 10px; color: #333; }

.popupbox p.popupboxa a:hover { color: #2c9aee; }

.popupsave { position: fixed; background: #FFF; width: 490px; min-height: 205px; display: none; -webkit-border-radius: 5px; border-radius: 5px; left: 50%; margin-left: -245px; z-index: 99999; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); top: 50%; }

.popupsave h3 { border-bottom: 1px solid #e5e5e5; padding: 15px 10px 15px 20px; }

.popupsave h3 em { float: right; width: 20px; height: 20px; cursor: pointer; background: url(../webimages/close.png) no-repeat; }

.popupsave dl { padding: 20px 18px 20px; font-size: 14px; }

.popupsave dl dt { color: #666666; padding-bottom: 20px; }

.popupsave dl dd label { display: block; border: 1px solid #b2b2b2; padding: 5px 10px; }

.popupsave dl dd label input { width: 100%; float: left; color: #666; border: none; background: none; outline: none; }

.popupsave dl dd p { padding-top: 15px; }

.popupsave dl dd p input { width: 95px; height: 26px; background: #2c9aee; color: #fff; cursor: pointer; }

.popupsave p.popupboxtext { font-size: 14px; padding: 0px 18px 0px; line-height: 24px; }

.popupsave p.popupboxa { text-align: right; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; }

.popupsave p.popupboxa a { display: inline-block; border: 1px solid #cccccc; -webkit-border-radius: 12px; border-radius: 12px; padding: 0px 20px; margin-left: 10px; color: #333; }

.popupsave p.popupboxa a:hover { color: #2c9aee; }

.clearfl:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { *zoom: 1; }

/* PC eeeeeeeeeeee*/
/* swiper 3.0 */
.swiper-wrapper { width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }

.swiper-container-no-flexbox .swiper-slide { float: left; }

.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; }

.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; }

/* swiper 3.0 */
/* 相应开始 ssssssssssssssssssssssssssssssssssssssssssssssssssssss */
.show { display: block !important; }

.hide { display: none !important; }

@media (max-width: 320px) { body { min-width: 320px; } }

html { cursor: default; }

.commonleft { float: left; }

.commonright { float: right; }

.commonweb, .headerweb, .indexweb { padding: 0px 15px; }

.commonwebbox { margin-left: 0px; margin-right: 0px; }

.commonleft { float: none; }

.commonright { float: none; }

.visible-sm, .visible-md, .visible-lg, .visible-lg2 { display: none; }

.hidden-sm, .hidden-md, .hidden-lg { display: block; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 10px; padding-right: 10px; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

@media (min-width: 768px) { .commonweb, .headerweb, .indexweb { padding: 0px 20px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .visible-sm { display: block; }
  .hidden-sm { display: none; } }

@media (min-width: 992px) { .commonweb, .headerweb, .indexweb { padding: 0px 40px; max-width: 100%; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-md { display: block; }
  .hidden-md { display: none; }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; } }

@media (min-width: 1200px) { .visible-lg { display: block; }
  .hidden-lg { display: none; }
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; }
  .commonweb, .indexweb { margin: 0px auto; max-width: 1000px; padding: 0; }
  .headerweb { padding: 0 2.5%; }
  .visible-lg2 { display: inline-block; } }

@charset "UTF-8";
/* banner s */
.indexbanner { width: 100%; overflow: hidden; position: relative; }

.indexbanner ul li { width: 100%; height: auto; }

.indexbanner ul li .banner-img { display: block; width: 100%; overflow: hidden; }

.indexbanner ul li img { display: block; width: 100%; }

.index-pagination { position: absolute; width: 100%; left: 0; bottom: 20px; text-align: center; z-index: 22; line-height: normal; font-size: 0; }

.index-pagination span { display: inline-block; vertical-align: top; width: 11px; height: 11px; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%; background-color: #7F7F7F; cursor: pointer; margin: 0 4px; }

.index-pagination span.swiper-pagination-bullet-active { background-color: #0C8AE9; }

/* banner e */
/* 首页 s */
.index_con-wrapper { width: 100%; padding: 30px 0px; }

.incommonweb { width: 100%; max-width: 1180px; margin: 0 auto; padding-left: 90px; padding-right: 90px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }

.index_con { width: 100%; -webkit-border-radius: 0; border-radius: 0; }

.index_con ul { width: 100%; padding: 0; }

.index_con ul li { height: auto; float: none; -webkit-border-radius: 0; border-radius: 0; }

.index_con ul li a { display: block; overflow: hidden; width: 100%; position: relative; }

.index_con ul li a:hover .image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.index_con ul li a:hover .index_con_text:before { opacity: 0; }

.index_con ul li a:hover .index_con_text h3 { color: #0f86e1; }

.index_con ul li .image { display: block; overflow: hidden; width: 100%; position: relative; -webkit-border-radius: 5px; border-radius: 5px; }

.index_con ul li .image:before { content: ''; display: block; width: 100%; padding-bottom: 70.89783%; }

.index_con ul li img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: auto; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; }

.index_con ul li .index_con_text { width: 100%; height: 100%; z-index: 22; background: none; }

.index_con ul li .index_con_text:before { content: ''; display: none; width: 100%; height: 100%; position: relative; background: url(../webimages/index_08.png) repeat 0 0; -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; }

.index_con ul li .index_con_text h3 { color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 100%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; top: auto; bottom: 30px; }

.swiper-switch-prev, .swiper-switch-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 50px; height: 80px; cursor: pointer; }

.swiper-switch-prev:after, .swiper-switch-next:after { content: ''; position: absolute; width: 30px; height: 30px; border: 1px solid #fff; border-right: none; border-top: none; top: 50%; left: 50%; }

.swiper-switch-prev:hover:after, .swiper-switch-next:hover:after { border-color: #0f86e1; }

.swiper-switch-prev.swiper-button-disabled, .swiper-switch-next.swiper-button-disabled { cursor: default; }

.swiper-switch-prev:after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); margin-left: 8px; }

.swiper-switch-next:after { -webkit-transform: translate(-50%, -50%) rotate(-135deg); -moz-transform: translate(-50%, -50%) rotate(-135deg); -ms-transform: translate(-50%, -50%) rotate(-135deg); -o-transform: translate(-50%, -50%) rotate(-135deg); transform: translate(-50%, -50%) rotate(-135deg); margin-left: -8px; }

.index_con-prev { left: 10px; display: none; }

.index_con-next { right: 10px; display: none; }

.index-video { width: 100%; overflow: hidden; }

.video-wrapper { width: 100%; overflow: hidden; }

.index-video-ul li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 50px; padding-right: 50px; margin-bottom: 27px; }

.index-video-ul li a { display: block; width: 100%; overflow: hidden; }

.index-video-ul li .image { width: 100%; overflow: hidden; -webkit-border-radius: 20px; border-radius: 20px; position: relative; }

.index-video-ul li .image:before { content: ''; display: block; width: 100%; padding-bottom: 56.25%; }

.index-video-ul li .image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; z-index: 2; }

.index-video-ul li a:hover .image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.video-player { position: absolute; z-index: 4; display: none; }

/* 首页 e */
/* 登录 s */
.bannerWrap { width: 100%; overflow: hidden; min-width: 100%; max-width: 100%; }

.mainWrap { margin: auto; overflow: hidden; min-width: 100%; max-width: 100%; }

.crLoginform ul li.crLoginLi input, .crLoginform ul li.crLoginLi2 input { background-color: #0f86e1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.crLoginform ul li.crLoginLi input:hover, .crLoginform ul li.crLoginLi2 input:hover { background-color: #0f76c5; }

.crLoginRegister ul li .crRegist { background-color: #0f86e1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.crLoginRegister ul li .crRegist:hover { background-color: #0f76c5; }

.crLoginRegister ul li i { height: 34px; }

.crLoginRegister ul li i img { width: 100%; height: 100%; display: block; }

/* 登录 e */
/* 注册 s */
/* 注册 e */
/* 忘记密码 s */
.crcrEmailFind ul li.crYzm { position: relative; padding-right: 160px; }

.crcrEmailFind ul li.crYzm a { position: absolute; right: 0; bottom: 0; margin-top: 0; margin-bottom: 11px; }

.crcrEmailFind ul li.crYzm i { position: absolute; bottom: 0; right: 64px; width: 110px; height: 34px; overflow: hidden; }

.crcrEmailFind ul li.crYzm i img { display: block; width: 100%; height: 100%; }

/* 忘记密码 e */
/* 个人中心  s */
.account dl dd select { cursor: pointer; }

.label-txt { display: inline-block; vertical-align: top; line-height: 30px; }

.qrtj, .pa_xiug { -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.qrtj:hover, .pa_xiug:hover { background-color: #0f76c5; }

.password ul li img { width: 100px; height: 31px; }

.password ul li { font-size: 0; }

.password ul li span { font-size: 16px; }

.checkcode-input { display: inline-block; }

.crProImg { padding-top: 20px; padding-bottom: 20px; }

.selectheadsettitle { line-height: 24px; }

/* 个人中心  e */
/* 产品 s */
.product dl { padding-top: 40px; padding-bottom: 40px; }

.product dl dt { padding-top: 0; position: relative; overflow: hidden; }

.product dl dt:before { content: ''; display: block; width: 100%; padding-bottom: 93.87755%; }

.product dl dt img { position: absolute; top: 0; left: 0; max-width: 100%; display: block; height: auto; }

.product dl dd { width: 440px; padding-top: 35px; }

.product dl dd .desc { line-height: 20px; display: block; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; height: 120px; }

.product dl dd .bt a { -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.product dl dd .bt a:hover { background-color: #2da0f7; border-color: #2da0f7; }

.product dl dd .bt a.cur:hover { background-color: #0f86e1; border-color: #0f86e1; }

.crXinghao { margin-top: 20px; }

.product_bottom, .questions_bottom { width: 100%; }

.product_bottom a, .questions_bottom a { background: none; width: auto; height: auto; line-height: normal; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; display: inline-block; vertical-align: top; }

.product_bottom a .icon, .questions_bottom a .icon { display: block; width: 58px; height: 58px; line-height: 58px; margin: 0 auto; -webkit-border-radius: 50%; border-radius: 50%; position: relative; text-align: center; font-size: 0; background-color: #2da0f7; }

.product_bottom a .icon:before, .questions_bottom a .icon:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }

.product_bottom a .icon:after, .questions_bottom a .icon:after { content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 20px; border: 2px solid #fff; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -10px; }

.product_bottom a i, .questions_bottom a i { display: block; width: 100%; line-height: 20px; padding: 10px 0; white-space: nowrap; }

/* 产品 e */
/* 服务 s */
.questions dl { border-bottom: 1px #3b3e48 solid; border-top: none; }

.questions dl:last-child { border-bottom: none; }

.questions dl dt { background-color: #181C27; }

.message ul li .label { display: block; padding-left: 16px; }

.message ul li input { margin-left: 0; }

.message ul li textarea { margin-left: 0; }

.message .bottom input { outline: none; border: none; background: none; background-color: #0f86e1; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.message .bottom input:hover { background-color: #0f76c5; }

.server-support { width: 100%; padding-top: 20px; padding-bottom: 140px; max-width: 740px; margin: 0 auto; }

.server-table { width: 100%; padding: 10px 0; font-size: 14px; line-height: 22px; }

.server-table .table-row { width: 100%; display: table; }

.server-table .table-row .table-td { display: table-cell; vertical-align: middle; }

.server-table .table-row .td-right { padding-left: 20px; }

.server-descs { width: 100%; overflow: hidden; font-size: 14px; line-height: 22px; }

.desc-cover { text-align: center; }

.desc-cover img { display: block; max-width: 100%; margin: 0 auto; }

.desc-container { padding: 50px 0; font-size: 14px; line-height: 22px; }

.desc-container .title { text-align: center; }

.desc-container .word ol { padding-left: 70px; }

.server-foucs { font-size: 14px; line-height: 22px; padding: 25px 0; }

.server-foucs .title { padding-bottom: 20px; }

.server-foucs .image { text-align: center; }

.server-foucs .image img { max-width: 100%; display: inline-block; vertical-align: top; }

.desc-wrapper { font-size: 14px; line-height: 22px; }

/* 服务 e */
/* 关于我们 s */
.aboutus-wrapper { width: 100%; max-width: 760px; margin: 0 auto; padding-top: 30px; padding-bottom: 60px; }

.aboutus-article { font-size: 15px; line-height: 1.6; }

.aboutus-article img { max-width: 100%; }

.in-about-title { line-height: 1.8; }

.in-about-title .name { font-size: 22px; font-weight: bold; display: inline-block; vertical-align: middle; padding-right: 22px; }

.in-about-title .sub { font-size: 16px; font-weight: bold; display: inline-block; vertical-align: middle; }

.about-num-title { line-height: 1.8; font-size: 16px; font-weight: bold; }

.about-num-title .num { font-weight: normal; display: inline-block; padding-right: 12px; }

.in-maps { height: 395px; width: 100%; }

.yf-wrap { width: 100%; overflow: hidden; padding: 26px 0; background-color: #202430; }

.yf-picbox { width: 100%; max-width: 1000px; margin: 0 auto; }

.picbox-wrapper { width: 100%; position: relative; }

.picbox-swiper { width: 100%; overflow: hidden; position: relative; }

.picbox-swiper ul { width: auto; }

.picbox-swiper ul li { width: 237px; overflow: hidden; margin-right: 17px; position: relative; height: auto; }

.picbox-swiper ul li:before { content: ''; display: block; padding-bottom: 72.99578%; width: 100%; }

.picbox-swiper ul li img { position: absolute; top: 0; left: 0; width: 100%; height: auto; }

.picbox-swiper-prev { left: -70px; display: none; }

.picbox-swiper-next { right: -70px; display: none; }

.yfsl_main .tit { font-size: 16px; font-weight: bold; }

.yfsl_main { padding-top: 20px; margin-bottom: 40px; }

.js_box-new { width: 100%; overflow: hidden; padding-top: 40px; padding-bottom: 60px; }

.js_boxcon { width: 1000px; margin: 0 auto; height: auto; }

.js_box-ul li { padding-left: 0; padding-right: 0; background-color: #232834; position: relative; }

.js_box-ul li .con { width: 100%; position: relative; overflow: hidden; }

.js_box-ul li .image { width: 100%; overflow: hidden; position: relative; }

.js_box-ul li .image:before { content: ''; display: block; width: 100%; padding-bottom: 74.8503%; }

.js_box-ul li .image img { position: absolute; top: 0; left: 0; width: auto; height: 100%; }

.js_box-ul li .wcon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 22; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 60px; padding-left: 40px; padding-right: 40px; }

.js_box-ul li .word { width: 100%; position: relative; }

.js_box-ul li .word:before { content: ''; display: block; width: 100%; padding-bottom: 74.8503%; }

.js_box-ul li .word .title { width: 100%; font-size: 23px; line-height: 35px; font-weight: bold; color: #fff; }

.js_box-ul li .word .info { color: #fff; line-height: 27px; font-size: 12px; display: block; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; height: 108px; }

.js_box-ul li .icon { display: inline-block; width: 40px; height: 20px; position: absolute; z-index: 999; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.js_box-ul li:nth-child(odd):before { content: ''; display: block; width: 100%; padding-bottom: 74.8503%; }

.js_box-ul li:nth-child(odd) .word { position: absolute; top: 0; left: 0; }

.js_box-ul li:nth-child(odd) .icon { background: url(../webimages/ypic09.png) no-repeat; bottom: -20px; }

.js_box-ul li:nth-child(even) .icon { background: url(../webimages/ypic10.png) no-repeat; top: -20px; }

.recruitment { padding-top: 30px; padding-bottom: 50px; }

.recruit-coltop { width: 100%; overflow: hidden; }

.recruit-coltop .image { float: right; width: 400px; overflow: hidden; }

.recruit-coltop .image img { display: block; width: 100%; height: auto; }

.recruit-coltop .overhide { overflow: hidden; padding-right: 80px; }

.recruit-word { font-size: 14px; line-height: 2; }

.recruit-word .title { font-weight: bold; font-size: 15px; }

.recruit-colbtom { padding-top: 28px; }

.recruit-link { font-size: 14px; font-weight: bold; line-height: 2; }

/* 关于我们 e */
/* 用户列表 s */
.news li { height: auto; }

.news li dl { width: 100%; position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 300px; padding-right: 130px; height: 100%; }

.news li dt { position: absolute; top: 0; left: 0; }

.news li dd.newsDate { position: absolute; top: 0; right: 0; }

.news li dd.newsText { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto; position: relative; padding: 26px 10px 26px 20px; min-height: 220px; }

.news li dd.newsText h3 { margin-bottom: 17px; }

.news li.no dl { padding-left: 0; }

.news li.no dt { display: none; }

/* 用户列表 e */
/* 耳机图片 s */
.earphone-container { padding-top: 40px; padding-bottom: 30px; }

.earphone-wrapper { width: 100%; overflow: hidden; }

.earphone-ul { margin-left: -7px; margin-right: -7px; font-size: 0; }

.earphone-ul li { padding-left: 7px; padding-right: 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; margin-bottom: 14px; }

.earphone-ul li .image { width: 100%; overflow: hidden; position: relative; }

.earphone-ul li .image:before { content: ''; display: block; width: 100%; padding-bottom: 100%; }

.earphone-ul li .image img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; }

/* 耳机图片e */
/* 产品详情 s */
.product_xx { width: 100%; }

.product_xx_top { width: 100%; }

.xx_top_R .bigimg { width: 100%; overflow: hidden; }

.xx_top_R .bigimg img { max-width: 100%; height: auto; }

.xx_top_R .smallimg { width: 100%; }

.xx_top_R .smallimg ul { padding-left: 0; width: 100%; overflow: inherit; }

.xx_top_R .smallimg ul li img { width: 100%; height: 100%; display: block; }

.smallimg-swiper { width: 100%; overflow: hidden; position: relative; }

.smallimg-swiper ul { width: 100%; }

.smallimg-swiper ul li { width: 80px; height: 80px; float: left; border: 1px #393c46 solid; cursor: pointer; margin-right: 20px; }

.smallimg-swiper ul li img { width: 100%; height: 100%; display: block; }

.smallimg-swiper ul li.curr { border: 1px #0f86e1 solid; }

.smallimg-cons { margin-top: 40px; position: relative; padding-left: 50px; padding-right: 50px; }

.swiper-small-prev, .swiper-small-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 60px; cursor: pointer; }

.swiper-small-prev:after, .swiper-small-next:after { content: ''; position: absolute; width: 20px; height: 20px; border: 1px solid #fff; border-right: none; border-top: none; top: 50%; left: 50%; }

.swiper-small-prev:hover:after, .swiper-small-next:hover:after { border-color: #0f86e1; }

.swiper-small-prev.swiper-button-disabled, .swiper-small-next.swiper-button-disabled { cursor: default; }

.swiper-small-prev:after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); margin-left: 8px; }

.swiper-small-next:after { -webkit-transform: translate(-50%, -50%) rotate(-135deg); -moz-transform: translate(-50%, -50%) rotate(-135deg); -ms-transform: translate(-50%, -50%) rotate(-135deg); -o-transform: translate(-50%, -50%) rotate(-135deg); transform: translate(-50%, -50%) rotate(-135deg); margin-left: -8px; }

.smallimg-swiper-prev { left: 0px; display: none; }

.smallimg-swiper-next { right: 0px; display: none; }

.parameter_main { height: auto; min-height: 160px; }

.g-scrollbar, .probuy_twocon dl dd .ddlib, .shopp-container { overflow-x: auto; overflow-y: hidden; }

.g-scrollbar::-webkit-scrollbar, .probuy_twocon dl dd .ddlib::-webkit-scrollbar, .shopp-container::-webkit-scrollbar { /*滚动条整体样式*/ width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 2px; }

.g-scrollbar::-webkit-scrollbar-thumb, .probuy_twocon dl dd .ddlib::-webkit-scrollbar-thumb, .shopp-container::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #EDEDED; }

.g-scrollbar::-webkit-scrollbar-track, .probuy_twocon dl dd .ddlib::-webkit-scrollbar-track, .shopp-container::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); -webkit-border-radius: 10px; border-radius: 10px; background: #535353; }

.productleft::-webkit-scrollbar, .m-productmodel-scroll::-webkit-scrollbar, .m-suremodel-scroll::-webkit-scrollbar, .member-booking::-webkit-scrollbar, .Payment-table::-webkit-scrollbar, .menu-table::-webkit-scrollbar, .after-sales::-webkit-scrollbar { /*滚动条整体样式*/ width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 2px; }

.productleft::-webkit-scrollbar-thumb, .m-productmodel-scroll::-webkit-scrollbar-thumb, .m-suremodel-scroll::-webkit-scrollbar-thumb, .member-booking::-webkit-scrollbar-thumb, .Payment-table::-webkit-scrollbar-thumb, .menu-table::-webkit-scrollbar-thumb, .after-sales::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #EDEDED; }

.productleft::-webkit-scrollbar-track, .m-productmodel-scroll::-webkit-scrollbar-track, .m-suremodel-scroll::-webkit-scrollbar-track, .member-booking::-webkit-scrollbar-track, .Payment-table::-webkit-scrollbar-track, .menu-table::-webkit-scrollbar-track, .after-sales::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); -webkit-border-radius: 10px; border-radius: 10px; background: #535353; }

.parameter_bottom h5 { padding-left: 20px; padding-right: 20px; }

.parameter-container { padding-top: 35px; padding-bottom: 60px; }

.parameter-wrapper { width: 100%; position: relative; }

.parameter-swiper ul { padding: 0; width: 100%; }

.parameter-swiper ul li { height: auto; width: 222px; }

.parameter-swiper ul li a { display: block; overflow: hidden; width: 100%; }

.parameter-swiper ul li a:before { content: ''; display: block; width: 100%; padding-bottom: 100%; }

.parameter-swiper ul li a img { position: absolute; top: 50%; left: 50%; width: 100%; height: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.parameter-swiper-prev { left: 0px; z-index: 22; display: none; }

.parameter-swiper-next { right: 0px; z-index: 22; display: none; }

.parameter ul li a span { top: 230px; }

.xx_top_L dl { position: relative; width: 100%; }

.xx_top_L dl dt { min-height: 64px; float: none; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 120px; }

.xx_top_L dl dd { position: absolute; top: 30px; right: 0; }

/* 产品详情 e */
/* 产品 购买 s */
.Ywwcen { float: none; width: 100%; }

.Ywwlater { float: right; width: 484px; overflow: hidden; display: block; text-align: center; }

.Ywwlaterlib { display: inline-block; vertical-align: top; overflow: hidden; width: auto; }

.probuy_onecon_left { width: 100%; display: block; float: none; }

.Ywwcen-container { width: auto; display: block; overflow: hidden; }

.crColorTab { width: 100%; overflow: hidden; }

.pro_selcolor { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 25px 52px; }

.probuy_onecon .pro_selcolor span { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto; width: 20%; margin-left: 2.5%; margin-right: 2.5%; position: relative; }

.probuy_onecon .pro_selcolor span:before { content: ''; display: block; width: 100%; padding-bottom: 100%; }

.probuy_onecon .pro_selcolor span img { margin: 0; width: 100%; position: absolute; top: 0; left: 0; padding: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto; }

.cr_protab a { line-height: 32px; background: none; display: inline-block; vertical-align: middle; position: relative; }

.cr_protab a:after { content: ''; position: absolute; width: 14px; height: 14px; border: 3px solid #666; border-top: none; border-left: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 4px; top: 50%; margin-top: -8px; }

.cr_protab a:last-child { margin-right: 0; }

.cr_protab a:last-child:after { display: none; }

.cr_protab a.cur { color: #2da0f7; background: none; }

.cr_protab a.cur:after { border-color: #2da0f7; }

.probuy_form input { display: block; width: 100%; background-color: transparent; }

.probuy_findtext { background: none; background-color: #252832; padding-right: 60px; position: relative; }

.probuy_findtext:after { content: ''; position: absolute; width: 14px; height: 14px; border: 4px solid #fff; border-top: none; border-left: none; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); right: 15px; top: 50%; margin-top: -14px; }

.probuy_findtext em { margin-right: 0; }

.probuy-wrapper { width: 100%; overflow: hidden; padding-top: 30px; padding-bottom: 30px; }

.probuy-wrapper li { width: 100%; display: table; table-layout: fixed; padding-top: 20px; padding-bottom: 20px; border-bottom: solid 1px #262a34; }

.probuy-wrapper li .td { display: table-cell; vertical-align: middle; color: #666; font-size: 14px; text-align: left; line-height: 26px; }

.probuy-wrapper li .proimg { width: 288px; }

.probuy-wrapper li .protitle { width: 294px; }

.probuy-wrapper li .proprice { width: 150px; }

.probuy-wrapper li .pronum { width: 185px; }

.proyes-wrapper { width: 100%; overflow: hidden; padding-top: 50px; padding-bottom: 50px; border-bottom: solid 1px #262a34; }

.proyes-wrapper li { width: 100%; display: table; table-layout: fixed; }

.proyes-wrapper li .probuy { display: table-cell; vertical-align: middle; color: #666; font-size: 14px; text-align: left; line-height: 26px; }

.proyes-wrapper li .probuy-one { width: 74.46809%; }

.proyes-wrapper li .probuy-two { width: 20.21277%; }

.proyes-wrapper li .probuy-three { width: 5.31915%; }

.shoppingtitle { overflow: hidden; }

.shoppingtitle h4 { float: left; }

.shoppingtitle .name { width: 74.46809%; }

.shoppingtitle .num { width: 20.21277%; }

.shoppingtitle .price { width: 5.31915%; }

/* 产品 购买 e */
.is_clickable { cursor: hand; cursor: pointer; }

.nstSlider { cursor: hand; cursor: pointer; -webkit-border-radius: 10px; border-radius: 10px; position: relative; width: 300px; height: 20px; background: #134; }

.nstSlider .leftGrip.gripHighlighted { background: #134; }

.nstSlider .rightGrip.gripHighlighted { background: #134; }

.nstSlider .rightGrip, .nstSlider .leftGrip { position: absolute; -webkit-border-radius: 20px; border-radius: 20px; width: 13px; height: 13px; background: #fff; top: -4px; left: 0; display: none; background-color: #2c9aee; border: 1px solid #d2d2d2; }

.nstSlider .rightGrip { display: none; }

.nstSlider .bar { -webkit-border-radius: 10px; border-radius: 10px; position: absolute; background: #fff; height: 8px; top: 6px; opacity: 0; visibility: hidden; }

.nstSlider .highlightPanel { -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; -webkit-border-radius: 10px; border-radius: 10px; position: absolute; background: #e87722; height: 20px; top: 0; }

/* 设计  s */
.productcontenttitle dl dd { font-size: 0; }

.producttitle { padding-top: 50px; }

.productschedule a { line-height: 24px; background: none; display: inline-block; vertical-align: middle; position: relative; }

.productschedule a:after { content: ''; position: absolute; width: 12px; height: 12px; border: 3px solid #666; border-top: none; border-left: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 3px; top: 50%; margin-top: -7px; }

.productschedule a:last-child { padding-right: 0; margin-right: 0; }

.productschedule a:last-child:after { display: none; }

.productschedule a.cur, .productschedule a:hover { color: #2da0f7; background: none; }

.productschedule a.cur:after, .productschedule a:hover:after { border-color: #2da0f7; }

.m-productmodel-container { display: none; }

.m-modelselectNext { display: none; }

.modelselectNext { font-size: 0; }

.m-customizeNext { display: none; }

.customizeNext { font-size: 0; }

.customizeNext a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; margin: 0; height: 34px; }

.design-fonts { text-align: center; color: #fff; padding-top: 20px; }

.BillingNext { font-size: 0; }

.BillingNext a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; margin: 0; height: 44px; }

.range-bar { display: block; width: 100%; position: relative; height: 100%; }

.customizeUpload dl dd div.customizebox .range-handle { display: block; position: absolute; top: -5px; left: 0px; width: 13px; height: 13px; background-color: #2c9aee; border: 1px solid #d2d2d2; -webkit-border-radius: 100%; border-radius: 100%; }

.Billingright dl { line-height: 24px; }

.Service-no td span { display: block; }

/* 设计  s */

@charset "UTF-8";
@media (max-width: 1199px) { /* 首页 s */
  .incommonweb { max-width: 100%; padding-left: 70px; padding-right: 70px; }
  .index_con ul li a:hover .image img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  .index_con ul li a:hover .index_con_text:before { opacity: 1; }
  .index_con ul li a:hover .index_con_text h3 { color: #fff; }
  .index_con ul li .index_con_text h3 { font-size: 26px; bottom: 20px; }
  /* 首页 e */
  /* 登录 s */
  .bannerWrap { height: auto; }
  .banner { position: relative; width: 100%; height: 220px; left: 0; top: 0; overflow: hidden; margin-left: 0; }
  .banner img { width: auto; height: 100%; -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  .bannerText { position: absolute; width: 100%; height: auto; padding-top: 50px; top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 40px; padding-right: 40px; }
  .bannerText img { width: auto; height: 97px; }
  .main.proWrap .breadCrumbs { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 40px; padding-right: 40px; }
  .main.proWrap .content { width: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 40px; padding-right: 40px; }
  .crLoginform, .crLoginRegister, .crcrEmailFind { width: 100%; }
  .crLoginform ul { width: 100%; max-width: 360px; margin: 0 auto; }
  .crLoginform ul li, .crLoginRegister ul li { width: 100%; }
  .crLoginform ul li.crLoginLi input:hover, .crLoginform ul li.crLoginLi2 input:hover { background-color: #0f86e1; }
  /* 登录 e */
  /* 注册 s */
  .crLoginRegister ul { width: 100%; max-width: 364px; margin: 0 auto; }
  /* 注册 e */
  /* 个人中心  s */
  .member { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 40px; padding-right: 40px; }
  .member_r { float: none; width: auto; overflow: hidden; padding-left: 30px; }
  /* 个人中心  e */
  /* 产品 s */
  .main { width: 100%; padding-left: 40px; padding-right: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .product { width: 100%; }
  .product dl { width: 100%; }
  .product dl dt { width: 460px; }
  .product dl dd { width: auto; float: none; overflow: hidden; padding-left: 80px; }
  .product dl dd h3 { font-size: 18px; }
  .product dl dd span { font-size: 26px; }
  .product dl.cur dd { float: none; overflow: hidden; padding-left: 0; padding-right: 80px; }
  .crXinghao { font-size: 60px; }
  /* 产品 e */
  /* 服务 s */
  .questions { width: 100%; }
  .questions dl { width: 100%; }
  .questions dl dt { width: 100%; }
  .questions dl dt span { display: block; overflow: hidden; width: auto; padding-right: 10px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
  .message { width: 100%; }
  .message ul { padding: 0; margin-left: -15px; margin-right: -15px; }
  .message ul li.last { width: 100%; }
  .message ul li { margin-right: 0; padding-right: 15px; padding-left: 15px; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .message ul li input { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .message ul li textarea { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .message .bottom { width: 100%; }
  .message .bottom input:hover { background-color: #0f86e1; }
  .message-wrapper { width: 100%; overflow: hidden; }
  .server-support { max-width: 100%; padding-bottom: 100px; }
  .desc-container { padding: 50px 0; }
  /* 服务 e */
  /* 关于我们 s */
  .aboutus-wrapper { max-width: 100%; margin: 0 auto; }
  .agent-table { width: 100%; overflow-y: hidden; overflow-x: auto; }
  .agent-table table { width: 100%; min-width: 360px; }
  .contact { width: 100%; }
  .contact dl { width: 100%; }
  .contact dl dt { width: 59%; }
  .contact dl dd { width: 40%; }
  .contact dl dd img { display: block; width: 100%; height: auto; }
  .yf-picbox { max-width: 100%; }
  .in-maps { height: 320px; }
  .picbox-wrapper { padding-left: 40px; padding-right: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .js_boxcon { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 40px; padding-right: 40px; }
  .js_box-ul li .wcon { padding-top: 40px; padding-left: 30px; padding-right: 30px; }
  .js_box-ul li .word .title { font-size: 20px; }
  /* 关于我们 e */
  /* 产品详情 s */
  .xx_top_L h3 { font-size: 20px; padding-top: 30px; }
  .xx_top_L p.p02 { font-size: 26px; padding: 25px 0px; }
  .xx_top_L a { margin: 40px 0px; }
  .product_xx_parameter { width: 100%; }
  .product_xx_parameter ul { width: auto; display: block; margin-left: -10px; margin-right: -10px; }
  .product_xx_parameter ul li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 33.333%; }
  .product_xx_parameter ul li.li01 { width: 100%; height: auto !important; line-height: 1.8; font-size: 20px; padding-left: 10px; padding-right: 10px; border: none; margin-bottom: 20px; }
  .product_xx_parameter ul li.li02, .product_xx_parameter ul li.li03, .product_xx_parameter ul li.li04 { width: 33.333%; padding-left: 10px; padding-right: 10px; }
  .product_xx_parameter ul li:nth-child(4n+1) { clear: both; }
  .parameter p.xinneng { font-size: 22px; padding-left: 0; padding-right: 0; padding-top: 40px; }
  .parameter .back { width: 100%; padding-bottom: 60px; }
  .parameter .back a { font-size: 16px; }
  .parameter ul li a span { display: none; }
  .parameter_bottom h5 { font-size: 18px; }
  /* 产品详情 e */
  /* 产品 购买 s */
  .cr_protab a { font-size: 18px; padding-right: 30px; margin-right: 30px; }
  .cr_protab a:after { border-width: 2px; width: 12px; height: 12px; margin-top: -6px; }
  .probuy_onecon { padding-top: 30px; }
  .Ywwtit span { font-size: 15px; }
  .crColorTab a { font-size: 15px; }
  .probuy_onecon dl dt { width: 100%; }
  .crColorTab a { border-right: none; }
  .pro_selcolor { padding-left: 40px; padding-right: 30px; }
  .probuy_onecon .pro_selcolor span { width: 28.333%; }
  .Ywwcen-container { width: 380px; }
  .pro_cankao { padding-top: 70px; }
  .probuy_onecon dl dt span.Ywwmoren { font-size: 20px; }
  .pro_listright span { font-size: 30px; }
  .pro_listright a { font-size: 20px; -o-background-size: 10px; background-size: 10px; background-position: 135px 15px; width: 160px; }
  .probuy_twoconlist .pro_listright a { font-size: 18px; -o-background-size: 10px; background-size: 10px; background-position: 135px 15px; width: 160px; }
  .probuy_form { width: 100%; }
  .probuy_twocon dl dt { float: none; width: auto; overflow: hidden; }
  .probuy_twocon dl dd { width: 460px; padding-top: 83px; }
  .Ywwpic { width: 100%; text-align: center; }
  .borbottom img { margin-left: 20px; width: 210px; height: auto; }
  .Ywwpic img { width: 228px; height: auto; display: inline-block; vertical-align: top; }
  .probuy_find { width: 100%; margin-bottom: 20px; }
  .probuy_findtext span { font-size: 14px; }
  .probuy_findtext em { font-size: 16px; }
  .probuy_title { padding-top: 35px; }
  .probuy_findtext { padding-right: 50px; }
  .probuy_findtext:after { border-width: 2px; margin-top: -11px; width: 12px; height: 12px; }
  .probuy_subnav { width: 100%; }
  .probuy-wrapper li { width: 100%; display: block; overflow: hidden; position: relative; }
  .probuy-wrapper li .td { display: block; }
  .probuy-wrapper li .proimg { float: left; }
  .probuy-wrapper li .protitle { width: auto; overflow: hidden; }
  .probuy-wrapper li .proprice { width: auto; display: inline-block; padding-right: 50px; }
  .probuy-wrapper li .pronum { width: auto; display: inline-block; padding-right: 50px; }
  .probuy-wrapper li .prosum { width: auto; display: inline-block; }
  .protitle .pro_zhiwei { line-height: 28px; display: block; width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; height: 28px; margin-bottom: 8px; white-space: nowrap; }
  .protitle .desc { line-height: 22px; font-size: 14px; display: block; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; height: 110px; }
  /* 产品 购买 e */
  /* 订单中心 s */
  .shopping { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .shoppingtitle { margin-top: 0; }
  .shopp-container { padding-top: 30px; }
  .proyes-wrapper { padding-top: 40px; padding-bottom: 40px; }
  .crOrder { margin-left: 30px; }
  .crOrder .pro_zhiwei { line-height: 28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: auto; max-height: 56px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
  .crOrder .desc { line-height: 26px; display: block; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-height: 104px; }
  /* 订单中心 e*/
  /* 设计  s */
  .web { width: 100%; padding-left: 40px; padding-right: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .productschedule { padding-top: 30px; }
  .productschedule a { margin-right: 20px; font-size: 16px; }
  .productschedule a:after { border-width: 2px; width: 10px; height: 10px; margin-top: -6px; }
  .productmodel { font-size: 0; }
  .productmodelleft { float: none; display: inline-block; vertical-align: top; }
  .productmodelright { float: none; display: inline-block; vertical-align: top; margin-left: -70px; }
  .productsbox { padding-top: 50px; }
  .productleft { width: 588px; }
  .LL-productright { overflow: hidden; padding-left: 40px; }
  .productclass { float: none; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 5px 15px 5px; }
  .productclass a { width: 45.2%; margin-left: 2.4%; margin-right: 2.4%; }
  .productcontenttitle { float: none; overflow: hidden; width: auto; padding-left: 20px; }
  .productcontenttitle dl dd a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; }
  .rr-productright { overflow: hidden; padding-right: 5px; }
  .customizeUpload dl { width: 100%; max-width: 235px; margin: 0 auto; }
  .color-productright { overflow: hidden; padding-left: 40px; }
  .product-container { width: 100%; overflow: hidden; position: relative; }
  .product-container .productright { position: absolute; left: 618px; width: auto; right: 0; top: 0; }
  .Billingright { float: none; overflow: hidden; width: auto; padding-left: 50px; }
  /* 设计  s */
  /* 搜索  s */
  .seaResult label { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; padding-right: 144px; }
  .seaResult label input.submit { position: absolute; top: 0; right: 0; }
  .seaResult label input.text { width: 100%; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  /* 搜索  e */ }

@charset "UTF-8";
@media (max-width: 1023px) { /* 首页 s */
  .incommonweb { padding-left: 20px; padding-right: 20px; }
  .index_con ul { display: block; width: auto; margin-left: -10px; margin-right: -10px; }
  .index_con ul li { margin-right: 0; display: block; width: 50%; float: left; padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; }
  .index_con ul li .index_con_text:before { display: none; }
  .index_con ul li .index_con_text h3 { bottom: 20px; }
  .index-video-ul li { padding-left: 20px; padding-right: 20px; margin-bottom: 20px; }
  .index-video-ul li .image { -webkit-border-radius: 10px; border-radius: 10px; }
  .index-video-ul li a:hover .image img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  /* 首页 e */
  /* 登录 s */
  .banner { height: 180px; }
  .bannerText { padding-top: 40px; padding-left: 20px; padding-right: 20px; }
  .bannerText img { height: 84px; }
  .breadCrumbs h3 { font-size: 18px; }
  .main.proWrap .breadCrumbs { padding-left: 20px; padding-right: 20px; }
  .crLoginform, .crLoginRegister, .crcrEmailFind { margin-bottom: 40px; }
  /* 登录 e */
  /* 个人中心  s */
  .member { padding-left: 20px; padding-right: 20px; }
  .member_l { float: none; width: 100%; padding-bottom: 40px; padding-top: 10px; }
  .member_l ul { font-size: 0; text-align: center; }
  .member_l ul h3 { font-size: 16px; }
  .member_l ul li { text-align: center; display: inline-block; vertical-align: top; width: auto; padding: 0 30px; }
  .member_l ul li a { border-left: none; border-bottom: 3px solid #262a34; padding: 0 5px 5px; height: auto; line-height: 30px; display: inline-block; vertical-align: top; }
  .member_l ul li a.cur { border-bottom: 3px solid #0068b7; border-left: none; color: #2da0f7; }
  .member_l ul li a:hover { border-left: none; }
  .member_r { padding-left: 0; width: 100%; padding-top: 20px; }
  .member_r h3 em { display: none; }
  .password ul { width: 100%; max-width: 640px; margin: 0 auto; padding: 60px 30px 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .save { margin-top: 20px !important; }
  /* 个人中心  e */
  /* 产品 s */
  .productsbox { padding-bottom: 60px; }
  .main { padding-left: 20px; padding-right: 20px; }
  .breadCrumbs span { display: none; }
  .product dl dt { width: 100%; float: none; }
  .product dl dt:before { display: none; }
  .product dl dt img { position: static; margin: 0 auto; }
  .product dl dd { width: 100%; padding-top: 0; padding-left: 0px; }
  .product dl dd .desc { height: auto; max-height: 120px; }
  .product dl dd .bt a:hover { border-color: #5e6168; background-color: transparent; }
  .product dl dd .bt a.cur { background-color: #2da0f7; border-color: #2da0f7; }
  .product dl.cur dt { width: 100%; float: none; }
  .product dl.cur dd { padding-right: 0px; }
  .crXinghao { font-size: 50px; margin-top: 15px; }
  .product_bottom a .icon, .questions_bottom a .icon { width: 48px; height: 48px; }
  .product_bottom a .icon:after, .questions_bottom a .icon:after { width: 16px; height: 16px; margin-top: -6px; }
  .product_bottom a i, .questions_bottom a i { display: none; }
  /* 产品 e */
  /* 服务 s */
  .questions dl dt span { background-position: 10px center; padding-left: 50px; }
  .questions dl dt em { width: 40px; }
  .questions dl dd { background-position: 10px 18px; padding: 15px 15px 20px 55px; }
  /* 服务 e */
  /* 关于我们 s */
  .aboutus-wrapper { max-width: 100%; margin: 0 auto; padding-top: 10px; padding-bottom: 40px; }
  .aboutus-article { font-size: 14px; }
  .in-about-title .name { font-size: 18px; padding-right: 16px; }
  .in-about-title .sub { font-size: 14px; }
  .contact dl dt { padding-top: 20px; }
  .picbox-wrapper { padding-left: 20px; padding-right: 20px; }
  .js_boxcon { padding-left: 20px; padding-right: 20px; }
  .js_box-ul li .word .info { -webkit-line-clamp: 6; height: 162px; }
  .recruitment { padding-top: 20px; padding-bottom: 30px; }
  .recruit-coltop .image { width: 340px; }
  .recruit-coltop .overhide { padding-right: 40px; }
  /* 关于我们 e */
  /* 用户列表 s */
  .news li { -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; }
  .news li dl { padding-left: 300px; padding-right: 0px; }
  .news li dt a { display: block; width: 100%; }
  .news li dt img { -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; }
  .news li dd.newsDate { position: static; width: auto; display: inline-block; height: auto; padding: 15px 15px; -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; }
  .news li dd.newsDate span { border-bottom: none; font-size: 18px; display: inline-block; vertical-align: middle; float: right; -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; position: relative; }
  .news li dd.newsDate span:before { content: '.'; }
  .news li dd.newsDate i { margin-top: 0; display: inline-block; vertical-align: middle; float: left; -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; }
  .news li dd.newsText { padding: 20px 15px 4px 15px; min-height: auto; }
  .news li dd.newsText h3 { font-size: 18px; }
  .news li dd.newsText a { margin-top: 10px; }
  .news li dd.newsText p { display: block; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height: 72px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
  .news li:hover { background-color: #252933; }
  .news li:hover .newsDate span { color: #676a71; border-bottom: none; }
  .news li:hover .newsDate i { color: #676a71; }
  .newsDetail { width: 100%; }
  .newsDetailTit { margin-bottom: 20px; }
  .newsDetailTit h3 { font-size: 26px; margin-bottom: 15px; }
  .newsDetailCon table { width: 100% !important; }
  .newsDetailCon img { max-width: 100%; }
  /* 用户列表 e */
  /* 耳机图片 s */
  .earphone-container { padding-top: 20px; }
  /* 耳机图片e */
  /* 产品详情 s */
  .crColorWrap { float: none; width: 100%; max-width: 490px; margin: 0 auto; }
  .xx_top_R .bigimg img { margin: 0 auto; }
  .xx_top_L { width: 100%; padding-top: 30px; }
  .xx_top_L .crXinghao { font-size: 45px; }
  .xx_top_L h3 { padding-top: 10px; }
  .xx_top_L p.p02 { font-size: 22px; padding: 15px 0px; }
  .xx_top_L a { margin: 20px 0px; font-size: 16px; }
  .product_xx_parameter ul li.li02, .product_xx_parameter ul li.li03, .product_xx_parameter ul li.li04 { width: 50%; }
  .product_xx_parameter ul li:nth-child(4n+1) { clear: none; }
  .product_xx_parameter ul li:nth-child(3n+1) { clear: both; }
  .parameter p.xinneng { font-size: 20px; }
  .cr_protab a { padding-right: 25px; margin-right: 20px; font-size: 16px; }
  .cr_protab a:after { width: 10px; height: 10px; }
  .Ywwlater { float: none; width: 100%; }
  .probuy_onecon dl dt .crImgLagre img { padding-top: 60px; }
  .probuy_onecon dl dt .crImgLagre img { padding-top: 60px; }
  .Ywwcen-container { width: 100%; padding-top: 35px; }
  .pro_selcolor { padding-left: 6px; padding-right: 6px; }
  .probuy_onecon .pro_selcolor span { width: 13.6667%; margin-left: 1.5%; margin-right: 1.5%; }
  .pro_cankao { padding-top: 50px; }
  .probuy_onecon dl dt span.Ywwmoren { font-size: 18px; }
  .pro_listleft { width: 100%; float: none; }
  .pro_listright { width: 100%; float: none; overflow: hidden; padding-top: 30px; }
  .pro_listright span { text-align: left; }
  .pro_listright a { float: left; }
  .probuy_twocon dl dd .ddlib { display: block; width: 100%; max-width: 515px; margin: 0 auto; }
  .probuy_twocon dl dd { width: 100%; padding-top: 50px; }
  .probuy_twocon dl dt { float: none; width: 100%; }
  .borbottom { padding-bottom: 30px; }
  .borbottom img { margin-left: 23px !important; margin-right: 23px; }
  .probuy_form { width: 100%; }
  .pro_listright p { text-align: left; }
  .Ywwpic img { margin-left: 12px; margin-right: 12px; }
  .probuy-wrapper li .td .font18 { font-size: 15px; padding-bottom: 6px; }
  .protitle .pro_zhiwei { font-size: 16px; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: auto; max-height: 48px; margin-bottom: 4px; white-space: normal; }
  .protitle .desc { font-size: 13px; }
  .probuy_add { font-size: 15px; -o-background-size: 26px auto; background-size: 26px auto; height: 46px; line-height: 46px; background-position: 15px 14px; }
  .probuy_three_price { font-size: 26px; }
  .probuy_three_jiesuan { font-size: 18px; width: 146px; -o-background-size: 10px; background-size: 10px; background-position: 110px 14px; }
  /* 产品详情 e */
  /* 订单中心 s */
  .shopping { padding-left: 20px; padding-right: 20px; }
  .shopp-container { overflow-x: auto; overflow-y: hidden; }
  .shopp-wrapper { width: 100%; min-width: 750px; }
  .crOrder .pro_zhiwei { font-size: 16px; line-height: 24px; max-height: 48px; }
  .crOrder .desc { font-size: 13px; }
  .jindu ul { width: 100%; float: none; max-width: 322px; margin: 0 auto; overflow: hidden; }
  .jindu ul li { width: 50%; }
  .jindu dl { float: none; width: 100%; padding-top: 30px; }
  .address ul li em { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; clear: both; overflow: hidden; display: block; line-height: 24px; padding-left: 100px; padding-top: 5px; }
  .address ul li span { float: left; line-height: 30px; }
  .address ul li label { display: block; overflow: hidden; }
  .address dl dt { float: left; }
  .address dl dd { display: block; float: none; width: auto; overflow: hidden; }
  .address dl dd select { width: 33.333%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .consignee { padding-top: 30px; }
  .address h3 { padding-left: 0; }
  /* 订单中心 e*/
  /* 设计  s */
  .web { padding-left: 20px; padding-right: 20px; }
  .producttitle { font-size: 18px; padding-top: 27px; padding-bottom: 27px; }
  .producttitle span { display: none; }
  .productschedule { padding-top: 20px; }
  .productschedule a { margin-right: 15px; font-size: 14px; }
  .productschedule a:after { width: 8px; height: 8px; margin-top: -5px; }
  .productleft { width: 100%; float: none; text-align: center; }
  .LL-productright { padding-left: 0; padding-top: 30px; }
  .productmodelright { margin-left: 0; }
  .productclass { min-height: auto; overflow: hidden; padding-bottom: 20px; }
  .productclass a { width: 23%; margin-left: 1%; margin-right: 1%; font-size: 16px; }
  .productdescription { width: 50%; }
  .productcontenttitle { float: left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .ll-productcontent { padding-bottom: 60px; }
  .productright { width: 100%; float: none; }
  .modelselectNext { display: none; }
  .productmodel-container { display: none; }
  .m-productmodel-container { display: block; text-align: center; }
  .m-modelselectNext { display: block; }
  .modelselect-container { padding-top: 40px; font-size: 0; display: table; width: 100%; table-layout: fixed; }
  .modelselect-container .modelselect { display: table-cell; vertical-align: top; width: 33.333%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; margin-bottom: 0; }
  .selectheadsettitle { text-align: left; min-height: auto; }
  .product-container .productright { position: static; }
  .customizeNext { display: none; }
  .m-customizeNext { display: block; }
  .customizeUpload dl dd div.customizename { width: 55px; }
  .customize-wrapper { width: 100%; overflow: hidden; padding-top: 35px; }
  .customize { margin-bottom: 20px; }
  .show-customizeNext { display: block; }
  .SubmitInformation { padding-top: 30px; }
  .Billingleft { float: none; width: 100%; text-align: center; }
  .Billingright { padding-left: 0; padding-top: 35px; }
  .BillingNext { padding-top: 40px; }
  .Payment-table { width: 100%; overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; }
  .Payment-table .Payment-information { min-width: 688px; width: 100%; margin-top: 0; }
  .menu-table { width: 100%; overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; }
  .menu-table table { min-width: 688px; width: 100%; margin-top: 0; }
  .after-sales { width: 100%; overflow-x: auto; overflow-y: hidden; padding-bottom: 2px; }
  .after-sales table { min-width: 340px; width: 100%; margin-top: 0; }
  /* 设计  s */
  /* 搜索  s */
  .seaResult label input.submit { font-size: 18px; height: 46px; line-height: 46px; }
  .seaResult label input.text { height: 46px; line-height: 44px; font-size: 16px; }
  /* 搜索  e */
  /* 弹窗  s */
  .popupsave { width: 90%; margin-left: 0; max-width: 490px; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
  /* 弹窗  e */ }

@charset "UTF-8";


@-moz-keyframes leftleft{
	0%{
		left: 0;
		
	}
	100%{
		left: -15px;
	}
}
@-ms-keyframes leftleft{
	0%{
		left: 0;
		
	}
	100%{
		left: -15px;
	}
}
@-webkit-keyframes leftleft{
	0%{
		left: 0;
		
	}
	100%{
		left: -15px;
	}
}
@keyframes leftleft{
	0%{
		left: 0;
		
	}
	100%{
		left: -15px;
	}
}


@-moz-keyframes righright{
	0%{
		right: 0;
		
	}
	100%{
		right: -15px;
	}
}
@-ms-keyframes rightright{
	0%{
		right: 0;
		
	}
	100%{
		right: -15px;
	}
}
@-webkit-keyframes rightright{
	0%{
		right: 0;
		
	}
	100%{
		right: -15px;
	}
}
@keyframes rightright{
	0%{
		right: 0;
		
	}
	100%{
		right: -15px;
	}
}



.dd-arrow{
	display: none;
}
@media (max-width: 767px) { /* 首页 s */
  .incommonweb { padding-left: 15px; padding-right: 15px; }
  .index_con ul li .index_con_text h3 { font-size: 20px; bottom: 10px; }
  .indexbanner ul li img{ width: 150%; position: relative; left: 50%;-ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .index-pagination{bottom: 15px;}
  .index-pagination span{ width: 8px;height: 8px; }
  /* 首页 e */
  /* 登录 s */
  .banner { height: 160px; }
  .bannerText { padding-left: 15px; padding-right: 15px; }
  .bannerText img { height: 70px; }
  .main.proWrap .content { padding-left: 15px; padding-right: 15px; }
  .breadCrumbs { line-height: 60px; height: 60px; }
  .breadCrumbs h3 { font-size: 16px; }
  .main.proWrap .breadCrumbs { padding-left: 0px; padding-right: 0px; }
  .crLoginform-wrapper { margin-left: -15px; margin-right: -15px; }
  .crLoginform, .crLoginRegister, .crcrEmailFind { margin-bottom: 20px; }
  .crLoginform ul li, .crLoginRegister ul li { margin-bottom: 15px; }
  .crLoginform ul li input, .crLoginRegister ul li input { display: block; width: 100%; }
  .crLoginform ul { padding: 40px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .crLoginform ul li span { display: block; width: 100%; text-align: left; padding: 10px 0; }
  .crLoginform ul li.crLoginLi { text-align: center; }
  .crLoginform ul li.crLoginLi span { padding: 0; }
  .crLoginform ul li.crLoginLi input { width: 105px; margin: 0 5px; }
  .crLoginform ul li.crLoginLi2 { text-align: center; }
  .crLoginform ul li.crLoginLi2 span { padding: 0; }
  .crLoginform ul li.crLoginLi2 input { width: 105px; margin: 0 5px; float: none; }
  /* 登录 e */
  /* 注册 s */
  .crLoginRegister ul { padding: 20px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .crLoginRegister ul li span { display: block; width: 100%; text-align: left; padding: 10px 0; }
  .crLoginRegister ul li em { margin-left: 0; display: block; width: 100%; }
  .crLoginRegister ul li.crYzm { position: relative; }
  .crLoginRegister ul li.crYzm i { width: 40%; position: absolute; bottom: 0; right: 0; }
  .crLoginRegister ul li.crYzm input { width: 56%; }
  .crLoginRegister ul li:last-child span { padding: 0; }
  /* 注册 e */
  /* 忘记密码 s */
  .crcrEmailFind ul { width: 100%; max-width: 400px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px; }
  .crcrEmailFind ul li span { display: block; width: 100%; text-align: left; padding: 10px 0; }
  .crcrEmailFind ul li.crYzm a { margin-right: 0; }
  .crcrEmailFind ul li.crYzm { padding-right: 140px; }
  .crcrEmailFind ul li.crYzm .label { width: 100%; overflow: hidden; }
  .crcrEmailFind ul li.crYzm .label input { display: block; width: 100%; margin-right: 0; }
  .crcrEmailFind ul li.crYzm i { right: 52px; width: 80px; }
  .crFindPassSuccess { padding: 40px 20px 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-bottom: 40px; margin-top: 20px; }
  .crFindPassSuccess p { width: 100%; font-size: 14px; -o-background-size: 55px auto; background-size: 55px auto; }
  /* 忘记密码 e */
  /* 个人中心  s */
  .member { padding-left: 15px; padding-right: 15px; }
  .member_l { padding-bottom: 30px; }
  .member_l ul li { width: 33.333%; padding: 0 15px; max-width: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .member_r h3 { font-size: 16px; }
  .Myorder_top { padding-bottom: 30px; }
  .account { margin-bottom: 40px; }
  .account ul li { padding-bottom: 10px; }
  .account ul li span { display: block; width: 100%; text-align: left; line-height: 32px; padding-right: 0; padding: 5px 0; }
  .account ul li label { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .account ul li.font13 { padding-bottom: 35px; }
  .account dl { height: auto; padding-bottom: 10px; }
  .account dl dt { width: 100%; text-align: left; overflow: hidden; padding-right: 0; padding-bottom: 5px; padding-top: 5px; line-height: 32px; float: none; }
  .account dl dd { width: 100%; }
  .account dl dd select { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; float: none; background-position: 96% 11px; margin-bottom: 5px; }
  .account p { overflow: hidden; }
  .label-txt { display: block; padding-top: 5px; }
  .qrtj { margin-left: auto; margin-right: auto; display: block; }
  .password ul { max-width: 100%; padding: 40px 20px 40px; }
  .password ul li { position: relative; padding-bottom: 10px; }
  .password ul li span { display: block; line-height: 32px; padding: 5px 0; width: 100%; text-align: left; font-size: 15px; }
  .password ul li label { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .password ul li .change-img { left: auto; right: 50px; bottom: 10px; }
  .password ul li .change-link { position: absolute; right: 0; padding-left: 0; bottom: 10px; line-height: 31px; }
  .password ul li .change-link u { display: block; }
  .checkcode-input { display: block; width: 100%; padding-right: 160px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .pa_xiug { display: block; margin: 20px auto 0; }
  .member-booking { width: 100%; overflow-x: auto; overflow-y: hidden; padding-bottom: 10px; }
  .member-booking table, .member-booking .Myorder_state { width: 100%; min-width: 720px; }
  .crPageDown { margin-left: 0; margin-right: 0; width: 100%; height: auto; }
  .crPageDown a { height: 30px; width: 30px; line-height: 28px; font-size: 12px; }
  .crPageDown a.pageDownL, .crPageDown a.pageDownR { width: 80px; }
  .payment span { font-size: 12px; }
  .order-price p.cur { font-size: 14px; }
  .order-price p.cur b { font-size: 20px; }
  /* 个人中心  e */
  /* 产品 s */
  .main { padding-left: 15px; padding-right: 15px; }
  .product dl dd h3 { font-size: 16px; }
  .product dl dd span { font-size: 20px; padding: 20px 0px; }
  .product dl dd .bt a { font-size: 14px; }
  .crXinghao { font-size: 30px; }
  .product_bottom a .icon, .questions_bottom a .icon { width: 42px; height: 42px; }
  .product_bottom a .icon:after, .questions_bottom a .icon:after { width: 12px; height: 12px; margin-top: -4px; }
  .product_bottom a i, .questions_bottom a i { display: none; }
  .message ul li { width: 100%; }
  .message ul li .label { padding-right: 16px; }
  .message .bottom { padding-bottom: 40px; }
  .message .bottom input { margin: 0 5px; width: 130px; font-size: 16px; }
  .server-support { max-width: 100%; padding-bottom: 100px; }
  .server-table .table-row { display: block; }
  .server-table .table-row .table-td { display: block; width: 100%; }
  .server-table .table-row .table-td img { max-width: 100%; margin: 0 auto; display: block; }
  .server-table .table-row .td-right { padding-left: 0px; padding-top: 25px; padding-bottom: 25px; }
  .desc-container { padding: 30px 0; }
  .desc-container .word ol { padding-left: 40px; }
  .server-foucs { padding: 15px 0; }
  /* 产品 e */
  /* 关于 s */
  .contact dl { padding-top: 20px; }
  .contact dl dt { width: 100%; float: none; padding-top: 0px; padding-bottom: 20px; }
  .contact dl dd { float: none; width: 100%; }
  .in-maps { height: 280px; }
  .contact p.bus { padding-bottom: 20px; }
  .picbox-wrapper { padding-left: 15px; padding-right: 15px; }
  .yfsl_main { margin-bottom: 20px; }
  .js_box-new { padding-top: 20px; padding-bottom: 20px; }
  .js_box-ul li { margin-bottom: 20px; }
  .js_box-ul li .word:before { display: none; }
  .js_box-ul li .word .title { font-size: 16px; line-height: 28px; }
  .js_box-ul li .word .info { max-height: 162px; height: auto; }
  .js_box-ul li .wcon { position: relative; padding: 20px 15px; }
  .js_box-ul li .icon { display: none; }
  .js_box-ul li:nth-child(odd):before { display: none; }
  .js_box-ul li:nth-child(odd) .word { position: relative; }
  .recruit-coltop .image { width: 100%; }
  .recruit-coltop .overhide { width: 100%; padding-right: 0px; padding-top: 20px; }
  /* 关于 e */
  /* 用户列表 s */
  .news li dl { padding-left: 0px; }
  .news li dt { position: static; width: 100%; height: auto; }
  .news li dt img { height: auto; width: 100%; }
  .news li dd.newsDate span { font-size: 16px; }
  .news li dd.newsDate i { font-size: 16px; }
  .news li dd.newsText p { height: auto; max-height: 72px; }
  .news li dd.newsText h3 { font-size: 16px; }
  .newsDetailTit { margin-bottom: 10px; }
  .newsDetailTit h3 { font-size: 22px; }
  .newsDetailCon { padding: 0; }
  /* 用户列表 e */
  /* 耳机图片 s */
  .earphone-ul { margin-left: -3px; margin-right: -3px; }
  .earphone-ul li { padding-left: 3px; padding-right: 3px; margin-bottom: 6px; }
  /* 耳机图片e */
  /* 产品详情 s */
  .xx_top_L { padding-top: 20px; }
  .xx_top_L .crXinghao { font-size: 30px; }
  .xx_top_L h3 { font-size: 16px; padding-top: 0px; }
  .xx_top_L p.p01 { font-size: 13px; }
  .xx_top_L p.p02 { font-size: 18px; }
  .smallimg-cons { padding-left: 0; padding-right: 0; }
  .smallimg-swiper ul li { height: auto; }
  .parameter_main { padding-top: 20px; padding-bottom: 20px; }
  .product_xx_parameter ul li { width: 100%; }
  .product_xx_parameter ul li.li01 { font-size: 18px; margin-bottom: 10px; }
  .product_xx_parameter ul li.li02, .product_xx_parameter ul li.li03, .product_xx_parameter ul li.li04 { width: 100%; }
  .product_xx_parameter ul li:nth-child(3n+1) { clear: none; }
  .product_xx_parameter ul li { font-size: 13px; }
  .product_xx_parameter ul li p { padding-bottom: 10px; }
  .parameter p.xinneng { font-size: 18px; }
  .xx_top_L dl dt { padding-right: 0; }
  .xx_top_L dl dd { position: static; float: none; width: auto; display: inline-block; }
  .Ywwlater .crImgLagre { width: 50%; }
  .Ywwlater .crImgLagre img { width: 100%; }
  .probuy_onecon dl dt .crImgLagre img { width: 100%; height: auto; }
  .cr_protab { margin-left: -15px; margin-right: -15px; white-space: nowrap; }
  .cr_protab a { font-size: 13px; padding-right: 20px; margin-right: 15px; }
  .cr_protab a:after { width: 8px; height: 8px; margin-top: -5px; }
  .probuy_onecon .pro_selcolor span { width: 23%; margin-left: 1%; margin-right: 1%; }
  .pro_selcolor { padding-top: 20px; padding-bottom: 20px; }
  .probuy_onecon dl dt span.Ywwmoren { font-size: 16px; }
  .pro_listright span { font-size: 26px; }
  .pro_listright a { font-size: 16px; background-position: 105px 15px; width: 130px; }
  .probuy_twoconlist .pro_listright a { font-size: 16px; background-position: 115px 15px; width: 140px; }
  /* 产品详情 e */
  /* 产品购买 s */
  .probuy_twocon dl { display: block; padding-bottom: 20px; }
  .probuy_twocon dl dd .ddlib { max-width: 100%; width: 100%; overflow-x: auto; overflow-y: hidden; padding-bottom: 20px; margin-bottom: 30px; }
  .borbottom { text-align: center; font-size: 0; }
  .borbottom img { margin-left: 10px !important; margin-right: 10px; float: none; display: inline-block; vertical-align: top; }
  .borbottom { width: 100%; min-width: 460px; padding-bottom: 0px; margin-bottom: 0px; border-bottom: none; }
  .Ywwpic { width: 100%; min-width: 460px; }
  .Ywwpic img { width: 202px; }
  .probuy_title { font-size: 16px; padding-top: 20px; }
  .probuy_findtext { padding-right: 40px; }
  .probuy_findtext:after { width: 10px; height: 10px; right: 12px; }
  .probuy_twocon { margin-left: -15px; margin-right: -15px; }
  .probuy_findtext span { font-size: 13px; }
  .probuy_findtext em { font-size: 14px; }
  .probuy_subnav p { font-size: 14px; }
  .probuy_subnav p span { font-size: 13px; }
  .probuy_threecon { margin-left: -15px; margin-right: -15px; }
  .probuy-wrapper li .td .font18 { display: block; }
  .probuy-wrapper li .proimg { float: none; display: block; margin: 0 auto; padding: 0 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .probuy-wrapper li .protitle { width: 100%; }
  .probuy-wrapper li .proprice { padding-right: 0px; width: 50%; float: left; text-align: right; }
  .probuy-wrapper li .pronum { padding-right: 0px; width: 50%; float: left; text-align: right; }
  .probuy-wrapper li .pronum p { display: inline-block; }
  .probuy-wrapper li .prosum { width: 100%; padding-top: 30px; text-align: right; }
  .protitle .desc { height: auto; padding-bottom: 30px; }
  /* 产品购买 s */
  /* 订单中心 s */
  .shopping { padding-left: 15px; padding-right: 15px; }
  .shopp-content { margin-left: -15px; margin-right: -15px; }
  .address h3 span { padding-left: 8px; }
  .address ul { padding-bottom: 0; }
  .address ul li { margin-bottom: 0; padding-bottom: 20px; }
  .address ul li span { float: none; display: block; text-align: left; width: 100%; padding: 0; }
  .address ul li em { line-height: 22px; padding-left: 0; }
  .address dl { height: auto; }
  .address dl dt { float: none; width: 100%; text-align: left; padding-top: 10px; padding-bottom: 10px; }
  .pay h3 { padding-top: 20px; }
  .pay ul { text-align: center; }
  .pay ul li { margin-right: 0; display: inline-block; vertical-align: top; float: none; text-align: left; margin-bottom: 5px; }
  /* 订单中心 e*/
  /* 设计  s */
  .web { padding-left: 15px; padding-right: 15px; }
  .producttitle { padding-top: 17px; padding-bottom: 17px; font-size: 16px; }
  .productschedule { padding-bottom: 20px; }
  .productschedule a { line-height: 28px; }
  .productschedule a:after { border-width: 1px; width: 6px; height: 6px; margin-top: -4px; }
  .productsbox { padding-top: 20px; }
  .productmodelright { margin-left: -70px; }
  .productmodel { width: 100%; min-width: 600px; }
  .productclass a { margin-top: 10px; width: 31.333%; font-size: 14px; }
  .productdescription { width: 100%; min-height: auto; margin-bottom: 20px; }
  .productcontenttitle { width: 100%; padding-left: 0; }
  .productcontenttitle dl dt h5 { font-size: 15px; }
  .productcontenttitle dl dd a { font-size: 12px; }
  .m-productmodel-scroll { width: 100%; overflow-x: auto; overflow-y: hidden; padding-bottom: 10px; position: relative; }
  .productsbox{ position: relative; }
  .dd-arrow{ display: block; width: 40px; height: 40px; background-repeat: no-repeat; background-size: 22px; background-position: center; position: absolute; top: 230px; }
  .dd-arrow-left{ background-image: url(../webimages/arrowleft.png); left: 0px; animation: leftleft 1.2s infinite alternate; }
  .dd-arrow-right{ background-image: url(../webimages/arrowright.png);right: 0px;  animation: rightright 1.2s infinite alternate; }
  .selectheadset { width: 220px; }
  .selectheadset dl { width: 320px; margin-left: -160px; }
  .selectheadset dl dd { width: 48px; }
  .selectheadset span { width: 30px; }
  .modelselect-container { width: 100%; display: block; }
  .modelselect-container .modelselect { display: block; width: 100%; height: auto; margin-bottom: 10px; }
  .linematerial h3 { text-align: left; margin-bottom: 10px; }
  .linematerial h4 { padding-left: 5px; background: none; padding-right: 55px; position: relative; }
  .linematerial h4:before { content: ''; position: absolute; width: 45px; height: 100%; top: 0; right: 0; background-color: #3E4351; }
  .linematerial h4:after { content: ''; position: absolute; width: 10px; height: 10px; border: 1px solid #fff; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; right: 16px; top: 8px; }
  .linematerial h4 em { display: block; max-width: 170px; white-space: nowrap; font-size: 13px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
  .linematerial ul li { font-size: 13px; }
  .selectheadseTotalprice { padding-left: 0; text-align: left; }
  .selectheadseTotalprice span { width: auto; padding: 0 20px; }
  .m-modelselectNext { font-size: 0; }
  .m-modelselectNext a { font-size: 14px; margin: 0; display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; }
  .popupbox { max-width: 90%; margin-left: 0%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  .m-suremodel-scroll { width: 100%; overflow-x: auto; overflow-y: hidden; padding: 10px 0; }
  .m-suremodel-scroll .productmodel { min-width: 420px; }
  .Billingright dl { padding: 25px 15px 25px; }
  .Billingright h3 { padding: 10px 15px; }
  .customizeNext a { font-size: 14px; }
  .BillingNext a { font-size: 14px; height: 34px; line-height: 32px; }
  .Billingright dl p { padding: 4px 0; }
  .Billingright dl p .w300 { width: 80%; }
  .Billingright dl p .w70 { width: 20%; position: static !important; }
  .Billingright dl p .w90 { width: 30%; }
  .Billingright dl p .w240 { width: 68%; }
  .Billingright dl p .shuliang { width: 80px; position: static; float: right; }
  .selectheadsettitle dl dt p .w300 { width: 80%; }
  .selectheadsettitle dl dt p .w130 { width: 20%; position: static !important; }
  .save a span { font-size: 14px; }
  /* 设计  s */
  /* 搜索  s */
  .showSearch_ { width: auto; }
  .seaResult { padding: 20px 10px; }
  .seaResult label { padding-right: 90px; }
  .seaResult label input.submit { font-size: 16px; height: 42px; line-height: 42px; width: 90px; font-size: 14px; }
  .seaResult label input.text { height: 42px; line-height: 40px; font-size: 14px; }
  /* 搜索  e */ }

@media (max-width: 640px) { /* 首页 s */
  .index_con ul li { width: 100%; }
  .index-video-ul { margin-left: -10px; margin-right: -10px; }
  .index-video-ul li { padding-left: 10px; padding-right: 10px; }
  /* 首页 e */
  .crPageDown a { font-size: 10px; } }

@media (max-width: 374px) { .probuy_onecon .pro_selcolor span { width: 31.333%; margin-left: 1%; margin-right: 1%; } }

footer { width: 100%; overflow: hidden; position: relative; background-color: #44484f; }

.YwwEwm { height: auto; width: 100%; }

.YwwEwm a.YwwEwmauto { position: relative; left: 0; padding-right: 40px; margin: 0 auto; }

.linkIcon a img { width: 124px; }

.link-aas { display: inline-block; }

@media (max-width: 1199px) { footer .commonweb { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .link { width: 100%; }
  .linkIcon { width: 100%; }
  .copy { width: 100%; }
  .YwwEwmauto:hover .Ywwshow { display: block; } }

@media (max-width: 768px) { .linkIcon a { width: 124px; }
  .link { padding-top: 20px; padding-bottom: 10px; height: auto; line-height: 34px; }
  .link .link-aas { display: block; width: 100%; }
  .link .link-aas a { display: inline-block; vertical-align: middle; line-height: normal; }
  .link .link-aas a:last-child { background: none; }
  .YwwFXA { width: 100%; }
  .copy { height: auto; line-height: 24px; padding-top: 20px; padding-bottom: 20px; }
  .copy span { display: block; width: 100%; }
  .copy span em { display: none; }
  .copy span i { display: block; width: 100%; }
  .copy p { display: block; width: 100%; }
  .Ywwshow { margin-left: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: 50px; }
  .YwwEwm a.YwwEwmauto { padding-right: 15px; } }

@charset "UTF-8";
header { position: relative; width: 100%; z-index: 199; }

.mobnav-btn { display: none; }

.headercon { width: 100%; max-width: 1000px; margin: 0 auto; position: relative; }

.header-left { width: 100%; padding-right: 274px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.header-right { position: absolute; top: 0; right: 0; width: 274px; line-height: 90px; }

.index-lang, .index-login, .index-search { display: inline-block; vertical-align: middle; }

.nav li { width: 68px; }

.lang-icon { display: none; }

.index-lang .lang-box { display: block; font-size: 0; }

.index-lang .lang-box p { display: inline-block; vertical-align: middle; line-height: 34px; padding: 0 7px; position: relative; }

.index-lang .lang-box p a { display: block; width: 100%; font-size: 12px; }

.index-lang .lang-box p:after { content: ''; position: absolute; right: 0; width: 1px; height: 12px; background-color: #fff; top: 50%; margin-top: -5px; }

.index-lang .lang-box p:last-child:after { display: none; }

.index-login { font-size: 0; position: absolute; top: 0; right: 52px; }

.index-login .language { font-size: 12px; }

.search-icon { display: block; width: 34px; height: 34px; background: url(../webimages/serSubmit.png) no-repeat 0 0; background-color: #11141b; cursor: pointer; }

.index-search { position: absolute; padding: 28px 0; margin-left: 0px; top: 0; right: 0; }

.index-search .search-box { position: absolute; overflow: hidden; top: 100%; width: 300px; right: 0; padding: 10px 15px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); background-color: #fff; display: none; }

.index-search .search-box p { display: block; width: 100%; }

.index-search .search-box input { display: block; height: 40px; width: 100%; line-height: 40px; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.index-search .search-box .serText { float: left; width: 80%; }

.index-search .search-box .serSubmit { width: 20%; float: left; }

.index-search .search-box .search-txt { text-indent: 10px; display: inline-block; vertical-align: top; border: 1px solid #cdcdcd; }

.index-search .search-box .search-btn { z-index: 2; color: #fff; display: inline-block; vertical-align: top; font-family: "微软雅黑"; background-color: #0f86e1; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; text-align: center; }

.index-search .search-box .search-btn:hover { background-color: #0f76c5; }

.subNav { width: 140px; }

.fatNav .icon { display: none; }

.index-search .search-box .search-txt, .index-search .search-box .search-btn { display: block; width: 100%; }

@media (max-width: 1199px) { .headercon { max-width: 100%; padding-left: 40px; padding-right: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .header-left { padding-right: 233px; }
  .header-right { right: 40px; width: 226px; }
  .index-login { padding-left: 20px; } }

@media (max-width: 1023px) { body { padding-top: 56px; }
  header { position: fixed; z-index: 299; top: 0; left: 0; width: 100%; right: 0; background-color: #090e14; }
  header.open .index-login { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  .mobnav-btn { display: inline-block; vertical-align: middle; width: 25px; height: 28px; position: relative; }
  .mobnav-btn span { position: absolute; width: 100%; height: 2px; background-color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .mobnav-btn span:first-child { top: 5px; }
  .mobnav-btn span:nth-child(2) { top: 13px; }
  .mobnav-btn span:last-child { bottom: 5px; }
  .mobnav-btn.open span:first-child { top: 13px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
  .mobnav-btn.open span:nth-child(2) { opacity: 0; }
  .mobnav-btn.open span:last-child { bottom: 13px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
  .headercon { padding-left: 15px; padding-right: 15px; }
  .header-left { width: auto; padding-right: 0px; float: left; }
  .header-right { width: auto; position: static; line-height: 56px; float: right; }
  .logo { padding: 5px 0; height: auto; width: auto; }
  .logo a { display: block; width: 100%; }
  .logo img { width: auto; height: 46px; }
  .nav { display: none; position: fixed; z-index: 199; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; top: 56px; left: 0; right: 0; bottom: 0; padding-bottom: 200px; width: 100%; height: 100%; background-color: #090e14; overflow-x: hidden; overflow-y: auto; }
  .nav ul { width: 100%; }
  .nav ul li { width: 100%; padding: 0 15px; line-height: 40px; border-bottom: 1px solid #a9a5a5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .nav ul li .fatNav { width: 100%; padding: 5px 0; position: relative; }
  .nav ul li .fatNav a { display: block; color: #d3d3d3; font-size: 14px; height: auto; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; text-transform: uppercase; width: 100%; }
  .nav ul li .fatNav a div { position: static; width: 100%; text-align: left; height: auto; }
  .nav ul li .fatNav a em, .nav ul li .fatNav a span { display: inline-block; vertical-align: top; }
  .nav ul li .fatNav a em { padding-right: 10px; }
  .nav ul li .fatNav .icon { position: absolute; width: 30%; right: 0; top: 0; display: block; height: 100%; }
  .nav ul li .fatNav .icon:after { content: ''; position: absolute; border: 1px solid #d3d3d3; border-left: none; border-bottom: none; width: 10px; height: 10px; right: 5px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); top: 50%; margin-top: -9px; }
  .nav ul li.cur2 .fatNav .icon:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -2px; }
  .subNav { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: static; background-color: transparent; padding: 0 15px 20px; line-height: 28px; }
  .subNav a { display: block; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; text-transform: uppercase; font-size: 13px; color: #d3d3d3; }
  .subNav a i { display: none; }
  .subNav em { display: none; }
  .index-lang, .index-login, .index-search { vertical-align: middle; }
  .lang-icon { display: block; width: 30px; height: 30px; background: url(../webimages/index-lang.png) no-repeat scroll center center; }
  .index-lang { position: relative; }
  .index-lang .lang-box { position: absolute; width: 100px; top: 41px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background-color: #090e14; text-align: center; padding: 0px 10px 5px; display: none; }
  .index-lang .lang-box p { display: block; line-height: 28px; }
  .index-lang .lang-box p:after { display: none; }
  .index-search .search-box { background-color: #090e14; }
  .index-login { padding-left: 10px; position: fixed; bottom: 0; top: auto; right: 0; left: 0; width: 100%; z-index: 220; text-align: center; padding: 20px 0; background-color: #090e14; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
  .index-search { padding: 0; margin-left: 5px; margin-right: 5px; position: static; }
  .index-search .search-box { width: 100%; padding: 25px 15px; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .index-search .search-box .search-btn:hover { background-color: #0f76c5; } }

@charset "UTF-8";
/* 视频播放*/
.l-recruitmentfloat { display: none; z-index: 2000; width: 100%; position: fixed; height: 100%; background: rgba(0, 0, 0, 0.6); left: 0px; top: 0px; }

.l-tianjiatvwrap { width: 95%; margin: 0 auto; position: absolute; top: 50%; left: 2.5%; margin-top: -125px; }

.l-tianjiatvwrap .l-videobox { height: 250px; position: relative; z-index: 1; }

.l-recclosebtn { display: block; width: 25px; height: 25px; position: absolute; right: 15px; top: -5px; cursor: pointer; z-index: 100; margin: -20px -20px 0 0; z-index: 9; }

.l-recclosebtn:before { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.l-recclosebtn:after { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

@media (min-width: 768px) { /* 视频播放*/
  .l-tianjiatvwrap { width: 660px; left: 50%; margin-left: -330px; margin-top: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .l-tianjiatvwrap .l-videobox { height: 400px; } }

@media (min-width: 1024px) { /* 视频播放*/
  .l-tianjiatvwrap { width: 700px; margin-left: -350px; }
  .l-tianjiatvwrap .l-videobox { height: 400px; } }

@media (min-width: 1440px) { /* 视频播放*/
  .l-tianjiatvwrap { width: 1000px; margin-left: -500px; }
  .l-tianjiatvwrap .l-videobox { height: 600px; } }



/* 第三方视频 s */
body.on{ overflow:hidden; }
.index-video{ position:relative; z-index:22; }
.index-video-bg{ position:fixed;z-index:20; top:0;right:0;left:0;width:100%;height:100%;background-color:#000; opacity:0.2;display:none;   }  

.li-videobox { width: 600px; height: auto; border: 1px solid #ddd; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 999; display: none; }

.li-videobox .closex { position: absolute; right: 0; top: 0; z-index: 1000; display: block; width: 20px; line-height: 20px; text-align: center; cursor: pointer; }

@media (max-width: 767px) { 
  .li-videobox { width: 90%; }
  .li-videobox .video { width: 100% !important; margin: 0 auto; }
  .li-videobox .video > div { width: 100% !important; } 
  .li-videobox .closex{ top:-40px;  font-size: 20px; width:40px; height:40px;line-height:40px; right:-16px; } 
  }

/* 第三方视频 e*/