@charset "utf-8";

/* CSS Document */



@charset "utf-8";

/* CSS Document */



html { overflow-x:hidden; }

body { margin:0px; padding:0px; font-family: 'Microsoft YaHei', Helvetica Neue, Helvetica, Arial, sans-serif!important; font-size:14px; background:#f9f9f9; }

ul,

ol { list-style:none; }

p,

ul,

ol,

h1,

h2,

h3,

h4,

h5,

h6,

dl,

dt,

dd { margin:0px; padding:0px; }

img { border:0; }

a { text-decoration: none; color:#333; }

a:hover { text-decoration: none; }

.fl { float:left; }

.fr { float:right; }

input { outline:0; }

selcet,

button,

input { outline:0; cursor:pointer; font-family:"微软雅黑"; letter-spacing:1px; }

/*------header------*/



.width_center { width:1200px; margin:0px auto; overflow:hidden; }

.top { height:42px; line-height:42px; color:#999; }

*b.top_c_icon,

.top_c_icon:before,

.top_c_icon:after { background:url(../img/homepng.png) no-repeat; overflow: hidden; vertical-align: middle; position: relative; content: ''; }

.top_c a { width: 24px; height:24px; padding:0;/* margin-top:8px;*/ display: inline-block; margin-left: 10px; position: relative; overflow: hidden; text-align: left; float: left; }

.top_c a b { width:24px; height:24px; top: 50%; left: 50%; position:absolute; margin-left: -12px; margin-top: -12px; text-indent: 9999em; }

.top_c a.top_c_search { overflow: inherit; position: relative; opacity: 1; -webkit-transition: all .3s ease;

-moz-transition: all .3s ease;

transition: all .3s ease;

}

.top_c a.top_c_search b { background-position:-7px -9px; }

.top_c a.top_c_search:hover b { background-position:-7px -42px }

.top_c a.top_c_buy b { background-position:-51px -9px }

.top_c a.top_c_buy:hover b { background-position:-51px -42px }

.top_c a.top_c_user b { background-position:-93px -9px }

.top_c a.top_c_user:hover b { background-position:-93px -42px }

#divTop { float:left; }

#new-search { border:0; background:#E6E6E6; border-bottom-left-radius:2px; border-top-left-radius:2px; padding:5px; height:16px; line-height:16px; font-family: 'Microsoft YaHei', Helvetica Neue, Helvetica, Arial, sans-serif; font-size:12px; }

#but-search { background:#036fd2; border:0; color:#fff; cursor:pointer; height:26px; line-height:16px; border-left:1px solid #e6e6e6; border-bottom-right-radius:2px; border-top-right-radius:2px; font-family: 'Microsoft YaHei', Helvetica Neue, Helvetica, Arial, sans-serif; font-size:12px; width:40px; }

.head_nav { height:75px; }

.logo { width:215px; height:75px; background:#0062bd; }

.logo_nav { margin-left:10px; padding-top:18px; color:#9BBCEA; }

.nav { width:733px; }

.topbg { background:#fff; overflow:hidden; }

.navi_head { height:75px; background-color:#036fd2; }

.navi_body { overflow:hidden; transition:height ease .5s;

position: absolute; width:100%; z-index:11!important; clear:both; }

.head_nav { width:1200px; margin:0px auto; }

.nav { width:733px; }

.nav_menu li { float:left; font-size:15px; text-align:center; width:120px; }

.nav_menu li:hover { background:#177ad7 }

.nav_menu li span { color:#fff; padding:18px 10px 0; height:57px; display:block; border-left:1px solid #177ad6; }

.nav_menu li span a { color:#fff; }

.nav_menu li i { background:url(../img/homepng.png) no-repeat; width:24px; height:24px; display:block; margin:0 auto; }

.nav_hm_icon { background-position:-4px -95px; }

.nav_menu li .nav_hm_icon i { background-position:-4px -95px; }

.nav_menu li .nav_dz_icon i { background-position:-33px -95px; }

.nav_menu li .nav_cs_icon i { background-position:-61px -95px; }

.nav_menu li .nav_3d_icon i { background-position:-91px -95px; }

.nav_menu li .nav_ds_icon i { background-position:-118px -95px; }

.nav_menu li .nav_nw_icon i { background-position:-148px -95px; }

.nav_menu li .nav_sq_icon i { background-position:-177px -95px; }

.nav_menu li .on_nav { background:#ff7900; }

.nav_menu li p a { color:#fff; line-height:30px; font-size:14px; }

.nav_menu li p a:hover { text-decoration:underline; }

.nav_menu li h4 { height:10px; }

.slide-wp { width: 1920px; height:440px; position: relative; left:50%; margin-left:-960px; }

.slides,

.slide-bg { height: 440px; background-color: #fff; overflow: hidden; }

.slidesjs-pagination { position: absolute; top:415px; left: 50%; z-index: 11; margin-left: -52px; }

.slidesjs-pagination li { float: left; margin-right: 10px; width:17px; }

.slidesjs-pagination li a { text-indent: -9999px; background-color:#fff; display: inline-block; *display:block;

_display: block; width: 17px; height:5px; padding: 0; _height: 2px; _line-height: 1; }

.slidesjs-pagination li a.active { background-color: #ff7900; }

.slideChild { width: 945px; margin: 0 auto; z-index: 10; height: 440px; position: relative; }

.slideChild a.opa { position: absolute; top: 0; left: 0; display: inline-block; *display:block;

_display: block; width: 100px; height: 50px; background-color: #fff; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; opacity: 0; }

.slideImg { position: absolute; top: 0; left: 0; z-index: 9; }

.categorynav h3 a,

.categorynav i,

.categorynav p a,

.countdown em,

.countdown i,

.customnav dd,

.customnav dl,

.explainlist span,

.relatedregion h4 strong { display:inline-block; position:relative; zoom:1; vertical-align:middle }

.categorynav { padding:20px 25px 0; height:440px; }

.categorynav i { width:26px; height:26px; margin-right:6px }

.categorynav i img { max-width:100%; max-height:100%; display:block }

.categorymod .categorynav li i img,

.categorymod .categorynav li.cur .gt,

.categorymod .categorynav li:hover .gt { display:none }

.categorynav h3 { font-size:15px; line-height:26px }

.categorynav p { padding:5px 0 20px }

.categorynav p a { width:60px; color:#888; line-height:1.3rem; font-size:13px }

.mallheadmod { padding-bottom:20px }

.categorymod { width:215px; height:440px; position: absolute; z-index:9999; left:50%; bottom:0; margin-left:-600px; }

.categorymod .categorynav { background: url(../img/libg.png) repeat; height:440px; padding:0 }

.categorymod .categorynav i { background: url(../img/homepng.png) no-repeat; width:35px; height:35px; top:5px }

.categorymod .categorynav li { height:87px; margin:0px; padding:0; border-bottom:1px solid #D3D3D3; position:relative; cursor:pointer }

.categorymod .categorynav .categorybox { padding:15px 0 0 15px; position:relative }

.categorymod .categorynav .categorybox .gt { position:absolute; right:15px; top:50%; margin-top:-5px }

.categorymod .categorynav .categorybox p { margin-left:41px; margin-top:-9px; color:#999; }

.categorymod .categorynav .categorytip { background:#fff; width:610px; height:438px; border:1px solid #e6e6e6; border-left:none; position:absolute; left:215px; display:none; top:-1px; }

.categorymod .categorynav li.cur,

.categorymod .categorynav li:hover { background:#fff }

.categorymod .categorynav li.cur img,

.categorymod .categorynav li:hover img { -webkit-filter:grayscale(0); filter:none; -webkit-filter:grayscale(0); filter:grayscale(0) }

.categorymod .categorynav li.cur .categorytip,

.categorymod .categorynav li:hover .categorytip { display:block }

.categorymod .categorynav li.li-0 i { background-position:-1px -120px; }

.categorymod .categorynav li.li-1 i { background-position:-40px -120px; }

.categorymod .categorynav li.li-2 i { background-position:-80px -120px; }

.categorymod .categorynav li.li-3 i { background-position:-120px -120px; }

.categorymod .categorynav li.li-4 i { background-position:-159px -120px; }

.categorymod .categorynav li.li-0:hover .categorytip { top:-1px }

.categorymod .categorynav li.li-0:hover h3 { color:#ff7900 }

.categorymod .categorynav li.li-0:hover i { background-position:-1px -160px; }

.categorymod .categorynav li.li-1:hover .categorytip { top:-92px }

.categorymod .categorynav li.li-1:hover h3 { color:#036fd2 }

.categorymod .categorynav li.li-1:hover i { background-position:-40px -160px; }

.categorymod .categorynav li.li-2:hover .categorytip { top:-1px }

.categorymod .categorynav li.li-2:hover h3 { color:#49b67c }

.categorymod .categorynav li.li-2:hover i { background-position:-80px -160px; }

.categorymod .categorynav li.li-3:hover .categorytip { top:-264px }

.categorymod .categorynav li.li-3:hover h3{ color:#1a9ea5 }

.categorymod .categorynav li.li-3:hover i { background-position:-120px -160px; }

.categorymod .categorynav li.li-4:hover .categorytip { top:-352px }

.categorymod .categorynav li.li-4:hover h3{ color:#ff2241 }

.categorymod .categorynav li.li-4:hover i { background-position:-159px -160px; }

.categorylist dl { width:110px; float:left; margin:20px 0 0 30px }

.categorylist dt { color:#666; line-height:1; padding:10px 0; border-bottom:1px solid #e6e6e6; margin-bottom:10px }

.categorylist dd { padding:9px 0; line-height:1; font-size:14px }

.categorylist dd a { color:#333 }

.categorylist dd a:hover { color:#08c; text-decoration:none }

.categorylist a.feature { background:#f6f6f6; height:398px; float:right; border-left:1px solid #e6e6e6; padding:20px }

.categorylist a.feature img { display:block; margin-bottom:18px; }

.cate_yong a { float:left; padding-left:30px; width:120px; line-height:38px; overflow:hidden; margin-top:8px; }

.cate_yong a:hover { color:#036fd2; border-left:3px solid #036fd2; background:#f2f2f2; }

.cate_yong a:hover img { opacity:1; }

.headimgmod { width:975px; float:right }

.demo { padding-top:40px; }

.index_tlt { text-align:center; font-size:30px; font-weight:400; color:#333; }

.switchBox { margin-top:15px; }

.switchBox dt { text-align:center; font-size:16px; line-height:20px; }

.switchBox dt a { color:#666; }

.switchBox dt span { font-family:"宋体"; font-size:13px; color:#999; margin:0 7px; }

.switchBox dt .on,

.slideBox dt .on { color:#0081d3; }

.switchBox dd { margin-top:30px; height:320px; overflow:hidden; }

.switchBox dd ul { width:1272px; }

.switchBox dd ul li { float:left; text-align:center; margin-right:62px; position:relative; color:#666; width:256px; }

.switchBox dd ul li img { width:256px; height:256px; margin:10px auto; display:block; }

.switchBox dd ul li p { position:absolute; top:320px; left:0; width:100%; background:rgba(0, 0, 0, 0.2); height:150px; padding-top:170px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; }

.switchBox dd ul li:hover p { top:0; left:0; height:150px; padding-top:490px; animation:myfirst 5s; -moz-animation:myfirst 5s; /* Firefox */ -webkit-animation:myfirst 5s; /* Safari and Chrome */ -o-animation:myfirst 5s; /* Opera */ -webkit-transform: translateY(-320px); transform: translateY(-320px); }

.switchBox dd ul li p a { border:1px solid #e6e6e6; border-radius:50px; padding:5px 26px; color:#fff; font-size:14px; }

.switchBox dd ul li p a:hover { background:#0081d3; border:0; }

.index_button { margin:25px auto 0; overflow:hidden; text-align:center; }

.index_button a { width:230px; height:38px; border:1px solid #CFCFCF; font-size:14px; display:block; margin:0px auto; line-height:38px; border-radius:50px; }

.index_button a:hover { background:#0081d3; border:1px solid #0081d3; color:#fff; }

.index_button i { background:url(../img/homepng.png) no-repeat; width:9px; height:9px; display:inline-block; margin-right:5px; }

.index_button_icon i { background-position:-141px -16px; }

.index_button_icon:hover i { background-position:-141px -36px; }

.desgin_rz { background:#2783d8; height:90px; width:100%; line-height:90px; text-align:center; color:#fff; }

.desgin_rz a { border:1px solid #bad7f2; border-radius:3px; padding:6px 25px; font-size:18px; color:#fff; }

.desgin_rz a:hover { background:#fff; color:#2783d8; }

.desgin_rz span { font-size:21px; margin-left:40px; letter-spacing:3px; }

.application { padding-top:40px; width:100%; background:#fff; overflow:hidden; }

.application_top { font-size:16px; color:#666; text-align:center; margin-top:9px; }

.application ul { width:1210px; }

.application ul li { float:left; width:396px; height:225px; background:#000; margin-right:6px; margin-top:6px; }

.application_box { margin-top:35px; width:1206px; overflow:hidden; }

.he_border1 { background:#000; width:396px; height:225px; padding:0; margin-bottom:6px; margin-right:6px; position:relative; box-sizing:border-box; -webkit-transition:all .4s ease-in-out;

-moz-transition:all .4s ease-in-out;

 -o-transition:all .4s ease-in-out;

-ms-transition:all .4s ease-in-out;

transition:all .4s ease-in-out;

overflow:hidden; float:left; }

.he_border1 .he_border1_img { display:block; width:100%; padding:0; margin:0; position:relative; -webkit-transition:all .4s ease-in-out;

-moz-transition:all .4s ease-in-out;

-o-transition:all .4s ease-in-out;

-ms-transition:all .4s ease-in-out;

transition:all .4s ease-in-out;

opacity:1; overflow:hidden }

.he_border1:hover .he_border1_img { position:absolute; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); opacity:.6 }

.he_border1 .he_border1_caption { color:#fff; padding:0; margin:0; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition:all .4s ease-in-out;

-moz-transition:all .4s ease-in-out;

-o-transition:all .4s ease-in-out;

-ms-transition:all .4s ease-in-out;

transition:all .4s ease-in-out;

overflow:hidden }

 .he_border1 .he_border1_caption::before, .he_border1 .he_border1_caption::after {

position:absolute;

content:'';

opacity:0;

-webkit-transition:opacity 0.4s, -webkit-transform .4s;

-moz-transition:opacity 0.4s, -moz-transform .4s;

-o-transition:opacity 0.4s, -o-transform .4s;

transition:opacity 0.4s, transform .4s

}

 .he_border1 .he_border1_caption::before {

top:8%;

right:10%;

bottom:8%;

left:10%;

border-top:1px solid #fff;

border-bottom:1px solid #fff;

-webkit-transform:scale(0, 1);

-moz-transform:scale(0, 1);

-o-transform:scale(0, 1);

transform:scale(0, 1);

-webkit-transform-origin:0 0;

-moz-transform-origin:0 0;

-o-transform-origin:0 0;

transform-origin:0 0

}

 .he_border1 .he_border1_caption::after {

top:8%;

right:10%;

bottom:8%;

left:10%;

border-right:1px solid #fff;

border-left:1px solid #fff;

-webkit-transform:scale(1, 0);

-moz-transform:scale(1, 0);

-o-transform:scale(1, 0);

transform:scale(1, 0);

-webkit-transform-origin:100% 0;

-moz-transform-origin:100% 0;

-o-transform-origin:100% 0;

transform-origin:100% 0

}

 .he_border1:hover .he_border1_caption::before, .he_border1:hover .he_border1_caption::after {

opacity:1;

-webkit-transform:scale(1);

-moz-transform:scale(1);

-o-transform:scale(1);

transform:scale(1)

}

.he_border1 .he_border1_caption,

.he_border1 .he_border1_caption > a { position:absolute; top:0; left:0; width:100%; height:100%; -webkit-transition:all .4s ease-in-out;

-moz-transition:all .4s ease-in-out;

-o-transition:all .4s ease-in-out;

-ms-transition:all .4s ease-in-out;

transition:all .4s ease-in-out;

overflow:hidden; z-index:1000 }

.he_border1 .he_border1_caption_h { font-size:1.3em; font-weight:400; text-align:center; width:80%; position:absolute; top:40%; left:10%; -webkit-transition:all .5s ease-in-out;

-moz-transition:all .5s ease-in-out;

-o-transition:all .5s ease-in-out;

-ms-transition:all .5s ease-in-out;

transition:all .5s ease-in-out;

overflow:hidden; opacity:1 }

.he_border1 .he_border1_caption_p { font-size:1em; text-align:center; width:80%; position:absolute; top:60%; left:10%; -webkit-transition:all .4s ease-in-out;

-moz-transition:all .4s ease-in-out;

-o-transition:all .4s ease-in-out;

-ms-transition:all .4s ease-in-out;

transition:all .4s ease-in-out;

overflow:hidden; opacity:0 }

.he_border1:hover .he_border1_caption_p { top:53%; opacity:1 }

.news { border-top:1px solid #e6e6e6; margin:40px auto; padding-top:30px; }



.news_con { width:520px; overflow:hidden; }

.news_con h3 { font-weight:400; font-size:18px; height:40px; }

.news_con h3 img { vertical-align:-1px; margin-right:5px; }

.news_con ul li { line-height:30px; font-size:13px; background:url(../img/d.jpg) no-repeat left; padding-left:10px; }

.news_con ul li a:hover { text-decoration:underline; }

.news_line { border-right:1px solid #e6e6e6; padding-left:80px; height:180px; width:1px; margin-top:30px; }

.nwsbg { background:#fff; overflow:hidden; padding-bottom:20px; }

.news_con dl { border-bottom:1px dashed #e6e6e6; overflow:hidden; margin-top:6px; margin-bottom:15px; }

.news_con dl dt { float:left; margin-right:15px; height:75px; }

.news_con dl dt img { border-radius:50%; height:60px; }

.news_con dl dd { font-size:12px; line-height:21px; }

.news_con dl dd p { color:#999; font-size:12px; }

.foot_tp { background:#1578df; padding:30px; overflow:hidden; }

.foot_bt { background:#0766d1; text-align:center; line-height:24px; padding:10px; color:#b5d4f5; }

.foot_bt span { font-family:"宋体"; font-size:12px; margin:0 6px; }

.foot_bt a { color:#fff; }

.foot_bt a:hover { text-decoration:underline; }

.foot_tp_lf { width:710px; height:140px; }

.foot_tp_lf dl { float:left; width:177px; }

.foot_tp_lf dl dt { font-size:16px; color:#fff; margin-bottom:15px; }

.foot_tp_lf dl dd { line-height:28px; font-size:12px; color:#fff; }

.foot_tp_lf dl dd a { color:#b5d4f5; }

.foot_tp_lf dl dd a:hover { color:#fff; text-decoration:underline; }

.foot_tp_ct { border-left:1px solid #2783e2; border-right:1px solid #2783e2; width:330px; height:140px; }

.foot_tp_ct dl { padding-left:35px; }

.foot_tp_ct dl dt { font-size:14px; color:#fff; margin-bottom:15px; }

.foot_tp_ct dl dd { float:left; margin-right:10px; margin-top:3px; margin-bottom:10px; }

.foot_tp_ct dl dd img { width:80px; height:38px; display:block; }

.foot_tp_rg { width:270px; margin-left:35px; }

.foot_tp_rg dl dt { font-size:14px; color:#fff; margin-bottom:15px; }

.foot_tp_rg dl dd span { float:right; text-align:center; color:#b5d4f5; }

.foot_tp_rg dl dd h2 { font-size:24px; color:#ffcf00; font-weight:400; letter-spacing:2px; }

.foot_tp_rg dl dd p { line-height:24px; color:#fff; font-size:12px; color:#b5d4f5; margin-top:5px; }

.foot_tp_we { text-align:center; color:#b5d4f5; margin-top:15px; font-size:12px; line-height:21px; }

.content { padding-top:75px; padding-bottom:30px; overflow:hidden; }

/*----------一键打印页css1开始----------*/



.p_br { background: url(../img/dy2_02.jpg) no-repeat center; height:470px; text-align:center; color:#fff; }

.p_br h2 { font-size:48px; font-weight:500; padding-top:110px; letter-spacing:1px; }

.p_br h3 { font-size:28px; font-weight:500; margin-top:12px; letter-spacing:1px; }

.p_br ul { width:690px; margin:40px auto; font-size:21px; }

.p_br ul li { float:left; width:285px; margin:0 30px; }

.p_br ul li a { display:block; border-radius:3px; padding:15px 0; margin-top:10px; }

.p_w { background:#fff; }

.p_l { background:#036fd2; color:#fff; }

.p_br ul li a:hover { background:#ff7900; color:#fff; }

/*切换样式*/



.home_ad { width:1200px; overflow:hidden; margin:30px auto 0; }

.home_ad .picScroll-left .ad_title { padding:0 0px 30px; overflow:hidden; }

.home_ad .picScroll-left .ad_title span { float:left; font-size:24px; color:#333; }

.home_ad .picScroll-left .ad_title .hd { float:right; width:75px; position:relative; margin-top:3px; }

.home_ad .picScroll-left .ad_title .hd a { cursor:pointer; width:38px; height:25px; display:block; position:absolute; }

.home_ad .picScroll-left .ad_title .hd a.next { background:url(../img/icon-forward_ee579597.jpg) no-repeat; right:0px; }

.home_ad .picScroll-left .ad_title .hd a.prev { background:url(../img/icon-backward_30ac881d.jpg) no-repeat; left:0px; }

.home_ad .picScroll-left .ad_title .hd a.prevStop { opacity:.5; filter:alpha(opacity=50) }

.home_ad .picScroll-left .ad_title .hd a.nextStop { opacity:.5; filter:alpha(opacity=50) }

.home_ad .picScroll-left .ad_title .hd ul { margin-left:21px; text-indent:99999px; }

.home_ad .picScroll-left .ad_title .hd ul li { width:23px; height:18px; float:left; cursor:pointer; background:url(../img/icon-pagenation_8b2f0f92.jpg) no-repeat center; }

.home_ad .picScroll-left .ad_title .hd ul li.on { background:url(../img/icon-pagenation-current_ad0a381a.jpg) no-repeat center; }

.home_ad .picScroll-left .bd .picList li { float:left; display:inline; text-align:center; position:relative; width:300px; }

.home_ad .picScroll-left .bd .picList li h2 { width:116px; height:119px; margin:10px auto 0; }

.d_01 { background: url(../img/d01.jpg) no-repeat; display:block; }

.d_02 { background: url(../img/d02.jpg) no-repeat; display:block; }

.d_03 { background: url(../img/d03.jpg) no-repeat; display:block; }

.d_04 { background: url(../img/d04.jpg) no-repeat; display:block; }

.d_05 { background: url(../img/d05.jpg) no-repeat; display:block; }

.d_06 { background: url(../img/d06.jpg) no-repeat; display:block; }

.d_07 { background: url(../img/d07.jpg) no-repeat; display:block; }

.d_08 { background: url(../img/d08.jpg) no-repeat; display:block; }

.home_ad .picScroll-left .bd .picList li:hover .d_01 { background: url(../img/d1.jpg) no-repeat; display:block; }

.home_ad .picScroll-left .bd .picList li:hover .d_02 { background: url(../img/d2.jpg) no-repeat; display:block; }

.home_ad .picScroll-left .bd .picList li:hover .d_03 { background: url(../img/d3.jpg) no-repeat; display:block; }

.home_ad .picScroll-left .bd .picList li:hover .d_04 { background: url(../img/d4.jpg) no-repeat; display:block; }

.home_ad .picScroll-left .bd .picList li:hover .d_05 { background: url(../img/d5.jpg) no-repeat; display:block; }

.home_ad .picScroll-left .bd .picList li:hover .d_06 { background: url(../img/d6.jpg) no-repeat; display:block; }

.home_ad .picScroll-left .bd .picList li:hover .d_07 { background: url(../img/d7.jpg) no-repeat; display:block; }

.home_ad .picScroll-left .bd .picList li:hover .d_08 { background: url(../img/d8.jpg) no-repeat; display:block; }

.home_ad .picScroll-left .bd .picList li:hover h3 { color:#108cee; }

.home_ad .picScroll-left .bd .picList li h3 { font-size:16px; font-weight:400; margin-top:15px; }

.home_ad .picScroll-left .bd .picList li p { width:200px; text-align:center; margin:10px auto; font-size:14px; color:#666; line-height:22px; height:66px; overflow:hidden; }

.home_ad .picScroll-left .bd .picList li:hover p { color:#108cee; }

.home_ad .picScroll-left .bd .picList li h4 { border:1px solid #ccc; padding:8px 0px; border-radius:5px; width:100px; font-weight:100; color:#666; margin:10px auto; }

.home_ad .picScroll-left .bd .picList li:hover h4 { background:#108cee; border:1px solid #108cee; color:#fff; }

.home_ad .picScroll-left .bd .picList li:hover { background:url(../img/dbg.jpg) no-repeat center; }

.d_mat { width:1200px; margin:30px auto; overflow:hidden; }

.d_mat h2 { font-size:24px; font-weight:400; color:#333; }

.d_mat p { border-top:1px solid #e6e6e6; margin-top:10px; padding-top:15px; color:#666; }

.d_mat p a { color:#666; margin-right:30px; }

.d_mat p a:hover { text-decoration:underline; color:#1578df; }

.d_mat p span { margin-right:60px; }

.d_mat_con { overflow:hidden; margin-top:25px; }

.d_mat_con dt { float:left; width:389px; height:349px; position:relative; }

.d_mat_con dd { float:right; width:795px; height:349px; position:relative; }

.d_mat_bot { margin-top:15px; width:1220px; }

.d_mat_bot li { float:left; margin-right:16px; position:relative; }

.d_mat_bot_img { display:block; }

.d_mat_con_img { width:389px; height:349px; }

.d_mat_con_box { background:rgba(0, 0, 0, 0.54); position:absolute; width:100%; left:0; top:0; height:100%; display:none; }

.cai_k { background:rgba(0, 0, 0, 0.54); position:absolute; bottom:0; width:100%; padding:10px 0; display:none; }

.d_mat_con dt:hover .d_mat_con_box,

.d_mat_con dd:hover .d_mat_con_box,

.d_mat_bot li:hover .d_mat_con_box { display:block; }


.d_mat_con dt:hover .cai_k,

.d_mat_con dd:hover .cai_k,

.d_mat_bot li:hover .cai_k { display:block; }

.d_mat_con_box h3 { text-align:center; margin:40px auto 20px; color:#fff; font-weight:400; letter-spacing:1px; }

.cai_k1 { width:90%; margin:0 auto; overflow:hidden; font-size:12px; color:#fff; line-height:21px; }

.cai_k1 li { overflow: hidden; padding-bottom: 16px; }

.tedian { width:15%; text-align:center; }

.tedian span { border-radius:3px; background-color:#4bb1ff; width:80%; display:block; }

.tedian_con { width:85%; }

.shihe { width: 110px; margin-top: 13px; color:#fff; }

.cai_k2,

.cai_k3 { padding:0 20px; }

.shihe span { margin-right:6px; width:16px; height:16px; display:inline-block; background:url(../img/icon-dui.png) no-repeat; vertical-align:middle }

.shihe .icon-no { background-position: 0 bottom; }

.d_adv { width:1200px; margin:0px auto; overflow:hidden; text-align:center; }

.d_adv span { text-transform:uppercase; font-size:14px; color:#999; }

.d_adv h2 { font-size:28px; color:#333; font-weight:400; }

.d_adv p { font-size:18px; color:#666; margin-top:5px; }

.d_adv ul { overflow:hidden; margin-top:30px; }

.d_adv ul li { float:left; width:218px; float:left; padding:50px 41px 60px; }

.d_adv ul li h2 { font-size:21px; }

.d_adv ul li h3 { text-transform:uppercase; color:#666; font-weight:400; margin:10px auto 30px; }

.d_adv ul li h4 { height:2px; background:#000; width:24px; margin:20px auto; }

.d_adv ul li p { font-size:12px; color:#666; text-align:left; }

.d_adv ul li:hover { background:#1578df; color:#fff; }

.d_adv ul li:hover h2,

.d_adv ul li:hover h3,

.d_adv ul li:hover p { color:#fff; }

.d_adv ul li:hover h4 { background:#fff; }

.d_adv ul li.d_bg01 { background:#f7f7f7; }

.d_adv ul li.d_bg02 { background:#fbfbfb; }

.d_adv ul li:hover.d_bg01,

.d_adv ul li:hover.d_bg02 { background:#1578df; }

.harge { background:url(../img/dy2_32.jpg) no-repeat center; overflow:hidden; padding:60px; margin-top:10px; text-align:center; color:#fff; }

.harge_span { text-transform:uppercase; font-size:14px; }

.harge_h2 { font-size:28px; font-weight:400; }

.harge_p1 { font-size:18px; margin-top:8px; }

.harge_p2 { margin-top:15px; line-height:30px; font-size:16px; }

.harge ul { width:840px; margin:40px auto 0; overflow:hidden; }

.harge ul li { float:left; width:200px; margin:0 40px; }

.harge ul li a { display:block; background:#fff; overflow:hidden; font-size:18px; border-radius:3px; padding:11px 0; margin-bottom:10px; }

.harge ul li .harge_a { background:#ff9204; color:#fff; }

.mt_top { margin-top:30px; }

.liucheng { margin-top:20px; }

/*----------一键打印页css2开始----------*/



.print_box2 { width:1200px; margin:20px auto; overflow:hidden; clear:both; }

.print_box2_tlt { margin-top:10px; overflow:hidden; }

.print_box2_tlt ul li { float:left; font-size:16px; color:#999; line-height:35px; }

.print_box2_tlt ul li img { vertical-align:-7px; margin-right:5px; }

.print_box2_tlt ul li.pr_line { width:227px; text-align:center; overflow:hidden; font-size:14px; color:#CCC; }

.print_box_con { background:#fff; overflow:hidden; border-radius:5px; width:99.7%; box-shadow: -1px 0px 5px rgba(0, 0, 0, 0.1); margin:20px auto; }

.print_box_con_padding { padding:30px 20px; overflow:hidden; }

.print_box_con_padding_lf { width:590px; float:left; }

.print_img { border:1px solid #e6e6e6; height:400px; width:588px; position:relative; }

.print_img_a { font-size:18px; text-align:center; height:36px; line-height:36px; margin-top:180px; }

.print_img_a img { vertical-align:-9px; margin-right:10px; }

.print_img_a a { color:#999; }

.print_img_a a span { color:#036fd2; margin-left:3px; }

.print_img_kf { position:absolute; bottom:6px; right:10px; line-height:30px; }

.print_img_kf img { vertical-align:-5px; margin-right:5px; }

.print_img_kf a { color:#666; }

.print_img_kf a:hover { color:#52ADFF; text-decoration:underline; }

.print_size { margin-top:10px; color:#666; text-align:center; line-height:40px; }

.print_size i { font-style:normal; color:#999; }

.print_size span { border:1px solid #e6e6e6; padding:2px 15px; margin:0 8px; min-width:8px; }

.print_box_con_padding_rg { width:520px; float:right; font-size:14px; color:#666; }

.cor_3 { color:#333; }

.p_0 { position:relative; }

#divselect { width:520px; margin:10px auto; position:relative; z-index:10000; }

#divselect cite { display:block; color:#807a62; font-style:normal; background:#E1E1E1; padding-right:30px; border:1px solid #e6e6e6; min-height:40px; }

#divselect code { background:url(../img/xjt.png) no-repeat center; width:30px; height:110px; position:absolute; right:0; top:50%; margin-top:-55px; cursor:pointer; }

#divselect ul { width:518px; border:1px solid #e6e6e6; background-color:#ffffff; position:absolute; z-index:20000; margin-top:-1px; display:none; }

#divselect ul li { height:112px; border-bottom:1px solid #e6e6e6; }

#divselect ul li:hover { border:1px solid #06F; }

.color_01 { background:#59ea8b; }

.color_02 { background:#ffff00; }

.color_03 { background:#15ceff; }

.color_04 { background:#ff1b32; }

.color_05 { background:#6b3b2d; }

.color_06 { background:#fff; }

.color_07 { background:#020202; }

.color_08 { background:#fc6e00; }

.color_09 { background:#3165ca; }

.color_10 { background:#ff39a5; }

.color_11 { background:#e6e0e2; }

.pr_clbox { padding:10px; overflow:hidden; background:#fff; }

.pr_clbox p { height:30px; }

.pr_clbox p em { float:right; color:#FF7900; margin-top:5px; font-style:normal; font-weight:600; }

.pr_clbox p strong { color:#333; }

.pr_clbox p span,

.pr_clbox p i { color:#999; }

.pr_dl_box { position:relative; overflow:hidden; }

.p_more { position:absolute; right:10px; bottom:0; font-size:12px; }

.p_more:hover { text-decoration:underline; }

.pr_dl_box dt { float:left; width:60px; height:60px; padding-left:2px; }

.pr_dl_box dt img { width:100%; }

.pr_dl_box dd { float:left; margin-left:15px; margin-top:5px; margin-bottom:5px; }

.pr_dl_box dd a { border:2px solid #e6e6e6; width:15px; height:15px; display:block; }

.pr_dl_box dd a.p_on { border:2px solid #C00; }

.pr_dl_box dd a:hover { border:2px solid #C00; }

.p_1 { line-height:36px; }

.p_2 { margin-left:30px; }

.p_3 { margin-top:6px; }

.p_3 dt { float:left; }

.p_3 dd { border:1px solid #e6e6e6; overflow:hidden; width:70px; background:url(../img/jt.png) no-repeat 90%; }

.p_3 dd select { font-family:"微软雅黑"; font-size:14px; color:#666; border:0; width:90px; padding-left:5px; vertical-align:3px; background:none; outline:none; letter-spacing:1px; }

.p_4 { margin-top:12px; position:relative; }

.p_4 label { margin-right:20px; }

.p_id2 { margin-top:10px; font-size:12px; }

.p_id2 a { margin:0 3px; text-decoration:underline; }

.p_4 input { vertical-align:-2px; }

.p_5 { margin-top:15px; overflow:hidden; line-height:27px; }

.p_6 { margin-top:10px; }

.p_6 strong { color:#FF7900; font-size:18px; }

.tb-stock a { float:left; display:block; overflow:hidden; margin-right:0!important; padding:0; width:26px!important; height:26px!important; border:1px solid #ccc; color:#333; vertical-align:top; text-align:center; line-height:26px; }

.tb-stock input { float:left; margin:0; padding:0; width:48px; height:26px; outline:0; border:1px solid #CCC; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; background:#FFF; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; color:#666; text-align:center; font-size:16px; line-height:26px; ime-mode:disabled; }

.tb-stock input:hover { border:1px solid #0CF; }

.tb-stock .tb-increase { margin-right:8px; border-left:0!important; }

.tb-stock .tb-reduce { border-right:0; }

.p_7 { margin-top:15px; }

.p_7 button { font-size:16px; border:0; border-radius:3px; padding:10px 35px; color:#fff; font-family:"微软雅黑"; margin-right:20px; }

.p_7 span { font-size:12px; }

.p_grey { background:#cccccc; }

.p_org { background:#FF5F00; }

.print_shuoming { color:#999; font-size:12px; }

.print_shuoming img { vertical-align:-3px; margin-right:4px; }

.print_box_bot { margin-top:20px; overflow:hidden; }

.print_box_bot_button { float:right; border:0; border-radius:3px; padding:8px 30px; font-family:"微软雅黑"; color:#666; }

.print_box_bot_button img { vertical-align:-2px; margin-right:3px; }

/*----------行业案例css开始----------*/



.case_banner { background:url(../img/case2_02.jpg) center no-repeat; height:403px; }

.cs_ban { width:1140px; margin:0px auto; padding:75px 30px; color:#fff; }

.cs_ban h2 { font-size:46px; font-weight:400; }

.cs_ban p { font-size:15px; line-height:28px; width:600px; margin-top:10px; }

.cs_ban button { border:1px solid rgba(255, 255, 255, 0.75); background:none; margin-top:20px; color:#fff; border-radius:2px; padding:8px 35px; font-size:14px; }

.cs_ban button:hover { background:#ff7900; border:1px solid #ff7900 }

.case_nav { background:#fff; border-bottom:1px solid #e6e6e6; }

.fixed { position:fixed; top:0; z-index:999999999; width:100%; }

.industry_nava_in { width: 1200px; height: 70px; margin: 0 auto; }

.solution { width: 184px; height: 70px; font-size: 16px; color: #555; line-height: 70px; float: left; position:relative; }

.solution_nav { width:1016px; height: 70px; float: right; }

.solution_nav ul { width:1016px; height: 70px; }

.solution_nav ul li { float: left; line-height: 70px; font-size: 16px; padding: 0 10px; margin-right:70px; color: #555; text-align: center; }

.solution_nav ul li:hover { height:67px; border-bottom: 4px solid #1578df; }

.solution_title { width: 154px; height: 70px; font-size: 16px; color: #555; line-height: 70px; background:url(../img/solution_iconb.png) no-repeat left center; padding-left: 30px; }

.solution:hover .solution_title { color:#1578df; }

.solution_main { width: 1026px; height: 58px; background: #fff; border:1px solid #e6e6e6; position:absolute; left:-2px; top:70px; display:none; }

.solution_title:hover .solution_main { display:block; }

.solution_main_list { width: 1026px; height: 53px; padding-top: 15px; }

.solution_main_list li { width: 1026px; height: 40px; }

.solution_main_list li dt { width: 150px; height: 40px; float: left; line-height: 40px; font-size: 14px; padding-left: 20px; background: url(../img/solution_arrow.png) no-repeat 136px 16px; }

.solution_main_list li dd { height: 40px; float: left; line-height: 40px; font-size: 14px; }

.solution_main_list li dt a { height: 40px; float: left; color: #555; line-height: 40px; margin-right:18px; font-size: 14px; }

.solution_main_list li dd a { height: 40px; float: left; color: #555; line-height: 40px; margin-right:18px; font-size: 14px; }

.solution_main_list li:hover dt { color: #1578df; }

.solution_main_list li a:hover { color: #1578df; }

.case_tltle { text-align:center; line-height:30px; padding-top:40px; }

.case_tltle span { color:#999; text-transform:uppercase; font-size:18px; }

.case_tltle em { font-style:normal; margin:0 6px; font-size:18px; color:#333; }

.chall_left { width:780px; overflow:hidden; }

.chall_right { width:420px; }

.ch_box { float:left; width:376px; height:200px; margin-right:14px; margin-bottom:10px; }

.case_challenge { overflow:hidden; margin:0px auto; overflow:hidden; }

.mtbox { margin-top:35px; }

.chall_right { padding:0; width:420px; height:410px }

.chall { position:relative; overflow:hidden; box-sizing:border-box; background:#000; -webkit-transition:all .4s ease-in-out;

-moz-transition:all .4s ease-in-out;

-o-transition:all .4s ease-in-out;

transition:all .4s ease-in-out;

-ms-transition:all .4s ease-in-out

}

.chall .chall_img { position:relative; display:block; overflow:hidden; margin:0; padding:0; width:100%; opacity:1; -webkit-transition:all .4s ease-in-out;

-moz-transition:all .4s ease-in-out;

-o-transition:all .4s ease-in-out;

transition:all .4s ease-in-out;

-ms-transition:all .4s ease-in-out;

-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray }

.chall:hover .chall_img { position:absolute; opacity:.6; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); -ms-transform:scale(1.1); -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:;

}

.chall .chall_caption { overflow:hidden; margin:0; padding:0; color:#fff; -webkit-transition:all .4s ease-in-out;

-moz-transition:all .4s ease-in-out;

-o-transition:all .4s ease-in-out;

transition:all .4s ease-in-out;

-moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden; -ms-transition:all .4s ease-in-out

}

 .chall .chall_caption::after, .chall .chall_caption::before {

position:absolute;

content:'';

opacity:0;

-webkit-transition:opacity .4s, -webkit-transform .4s;

-moz-transition:opacity .4s, -moz-transform .4s;

-o-transition:opacity .4s, -o-transform .4s;

transition:opacity .4s, transform .4s

}

 .chall .chall_caption::before {

top:4%;

right:4%;

bottom:4%;

left:4%;

border-top:1px solid #fff;

border-bottom:1px solid #fff;

-webkit-transform:scale(0, 1);

-moz-transform:scale(0, 1);

-o-transform:scale(0, 1);

transform:scale(0, 1);

-webkit-transform-origin:0 0;

-moz-transform-origin:0 0;

-o-transform-origin:0 0;

transform-origin:0 0

}

 .chall .chall_caption::after {

top:4%;

right:4%;

bottom:4%;

left:4%;

border-right:1px solid #fff;

border-left:1px solid #fff;

-webkit-transform:scale(1, 0);

-moz-transform:scale(1, 0);

-o-transform:scale(1, 0);

transform:scale(1, 0);

-webkit-transform-origin:100% 0;

-moz-transform-origin:100% 0;

-o-transform-origin:100% 0;

transform-origin:100% 0

}

 .chall:hover .chall_caption::after, .chall:hover .chall_caption::before {

opacity:1;

-webkit-transform:scale(1);

-moz-transform:scale(1);

-o-transform:scale(1);

transform:scale(1)

}

.chall .chall_caption,

.chall .chall_caption>a { position:absolute; top:0; left:0; z-index:1000; overflow:hidden; width:100%; height:100%; -webkit-transition:all .4s ease-in-out;

-moz-transition:all .4s ease-in-out;

-o-transition:all .4s ease-in-out;

transition:all .4s ease-in-out;

-ms-transition:all .4s ease-in-out

}

.chall .chall_caption_h { position:absolute; top:46%; left:10%; overflow:hidden; width:80%; text-align:center; font-weight:400; font-size:1.3em; opacity:1; -webkit-transition:all .5s ease-in-out;

-moz-transition:all .5s ease-in-out;

-o-transition:all .5s ease-in-out;

transition:all .5s ease-in-out;

-ms-transition:all .5s ease-in-out;

display:none; }

.chall:hover .chall_caption_h { display:block; }

.trend_box { border:1px solid #e6e6e6; width:1188px; height:270px; overflow:hidden; margin:30px auto 0; overflow:hidden; }

.trend_box_cn { width:593px; border-right:1px dashed #e6e6e6; height:270px; }

.trend_box_cn:hover { background:#036fd2; }

.trend_box_cn:hover h3,

.trend_box_cn:hover p { color:#fff; }

.trend_box_cn:hover h4 { background:#fff; }

.trend_box_cn dl { width:500px; padding:50px; }

.trend_box_cn dl dt { float:left; }

.trend_box_cn dl dt img { float:left; border-radius:50%; border:6px solid #eeeeee; }

.trend_box_cn dl dd { float: right; width:300px; }

.trend_box_cn dl dd h3 { margin-top:20px; margin-bottom:8px; color:#333; }

.trend_box_cn dl dd h4 { height:3px; background:#595959; width:45px; display:block; margin-bottom:20px; }

.trend_box_cn dl dd p { line-height:28px; color:#666; }

.plan_box { width:983px; margin:30px auto 0; overflow:hidden; }

.plan_box dd { float:left; width:300px; height:414px; background:rgba(0, 0, 0, 0.1); margin-top:23px; position:relative; }

.plan_box dd img { position:absolute; top:0; z-index:-1; }

.plan_box dd h2 { font-size:18px; text-align:center; font-weight:400; margin-top:190px; color:#fff; }

.plan_box dd p { width:250px; margin:10px auto; line-height:24px; color:#fff; display:none; }

.plan_box dd:hover p { display:block; }

.plan_box dd:hover { background:rgba(0, 0, 0, 0.4); }

.plan_box dt { float:left; margin:0 25px; width:327px; height:453px; border:3px solid #036fd2; position:relative; }

.plan_box dt img { position:absolute; top:0; z-index:-1; }

.plan_box dt h2 { font-size:18px; text-align:center; font-weight:400; margin-top:30px; }

.plan_box dt p { width:270px; margin:10px auto; line-height:24px; color:#666; }

.adv_box { width:1200px; overflow:hidden; margin:30px auto 0; }

.adv_box dd,

.adv_box dt { float:left; width:300px; }

.adv_box dt img { display:block; }

.adv_box dt:hover img { opacity:0.85; }

.adv_blue { background:#0177e3; height:215px; }

.adv_blue h2 { background:#0168c6; width:65px; height:60px; margin:0px auto; }

.adv_blue h3 { font-size:18px; color:#fff; font-weight:400; text-align:center; margin-top:15px; }

.adv_blue p { color:#fff; font-size:14px; padding:10px 30px; line-height:24px; }

.adv_black { background:#ffffff; height:215px; }

.adv_black h2 { background:#dedede; width:65px; height:60px; margin:0px auto; }

.adv_black h3 { font-size:18px; color:#333; font-weight:400; text-align:center; margin-top:15px; }

.adv_black p { color:#666; font-size:14px; padding:10px 30px; line-height:24px; }

.case_advantage { background: url(../img/h.png) #f6f5f5 no-repeat center bottom; overflow:hidden; width:100%; margin:40px auto 0; padding-bottom:50px; }

.work_box { width:1200px; margin:30px auto 0; overflow:hidden; background:url(../img/c_line.jpg) no-repeat right; }

.work_box dt { float:left; height:142px; width:320px; }

.work_box dt h3 { font-size:18px; font-weight:400; margin:18px 0 5px; }

.work_box dt p { color:#666; }

.work_box dt button { border:2px solid #fc6002; background:none; padding:5px 60px; margin-top:10px; color:#fc6002; }

.work_box dt button:hover { border:2px solid #fc6002; background:#fc6002; padding:6px 60px; margin-top:10px; color:#fff; }

.work_box dd { float:left; width:220px; height:70px; text-align:center; }

.work_box dd img { width:190px; height:60px; margin-top:5px; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray }

.work_box dd:hover img { -webkit-filter:grayscale(0); filter:none; -webkit-filter:grayscale(0); filter:grayscale(0) }

.case_work { width:100%; border-top:1px solid #e6e6e6; overflow:hidden; margin-top:30px; border-bottom:1px solid #e6e6e6; padding-bottom:30px; }

.flex-container a:active,

.flex-container a:focus,

.flexslider a:active,

.flexslider a:focus { outline:0; }

.flex-control-nav,

.flex-direction-nav,

.slides { margin:0; padding:0; list-style:none; }

.flexslider { margin:0; padding:0; }

.flexslider .slides>li { display:none; -webkit-backface-visibility:hidden; }

.flexslider .slides img { display:block; width:100%; }

.flex-pauseplay span { text-transform:capitalize; }

.slides:after { clear:both; display:block; visibility:hidden; height:0; content:"."; line-height:0; }

html[xmlns] .slides { display:block; }

.no-js .slides>li:first-child { display:block; }

.flexslider { position:relative; width:1200px; margin:30px auto 0; }

.flex-viewport { max-height:2000px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; transition:all 1s ease; width:980px; margin:0px auto; }

.loading .flex-viewport { max-height:300px; }

.flexslider .slides { zoom:1; }

.carousel li { margin-right:5px; }

.flex-direction-nav a { position:absolute; top:40%; z-index:10; display:block; margin:-20px 0 0; width:60px; height:60px; background:url(../img/slider-nav.png) no-repeat 0 0; text-indent:-9999px; opacity:0; cursor:pointer; -webkit-transition:all .3s ease;

}

.flex-direction-nav .flex-next { right:80px; background-position:100% 0; }

.flex-direction-nav .flex-prev { left:80px; }

.flexslider:hover .flex-next { right:80px; opacity:.8; }

.flexslider:hover .flex-prev { left:80px; opacity:.8; }

.flexslider:hover .flex-next:hover,

.flexslider:hover .flex-prev:hover { opacity:1; }

.flex-direction-nav .flex-disabled { opacity:.3!important; cursor:default; filter:alpha(opacity=30); }

.flex-control-nav { position:absolute; bottom:-40px; width:100%; text-align:center; }

.flex-control-nav li { display:inline-block; margin:0 6px; zoom:1; }

.flex-control-paging li a { display:block; width:11px; height:11px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; background:#666; background:rgba(0, 0, 0, .5); box-shadow:inset 0 0 3px rgba(0, 0, 0, .3); text-indent:-9999px; cursor:pointer; -o-border-radius:20px; }

.flex-control-paging li a:hover { background:#333; background:rgba(0, 0, 0, .7); }

.flex-control-paging li a.flex-active { background:#000; background:rgba(0, 0, 0, .9); cursor:default; }

.flex-control-thumbs { position:static; overflow:hidden; margin:20px 0 0; }

.flex-control-thumbs li { float:left; margin:0; width:20%; text-align:center; height:90px; overflow:hidden; }

.flex-control-thumbs img { display:block; width:90%; margin:0px auto; opacity:.7; cursor:pointer; }

.flex-control-thumbs img:hover { opacity:1; }

.flex-control-thumbs .flex-active { opacity:1; cursor:default; }

 @media screen and (max-width:860px) {

.flex-direction-nav .flex-prev {

left:0;

opacity:1;

}

 .flex-direction-nav .flex-next {

right:0;

opacity:1;

}

}

.case_work_a { border:1px solid #e6e6e6; padding:10px; width:200px; margin:30px auto 0; display:block; text-align:center; border-radius:50px; color:#666; }

.case_work_a:hover { border:1px solid #1578df; background:#1578df; color:#fff; }

.case_problem { width:1200px; margin:0px auto; }

.case_problem dl { border:1px solid #e6e6e6; padding:20px; float:left; width:325px; height:126px; margin-top:30px; }

.case_problem dl dd { line-height:40px; background:url(../img/cx.png) no-repeat left; padding-left:10px; }

.case_problem dl dd a:hover { text-decoration:underline; }

.mr_lr { margin:0 49px; }

/*----------设计师页面css开始----------*/



.dsbox { width:1200px; margin:20px auto; overflow:hidden; }

.dsbox_lf { background:#fff; width:920px; overflow:hidden; }

.d_slider { display:none }

.focus span { width:10px; height:10px; margin-right:10px; border-radius:50%; background:#666; font-size:0 }

.focus span.current { background:#fff }

.dsbox_lf_box dl { float:left; width:209px; padding:15px 12px 15px 8px; border-left:1px solid #e6e6e6; }

.dsbox_lf_box dl dt { float:left; margin-right:3px; height:65px; }

.dsbox_lf_box dl dt img { margin-top:10px; }

.dsbox_lf_box dl dd { font-size:12px; color:#666; line-height:21px; }

.dsbox_lf_box dl dd h4 { color:#333; margin-bottom:5px; }

.dsbox_rg { width:249px; background:#fff; overflow:hidden; height:428px; }

.dsbox_rg_box { height:142px; padding:0 10px; }

.dsbox_rg img { display:block; }

.dsbox_rg_box li { margin-top:15px; color:#666; }

.dsbox_rg_box li span { font-size:14px; color:#999; padding-bottom:5px; }

.ds_bg01 { background:url(../img/design_09.jpg) 0 5% no-repeat; padding-left:32px; }

.ds_bg02 { background:url(../img/design_12.jpg) 0 5% no-repeat; padding-left:32px; }

.ds_tltle { background:#e8e8e8; padding:10px; width:1180px; margin:0px auto; overflow:hidden; height:30px; }

.ds_tltle_rg { line-height:30px; }

.ds_tltle_rg span { margin-left:20px; color:#999; }

.ds_tltle_rg span a { margin-right:3px; color:#666; }

.ds_tltle_rg span a:hover { color:#ff6600; text-decoration:underline; }

.ds_tltle_rg span .ds_on { color:#ff6600; }

.ds_tltle_lf { background:#fff; overflow:hidden; height:30px; border-radius:50px; width:250px; }

.ds_sr_01 { width:200px; margin:0px 10px; vertical-align: 4px; border:0; color:#666; }

.ds_sr_02 { margin-top:7px; }

.ds_con { width:1245px; margin:30px auto 0; overflow:hidden; }

.ds_con dl { float:left; width:264px; margin:15px 23px 0; overflow:hidden; position:relative; perspective:1000px; }

.ds_con dl dt { width:264px; height:405px; text-align:center; color:#999; }

.ds_con dl dt img { border-radius:5px; width:264px; height:335px; opacity:1; transition:all .6s ease-in-out 0s;

transform:translateY(0) rotateX(0); }

.ds_con dl dt h3 { font-size:18px; font-weight:400; color:#036fd2; height:35px; line-height:35px; }

.ds_con dl dt a { margin-left:5px; color:#999; }

.ds_con dl dt a:hover { text-decoration:underline; color:#666; }

.ds_con dl dd { background:rgba(0, 0, 0, 0.6); width:224px; height:295px; border-radius:5px; position:absolute; top:0; text-align:center; padding:20px; color:#fff; top:-335px; }

.ds_con dl dd h3 { font-size:18px; font-weight:400; padding-top:20px; }

.ds_con dl dd h4 { font-size:14px; font-weight:400; color: rgba(255, 255, 255, 0.77); border-bottom:1px solid rgba(230, 230, 230, 0.27); padding:8px 0; }

.ds_con dl dd p { line-height:24px; font-size:12px; text-align:left; height:110px; margin-top:10px; }

.ds_con dl dd button { border:2px solid #036fd2; background:none; padding:9px 40px; color:#036fd2; border-radius:50px; }

.ds_con dl dd button:hover { background:#036fd2; color:#fff; }

.ds_con dl div { display:none; transition: 0.4s; }

.ds_con dl div img { width:80px; height:80px; border-radius:50px; position:absolute; bottom:30px; border:3px solid #fff; left:50%; margin-left:-40px; transition: 0.4s; }

.ds_con dl:hover dd { top:0px; transition: 0.4s; }

.ds_con dl:hover div { display:block; transition: 0.4s; }

.page { width:100%; margin:0 auto; border:medium none; clear:both; }

.page-wrap { width:100%; margin:0 auto; border:medium none; }

.page .pages { display:inline-block; margin:0 5px; width:36px; height:36px; border-radius:2px; background-color:#EFEFEF; color:#939393; text-align:center; font-size:13px; line-height:36px; cursor:pointer; }

.page .pages:hover { background-color:#e7e7e7; }

.page .active { background-color:#1578DF; color:#fff; }

.page .active:hover { background-color:#ff4700; }

.page .previous { background-image:url(../img/pageleft.png); background-position:center center; background-size:100% 100%; background-repeat:no-repeat; color:transparent; }

.page .next { background-image:url(../img/pageright.png); background-position:center center; background-size:100% 100%; background-repeat:no-repeat; color:transparent; }

.page .page_desc { display:inline-block; margin-left:15px; color:#939393; font-size:13px; line-height:36px; }

.page .pagebtn { display:inline-block; margin:0 5px; width:34px; height:34px; border:1px solid #1578DF; border-radius:2px; background-color:#fff; color:#1578DF; text-align:center; font-size:13px; line-height:34px; cursor:pointer; }

.page input { margin:0 5px; width:36px; height:22px; border:1px solid #e7e7e7; color:#939393; text-align:center; }

.page span { float:unset; padding:0; color:#939393; vertical-align:initial; text-decoration:none; font-size:13px; line-height:36px; }

.page input[type=text] { width:36px; }

.ds_case { width:1330px; margin:40px auto 0; }

.ds_case dl { padding-top:30px; }

.ds_case dl dd { float:left; width:655px; height:272px; text-align:center; background:#000; position:relative; overflow:hidden; }

.ds_case dl dd h2 { color:#fff; font-size:18px; font-weight:100; width:200px; text-align:center; left:50%; margin-left:-100px; position:absolute; top:48%; z-index:99; }

.ds_case dl dd h2 span { display:block; width:40px; height:2px; background:#fff; overflow:hidden; margin:5px auto; }

.ds_case dl dd img { display:block; width:100%; padding:0; margin:0; position:relative; -webkit-transition:all .4s ease-in-out;

-moz-transition:all .4s ease-in-out;

-o-transition:all .4s ease-in-out;

-ms-transition:all .4s ease-in-out;

transition:all .4s ease-in-out;

opacity:1; overflow:hidden }

.ds_case dl dd:hover img { position:absolute; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); opacity:.6 }

.ds_case ul { width:1356px; transition: 0.4s; }

.ds_case ul li { float:left; width:425px; height:275px; margin-right:27px; position:relative; background:#000; overflow:hidden; margin-top:20px; }

.ds_case ul li h2 { color:#fff; font-size:18px; font-weight:100; width:200px; text-align:center; left:50%; margin-left:-100px; position:absolute; top:48%; z-index:99; }

.ds_case ul li h2 span { display:block; width:40px; height:2px; background:#fff; overflow:hidden; margin:5px auto; }

.ds_case ul li img { display:block; width:100%; padding:0; margin:0; position:relative; -webkit-transition:all .4s ease-in-out;

-moz-transition:all .4s ease-in-out;

-o-transition:all .4s ease-in-out;

-ms-transition:all .4s ease-in-out;

transition:all .4s ease-in-out;

opacity:1; overflow:hidden }

.ds_case ul li:hover img { position:absolute; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); opacity:.6 }

.ds_case ul { width:1356px; transition: 0.4s; }

/*----------设计师个人页面css开始----------*/



.ds_info_br { background:url(../img/design6_02d.jpg) no-repeat 50%; height:483px; }

.info_br_top { padding-top:20px; color:#fff; }

.info_br_top a { color:#fff; }

.info_br_top a:hover { text-decoration:underline; }

.info_br_top span { margin:0 5px; }

.info_br_top i img { vertical-align:-1px; margin-right:2px; }

.info_br_img { text-align:center; padding-top:15px; }

.info_br_img img { width:140px; height:140px; border-radius:50%; border:6px solid rgba(255, 255, 255, 0.34); }

.info_br_gz { text-align:center; margin-top:6px; }

.info_br_gz strong { font-size:21px; color:#333; margin-right:10px; }

.info_br_gz a { background:#ff8533; border-radius:3px; padding:6px 13px; font-size:14px; color:#fff; }

.info_br_gz a img { vertical-align:-3px; margin-right:6px; }

.info_br_line { width:850px; border-bottom:1px solid rgba(0, 0, 0, 0.08); margin:10px auto; overflow:hidden; padding:16px; text-align:center; }

.info_br_line span { margin-right:10px; margin-left:10px; }

.info_br_line span img { vertical-align:-3px; margin-right:3px; }

.info_br_line span a { color:#666; }

.info_br_line span strong { color:#ff8533; margin-left:5px; }

.info_br_icon { text-align:center; padding-top:15px; color:#666; }

.info_br_icon span { border:1px solid #CACACA; border-radius:50px; padding:3px 10px; margin-right:10px; }

.info_br_icon span img { vertical-align:-1px; margin-right:3px; }

.info_br_p { text-align:center; color:#666; margin-top:15px; }

.ds_info_free { margin:20px auto 0; width:1200px; }

.ds_info_tltle { border:1px solid #e6e6e6; background:#fff; border-radius:3px; height:45px; line-height:45px; padding:0 15px; }

.ds_info_tltle h3 { color:#ff8533; border-bottom:3px solid #ff8533; line-height:43px; width:70px; font-size:14px; text-align:center; margin-left:10px; }

.ds_info_tltle span { float:right; }

.ds_info_tltle span a { font-size:12px; color:#666; }

.ds_info_tltle span a:hover { color:#ff8533; }

.ds_info_free ul { margin:0; margin-top:20px; width: 1252px; display: inline-block; }

.ds_info_free ul li { cursor:pointer; width:250px; height:330px; float:left; margin-right:53px; border-radius:3px; box-shadow:0 1px 3px rgba(0, 0, 0, .15); padding:0px; position:relative; margin-bottom:29px; background:#fff; text-align:center; webkit-transition: all .2s linear;

transition: all .2s linear;

}

.ds_info_free .fav-item .findsame-btn,

.ds_info_free .fav-item .add-cat-btn { display:none; }

.ds_info_free .fav-item:hover .add-cat-btn,

.ds_info_free .fav-item:hover .findsame-btn { height:65px; line-height:65px; font-style:14px; position:absolute; top:0; display:block }

.ds_info_free .fav-item:hover .add-cat-bg,

.ds_info_free .fav-item:hover .delete-btn-bg,

.fav-item:hover .go-shop-bg { background-color:#000; filter:alpha(opacity=50); opacity:.5; height:25px; width:24px }

.ds_info_free .fav-item:hover .img-controller-bg { height:100%; width:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000', endColorstr='#7F000000');

background:rgba(0, 0, 0, 0.5); position:absolute; top:0; display:block }

.ds_info_free .fav-item:hover .add-cat-btn,

.ds_info_free .fav-item:hover .findsame-btn { background:rgba(255, 255, 255, 1); color:#333; right:20%; width:65px; top:35%; bottom:0; cursor:pointer; border-radius:100%; }

.ds_info_free .fav-item:hover .add-cat-btn { left:20%; }

.ds_info_free .fav-item:hover .add-cat-btn:hover,

.ds_info_free .fav-item:hover .delete-box:hover .delete-btn-bg,

.ds_info_free .fav-item:hover .findsame-btn:hover,

.ds_info_free .fav-item:hover .go-shop-box:hover .go-shop-bg,

.ds_info_free .fav-item:hover .go-shop-link:hover { background-color:#f40; filter:alpha(opacity=100); opacity:1; color:#fff; }

.ds_info_free .g_price { color:#ff4400; }

.ds_info_free_img { width:250px; height:250px; }

.ds_info_free ul li h3 { font-size:14px; color:#666; margin-top:3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

./*ds_info_free ul li:hover { z-index:2; -webkit-box-shadow:0 15px 30px rgba(0, 0, 0, .1); box-shadow:0 15px 30px rgba(0, 0, 0, .1); -webkit-transform:translate3d(0, -2px, 0); transform:translate3d(0, -2px, 0) }*/

.ds_info_more {

width:1200px!important;

margin:20px auto 0;

}

.ds_info_more ul { margin:0; margin-top:20px; width: 1252px; display: inline-block; }

.ds_info_more ul li { cursor:pointer; width:250px; height:330px; float:left; margin-right:53px; border-radius:3px; box-shadow:0 1px 3px rgba(0, 0, 0, .15); /*padding:5px;*/ position:relative; margin-bottom:29px; background:#fff; text-align:center; webkit-transition: all .2s linear;

transition: all .2s linear;

}

}

.ds_info_free ul li:hover { }

.ds_info_more_img { width:250px; height:250px; }

/*.ds_info_more ul li:hover { z-index: 2; -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1); box-shadow: 0 15px 30px rgba(0, 0, 0, .1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }

*/

.ds_info_more ul li h3 { font-size:14px; color:#666; margin-top:3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.ds_info_more ul li p { text-align:center; font-size:12px; color:#999; margin-top:10px; color:#ff8533!important; }

.ds_info_more ul li p strong { font-size:16px; color:#ff8533; }

.ds_info_more .fav-item .findsame-btn,

.ds_info_more .fav-item .add-cat-btn { display:none; }

.ds_info_more .fav-item:hover .add-cat-btn,

.ds_info_more .fav-item:hover .findsame-btn { height:65px; line-height:65px; font-style:14px; position:absolute; top:0; display:block }

.ds_info_more .fav-item:hover .add-cat-bg,

.ds_info_more .fav-item:hover .delete-btn-bg,

.fav-item:hover .go-shop-bg { background-color:#000; filter:alpha(opacity=50); opacity:.5; height:25px; width:24px }

.ds_info_more .fav-item:hover .img-controller-bg { height:100%; width:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000', endColorstr='#7F000000');

background:rgba(0, 0, 0, 0.5); position:absolute; top:0; display:block }

.ds_info_more .fav-item:hover .add-cat-btn,

.ds_info_more .fav-item:hover .findsame-btn { background:rgba(255, 255, 255, 1); color:#333; right:20%; width:65px; top:35%; bottom:0; cursor:pointer; border-radius:100%; }

.ds_info_more .fav-item:hover .add-cat-btn { left:20%; }

.ds_info_more .fav-item:hover .add-cat-btn:hover,

.ds_info_more .fav-item:hover .delete-box:hover .delete-btn-bg,

.ds_info_more .fav-item:hover .findsame-btn:hover,

.ds_info_more .fav-item:hover .go-shop-box:hover .go-shop-bg,

.ds_info_more .fav-item:hover .go-shop-link:hover { background-color:#f40; filter:alpha(opacity=100); opacity:1; color:#fff; }

.ds_info_more .g_price { color:#ff4400; }

.m-page { /* left:50%;position:relative;  margin-left:-285px; */ width:930px; margin:0 auto; padding-top:20px; overflow:hidden; text-align:center; }

.m-page .items { }

.m-page .item { position:relative; margin-left:-1px; width:35px; border:solid 1px #ededed; height:35px; color:#3e3e3e; text-align:center; line-height:35px; cursor:pointer; -webkit-transition:all .1s linear;

-moz-transition:all .1s linear;

-o-transition:all .1s linear;

transition:all .1s linear

}

.m-page .item .num { position:relative; z-index:1; display:inline-block; width:100%; text-decoration:none; font-size:14px }

.m-page .item:hover { z-index:1; border-color:#f40 }

.m-page .dot { border:none; line-height:37px; width:24px; cursor:default }

.m-page .dot:hover { color:#3e3e3e }

.m-page .icon { _margin-top:12px; }

.m-page .next,

.m-page .prev { width:70px; font-weight:400 }

.m-page .prev { margin-right:6px; margin-left:6px!important; }

.m-page .next { margin-right:6px; margin-left:5px }

.m-page .dot+.next { margin-left:-1px }

.icon-btn-prev-2-disable { background:url(../img/pg.png) no-repeat; display: inline-block; background-position:-32px 0px; width: 6px; height: 9px; }

.icon-btn-next-2 { background:url(../img/pg.png) no-repeat; display: inline-block; background-position:-48px 0px; width: 6px; height: 9px; }

.m-page .next:hover.icon-btn-next-2 { background:url(../img/pg.png) no-repeat; display: inline-block; background-position:-64px 0px; width: 6px; height: 9px; }

.m-page .next-disabled,

.m-page .prev-disabled { color:#ccc }

.m-page .next-disabled:hover,

.m-page .prev-disabled:hover { border-color:#ededed }

.m-page .active,

.m-page .active:hover { position:relative; z-index:1; background:#f40; color:#fff; border-color:#f40; cursor:default; text-decoration:none }

.m-page .icon-btn-star,

.m-page .icon-btn-star-selected { display:block; margin:5px auto 0 }

.m-page .page0:hover .star-gif { display:none }

.m-page .page0 .star-gif { position:absolute; top:11px; left:10px }

.m-page .form { }

.m-page .text,

.m-page .total {

_display:inline float:left; line-height:37px }

.m-page .btn,

.m-page .input,

.m-page .text { margin-left:5px }

.m-page .total { margin-left:10px }

.m-page .input,

.m-page .text,

.m-page .total { color:#999 }

.m-page .btn,

.m-page .input { margin-top:7px; _display:inline }

.m-page .input { width:35px; border:solid 1px #ededed; height:21px; text-align:center }

.ks-ie8 .m-page .input { line-height:21px }

.m-page .btn { font-size:12px; height:28px; width:43px; -webkit-border-radius:2px; background:none!important; -moz-border-radius:2px; -moz-background-clip:padding; border-radius:2px; background-clip:padding-box; border:solid 1px #ededed; text-align:center; line-height:28px; cursor:pointer; padding:0px; }

.m-page .btn:hover { color:#f40; border-color:#f40 }

.m-feedback .tb-side { position:fixed; _position:absolute; right:3px; bottom:50px; z-index:100000 }

/*----------商家页面css开始----------*/



.mer_top { margin:20px auto; overflow:hidden; width:1200px; height:390px; }

.mer_top_list { width:213px; background:#036fd2; height:390px; }

.mer_top_list_p { position:relative; }

.mer_top_list dl { border-bottom:1px solid #0364bd; padding:20px 0 20px 50px; overflow:hidden; }

.mer_top_list dl dt { display:block; font-size:14px; color:#fff; font-weight:bold; margin-bottom:5px; }

.mer_top_list dl dd { float:left; margin-right:10px; font-size:12px; }

.mer_list_01 { background:url(../img/m1_03.png) no-repeat 15px center; }

.mer_top_list dl a { color:#fff; }

.mer_top_list dl a:hover { text-decoration:underline; }

.mer_top_list dl:hover .mer_list_box { display:block; }

.mer_list_box { position:absolute; left:214px; width:610px; height:388px; background:#fff; top:0; border:1px solid #e6e6e6; border-left:0; display:none; z-index:999; }

.mer_list_box ul { float:left; width:100px; margin-left:30px; margin-right:10px; }

.mer_list_box ul h4 { margin-top:30px; border-bottom:1px solid #e6e6e6; font-size:13px; color:#666; padding-bottom:6px; margin-bottom:6px; }

.mer_list_box ul li { line-height:30px; }

.mer_list_box ul li a { color:#333; }

.mer_list_box_adver { float:right; border-left:1px solid #e6e6e6; padding:20px; background:#f1f1f1; }

.mer_list_box_adver img { width:260px; height:348px; display:block; }

.mer_top_list dl:hover { background:#0062bd; }

.mer_top_list dl i { position: absolute; left:10px; top:26px; }

.mer_top_list dl span { position: absolute; right:10px; top:30px; }

.mer_top_list_a { line-height:62px; color:#fff; font-size:16px; text-align:center; }

.mer_top_list_a a { display:block; color:#fff; }

.mer_top_list_a a:hover { background:#ff7900; }

.focus_mer span { width:23px; height:3px; margin-right:10px; border:2px solid rgba(255, 255, 255, 0.02); background:rgba(255, 255, 255, 0.5); font-size:0 }

.focus_mer span.current { border:2px solid #fff; background:none; height:3px; }

.mer_pic { margin:0px auto; overflow:hidden; width:1200px; clear:both; }

.mer_pic_box { width:1215px; overflow:hidden; }

.mer_pic_ul { float:left; background:#fff; width:388px; height:375px; position: relative; border: 1px solid #e6e6e6; margin-right:15px; margin-bottom:20px; }

.mer_pic_ul a { display:block; }

.mer_pic_ul_img { width:390px; height:130px; display:block; position:absolute; top:-1px; left:-1px; }

.mer_pic_ul_title { display:block; font-size:21px; text-align:center; margin-top:150px }

.mer_pic_ul_ext { display:block; color:#999; text-align:center; margin-top:6px; font-size:14px }

.mer_pic_ul_desc { display:block; margin-top:14px; margin-left:auto; margin-right:auto; width:322px; height:48px; overflow:hidden; font-size:14px; color:#999 }

.mer_pic_li { position:absolute; bottom:0; left:0; width:100%; border-top:1px solid #e8e8e8 }

.mer_pic_li li { float:left; width:77px; height:77px; border-right:1px solid #e8e8e8; }

.mer_pic_li li img { width:100%; height:100%; }

.mer_pic_li li:hover img { opacity:0.85; }

.mer_pic_li_more { border: 2px solid #1578df; width: 76px; height: 74px; position: absolute; right: -1px; text-align:center; }

.mer_pic_li_more a { color:#1578df; }

.amount { display:block; font-size:30px; line-height:34px; margin-top:9px; font-weight:700 }

.con_in { margin-top:20px; color:#666; }

.con_in a { color:#666; }

.con_in a:hover { text-decoration:underline; }

.con_in span { margin:0 5px; }

.con_in img { vertical-align:-2px; margin-right:5px; }

/*----------产品内页css开始----------*/



.inbg { background:#fff; overflow:hidden; margin-top:20px; padding-top:25px; }

.lof-slidecontent { position:relative; overflow:hidden; }

.lof-slidecontent#lofslidecontent45 { width:415px; overflow:hidden; }

.lof-main-wapper { overflow:hidden; }

.lof-main-wapper li { display:none; overflow:hidden; padding:0px; margin:0px; float:left; position:relative; }

.lof-opacityli { position:absolute; top:0; left:0; float:inherit; }

.lof-main-wapper li,

ul.lof-main-wapper li img { width:420px; height:420px; padding:0px; }

.lof-navigator-wapper { width:100%; }

.lof-navigator { width:435px; margin-top:10px; }

.lof-navigator li { position:relative; cursor:hand; cursor:pointer; list-style:none; margin-right:9px; height:76px; width:76px; float:left; display:block; text-align:center; }

.lof-navigator li img { width:76px; height:76px; }

.pro_in_center { width:510px; height:507px; overflow:hidden; margin-left:25px; }

.p_pro_li { line-height:35px; color:#333; }

.p_pro_li span { color:#666; }

.p_pro_h2 { font-size:24px; color:#333; font-weight:400; }

.p_pro_con { line-height:21px; color:#666; margin-top:10px; }

.p_price {/* background:#F5F5F5;-*/ padding:10px 0; line-height:30px; margin-top:10px; margin-bottom:5px; }

.p_price span { margin-left:15px; margin-right:15px; color:#666; }

.p_price span:first-child { margin-left:0; }

.p_price span strong { font-size:19px; color:#ff4e00; margin-right:3px; }

.p_button { margin-top:30px; }

.p_button button { border:0px; border-radius:3px; font-size:16px; padding:11px 30px; margin-right:5px; color:#fff; }

.p_button button img { vertical-align:-2px; margin-right:3px; }

.p_button button.p_button_bg1 { background:#ffd9bc; border:1px solid #f0cab6; color:#d9430d; }

.p_button button.p_button_bg2 { background:#ff4400; }

.p_button button.p_button_bg3 { background:#ff7200; }

.p_icon { color:#666; margin-top:20px; }

.p_icon i { font-style:normal; font-size:12px; font-family:"宋体"; color:#ccc; margin:0 10px; }

.p_icon img { vertical-align:-2px; margin-right:5px; }

.p_icon span strong { color:#999; margin-left:6px; }

.pro_info { width:235px; border:1px solid #e6e6e6; height:504px; }

.pro_info_top { width:205px; height:290px; margin:0px auto; border-bottom:1px solid #e6e6e6; text-align:center; }

.pro_info_top_img { width:110px; height:110px; border-radius:50%; margin-top:20px; }

.pro_info_top h3 { font-weight:400; font-size:16px; margin-top:5px; margin-bottom:3px; }

.pro_info_top span { font-size:14px; color:#999; }

.pro_info_top p { margin-top:10px; }

.pro_info_top p a { border:1px solid #e6e6e6; border-radius:50px; width:180px; margin:0px auto; display:block; height:31px; line-height:31px; color:#666; }

.pro_info_top p a:hover { border:1px solid #ff7200; color:#ff7200; }

.pro_info_top p a i { width:21px; height:18px; display:inline-block; vertical-align:-3px; margin-right:3px; }

.pro_info_top p a i.ma1 { background:url(../img/ma1.png) no-repeat; }

.pro_info_top p a:hover .ma1 { background:url(../img/ma01.png) no-repeat; }

.pro_info_top p a i.ma2 { background:url(../img/ma2.png) no-repeat; }

.pro_info_top p a:hover .ma2 { background:url(../img/ma02.png) no-repeat; }

.pro_info_bot { width:205px; margin:10px auto; overflow:hidden; }

.pro_info_bot h3 { font-size:12px; font-weight:400; margin-bottom:8px; }

.pro_info_bot ul { width:207px; overflow:hidden; }

.pro_info_bot ul li { float:left; margin-right:3px; width:66px; }

.pro_info_bot ul li img { width:66px; height:66px; display:block; margin-top:3px; }

.pro_info_bot p { text-align:right; line-height:35px; font-size:12px; margin-top:3px; }

.pro_info_bot p a { color:#999; }

.pro_info_bot p a:hover { text-decoration:underline; }

.pro_info_bot p a span { color:#ff7200; padding-left:3px; }

.switchBox_in { width:947px; float:left; border:1px solid #e6e6e6; }

.switchBox_in dt { height:50px; border-bottom:1px solid #e6e6e6; }

.switchBox_in span { color:#333; cursor:pointer; float:left; font-size:14px; height:50px; line-height:50px; text-align:center; text-decoration:none; width:150px; font-style:normal; }

.switchBox_in dt .on { border-top:2px solid #016dcf; background:#fff; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; }

.switchBox_in dt ins { float:right; color:#666; text-decoration:none; margin-top:13px; margin-right:5px; }

.switchBox_in dt ins img { vertical-align:-7px; margin-right:10px; margin-left:10px; }

.switchBox_in dd { clear:both; padding:20px; }

.switchBox_in dd .in_pj img { width:100% }

.switchBox_in dd.in_ms { clear:both; padding:20px; float:none; text-align:center!important }

.in_wj { color:#666; }

.in_wj i { font-style:normal; color:#999; }

.in_table { display:table; margin-bottom:20px; width:100%; max-width:100%; border-collapse:separate; border-collapse:collapse; border-color:gray; background-color:transparent; border-spacing:2px; border-spacing:0; margin-top:10px; }

.in_table thead { display:table-header-group; border-color:inherit; vertical-align:middle; }

.in_table tr { display:table-row; border-color:inherit; vertical-align:inherit; }

.in_table>thead>tr>th { border-bottom:1px solid #E5E5E5; text-align: left; }

.in_table>tbody>tr>td,

.in_table>tbody>tr>th,

.in_table>tfoot>tr>td,

.in_table>tfoot>tr>th,

.in_table>thead>tr>td,

.in_table>thead>tr>th { padding:8px; border-top:1px solid #E5E5E5; vertical-align:middle; vertical-align:top; line-height:1.42857143; }

.in_table .glyphicon { position:relative; top:1px; display:inline-block; width:13px; height:13px; background-position:-95px -270px; }

.in_table .text-center { text-align:center; }

.in_table .pull-left { float:left!important; }

.pro-comment-user { float:left; text-align:center; padding:0 10px; width:80px; position:relative }

.pro-comment-user img { border:1px solid #e5e5e5; vertical-align:top; width:46px; height:46px }

.pro-comment-user p { display:inline-block; overflow:hidden; padding-top:4px; width:80px; text-overflow:ellipsis; white-space:nowrap; color:#999; }

.pro-user-comment-main { margin:0 25px 0 8px; border-bottom:1px solid #EEE; overflow:hidden; min-height: 70px; }

.in_b { color:#666; }

.in_c { font-size:12px; margin-top:20px; color:#999; text-align:right; }

.in_pjcon { overflow:hidden; margin-bottom:20px; }

.inbox { padding:20px 0 40px; }

.in_pro { width:237px; overflow:hidden; }

.in_pro h2 { height:20px; line-height:20px; font-size:16px; font-weight:400; color:#666; margin-top:5px; }

.in_pro h2 img { vertical-align:-4px; margin-right:4px; }

.pic li { border:1px solid #e6e6e6; overflow:hidden; margin-top:13px; }

.pic_img { width:235px; position:relative; height:235px; }

.pic_img p { background:url(../img/m21_03.png) repeat-x; position:absolute; width:100%; bottom:0; left:0; height:35px; z-index:99; }

.pic_img img { width:235px; display:block; height:235px; }

.pic_txt { padding:6px 10px; }

.pic_txt p { color:#666; height:18px; overflow:hidden; }

.pic_txt_con { font-size:12px; padding-top:10px; }

.pic_txt_con a { color:#999; }

.pic_txt_con span { float:right; font-size:16px; color:#ff4e00; }

.pic_txt_con img { width:25px; height:25px; border-radius:50%; vertical-align:middle; margin-right:8px; }

.pic_a { border-top:1px solid #e6e6e6; margin-top:5px; overflow:hidden; height:35px; text-align:center; line-height:35px; }

.pic_a a { width:50%; float:left; }

.pic_a a img { vertical-align:-3px; margin-right:5px; }

.pic_a a span { width:18px; height:17px; display:inline-block; margin-right:3px; vertical-align: -4px; }

.pic_a a span.pic_a1 { background:url(../img/buy1.png) no-repeat; }

.pic_a a:hover span.pic_a1 { background:url(../img/buy01.png) no-repeat; }

.pic_a a span.pic_a2 { background:url(../img/buy2.png) no-repeat; }

.pic_a a:hover span.pic_a2 { background:url(../img/buy02.png) no-repeat; }

.pic_a a span.pic_a3 { background:url(../img/shoucang2.png) no-repeat; }

.pic_a a:hover span.pic_a3 { background:url(../img/shoucang1.png) no-repeat; }

.pic_a a:hover { color:#ff4e00; }

/*----------创意产品页css开始----------*/



.m_pro_top { width:1200px; margin:15px auto; overflow:hidden; }

.m_pro_right { width:288px; background:#fff; overflow:hidden; }

.m_pro_right_img { background:url(../img/m2_03.png) no-repeat; width:288px; height:179px; text-align:center; color:#fff; padding-top:60px; }

.m_pro_right_img p { font-size:18px; margin-top:5px; }

.m_pro_right_img button { border:0px; background:#f57b3c; color:#fff; margin-top:35px; padding:10px 50px; font-size:18px; }

.m_pro_right_li { border-right:1px solid #e6e6e6; overflow:hidden; }

.m_pro_right_li ul { width:288px; }

.m_pro_right_li ul li { float:left; text-align:center; font-size:12px; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; width:71px; padding-bottom:5px; }

.m_pro_right_li img { display:block; margin:10px auto 5px; }

.content .search_row { padding-top:15px; padding-bottom:13px; padding-left:20px; overflow:hidden; border-bottom:1px solid #e8e8e8 }

.search_condition { color:#353535; font-size:13px; background:#fff; position:relative; border:1px solid #e8e8e8; border-bottom:none; width:1200px; margin:0 auto; }

.search_type_title { display:block; float:left; overflow:hidden; width:60px; margin-top: 1px; }

.search_text { display:block; float:left; width:1000px }

.tip { width:100px; color:#353535; display:block; float:left; margin-bottom:11px; padding:2px 0px 2px 10px; position:relative }

.tip2 { width:150px; color:#353535; display:block; float:left; margin-bottom:11px; padding:2px 0px 2px 10px; position:relative }

.tip2 span { margin-right:3px; }

.right_tools { display:block; float:right; color:#939393; margin-right:10px; padding:2px 20px 2px 10px; cursor:pointer; position:relative }

.arr-down { background:url(../img/custom4_06.gif) no-repeat center; }

.tip2.price>input { width:45px; color:#353535; border:1px solid #e8e8e8 }

.search_bar { background-color:#E9E9E9; height:47px; line-height:47px; margin:10px auto; padding-left:20px; position:relative; width:1180px }

.search_bar .tip_2 { position:relative; float:left; display:block; margin-top:12px; margin-right:30px; color:#939393; font-size:13px; line-height:24px; }

.search_bar .tip_2.active { color:#353535; }

.search_bar .tip_2.curr { color:#353535; }

.search_bar .tip_2 font { cursor:pointer; }

.search_bar .tip_2 i { float:right; display:block; background-image:url(../img/default_big_down.png); background-position:center; background-repeat:no-repeat; cursor:pointer; }

.search_bar .tip_2.active i { background-image:url(../img/active_big_down.png); }

.search_bar .tip_2.curr i { background-image:url(../img/active_big_down.png); }

.search_bar .tip_2 i.up { transform:rotate(180deg); }

.search_bar .tip_2 i.down { transform:rotate(0); }

.search_bar .tip_2 i.ASC { transform:rotate(180deg); }

.search_bar .tip_2 i.DESC { transform:rotate(0); }

.search_bar .tip_2 input { position:absolute; top:0; display:block; padding-left:5px; width:120px; height:22px; border:1px solid #e8e8e8; color:#353535; }

.search_bar .tip_2 a { position:absolute; display:block; margin-left:120px; width:50px; height:24px; background-color:#212121; color:#fff; text-align:center; text-decoration:none; margin-top: 1px; }

.search_bar ins { float:right; text-decoration:none; padding-right:10px; color:#999; }

.m_probox { width:1200px; margin:0px auto 20px; overflow:hidden; }

.m_probox_pic { width:1216px; }

.m_probox_pic li { float:left; width:286px; margin-right:16px; }

/*----------3D打印机产品ss开始----------*/



.p_pro_gd { background: url(../img/m22_03.jpg) #f1f1f1 no-repeat 30px top; overflow:hidden; height:144px; width:1090px; margin:20px auto 0; padding-left:110px; padding-top:20px; }

.p_dl { width:320px; height:125px; background:#fff; }

.p_dl dt { float:left; width:125px; height:125px; }

.p_dl dt img { width:125px; height:125px; }

.p_dl dd { padding:10px; float:left; width:170px; }

.p_dl dd p { color:#666; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-bottom:5px; padding-top:5px; }

.p_dl dd span { color:#ff4700; font-size:16px; }

.p_dl dd span i { font-style:normal; font-size:14px; }

.p_dl dd a { display:block; font-size:12px; background:#f4f4f4; border:1px solid #e6e6e6; border-radius:2px; width:70px; text-align:center; padding:3px; margin-top:6px; font-family:"宋体"; color:#666; }

.p_dl dd a:hover { color:#fff; background:#ff4700; border:1px solid #ff4700; border-radius:2px }

.scroll_horizontal { position:relative; }

.scroll_horizontal .box { overflow:hidden; position:relative; width:1020px; }

.scroll_horizontal .list { overflow:hidden; width:9999px; }

.scroll_horizontal .list li { float:left; width:350px; }

.scroll_horizontal .minus { position:absolute; top:50px; width:30px; height:60px; background:url(../img/jta.png) no-repeat center; cursor:pointer; }

.scroll_horizontal .minus { right:20px; }

.scroll_horizontal .minus:hover { opacity:0.5; }

.p_search { width:1200px; margin:10px auto; overflow:hidden; border:1px solid #e6e6e6; border-bottom:0; }

.p_search_row { position:relative; line-height:34px; border-bottom:1px solid #DDD; background:#f3f3f3 }

.p_ser_lf { float:left; width:100px; padding-left:10px; white-space:nowrap; overflow:hidden; font-weight:bold; color:#666; padding-top:5px; }

.p_ser_rg { margin-left:110px; padding-left:15px; overflow:hidden; zoom:1; background:#fff; }

.p_ser_rg_logo { padding:15px 0; overflow:hidden; }

.p_ser_rg_logo li { float:left; width:116px; height:48px; padding:0; border:1px solid #DDD; margin:-1px -1px 0 0; background:#FFF; text-align:center; overflow:hidden; line-height:48px; }

.p_ser_rg_logo li img { margin:5px 6px; vertical-align:top }

.p_ser_rg_logo li:hover img { display: none; _display: block; _margin: 0; _padding: 5px 6px }

.p_ser_rg_logo li:hover a { position: absolute; z-index: 5; display:block; box-shadow: 2px 2px 3px rgba(0, 0, 0, .12); text-align:center; color:#ff4700; border:2px solid #ff4700; height:40px; margin:-1px -1px 0 0; height:46px; width:114px }

.p_ser_rg_txt { padding:5px 0; overflow:hidden; }

.p_ser_rg_txt li { float:left; margin-right:30px; }

.p_ser_rg_txt li a { color:#666; }

.p_ser_rg_txt li a:hover { color:#ff4700; }

.p_ser_lf span { font-weight:400; }

.p_box { width:1200px; margin:10px auto; overflow:hidden; }

.p_box_lf { border:1px solid #e6e6e6; overflow:hidden; width:160px; padding:10px; }

.p_box_lf h2 { font-size:14px; color:#666; margin-bottom:10px; }

.p_box_lf ul li { margin-bottom:10px; }

.p_box_lf ul li img { width:160px; height:160px; display:block; margin-bottom:8px; }

.p_box_lf_org { color:#ff4700; }

.p_box_lf_tlt { font-size:12px; height:40px; line-height:20px; margin:5px auto 0; overflow:hidden; }

.p_box_lf_tlt a:hover { color:#333; text-decoration:underline; }

.p_box_lf_p { font-size:12px; color:#999; margin-top:5px; }

.p_box_lf_p span { color:#004FCC; }

.p_box_rg { overflow:hidden; width:1000px; }

.f-line { height: 25px; background: #F1F1F1; padding: 6px 8px; border-bottom: 1px solid #E7E3E7; }

.f-sort { float:left; margin-right:13px }

.f-sort a.curr { border-color:#ff4700; background:#ff4700; color:#FFF }

.f-sort a { float:left; padding:0 9px; height:23px; border:1px solid #CCC; line-height:23px; margin-right:-1px; background:#FFF; color:#333 }

.f-pager { float: right; }

.fp-text { line-height:23px; margin-right:10px; font-family:verdana }

.fp-prev.disabled { padding:0; background:#F1F1F1; color:#CCC; cursor:default; }

.fp-prev { margin-right:-1px }

.fp-next,

.fp-prev { width:46px; height:23px; border:1px solid #DDD; background:#FFF; line-height:23px; font-family:"\5b8b\4f53"; text-align:center; font-size:16px; color:#AAA; display: inline-block; }

.f-result-sum { float:right; height:25px; line-height:25px; margin-right:10px; color:#999 }

.fp-text b { color:#ff4700; font-weight:700 }

.fp-text em,

.fp-text i { font-weight:400; font-style:normal }

.f-sort .arrow,

.f-sort .arrow-bottom,

.f-sort .arrow-top { float:left; width:7px; overflow:hidden; background:url(../img/sprite-arrow.png) no-repeat 0 -100px }

.f-sort a.curr .fs-down .arrow { background-position:0 -120px }

.f-sort .arrow { height:11px; margin-top:6px }

.f-sort .fs-down,

.f-sort .fs-up { display:inline-block; width:7px; margin-left:5px; vertical-align:top }

.f-sort .fs-tit { display:inline-block; vertical-align:top }

.f-sort .arrow-top { height:4px; margin-top:6px; background-position:-10px -100px }

.f-sort .arrow-bottom { height:4px; margin-top:3px; background-position:-10px -110px }

.p_box_con { overflow:hidden; padding-top:12px; }

.p_box_con ul li { float:left; width:250px; overflow:hidden; height:370px; position:relative; }

.p_box_con ul li:hover .p_box_conct { border-color:#e9e9e9; -webkit-box-shadow:0 0 2px 2px #f8f8f8; -moz-box-shadow:0 0 2px 2px #f8f8f8; box-shadow:0 0 2px 2px #f8f8f8 }

.p_box_conct { width:228px; position:absolute; z-index:1; left:0; top:0; background:#fff; border:1px solid #fff; padding:12px 10px 3px; -webkit-transition:border-color .1s ease;

-moz-transition:border-color .1s ease;

transition:border-color .1s ease

}

.p_box_con_img { height:228px; padding:0; margin-bottom:7px; position:relative }

.p_box_con_pic { width:228px; height:228px; }

.zy_icon { position:absolute; top:0; right:10px; }

.p_box_conct p { font-size:12px; height:18px; overflow:hidden; }

.p_box_conct p a:hover { color:#ff4700; }

.p_box_conct h3 { color:#ff4700; margin-top:5px; font-size: 20px; font-weight:400; }

.p_box_con_price { padding-bottom:10px; overflow:hidden; margin-top:6px; }

.p_box_con_price a { border:1px solid #e6e6e6; font-family:"宋体"; color:#888; font-size:12px; float:left; width:112px; text-align:center; padding:8px 0; }

.p_box_con_price a img { vertical-align:-5px; margin-right:8px; }


.p_box_con_price a:hover { color:#ff4700; }

/*----------3D资讯页ss开始----------*/



.news_in { width:1200px; margin:10px auto; overflow:hidden; }

.news_in_lf { width:330px; overflow:hidden; }

.news_in_lf_ser { border-bottom:1px solid #e6e6e6; overflow:hidden; padding-bottom:5px; margin-top:6px; }

.ac_input { border:0px; width:305px; }

.news_in_lf_ul { border:1px solid #e6e6e6; padding:40px 35px 60px; margin-top:20px; }

.new_tltle { font-size:15px; color:#333; letter-spacing:1px; margin-bottom:20px; }

.news_in_lf_ul li { border-bottom:1px solid #e6e6e6; height:50px; line-height:50px; background:url(../img/news_07.png) no-repeat 20px center; padding-left:45px; }

.news_in_lf_ul li a:hover { text-decoration:underline; }

.news_on { color:#ff4700; }

.news_in_lf_dl { border:1px solid #e6e6e6; padding:30px 35px 0; margin-top:20px; overflow:hidden; }

.news_in_lf_dl dt { margin-top:10px; overflow:hidden; margin-bottom:20px; }
.news_dt_img { width:258px; height:140px; display:block; }

.news_in_lf_dl dt p { margin:10px 0 5px; }

.news_in_lf_dl dt a:hover p { text-decoration:underline; }

.news_in_lf_dl dt span { font-size:12px; color:#999; }

.news_in_lf_dl dt span img { vertical-align:-2px; margin-right:5px; }

.news_in_lf_dl dd { float:left; width:86px; text-align:center; }

.news_in_lf_dl dd img { width:80px; height:80px; display:block; margin-bottom:6px; }

.news_in_rg { width:812px; overflow:hidden; }

.news_in_rg ul li { overflow:hidden; padding-bottom:30px; }

.news_in_rg_img { width:812px; height:400px; overflow:hidden; }

.news_in_rg ul li img { width:100%; }

.news_in_rg dl { height:70px; margin-top:20px; }

.news_in_rg dl dt { background:#036fd2; width:70px; height:70px; float:left; margin-right:15px; text-align:center; color:#fff; }

.news_in_rg dl dt h4 { font-size:20px; padding-top:10px; }

.news_in_rg dl dd { float:left; font-size:18px; padding-top:8px;}

.news_in_rg dl dd p { margin-top:15px; font-size:12px; }

.news_in_rg dl dd p span { color:#999; margin-right:10px; }

.news_in_rg_p { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; margin-top:20px; line-height:24px; }

.news_in_rg_p a { color:#666; }

.news_in_rg dl dd a:hover { text-decoration:underline; }

/*----------3D个人中心页css开始----------*/



.user_box { width:1200px; margin:20px auto; overflow:hidden; }

.user_left { width:110px; font-size:12px; background:#fff; overflow:hidden; padding:20px 24px 10px; margin-top:10px; }

.user_left dl { float:left; margin-bottom:10px; }

.user_left dl dd { line-height:28px; font-size:12px; padding-left:24px; }

.user_left dl dd a { line-height:28px; color:#333; font-size:12px; float:left; width:100% }

.user_left dl dd a:hover { color:#f70; }

.u_on { color: #ff6700; }

.user_left dl dt a { float:left; line-height:28px; }

.user_left dl dt { font-size:14px; font-weight:bold; width:110px; line-height:28px; height:28px; }

.user_left dl dt img { vertical-align:-4px; margin-right:10px; width:14px!important; height:13px; vertical-align:middle }

.user_left dl dt { background:url(../img/arrow_d.png) no-repeat right; }

.user_left .hidden { display:none }

.user_left dl dt.icon-top { background:url(../img/arrow_t.png) no-repeat right; }

.user_right { width:1025px; overflow:hidden; margin-top:10px; }

.user_right_tp { overflow:hidden; background:#fff; }

.user_right_tp_u { border-bottom:1px solid #e6e6e6; padding:30px; overflow:hidden; }

.user_right_tp_u_lf { width:510px; padding-left:30px; }

.user_right_tp_u_lf img { width:150px; height:150px; border-radius:50%; padding:4px; border:1px solid #e6e6e6; float:left; margin-right:15px; }

.user_right_tp_u_lf h3 { font-size:21px; font-weight:400; margin-top:40px; padding-bottom:5px; }

.user_right_tp_u_lf span { color:#999; }

.user_right_tp_u_lf p { margin-top:10px; }

.user_right_tp_u_lf p a { margin-right:20px; color:#ff6700; }

.user_right_tp_u_rg { padding:35px; line-height:30px; color:#999; }

.user_right_tp_u_rg span { color:#036fd2; }

.user_right_tp_li { padding:25px 20px 25px 50px; overflow:hidden; }

.ul_fr { float:right; font-size:12px; }

.ul_fr a { color:#ff6700; }

.user_right_tp_li a:hover { text-decoration:underline; }

.ul_a { font-size:14px; }

.ul_a strong { padding-left:3px; color:#ff6700; }

.ul_line { width:1px; background:#e6e6e6; padding-left:1px; margin:0 30px; }

.user_right_con { background:#fff; margin-top:15px; overflow:hidden; padding:15px 20px; }

.user_right_con_con { overflow:hidden; }

.user_right_con_con p { text-align:center; padding:50px 20px 30px; font-size:18px; }

.user_right_con_con p img { margin-top:10px; }

.user_right_con_con p a { color:#999; }

.user_right_con_con p a:hover { color:#333; }

.user_right_con_tab th { background:#f5f5f5; font-size:12px; font-weight:100; line-height:28px; }

.user_right_con_tlt { padding-bottom:15px; }

.user_right_con_tlt a { margin-right:20px; line-height:20px; }

.user_right_con_tlt a:hover { border-bottom:2px solid #ff6700; color:#ff6700; }

.ur_on { border-bottom:2px solid #ff6700; color:#ff6700; }

.user_right_love { background:#fff; overflow:hidden; margin-top:15px; }

.user_right_love h2 { padding:20px; font-size:16px; color:#333; }

.user_right_love h2 a { float:right; font-size:12px; font-weight:400; margin-top:6px; }

.user_right_love h2 a:hover { color:#ff6700; }

.love_pic { position:relative; padding-bottom:20px; }

.love_pic .box { overflow:hidden; position:relative; width:965px; }

.love_pic .list { overflow:hidden; width:9999px; }

.love_pic .list li { float:left; width:241px; text-align:center; }

.love_pic .list li img { width:200px; height:200px; margin:0px auto; }

.love_pic .list li p { color:#ff6700; }

.love_pic .list li a { color:#666; }

.love_pic .list li a:hover { color:#333; }

.love_pic .minus { position:absolute; top:80px; width:30px; height:60px; background:url(../img/jta.png) no-repeat center; cursor:pointer; }

.love_pic .minus { right:20px; }

.love_pic .minus:hover { opacity:0.5; }

.love_pic .plus { position:absolute; top:80px; width:30px; height:60px; background:url(../img/jta2.png) no-repeat center; cursor:pointer; }

.love_pic .plus { left:20px; }

.love_pic .plus:hover { opacity:0.5; }

/*----------3D商城主页css开始----------*/



.mall_con { width:1200px; margin:15px auto; position:relative; }

.mall_con_tlt { background: rgba(0, 0, 0, 0.7); position: absolute; z-index:999; left:0; width:215px; height:451px; overflow:hidden; }

.mall_con_tlt_a { position:relative; height:41px; line-height:41px; padding-left: 30px; color:#fff; display:block; }

.mall_con_tlt a:hover.mall_con_tlt_div { display:block; }

.mall_con_tlt a:hover.mall_con_tlt_a { background:#ff6700; }

.m_3 { position:absolute; top:15px; right:20px; }

.mall_adver { width:1200px; margin:10px auto; overflow:hidden; }

.mall_adver ul { width:1208px; }

.mall_adver ul li { float:left; width:297px; height:158px; margin-right:5px; }

.mall_gd { width:1260px; margin:10px auto; overflow:hidden; }

.mall_tlt { text-align:center; padding-top:30px; padding-bottom:25px; }

.mall_tlt h3 { font-size:24px; font-weight:400; color:#333; overflow:hidden; padding-bottom:10px; }

.mall_tlt h3 i { font-size:14px; color:#999; margin:0 8px; }

.mall_tlt2 h3 { font-size:24px; font-weight:400; color:#fff; overflow:hidden; padding-bottom:10px; }

.mall_tlt2 h3 i { font-size:14px; color:#fff; margin:0 8px; }

.mall_tlt span { margin:0 5px; background:#f7f5f7; padding:3px 12px; font-size:12px; border-radius:50px; color:#999; }

.mall_tlt span a { color:#666 }

.mall_tlt span a:hover { color:#999; }

.mall_sale { position:relative; padding-bottom:20px; }

.mall_sale .box { overflow:hidden; position:relative; width:1200px; margin:0px auto; }

.mall_sale .list { overflow:hidden; width:9999px; }

.mall_sale .list li { float:left; width:240px; text-align:center; }

.mall_sale .list li:hover { background:url(../img/ml.jpg) no-repeat top; }

.mall_sale .list li img { width:200px; height:200px; margin:0px auto; }

.mall_sale .list li div { border:1px solid #e6e6e6; padding:5px 0 7px; width:228px; margin:0px auto; }

.mall_sale .list li:hover div { background:#ff7900; border:1px solid #ff7900; width:228px; margin:0px auto; }

.mall_sale .list li:hover div p { color:#fff; }

.mall_sale .list li:hover div span { color:#fff; }

.mall_sale .list li div p { height:30px; line-height:30px; overflow:hidden; color:#666; }

.mall_sale .list li div span { font-size:18px; color:#ff4200; }

.mall_sale .list li a { color:#666; }

.mall_sale .list li a:hover { color:#333; }

.mall_sale .minus { position:absolute; top:80px; width:30px; height:60px; background:url(../img/jta.png) no-repeat center; cursor:pointer; opacity:0.4; }

.mall_sale .minus { right:0px; }

.mall_sale .minus:hover { opacity:0.8; }

.mall_sale .plus { position:absolute; top:80px; width:30px; height:60px; background:url(../img/jta2.png) no-repeat center; cursor:pointer; opacity:0.4; }

.mall_sale .plus { left:0px; }

.mall_sale .plus:hover { opacity:0.8; }

.mall_adimg { width:1200px; margin:0px auto; overflow:hidden; }

.mall_hot { width:100%; background:#f5f5f5; overflow:hidden; padding-bottom:20px; }

.mall_tlt p { color:#ccc; }

.mall_tlt p ins { text-decoration:none; margin:0 5px; font-size:18px; color:#666; letter-spacing:1px; }

.mall_hot_con { width:1200px; margin:0px auto; overflow:hidden; }

.mall_hot_con dl { margin-bottom:20px; overflow:hidden; height:360px; background:#fff; -webkit-transition: all .2s linear;

 transition: all .2s linear;

}

.mall_hot_con dl:hover { -webkit-box-shadow:0 10px 15px rgba(0, 0, 0, 0.1); box-shadow:0 10px 15px rgba(0, 0, 0, 0.1); -webkit-transform:translate3d(0, -2px, 0); transform:translate3d(0, -2px, 0) }

.mall_hot_con dt { height:360px; width:600px; float:left; }

.mall_hot_con dt img { height:360px; width:600px; }

.mall_hot_con dt:hover img { opacity:0.95; }

.mall_hot_con dd { width:500px; height:300px; padding:30px 40px; float:right; }

.mall_hot_con_top { height:55px; border-bottom:1px solid #e6e6e6; line-height:45px; }

.mall_hot_con_top span { float:right; color:#666; }

.mall_hot_con_top span img { vertical-align:-2px; margin-right:4px; }

.ht_img { width:45px; height:45px; border-radius:50%; float:left; margin-right:10px; }

.mall_hot_con_top em { font-style:normal; font-size:12px; color:#999; margin-left:5px; }

.mall_hot_con_tlt { padding-top:20px; height:150px; line-height:24px; }

.mall_hot_con_tlt a { color:#666; }

.mall_hot_con_tlt a:hover { text-decoration:underline; }

.mall_hot_con_tlt h3 { margin-bottom:8px; color:#333; font-weight:400; }

.mall_hot_con_pr { height:70px; }

.mall_hot_con_pr a { float:right; background:#ff7900; border-radius:3px; padding:11px 35px; color:#fff; font-size:16px; margin-top:8px; }

.mall_hot_con_pr a:hover { background:#FF6B00; }

.hp_price { color:#ff7900; font-size:18px; }

.hp_price strong { font-size:26px; }

.hp_prigy { margin-left:10px; color:#999; text-decoration:line-through; }

.hp_pribuy { color:#333; padding-left:5px; }

.hp_pribuy i { font-style:normal; color:#999; }

.mall_pro { background:url(../img/mbg.jpg) no-repeat top center; text-align:center; padding-top:40px; }

.mall_probox dt a { color:#fff; display: inline-block; width:90px; height:25px; line-height:25px; }

.mall_probox dt a:hover { background:#fff; border-radius:50px; display:inline-block; color:#333; }

.mall_probox dt .on,

.mall_probox dt .on { background:#fff; border-radius:50px; display:inline-block; color:#333; }

.mall_probox dd { width:96%; margin:0px auto; overflow:hidden; padding-top:30px; padding-bottom:10px; }

.mp_pic { width:20%; float:left; overflow:hidden; }

.mp_pic_box { width:90%; margin:0px auto; background:#fff; overflow:hidden; }

.mp_pic_box_img { width:100%; height:100%; overflow:hidden; }

.mp_pic_box_img a { width:100%; height:100%; margin:0 auto; overflow:hidden; }


//.mp_pic_box_img2 { width:274px; height:274px; display:block; padding:5px 27px; }

.mp_pic_box_img2 { width:100%; height:274px; display:block;  }

 @media screen and (max-width:1366px) {

.mp_pic_box {

width:90%;

margin:0px auto;

background:#fff;

overflow:hidden;

}

.mp_pic_box_img {

width:100%;

height:100%;

overflow:hidden;

text-align:center;

}

.mp_pic_box_img a {

width:100%;

height:100%;

margin:0 auto;

text-align:center;

overflow:hidden;

}

.mp_pic_box_img2 {

width:216px!important;

height:216px!important;

display:block;

padding:10px;

}

}

.mp_pic h2 { height:35px; overflow:hidden; }

.mp_pic h2 a { font-size:16px; font-weight:400; color:#666; height:35px; line-height:35px; }

.mp_pic h2 a:hover { text-decoration:underline; }

.hp_price .mp_pr { font-size:18px; }

.mp_pic_a { border:1px solid #e6e6e6; border-radius:50px; height:33px; line-height:33px; width:80%; margin:5px auto 10px; display:block; color:#666; }

.mp_pic_a:hover { border:1px solid #1c8bf6; background:#1c8bf6; color:#fff; }

.dd_box { overflow:hidden; }

.more_p { padding:20px 0; }

.more_p a { border: 1px solid rgba(255, 255, 255, 0.61); width:150px; border-radius:50px; height:33px; line-height:33px; display: block; margin:0px auto; color:#fff; }

.more_p a:hover { border: 1px solid #fff; }

.d_mall { margin:20px auto 15px; width:1200px; overflow:hidden; }

.d_mall_tlt { border-bottom:2px solid #a58262; line-height:40px; }

.d_mall_tlt a { float:right; font-size:14px; }

.d_mall_tlt a img { vertical-align:-4px; margin-left:5px; }

.d_mall_tlt a:hover { color:#ff7900; }

.d_mall_tlt strong { font-size:24px; font-weight:400; color:#333; }

.d_mall_tlt span { margin-left:8px; color:#999; }

.d_mall_con { overflow:hidden; height:590px; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; margin-bottom:15px; }

.d_mall_con_lf { width:955px; height:590px; }

.d_mall_con_lf_tp { height:503px; }

.d_mall_con_lf_bt { height:87px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-top:1px solid #e6e6e6; }

.d_mall_con_lf_bt ul li { float:left; width:120px; padding-top:10px; margin-left:20px; margin-right:15px; }

.d_mall_con_lf_bt ul li img { max-width:120px; height:70px; vertical-align:middle; text-align:center; margin:0px auto; }

.d_mall_con_lf_tp_lf { width:234px; overflow:hidden }

.d_mall_con_lf_tp_lf_tp { width:234px; height:330px; position:relative; }

.d_mall_con_lf_tp_lf_tp img { width:234px; height:330px; }

.d_mall_con_lf_tp_lf_tp a { display:block; }

.d_mall_con_lf_tp_lf_tp p { position:absolute; bottom:0; width:100%; background:#000; z-index:999; background: rgba(0, 0, 0, 0.6); text-align:center; color:#fff; padding:10px 0; }

.d_mall_con_lf_tp_lf_tp p strong { font-size:18px; }

.d_mall_con_lf_tp_lf_bt { background: url(../img/mall3_1d.jpg) no-repeat center 20px #a58262; height:123px; padding:50px 20px 0; }

.d_mall_con_lf_tp_lf_bt a { display:inline-block; color:#fff; margin-right:20px; line-height:30px; }

.d_mall_con_lf_tp_lf_bt a:hover { text-decoration:underline; }

.d_mall_con_rg { width:225px; height:590px; padding-right:10px; }

.d_mall_con_rg dl dt { padding:10px; text-align:center; font-size:16px; }

.d_mall_con_rg dl dd { border-top:1px solid #e6e6e6; height:88px; padding:10px 0; position:relative; }

.d_mall_con_rg dl dd em { position:absolute; top: 12px; left: 3px; color: #fff; line-height: 35px; text-align: center; font-style:normal; font-size: 22px; background: url(../img/sprite_paihang.png) no-repeat center; background-position: -100px -100px; -moz-background-size: 218px 188px; background-size: 218px 188px; width: 30px; height: 40px; }

.d_mall_con_rg dl dd:nth-child(2) em {

background-position: -104px -40px;

}

.d_mall_con_rg dl dd:nth-child(3) em {

background-position: -50px -100px;

}

.d_mall_con_rg dl dd:nth-child(4) em {

background-position: 0 -100px;

}

.d_mall_con_rg dl dd img { height:88px; float:left; margin-right:10px; width:88px; }

.d_mall_con_rg dl dd span { color:#ff7900; }

.d_mall_con_rg dl dd p { color:#666; margin-bottom:10px; padding-top:3px; height:38px; overflow:hidden; }

.d_mall_con_lf_tp_rg { width:720px; }

.d_mall_con_lf_tp_rg dl { height:251px; overflow:hidden; }

.d_mall_con_lf_tp_rg dl dd { float:left; width:239px; height:251px; border-right:1px solid #e6e6e6; text-align:center; }

.d_mall_con_lf_tp_rg dl dd img { width:160px; height:160px; margin:20px auto 10px; -webkit-transition: -webkit-transform .5s;

-moz-transition: -moz-transform .5s;

transition: -webkit-transform .5s;

-moz-transition: transform .5s, -moz-transform .5s;

transition: transform .5s;

transition: transform .5s, -webkit-transform .5s, -moz-transform .5s;

}

.d_mall_con_lf_tp_rg dl dd:hover img { -webkit-transform: translateX(-5px); -moz-transform: translateX(-5px); -ms-transform: translateX(-5px); transform: translateX(-5px); }

.d_mall_con_lf_tp_rg dl dt { float:left; width:479px; height:251px; }

.d_mall_con_lf_tp_rg dl dt img { width:4790px; height:251px; }

.d_mall_con_lf_tp_rg dl dd p { color:#666; height:19px; overflow:hidden; }

.d_mall_con_lf_tp_rg dl dd h3 { line-height:30px; color:#ff7900; }

.d_mall_con_lf_tp_rg dl dd h3 span { font-size:12px; background:url(../img/mall3_0d7.jpg) no-repeat; color:#fff; font-weight:100; padding-top:0px; padding-bottom:5px; padding-left:3px; padding-right:15px; vertical-align: 2px; }

.toolbar-item,

.toolbar-layer { background:url(../img/toolbar.png) no-repeat; }

.toolbar { position:fixed; right:0px; bottom:50px; z-index:9999; }/*假设网页宽度为1200px，导航条在右侧悬浮*/

.toolbar-item { display:block; width:52px; height:52px; margin-top:-1px; position:relative; -moz-transition:background-position 1s; -ms-transition:background-position 1s; -o-moz-transition:background-position 1s; -webkit-moz-transition:background-position 1s; transition:background-position 1s; }

.toolbar-item2 { display:block; width:52px; height:52px; margin-top:-1px; position:relative; background:url(../img/toolbar.png) no-repeat; }

.toolbar-item:hover .toolbar-layer { opacity:1; filter:alpha(opacity=100); transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); }

.toolbar-item-qq { background-position:0 0; }

.toolbar-item-gwc { background-position:0 -57px; }

.toolbar-item-gwc:hover { background-position:0 -114px; }

.number { min-width: 12px; text-align: center; line-height: 12px; display: inline-block; position: absolute; right:-3px; top: -2px; background: red; color: #fff; border-radius: 17px; padding:4px; font-size: 16px; transform: scale(.7); font-family: Tahoma!important; }

.toolbar-item-wx { background-position:0 -171px; }

.toolbar-item-wx:hover { background-position:0 -228px; }

.toolbar-item-wx .toolbar-layer { width:172px; height:199px; background: url(../img/ewm.png) no-repeat; }

.toolbar-item-dz { background-position:0 -284px; }

.toolbar-item-dz:hover { background-position:0 -341px; }

.toolbar-item-top { background-position:0 -398px; }

.toolbar-item-top:hover { background-position:0 -455px; }

.toolbar-layer { position:absolute; right:46px; bottom:-10px; width:172px; opacity:0; filter:alpha(opacity=0); transform-origin: 95% 95%; -moz-transform-origin: 95% 95%; -ms-transform-origin: 95% 95%; -o-transform-origin: 95% 95%; -webkit-transform-origin: 95% 95%; transform:scale(0.01); -moz-transform:scale(0.01); -ms-transform:scale(0.01); -o-transform:scale(0.01); -webkit-transform:scale(0.01); transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s; }

/*导航*/



.crumbs-nav { position: relative; z-index: 2; }

.index,

.crumbs-nav,

.crumbs-arrow { float: left; line-height: 24px; }

.breadcrumb i,

.breadcrumb .index,

.crumbs-nav,

.crumbs-arrow,

.breadcrumb .last { float: left; line-height: 24px; }

/*翻页*/

.m-page .num { padding:8px; border: 1px solid #eee; color: #666; cursor: pointer; font-size: 14px; height: 35px; line-height: 35px; margin-left: -1px; position: relative; text-align: center; transition: all 0.1s linear 0s; width: 35px; }

.m-page .prev,

.m-page .next { font-size: 14px; width: 70px; }

.m-page .prev i,

.m-page .next i { display: inline-block; }

.m-page .prev .icon,

.m-page .next .icon { background: rgba(0, 0, 0, 0) url("../images/common/common-icon.png") no-repeat scroll 0 0; display: inline-block; height: 9px; width: 6px; }

.m-page .prev .icon { background-position: -26px 0; }

.m-page .next .icon { background-position: -74px 0; }

.m-page a:hover { border: 1px solid #f40; color: #f40; z-index: 1; }

.m-page .curr { background: #f40 none repeat scroll 0 0; border: 1px solid #f40; color: #fff; cursor: default; z-index: 1; }

.m-page .prev { margin-left: 5px; margin-right: 6px; }

.m-page .next { margin-left: 6px; }

.m-page .disabled { color: #ccc; }

.m-page a.prev:hover .icon { background-position: -42px 0; }

.m-page a.next:hover .icon { background-position: -90px 0; }

.m-page .prev.disabled .icon { background-position: -58px 0; }

.m-page .next.disabled .icon { background-position: -106px 0; }

i { font-style: normal; font-weight: normal; }

/********弹框提示信息********/



.pop-header .pop-close,

.pop-con .pop-icon { background:url(../images/common/common-icon.png) no-repeat; }

.pop-mask { position:fixed; width:100%; height:100%; background:#000; opacity:0.15; filter:alpha(opacity=15); left:0; top:0; z-index:999999; display:none; s

}

.pop-main { border: 4px solid rgba(0, 0, 0, .1); border: 4px solid #ccc\9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 410px; position: fixed; z-index: 1000001; display: none; overflow: hidden; left:50%; margin-left:-209px; }

.pop-header { position: relative; padding: 0 10px; height: 36px; line-height: 36px; background: #f7f7f7; font-size: 14px; color: #666; font-family: "Microsoft YaHei"; }

.pop-header .pop-close,

.pop-header .tell-me-close { display:block; width:13px; height:13px; background-position:-41px -44px; position:absolute; right:13px; top:13px; }

.pop-con { padding:10px 10px 20px; background:#fff; position:relative; min-height:80px; text-align:center; }

.pop-con .pop-icon { display:block; width:39px; height:39px; background-position:-118px -43px; position:absolute; left:20px; top:20px; }

.pop-con .pop-text { padding:10px 20px 15px 60px; font-size:14px; line-height:1.5em; text-align:left; }

.cancel-btn { display:inline-block; background:#f5f5f5; height: 28px; line-height: 28px; padding: 0 25px; border: 1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor:pointer; vertical-align:top; }

.cancel-btn:hover { color:#666; }

.sure-btn,

.pop-sure { display: inline-block; width:auto; padding:0 25px; height: 28px; line-height:28px; font-size: 14px; text-align:center; color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:1px solid #E31939; background:#E31939; cursor:pointer; margin-right:20px; }

.sure-btn:hover,

.pop-sure:hover { color:#fff; }

.spe-btn .sure-btn { margin-right:20px; }

.pop-btn { display:inline-block; margin:0 auto; padding:10px 0 15px; }

.none { display: none !important; }

.pop-success,

#tell-me-result,

.pop-compare-small { width:400px; }

.pop-success .pop-con,

.pop-compare-small .pop-con { padding:30px 90px 30px 110px; }

.pop-compare-small .pop-con .pop-icon { left:115px; top:42px; }

.pop-compare-small .pop-con .pop-text { font-size:18px; font-weight:bold; color:#FF9149; }

.pop-success .pop-con .pop-icon { display:block; width:39px; height:39px; position:absolute; left:115px; top:40px; background: url(../images/user-center.png) no-repeat -175px -150px; }

.pop-success .pop-con .pop-text { padding:10px 20px 15px 60px; text-align:left; font-size: 18px; line-height: 30px; font-weight: bold; color: #4ABD54; }

/*规格*/

#spec_guige { }

#spec_guige .p_pro_li_item { padding-left:3px; margin-right: 15px; margin-bottom:15px; margin-right: 6px; position: relative; background-color: #FFF; z-index: 1; font-size: 12px; color: #999; margin-right:7px; min-height: 24px; border: 1px solid #DDD; cursor: pointer; padding-right: 4px; display:inline-block }

#spec_guige .p_pro_li_item i { display: none; }

#spec_guige .p_pro_li_item img { max-width: 24px; max-height: 24px; line-height: 24px; margin-right: 5px; vertical-align: top; display: inline-block; padding-top:3px; }

#spec_guige .p_pro_li_item:hover,

.hoverd { color: #D93600; text-decoration: none; border: 1px solid #D93600; padding-right: 4px; }

#spec_guige a.hoverd { color: #D93600; text-decoration: none; border: 1px solid #D93600; padding-right: 4px; }

#spec_guige a.hoverd i { position: absolute; font-size: 0; line-height: 0; background:url(/themes/3dfocus/img/2014_ncs_public_img.png) no-repeat 0 0; width: 11px; height: 11px; z-index: 1; right: 0px; bottom: 0px; display:block }
#spec_guige .sure-btn{ display:block;  clear:both; margin:0 auto!important}


/*diy页面*/

/*上面数据框*/

#diy a { text-decoration: none!important; }

#diy .print-box { width: 100%; height: 516px; background: #fff; border-top: 2px solid #eaeaea; margin: 20px 0; position: relative; }

#diy .print-box-left { float: left; width: 450px; margin: 20px 54px 20px 54px; }

#diy .print-box-right { float: left; width: 580px; margin: 20px 20px 0 20px; }

#diy .btn-box-1 { width: 100%; height: 50px; margin-top: 30px; }

#diy .upload-btn-1 { display: inline-block; width: 194px; height: 48px; line-height: 48px; border-radius: 2px; background: #fe5e3e; font-size: 16px; text-align: center; color: #fff; overflow: hidden; position: relative; border: 0; padding: 0; transition: all 0.5s; cursor: pointer; }

#diy .upload-btn-1:hover { background: #ff4d29; color: #fff; }

#diy .upload-btn-1 .file { position: absolute; right: 0; top: 0; width: 194px; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }

#diy .print-box .print-box-left select { min-width: 100px; height: 34px; padding-left: 10px; }

#diy .print-box .print-box-left table { width: 100%; }

#diy .print-box .print-box-left tr { }

#diy .print-box .print-box-left th { text-align: right; font-size: 14px; width: 74px; height: 65px; font-weight: 400; background: url(/themes/3dfocus/images/diy/i-3.jpg) left no-repeat; border-bottom: 1px dashed #ccc; }

#diy .print-box .print-box-left td { color: #999; padding-left: 15px; border-bottom: 1px dashed #ccc; }

#diy .print-box .print-box-left .mod-size input { width: 70px; margin-right: 5px; margin-left: 5px; }

#diy .print-box .print-box-left a.tc { display: inline-block; width: 98px; height: 116px; }

#diy .kx { background:url(/themes/3dfocus/images/diy/kongxin.png); }

#diy .sx { background: url(/themes/3dfocus/images/diy/shixin.png); }

#diy .sx.active { background: url(/themes/3dfocus/images/diy/shixin-x.png); }

#diy .kx.active { background: url(/themes/3dfocus/images/diy/kongxin-x.png); }

#diy .print-box-left input[type="radio"] { margin: 3px 3px 0px 5px; display: none; }

#diy .tianchong-label-shixin { padding-left: 100px; padding-bottom:120px; cursor: pointer; background: url(/themes/3dfocus/images/diy/shixin.png) no-repeat left top; }

#diy .tianchong-label-kongxin { padding-left: 100px; padding-bottom:120px; cursor: pointer; background: url(/themes/3dfocus/images/diy/kongxin.png) no-repeat left top; }

#diy .tianchong-label-shixin.checked { background: url(/themes/3dfocus/images/diy/shixin-x.png) no-repeat left top; }

#diy .tianchong-label-kongxin.checked { background: url(/themes/3dfocus/images/diy/kongxin-x.png) no-repeat left top; }

/*3D模型显示框*/

#diy .print_img { border: 1px solid #e6e6e6; height: 460px; width: 590px; background: #f5f5f5; }

#diy .print_img_a { font-size: 18px; text-align: center; height: 36px; line-height: 36px; margin-top: 180px; }

#diy .print_img_a img { vertical-align: -9px; margin-right: 10px; }

#diy .print_img_a a { color: #999; }

#diy .print_img_a a span { color: #036fd2; margin-left: 3px; }

#diy .print_img_kf { position: absolute; bottom: 6px; right: 10px; line-height: 30px; }

#diy .print_img_kf img { vertical-align: -5px; margin-right: 5px; }

#diy .print_img_kf a { color: #666; }

#diy .print_img_kf a:hover { color: #52ADFF; text-decoration: underline; }

#diy .clearfix { clear: both; }

/*材料分类框*/

#diy .material-style { width: 880px; float: left; position: relative; z-index: 100; }

#diy .material-style dl { float: left; width: 100%; margin-bottom: 14px; position: relative; background: #e4e6ea; }

#diy .material-style dl:hover { box-shadow: 1px 1px 10px 1px #ccc; background: #d0d3d9; }

#diy .material-style dl:hover dt { color: #333; }

#diy .material-style dt { top: 45%; width: 20px; text-align: center; position: absolute; color: #666; font-weight: normal; }

#diy .material-style dd { width: 860px; float: right!important; background: #fff; padding: 40px 40px 40px 15px; -webkit-margin-start: 0px; }

#diy .material-style .left-span { float: left; width: 70px; text-align: right; position: relative; line-height: 75px; }

#diy .material-style .left-span:hover .box-22 { display: block; }

#diy .material-style .select-cailiao { overflow: hidden; border: 1px solid #ccc; display: inline-block; height: 70px; color: #494646; width: 290px; border-radius: 4px; }
#diy .lt-img { width: 120px; height: 68px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; float: left; }

#diy .select-box-con { height: 69px; text-align: center; border-left: 1px solid #cecece; float: left; }

#diy .cl-name { display: block; margin-top: 15px; }

/*选择材料*/

#diy .select-cailiao .r-select { border-left: 1px solid #cecece; width: 28px; height: 68px; cursor: pointer; float: left; }

#diy .select-cailiao .icon-bottom { display: inline-block; width: 12px; height: 7px; background: url(/themes/3dfocus/images/diy/botton-gou.png) no-repeat; margin-left: 8px; margin-top: 32px; float: left; }

#diy .select-cailiao .left { float: left; }

#diy .mn-select { position: absolute; top: 110px; left:125px; background: #fff; z-index: 2; height: 298px; overflow: scroll; width: 290px; }

#diy .mn-select li { height: 70px; border: 1px solid #cecece; cursor: pointer; border-radius: 4px; }

#diy .mn-select li.select { border-color: #37a8ff; }

#diy .select-box-con .cl-jiage { color:#ff6e03!important; }

#diy .lt-img { width: 120px; height: 68px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

#diy .material-style .opts { width: 200px; float: right; padding-top: 18px; }

#diy .material-style .selection { float: left; background: #ededed; text-align: center; height: 35px; line-height: 35px; color: #666; font-size: 13px; display: block; margin-right: 1px; margin-top: 3px; cursor: pointer; transition: all 0.5s; width: 90px; border:none; background:none; }

#diy .material-style .opts input[type="radio"] { margin: 3px 3px 0px 5px; display: none; }

#diy .material-style .checked { float: left; text-align: center; height: 35px; line-height: 35px; font-size: 13px; display: block; margin-right: 1px; margin-top: 3px; cursor: pointer; transition: all 0.5s; width: 90px; border:none; background:none; background: #4173da; color: #fff; }

#diy .material-style .up-fjyq { position: relative; width: 180px; height: 30px; line-height: 28px; border: 1px solid #ccc; text-align: center; border-radius: 5px; color: #51b2fc; cursor: pointer; font: inherit; line-height: 1em; }

#diy .material-style .pt_btn { display: inline-block; width: 110px; height: 28px; line-height: 28px; color: #fff !important; background-color: #51b1fb; margin-right: 9px; text-align: center; border-radius: 4px; }

#diy input.pt_color { width: 138px; height: 25px; margin-left: 12px; margin-top: 6px; }

#diy .form-control { font-size: 12px; }

#diy .material-style input { vertical-align: middle!important; }

#diy .rel { position: relative; }

/*订单确认*/

#diy .order-configure { position: absolute; right: 0; width: 304px; background: #fff; padding: 0px 22px 36px; height:auto; border-top: 2px solid #e6e6e6; }

#diy .order-configure .cost strong { font-size: 32px; color: #ff0000; font-family: arial; }

#diy .order-configure p { float: left; width: 100%; margin: 6px 0; }

#diy .order-configure span { float: left; max-width: 150px; }

#diy .order-configure h2 { border-bottom: 1px solid #eaeaea; font-size: 16px; color: #333; font-weight: normal; padding-bottom: 12px; }

#diy .order-configure .amount { display: block; width: 76px; overflow: hidden; margin: 0 auto; border: 1px solid #e5e5e5; background: #f0f0f0; }

#diy .amount a { font-size:12px; color: #666666; cursor: pointer; display: block; float: left; height: 13px; line-height: 1em; margin-top: 3px; text-align: center; vertical-align: top; width: 13px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;/*IE10*/ -khtml-user-select: none; user-select: none; }

#diy .amount .amount-input { font-size:12px; border: 0; color: #4f4f4f; display: block; float: left; height: 20px; line-height: 20px; margin: 0 5px; text-align: center; width: 34px; }

#diy .btncart { background-color: #ffe4d0; color: #ff4d29; cursor: pointer; border: 1px solid #ecc3ad!important; width: 40%; height: 38px; margin: 10px 0; line-height: 26px; font-size: 14px; }

#diy .confirm-btn { width: 40%; height: 38px; background: #fe5e3e; color: #fff; border-color: #fe5e3e; transition: all 0.5s; outline: none; }

/* 已下架商品 */



.item-invalid { background: #f0f0f0!important; border-bottom: 1px solid #e7e7e7; z-index:9999; }

.item-invalid td { background: #f0f0f0!important; color: #ccc!important; }

.item-invalid .price { color: #ccc!important; }

.item-invalid .item-label { background: #dadada; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; color: #5f5f5f; text-align: center; width: 50px; height: 20px; line-height: 20px; display: inline-block; }

.item-invalid .cart_jmprice { color:#ccc; }

.item-invalid a { color:#ccc; }

.item-invalid a:hover { color:#ccc; }

.item-invalid .jmminu,

.item-invalid .jmadd { display:none }

.item-invalid .jm_cartnum input { background:none; color:#ccc; border:none; cursor:default; }

.item-invalid .td-inner { cursor:pointer; }

.item-invalid .label-invalid { background: #dadada; color: #5f5f5f; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; text-align: center; width: 33px; height: 17px; line-height: 16px; display: inline-block; }

.item-invalid .label-invalid-del { color:#666666; }

.item-invalid .label-invalid-del:hover { color: #E31939; text-decoration: none; }

.topbg { font-size:14px; }

 #divTop ::-webkit-input-placeholder { /* WebKit browsers */

 color: #999;

}

 #divTop :-moz-placeholder { /* Mozilla Firefox 4 to 18 */

 color: #999;

}

 #divTop ::-moz-placeholder { /* Mozilla Firefox 19+ */

 color: #999;

}

 #divTop :-ms-input-placeholder { /* Internet Explorer 10+ */

 color: #999;

}

/*NEW HEADER*/



.top_c a { font-size:14px; color:#999; text-decoration:none; cursor:pointer; margin-top:0; line-height:40px; height:40px; width:auto; padding-left:5px; padding-right:5px; margin-left:0 }

.top_c a:hover { background:#f5f5f5!important; color:#999!important }

 #divTop input[placeholder], [placeholder], *[placeholder] {

 color:#999!important;

}

#divTop { height: 28px; line-height:28px; margin:6px 0 0; border: 1px solid #E6E6E6; overflow: visible; background: none; text-indent:10px; }

#new-search { background:none; font-size:14px; line-height:28px; height:28px; color:#999!important; padding:0; }

#but-search { height:100%; background:none; color:#999; font-size:12px; }

#but-search:hover { color:#ff7900 }

.icon-car-count { min-width: 12px; text-align: center; line-height: 12px; display: inline-block; position: absolute; left: 12px; top: 2px; background: red; color: #fff; border-radius: 17px; padding: 4px; font-size: 16px; transform: scale(.7); font-family: Tahoma!important; }

.icon-gouwuche { font-size:16px!important; margin-right:5px; }

.icon-xiala { vertical-align:middle; padding-top:5px; }

.loginmenu_pop { display: none; overflow: hidden; float:right; line-height:30px; position: absolute; top: 40px; z-index: 99; height: auto; background: #f5f5f5; }

.loginmenu_item { display: block; height: 30px!important; line-height: 30px!important; width:86px!important; }

.loginmenu_item a { line-height:24px; height:24px; }

.loginmenu_pop_wrap a { padding-left:11px; padding-right:0; }

.loginmenu_pop_wrap:hover a { background:#f5f5f5; }

.loginmenu_pop_wrap a:hover { color:#999!important }

.loginmenu_itemfirst:hover { text-decoration:none!important; }

.loginmenu_item:hover { background: #f1f1f1!important; text-decoration:underline!important }

.topbg_line:hover { color:#999!important; background:#fff!important; }