@charset "utf-8";
@import url("core.css");
/* CSS Document */
body { background-color:#fff; font-family:'Microsoft Yahei',Arial, Helvetica, sans-serif; font-size:14px; color:#333; }
.center, #center { width:1200px; margin:0 auto; }
#top { background:#f1f1f1; margin:0 auto; width:100%; z-index:9999; height:143px; float:left; }
#header { height:98px; position:relative; width:1200px; margin:0 auto; z-index:9999; }
a.logo { position:absolute; left:0; top:22px;}
a.logo img { }
/**/
.lang_a { position:absolute; right:0; top:10px; font-size:12px; }
.contact_icon { background:url(../img/icon_tel.jpg) no-repeat left center; padding-left:18px; color:#a0a0a0; display:block; float:left; line-height:24px; }
.contact_icon:hover { color:#2060a9 }
.lang_lg { float:left; margin-left:15px; position:relative; }
.lang_lg em { background:url(../img/icon_la.jpg) no-repeat 10px center; color:#a0a0a0; line-height:24px; padding:0 10px; padding-left:35px; height:24px; display:block; border-left:1px solid #f1f1f1; border-right:1px solid #f1f1f1; border-top:1px solid #f1f1f1; }
.lang_lg ul { display:none; position:absolute; left:0; top:24px; background:#fff; padding:5px 0; text-align:center; width:100%; z-index:9999; font-size:12px; border-left:1px solid #999; border-right:1px solid #999; border-bottom:1px solid #999; }
.lang_lg ul li { line-height:normal }
.lang_lg ul li a { display:block; padding:3px 10px; }
.lang_lg ul li a:hover { background:#2060a9; color:#fff }
.lang_lg.on em { background-color:#fff; color:#2060a9; border-left:1px solid #999; border-right:1px solid #999; border-top:1px solid #999; }
/* nav*/
#nav { height:45px; background:#484848; float:left; width:100% }
#menu { position:relative; z-index:9998; margin:0 auto; width:1200px; height:45px; }
.menu_tel { display:block; position:absolute; right:0; top:0; height:45px; line-height:45px; font-weight:bold; color:#fff; font-size:16px; padding:0 20px; background:#373739 }
ul.dropdown { position:relative; zoom:1; float:left; background:#373739; padding:0 0px; }
.hasNav { float:left; }
ul.dropdown li { position:relative; float:left; }
ul.dropdown li.selected a { color:#fff; background:#484848 }
ul.dropdown li.selected a font { }
ul.dropdown li a { color:#4c4c4c; padding:0 30px; text-decoration:none; display:block; float:left; text-align:left; line-height:45px; }
ul.dropdown li a font { display:block; font-size:15px; color:#fff; font-weight:bold; text-transform:uppercase }
ul.dropdown li a:hover { color:#fff; background:#484848 }
ul.dropdown li a:hover font { }
/*LEVEL TWO*/
ul.dropdown ul { margin:0; list-style-type:none; display:none; position:absolute; top:45px; left:0px; width:200px; padding:5px 0; /*background:#2060a9*/ background:#484848; }
ul.dropdown ul li { float:none; margin-left:0; padding:0; position:relative }
ul.dropdown li.selected ul li a, ul.dropdown li ul li a { display: block; float:none; text-align:left; padding:6px 25px; height:auto; font-size:13px; line-height:20px; color:#fff; text-transform:capitalize; font-weight:normal; line-height:normal; margin:0; border:0; background:none }
ul.dropdown li.selected ul li a:hover,ul.dropdown li ul li a:hover{ color:#fff; /* background:#d93732 */background:#a5a5a5}
ul.dropdown ul li:last-child { }
#menu4 ul { width:158px; }
#menu6 ul { width:100%; }
/**/
#form_search { position:absolute; right:0; top:55px; z-index:9998 }
#search { -webkit-border-radius:5px; border-radius:5px; -moz-border-radius: 5px; border:1px solid #999999; display:block; float:left; }
#search #form { display:block; }
#search .search_input { float:left; padding:5px 10px; width:160px; display:block; font-size:12px; border:0; background:none }
#search .search_btn { display:block; width:25px; height:26px; border:0; cursor:pointer; float:right; background:url(../img/icon_se.jpg) no-repeat center center; }
/**/
#banner { height:700px; margin:0 auto; }
#banner li p a { height:700px; background-position:center center; background-repeat:no-repeat }
/****/
.index_solutions { padding:80px 0; float:left; width:100% }
.solutions_h1 { font-size:30px; color:#2060a9; display:block; text-align:center }
.solutions_p { color:#3d3d3d; font-size:15px; line-height:24px; display:block; text-align:center; padding-top:15px; }
.index_solutions ul { float:left; width:100% }
.index_solutions ul li { float:left; width:180px; text-align:center; font-size:13px; margin-right:75px; margin-top:48px; margin-bottom:20px; }
.index_solutions ul li a { display:block; position:relative; }
.index_solutions ul li a i { transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; background:rgba(0, 0, 0, 0.5) url(../img/op_logo.png) no-repeat center center; background-size:1005 100%; width:100%; height:100%; position:absolute; left:0; top:0; display:block; opacity:0; -webkit-opacity:0; -moz-opacity:0; }
.index_solutions ul li a:hover i { opacity:1; -webkit-opacity:1; -moz-opacity:1; }
.index_solutions ul li.odd { float:right; margin-right:0 }
.index_solutions ul li span { display:block; position:relative }
.index_solutions ul li img { display:block; width:180px; height:221px; }
.index_solutions ul li b { font-size:16px; color:#595656; display:block; padding-top:20px; padding-bottom:5px; }
.index_solutions ul li a:hover b { color:#2060a9 }
.index_solutions ul li a p { color:#585858 }
/***/
#index_news { background:#f5f5f5; padding:50px 0 }
.news_three { float:left; width:100%; }
.news_three li { text-align:center; float:left; width:33.333333% }
.news_three li span { display:block; width:200px; height:200px; -webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%; margin:0 auto; border:0px solid #c2c2c2; overflow:hidden; position:relative }
.news_three li span:before { background:url(../img/yuanbg.png) no-repeat center center; background-size:100% 100%; content:""; position:absolute; left:0; top:0; display:block; width:100%; height:100%; z-index:9990 }
.news_three li img { display:block; width:200px; height:200px; -webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.news_three li a:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); }
.news_three li b { display:block; font-size:18px; color:#1968b3; display:block; padding-top:20px; text-transform:uppercase }
.index_news_ul { float:left; width:100%; margin-top:50px; }
.index_news_ul li { float:left; width:365px; margin-right:52.5px; height:155px; position:relative }
.index_news_ul li.odd { float:right; margin-right:0 }
.index_news_ul li b a { font-size:14px; line-height:1.4 }
.index_news_ul li b a:hover { color:#1968b3 }
.index_news_ul li p { color:#3d3d3d; font-size:13px; line-height:1.6; display:block; padding-top:8px; }
.index_news_ul li p.pmore { position:absolute; left:0; bottom:0; width:100% }
.index_news_ul li p.pmore a { color:#1968b3; }
/**/
#partner_index { background:#f5f5f5; border-top:1px solid #dcdcdc; padding:20px 0; }
.partner_center { width:1200px; margin:0 auto; height:46px; overflow:hidden; position:relative; padding-left:85px; }
.partner_center label { position:absolute; left:0; top:23px; font-size:16px; color:#004698; font-weight:bold; }
.partner_center img { height:46px; }
.partner_center .swiper-slide { text-align: center; font-size: 18px; background: #fff; float:left; width:auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.str_wrap { overflow:hidden; width:100%; font-size:12px; line-height:46px; position:relative; -moz-user-select: none; -khtml-user-select: none; user-select: none; white-space:nowrap; }
.str_wrap.str_active { background:#f1f1f1; }
.str_move { white-space:nowrap; position:absolute; top:0; left:0; cursor:move; }
.str_move_clone { display:inline-block; vertical-align:top; position:absolute; left:100%; top:0; }
.str_vertical .str_move_clone { left:0; top:100%; }
.str_down .str_move_clone { left:0; bottom:100%; }
.str_vertical .str_move, .str_down .str_move { white-space:normal; width:100%; }
.str_static .str_move, .no_drag .str_move, .noStop .str_move { cursor:inherit; }
.str_wrap img { max-width:none !important; }
/***/
#footer { background:#dadada; float:left; width:100%; padding:40px 0; color:#6b6a6a; font-size:12px; padding-bottom:30px; }
.footer { width:1200px; margin:0 auto; }
.footer li { float:left; margin-right:60px; }
.footer li b { display:block; padding-bottom:8px; }
.footer li b a { font-size:14px; color:#545454; text-transform:uppercase }
.footer li p a { line-height:24px; color:#6b6a6a }
.footer li p a:hover { color:#1968b3 }
.footer li.contact { float:right; margin-right:0; width:564px; padding-right:133px; position:relative }
.footer li.contact span { display:block; width:117px; position:absolute; right:0; top:0; text-align:center; line-height:20px; }
.footer li.contact b { display:block; padding-bottom:10px; font-size:15px; font-weight:normal; color:#545454 }
.footer li.contact p { font-size:13px; line-height:1.4; padding-left:20px; position:relative; margin-bottom:5px; }
.footer li.contact p:before { width:14px; height:18px; display:block; position:absolute; left:0; top:0; content:""; background:url(../img/ficon.jpg) no-repeat left -44px }
.footer li.contact p.tel:before { background-position:left -88px; }
.footer li.contact p.email:before { background-position:left -113px; }
/***/
.copyright { border-top:1px solid #c2c2c2; margin-top:20px; padding-top:20px; }
.copyright p { display:block; margin:0 auto; position:relative; width:1200px; }
.copyright p a { vertical-align:top; color:#4d4d4d }
.share_icon { position:absolute; right:0; top:-8px }
/*.share_icon a { background:url(../img/fli.png) no-repeat; width:33px; height:33px; display:inline-block; margin-left:5px; }
.share_icon a.qq { background-position:-43px center; }
.share_icon a.sina { background-position:-86px center }
.share_icon a.twitter { background-position:-128px center }
.share_icon a.facebook { background-position:-171px center }
.share_icon a.in { background-position:-214px center }
.share_icon a:hover { background-image:url(../img/fli2.png) }*/
.share_icon a { background:url(../img/share_con.png) no-repeat; width:33px; height:33px; display:inline-block; margin-left:5px; }
.share_icon a.qq { background-position:-81px center; }
.share_icon a.sina { background-position:-40px center }
.share_icon a.twitter { background-position:-162px center }
.share_icon a.facebook { background-position:-121px center }
.share_icon a.in { background-position:-202px center }
.share_icon a.youtube{ background-position:-243px center}
.share_icon a.skype{ background-position:right center}
.share_icon a.weixin { position:relative }
.share_icon a.weixin span { display:none; position:absolute; left:-48px; top:-117px; width:117px; }
.share_icon a.weixin span img { display:block; width:117px; height:117px; }
.share_icon a:hover span { display:block }
/*******/
#center_body { background-color:#f5f5f5; padding-top:30px; background-repeat:no-repeat; background-position: center top; padding-bottom:40px; }
#article-left { float:left; width:236px; padding-bottom:80px; }
.category_title { background:#464648; color:#fff; font-size:14px; font-weight:bold; text-transform:uppercase; padding:30px 20px; }
.category_title h1 { font-size:28px; }
#category_ul { padding-top:10px; background:#f5f5f5 }
#category_ul li { margin-bottom:3px }
#category_ul li a.page-a { display:block; padding:10px 20px; color:#3d3d3d; text-transform:capitalize; background:#eee; border-left:4px solid #5590d4; padding-left:16px; border-bottom:1px solid #ddd; border-top:1px solid #fff; }
#category_ul li.hover a.page-a, .product_m #category_ul li.hover a.page-a { background:#2060a9 url(../img/icon_jt1.png) no-repeat 206px 9px; color:#fff; border-left:4px solid #2060a9; }
#category_ul li a.page-a:hover { color:#2060a9; background:#eee url(../img/icon_jt2.png) no-repeat 206px 9px }
#category_ul li.hover a.page-a:hover { background:#2060a9 url(../img/icon_jt1.png) no-repeat 206px 9px; color:#fff }
/**/
.product_m #category_ul li a.page-a { color:#2060a9; background:#eee url(../img/icon_jt2.png) no-repeat 206px 9px }
/***/
#position_center { background:#f5f5f5; padding:15px 0 }
#position_center .position { width:1200px; margin:0 auto; background:url(../img/bg_home.png) no-repeat left center; padding-left:20px; color:#333 }
#position_center .position a { vertical-align:top; color:#333 }
#position_center .position a:hover { color:#2060a9 }
.category_li { background:#f5f5f5; border-left:4px solid #ddd; padding:5px 0; padding-bottom:3px; }
.category_li li a { display:block; font-size:12px; line-height:1.3; padding:4px 20px }
.category_li li a:hover { color:#2060a9 }
.category_li li .category_div{background:#f5f5f5; padding:4px 0; padding-left:10px; padding-bottom:0}
.category_li li.hover a { color:#fff; background:#7bb0ec }
.category_li li.hover .category_div{ background:#f5f5f5}
.category_li li.hover .category_div a,.category_li li .category_div a{ color:#666; background:#f5f5f5}
.category_li li.hover .category_div p,.category_li li .category_div p{ position:relative}
.category_li li.hover .category_div p:before,.category_li li .category_div p:before{ height:4px; width:4px; background:#666; content:""; position:absolute; left:10px; top:9px; display:block}
.category_li li.hover .category_div p.hover a,.category_li li.hover .category_div a:hover{ color:#7bb0ec}
.category_li li.hover .category_div p.hover:before{ background:#7bb0ec}
/***/
.left_full { display:block; text-align:center; padding-top:45px; padding-bottom:20px; }
.left_full h2 { font-size:30px; font-weight: bold; color: #2060a9; text-transform: uppercase; }
.left_full p { display:block; margin-top:30px; position:relative }
.left_full p:before { height:1px; width:100%; position:absolute; left:0; top:15px; background:#ddd; content:""; z-index:0 }
.left_full a { border:1px solid #ddd; display:inline-block; background:#fff; padding:8px 10px; margin:0 5px; position:relative; z-index:9997 }
.left_full a.hover, .left_full a:hover { background:#2060a9; color:#fff; border-color:#2060a9 }
/**/
#article-right { float:right; width:964px; padding:0 30px; background:#fff }
#center_body #center { background:#e6eaec; position:relative }
#center_body #center:before { width:0px; height:100%; position:absolute; left:235px; top:0; background:#f2f2f2; content:""; }
.current_title { display:block; border-bottom:1px solid #ddd; padding:20px 0; position:relative; margin-top:15px; }
.current_t font { font-size:18px; font-weight:bold; color:#2060a9; text-transform:uppercase; display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width:360px; }
.current_title .position { position:absolute; right:0; top:22px; background:url(../img/bg_home.png) no-repeat left center; padding-left:20px; color:#666; display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width:400px; }
.current_title .position a { vertical-align:top; color:#666 }
.current_title .position a:hover { color:#1968b3 }
.current_content { display:block; font-size:14px; line-height:24px; padding:25px 0; min-height:500px; padding-bottom:40px; }
.current_content img { max-width:100%; vertical-align:top; height:auto}
/***/
.news_list { }
.news_list li { float:left; width:100%; position:relative; }
.news_list li a:hover { color:#fff; }
.news_list li a:hover * { color:#fff }
.news_list li a { display:block; height:110px; border-bottom:1px solid #f5f5f5; padding:15px 0; padding-left:200px; padding-right:100px; background:url(../img/bg26.png) no-repeat 1140px center; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
.news_list li a * { transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
.news_list li a:hover { background:#1968b3 url(../img/white_icon.png) no-repeat 1150px center; padding-left:180px; }
.news_list li a:before { height:75px; width:1px; background:#ddd; content:""; position:absolute; left:160px; top:15px }
.news_list li a:hover:before { background:#fff; left:150px; }
.news_list li a:hover span { left:0px; }
.news_list li span { display:block; position:absolute; left:10px; top:15px; color:#2060a9; padding:0px 20px; line-height:normal }
.news_list li span i { display:block; font-style:normal; font-size:40px; }
.news_list li span em { display:block; font-size:20px; color:#222 }
.news_list li b { font-size:16px; font-weight:normal }
.news_list p { font-size:14px; color:#666; line-height:1.5; padding-top:6px; }
.tit { display:block; font-size:16px; text-align:center; word-break:break-all; word-wrap:break-word; line-height:1.4 }
.n_p { text-align:center; display:block; font-size:12px; text-transform:lowercase; padding-top:8px; }
.news_list li a:hover { color:#1968b3 }
/***/
.activy_list { }
.activy_list li { float:left; width:100%; position:relative; }
.activy_list li a { display:block; height:160px; padding:15px 0px; border-bottom:1px solid #eee; padding-left:250px; padding-right:100px; background:url(../img/bg26.png) no-repeat 1140px center; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
.activy_list li a * { transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
.activy_list li b { font-size:16px; font-weight:normal }
.activy_list li img { display:block; position:absolute; left:10px; top:15px; width:200px; height:auto; height:118px; }
.activy_list p { font-size:14px; color:#666; line-height:1.5; padding-top:6px; }
.activy_list li a:hover { background:#1968b3 url(../img/white_icon.png) no-repeat 1150px center; color:#fff; padding-left:270px; }
.activy_list li a:hover * { color:#fff; }
.activy_list li a:hover img { left:20px; }
/***/
.solutions_list { }
.solutions_list li { float:left; width:100%; position:relative }
.solutions_list li a { display:block; border-bottom:1px solid #f5f5f5; padding:15px; height:180px; padding-left:290px; padding-right:100px; background:url(../img/bg26.png) no-repeat 1140px center; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
.solutions_list li a * { transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
.solutions_list li span { display:block; float:left; width:250px; position:absolute; left:15px; top:15px; }
.solutions_list li span img { display:block; width:100%; height:150px; }
.solutions_list li a b { font-size:16px; font-weight:normal }
.solutions_list li p { display:block; font-size:14px; line-height:1.6; color:#666; display:block; padding-top:10px; }
.solutions_list li a:hover { color:#fff; background:#1968b3 }
.solutions_list li a:hover * { color:#fff }
.solutions_list li a:hover { background:#1968b3 url(../img/white_icon.png) no-repeat 1150px center; color:#fff; padding-left:310px; }
.solutions_list li a:hover span { left:25px; }
/***/
.product_list { }
.product_list li { float:left; width:200px; margin-right:33.33333333333333px; margin-bottom:20px; }
.product_list li span { display:block; border:1px solid #efefef; padding:0px; display:block; margin-bottom:5px; }
.product_list li img { width:198px; height:198px; display:block }
.product_list li a b { font-weight:normal; font-size:12px; text-align:center; display:block; line-height:18px; height:36px; overflow:hidden; }
.product_list li a:hover { color:#1968b3 }
.product_list li.clear{ display:none}
.product_list li.odd_4{ margin-right:0}
.product_category{ display:none}
/***/
.bigsmall { float:left; width:352px; }
.bigcontent { float:right; width:510px; }
.bigcontent h1 { font-size:16px; }
/***/
.tabclick { float:left; width:100%; margin-top:20px; border-bottom:1px solid #eee; background:#eee }
.tabclick li { float:left; }
.tabclick li span { display:block; padding:6px 20px; color:#333; cursor:pointer }
.tabclick li.on span { background:#1968b3; color:#fff }
.blickitem { display:none; padding:0 5px; }
/***/
.show_h { margin-top:25px; background:#eee; padding:5px 20px; color:#333 }
.product_index { display:block; padding-top:20px; padding-bottom:35px; }
.product_index .box { width:160px; float:left; margin-right:25px; }
.product_index .box img { width:160px; height:160px; display:block; border:1px solid #f5f5f5; }
.product_index .box p a { display:block; font-size:12px; line-height:16px; text-align:center; padding-top:10px; }
.product_index .box p a:hover { color:#1968b3 }
/**/
#pages { text-align:center; padding:0px 0; margin-top:40px; padding-bottom:10px; }
#pages .a1 { display:none; }
#pages a { border:1px solid #1968b3; padding:2px 7px; margin:0 3px; font-size:12px; color:#1968b3; }
#pages span, #pages a:hover { border: 1px solid #1968b3; padding:2px 7px; margin:0 3px; font-size:12px; background:#1968b3; color:#fff; }
/***/
.Recruitment_list { width:85%; margin:0 auto }
.job_item { float:left; width:100%; margin-bottom:10px; }
.job_h1 { padding:8px 25px; background:#fff url(../img/job_i.png) no-repeat 98% 14px; cursor:pointer; border:1px solid #eee; font-weight:bold }
.job_p { display:none; padding:15px; font-size:12px; border:1px solid #eee; background:#f5f5f5 }
.job_h1.on { background:#1968b3; color:#fff; background-image:url(../img/job_i2.png); background-repeat:no-repeat; background-position:982px 14px }
/***/
.contact_us_form { width:600px; padding-left:10px; }
.contact_us_form p { background:#ccc; display:block; padding:10px 15px; font-size:14px; color:#000; }
.contact_us_form ul { padding:5px 0px; }
.contact_us_form li { position:relative; padding:4px 0; font-size:14px; color:#212121; }
.contact_us_form li label { padding:6px 0; font-size:13px; display:block; text-align:left; }
.contact_us_form li input[type='text'] { border:1px solid #dedede; background:#fff; padding:10px 15px; font-size:13px; line-height:normal; display:block; width:100%; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.contact_us_form li textarea { resize:none; border:1px solid #dedede; height:100px; background:#fff; font-size:13px; padding:10px 15px; display:block; width:100%; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.contact_us_form li.textarea label { }
.contact_us_form li.submit { margin-top:10px; float:left; width:100% }
.contact_us_form li.submit input { display:inline-block; border:1px solid #0074c0; background:none; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:13px; text-transform: uppercase; color:#0074c0; padding:8px 15px; cursor:pointer; font-family:'Microsoft Yahei'; margin-right:35px; }
.contact_us_form li.submit input.reset { border:1px solid #0074c0; background:none; }
.contact_us_form li.submit input:hover { background:#0074c0; color:#fff }
.contact_us_form input, .contact_us_form textarea { -moz-border-radius:4px; -webkit-border-radius: 4px; -o-border-radius:4px; border-radius: 4px; }
.contact_us_form li input[type='text']:focus, .contact_us_form li textarea:focus { border-color:#39F }
/*********member********/
.table_form .input-text.Validform_error, .table_form textarea.Validform_error { border:1px solid #F00 }
.Validform_checktip { margin-left:0; padding:0px 6px; font-size:12px; color:#F00 }
.info { border:1px solid #F00; padding:2px 20px 2px 5px; border-radius:2px; color:#F00; position:absolute; display:none; line-height:20px; background-color:#fff; }
.dec { bottom: -8px; display: block; height: 8px; overflow: hidden; position: absolute; left: 10px; width: 17px; }
.dec s { font-family: simsun; font-size: 16px; height: 19px; left: 0; line-height: 21px; position: absolute; text-decoration: none; top: -9px; width: 17px; }
.dec .dec1 { color: #F00; }
.dec .dec2 { color: #fff; top: -10px; }
/***/
.search_list { }
.search_list li { border-bottom:1px solid #f5f5f5; padding:10px 0; font-size:14px; }
.search_list li font { margin-right:15px; }
.search_list li a:hover { color:#e60012 }
.index_news_ul li.four { display:none }
.index_news_ul li.clear { display:none }
.index_solutions ul li.clear { display:none; }
@media all and (max-width:1300px) {
#banner {
height:53.84615384615385vw;
}
#banner li p a {
height:53.84615384615385vw;
background-size:auto 100%
}
#banner .flexslider {
height:53.84615384615385vw;
}
.mobile_fixed {
height:143px;
}
#top {
}
#header {
width:100%;
padding:0 3.84615384615385%;
}
a.logo {
left:3.84615384615385%
}
.lang_a {
right:3.84615384615385%
}
#form_search {
right:3.84615384615385%
}
#nav {
padding:0 3.84615384615385%;
}
#menu {
width:100%
}
.center, #center {
padding:0 3.84615384615385%;
width:100%
}
#partner_index {
padding: 20px 3.84615384615385%
}
.partner_center {
width:100%
}
#footer {
padding-left:3.84615384615385%;
padding-right:3.84615384615385%
}
.footer {
width:100%
}
.copyright {
}
.copyright p {
width:100%
}
.index_solutions ul li {
width:16.30769230769231vw;
margin-right:2.08230769230769vw;
margin-top:4.69230769230769vw;
margin-bottom:0
}
.index_solutions ul li img {
width:100%;
height:auto;
}
.index_solutions ul li a p {
line-height:18px;
}
/***/
.index_news_ul li {
width:28.07692307692308vw;
margin-right:3.03846153846154vw;
height:auto
}
.index_news_ul li p.pmore {
position:static
}
.index_news_ul li p {
}
.index_news_ul li.odd {
}
#position_center{ padding:10px 3.84615384615385%}
#position_center .position{ width:100%; background-position:left 0px;}
}
@media all and (max-width:800px) {
.index_solutions {
padding:10vw 0;
padding-bottom:9vw;
}
}
@media all and (max-width:1000px) {
.left_full{  padding:0px 3.84615384615385%;padding-top:4.5vw; padding-bottom:0; text-align:left;}	
.left_full p{margin-top:3vw;}
.left_full a{ margin-top:5px; margin-left:0; font-size:12px; padding:7px 8px;}
 .news_three li span {
width:25vw;
height:25vw;
}
 .news_three li img {
width:25vw;
height:25vw;
}
#innerbaner{ display:none}
}
@media all and (max-width:780px) {
 .news_three li b {
font-size:16px;
}
 .index_news_ul {
margin-top:5.41025641025641vw;
}
 .index_news_ul li {
width:48%;
margin-right:0;
height:auto;
margin-top:1vw;
}
 .index_news_ul li p {
max-height:85px;
overflow:hidden
}
 .index_news_ul li.four {
display:block
}
 .index_news_ul li.even {
float:right
}
 .index_news_ul li.odd {
float:left;
}
 .index_news_ul li.clear {
display:block;
width:100%
}
}
@media all and (max-width:670px) {
 .index_solutions ul li.li_5 {
display:none
}
 .index_solutions ul li {
width:23%;
margin-right:2.666666666666667%;
}
 .index_solutions ul li.li_4 {
margin-right:0
}
 .index_solutions ul li b {
font-size:15px;
}
 .solutions_h1 {
font-size:25px;
}
 .solutions_p {
font-size:14px;
line-height:20px;
}
}
@media all and (max-width:480px) {
 .index_solutions ul li.li_5 {
display:none
}
 .index_solutions ul li {
width:45%;
margin-right:10%;
}
 .index_solutions ul li.li_2 {
margin-right:0
}
 .index_solutions ul li.li_4 {
margin-right:0
}
 .index_solutions ul li b {
font-size:15px;
}
 .index_solutions ul li.clear {
display:block;
width:100%
}
 #index_news {
padding:10.41666666666667vw 0;
}
.left_full h2{ font-size:25px;}
}
@media all and (max-width:460px) {
.index_news_ul li {
width:100%;
margin-right:0;
height:auto;
margin-top:1vw;
}
.news_three li b {
padding-top:15px;
}
}
@media all and (max-width:408px) {
 .news_three li b {
font-size:15px;
line-height:22px;
}
}
@media all and (max-width:360px) {
 .news_three li b {
font-size:14px;
line-height:20px;
}
}
@media all and (max-width:1280px) {
 .footer li.contact {
padding-right:0;
width:401px;
}
 .footer li.contact span {
display:none
}
}
@media all and (max-width:1120px) {
 .footer li.contact {
float:left;
width:100%;
margin-top:20px;
border-top:1px solid #c2c2c2;
padding-top:20px;
}
 .share_icon {
display:block;
position:static;
padding-top:15px;
}
 .copyright p {
line-height:20px;
}
}
@media all and (max-width:680px) {
 .footer li {
float:left;
width:100%;
margin-right:0;
padding:4px 0;
border-bottom:1px solid #c2c2c2;
line-height:normal
}
 .footer li b {
padding-bottom:0
}
 .footer li p {
line-height:18px;
margin:0;
padding:0
}
 .open_p {
padding-bottom:5px;
display:none;
padding-top:5px;
padding-left:10px;
}
 .footer li.contact {
margin-top:0;
border:0;
padding-top:10px;
margin-bottom:0
}
 .copyright {
margin-top:0;
padding-top:10px;
}
 .footer li b {
display:block;
position:relative;
cursor:pointer;
padding:4px 10px
}
 .footer li b:after {
content:"";
background:url(../img/flic.png) no-repeat;
display:block;
width:8px;
height:7px;
position:absolute;
right:10px;
top:9px;
}
 .footer li.contact b:after {
display:none
}
 .footer li.on b:after {
background-image:url(../img/flic1.png)
}
 .footer li.on b {
background:#1968b3;
color:#fff
}
 .footer li.on b a {
color:#fff
}
 .footer li.on .open_p {
display:block
}
}
.menu_lang { display:none }
.menu_icon{ display:none}
@media all and (max-width:1000px) {
 .lang_a {
display:none
}
 #form_search {
display:none
}
 #top {
position:fixed;
left:0;
top:0;
width:100%;
height:auto;
}
 #header {
height:auto;
z-index:9999;
padding-top:10px;
padding-bottom:10px;
float:left; width:100%;
background:#373739

}
 a.logo {
display:block;
position:static;
width:125px;
height:25px;
background:url(../img/op_logo.png) no-repeat;
float:left;
}
 a.logo img {
display:none
}
#nav {
display:none;
position:fixed;
left:0;
top:0;
width:100%;
background:rgba(0, 0, 0, 0.6);
height:100%;
padding:0;
overflow:auto;
z-index:9997;
padding-top:45px;
}
#menu {
height:auto;
background:#484848;
float:left;
padding:8px 0;
z-index:9997;
}
 ul.dropdown {
width:100%;
background:#484848;
}
 ul.dropdown li {
width:100%
}
 .menu_lang {
display:block;
float:left
}
 .menu_tel {
position:static;
display:block;
padding:0;
padding-top:10px;
margin:0;
background:none;
float:left;
width:100%;
text-align:center;
font-size:20px;
}
 .menu_icon {
position:absolute;
right:3.84615384615385%;
top:11px;
display:block;
cursor:pointer;
}
 .menu_icon font {
background:url(../img/menu_3g.png) no-repeat;
width:20px;
height:20px;
background-size:100% 100%;
display:block
}
 .menu_icon font.on {
background-image:url(../img/menu_3c.png);
}
ul.dropdown li{border-bottom:1px solid #5e5e5e}
ul.dropdown li li{ border:0}
ul.dropdown li a{ float:left; width:100%; height:auto; line-height:normal; padding:12px 3.84615384615385%; font-weight:normal;}
ul.dropdown li a.child:before{ background:url(../img/icon-dd1.png) no-repeat; width:10px; height:7px; position:absolute; right:20px; top:18px; display:block; content:"";}
.menu_lang{ text-align:center; width:100%; padding:15px 0}
.menu_lang a{ color:#fff; margin:0 15px; font-size:14px;}
.mobile_fixed{ height:45px;}
ul.dropdown ul{ position:static; padding:10px 0; margin:0; float:left; width:100%; height:auto; /*background:rgba(32,96,199,0.5);*/ background:#484848}
ul.dropdown li.on{border-bottom:1px solid #5e5e5e}
ul.dropdown li.on a.child{ background-color:#373739;}
ul.dropdown li.on a.child:before{ background-image:url(../img/icon-dd2.png)}
ul.dropdown li.on ul{ display:block}
#menu4 ul,#menu6 ul{ width:100%;}
/****/
.left_full p:before{ display:none}
}
.contact_us_form li.li_50_left{ float:left; width:50%; padding-right:50px;}
.contact_us_form li.li_50_right{ float:left; width:50%; padding-left:50px;}
@media all and (max-width:1300px) {
	.activy_list li a{ background:none;padding-right:20px;}
	.activy_list li a:hover { background:#1968b3; color:#fff;padding-left: 250px;}
    .activy_list li a:hover * { color:#fff; }
    .activy_list li a:hover img { left:10px; }
	.activy_list li b{ max-height:41px; overflow:hidden}
	.activy_list p{ overflow:hidden; max-height:70px;}
	/***/
	.solutions_list li a{ background:none;padding-right:20px;}
	.solutions_list li a:hover { background:#1968b3; color:#fff;padding-left:250px;}
    .solutions_list li a:hover * { color:#fff; }
    .solutions_list li a:hover span { left:10px; }
	.solutions_list li b{ max-height:41px; overflow:hidden}
	.solutions_list p{ overflow:hidden; max-height:70px;}
	/***/
	.news_list li a{ padding-right:20px; background-image:none}
	.news_list p{ height:48px; overflow:hidden}
	.news_list li b{ font-size:15px;
	font-weight: normal;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
	.Recruitment_list{ width:100%}
	/**/
	.contact_us_form li.li_50_left{ float:left; width:50%; padding-right:3.84615384615385vw;}
    .contact_us_form li.li_50_right{ float:left; width:50%; padding-left:3.84615384615385vw;}
}
@media all and (max-width:800px) {
	.activy_list li a{ background:none; padding:10px 0; padding-left:170px; height:109px;}
	.activy_list li img{ width:150px; height:89px; top:10px; left:0}
	.activy_list li b{
    font-weight: normal;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; font-size:14px;}
	.activy_list p{
		text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp:2;}
	.activy_list li a:hover {padding-left: 170px; background:none}
	.activy_list li a:hover img { left:0px; }
	.activy_list li a:hover *{ color:#1968b3}
	.activy_list li a:hover b{ color:#1968b3}
	.current_content{ min-height:inherit; padding-bottom:0px;}
	/***/
	.solutions_list li p{ line-height:1.4; padding-top:0; margin-top:5px; max-height:58px;}
	.solutions_list li a{ background:none; padding:10px 0; padding-left:170px; height:109px;}
	.solutions_list li span{ width:150px; height:89px;top:10px; left:0}
	.solutions_list li span img{ width:150px; height:89px; }
	.solutions_list li b{
    font-weight: normal;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; font-size:14px;}
	.solutions_list p{
		text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp:2;}
	.solutions_list li a:hover {padding-left: 170px; background:none}
	.solutions_list li a:hover span { left:0px;}
	.solutions_list li a:hover *{ color:#1968b3}
	.solutions_list li a:hover b{ color:#1968b3}
		/***/
	.news_list li a{ padding-left:110px; padding-right:0}	
	.news_list li a:before{ left:90px;}
	.news_list li span{ left:0; padding-left:0; padding-right:0}
	.news_list li span i{ font-size:30px;}
	.news_list li a:hover { background:none; padding-left:110px; }
	.news_list li a:hover:before { background:#ddd; left:90px; }
	.news_list li a:hover span { left:0px;}
	.news_list li a:hover{ color:#1968b3}
	.news_list li a:hover *{color:#1968b3}
}
.contact_p_left{ float:left; width:642px;}
.contact_p_right{ float:right; width:400px;}
@media all and (max-width:1200px) {
.contact_p_left{ float:left; width:100%;}
.contact_p_right{ float:right; width:100%; margin-top:15px;}	
}
@media all and (max-width:520px) {
	.activy_list li img{ width:100px; height:62px; top:16px; left:0}
	.activy_list li a{ background:none; padding:10px 0; padding-left:120px; height:99px;}
	.activy_list li a:hover {padding-left: 120px; background:none}
	/**/
	.solutions_list li{ }
	.solutions_list li span{ top:16px; left:0;width:100px; height:62px;}
	.solutions_list li span img{ width:100px; height:62px;}
	.solutions_list li a{ background:none; padding:10px 0; padding-left:120px; height:auto}
	.solutions_list li a:hover {padding-left: 120px; background:none}
	/**/
	.news_list li span i{ font-size:20px;}
	.news_list li span{ top:18px;}
	.news_list li a{ padding-left:78px; padding-right:0}	
	.news_list li a:before{ left:65px;}
	.contact_us_form li.li_50_left{ float:left; width:80%; padding-right:0vw;}
    .contact_us_form li.li_50_right{ float:left; width:80%; padding-left:0vw;}
	#contact_iframe{ margin-top:15px;}
}
@media all and (max-width:1299px) {
	#center_body.product_body{ padding-top:0; padding-bottom:0}
	.product_category{ display:block; padding-top:30px;}
	.product_category select{ padding:5px 10px; max-width:100%}
	.product_m{ display:none}
	.product_body #article-right{ width:100%; padding:0}
	.product_body .inner{ background:#fff}
	#center_body.product_body #center{ background:#fff}
	.product_body .current_title{ margin-top:10px; padding:10px 0}
	.product_list li{ margin-right:0; width:20%;}
	.product_list li span{ width:200px; margin:0 auto; margin-bottom:5px;}
	.product_list li.odd_4{ margin-right:0}
	.product_list li.odd_5{ margin-right:0}
	.current_title .position{top:10px}
	.bigcontent{ width:auto; float:left; margin-left:25px;}
}
.product_index .odd_5{ margin-right:0}
@media all and (max-width:981px) {
.product_index .box{ width:20%; margin-bottom:10px; margin-right:0}	
.product_index .box img{ margin:0 auto;}
}
@media all and (max-width:914px) {
	.bigcontent{ width:100%; float:left; margin-left:0px; margin-top:15px;}
	.blickitem{width:100%; overflow:auto}
	.product_index .box img{ margin:0 auto; width:17.5054704595186vw; height:17.5054704595186vw;}
	.product_index .odd_5{ display:none}
}
@media all and (max-width:800px) {
	.product_index .box{ width:25%; margin-bottom:10px; margin-right:0}	
	.product_index .box img{ margin:0 auto; width:20.5054704595186vw; height:20.5054704595186vw;}
}
@media all and (max-width:500px) {
	.product_index .box{ width:33.33333%; margin-bottom:10px; margin-right:0}	
	.product_index .box img{ margin:0 auto; width:27.5054704595186vw; height:27.5054704595186vw;}
	.product_index .odd_4{ display:none}
}
@media all and (max-width:380px) {
	.product_index .box{ width:50%; margin-bottom:10px; margin-right:0}	
	.product_index .box img{ margin:0 auto; width:40.5054704595186vw; height:40.5054704595186vw;}
	.product_index .odd_4{ display:block}
}
@media all and (max-width:1123px) {
	.product_list li{ margin-right:0; width:25%;}
	.product_list li span{ width:200px; margin:0 auto; margin-bottom:5px;}
	.product_list li.odd_4{ margin-right:0}
	.product_list li.odd_5{ margin-right:0}
}
@media all and (max-width:900px) {
	.product_list li{ margin-right:0; width:33.33333%;}
	.product_list li span{ width:200px; margin:0 auto; margin-bottom:5px;}
	.product_list li.odd_4{ margin-right:0}
	.product_list li.odd_5{ margin-right:0}
}
@media all and (max-width:676px) {
	.product_list li{ margin-right:0; width:50%;}
	.product_list li span{ width:200px;margin:0 auto; margin-bottom:5px;}
	.product_list li.odd_4{ margin-right:0}
	.product_list li.odd_5{ margin-right:0}
	.current_title .position{ display:none}
}
@media all and (max-width:465px) {
	.product_list li{ margin-right:0; width:50%;}
	.product_list li span{ width:43.01075268817204vw;margin:0 auto; margin-bottom:5px;}
	.product_list li img{ width:43.01075268817204vw; height:43.01075268817204vw}
	.product_list li.odd_4{ margin-right:0}
	.product_list li.odd_5{ margin-right:0}
}
@media all and (max-width:360px) {
	.product_list li{ margin-right:0; width:50%;}
	.product_list li span{ width:40.01075268817204vw;margin:0 auto; margin-bottom:5px;}
	.product_list li img{ width:40.01075268817204vw; height:40.01075268817204vw}
	.product_list li.odd_4{ margin-right:0}
	.product_list li.odd_5{ margin-right:0}
}
/***/
.goods_thumb_carousel{ position:relative}
#goods_pics_left { width:352px; float:left;}
#goods_thumb { width:352px; height:352px; position:relative; border:1px solid #868786; }
#goods_thumb .goods_thumb_pic { position:absolute; left:0; top:0; width:100%; height:100%; }
#goods_thumb .goods_thumb_pic p { display:block; padding:0; margin:0; }
#goods_thumb .goods_thumb_pic p img {width:350px;height:350px; display:block }
#goods_thumb .goods_thumb_pic p font { display:block; text-align:center }
.justify-content { height:100%; width:100%; margin:0; padding:0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center }
#goods_pics_wrapper .item a { display:block; border:1px solid #868786; padding:3px; cursor:pointer; }
#goods_pics_wrapper .item a:hover, #goods_pics_wrapper .item a.hover { border-color:#2060a9; border-width:1px; padding:3px; }
#goods_pics_wrapper .item a img { display:block; max-width:100%; margin:0 auto }
#goods_pics_wrapper .owl-prev, #goods_pics_wrapper .owl-next { position:absolute; top:50%; margin-top:-15px; width: 25px; height: 25px; z-index: 0; line-height: 25px; display: inline-block; font-size: 18px; text-align: center; border-width: 1px; border-style: solid; border-color: #2060a9; color: #2060a9; display: inline-block; background-image:none; cursor:pointer}
#goods_pics_wrapper .owl-prev { left:-40px; }
#goods_pics_wrapper .owl-next { right:-40px; }
#goods_pics_wrapper .owl-prev:hover, #goods_pics_wrapper .owl-next:hover { background-color:#2060a9; color:#fff }
#goods_pics_wrapper .goods_thumb_carousel { padding:0 40px; margin-top:8px; }
#view_big_pics{ font-size:25px; color:#666; position:absolute; right:0; bottom:0; z-index:9999; cursor:pointer; padding:6px; display:inline-block; }
@media all and (max-width:500px) {
#goods_pics_left{ width:100%; float:none;}	
#goods_pics_wrapper{ float:none; margin-left:0; margin:0 auto; width:100%; padding:0 0px;}	
#goods_right{ float:left; margin-right:0; width:100%; padding-left:20px; margin-top:20px; padding-right:20px;}
.description_content{ padding:0 20px;}
#goods_thumb{ display:none}
#goods_pics_wrapper .goods_thumb_carousel{ padding:0}
#goods_pics_wrapper .item a:hover, #goods_pics_wrapper .item a.hover{ padding:0; border:0}
#goods_pics_wrapper .item a{ padding:0; border:0}
#goods_pics_wrapper .owl-nav{ display:none}
#goods_pics_wrapper .owl-prev{ left:-30px; z-index:999; background:#e60012; color:#fff}
#goods_pics_wrapper .owl-next{ right:-30px; z-index:999; background:#e60012; color:#fff}
.goods_thumb_carousel .owl-dots{ display:block; bottom:0px;}
.goods_thumb_carousel .owl-dots{ display:block; position:absolute; left:0; bottom:0px; width:100%; text-align:center}
.goods_thumb_carousel .owl-dots .owl-dot{ width:12px; height:12px; background:#eee; -webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%; display:inline-block; margin:0 5px;}
.goods_thumb_carousel .owl-dots .owl-dot.active{ background:#e60012}
.current_content{text-align: justify;}
	}