html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; outline:0; font-size:100%; }
html { height:100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing:antialiased; font-family: sans-serif; }
body { background-color:#fff; height:auto !important; height:100%; font:12px/1.5 Arial, Impact, sans-serif, Helvetica; }
input, textarea, label, button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0.875em; }
input[type="submit"],button{ cursor:pointer; }
caption, th, td { }
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
img { border:0; max-width:100%; vertical-align:middle; -ms-interpolation-mode: bicubic; }
a { color:#333; border:none; text-decoration:none; background: transparent; }
a:active, a:focus { outline: 0; }
a:hover { text-decoration:none; outline: 0; }
ul, li { list-style-type:none; }
.b { font-weight:bold; color:#696969; }
.clear { clear:both; height:0px; overflow:hidden; font-size:0px; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
*+html .clearfix, *html .clearfix { height:1%; }
input[type="text"] , textarea{ color:#999; text-align:left;}
input[type="text"].focusOn , textarea.focusOn{ color:#333;}
 @font-face {
 font-family: 'icomoon';
 src:url('../font/icomoon.eot?ky2qla');
 src:url('../font/icomoon.eot?#iefixky2qla') format('embedded-opentype'), url('../font/icomoon.woff?ky2qla') format('woff'), url('../font/icomoon.ttf?ky2qla') format('truetype'), url('../font/icomoon.svg?ky2qla#icomoon') format('svg');
 font-weight: normal;
 font-style: normal;
}
.justify { text-align:justify; text-justify:inter-ideograph; letter-spacing:0px; font-size:0px; }
.justify:after { content:'.'; height:0px; width:100%; display:inline-block; overflow:hidden; }
.justify .line { content:'.'; display:inline-block; height:0px; overflow:hidden; }
.justify .box { display:inline-block; vertical-align:top; text-align:left; font-size:12px; }
.center { width:1200px; margin:0 auto; max-width:99%; position:relative; }
.ellipsis { white-space:nowrap; text-overflow:ellipsis; display:block; overflow:hidden; }
.black10 { display:block; content:""; width:100%; height:10px; line-height:10px; }
.black20 { display:block; content:""; width:100%; height:20px; line-height:20px; }
.black30 { display:block; content:""; width:100%; height:30px; line-height:30px; }
.black50 { display:block; content:""; width:100%; height:50px; line-height:50px; }
.blue { color:#196ec3; }
 @font-face {
 font-family: 'icomoon';
 src:url('../font/icomoon.eot?ky2qla');
 src:url('../font/icomoon.eot?#iefixky2qla') format('embedded-opentype'), url('../font/icomoon.woff?ky2qla') format('woff'), url('../font/icomoon.ttf?ky2qla') format('truetype'), url('../font/icomoon.svg?ky2qla#icomoon') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
font-family: 'BebasRegular';
src: url("../img/footerbox/bebas.eot");
src: url("../img/footerbox/bebas.eot") format("embedded-opentype"), url("../img/footerbox/bebas.woff") format("woff"), url("../img/footerbox/bebas.ttf") format("truetype"), url("../img/footerbox/bebas.svg#BebasRegular") format("svg");
font-weight: normal;
font-style: normal;
}
#chatToolBox { position: fixed; width: 6.875rem; bottom: 5.625rem; right: -0.3125rem; font-family: Arial, Helvetica, San-serif, 'Microsoft YaHei', SimSun; color: #fff; z-index: 999; }
#chatToolBox i { font-style:normal; }
#chatToolBox a { text-decoration: none; color: #fff; text-align: center; display: block; }
#chatToolBox, #chatToolBox h3, #chatToolBox ul, #chatToolBox li { margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
#chatToolBox li { list-style: none; padding-right: 0.3125rem; }
#chatToolBox #chatToolMail a { font-size: 2.5rem; line-height: 2.75rem; letter-spacing: -1px; padding-top: 1.75rem; padding-bottom: 1.375rem; font-family: BebasRegular, "Arial Narrow", Arial, San-serif; }
#chatToolBox .chatToolContact { font-size: 1rem; background: #444444; margin-top: 0.3125rem; text-transform: capitalize; padding: 0.375rem 0; }
#chatToolBox:hover { right: 0; }
#chatToolBox #chatToolMail i { position: absolute; top: 0; width: 100%; height: 1.75rem; line-height: 1.75rem; text-align: center; background: transparent; cursor: pointer; }
#chatToolBox #chatToolMail i:before { content: '\e63d'; font-size: 1.5rem; font-family: icomoon; }
#chatToolBox.hiddenRight { right: -6.875rem; padding-left: 1.75rem; }
#chatToolBox.hiddenRight #chatToolMail i { width: 1.75rem; height: 3.75rem; line-height: 3.75rem; left: 0; background: inherit; top: 1.25rem; }
#chatToolBox.hiddenRight #chatToolMail i:before { content: '\e625'; }
#chatToolBox { transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; }
#chatToolBox #chatToolMail a { text-transform: uppercase; }
#chatToolMail { background: #0865a7; }
 @media screen and (max-width: 800px) {
#chatToolBox {
display: none;
}
}
#footerToolBar { position: fixed; bottom: 0; left: 0; right: 0; width: 100%; height: 3rem; background: #232323; border-top: 1px solid rgba(255, 255, 255, 0.2); display: none; z-index: 999; }
#footerToolBar #footerBarClose { width: 6.25rem; height: 1.5rem; position: absolute; top: -1.5rem; left: 50%; margin-left: -3.125rem; cursor: pointer; display: none; }
#footerToolBar #footerBarClose:before { content: "\e626"; font-family: icomoon; font-size: 0.75rem; color: #fff; text-align: center; line-height: 1.25rem; position: absolute; bottom: 0; left: 0; width: 100%; height: 1.25rem; background: #232323; border-radius: 4px 4px 0px 0px; overflow: hidden; }
#footerToolBar li { width: 20%; height: 2.8125rem; float: left; text-align: center; border-color: #fff; border-left: 1px solid rgba(255, 255, 255, 0.2); cursor: pointer; margin-top: 0.125rem; }
#footerToolBar li a { display: block; height: 2.8125rem; color: #fff; font-size: 0.75rem; line-height: 1; text-transform: capitalize; opacity: 0.8; padding-top: 1px; }
#footerToolBar li a:before { content: ''; width: 1.875rem; height: 1.25rem; margin: 0.25rem auto; display: block; background: url(../img/footerbox/footer-tool.png) no-repeat; background-size: 149px; }
#footerToolBar li:first-child { border-left: 0px none; }
#footerToolBar .footerBarPro a:before { background-position: -120px 0px; }
#footerToolBar .footerBarTel a:before { background-position: -90px 0px; }
#footerToolBar .footerBarEmail a:before { background-position: 0px 0px; }
#footerToolBar .footerBarMessage a:before { background-position: -30px 0px; }
#footerToolBar .footerBarShare a:before { background-position: -60px 0px; }
#footerToolBar.close { bottom: -2.6875rem; }
#footerToolBar.close #footerBarClose:before { content: '\e627'; }
.toolMask { background: #f7f7f7; position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; display: none; overflow-x: hidden; overflow-y: hidden; z-index: 1200; margin-left: 100%; }
.toolMask, .toolMask a { color: #333; }
.toolMask.moveLeft { margin-left: 0; }
.toolMask .toolTop { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 2.875rem; line-height: 2.8125rem; font-size: 1.125rem; text-align: center; border-bottom: 1px solid #ddd; background: #fcfcfc; padding-right: 2rem; }
.toolMask .toolContent { position: absolute; top: 2.8125rem; width: 100%; left: 0; bottom: 0.3125rem; overflow-y: scroll; background: #f7f7f7; }
.toolMask .toolContent > ul > li { border-top: 1px solid #fff; border-bottom: 1px solid #ddd; font-size: 0.875rem; line-height: 1.2; text-transform: capitalize; position: relative; }
.toolMask .toolContent > ul > li a { display: block; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-right: 1.25rem; }
.toolMask .toolContent > ul > li > a { padding-left: 1.25rem; }
.toolMask .toolContent > ul > li.selected { background: #eee; border-bottom: 3px solid #dadada; }
.toolMask .toolContent > ul > li.selected > a { background: #eee; font-weight: bold; }
.toolMask .toolContent > ul > li.hasUl > a:after { content: '\e622'; font-family: icomoon; color: #999; font-size: 1.125rem; position: absolute; width: 0.75rem; height: 1.125rem; line-height: 1.125rem; text-align: center; right: 0.625rem; top: 0.8125rem; font-weight: normal; }
.toolMask .toolContent > ul > li ul { display: none; }
.toolMask .toolContent > ul > li ul li { border-top: 1px dotted #ccc; font-size: 0.75rem; }
.toolMask .toolContent > ul > li ul li a { padding-left: 2.25rem; }
.toolMask .toolContent .ToolListTitle { font-size: 0.9375rem; padding: 0.625rem; font-weight: bold; background: #e4e4e4; }
.toolMask .toolContent > ul:last-child { padding-bottom: 0.9375rem; }
.toolMask .toolContent > ul:last-child:last-child { padding-bottom: 1.875rem; }
.toolMask #toolCloseBtn { position: absolute; right: 0; top: 0; width: 3.4375rem; height: 2.625rem; cursor: pointer; z-index: 1210; }
.toolMask #toolCloseBtn:before { content: "\e60e"; font-family: icomoon; font-size: 0.875rem; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; border-radius: 50%; overflow: hidden; color: #fff; background: #aaa; position: absolute; top: 0.3125rem; right: 0.3125rem; }
.toolMask #toolCloseBtn:hover:before { background: #bbb; }
.toolMask, #footerToolBar, .toolMask { transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; }
#footerToolBar li, #footerToolBar li a, .toolMask .toolTop { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.toolMask .toolTop { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.toolMask .toolTop, .toolMask .toolContent .ToolListTitle { text-transform: uppercase; }
#container { width:100%; height:auto; overflow:hidden; }
#welcome { width:100%; padding-top: 5px; background:#eff7ff; text-align:right; margin-bottom:13px; }
#welcome .ellipsis { color:#1c6992; font-size:14px; display:inline-block; text-align:left; width:69%; }
#welcome .tel{ background:url(../img/icon_phone.png) no-repeat left; padding-left:11px; }
#welcome .world{ display:inline-block; width:30%; vertical-align:top;}
#welcome .world a { display:inline-block; margin-left:10px;}
#welcome .world img{ width:25px; display:inline-block; }
#head { margin-bottom:19px; }
.menu { display:none; width:100%; background:#13618e; height:35px; line-height:35px; position:relative; }
.menu .menu_left { font-size:15px; display:block; position:absolute; left:0; text-align:left; color:#fff; font-weight:bold; padding-left:40px; cursor:pointer; }
.menu .menu_left:before { content:""; display:inline-block; background:url(../img/icon_menu.png) no-repeat center; width:20px; height:18px; position:absolute; left:10px; top:7px; }
.top_logo { width:14.25%; height:auto; display:inline-block;vertical-align:top; }
.top_nav { width:82%; display:inline-block; text-align:right; vertical-align:bottom; margin-bottom:20px; position:relative; }
.top_nav ul { list-style:none; display:inline-block; }
.top_nav ul li { float:left; }
.top_nav ul li a { font-size:16px; padding:5px 35px; }
.top_nav ul li a:hover { color:#7dabc1 }
.top_nav .pop{ width: 22px; height: 20px; display: block; position:absolute; right: 0; top: 0; background: url(../img/icon_search.png) no-repeat center; cursor: pointer;}
#pop{ display: none; position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; background: rgba(0,0,0,0.9);}
#pop .wrap{ width: 85%; max-width:635px; height: 110px; left: 0; right: 0; top: 0; bottom: 30px; margin:auto; position: absolute; text-align: center; }
#pop .wrap .search{ padding: 30px 6.3%;  background: #fff; border-radius: 5px; overflow: hidden; margin-left:0; }
#pop .wrap form{ position: relative; margin-bottom:8px;}
#pop .wrap input[type=text]{ height: 50px; width: 100%; line-height: 1; font-size:18px; padding-left: 10px; padding-right: 80px; border: 1px solid #196ec3; border-radius: 5px;}
#pop .wrap input[type=submit]{ position: absolute; right:0; top:0; width: 90px; height:50px; background:#196ec3; border: 0px none; font-size: 18px; color: #fff; font-weight: normal; border-radius: 5px;}
#pop .wrap .close{ position:absolute; right:-8px; top:-8px; width:25px; height:25px; line-height:25px; text-align:center; background:#000; color:#fff; border-radius:50%; display:block; font-size:22px; cursor:pointer; border:2px solid #eee;}
#pop .search{text-align:left;}
#pop .search a{ display:inline-block; font-size:14px; margin-right:16px; margin-top:8px; color:#1c6992; }
#pop .search a:hover{text-decoration:underline;}
#banner { margin:0 auto; position:relative; text-align:center; margin:0 auto; }
#banner .pnabout { top:46px; left:51%; }
#banner .pncontact { top:57px; left:36% }
#banner .pnequipments { top:35px; width:70%; padding-left:30%; line-height:1.1;}
#banner .pnequipments b{ text-align:center;}
#banner .pnnew { top:20px; left:49%; }
#banner .pnproduct { top:40px; left:51.2%; }
.banner_img img { width:100%; max-height:440px; }
.banner_nav_one { position:absolute; }
.banner_nav_two { position:absolute; }
.banner_nav_one b { display:block; font-size:52px; color:#fff; }
.banner_nav_one a { display:inline-block; font:12px Arial; color:#fff; position:relative; top:-12px; }
.banner_nav_one a:before { display:inline-block; content:""; background:url(../img/icon_totwo.png) no-repeat; width:13px; height:13px; margin:0 8px; position:relative; top:2.5px; }
.banner_nav_one p{ display:block; padding-top:15px;}
.banner_nav_two p{ display:block; padding-top:15px;}
.banner_nav_one p a:first-child:before { background:none; display:none; }
.banner_nav_two b { display:block; font-size:35px; color:#267398; }
.banner_nav_two a { display:inline-block; font:12px Arial; color:#267398; position:relative; top:-10px; }
.banner_nav_two a:before { display:inline-block; content:""; background:url(../img/icon_totra.png) no-repeat; width:13px; height:13px; margin:0 8px; position:relative; top:2.5px; }
.banner_nav_two p a:first-child:before { background:none; display:none; }
.news_banner { width:30%; height:auto; bottom:0; position:relative; left:18.666%; }
.newsbg .banner_img { background:#f3f8fd; padding-top:12px; }
#main { margin-top:25px; display:block; height:auto; overflow:hidden; }
.main_one { width:100%; height:auto; display:inline-block; margin-bottom:20px; }
.main_one .main_one_box { display:inline-block; width:18.4%; vertical-align:top; border-right:1px solid #e2e6e8; }
#slide_3 { width:26%; display:inline-block; margin-top:18px; }
#slide_3 .eighty-percent { width:75%; margin:0 auto; }
#slide_3 .owl-buttons .owl-prev { display:inline-block; width:30px; height:30px; line-height:30px; margin:0; padding:0; color:#0f5b84; border-radius:0px; background:none; position:absolute; top:37%; left:0; }
#slide_3 .owl-buttons .owl-prev:before { content:"\e625"; font-family:icomoon; background:none; font-size:14px; display:inline-block; }
#slide_3 .owl-buttons .owl-next { display:inline-block; width:30px; height:30px; line-height:30px; margin:0; padding:0; color:#0f5b84; border-radius:0px; background:none; position:absolute; top:37%; right:0; }
#slide_3 .owl-buttons .owl-next:before { content:"\e628"; font-family:icomoon; background:none; font-size:14px; display:inline-block; }
.main_one_box .mob_title { display:block; height:30px; line-height:30px; font-size:25.53px; color:#1c6992; text-align:center; }
.main_one .mob_info { padding:10px 10px 0 25px; text-align:left; font-size:15px; word-wrap:break-word; height:110px; max-height:110px; overflow:hidden; }
.main_one .mob_info>a{ display:block; color:#000;}
.main_one .mob_info >p{ color:#000;}
.main_one .main_one_box > a { text-align:center; display:block; font-size:14px; color:#1c6992; padding-bottom:7.5px;text-transform:capitalize; }
.main_one .main_one_box .icon_more { display:inline-block; font-size:24px; position:relative; top:3px; }
.main_one .bor_none { border:none; }
.main_two_wrap { width:100%; background:#f4f8f9; border-top:1px solid #e2e6e8; border-bottom:1px solid #e2e6e8; margin-bottom:100px; }
.main_two { height:auto; padding-bottom:20px; }
.main_two .main_two_title { display:block; font-size:40px; text-align:center; margin-bottom:15px; text-transform:capitalize; margin-top:10px; }
.main_two .main_two_info { display:inline-block; vertical-align:top; width:56%; font-size:15px; }
.main_two .main_tow_box { display:inline-block; vertical-align:top; margin-left:3%; width:39%; }
.main_two .main_tow_box ul { list-style:none; }
.main_two .main_tow_box ul li{ width:47%; display:inline-block; margin-left:2%;}
.main_two .main_tow_box ul li a { font-size:14px; color:#176991; display:block; height:35px; line-height:35px; border-bottom:1px solid #e2e6e8; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-transform:capitalize; }
.main_two .main_tow_box ul li a:before { content:""; display:inline-block; background:url(../img/icon_to.png) no-repeat; width:13px; height:13px; position:relative; top:2px; margin-right:10px; }
.main_left { width:22.5%; margin-bottom:20px; float:left; display:block; margin-right:3%; }
.main_left .ml_title { font:28px Calibri; background:#267398; display:block; color:#fff; padding-left:10px; height:45px; line-height:45px; }
.main_left .ml_slider_title { font:16px Calibri; background:#e9f1f4; display:block; color:#333;  height:33px; line-height:33px; margin-top:4px; position:relative; cursor:pointer;padding-right:40px; text-transform:capitalize; }
.ml_slider_title a {padding-left:12px; display:block; }
.main_left .hasSon:after { content:"+"; width:40px; height:30px; display:inline-block; color:#267398; font-size:20px; font-weight:normal; position:absolute; top:0; right:0; text-align:center;height:100%; }
.main_left .hasSon.icon_add:after { content:"-"; }
.main_left .hasSon:hover:after,.main_left .icon_add:after{background-color:#267398;color:#fff;}
.main_left ul { list-style:none; display:block; height:auto; width:100%; margin-bottom:30px; display:none; }
.main_left ul li { width:100%; display:block; }
.main_left ul li a { font:12px Calibri; height:30px; line-height:30px; padding-left:6%; border-bottom:1px solid #d1d0d0; width:94%; display:block; }
.main_left .ml_mpg { margin-top:40px; }
.main_right { width:73.4%; display:inline-block; vertical-align:top; position:relative; float:right; }
.main_right .mr_title { display:block; font:32px Calibri; color:#267398; border-bottom:2px solid #267398; padding-left:4%;text-transform:capitalize; }
.main_right .mr_title:before { content:"+"; display:inline-block; width:16px; height:16px; background:#267398; text-align:center; line-height:13.5px; color:#fff; position:absolute; left:0; top:10px; }
.main_right .typein { padding:2%; }
.main_right .product_info { height:auto; padding-bottom:25px; color:#b5b5b5; font-size:12px; border-bottom:1px solid #b5b5b5; }
.main_right .aboutus_info { height:auto; padding:12px 5px 0; font:14px Arial; text-align:left; line-height:22px; }
.main_right .contact_bg { background:url(../img/aboutbg.jpg) no-repeat right; }
.main_right .aboutus_info .one_half { display:inline-block; width:54.6%; text-align:left; }
.main_right .aboutus_info .one_half_img { display:inline-block; width:42%; text-align:left; vertical-align:top; float:right; margin-left:1%; }
.main_right .aboutus_info .fourteen { font:14px Arial; display:block; height:20px; line-height:20px; margin-top:6px; color:#333; }
.main_right .product_box { width:16%; display:inline-block; text-align:center; margin-top:25px; }
.main_right .product_box a{ display:block;}
.main_right .product_box a:hover{ color:#257397;}
.main_right .product_box span img{ border-radius:5px;}
.product_pic .line { width:16%; }
.main_right .product_title { font:14px Calibri; color:#333; display:block; margin:6px 0 4px 0; }
.main_right .news ul li { border-bottom:1px dashed #b9b9b9; width:100%; display:inline-block; position:relative; }
.main_right .news ul li a { font:14px Arial; display:block; width:75%; text-align:left; max-height:85px; overflow:hidden; box-sizing:border-size; line-height:24px; padding:6px 15px; }
.main_right .news ul li a:before { content:"\e642"; position:absolute; display:inline-block; background:none; font-family:icomoon; left:0; color:#267398; font-size:13px; }
.main_right .news .news_time { display:block; position:absolute; right:0; width:11%; line-height:35px; text-align:right; padding-right:5px; top:0; }
.main_right .newslist { display:block; margin-top:40px; }
.main_right .newslist a { display:inline-block; height:20px; line-height:20px; padding:0 6.5px; background:#fff; border:1px solid #e3e3e3; font:12px/20px Arial; text-align:center; }
.main_right .newslist a:hover { background:#267398; }
.main_right .news_par { border-bottom:1px solid #b5b5b5; width:100%; margin-top:20px; padding-bottom:10px; }
.main_right .news_title{ font:24px Arial; color:#267398; text-align:left; }
.main_right .news_title a { font:24px Arial; color:#267398; text-align:left; }
.main_right .newspar_time { color:#b8b8b8; font:16px Calibri; display:block; }
.main_right .hast_info { margin-top:28px;color:#333; }
.main_right .hast_img { width:37.4%; display:inline-block; vertical-align:top; margin-right:0.5%; border-radius:8px; overflow:hidden; cursor:pointer; }
.main_right .hast_link { width:22%; display:inline-block; vertical-align:top; }
.main_right .hast_link .hastp { padding:10px 0 5px 3px; border-bottom:1px dashed #b5b5b5; }
.main_right .hast_link .hastp p { line-height:1.7; text-transform:capitalize;}
.main_right .hast_link .hastp a { color:#000; }
.main_right .hastp .icon_dou:before { display:inline-block; content:"\e642"; font-family:icomoon; position:relative; left:3px; top:2px; }
.main_right .hast_link .propar_share { display:block; margin-top:5px; height:auto; overflow:hidden; }
.main_right .propar_share a { width:16px; height:16px; float:left; margin-right:4px; display:inline-block; margin-top:2px; }
.main_right .hrcon { width:81px; padding:2px 0 2px 8px; font:14px Calibri; color:#fff; display:block; background:#196ec3; border-radius:5px; margin-top:13px; position:relative; }
.main_right .hrcon:after { content:""; display:inline-block; height:0; width:0; border-left:5px solid #fff; border-bottom:5px solid transparent; border-top:5px solid transparent; position:absolute; right:7px; top:5px; }
.main_right .introduction { margin-top:64px; }
.introduction .intro_title { display:inline-block; width:23%; height:40px; background:#d5d5d5; color:#333; text-align:center; font:17px/40px Calibri; margin-bottom:-1px; cursor:pointer; text-transform:capitalize;}
.introduction .intro_title:hover , .introduction .intro_title.selected{ background:#267398; color:#fff; }
.introduction .intro_box { padding:20px; border:1px solid #ccc; }
.main_right .review { margin-top:30px; height:auto; overflow:hidden; }
.review .review_wrap { width:100%; display:block; height:auto; background-image:-webkit-linear-gradient(top, #f2f2f2, #f4f4f4, #eaeaea); background-image:-moz-linear-gradient(top, #f2f2f2, #f4f4f4, #eaeaea); background-image:-ms-linear-gradient(top, #f2f2f2, #f4f4f4, #eaeaea); background-image:linear-gradient(top, #f2f2f2, #f4f4f4, #eaeaea); overflow:hidden; margin-bottom:25px; overflow:hidden; }
.review_title { display:block; height:48px; width:29%; background:#196ec3; color:#fff; text-align:center; font:21px/48px Calibri; }
.review input[type=text] { width:100%; border:1px solid #ccc; outline:none; height:27px; margin-bottom:14px; font:14px Calibri; padding-left:10px; }
.review textarea { width:100%; font:15px Calibri; padding-left:10px; height:100px; border:1px solid #b5b5b5; outline:none; max-width:100%; box-sizing:border-box; }
.review .autocode_img { display:inline-block; margin-top:25px; cursor:pointer; }
.review input[name=code] { width:113px; padding:0; border:1px solid #b5b5b5; display:inline-block; padding-left:10px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; }
.review .review_bt { font:12px Arial; color:#b5b5b5; display:inline-block; padding:7px 35px; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; margin-right:10px; border:1px solid #3881cb; background:none; cursor:pointer; }
.review .review_bt:hover { color:#3881cb; }
.related { margin-top:47px; height:auto; }
.related .related_wrap { display:block; height:auto; background:#dbebf2; margin-bottom:42px; }
.related .related_title { height:35px; line-height:35px; width:20.3%; background:#196ec3; color:#fff; font:17px/35px Calibri; display:block; text-align:center; }
.related .related_img { width:30%; display:inline-block; vertical-align:top; margin-bottom:20px; }
.related .related_img img{ border-radius:8px; overflow:hidden;}
.related .line{ width:30%; }
.related .related_info a { display:block; text-align:center; margin-top:10px; color:#347c9f; font:14px Calibri; text-transform:capitalize;}
.newsletter { width:100%; text-align:center; height:50px; line-height:50px; text-align:center; background:#13618e; margin-bottom:35px; margin-top:30px; }
.newsletter a { font-size:18px; color:#fff; }
.newsletter .icon_email { display:inline-block; background:url(../img/icon_email.png) no-repeat; width:24px; height:18px; position:relative; top:4px; right:10px; }
#footer { padding-bottom:40px; }
.footer_logo { display:inline-block; width:13%; vertical-align:top; }
.footer_info { display:inline-block; width:35%; vertical-align:top; font-size:14px; padding-left:7%; padding-top:5px; line-height:25px; margin-bottom:5px }
.footer_info p{ text-transform:capitalize;}
.footer_link { display:inline-block; width:43%; vertical-align:top; font-size:14px; padding-top:5px; line-height:25px; }
.footer_link .copyright { margin-bottom:10px; text-transform:capitalize; }
.footer_link .share a { width:27px; height:27px; display:inline-block; }

 @media only screen and (max-width: 1205px) {
.main_two .main_two_info{width:54%;}

}
 @media only screen and (max-width: 1150px) and (max-width: 1800px) {
.main_two .main_two_info {
padding-left:5%;
width:90%;
}
.main_two .main_two_title {
font-size:34px;
}
.main_two .main_tow_box {
width:80%;
margin-top:10px;
}
.main_right .hast_img {
width:31%;
text-align:left;
}
.main_right .hast_link {
width:32%;
}
.related .related_img {
width:30%;
}
.main_right .news_title a {
font-size:20px;
}
.banner_nav_one b {
font-size:32px;
margin-bottom:5px;
}
.banner_nav_two b {
font-size:32px;
margin-bottom:5px;
}
 #banner .pnabout {
top:25px;
left:43%;
}
#banner .pncontact {
top:25px;
left:30%;
}
#banner .pnequipments {
top:16px;
left:5%;
}
#banner .pnproduct {
top:25px;
}
.top_nav ul li a{ padding:5px 30px;}
}
 @media only screen and (max-width: 950px) {
.top_logo{ width:20%; margin-bottom:15px; margin-left:40%;}
.top_logo img{ width:100%;}
.top_nav{ width:100%;}
.top_nav ul{ padding-right:20px;}
.review_title {
font-size:16px;
}
.main_right .mr_title {
font-size:28px;
}
.main_right .mr_title {
padding-left:4.8%;
}
.main_right .news ul li a {
line-height:22px;
}
.main_right .hast_img {
width:48%;
}
.main_right .product_box,.main_right .line{ width:18%;}
}
 @media only screen and (max-width: 860px) {
.main_right .product_box,.main_right .line{ width:23%;}
}


 @media only screen and (max-width: 800px) {
#footer{ padding-bottom:65px;}
.top_nav .pop{ padding:0 6px; height:35px; line-height:35px; top:-35px; background:#2173a3 url(../img/icon_search.png) no-repeat center;}
#footerToolBar, .toolMask {
display: block;
}
#welcome .ellipsis{ display:none;}
#welcome .world{ width: 100%; text-align: center;}
#head {
text-align:center;
width:99%;
}
#banner {
margin-top:10px;
}
.menu {
display:block;
}
.top_logo {
min-width:165px; margin-left:0;
}
.top_nav {
width:100%;
display:none;
text-align:left;
}
.top_nav ul {
width:100%;
background:#eff7ff;
width:100%
}
.top_nav ul li {
width:100%;
float:none;
display:block;
width:100%
}
.top_nav ul li a {
display:block;
color:#13618e;
padding-left:7%;
}
.top_nav ul li a:hover {
background:#2173a3;
color:#fff;
}

#slide_3 {
width:60%;
margin-left:20px;
margin-top:20px;
}
.main_one .main_one_box {
width:32%;
}
.main_left {
width:32%;
}
.main_right {
width:64%;
}
.main_right .product_box,.main_right .line{ width:48%;}
.main_right .hast_img {
width:49%;
}
.main_right .hast_link {
width:90%;
}
.main_right .news_title a {
font-size:16px;
}
.main_right .mr_title {
padding-left:5%;
}
.review_title {
font-size:16px;
}
.introduction .intro_title {
width:30%;
}
.review_title {
width:40%;
}
.main_right .news ul li a {
width:70%;
}
.main_right .news .news_time {
width:20%;
}
.related .related_img {
width:48%;
}
}
 @media only screen and (max-width: 760px) {
.main_right .contact_bg{ background:none;}
.main_left .hasSon:after{background-color:#267398;color:#fff;}
#slide_3 {
width:94%;
margin-left:20px;
margin-top:20px;
}
.main_left {
width:99.8%;
margin-top:20px;
}
 .main_right {
width:100%;
}
.ml_mpg {
display:none;
}
 .main_right .hast_img {
margin-bottom:10px;
}
 .top_nav ul li a {
padding:5px 18px;
}

.main_right .product_box {
width:47%;
}
#head {
margin-bottom:5px;
}
 #welcome .icon_phone {
display:none;
}
.main_one .main_one_box {
width:48%
}
 .newsletter {
margin-bottom:10px;
}
.main_two .main_two_title {
font-size:25px;
}
.block {
display:block;
}
.top_logo {
width:30%;
}
.top_nav {
display:block;
width:100%;
text-align:left;
}
.related .related_img {
width:47%;
}
.review_title {
font-size:14px;
width:22%;
}

.banner_nav_one b, .banner_nav_two b {
font-size:18px;
}
.main_two_wrap {
margin-bottom:25px;
}
.main_right .product_box,.main_right .line{ width:31%;}
}

 @media only screen and (max-width: 640px) {
.related .related_img {
width:48%;
margin-top:25px;
}
.related .related_wrap {
margin-bottom:0;
}
.block {
display:block;
}
}
 @media only screen and (max-width: 600px) {
.main_right .product_box,.main_right .line{ width:48%;}
.main_left {
width:97%;
margin-left:1%
}
.main_left .ml_mpg {
width:90%;
margin-left:1%
}
 .news_banner {
width:40%;
}
 .main_one .main_one_box {
width:98%;
border:none;
}
.main_one_box .mob_title, .main_one .main_one_box a {
text-align:left;
padding-left:5%
text-transform:capitalize;
}
.main_two .main_two_title {
font-size:20px;
text-align:left;
padding-left:5%;
}
.main_two .main_tow_box {
width:90%;
margin-top:20px;
margin-left:2%;
}
.newsletter {
margin-top:25px;
}
.footer_logo {
width:40%;
padding-left:2%;
}
.footer_info {
width:94%;
padding-left:2%;
line-height:normal;
}
.footer_link {
width:94%;
padding-left:2%;
line-height:normal;
}
.black50 {
display:none;
}
.related .related_title, .review_title {
font-size:12px;
}
.review_title {
width:28%;
}
.main_two_wrap {
margin-bottom:35px;
}
.banner_nav_one {
position:relative;
display:block;
width:95%;
text-align:left;
padding-left:2%;
}
.banner_nav_two {
position:relative;
display:block;
width:95%;
text-align:left;
padding-left:2%;
}
.banner_nav_one b {
display:inline-block;
top:-10px;
position:relative;
margin-right:5px;
color:#267398;
}
.banner_nav_two b {
color:#267398;
display:inline-block;
top:-10px;
position:relative;
margin-right:5px;
}
 .banner_nav_one a {
color:#267398;
display:inline-block;
}
.banner_nav_two a {
color:#267398;
display:inline-block;
}
.banner_nav_one a:before {
background:url(../img/icon_totra.png) no-repeat;
}

#banner .pnabout {
top:25px;
left:0;
}
#banner .pncontact {
top:25px;
left:0;
}
#banner .pnequipments {
top:25px;
left:2%;
padding-left:0;
}
#banner .pnproduct {
top:25px;
left:0;
}
#banner .pnnew {
top:25px;
left:0;
}
}
@media only screen and (max-width: 540px) {
.top_nav ul li a {
padding-left:8%;
}
.related .related_title, {
width:35%;
}
.main_right .mr_title {
font-size:24px;
padding-left:6%;
}
.main_right .mr_title:before {
top:7px;
}
}
@media only screen and (max-width: 480px) {
.introduction .intro_title{ width:100%; font-size:15px; border-top:1px solid #fff; display:block;}
.main_two .main_tow_box ul li{ width:98%;}
.related .related_img {
width:90%;
}
#slide_3{ margin-left:0; width:99%;}
.newsletter a {
font-size:14px;
}
.review_title {
font-size:12px;
}

.top_nav ul li a {
display:block;
color:#13618e;
padding-left:9%;
}
.related, .product_pic {
text-align:center;
}
.related .related_title, .review_title {
width:30%;
}
.main_right .product_box,.main_right.line {
width:80%;
}
.main_right .hast_img {
width:97%;
margin-left:1%;
}
.ml_mpg {
display:block;
}
}
 @media only screen and (max-width: 430px) {
 .review_title {
width:34%;
}
.main_right .mr_title {
padding-left:8%;
}
}
 @media only screen and (max-width: 380px) {
.related .related_title, .review_title,{
font-size:12px;
}
.main_two .main_two_title, .main_one_box .mob_title, .main_left .ml_title {
font-size:18px;
}
.top_nav ul li a {
padding-left:12%;
}
.related .related_title {
width:32%;
}
.main_right .news ul li a {
width:60%;
}

.review_title {
width:42%;
}
.main_right .news .news_time {
width:24%;
}
}
 * Core Owl Carousel CSS File v1.3.3 */ /* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* display none until init */
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .item img { display: block; width: 100%; height: auto; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }
/* mouse grab icon */
.grabbing { cursor: url(grabbing.png) 8 8, move; }
/* fix */
/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/
.owl-theme .owl-controls { margin-top: 10px; text-align: center; }
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */
margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; }
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); opacity: 1; text-decoration: none; }
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline;
}
.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; }
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); opacity: 1; }
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
/* preloading images */
.owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center; }
/* Owl Carousel CSS3 Transitions v1.3.2 */
.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; }
/* fade */
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease;
}
.owl-fade-in { -webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }
/* goDown */
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both;
}
.owl-goDown-in { -webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both;
}

/* Keyframes */
/*empty*/
@-webkit-keyframes empty { 0% {
opacity: 1;
}
}
@-moz-keyframes empty { 0% {
opacity: 1;
}
}
@keyframes empty { 0% {
opacity: 1;
}
}
@-webkit-keyframes fadeIn { 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn { 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
@keyframes fadeIn { 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
@-webkit-keyframes fadeOut { 0% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
@-moz-keyframes fadeOut { 0% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
@keyframes fadeOut { 0% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
@-webkit-keyframes backSlideOut { 25% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
 75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
}
@-moz-keyframes backSlideOut { 25% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
 75% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
}
@keyframes backSlideOut { 25% {
opacity: .5;
transform: translateZ(-500px);
}
 75% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
}
@-webkit-keyframes backSlideIn { 0%, 25% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
 100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0);
}
}
@-moz-keyframes backSlideIn { 0%, 25% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
 100% {
opacity: 1;
-moz-transform: translateZ(0) translateX(0);
}
}
@keyframes backSlideIn { 0%, 25% {
opacity: .5;
transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
transform: translateZ(-500px);
}
 100% {
opacity: 1;
transform: translateZ(0) translateX(0);
}
}
@-webkit-keyframes scaleToFade { to {
opacity: 0;
-webkit-transform: scale(0.8);
}
}
@-moz-keyframes scaleToFade { to {
opacity: 0;
-moz-transform: scale(0.8);
}
}
@keyframes scaleToFade { to {
opacity: 0;
transform: scale(0.8);
}
}
@-webkit-keyframes goDown { from {
-webkit-transform: translateY(-100%);
}
}
@-moz-keyframes goDown { from {
-moz-transform: translateY(-100%);
}
}
@keyframes goDown { from {
transform: translateY(-100%);
}
}
@-webkit-keyframes scaleUpFrom { from {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleUpFrom { from {
opacity: 0;
-moz-transform: scale(1.5);
}
}
@keyframes scaleUpFrom { from {
opacity: 0;
transform: scale(1.5);
}
}
@-webkit-keyframes scaleUpTo { to {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleUpTo { to {
opacity: 0;
-moz-transform: scale(1.5);
}
}
@keyframes scaleUpTo { to {
opacity: 0;
transform: scale(1.5);
}
}
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close { background-image: url("../img/fancybox/fancybox_sprite.png"); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url("../img/fancybox/fancybox_loading.gif") center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("../img/fancybox/blank.gif"); /* helps IE */ -webkit-tap-highlight-color: transparent; z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 2.5rem; height: 4.125rem; line-height: 4.125rem; text-align: center; margin-top: -33px; cursor: pointer; z-index: 8040; visibility: hidden; background: url(../img/fancybox/bg-black64.png) repeat; background: rgba(0, 0, 0, 0.64); }
.fancybox-nav span:before { font-family: icomoon; font-size: 36px; color: #fff; }
.fancybox-prev span { left: 3px; }
.fancybox-prev span:before { content: '\e63b'; }
.fancybox-next span { right: 3px; }
.fancybox-next span:before { content: '\e63c'; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("../img/fancybox/fancybox_overlay.png"); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); }

body.fofGray { background: #adb4bf; }
.fofContainer { width: 97%; max-width: 942px; margin-left: auto; margin-right: auto; overflow: hidden; padding-bottom: 35px; font-family: Arial, Helvetica, San-serif, 'Microsoft YaHei', SimSun; font-size: 12px; line-height: 1.75; }
.fofCenter, .fofWrap input, .fofSearch, .fofLeft img { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.fofCenter.justify .box, .displayList li dl.fofCenter .box { font-size: 12px; }
.fofHeader { text-align: center; }
.fofHeader #logo { padding: 16px 0; margin: 0 auto; position: static; background: none; text-align: center; }
.fofHeader #logo:before, .fofHeader #logo:after { display: none; }
.fofCopy { text-align: right; color: #fff; padding-right: 2%; margin-top: 6px; }
.fofCenter { background: #fff; border-radius: 7px; overflow: hidden; border: 1px solid #697076; padding: 1.91489%; position: relative; }
.fofCenter.justify > div, .displayList li dl.fofCenter > div { vertical-align: middle; }
.fofCenter:before { content: ''; width: 1px; overflow: hidden; position: absolute; background: #c4c9ce; top: 20px; bottom: 20px; left: 51.5%; }
.fofCenter .fofLeft, .fofCenter .fofRight { padding: 8px 0; margin: 1.2% 0; }
.fofCenter .fofLeft { width: 49.22566%; }
.fofCenter .fofRight { width: 45.02212%; }
.fofCenter .fofSearch { width: 365px; max-width: 100%; position: relative; margin-left: auto; margin-right: auto; margin-top: 9.66292%; padding-right: 105px; position: relative; }
.fofCenter .fofSearch input { height: 29px; border-radius: 6px; overflow: hidden; }
.fofCenter .fofSearch input[type="text"] { border: 1px solid #9099a2; background: #fff; box-shadow: inset 0px 5px 9px rgba(186, 194, 205, 0.4); width: 100%; line-height: 23px; padding: 2px 5px; }
.fofCenter .fofSearch input[type="submit"] { background: -webkit-linear-gradient(top, #fa8c2b, #fa8c2b); background: -moz-linear-gradient(top, #fa8c2b, #fa8c2b); background: -o-linear-gradient(top, #fa8c2b, #fa8c2b); background: -ms-linear-gradient(top, #fa8c2b, #fa8c2b); background: linear-gradient(top, #fa8c2b, #fa8c2b); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFA8C2B', endColorStr='#FFFA8C2B', gradientType='0');
line-height: 27px; color: #fff; border-width: 1px; border-type: solid; border-color: #fdc797 #985519 #5e340f #f2a35f; width: 95px; text-align: center; position: absolute; top: 0; right: 0; font-size: 14px; text-transform: capitalize; }
.fofCenter .fofLeft img { display: block; margin-left: auto; margin-right: auto; }
.fofCenter .fofRight, .fofCenter .fofRight a { color: #9099a2; }
.fofCenter .fofRight .fofTitle { font-size: 22px; line-height: 1.2; margin-bottom: 6px; }
.fofCenter .fofRight > p { font-size: 13px; line-height: 18px; overflow: hidden; max-height: 72px; color: #bac2cd; }
.fofCenter .fofRight > dl { margin-top: 3.25581%; padding-top: 14px; }
.fofCenter .fofRight > dl dt.box { font-size: 17px; line-height: 1.2; margin-bottom: 9px; width: 100%; }
.fofCenter .fofRight > dl dd { width: 47%; line-height: 15px; border-bottom: 1px solid #dfe3e8; }
.fofCenter .fofRight > dl dd a { display: block; padding: 6px 0; }
.fofCenter .fofRight > dl dd a:before { content: '→'; font-size: 13px; padding-right: 4px; color: #666666; }
.fofCenter .fofRight .fofShare { padding-top: 12px; margin-top: 3.72093%; }
.fofCenter .fofRight .fofShare span { font-size: 17px; line-height: 1.2; }
.fofCenter .fofRight .fofShare span, .fofCenter .fofRight .fofShare a { display: inline-block; vertical-align: middle; margin-right: 12px; }
.fofCenter .fofRight .fofShare a { width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 3px; overflow: hidden; font-size: 16px; }
.fofCenter .fofRight .fofShare a:before { font-family: icomoon; color: #fff; }
.fofCenter .fofRight .fofShare a:last-child { margin-right: 0; }
.fofCenter .fofRight .fofShare .fofFb { background: #213392; }
.fofCenter .fofRight .fofShare .fofFb:before { content: '\e62c'; }
.fofCenter .fofRight .fofShare .fofTw { background: #21abe7; }
.fofCenter .fofRight .fofShare .fofTw:before { content: '\e62b'; }
.fofCenter .fofRight .fofShare .fofIn { background: #0080b2; }
.fofCenter .fofRight .fofShare .fofIn:before { content: '\e630'; }
@media screen and (max-width: 945px) {
.fofCenter .fofRight .fofShare a { width: 34px; height: 34px; line-height: 34px; font-size: 20px; }
.fofCenter .fofRight > dl dd a { padding: 10px 0; }
}
@media screen and (max-width: 650px) {
.fofCenter { padding: 15px; }
.fofCenter:before { display: none; }
.fofCenter .fofLeft, .fofCenter .fofRight { width: 100%; }
.fofCenter .fofSearch { margin-top: 5%; margin-bottom: 3%; }
.fofCenter .fofLeft img { padding-right: 2%; }
}
@media screen and (max-width: 400px) {
.fofCenter .fofRight > dl dd { width: 100%; }
.fofCenter .fofRight > p { line-height: 18px; overflow: hidden; height: 72px; max-height: none; }
}


.justify.box2 .box{ width:47%; text-align:center; margin-bottom:15px;}
.justify.box2 .box img{ border-radius:10px;}
	@media screen and (max-width:350px){
		.justify.box2 .box{ width:100%;}
	}

.tag_two .tagBox_two { padding:1.8%; border:1px solid #eee;}
.tag_two .tagList_two li{ display: inline-block; width: 20%; height: 40px; background: #d5d5d5;color: #333; text-align: center; font: 17px/40px Calibri; margin-bottom: -1px;cursor: pointer; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; float:left; border-left:1px solid #fff; font-weight:bold; text-transform:capitalize;}
.tag_two .tagList_two li:first-child{ border-left:0px none;}
    .tag_two .tagList_two li.selected{ background:#267398; color:#fff;}
	.tag_two .tagBox_two .img{ display:inline-block; float:right; width:32%; padding-top:13px;}
        .tag_two .tagBox_two .img img{ border-radius:10px;}
	.tag_two .tagBox_two .info{ display:inline-block; float:left; width:65%;}
	.tag_two .tagBox_two .info .one{ margin-bottom:16px;}
	.tag_two .tagBox_two .info .one b{ font-size:13px; font-weight:bold; margin-bottom:10px; display:block;}
	.tag_two .tagBox_two .info .two{ line-height:1.5;}