/**
 ** name: Global && PC StyleSheet
 ** author:E杯咖啡
 ** time:2010-3-15	
 **
*/
/*@import url("globle.css"); */
html{font-size:62.5%; /* 10÷16=62.5% */}
body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input {margin:0;padding:0;-webkit-text-size-adjust: none;font-size:18px;font-size:1.8rem;font-family:"microsoft yahei",Arial;}
/* option */
body{font-size:18px; font-size:1.8rem;line-height: 1.8rem;font-family:"microsoft yahei",Arial; color: #555;background: #fff;}
.wrap {width:1200px; max-width: 1200px; margin-right: auto; margin-left: auto; overflow: hidden;}
.wrap-bg {background: url(../images/jxzb_02.jpg) no-repeat;}
section{overflow:hidden;}
ul{list-style:none;}
a{color:#414141;text-decoration:none;outline:0;blr:expression(this.onFocus=this.blur());}
a:hover { color: #c00000;}
:focus{outline: 0}
a,a:focus,a:active,a:hover {outline:0 none!important}
img{/*max-width:100%;*/vertical-align: top;height: auto;-ms-interpolation-mode: bicubic;border:none;}
/* base */
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after {display: table; clear: both; content: '';}
.fl { float: left;}.fr { float: right;}
.hide { display: none;}
.hidetext { font-size:0px;line-height:0px; letter-spacing: -9px;overflow:hidden;}
.placeholder { color: #aaa; }
.mart10{margin-top:10px;}
.mart20{margin-top:20px;}
.mart30{margin-top:30px;}
.mart40{margin-top:40px;}
.marb10{margin-bottom:10px;}
.marb20{margin-bottom:20px;}
.marb30{margin-bottom:30px;}
.marb40{margin-bottom:40px;}
.marr10{margin-right:10px;}
.marr20{margin-right:20px;}
.marl10{margin-left:10px;}
.marl20{margin-left:20px;}
.paddingr10{padding-right:10px;}
.paddingl10{padding-left:10px;}

/*Public*/
ins{display:none;}
.more_btn{text-align:center;margin:0px auto;}
.more_btn2{text-align:center;margin:0px auto;}
.more_btn .more{color:#333;background:transparent;margin-top:20px;padding: 0.45em 2em;display: inline-block;font-size:93%;border-radius: 2em;-webkit-border-radius: 2em;-moz-border-radius: 2em;-ms-border-radius: 2em;-o-border-radius: 2em;border: 2px solid #878787;}
.more_btn .more:hover{color:#e50012;background:transparent;margin-top:20px;padding: 0.45em 2em;display: inline-block;font-size:93%;border-radius: 2em;-webkit-border-radius: 2em;-moz-border-radius: 2em;-ms-border-radius: 2em;-o-border-radius: 2em;border: 2px solid #e50012;}
.more_btn2 .more{color:#333;background:transparent;margin-bottom:20px;padding: 0.45em 2em;display: inline-block;font-size:93%;border-radius: 2em;-webkit-border-radius: 2em;-moz-border-radius: 2em;-ms-border-radius: 2em;-o-border-radius: 2em;border: 2px solid #878787;}
.more_btn2 .more:hover{color:#fff;background:#e50012;margin-bottom:20px;padding: 0.45em 2em;display: inline-block;font-size:93%;border-radius: 2em;-webkit-border-radius: 2em;-moz-border-radius: 2em;-ms-border-radius: 2em;-o-border-radius: 2em;border: 2px solid #e50012;}
.m_bg{background-color:#fafafa;}
.borb{border-bottom:#ddd 1px solid;}
/*
*通用头部
*/
.head{width:100%;min-width: 1200px;height:181px;background-color:#fff;display:inline-table;}
.head .logo{margin-top:22px; margin-bottom: 19px;}
.head .logo a{display:block; background:url("../images/jxzb_03.png") no-repeat; width:630px; height:82px;margin-left:10px;background-size:contain;}
.head .head_r{width:382px;height:82px; margin-top:22px; margin-bottom: 19px; background:url("../images/jxzb_06.png") no-repeat;}
.head .head_r .head_topmess{width:auto;height:28px;color:#333;padding-top:30px;background-color:inherit;float:right}
.head .head_r .head_topmess ul{margin:0px;padding:0px;list-style:none;}
.head .head_r .head_topmess ul li{float:left;line-height:28px;margin:0px 10px;position:relative;z-index:10001;}
.head .head_r .head_topmess ul li.sline{height:16px;width:1px;background-color:#cccccc;margin-top:7px;}
/*联系电话*/
.head .head_r .head_topmess ul li.tel{width:auto;}
.head .head_r .head_topmess ul li.tel span{font-size:100%;line-height: 31px;color:#333;}
.head .head_r .head_topmess ul li.tel i.icon_tel{width:18px;height:18px;margin:7px 3px 0px 0px;float:left;display:block;background:url("../images/topmess_icon.png"/*tpa=http://www.genuine-opto.com/resource/cms/www/default/images/topmess_icon.png*/) 0 0px no-repeat;}
/*英文媒体*/
.head .head_r .head_topmess ul li.media{width:auto;height: 35px;position:relative; cursor:pointer;z-index:10001;padding-right:15px;background:url("../images/topmess_libg.gif"/*tpa=http://www.genuine-opto.com/resource/cms/www/default/images/topmess_libg.gif*/) right 10px no-repeat; }
.head .head_r .head_topmess ul li.media i.icon_media{width:18px;height:18px;margin:7px 10px 0px 0px;float:left;display:block;background:url("../images/topmess_icon.png"/*tpa=http://www.genuine-opto.com/resource/cms/www/default/images/topmess_icon.png*/) -28px 0px no-repeat;}
.head .head_r .head_topmess ul li.media .media_tit{font-size:83%;position: relative;z-index: 5;}
.head .head_r .head_topmess ul li.media .media_tit .act{position:absolute;left:65px;top:7px;+top:2px;display:none;}
.head .head_r .head_topmess ul li.media .media_tit  s{position:absolute;top:10px;left:-16px;display:block;height:0;width:0;font-size:0;line-height:0;border-color:transparent transparent  #d1d1d1 transparent ;border-style:dashed  dashed   solid dashed;border-width:8px;}
.head .head_r .head_topmess ul li.media .media_tit  b{position:absolute;top:-7px;right:-8px;display:block;height:0;width:0;font-size:0;line-height:0;border-color:transparent  transparent #fff transparent ;border-style:dashed  dashed solid dashed ;border-width:8px;}
.head .head_r .head_topmess ul li.media .erwm-box{ position:absolute;/*left:-22px;*/left:-110px; min-width:210px;background: #fff;top: 32px;padding:8px 3px 3px 8px;border: 1px #ddd solid;display:none;}
.head .head_r .head_topmess ul li.media .erwm-box p{ float:left; width:100px; margin-right:5px;}
.head .head_r .head_topmess ul li.media .erwm-box p img{ width:100%;}
.head .head_r .head_topmess ul li.media .erwm-box p .txt{font-size:83%;color:#555; display:block; text-align:center;}
/*语言选择*/
.head .head_r .head_topmess li.lang{width:auto;}
.head .head_r .head_topmess li.lang span{font-size:83%;}
.head .head_r .head_topmess li.lang i.icon_lang{width:18px;height:18px;margin:7px 10px 0px 0px;float:left;display:block;background:url("../images/topmess_icon.png"/*tpa=http://www.genuine-opto.com/resource/cms/www/default/images/topmess_icon.png*/) -56px 0px no-repeat;}
.head .head_r .head_topmess li.lang a{color:#333;}
.head .head_r .head_topmess li.lang a:hover{color:#333;}
/*导航*/
.nav{width:100%;height:57px;border-top:#eee 1px solid;background-color:#f8f8f8;display:inline-table;}
.nav .menu{width:1200px;max-width: 1200px;height:57px;position: relative;z-index:10000;margin:0px auto;}
.nav .menu ul{margin:0px;padding:0px;list-style:none;}
.nav .menu li{ float:left; width:10%;}
.nav .menu li a{ display:block; width:100%; height:57px; position:relative;z-index:10000;line-height:57px; color:#333;font-size:15px; font-weight:bold;text-align: center;}
.nav .menu li a:hover{color:#e50012;}
.nav .menu li.cur{/*background-color:#eaeaea;*/}
.nav .menu li.cur a{color:#e50012;}
.nav .menu li .sevNav{position:absolute; top:57px;width:420px; background:#fff; display:none;transition:all 1s ease;border: 1px #ccc solid;background-color: #fff;z-index:9999;}
/*.nav .menu li .sevNav{position:absolute; top:57px; left:0;width:580px; background:#fff; display:none;transition:all 1s ease;border: 1px #ccc solid;background-color: #fff;z-index:9999;}*/
.nav .menu li .arr{position: absolute;left:57%;top:32px;display:none;}
.nav .menu li .arr s{position:absolute;top:10px;left:-16px;display:block;height:0;width:0;font-size:0;line-height:0;border-color:transparent transparent  #d1d1d1 transparent ;border-style:dashed  dashed   solid dashed;border-width:8px;}
.nav .menu li .arr i{position:absolute;top:-7px;right:-8px;display:block;height:0;width:0;font-size:0;line-height:0;border-color:transparent  transparent #f8f8f8 transparent ;border-style:dashed  dashed solid dashed ;border-width:8px;}
.nav .menu li .sevNav .boxLayer {background-color:#f8f8f8; height: auto; padding-bottom:20px; position:relative;}
.nav .menu li .sevNav .boxLayer .snavBox{width:45%;padding:5px 0px;position:absolute; top:0; left:0;}
.nav .menu li .sevNav .boxLayer .snavBox ul{padding:0px;margin:0px;list-style:none;}
.nav .menu li .sevNav .boxLayer .snavBox ul li{height:32px;font-size:83%;float:left;margin-left:5%;margin-top:8px;display:block;line-height: 32px;border-bottom: 1px #e9e9e9 solid;text-align:center;overflow:hidden;}
.nav .menu li .sevNav .boxLayer .snavBox ul li.wide{width:90%;}
.nav .menu li .sevNav .boxLayer .snavBox ul li.side{width:45%;}
.nav .menu li .sevNav .boxLayer .snavBox ul li a{height:32px;color:#555;text-align:center;font-weight:normal;line-height:32px;}
.nav .menu li .sevNav .boxLayer .snavBox ul li a:hover{color: #fff;background-color:#ff8000;border-radius:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;}
.nav .menu li .sevNav .boxLayer .snavBox ul li.scurr a{color:#fff;}
.nav .menu li .sevNav .boxLayer .snavBox ul li.scurr{color: #fff;background-color:#d80010;border-radius:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;}
.nav .menu li .sevNav .img{ width:50%; padding:28px 0px 10px 10px;background-color:#fff; display: block;}
.nav .menu li .sevNav .img a{ display:block; width:96%;  padding-left:0;border-bottom: none; position:relative;}
.nav .menu li .sevNav .img img{ width:100%; height:100%; position:absolute; top:0; left:0;}
.nav .menu li .nav01{ padding-right:0px;}
.nav .menu li .nav01:nth-child(7){ padding-right:0;}
/*.nav .menu li .nav01{ left:0px;}*/
.nav .menu li .nav02{ left:200px;}
.nav .menu li .nav03{ left:300px;}
.nav .menu li .nav04{ left:auto; right:200px;}
.nav .menu li .nav05{ left:auto; right:100px;}
.nav .menu li .nav06{ left:auto; right:0;}
.nav .menu li .nav01 .img a{height:0; padding-bottom:65%; *height:189px; *padding-bottom:0;}
/*.nav .menu li .nav01 .img a,.nav li .nav02 .img a{height:0; padding-bottom:65%; *height:189px; *padding-bottom:0;}
.nav .menu li .nav03 .img a,.nav li .nav04 .img a,.nav li .nav05 .img a,.nav li .nav06 .img a{height:0; padding-bottom:65%; *height:189px; *padding-bottom:0;}*/
/*搜索*/
.nav_search{width:20%;height:36px;margin-top:10px;float:right;}
.nav_search .form{width: 100%;overflow: hidden;}
.nav_search .form .inputstyle{width: 196px;background:#fff;height:24px;line-height:24px;padding: 5px 0 5px 5px;font-size:83%;float: left;border:#e8e8e8 1px solid; outline:none;}
.nav_search .form .searchBtn{width:37px;line-height:36px; height:36px;background:#a9a9a9  url("../images/icon_search.png"/*tpa=http://www.genuine-opto.com/resource/cms/www/default/images/icon_search.png*/) 9px 8px no-repeat;margin: 0; padding:0; float:right;outline:none;cursor:pointer;}
.nav_search .form .searchBtn:hover{background-color:#e50012;}
.nav_search .form .btn{ width:37px;height:36px; background:none;outline:none; border:none;cursor:pointer;}
/*隐藏菜单*/
/**隐藏搜索**/
.search_m{background-color:#f6f6f6; width:100%;display:none;}
.search_layer{padding:15px 20%;}
.search_m .form{background: #fff;border:#c1c1c1 1px solid;width: 100%;overflow: hidden;}
.search_m .form .inputstyle{width:78%;border: none;background: transparent;height: 32px;line-height: 32px;padding: 3px 0 3px 5px;font-size:83%;float: left; outline:none;}
.search_m .form .searchBtn{ width:50px;line-height:38px; height:38px;background:#11937b  url("../images/icon_search.png") 15px 10px no-repeat;margin: 0; padding:0; float:right;cursor:pointer;}
.search_m .form .btn{ width:50px;height:38px; background:none; border:none;cursor:pointer;}

/*banner*/

.banner{width: 1200px;margin:0 auto;}
.slideBox{ width: 1200px; height:480px; overflow:hidden; position:relative;  }
.slideBox .hd{ width:100%;bottom:20px;text-align:center;font-size:0;position:absolute;z-index:1 }
.slideBox .hd ul li{ color: #000;font-size:0;margin:0 5px;background:#fff;border-radius: 50%; width:21px;height:21px;overflow:hidden;cursor:pointer;display:inline-block;/*font-size: 12px;*/}
.slideBox .hd ul li.on{ background:#e50012; color:#fff;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
/*.slideBox .bd img{ width: 100%; height:480px; display:block;  }*/
.slideBox .bd .img{ width: 1200px; height:480px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */ 
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

/*滚动新闻*/
.gnews{height:58px;margin-top:15px; background:#f7f7f7;}
.news_ctr{width:100%; height:58px;background:#f7f7f7; position:relative;overflow:hidden;}
.news_ctr .bn-title{width:184px;height:58px;line-height:58px;display:inline-block; float:left;text-align:center;background:url("../images/snews_titbg.gif") 0px 0px no-repeat;font-weight:normal; color:#212121;}
.news_ctr ul{padding:0; margin:0; display:block; list-style:none; position:absolute; left:180px; right:50px;}
.news_ctr ul li{height:56px;line-height:56px;font-size:86%;list-style:none;display:none;}
.news_ctr ul li a{text-decoration:none; color:#333; display:inline-block; overflow:hidden; padding:0;}
.news_ctr ul li span{float:right;font-size:89%;color:#888;padding-right:30px;}
.news_ctr .bn-arrows{display:inline-block; float:right; width:50px; position:absolute; right:0; top:0; bottom:0;}
.news_ctr .bn-arrows span{display:block; width:50px; height:29px;cursor:pointer; opacity:0.5;}
.news_ctr .bn-arrows span:hover{opacity:1;}
.news_ctr .bn-arrows-left{background:url("../images/hgzy_l.png") center bottom no-repeat;}
.news_ctr .bn-arrows-right{background:url("../images/hgzy_r.png") center top no-repeat;}
.easing a, .easing span{transition:.25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear;}

/**index解决方案**/
.index_solution {margin-top:20px;}
.rows{width:100%;}
.rows_tit{line-height:45px;line-height:4.3rem;display: block;text-align:left;border-bottom:#e3e3e3 1px solid;overflow: hidden;*zoom:1;}
.rows_tit i{width:23px;height:23px;background:url("../images/jxzb_18.png") center no-repeat;margin-top:15px;float:left;}
.rows_tit h2{display: inline-block;color:#121212;font-size:110%;vertical-align: middle;padding-left:12px;font-weight:normal;}
.rows_tit a{display: inline-block;color:#333;font-size:14px;vertical-align: middle; float: right; font-weight:normal;}
.rows_tit a:hover{ color: #f00; }
.rows_con{width:100%;margin-top:20px;}
.rows_con ul{width:102%;margin:0px;padding:0px;list-style:none;}
.rows_con ul li{width:23%;height:auto;margin: 0 2% 0px 0;font-size:14px;line-height:26px;float: left;background-color:#fff;overflow: hidden;}
.rows_con ul li p{margin:0px;text-align:center;}
.rows_con ul li p.shine_img {width: 100%;height: 0;padding-bottom: 74%;*height:208px; *padding-bottom:0;position: relative;display: block;overflow: hidden;cursor:pointer;}
.rows_con ul li p img{width:100%;height:100%;position: absolute;top: 0;left: 0;border:none;vertical-align: top;transparent;transition:all 0.3s ease; -moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.rows_con ul li:hover p img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}
.rows_con ul li p.tit{font-size:16px;font-size:1.6rem;line-height:42px;line-height:4.2rem;border:#ddd 1px solid;border-top:none;}

/**index产品中心**/
.sec_pro{width:100%;min-width: 1200px;margin-top:20px;padding-bottom:25px;background-color:#fff;}
.index_pro{padding-top:0.83em;}
.pro{position:relative;}
.sec_tit{position:absolute;top:5px;right:0px;text-align:center;background:transparent;}
.sec_tit ul{padding:0;margin:0;list-style:none;}
.sec_tit ul li{width:auto;height:33px;line-height:33px;float:left;position: relative;background-color:#dfdfdf;margin-left:10px;padding:0px 20px;cursor: pointer;}
.sec_tit ul li a{display:block;}
.sec_tit ul li.curr {background: #d80010;color: #fff;}
.sec_tit ul li.curr .arr {display: inline-block;border-color: #d80010 transparent  transparent transparent;}
.sec_tit ul li .arr {position: absolute;left: 45%;top:33px;border: 6px solid;display: none;}
.sec_tit ul li.curr a{color:#fff;}
/*产品li样式*/
.rows_con .sec_wrap{width:100%;min-width: 1200px;position:relative;}
.rows_con .sec_wrap ul{padding: 0px;margin: 0px;list-style: none;}
.rows_con .sec_wrap ul li{width:280px;height:auto;margin:5px 0px;font-size:14px;line-height:26px;border:#ddd 1px solid;padding:0px;display: inline;float: left;background-color:#fff;overflow: hidden;}
.rows_con .sec_wrap ul li p{margin:0px;text-align:center;}
.rows_con .sec_wrap ul li p.shine_img {width: 100%;height: 0;padding-bottom: 66%;*height:192px; *padding-bottom:0;display: inline-block;position: relative;display: block;overflow: hidden;cursor:pointer;}
.rows_con .sec_wrap ul li p img{width:100%;height:100%;position: absolute;top: 0;left: 0;border:none;vertical-align: top;transparent;transition:all 0.3s ease; -moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.rows_con .sec_wrap ul li:hover p img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}
.rows_con .sec_wrap ul li p.tit{font-size:16px;font-size:1.6rem;line-height:42px;line-height:4.2rem;border:none;border-top:#f3f3f3 1px solid;background-color:#fafafa;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.rows_con .sec_wrap a.prev,.rows_con .sec_wrap a.next{transition:0.4s;-moz-transition:0.4s;-webkit-transition:0.4s;-o-transition:0.4s;}
.rows_con .sec_wrap a.prev:hover,.rows_con .sec_wrap a.next:hover{transition:0.4s;-moz-transition:0.4s;-webkit-transition:0.4s;-o-transition:0.4s;}
.sec_wrap a.prev{width:22px;height:42px;display: inline;cursor:pointer;opacity:.5;filter:alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";-webkit-opacity: 0.5;-moz-opacity: 0.5; outline-style: none;outline-width:0;text-indent: -9999px;position:absolute;top:100px;left:0px;background:url("../images/scroll_icon2.gif") 0px -15px;overflow:hidden;cursor:pointer;background-color:#000;z-index:999;}
.sec_wrap a.prev:hover{background-position: -20px -15px;opacity:.5;filter:alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";-webkit-opacity: 0.5;-moz-opacity: 0.5;}
.sec_wrap a.next{width:22px;height:42px;display: inline;cursor:pointer; opacity:.5;filter:alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";-webkit-opacity: 0.5;-moz-opacity: 0.5;outline-style: none;outline-width:0;text-indent: -9999px;position:absolute;top:100px;right:0px;background:url("../images/scroll_icon2.gif") -18px -66px;overflow:hidden;cursor:pointer;background-color:#000;z-index:999;}
.sec_wrap a.next:hover{background-position: 2px -66px;opacity:.5;filter:alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";-webkit-opacity: 0.5;-moz-opacity: 0.5;}

/**新闻中心**/
.index_news{padding:40px 0 20px 0;}
.news_model{width:587px;float:left;}
.news_m_tit{border-bottom:#dcdcdc 1px solid;}
.news_m_tit ul{padding:0;margin:0;list-style:none;}
.news_m_tit ul li{width:auto;height:42px;line-height:42px;position: relative;top:1px;float:left;border:#dcdcdc 1px solid;border-left:none;background-color:#fff;padding:0px 20px;cursor: pointer;}
.news_m_tit ul li:first-child{border-left:#dcdcdc 1px solid;}
.news_m_tit ul li.curr {background: #d80010;border:#d80010 1px solid;color: #fff;}
.news_m_tit ul li.curr .arr {display: inline-block;border-color: #d80010 transparent  transparent transparent;}
.news_m_tit ul li .arr {position: absolute;left: 45%;top:43px;border: 6px solid;display: none;}
.news_m_tit ul li.curr a{color:#fff;}
.news_article{width:100%;}
.news_article .news_con{width:100%;margin-top:18px;}
/*focus css*/
.news_con .news_pbox{width:40%;height:240px;position:relative;background-color:#f8f8f8;}
.news_con .news_pbox ul li{display:none;width:100%;text-align:center;font-size:83%;font-weight:bold;position:absolute;overflow:hidden;}
.news_con .news_pbox ul li img{width:100%;height:240px;display:block;overflow:hidden;}
.news_con .news_pbox ul li em{background:#000;filter:alpha(opacity=60);opacity:.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";-webkit-opacity: 0.6;-moz-opacity: 0.6;height:58px;position:absolute;top:182px;width:100%;left:0;display:inline-block;}
.news_con .news_pbox ul li span{position:absolute;top:182px;width:auto;left:0;font-size:83%;line-height:22px;display:inline-block;color:#fff;z-index:1;text-align:left;padding:7px 10px 6px 10px;font-weight:normal;}
/*.news_con .news_pbox ul li span{display:block;font-size:86%;}*/
.news_con .news_pbox ol{height:auto;position:absolute;top:215px;right:3px;line-height:22px; color:#f2efe8;font-size:0px;text-indent:-9999px;z-index: 9999;overflow:hidden;}
.news_con .news_pbox ol li.active{background-color: #ff8000;}
.news_con .news_pbox ol li{width:13px;height:13px;font-size:0px;text-indent:-9999px;float:left;background-color: #888;border-radius:50%;margin-right:10px;cursor: pointer;}
/*end focus css*/
.inews_list{width:587px;margin-top:-5px;overflow:hidden;}
.inews_list ul{padding: 0px;margin: 0px;list-style: none;}
.inews_list ul li{height:auto;font-size:83%;line-height:31px;padding-left:0px; padding-top: 9px; padding-bottom: 9px; border-bottom: 1px solid #e3e3e3}
.inews_list ul li img{float:left;width: 139px; height: 62px; border: 1px solid #d7d7d7; margin-right: 20px;}
.inews_list ul li a{display: block; color: #393939; font-size: 14px; line-height: 24px;}
.inews_list ul li a:hover{ color: #f00;}
.inews_list ul li span{display: block; color:#777; font-size: 12px ; line-height: 21px;}


/*视频*/
.company_media{width: 570px;}
.cmedia_tit{line-height:40px;display: block;text-align:left;border-bottom:#e3e3e3 1px solid;overflow: hidden;*zoom:1;}
.cmedia_tit i{width:8px;height:22px;margin-top:8px;float:left;background-color:#e50012;}
.cmedia_tit h2{padding-bottom:6px;display: inline-block;color:#121212;font-size:110%;vertical-align: middle;padding-left:20px;font-weight:normal;}
.cmedia_con{width:100%;margin-top:23px;}
/*.cmedia_con video{width:100%!important;height:100%!important;}*/
/**首页底部**/
.index_foot{width:100%;min-width: 1200px;display:inline-table;}
.foot_mess {background-color: #fafafa;border-top:#ebebeb 1px solid;padding:35px 0 0px;position: relative;z-index: 5;}
.foot_mess .col_15{width:15%;}
.foot_mess .col_20{width:20%;}
.foot_mess .col_35{width:30%; margin-left: 39px;}
.foot_mess .col_nav{float:left;}
.foot_mess .col_nav .col_tit_content p{ font-size: 14px; color: #666; line-height: 30px; }
.foot_mess .col_nav .col_tit{font-size:14px; line-height:3.6rem;font-weight:bold; margin-bottom: 10px;}
.foot_mess .col_nav .col_line{ width: 0px; height: 1px ; background: #333; margin-bottom: 15px; }
.foot_mess .col_nav a{width:80%;font-size:14px; color: #666; line-height:28px;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.foot_mess .col_nav p{font-size:14px; color: #666; line-height:28px;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.foot_mess .col_nav a:hover{ color: #f00; }
.foot_mess .links{ margin-top: 8px; border-left:#dedede 0px solid; padding-bottom:10px; float: right;}
.foot_mess .links_tit{font-size:120%;line-height:36px;line-height:3.6rem;padding-bottom:10px;}
.foot_mess .links_con .img{ display: block; float: right; width: 142px; height: 142px; border: 1px solid #d7d7d7; background: url(../images/jxzb_32.jpg) no-repeat; }
.foot_mess .links_con p{ text-align: center; line-height: 30px; color: #666; font-size: 16px; }
.foot_mess .links_con select{font-size:86%;color:#585858;margin:0;padding:0;vertical-align:middle;cursor:pointer;outline: none;height:36px;line-height:33px;width:240px;border: rgb(204, 204, 204) 1px solid;border-radius:1px;display: inline-block;background-size: 5px 5px,5px 5px,36px 36px,1px 36px;background-color: #fff;background-image: repeating-linear-gradient(225deg,rgb(119,119,119) 0%,rgb(119,119,119) 50%,transparent 50%,transparent 100%),repeating-linear-gradient(135deg,rgb(119,119,119) 0%,rgb(119,119,119) 50%,transparent 50%,transparent 100%),linear-gradient( #FFFFFF 0%,#fafafa, #f9f9f9 100%),repeating-linear-gradient( rgb(204, 204, 204) 0%,rgb(204, 204, 204) 100%);background-repeat: no-repeat;background-position: 215px 15px,220px 15px,right top,200px top;-webkit-appearance: none;}
.foot_copy{width:100%;}
.mess_pad{width:100%;color:#333;margin-top:20px;}
.mess_pad h2{font-size:87%;font-weight:normal;float:left;}
.mess_pad img{float:right;padding-right:15px;}
.foot_copy .foot_txt{background-color:#fafafa;padding:10px 0px;color:#8f959d;}
.foot_copy .foot_txt p{width:100%;font-size:14px; text-align: center; color: #666; line-height:28px;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.foot_copy .foot_txt a{color:#8f959f;}
.foot_copy .foot_txt a:hover{color:#009b7f;}

/*********下层页面公共****************/
/*top 图*/
.m_bann{width:100%;min-width: 1200px;height:400px;overflow:hidden;position:relative;}
.m_bann img{ width:1920px; max-width:none; position:absolute; top:0; left:50%; margin-left:-960px;}
.m_bann .act_layer{height:auto;width:1200px;position:relative;margin:0px auto;}
.m_bann .act_m{position:absolute;top:90px;right:80px;text-align: left;height: auto; width:auto;display:block;overflow: hidden;}
.m_bann .act_m_l{position:absolute;top:105px;left:100px;text-align: left;height: auto; width:auto;display:block;overflow: hidden;}
.m_bann .act_m h3 ,.m_bann .act_m_l h3{width:auto;height:60px;dispaly:block;margin-top:40px;font-size:280%;color:#fff;}
.m_bann .act_m span.txt_en,.m_bann .act_m_l span.txt_en{width:auto;font-size:140%;dispaly:block;color:#fff;font-family:Verdana, Geneva, sans-serif;}
.m_bann .act_m h1.app_h1,.m_bann .act_m_l h1.app_h1{margin-left:-550px;}
.m_bann .act_m span.app_txt_en ,.m_bann .act_m_l span.app_txt_en{width:auto;font-size:140%;font-weight:bold;margin-left:-550px;dispaly:block;color:#fff;font-family:Verdana, Geneva, sans-serif;}
.m_bann i{width:130px;height:48px;line-height:48px;font-style:normal;text-align:center;color:#fff;margin-top:25px;display:block;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;background-color:#ff8000;}
.m_bann i a{color:#fff;}
.m_bann i:hover{background-color:#fc6500;}
/*面包屑*/
.bread_bar{width:100%;min-width: 1200px;background-color:#fefefe;border-bottom:#ededed 1px solid;overflow:hidden;}
.bread_bar .bread{padding:10px 0px;}
.bread_bar .channel{color:#414141;font-weight: normal;font-size:16px;}
.bread_bar .posi{ margin:0px; font-weight:normal;line-height:26px;font-size:88%;}
.bread_bar .posi i{ vertical-align:text-bottom; margin-right:5px;}
.bread_bar .posi em{ margin:0 5px;}
/* ico */
.ico {display: inline-block; overflow: hidden; width: 20px; height: 20px; vertical-align: middle; background: url("../images/icon_home.png"/*tpa=http://www.genuine-opto.com/resource/cms/www/default/images/icon_home.png*/);}
.ico1_2 { background-position:0px 2px;}
/*tab选项卡*/
.tab_bar{width:100%;min-width: 1200px;margin-top:30px;}
.tab_layer{width:100%;height:52px;}
.tab_layer ul{padding:0px;margin:0;list-style:none;border-bottom:#d9d9d9 1px solid;}
.tab_layer ul li{width:auto;height:42px;line-height:42px;font-size:96%;font-weight:normal;position:relative;top:1px;float:left; text-align:center;border:#dcdcdc 1px solid;border-left:none;background-color:#fff;padding:0px 20px;cursor: pointer;}
.tab_layer ul li a{display:block;}
.tab_layer ul li:first-child{border-left:#dcdcdc 1px solid;}
.tab_layer ul li.curr{background: #d80010;border:#d80010 1px solid;color: #fff;}
.tab_layer ul li.curr .arr {display: inline-block;border-color: #d80010 transparent  transparent transparent;}
.tab_layer ul li .arr {position: absolute;left: 45%;top:43px;border: 6px solid;display: none;}
.tab_layer ul li.curr a{color:#fff;}
/*分页page*/
.page { clear:both; padding:25px 0px;}
.page .page-con { width:100%; height:auto; text-align:center; white-space:nowrap; line-height:0; font-size:86%; _padding-bottom:1px;}
.page .page-con a{cursor:pointer;}
.page .page-con a, .page .page-con strong, .page .page-con .total { display:inline-block; width:auto; height:28px; line-height:28px; font-size:14px; padding:3px 12px; border:#dddddd 1px solid; overflow:hidden; margin-left:-1px; *margin-left:-2px; color:#333!important; vertical-align:middle; white-space:nowrap; }
.page .page-con a:hover,.page .page-con strong.cur { background-color:#e50012; color:#fff!important; }
.page .page-con a.prev,.page .page-con a.next { margin:0px 10px; }
.page .page-con .total { border:0; }
.page .page-con select{font-size:12px;border:#dddddd 1px solid;margin-left:10px; vertical-align:0px;padding:5px;}
/*page end*/
/**下层新闻聚合**/
.sec_model{width:100%;min-width: 1200px;margin-top:10px;padding-bottom:10px;}
.sec_model .m_tit{padding:15px 0px;position:relative;}
.sec_model .m_tit h2{font-size:100%;color:#000;font-weight:bold;}
.sec_model .m_tit i{font-style:normal;font-size:78%;color:#888;}
.sec_model .m_tit i a{color:#888;}
.sec_model .m_tit i a:hover { color: #d80010;}
.sec_model .m_con{width:100%;display:inline-block;}
.sec_model .m_con_push{float:left;width:50%;}
.sec_model .m_con_push .m_push_layer{width:98%;padding-right:2%;}
.sec_model .m_con_push .m_push_layer .push_model{width:100%;margin:10px 0px 20px 0px;float:left;}
.sec_model .push_model .push_img{width:45%;float:left;height: 0;padding-bottom: 32%;*height:190px; *padding-bottom:0;position: relative;display: block;overflow: hidden;cursor:pointer;}
.sec_model .push_model .push_img img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;border:solid 1px transparent;border-radius:10px; transition:all 0.3s ease; -moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.sec_model .push_model .push_img:hover img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}
.sec_model .push_model .push_mess{width:52%;float:right;padding:0px 0px;}
.sec_model .push_model .push_mess h2{font-size:88%;font-weight:bold;line-height:32px;margin-top:-8px;}
.sec_model .push_model .push_mess p.push_datetime{color:#888;font-size:83%;padding:6px 0px;}
.sec_model .push_model .push_mess p.push_desc{font-size:86%;line-height:28px;}
.sec_model .m_con .m_con_list{float:right;width:50%;}
.sec_model .m_con .m_con_list .m_list_layer{width:98%;padding-left:2%;}
.sec_model .m_con .m_con_list ul{padding-top:2px;margin:0;list-style:none;}
.sec_model .m_con .m_con_list ul li{height:33px;line-height: 33px;padding-left:15px;background:url("../images/icon-dot.gif"/*tpa=http://www.genuine-opto.com/resource/cms/www/default/images/icon-dot.gif*/) 0px 16px no-repeat;overflow:hidden;}
.sec_model .m_con .m_con_list ul li i{float:left;font-size:88%;font-style:normal;color:#f00;margin-right:5px;}
.sec_model .m_con .m_con_list ul li a{float:left;font-size:88%;line-height:33px;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sec_model .m_con .m_con_list ul li span{float:right;font-size:83%;color:#888;padding-left:10px;}
/*图片专区*/
.sec_model .m_con .m_pic_push{width:104%;padding:0px;margin:0;list-style:none;}
.sec_model .m_con .m_pic_push li{width: 21%;float:left;margin: 0 4% 26px 0;}
.sec_model .m_con .m_pic_push li a.pic_push{position: relative;display: block;height: 0;padding-bottom: 66%;overflow: hidden;}
.sec_model .m_con .m_pic_push li a.pic_push img {max-width: 100%;width: 100%;height: 100%;position: absolute;top: 0;left: 0;vertical-align: top;border: solid 1px transparent;border-radius: 6px;transition:all 0.3s ease; -moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.sec_model .m_con .m_pic_push li:hover a.pic_push img{ transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}
.sec_model .m_con .m_pic_push li h2{width:100%;font-size:83%;font-weight:normal;padding: 5px 0;border-bottom: 2px #d8d8d8 solid;line-height:33px;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/****新闻列表*****/
.m_list{width:100%;padding-right:2%;height: auto;min-height:1400px;border-right:#ddd 0px solid;float:left;margin-top:20px;}
.m_list ul{padding:0px;margin:0;list-style:none;}
.m_list ul li{width:100%;padding-bottom:30px;margin:10px 0px 20px 0px;float:left;border-bottom:#ececec 1px solid;}
.m_list ul li a.ml_img{width:20%;float:left;height: 0;padding-bottom:13.3%;*height:109px; *padding-bottom:0;display: inline-block;position: relative;display: block;overflow: hidden;}
.m_list ul li a img{max-width: 100%;width:100%;height:100%;position: absolute;top: 0;left: 0;vertical-align: top;}
.m_list ul li .ml_mess{width:77%;float:right;padding:0px 0px;}
.m_list ul li .ml_mess h2{width:100%;font-size:100%;font-weight:bold;line-height:32px;margin-top:-8px;margin-bottom:4px;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.m_list ul li .ml_mess i{font-style:normal;color:#f00;margin-right:5px;}
.m_list ul li .ml_mess p.ml_time{color:#888;font-size:83%;padding:2px 0px;}
.m_list ul li .ml_mess span{float:left;}
.m_list ul li .ml_mess .bds_more{width:60px;display:block;margin:0px 10px;position:relative;}
.m_list ul li .ml_mess .share_btn{position:absolute;left:0px;top:0px;font-size:15px;line-height:26px;background-color:#fff;}
.m_list ul li .ml_mess .share_btn i{color:#888;margin-top: -3px;}
.m_list ul li .ml_mess p.ml_desc{font-size:86%;color:#686868;line-height:28px;padding-top:2px;}
/*右侧*/
.m_hot{width:30%;float:right;padding-top:20px;/*background-color:#fcfcfc;*/}
.mh_layer{width:96%;float:right;padding-left:4%;}
.m_hot .mh_tit{color:#d80010;font-size:110%;}
.m_hot .mh_tj{width:100%;margin-top:10px;}
.m_hot .mh_tj a.mh_img{display: block;overflow: hidden;}
.m_hot .mh_tj a.mh_img img{width:100%;height:100%;/*border:solid 1px transparent;border-radius:10px;*/transition:all 0.3s ease; -moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.m_hot .mh_tj:hover a.mh_img img{ transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}
.m_hot .mh_tj .mh_mess{width:100%;padding:20px 0px 10px 0px;}
.m_hot .mh_tj .mh_mess h2{width:88%;padding-left:12%;font-size:88%;font-weight:bold;background:url("../images/hot_icon.gif"/*tpa=http://www.genuine-opto.com/resource/cms/www/default/images/hot_icon.gif*/) 0px 7px no-repeat;line-height:32px;margin-top:-8px;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.m_hot .mh_tj .mh_mess p.mh_time{color:#888;font-size:83%;padding:2px 0px;}
.m_hot .mh_tj .mh_mess p.mh_desc{font-size:86%;color:#898989;line-height:28px;}
/*tj news list*/
.m_hot .mh_news_list{ padding-top:10px;padding-bottom:10px;border-bottom:#ddd 1px solid;}
.m_hot .mh_news_list ul li{margin-bottom:10px;border-top:#dedede 1px dashed;padding-top:10px;}
.m_hot .mh_news_list ul li .title{ font-size:86%; margin-bottom:10px; width:100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.m_hot .mh_news_list ul li .text{ font-size:83%;line-height:28px;color:#898989;}
/*tj pic list*/
.m_hot .mh_pic_list{padding-top:10px;}
.m_hot .mh_pic_list ul{width:105%;padding:0px;margin:0;list-style:none;}
.m_hot .mh_pic_list ul li{width: 45%;float:left;margin: 0 5% 26px 0;}
.m_hot .mh_pic_list ul li a.pic_push{display: block;overflow: hidden;}
.m_hot .mh_pic_list ul li a.pic_push img {width:100%;height:100%;/*border:solid 1px transparent;border-radius:10px;*/}
.m_hot .mh_pic_list ul li h2{width:100%;font-size:83%;font-weight:normal;padding: 5px 0;border-bottom:#ececec 1px solid;line-height:28px;}
/**新闻详情页**/
.m_news_con{width:100%;padding-right:2%;border-right:#ddd 0px solid;float:left;margin-top:20px;}
.m_news_con h1{width:100%;font-size:120%;line-height: 42px;padding-top:0px;text-align:center;}
.m_news_con .n_tools{margin-top:10px;padding: 5px 0;font-size:86%;color:#888;border-bottom:#ececec 1px solid;}
.m_news_con .n_tools .reback{font-size:83%;}
.m_news_con .n_tools .reback a{display:block;}
.m_news_con .n_tools i{margin-top:-3px;}
.m_news_con .n_tools span{ display: block; margin: 0 auto; text-align: center;}
.m_news_con .n_tools a{color:#888;}
.m_news_con .n_tools .bds_more{width:60px;display:block;margin:0px 10px;position:relative;}
.m_news_con .n_tools .share_btn{position:absolute;left:0px;top:0px;font-size:16px;background-color:#fff;}
.m_news_con .artic_txt{padding:10px 0px;color:#333;line-height:2; overflow:hidden;}
.artic_txt p,.artic_txt h1,.artic_txt h2,.artic_txt h3,.artic_txt h4,.artic_txt h5,.artic_txt h6,.artic_txt table,.artic_txt td,.artic_txt div{font-size:100%;}
.artic_txt p img,.artic_txt img{
	display: block;
	margin: 0 auto;
}
/*pre&next*/
.m_news_con .detail_bot{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;height: 60px;margin-top:20px;overflow: hidden;}
.m_news_con .detail_bot ul li{padding:0px;border-bottom: 1px solid #ccc;height: 30px;font-size:83%;line-height: 30px;overflow: hidden;*zoom: 1;}
.m_news_con .detail_bot ul li .mark{float: left;margin-right: 10px;font-weight: bold;}
.m_news_con .detail_bot ul li .title{float: left;width: 50%;height: 30px;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.m_news_con .detail_bot ul li .time{float: right;color:#888;}
/*otherNews*/
.m_news_con .otherNews{width:100%;margin-top:20px;backgroud-color:#fcfcfc;}
.m_news_con .otherNews .ot_tit{padding:5px 0px;line-height:28px;position:relative;background-color:#f7f7f7;}
.m_news_con .otherNews .ot_tit h2{font-size:86%;padding-left:20px;}
.m_news_con .otherNews .ot_tit i{width:8px;height:100%;background-color:#d80010;position:absolute;left:0px;top:0px;}
.m_news_con .otherNews .ot_list{margin:10px 0px;}
.m_news_con .otherNews .ot_list li{line-height:28px;font-size:86%;}
.m_news_con .otherNews .ot_list li a{color:#414141;}
.m_news_con .otherNews .ot_list li span{float:right;padding-left: 6px;color:#888;}
/*产品聚合页*/
.pro_model{width:100%; background:url("../images/bg.jpg"/*tpa=http://www.genuine-opto.com/resource/cms/www/default/images/bg.jpg*/) center top;background-size:100%; min-height:741px; clear:both;}
.pro_model .proguide_con{width:1180px; margin:0 auto; padding-top:183px;}
.pro_model .proguide_con dl{width:1180px; height:360px;}
.pro_model .proguide_con dl dd{width:360px; height:360px; float:left;}
.pro_model .proguide_con dl dd .show_on,.pro_model .proguide_con dl dd .show_in{width:360px; height:360px;}
.pro_model .proguide_con dl dd.pro_con01 .show_on{ background:url("../images/picon1.png"/*tpa=http://www.genuine-opto.com/resource/cms/www/default/images/picon1.png*/) no-repeat;}
.pro_model .proguide_con dl dd.pro_con02 .show_on{ background:url("../images/picon2.png"/*tpa=http://www.genuine-opto.com/resource/cms/www/default/images/picon2.png*/) no-repeat;}
.pro_model .proguide_con dl dd.pro_con03 .show_on{ background:url("../images/picon3.png"/*tpa=http://www.genuine-opto.com/resource/cms/www/default/images/picon3.png*/) no-repeat;}
.pro_model .proguide_con dl dd.dd01,.pro_model .proguide_con dl dd.dd02{margin-right:50px;}
.pro_model .proguide_con dl dd a{color:#fff;}
.pro_model .proguide_con dl dd a h2{height:56px;font-size:120%;line-height:56px;text-align:center;letter-spacing:2px;border-bottom:#fff 1px solid;}
.pro_model .proguide_con dl dd a.a1{display:block; width:245px; height:65px; padding-top:83px; margin-left:57px;}
.pro_model .proguide_con dl dd a.a2{display:block; width:245px; height:65px; padding-top:83px; margin-left:57px;}
.pro_model .proguide_con dl dd a.a3{display:block; width:264px; height:65px; padding-top:83px; margin-left:57px;}
.pro_model .proguide_con dl dd p{width:255px; font-size:86%; color:#fff;margin:10px auto;}
.pro_model .proguide_con dl dd ul{width:255px; margin:20px auto;}
.pro_model .proguide_con dl dd ul li{width:48%;margin:0px auto;float:left;line-height:26px; text-align:left;}
.pro_model .proguide_con dl dd ul li a{display:block;font-size:86%; color:#fff;}
.pro_model .proguide_con dl dd ul li a:hover{color:#FF0;text-decoration:none;background-color:#000;border-radius:10px;}
.pro_model .proguide_con dl dd .show_in{ cursor:pointer;}
.pro_model .proguide_con dl dd.pro_con01 .show_in{ background:url("../images/picon1_on.png"/*tpa=http://www.genuine-opto.com/resource/cms/www/default/images/picon1_on.png*/) no-repeat;}
.pro_model .proguide_con dl dd.pro_con02 .show_in{ background:url("../images/picon2_on.png"/*tpa=http://www.genuine-opto.com/resource/cms/www/default/images/picon2_on.png*/) no-repeat;}
.pro_model .proguide_con dl dd.pro_con03 .show_in{ background:url("../images/picon3_on.png"/*tpa=http://www.genuine-opto.com/resource/cms/www/default/images/picon3_on.png*/) no-repeat;}
.pro_model .proguide_con dl dd .show_in h2{text-align:center; font-size:180%;line-height:56px;color:#fff;padding-top:140px;font-weight:normal;}
.pro_model .proguide_con dl dd .show_in p{text-align:center;font-size:83%;line-height:28px;color:#fff;}
/*产品列表页*/
.m_con .pro_layer{width:100%;padding-top:30px;}
.m_con .pro_layer ul{width:102%;padding: 0px;margin: 0px;list-style: none;}
.m_con .pro_layer ul li{width:31.3%;float:left;margin: 0 2% 26px 0;}
.m_con .pro_layer ul li a.pic_push{width: 100%;height: 0; padding-bottom:72%; *height:198px; *padding-bottom:0;display: inline-block;position: relative;display: block;overflow: hidden;}
.m_con .pro_layer ul li a.pic_push img {width:100%;height:100%;position: absolute;top: 0;left: 0;transparent;transition:all 0.3s ease; -moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.m_con .pro_layer ul li:hover a.pic_push img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}
.m_con .pro_layer ul li h2{width:100%;text-align:center;font-size:83%;font-weight:normal;padding: 5px 0;border-bottom:#d8d8d8 2px  solid;line-height:33px;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.m_con .pro_layer ul li:hover h2{border-bottom:#ff8000 2px solid;}
/*左侧产品菜单*/
.pro_nav_menu{width:21%;margin-top:10px;background-color:#fff;}
.pro_nav_menu h2{height:50px;line-height:50px;padding-left:20px;font-size:89%;color:#333;background: #eaeaea;border-top: #d80010 4px solid;}
.pro_nav_menu .accordion{width:100%;/*max-width:360px;*/margin-bottom: 20px; margin: 0 auto; background:#eaeaea;}
.pro_nav_menu .accordion .link{cursor:pointer;display:block;padding:10px 15px 10px 42px;color:#4d4d4d;font-size:86%;line-height:26px;font-weight:bold;border-bottom:1px solid #ccc;position:relative;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.pro_nav_menu .accordion li:last-child .link{border-bottom:0}
.pro_nav_menu .accordion li i{position:absolute;top:10px;left:12px;font-size:12px;color:#333;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.pro_nav_menu .accordion li i.fa-chevron-down{right:12px;left:auto;font-size:83%;}
.pro_nav_menu .accordion li.open .link{color:#4d4d4d;}
.pro_nav_menu .accordion li.open i{color:#d80010;}
.pro_nav_menu .accordion li.open i.fa-chevron-down{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.pro_nav_menu .submenu{display:block;background:#f8f8f8;}
.pro_nav_menu .submenu li{font-size:83%;line-height:26px;border-bottom:1px solid #eaeaea;}
.pro_nav_menu .submenu li.cur{background:#ff8000;color:#FFF;}
.pro_nav_menu .submenu a{display:block;text-decoration:none;color:#666;padding:6px 10px;padding-left:42px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
.pro_nav_menu .submenu img{display: block; margin: 0 auto; margin-left: 0px; margin-right: 0px; width: 100%; height: auto; padding-bottom: 15px;}
.pro_nav_menu .submenu p{display:block; font-size: 14px; line-height: 26px; text-decoration:none;color:#666;padding-left:15px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}

.pro_nav_menu .submenu a:hover{background:#ff8000;color:#FFF;}
.pro_nav_menu .submenu li.smenu_curr{background:#ff8000;}
.pro_nav_menu .submenu li.smenu_curr a{color:#fff;}
/*左侧搜索*/
.pro_search{background-color:#f6f6f6; width:100%;}
.search_layer{padding:20px 15px;}
.pro_search .form{width: 100%;overflow: hidden;}
.pro_search .form .inputstyle{width:96%;margin-bottom:15px;border:#c1c1c1 1px solid;background:#fff;height:30px;line-height:30px;font-size:83%;padding:2px 3px;outline:none;}
.pro_search .form .searchBtn{ width:100px;line-height:36px; height:36px;background:#797979  url("../images/icon_search.png"/*tpa=http://www.genuine-opto.com/resource/cms/www/default/images/icon_search.png*/) 15px 9px no-repeat;margin: 0; padding:0; float:right;cursor:pointer;}
.pro_search .form .btn{width:100px;height:36px;color:#fff; font-size:83%;padding-left:22px; background:none; border:none;cursor:pointer;outline:none;}
.pro_search .form .searchBtn:hover{background:#fc6500  url("../images/icon_search.png"/*tpa=http://www.genuine-opto.com/resource/cms/www/default/images/icon_search.png*/) 15px 9px no-repeat;}
/**产品详情页**/
.prox_sec{padding:18px;border:#eaeaea 1px solid;margin-top:10px;backgroud-color:#fcfcfc;}
.prox_sec_img{width:38.66666667%;float: left;}
.prox_sec_img .prox_b{width: 100%;height: 0;padding-bottom: 74%;*height:332px; *padding-bottom:0;position: relative;display: block;overflow: hidden;cursor:pointer;}
.prox_sec_img .prox_b img{width:100%;height:100%;position: absolute;top: 0;left: 0;border:none;vertical-align: top;transparent;transition:all 0.3s ease; -moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.prox_sec_mess{width: 100%;padding-left:2%;float:right;}
.prox_sec_mess h1.prox_m_tit{font-size:150%;line-height:36px;color:#333;font-weight:normal;padding:0px;}
.prox_sec_mess .prox_m_desc{min-height:130px;font-size:86%;line-height:32px; padding-top: 26px; padding-bottom:20px;border-bottom:#f4f4f4 0px solid;}
/*btns*/
.prox_btns{width:auto;float:right;height:41px;margin-top:20px;overflow:hidden;}
.prox_btns .add_cart{width:153px;height:41px;border:none;background:url("../images/prox_btns.gif"/*tpa=http://www.genuine-opto.com/resource/cms/www/default/images/prox_btns.gif*/) 0px 0px no-repeat;cursor:pointer;outline:none;overflow:hidden;text-indent:-9999px;display:block;}
.prox_btns .add_say{width:132px;height:41px;border:none;background:url("../images/prox_btns.gif"/*tpa=http://www.genuine-opto.com/resource/cms/www/default/images/prox_btns.gif*/) 0px -61px no-repeat;cursor:pointer;outline:none;overflow:hidden;text-indent:-9999px;display:block;}
.prox_btns .contact_btn{width:140px;height:41px;border:none;background:url("../images/prox_btns.gif"/*tpa=http://www.genuine-opto.com/resource/cms/www/default/images/prox_btns.gif*/) 0px -122px no-repeat;cursor:pointer;outline:none;overflow:hidden;text-indent:-9999px;display:block;}
/*产品内容*/
.pro_list_con{width:74%;}
.pro_list_con .m_tit{line-height:28px; border-bottom:#ddd 1px solid;}
/**产品详情页**/
.prox_detail{width:100%;min-height:580px;margin-top:20px;}
.prox_detail h1{width:100%;font-size:120%;line-height:56px;padding-top:20px;text-align:left;}
.prox_detail .prox_n_tools{margin-top:10px;padding: 5px 0;font-size:86%;line-height:28px;color:#888;border-bottom:#ececec 1px solid;}
.prox_detail .prox_n_tools .share_model{width:auto;height: auto;padding:0px;margin: -8px 15px 0px 15px;}
.prox_detail .prox_n_tools .reback{font-size:83%;}
.prox_detail .prox_n_tools .reback a{display:block;}
.prox_detail .prox_n_tools i{margin-top:-3px;}
.prox_detail .prox_n_tools span{float:left;}
.prox_detail .prox_n_tools a{color:#888;}
.prox_detail .artic_txt{padding:20px 0px;font-size:86%;color:#333;line-height:2;overflow:hidden;}
.prox_detail .artic_txt table{width:100%;border:0;margin:0;border-collapse:collapse;border-spacing:0;}
.prox_detail .artic_txt table tr td{width:auto;text-align:center;font-size:86%;padding:0;border:#ddd 1px solid;}
.prox_detail .artic_txt p,.prox_detail .artic_txt h1,.prox_detail .artic_txt h2,.prox_detail .artic_txt h3,.prox_detail .artic_txt h4,.prox_detail .artic_txt h5,.prox_detail .artic_txt h6,.prox_detail .artic_txt table,.prox_detail .artic_txt td,.prox_detail .artic_txt div{font-size:100%;}
/*百度分享*/
.share_model{ width:100%;height:auto;padding:15px 0px;}
.share_model i{float:left;font-style:normal;font-size:86%;padding-top:11px;}
.share_model .bdsharebuttonbox{ float:left;}
.share_model .bdsharebuttonbox a{width:15px;height:32px;background:url("../images/share.gif"/*tpa=http://www.genuine-opto.com/resource/cms/www/default/images/share.gif*/) no-repeat;overflow:hidden;}
.share_model .bdsharebuttonbox a.bds_tsina{ background-position:0 0;}
.share_model .bdsharebuttonbox a.bds_tqq{ background-position:-32px 0;}
.share_model .bdsharebuttonbox a.bds_sqq{ background-position:-64px 0;}
.share_model .bdsharebuttonbox a.bds_weixin{ background-position:-96px 0;}
.share_model .bdsharebuttonbox a.bds_more{ background-position:-128px 0;text-indent:-9999px}
.share_model .bdsharebuttonbox a.bds_tsina:hover{ background-position:0 -32px;}
.share_model .bdsharebuttonbox a.bds_tqq:hover{ background-position:-32px -32px;}
.share_model .bdsharebuttonbox a.bds_sqq:hover{ background-position:-64px -32px ;}
.share_model .bdsharebuttonbox a.bds_weixin:hover{ background-position:-96px -32px ;}
.share_model .bdsharebuttonbox a.bds_more:hover{ background-position:-128px -32px ;text-indent:-9999px;}
/**产品详情页**/
/*解决方案聚合页*/
.solution_ch_intr{width:100%;margin-top:10px;margin-bottom:20px;color:#333;}
.solu_wshort{width:62%}
.solu_wlong{width:100%}
.solu_mess{}
.solu_mess h2{font-size:150%;line-height:56px;color:#333;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.solu_mess .mess_txt{margin-top:15px;}
.solu_mess .mess_txt P{font-size:83%;line-height:26px;margin-bottom:10px;}
.solu_mess .solu_btn{margin-top:20px;}
.solu_mess .solu_btn .sbtn{width:130px;height:48px;line-height:48px;font-style:normal;text-align:center;color:#fff;background: none;outline: none;border: none;cursor: pointer;display:block;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;background-color:#ff8000;}
.solu_mess .solu_btn .sbtn a{color:#fff;}
.solu_mess .solu_btn .sbtn:hover{background-color:#fc6500;}
.solu_info{width:30%;margin-top:20px;}
.solu_info p.shine_img {width: 100%;height: 0;padding-bottom: 74%;*height:208px; *padding-bottom:0;position: relative;display: block;overflow: hidden;cursor:pointer;}
.solu_info p img{width:100%;height:100%;position: absolute;top: 0;left: 0;border: solid 1px transparent;border-radius: 10px;vertical-align: top;transparent;transition:all 0.3s ease; -moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}

/*解决方案列表页*/
.solution_list{width:100%;margin-top:20px;color:#333;}
.solution_list ul{width:102%;margin:0px;padding:0px;list-style:none;}
.solution_list ul li{width:23%;height:auto;margin: 0 2% 20px 0;font-size:14px;line-height:26px;float: left;background-color:#fff;overflow: hidden;}
.solution_list ul li div.shine_img {width: 100%;height: 0;padding-bottom: 74%;*height:208px; *padding-bottom:0;position: relative;display: block;overflow: hidden;cursor:pointer;}
.solution_list ul li div img{width:100%;height:100%;position: absolute;top: 0;left: 0;border:none;vertical-align: top;transparent;transition:all 0.3s ease; -moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.solution_list ul li:hover div img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}
.solution_list ul li .tit{padding:10px;border:#ddd 1px solid;border-top:none;}
.solution_list ul li .tit h2{font-size:78%;line-height:36px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.solution_list ul li .tit p.solu_desc{font-size:78%;}

/*联系我们*/
.contact_txt{width: 50%;float:left;padding-top:40px;}
.contact_txt p{font-size:86%;line-height:28px;}
.contact_map{width: 50%;float:right;padding-top:40px;}
/*单页样式*/
.single_pages{width:100%;margin: 10px 0px 20px 0px;}
.single_pages .single_img{width:22%;margin-top:15px;border:none;}
.single_pages .single_img a{display: block;overflow: hidden;}
.single_pages .single_img a img{width: 100%;height: 100%;border:solid 1px transparent;border-radius:10px; transition:all 0.3s ease; -moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.single_pages .single_img:hover img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}
.single_pages .single_txt{width:75%;margin:0px;padding:0px;}
/*文本*/
.con_txt{padding:10px 0px 20px 0px;}
.con_txt_bg{padding-left: 60px;background:url("../images/dsj.gif") 10px 5px repeat-y;}
.con_txt p{font-size:86%;line-height:28px;}
.con_txt p img{ max-width: 100%; display: block; margin: 0 auto; }
.con_txt img{ max-width: 100%; display: block; margin: 0 auto; }
/*文本1*/
.con_txt1{padding:10px 4px 20px 4px;}
.con_txt1_bg{padding-left: 60px;background:url("../images/dsj.gif") 10px 5px repeat-y;}
.con_txt1 p{font-size:86%;line-height:28px;}
.con_txt1 p img{ width: 100%; display: block; margin: 0 auto; }
/*搜索页样式*/
.search_msg{height:30px;font-size:92%;line-height:30px;padding-bottom:10px;margin:10px 0 10px 0px;border-bottom:#ddd 1px solid; font-weight:bold;}
.search_msg .key_txt{color:#e62129;}
dl.s_list{border-bottom:1px dashed #ccc;line-height:1.4em;padding:10px 0 10px;}
dl.s_list dt{height:30px;font-size:89%;color:#414141;}
dl.s_list dt i{height:12px;padding-right:0px 5px;font-style:normal;color:#999;overflow:hidden;}
dl.s_list dt span a{color:#e62129;}
dl.s_list dt span a:hover{text-decoration:underline;}
dl.s_list dt a:hover{color:#e62129;}
dl.s_list dd{color:#999;font-size:86%;}
dl.s_list dd.zy{height:50px;text-indent:20px;padding:5px 0px;color:#585858;}
/*模态在线订购和在线留言*/
/*public*/
.closeBox{float:right;margin-right:10px;font-weight:normal;color:#666;}
.infoBox_tit i{font-size:22px;font-weight:normal;color:#666;}
.infoBox_tit{padding-left:10px;background: #f6f6f6;color: #333;font-size:86%;font-weight: bold;height: 46px;line-height: 46px;border-bottom: 1px solid #D5D5D5;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;}
.reveal-modal-bg { position: fixed; height: 100%;width: 100%;background: #2B2E38;background: rgba(0,0,0,.8);z-index: 99999;display: none;top: 0;left: 0;}
.close-reveal-modal {font-size:20px;float:right;margin-right:10px;font-weight:normal;color:#666;}
.infoBox{position:absolute;z-index:100000;width:800px;border:1px solid #B2B2B2;border:1px solid rgba(43,46,56,.3);box-shadow:1px 1px 5px rgba(43,46,56,.2);box-shadow:1px 1px 50px rgba(43,46,56,.3);visibility:hidden;top:200px;left:50%;margin-left:-400px;position:absolute;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background:#fff;}
.infoBox .boxLayer{padding:0px 0px 20px 0px;}
.infoBox .boxCon{display:block;}
.infoBox .boxCon table td{font-size:86%;}
.infoBox .boxCon .i_r{background-color:#fff;padding:10px 10px;}
.infoBox .boxCon .i_r input,.infoBox .boxCon .i_r img{vertical-align:middle;}
.infoBox .boxCon .i_r .sm{width:218px;}
.infoBox .boxCon .i_r .wm{width:610px;}
.infoBox .boxCon .i_r .gselect{font-size:86%;width:140px;height:32px;}
.infoBox .boxCon .i_r .ginput{height:30px;margin-right:10px;border:#c1c1c1 1px solid;}
.infoBox .boxCon .i_r .vinput{width:140px;height:30px;padding:0px 5px;margin-right:10px;font-size:89%;border:#c1c1c1 1px solid;}
.infoBox .boxCon .i_r .cinput{width:600px;max-width:600px;padding:5px;font-size:89%;margin-right:10px;border:#c1c1c1 1px solid;}
.infoBox .boxCon .i_l{height:auto;background-color:#f9f9f9;text-align:right;font-weight:bold;color:#515151;}
.infoBox .boxCon .button {width:90px;height:36px;line-height:36px;text-align: center; color: #fff;font-size:98%;font-family:"Microsoft Yahei";outline:none;border-radius: 4px; cursor: pointer; padding:0; margin:0; border:none; }
.infoBox .boxCon .submit {background: #d80010;margin-right:10px; }
.infoBox .boxCon .submit:hover{background:#fc6d04;}
.infoBox .boxCon .reset {background: #909090;}
.infoBox .boxCon .reset:hover {background: #616161;}
.infoBox .success{padding:40px;font-size:89%;line-height: 36px;color:#515151;display:none;}
.infoBox .success .green{color:#238E23;font-size: 180%;}

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: 0;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: 0;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: 0;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: 0;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1001px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: 0;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: 0;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: 0;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: 0;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}
/**右侧浮动**/
/* side-bar */
.side-pannel{position:fixed;right:10px;bottom:100px;z-index:9999;}
.side-bar{background:transparent;}
.side-bar a{display:block;cursor:pointer;width:45px;height:45px;position:relative;text-align:center}
.side-model{width:45px;height:45px;margin-top:6px;}
.side-model a.sina-side{background:url("../images/sina-icon.gif"/*tpa=http://www.genuine-opto.com/resource/cms/www/default/images/sina-icon.gif*/) 0px 0px no-repeat;}
.side-model a.sina-side:hover{background:url("../images/sina-icon.gif"/*tpa=http://www.genuine-opto.com/resource/cms/www/default/images/sina-icon.gif*/) 0px -45px no-repeat;}
.side-model a.tencent-side{background:url("../images/tencent-icon.gif"/*tpa=http://www.genuine-opto.com/resource/cms/www/default/images/tencent-icon.gif*/) 0px 0px no-repeat;}
.side-model a.tencent-side:hover{background:url("../images/tencent-icon.gif"/*tpa=http://www.genuine-opto.com/resource/cms/www/default/images/tencent-icon.gif*/) 0px -45px no-repeat;}
.side-model a.code-side{background:url("../images/code-icon.gif"/*tpa=http://www.genuine-opto.com/resource/cms/www/default/images/code-icon.gif*/) 0px 0px no-repeat;}
.side-model a.code-side:hover{background:url("../images/code-icon.gif"/*tpa=http://www.genuine-opto.com/resource/cms/www/default/images/code-icon.gif*/) 0px -45px no-repeat;}
.side-model a.code-side:hover .code-main{display:block;}
.side-model .code-main{display:none;}
.side-model s{position:absolute;top:10px;left:-16px;display:block;height:0;width:0;font-size:0;line-height:0;border-color:transparent transparent transparent  #d1d1d1;border-style:dashed  dashed dashed solid;border-width:10px}
.side-model i{position:absolute;top:-10px;right:-9px;display:block;height:0;width:0;font-size:0;line-height:0;border-color:transparent  transparent transparent #fff;border-style:dashed  dashed dashed solid;border-width:10px}
.side-model .code-con{width:112px;height:115px;padding:15px 7px;border:1px solid #e8e8e8;position:absolute;background-color:#fff;top:-40px;right:60px}
.side-model .code-con p{color:#646464;padding-top:5px;}
.side-model a.qq-side{background:url("../images/qq-icon.gif"/*tpa=http://www.genuine-opto.com/resource/cms/www/default/images/qq-icon.gif*/) 0px 0px no-repeat;}
.side-model a.qq-side:hover{background:url("../images/qq-icon.gif"/*tpa=http://www.genuine-opto.com/resource/cms/www/default/images/qq-icon.gif*/) 0px -45px no-repeat;}
.side-model a.gotop-side{background:url("../images/gotop-icon.gif"/*tpa=http://www.genuine-opto.com/resource/cms/www/default/images/gotop-icon.gif*/) 0px 0px no-repeat;}
.side-model a.gotop-side:hover{background:url("../images/gotop-icon.gif"/*tpa=http://www.genuine-opto.com/resource/cms/www/default/images/gotop-icon.gif*/) 0px -45px no-repeat;}