/*created by Helen*/
*{ padding:0; margin:0;}
body {font-family: Arial, tahoma, arial, simsun;border:none; font-size:12px;color:#000;max-width:1920px; margin:0 auto;}
input,select,button,textarea{border:none; outline:none;}
table,tr,td,th{margin:0; padding:0; }
table {border-collapse:collapse;border-spacing:0;}
ol,li{ list-style-type:none;}
img{ border:0; max-width:100%;}
a{text-decoration: none; color:#000;outline:none;}
a:hover{ color:#c8000f}
i,em{ font-style:normal}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0; line-height:0;}
.clearfix{display:inline-table;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
.left{float:left}
.right{float:right}
.bold{font-weight:bold}
h1,h2,h3,h4,h5{ font-weight:normal}
.c3{color:#333}
.c6{color:#666}
.c9{color:#999}
.red,.err{color:#c8000f}
.redb{background:#c8000f}
.blackb{ background:#000}
.container{ width:1000px; padding:0 10px; margin:0 auto}
.pc_hide{ display:none}
.f10{font-size:10px}
.f12{font-size:12px;}
.f18{font-size:18px;}
.f22{ font-size:22px;}
.f24{font-size:24px;}
.ml5{margin-left:5px;}
.f30{ font-size:30px;}
.cmask_bg{ width:100%; height:100%; background:url(../../../../Images/home/djoptical/en-us/cont_bg.png) repeat; position:fixed; left:0; top:0}
.window{ width:530px; height:280px; background:#fff; position:absolute; top:50%; left:50%; margin-left:-265px; margin-top:-140px;}
.inner_window{ height:140px; text-align:left; padding-left:70px; padding-right:70px; padding-top:100px;}
.inner_window img{ float:left; margin-right:30px;}
.close_btn{ background:url(../../../../Images/home/djoptical/en-us/close.png) no-repeat; width:22px; height:22px; position:absolute; right:10px; top:10px;}


.h_top{ width:100%; background:#000; min-height:30px;line-height:30px;}
.h_top .search{ width:187px; height:24px; line-height:24px; float:right; margin-top:3px;margin-right:20px;}
.h_top .search .search_txt{ width:133px; background:url(../../../../Images/home/djoptical/en-us/search.png) no-repeat; height:24px; padding:0 5px; float:left; color:#fff ; padding-left:10px;}
.h_top .search .search_btn{ width:34px; background:url(../../../../Images/home/djoptical/en-us/search.png) no-repeat right center; height:24px; text-indent:-9999px; float:left; cursor:pointer; }
.h_top  .lang{ float:right; background:url(../../../../Images/home/djoptical/en-us/lang.png) no-repeat right center; color:#fff; padding-right:10px;}


.navbar{ width:100%; background:#fff; max-height:100px; overflow:hidden }
.navbar-header{ float:left;}
.logo{ margin:22px 0; display:block}

.navbar-collapse{ width:auto}
.navbar-nav{ float:right}
.navbar-nav li{ float:left}
.nav li a {  display: block;padding: 60px 0 30px;  position: relative; font-size:14px; width:100px; text-align:center}
.nav  li.active a{ background:#c8000f; color:#fff;}
.navbar-nav  li  a {  line-height: 20px;}


/*banner*/
.banner{max-width:1920px; width:100%; overflow:hidden;position:relative;}
.banner .num{ position:absolute; width:100%; height:30px; bottom:10%; left:0; text-align:center;}
.banner .num a { border:2px solid #fff; border-radius:50%; width:6px; height:6px; display:inline-block; margin:0 2px; }
.banner .num a.on{ background:#f8000f; }
.banner li{float:left;}
.banner li img{ display:block}
.banner ul{ width9999999px;}

.i_main{ width:100%; background:#fff; }
.im_container{ position:relative; z-index:11; height:260px;}
.inner_container{ position:absolute; top:-40px; background:#fff;box-shadow:5px 5px 10px rgba(0,0,0,.18)}
.i_main .i_box1{ width:272px; border-top:6px solid #c8000f; float:left}
.i_main .i_box1 .inner_box{ border-right:1px solid #ddd;padding:25px 30px 30px;}
.i_pro_box{ width:192px;overflow:hidden; position:relative; height:140px;}
.i_pro_box  li{float:left;}
.i_pro_box ul{ width:9999999px;}
.i_pro_box .prev,.i_pro_box .next{background:url(../../../../Images/home/djoptical/en-us/i_pro_arrow.png) no-repeat; width:26px; height:26px;transition:all ease 0.3s; display:block; position:absolute; top:50%; margin-top:-13px; }
.i_pro_box .prev{ background-position:left  center; left:0;}
.i_pro_box .prev:hover{  background-position:-31px  center; }
.i_pro_box .next{background-position:-79px  center; right:0}
.i_pro_box .next:hover{background-position:right center;}
.i_main .product_box{ float:right; width:728px;}
.i_main .i_box2{ width:252px; border-top:6px solid #333333;float:left}
.i_main .i_box2 .inner_box{padding:25px 30px 30px;}
.i_main .i_box2 img{ width:192px; height:140px;}
.i_main .i_box3{ width:476px; border-top:6px solid #333333;float:right;height:140px;_width:400px;}
.i_main .i_box3 img{height:140px;}
.i_box3 .inner_box{ padding:74px 26px 30px 0;_padding-right:20px;_padding-top:66px}
.i_online_message{ position:absolute; right:10px; top:-64px;}
.i_online_message .a_message{ width:164px; height:30px; line-height:30px; display:block; background: url(../../../../Images/home/djoptical/en-us/a_message.png) no-repeat 150px center  #c8000f; padding-left:20px; color:#fff; font-size:14px;}
.i_online_message .a_message:hover{ color:#fff;}
.im_container h1{ font-size:16px; height:30px; line-height:30px; margin:10px 0}
.i_news{ overflow:hidden; border-bottom:1px dotted #000; padding-bottom:10px; margin-bottom:10px;}
.i_news_time{ color:#fff; float:left; margin-right:10px;}
.i_news_time span{ width:40px; display:inline-block; text-align:center }
.i_news_time .redb{ height:20px}
.i_news_time .blackb{ height:26px; font-size:19px; }
.i_news_words h4{ margin-bottom:5px;}
.i_news_list ul li{ line-height:23px;}
.i_news_list ul li a{ padding-left:10px; background:url(../../../../Images/home/djoptical/en-us/i_news_list.png) no-repeat  left 5px;}
.i_news_list ul li a:hover{ background-position:left -19px}



.footer{ width:100%; background:#222; padding:20px 0 ; color:#666666; overflow:hidden}
.footer .footer_menu{ width:40%; float:left}
.footer ul li{ float:left; margin-right:5px;}
.footer  a{ color:#666666;}
.footer  .copy_right { text-align:right;width:60%; float:right; text-transform:uppercase;}
.footer  .copy_right .asupport{ background:url(../../../../Images/home/djoptical/en-us/kgu.png) no-repeat right center; padding-right:65px; margin-left:10px;}
.m_footer{ display:none}

.side_float{ position:fixed; bottom:10px; right:10px; z-index:111;_position:absolute;}
.side_float a{ width:44px; height:44px; display:block;}
.side_float .back_top{ background:url(../../../../Images/home/djoptical/en-us/floatwind.png) no-repeat left top; margin-bottom:1px;}
.side_float .kefu{ background:url(../../../../Images/home/djoptical/en-us/floatwind.png) no-repeat left -45px;margin-bottom:1px;}
.side_float .kefu:hover{background:url(../../../../Images/home/djoptical/en-us/floatwind_a.png) no-repeat left -45px;}
.side_float .qrcode{ background:url(../../../../Images/home/djoptical/en-us/floatwind.png) no-repeat left bottom; position:relative}
.side_float .qrcode:hover{background:url(../../../../Images/home/djoptical/en-us/floatwind_a.png)  no-repeat left bottom;}
.side_float .qrcode:hover span{ display:block}
.side_float .qrcode span{ position:absolute; right:44px; top:-141px; width:185px; height:185px; display:block; display:none}

/*企业简介*/
.p_banner{ width:100%; height:150px; position:relative; overflow:hidden}
.p_banner .p_banner_img{ width:1920px; margin-left:-460px;}
.p_main_1{ width:100%}
.p_main_1 .p_main_menu{ width:100%; background:#fff; border-bottom:1px solid #eaeaea; padding:20px 0 0; margin-bottom:2px; overflow:hidden; }
.p_main_menu .tit_name{ font-size:20px; border-bottom:5px solid #c8000f; padding-bottom:20px; line-height:20px; display:inline-block}
.p_main_menu  .p_menu_ul{ float:right;text-align:right;}
.p_main_menu  .p_menu_ul li{ float:left; margin-left:40px; font-size:14px; line-height:20px;}
.p_main_menu  .p_menu_ul  .now{ border-bottom:3px solid #0b0b0b; padding-bottom:23px;}

.p_main_cont_1{ width:100%; background:url(../../../../Images/home/djoptical/en-us/p_main_bg.jpg) repeat;}
.public{ padding:40px 0;font-size:14px;color:#333;}
.com_cont p{  padding:8px 0;  line-height:23px;}
.public a{ color:#333}
.public a.c9{ color:#999}
.cul_libox ul li{ overflow:hidden}
.cul_time{ background:}
/*企业文化*/
.p_main_culture{ background:#f0f0f0; overflow:hidden}
.p_main_culture li{ margin-bottom:30px;}
.cul_time{ background:url(../../../../Images/home/djoptical/en-us/cul_time_bg.jpg) no-repeat center bottom #333; height:190px; width:60px; text-align:center; color:#fff; float:left;} 
.cul_time .cul_day{ width:60px; height:60px; display:inline-block; font-size:40px; background:#888;}
.cul_time .cul_month{ height:22px;width:60px; display:inline-block; line-height:22px;}
.cul_info{  width:938px; float:left; border:1px solid #c5c5c5; border-left:none;}
.cul_info .cul_img{ float:left; margin-right:16px; width:200px;}
.cul_infobox{overflow:hidden; padding:19px 0 19px 16px;_height:150px;}
.p_main_culture p{ font-size:14px;}
.cul_info h2{ font-size:16px; margin-bottom:5px; height:18px; line-height:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

/*页码*/
.page_num{ height:40px; text-align:center;margin:10px auto; width:100%;}
.page_num a,.page_num span{ padding:8px 14px; border:1px solid #c5c5c5; margin:0; font-size:15px; color:#aaa;  display:inline-block; margin-right:10px;}
.page_num .now{ color:#c8000f;}
.page_num .prev{ padding:8px 20px;}
.page_num .next{padding:8px 20px;}
.page_num a:hover{ background:#c8000f; color:#fff;}

/*资质荣誉*/
.honor  ul{ overflow:hidden}
.honor ul li{ float:left; width:25%; text-align:center; margin-bottom:20px; _width:250px; _overflow:hidden}
.honor ul li img{ width:235px;}
.honor ul li .img_box{ max-height:287px; margin-bottom:10px;}
.more_data{ height:50px; line-height:50px; width:100%; display:block; color:#666; font-size:16px; text-align:center; background:#ccc; margin-top:10px;}
.honor p{ height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/*工程案例*/
.case ul{ margin:0 -10px;}
.case ul li{ width:25%; max-width:230px; padding:12px; float:left;_width:230px; _padding-left:10px; _padding-right:10px;}
.case ul li .case_box{ padding:10px; text-align:center; background:#fff;}
.case ul li .case_box p{ height:34px; line-height:17px; overflow:hidden;}
.case_box .case_img{ max-height:170px; overflow:hidden; margin-bottom:10px;}
.case_box .case_img img{ display:block;}
.case ul li:hover .case_box{ background:#d90014;}
.case ul li:hover .case_box a{ color:#fff}
.back_list{color:#666; font-size:14px; width:120px; height:40px; line-height:40px; display:block; float:right; border:1px solid #666; text-align:center; margin-top:-8px;_margin-top:0;}
/*案例详情*/
.detail_comm h1{ font-size:22px; text-align:center; line-height:30px; margin-bottom:10px; color:#333}
.public .public_time{ text-align:center; color:#888; border-bottom:1px solid #ddd; padding-bottom:10px;}
.public .public_time a{ color:#888}
.public .public_time span{ margin-right:50px;}
.detail .bds_more { float:none; background:url(../../../../Images/home/djoptical/en-us/share.png) right center no-repeat; padding-right:20px;  }

.detail_cont{ padding:20px 0}
.detail_cont p{ line-height:23px; padding:8px 0}
.recommend  h3{ background:#ddd;}
.recommend h2 span{ font-size:20px;}
.recommend h2{ background:#ddd; height:50px; line-height:50px; padding:0 16px; margin-top:50px; }
.recommend h2 a{ color:#999; font-size:14px;}
.recommend .recom_box{ padding:40px 50px; background:#f0f0f0; } 
.recom_box ul{ overflow:hidden}
.recom_box ul li{ width:25%; max-width:200px; float:left; padding:0 12px; margin-bottom:10px;_padding:0 10px; _width:200px;}
.recom_box ul li:hover .rec_box{ border-color:#c8000f}
.recom_box ul li .rec_box{ border:1px solid #dddddd; text-align:center;}
.recom_box ul li .rec_box img{ display:block}
.rec_box{ margin-bottom:10px;}
.recom_box p{ text-align:center; padding:0; height:23px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.recom_box a.c6{ color:#666}
.detail_tip{ border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:50px 0 0; padding:50px 0}
.detail_tip ul li{ width:50%; float:left; text-align:center}
.detail_tip { overflow:hidden}
.detail_tip  span{ font-size:16px}
.detail_tip  .prev{ background:url(../../../../Images/home/djoptical/en-us/detail_prev.png) no-repeat left top;  padding:5px 0  5px 30px;  transition:all ease 0.3s }
/*.detail_tip  .next{ background:url(../../../../Images/home/djoptical/en-us/detail_next.png) no-repeat left top;  padding:2px 0  2px 30px;transition:all ease 0.3s }*/
.detail_tip .next { background:url(../../../../Images/home/djoptical/en-us/detail_next.png) no-repeat  right top;  padding:5px 0  5px 30px;
  transition: all 0.3s ease 0s;}
.detail_tip li:hover .prev{ background-position:left bottom}
.detail_tip li:hover .next{ background-position:right bottom}
.detail_tip li:hover a,.detail_tip li:hover span{ color:#c8000f}
/*新闻列表-展会新闻*/
.p_main_news{ background:#eee;}
.news_list ul{ margin:0 -10px;}
.news_list ul li{ width:33.33%; max-width:320px; padding:12px 10px; float:left;  _width:300px; _overflow:hidden}
.news_list ul li .news_box{ padding:20px 20px; text-align:center; background:#fff;_width:280px;_padding:10px}
.news_box .case_img{ max-height:148px; overflow:hidden; margin-bottom:10px;_width:280px;}
.news_list ul li .news_box img{ _width:280px; _height:148px; margin:0 auto;width: 280px;
    height: 150px;}
.news_box h3,.news_box p{ text-align:left}
.news_box h3{ height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;_width:280px; }
.news_box .p_news_detail{ text-align:center; border-top:1px solid #ddd; margin-top:10px; padding-top:10px;}
.news_desc{ height:52px; overflow:hidden; line-height:26px;}
.load{ text-align:center; margin-top:30px;}
.load .load_data{ background:#c8000f; color:#fff; width:240px; height:60px; font-size:16px; text-align:center; line-height:60px; display:inline-block}
/*新闻媒体*/
.news_media{ margin-bottom:40px; margin-top:10px;}
.media_l{ width:50%; float:left; max-width:475px;_width:475px;_overflow:hidden}
.media_r{ width:50%;max-width:475px; float:right;}
.media_l .img_box{ max-height:250px; overflow:hidden; margin-bottom:10px;}
.media_l h3{ font-size:16px; height:30px; overflow:hidden; line-height:30px; text-overflow:ellipsis; white-space:nowrap}
.media_l p{ height:42px; line-height:21px; overflow:hidden}
.mediali_box img{ float:left;  margin-right:30px; margin-left:5px;}
.mediali_box h1{ font-size:16px; height:30px; line-height:30px; }
.mediali_box h1 a{ width:40%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block}
.mediali_box  p{ font-size:12px; line-height:21px; height:42px; overflow:hidden;}
.mediali_box .time{ float:right; color:#999; font-size:12px;}
.media_r li{ overflow:hidden; padding:10px 0; margin-bottom:20px; }
.media_r li:hover{ background:#c8000f; border-left:6px solid #000}
.media_r li:hover h1 a{ color:#fff;}
.media_r li:hover p a,.media_r li:hover  .time{ color:#ef8089;}
.recruit .bg_title{ background:#333333; color:#fff; font-size:16px; height:80px; line-height:80px;}
.recruit dl{ overflow:hidden}
.recruit  dd{ width:20%; float:left; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.rec_title,.rec_detail{ margin-bottom:1px;}
.rec_title dd{ height:50px; line-height:50px; background:#fff;}
.rec_title a{ width:108px; height:34px; line-height:34px; display:inline-block; text-align:center; background:#818181;color:#fff;_margin-top:10px;}
.rec_title a.shink{  background:#d70c18}
.rec_detail{ line-height:30px; padding:20px 0 20px 60px; background:#f2f2f2; color:#666; display:none}
/*联系我们*/
.p_main_contact{ background:url(../../../../Images/home/djoptical/en-us/contact_bg.jpg)  no-repeat center top;}
.mess_contact{ overflow:hidden}
.map_box{ padding:10px; background:#fff; margin:20px 0 60px;}
.message_box{ width:66%; float:left;}
.contact_info{ width:33%; float:right}
.contact_info h3{ font-size:16px; font-weight:bold; color:#333; margin-bottom:10px;}
.contact_info p{ color:#666; line-height:30px}
.message_box input{ width:278px; padding:0 10px; height:48px; line-height:48px; border:1px solid #ccc; background:#fff; margin-right:20px; margin-bottom:20px; }
.message_box textarea{ width:602px; padding:10px; border:1px solid #ccc; height:118px; margin-bottom:20px; font-size:14px; color:#888}
.message_box .sub_btn,.message_box .sub_reset{ width:80px; height:38px; line-height:38px; text-align:center; border:none; cursor:pointer; color:#FFFFFF;}
.message_box .sub_btn{ background:#c8000f}
.message_box .sub_reset{ background:#000}
.btn_group{ width:100%;}
.message_box textarea {  width: 601px;}
.map_box { margin-bottom:20px; margin-top:0}
/*产品服务*/
.products{ overflow:hidden}
.products .npro_l{ float:left; width:25%;background:#fff}
.npro_l .npro_recommend{ padding:30px; height:190px;}
.npro_recommend .npro_name{ display:inline-block; font-size:30px; color:#111; margin-top:10px;}
.npro_recommend  .newpro_arr{ margin-top:10px;}
.npro_l .little_ban{ position:relative;height:250px; width:250px;}
.npro_l .little_ban img{ max-height:250px; display:block;_width:250px; _height:83px}
.little_ban .ad_name{ position:absolute; height:37px; width:100%; text-align:center; line-height:37px; background:url(../../../../Images/home/djoptical/en-us/recom_bg.png) repeat; bottom:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; z-index:2}
.little_ban .next{background:url(../../../../Images/home/djoptical/en-us/rec_icon.png) no-repeat;width:40px; height:40px; position:absolute; right:0; top:100px;}
.little_ban .next:hover{background:url(../../../../Images/home/djoptical/en-us/rec_icon.png) no-repeat left bottom;transition:all ease 0.3s }
.little_ban .prev{background:url(../../../../Images/home/djoptical/en-us/rec_icon.png) no-repeat right top;width:40px; height:40px; left:0; position:absolute;top:100px;}
.little_ban .prev:hover{background:url(../../../../Images/home/djoptical/en-us/rec_icon.png) no-repeat right bottom;transition:all ease 0.3s }
.npro_l  .hot_words{ padding:20px 30px 30px; height:100px; overflow:hidden;}
.hot_words .key_name{ height:30px; line-height:30px; margin-bottom:10px;}
.hot_words a{ background:#dddddd;  font-size:14px; padding:5px; white-space:nowrap; display:inline-block; margin-bottom:5px;}


.products .npro_r{ float:right; width:75%;height:700px;}
.npror_t ul li{ width:33.333%; float:left; position:relative; height:500px; }
.npro_r img{ position:absolute; left:0; top:0; z-index:1; display:block}
.npro_r a{ color:#fff;}
.npro_r .npro_words{ text-align:center; position:absolute; z-index:2; color:#fff;top:20%; width:100%;}
.npro_r .npro_more{ background:url(../../../../Images/home/djoptical/en-us/pro_more.png) no-repeat; width:35px; height:35px; display:inline-block; margin-top:10px;}
.npror_b{ height:150px;}
.npror_b .fibre{ width:33.3333333%; height:150px;  float:left; position:relative}
.npror_b .Special_Fiber_Cable{width: 33.3333333%; height: 150px; float: left; position: relative;}
.npror_b .accessory{ width:33.3333333%; height:150px; float:right;position:relative}
.npro_r .hover_cont{ position:absolute; left:0; top:0;color:#fff; background:url(../../../../Images/home/djoptical/en-us/pro_mask.png) repeat; width:100%; height:100%; z-index:3; text-align:center; display:none; text-transform:uppercase;}
.npror_t .hover_cont p{padding:20px 0; }
.npror_t .hover_cont dl dd{ border:1px solid #fff; width:170px; margin-left:40px; height:38px; line-height:38px; text-align:center; margin-bottom:10px;  }
.npror_t .hover_cont dl dd a{ color:#fff; display:block; width:150px; padding:0 10px; height:38px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/*产品页*/
.qual{ background:#fff; padding:25px 30px; margin-top:20px; overflow:hidden; }
.qual img{ float:left;}
.qual .more_qual{ float:right; width:180px; height:50px; line-height:50px; display:inline-block; text-align:center; color:#fff; background:url(../../../../Images/home/djoptical/en-us/more_qual.png) no-repeat 155px center  #ca0817 ; color:#fff;}
/* 产品详情*/
.prod_title{ background:#333; border-bottom:5px solid #c8000f; color:#fff; overflow:hidden; padding:30px;}
.prod_title .tit_name{ font-size:24px;}
.prod_title .back_list { color:#fff;  border: 1px solid #fff;}
.pro_tab .tab_box{ background:#fff; padding:40px 0}
.pro_tab .tab_title ul li {width:50%; height:50px; max-width:499px; float:left; line-height:50px; text-align:center; background:#fff; font-size:16px; margin-bottom:1px; margin-right:1px; cursor:pointer;_width:499px}
.pro_tab .tab_title ul li.now{ background:#f7f7f7; font-weight:bold;}
.struct_pic .struct_l{ width:50%; float:left; overflow:hidden; text-align:center}
.pro_pics .big_pic img{ max-width:343px;}
.pro_pics .small_pic,.struct_pic .struct_r{ width:50%; float:right;}
.pro_pics .small_pic{ position:relative; height:343px;}
.small_pic ul li{ width:100px; float:left; margin-left:40px; cursor:pointer; border:1px solid #dedddb; margin-bottom:20px; }
.small_pic ul li:hover{ border-color:#c8000f;}
.small_pic .mark{ width:380px;  padding-left:40px; position:absolute; bottom:0; color:#666; line-height:21px;}
.small_pic ul li img{ display:block}
.struct_pic{ display:none}
.struct_pic .in_struct{ padding:0 40px}
.struct_r p{ background:url(../../../../Images/home/djoptical/en-us/strut_bg.png) no-repeat left center; padding-left:16px; line-height:30px;}
.struct_r .stru_tit{ font-size:16px; color:#333; font-weight:bold; height:30px; line-height:30px;}
.parameter .tab_title ul li{ float:left; height:150px; border-bottom:5px solid #aaaaaa; text-align:center; width:20%; max-width:199px; background:#f0f0f0; margin-right:1px; cursor:pointer;color:#666;_width:199px;}
.parameter .tab_title i{ width:50px; height:50px; display:block; margin:26px auto; transition:all ease 0.3s; }
.parameter .tab_title .application{ background:url(../../../../Images/home/djoptical/en-us/para1.png) no-repeat left top;}
.parameter .tab_title .performance{ background:url(../../../../Images/home/djoptical/en-us/para2.png) no-repeat left top; }
.parameter .tab_title .fibre_performance{ background:url(../../../../Images/home/djoptical/en-us/para3.png) no-repeat left top; }
.parameter .tab_title .color_division{ background:url(../../../../Images/home/djoptical/en-us/para4.png) no-repeat left top; }
.parameter .tab_title .other_info{ background:url(../../../../Images/home/djoptical/en-us/para5.png) no-repeat left top; }
.parameter .tab_title ul li:hover,.parameter .tab_title ul li.now{ background:#fff; border-bottom-color:#c8000f; color:#333} 
.parameter .tab_title ul li:hover i,.parameter .tab_title ul li.now i{ background-position:right center;}

.parameter .com_tab_box{ padding:40px; background:#fff; display:none}
.parameter .perfor_box{ display:block}
.appli_box ul li{ overflow:hidden; background:#f0f0f0; margin-bottom:30px;}
/*.appli_box  img{ float:left; width:200px;}
*/.appli_box .appli_word{ padding:20px; float:left; width:680px;}
.parameter table{ width:100%;}
.parameter table tr td{ border:1px solid #cccccc; height:48px; text-align:center;  color:#333}
.parameter table tr:nth-child(1),.parameter table td:nth-child(1){ font-weight:bold}
.parameter table tr:nth-child(2n-1){ background:#f7f7f7}
.parameter .appli_box table td:nth-child(3n+1) { width:100px;}
.parameter .appli_box table td:nth-child(3n) { width:100px;}
/*404*/
.main_404{ position:relative}
.main_404 .m_cont{ text-align:center;position:absolute; top:50%; left:50%;}
.main_404 .err_words{ font-size:36px; color:#666; margin:10px 0}
.back_home,.back_prev{ width:150px; height:40px; line-height:40px; text-align:center; color:#fff; display:inline-block; font-size:16px;}
.main_404 a:hover{ color:#fff}
.back_home{ background:#c90010; margin-right:10px;}
.back_prev{ background:#333333}
/*搜索结果页*/
.result{padding-top:20px;}
.result h4 { margin-bottom: 24px; line-height:30px;  padding-left: 10px; border-bottom:1px solid #888888; padding-bottom:10px;}
.result .list {padding-bottom: 26px;}
.result .list li {background: url("../images/icon_i_new.jpg") no-repeat left center;border-bottom: 1px dotted #888888;  height: 40px;  line-height: 40px;  padding: 5px 0 5px 16px;}
/*网站地图*/
.webmap h1{ font-size:24px;}
.webmap_list{ padding-top:50px;}
.webmap_list ul { overflow:hidden; margin:0 -20px;}
.webmap_list ul li{ width:20%; max-width:160px; float:left; padding:22px;*padding:20px; height:170px; margin-bottom:10px;}
.webmap_list .level1{ background:url(../../../../Images/home/djoptical/en-us/webmap_bg.png) no-repeat left center; padding-left:20px; font-size:16px; border-bottom:1px solid #333; display:block; height:40px; line-height:40px; margin-bottom:10px; }
.webmap_list dd{ line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.webmap_list dd a{ background:url(../../../../Images/home/djoptical/en-us/we_icon.jpg) no-repeat  5px center;padding-left:20px; color:#666 }
.product_list ul{ _border-top:1px solid #ccc;}
.product_list ul li{ border:1px solid #ccc; width:25%; max-width:250px; width:249px;float:left; background:#e3e2e0; margin-right:-1px; margin-top:-1px;}
.product_list ul li .img_box{ height:248px; overflow:hidden}
.product_list ul li .img_box img{ display:block;_width:332px; }
.product_name{ background:#fff; height:60px; line-height:60px; text-align:center; color:#666; padding:0 10px; overflow:hidden; text-overflow:ellipsis;}
.parameter .m_tab_title{ display:none}
.p_main_cont_1 .page_num{ margin-bottom:0}

.struct_pic .struct_l{ width:50%; float:left; overflow:hidden; text-align:center}
.pro_pics .big_pic{ width:900px; border:10px solid #f7f7f7; margin:10px  auto 20px}
.pro_pics .mark{ padding-left:50px;}
.parameter{ margin-top:1px;}
.product_list ul li { width:33.2%; max-width:334px}
.product_list ul li .img_box{ height:111px; background:#fff; padding-top:50px; padding-bottom:50px; }
.product_name{background:#efefef}
.i_main .i_pro_box{ border:1px solid #ddd}
.i_main .i_box2 li{ padding:36px 0;}
.i_main .i_box2 img{height:auto; _width:192px; _height:63px;}
.i_pro_box .prev, .i_pro_box .next{ display:none}
.i_pro_box:hover .prev,.i_pro_box:hover .next{ display:block}
.little_ban .ad_name { background:#f3f3f3}
.npro_l .little_ban{  border-top:1px  solid #dddddd;border-bottom:1px  solid #dddddd;}
.npro_l .little_ban .scoll_box{height:84px; padding:50px 0;}
.little_ban .prev,.little_ban .next{ top:90px}
.pro_pics .big_pic img{ max-width:100%}

@media (min-width: 1020px){
.cul_libox li:hover .cul_time  .cul_day{ background:#c8000f;}
.cul_libox li:hover .cul_time  .cul_month{ background:#000;}
.cul_libox li:hover  .cul_info{ background:#fff;border-color:#fff}
.news_list ul li:hover .news_box{ background:#d90014;}
.news_list ul li:hover .news_box a{ color:#fff}
.npror_t ul li:hover .hover_cont{ display:block}
.npror_t ul li:hover .npro_words{display:none;}
.fibre:hover .hover_cont,.Special_Fiber_Cable:hover .hover_cont,.accessory:hover .hover_cont{ display:block}
.fibre:hover .nproword_1,.accessory:hover .nproword_1,.Special_Fiber_Cable:hover .nproword_1{display:none;}
}

/*手机平板*/
@media (max-width: 999px){
.col_3{ width:25%;}	
.m_hide{ display:none;}
.pc_hide{ display:block}
*{ box-sizing:border-box;}
img{ max-width:100%;}
.container{ width:100%;}
.m_navbar{ background:#111111; width:100%;}
.m_header{ overflow:hidden; padding:10px 0 5px;}
.m_logo{ width:auto; float:left; max-width:161px;}
.m_search_btn{ width:25px; height:25px; display:block; background:url(../../../../Images/home/djoptical/en-us/m_search.png) no-repeat; background-size:25px auto; 		float:right; margin-right:30px;}
.m_menu{ background:url(../../../../Images/home/djoptical/en-us/m_menu.png) no-repeat; width:25px; height:21px; background-size:25px auto; display:block; float:right;}
.drop_menu{ background:#000000; border-top:1px solid #2d2d2d; margin:0 -10px; display:none}	
.drop_menu ul li a { color:#aaaaaa; display:block; width:100%;  border-bottom:1px solid #2d2d2d; padding:10px; font-size:14px; font-weight:bold;}
.drop_menu  .open,.drop_menu  .close{  line-height:14px; width:10px; height:10px; display:block;  float:right; margin-top:3px;}
.drop_menu  .open{background:url(../../../../Images/home/djoptical/en-us/m_open.png) no-repeat center center;background-size:10px auto;}
.drop_menu  .close{ background:url(../../../../Images/home/djoptical/en-us/m_close.png) no-repeat center center; background-size:10px auto;}
.drop_menu  ul li ul{ background:#333333; display:none; }

.drop_search{background:#000000; overflow:hidden; padding:10px; margin:0 -10px; display:none }
.input-group {  width:100%; overflow:hidden; position:relative;}
.input-group form{ width:100%;}
.input-group .form-control{  float:left; width:100%; background:#fff; border-radius:5px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;padding: 6px 60px 6px  12px;line-height: 1.42857;}
.input-group .btn-default {  background-color: #fff;  border-color: #ccc;  color: #333;border-bottom-right-radius:5px; border-top-right-radius:5px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;padding: 5px 12px; border-left:1px solid #ccc;line-height: 1.42857; cursor:pointer; min-width:51px; float:left; position:absolute; right:0;}
.i_online_message{ display:none}
.banner .num{ height:15px; bottom:10%; }
.banner .num a { border:1px solid #fff; width:8px; height:8px;}
.im_container h1 {  margin: 0px 0 10px;}
.inner_container{ position:static}
.i_main .i_box1{ width:100%;}
.i_main .product_box{ width:100%;}
.i_main .i_box2{ width:35%;}
.i_pro_box { height:auto }
.i_main .i_box3{ width:65%;}
.i_box3 .inner_box { padding-top:66px;}
.i_main .im_container{ padding:0;}
.p_banner{ height:auto;}
.footer .footer_menu{ width:100%; text-align:center; line-height:21px;}
.footer .footer_menu ul li{ float:none; display:inline-block}
.footer .copy_right{ width:100%; text-align:center;line-height:21px;}
.cul_time{ display:none}
.cul_info { width:100%; border-left:1px solid #c5c5c5}
.honor ul li .img_box{ height:auto}
.honor p{ height:auto}
.honor ul li {  width: 50%; padding:0 10px}
.case ul li{ width:25%; padding:10px;}
.case ul li .case_box{ padding:10px; text-align:center; background:#fff;}
.case p{ height:23px; line-height:23px; overflow:hidden; padding:0}
.load .load_data{ width:240px; height:50px; font-size:16px;line-height:50px; }
.media_l,.media_r{ padding:10px;}
.media_r li {  margin-bottom: 5px;}
.detail_tip {  margin: 10px 0 0;  padding: 20px 0;}
.rec_detail { padding:10px;}
.p_main_contact { background:#eee}
.message_box{ width:100%;}
.contact_info{ width:100%}
.result .list li {  padding: 0px 0 0px 16px;}
.webmap_list ul li{ height:220px}
.webmap_list ul{ margin:0}
.npro_l .npro_recommend{height:auto;}
.npro_l .hot_words { height:auto}
.npro_l .little_ban { height:auto}
.product_list ul li {  max-width:none;  width: 33.3%;}
.product_list ul li .img_box {  height:auto}
.pro_tab .tab_title ul li {   margin-right:0; border-right:1px dotted #eee; max-width:none}
.small_pic ul li {  margin-left: 20px;  width: 100px;}
.small_pic .mark {  width: 100%; padding:0 20px;}
.pro_pics .small_pic { height:auto}
.small_pic .mark { position:static}
.prod_title {  padding: 30px 10px; overflow:hidden;}
.prod_title .tit_name {  font-size:16px;}
.prod_title .back_list { display:none}
.parameter .tab_title ul li {  margin-right: 0px;  max-width: 100%; border-right:1px solid #ddd;  text-align: center;  width: 20%;}
.appli_box img{ width:30%;}
.appli_box .appli_word { width:70%;}
.message_box textarea {  width: 582px;}
.footer .copy_right .asupport { background-size:60px auto; padding-right:60px;}
.products .npro_l {  width: 100%;}
.npro_l .npro_recommend,.npro_l .little_ban,.npro_l .hot_words{ width:33.3%; float:left;}
.products .npro_r {  width: 100%; height:auto}
.npror_b { margin-top:10px;}
.m_footer{ background:#000000; display:block; overflow:hidden; text-align:center; width:100%;}
.m_footer .col_3{ border-right:1px solid #333; float:left; }
.m_footer .col_3:last-child{border:none;}
.m_footer a{ color:#fff; padding:20px 0; display:block; font-size:14px; font-weight:bold;}
.m_footer i{ width:24px; height:24px; display:block; margin:0 auto 10px;}
.m_footer .i_home{ background:url(../../../../Images/home/djoptical/en-us/icon_home.png) no-repeat center center; background-size:24px auto; }
.m_footer .i_about{ background:url(../../../../Images/home/djoptical/en-us/icon_tel.png) no-repeat center center; background-size:24px auto;}
.m_footer .i_contact{background:url(../../../../Images/home/djoptical/en-us/icon_contact.png) no-repeat center center;background-size:24px auto;}
.m_footer .i_message{ background:url(../../../../Images/home/djoptical/en-us/icon_message.png) no-repeat center center;background-size:24px auto;}
.footer_menu{ display:none}
.pro_pics .big_pic{ width:100%;}
.parameter .com_tab_box{overflow-y: hidden;width: 100%;overflow-x:auto; max-width:100%; padding-left:10px; padding-right:10px;}

.parameter .com_tab_box td{ white-space:nowrap;}
.m_lang{ height:30px; line-height:30px}
.m_lang a{ color:#aaa; font-size:14px; padding:10px;}
}




@media only screen and (max-width: 767px){
.i_main .i_box2 {  width: 100%;}
.i_pro_box {  width: 100%;}	
.i_main .i_box2 img {  height:auto; max-width:100%; width:auto}

.p_banner .container{ padding:0;}
.p_banner .p_banner_img {  margin-left: 0px;  width: 100%; }

.p_main_menu .p_menu_ul { display:none }
.p_main_1 .p_main_menu { padding:10px;}
.p_main_menu .tit_name {  padding-bottom: 10px; font-size:14px; border-bottom-width:2px}
.public{ padding:20px 0}
.cul_info .cul_img { width:30%;}
.more_data{ height:32px; line-height:32px; font-size:14px;}
.case ul li {  width: 33%;}
.back_list {  height: 30px;  line-height: 30px;  width: 100px; margin-top:0}
.recom_box ul li {  width: 33.33%; max-width:auto;}
.recommend .recom_box {  padding: 40px 0px;}
.recommend h2 {  height: 35px;  line-height: 35px;}
.recommend h2 span {  font-size: 14px;}
.detail_tip ul li {  width: 100%; text-align:left; margin:10px 0}
.news_list ul li {  width: 50%;}
.media_l{ margin-bottom:20px;}
.media_l,.media_r{ width:100%; float:none; max-width:none}.recruit dd{ width:33.3%;}
.recruit dd{ width:25%;}
.recruit dd:nth-child(3){ display:none}
.message_box input { width:100%; height:40px; line-height:40px;}

/*.main_404 .m_cont img{ width:70%; }
.main_404 .err_words{ font-size:16px;}
.back_home,.back_prev{ width:100px; height:30px; line-height:30px;  font-size:12px;}
*/
.webmap_list ul li{ width:100%; max-width:none; height:auto}
.qual {  padding: 25px 10px;}
.qual .more_qual {  float:none;  height: 30px;  line-height: 30px;  width: 120px; margin-top:10px;}
.product_list ul li {  max-width:none;  width: 50%;}
.struct_pic .in_struct { padding:0 20px;}
.pro_pics .big_pic, .struct_pic .struct_l {  width: 100%; padding:10px;}
.pro_pics .small_pic, .struct_pic .struct_r {width: 100%; padding:10px;}
.pro_pics .big_pic img { max-width:100%}
.small_pic ul li {  margin-left: 0px; margin-right:10px;  width: 100px;}
.small_pic .mark {  width: 100%; padding:10px; }
.p_banner{ display:none}
.i_main .i_box3 {  width: 100%; height:auto; border-top:none; }
.i_box3 .inner_box { padding:30px;padding-top:0}
.i_main .i_box3 img {  height:auto}
.npror_t ul li {  height: 390px;}
.npro_l .npro_recommend, .npro_l .little_ban, .npro_l .hot_words {  width:50%;}
.npro_l  .hot_words{ display:none}
.detail_tip  .prev,.detail_tip .next{ display:none}
.window { width:90%; margin-left:-45%; height:auto; background:none}
.inner_window { padding:50px 10px;height:auto; margin:0 auto; background:#fff}
.inner_window img{ width:35px; margin-right:10px;}
.inner_window .f30{ font-size:16px}
.inner_window .f18{ font-size:14px}
.window .close_btn{ background-size:15px auto;}
}
@media only screen and (max-width: 479px) {
.i_main .i_box1 .inner_box,.i_main .i_box2 .inner_box,.i_box3 .inner_box {  padding:10px}
.i_box3 .inner_box{ padding-bottom:20px;}
.cul_info .cul_img { width:40%;}
.cul_info  h2{ font-size:14px;}
.p_main_culture .cul_info p{ font-size:12px; height:68px; line-height:17px; overflow:hidden; text-overflow:ellipsis; }
.page_num a, .page_num span { margin:0;}
.case ul li {  width: 50%;}
.view_count{ display:none}
.recom_box ul li {  width: 50%; }
.news_list ul li {  width:100%; margin:10px auto; float:none}
.mediali_box img { width:34%; margin-right:10px;}
.mediali_box .time {display:none}
.mediali_box h1 a {  width: 60%;}
.recruit dd{ width:33.3%;}
.recruit dd:nth-child(2){ display:none}
.result h4 span{ display:none}
.result .list span{ display:none}
.products .npro_l {  width:100%;}
.npror_t ul li {  width: 100%;}
.product_name { height:40px; line-height:40px;}
.parameter .tab_title{ display:none}
.parameter .m_tab_title{ display:block; background:#333; border-bottom:5px solid #c8000f; border-top:1px solid #ddd;  color:#fff; padding: 10px; margin-bottom:10px;}
.parameter .tab_title ul li {  width: 100%;}
.parameter .com_tab_box {  padding: 10px;}
.parameter .com_tab_box td{ padding:0 8px;}
.parameter .appli_box img{ width:50px;}
/*.appli_box img {  width: 100%;}
*/.appli_box .appli_word {  width: 100%; padding:10px;}
.parameter .com_tab_box{display:block}
.npro_l .npro_recommend, .npro_l .little_ban, .npro_l .hot_words {
  width: 100%;
}
.npro_r{ display:none}
.npro_l .little_ban img { max-height:none; width:100%;}
.side_float {  bottom: 50px;}
.struct_l img{ width:70%;}
.product_list ul li {  width: 100%;}
.i_main .i_box2 li a{ width:300px; height:100px; display:block}
.side_float{ bottom:100px; display:none}
.parameter .appli_box table td:nth-child(3n+1) { width:30px;}
.parameter .appli_box table td:nth-child(3n){width:30px;}
.parameter .appli_box table td:nth-child(3n+2){width:40px;}
.public .public_time{ padding-bottom:10px;}
}
span#szgs_stat_icon_27397 img {
    width: 15px;
    padding-left: 7px;
}