﻿section, article, aside, header, footer, nav, figure { display: block; }
body, h1, h2, h3, h4, h5, h6, blockquote, div, dl, dt, dd, ul, ol, li, p, pre, form, fieldset, legend, button, input, textarea, th, td, tr, table, tbody, thead, tfoot, em, strong, span, figure { margin: 0; padding: 0; }
html { font-size: 100%; }
body { font-size: 14px; }
body, button, input, select, textarea { font-family: Microsoft YaHei !important; color: #666; outline: none; }
h1, h2, h3, h4, h5, h6, button, input, select, textarea { font-size: 100%; font-style: normal; font-weight: normal; }
p, ul, li, dl, dd, dt, form, h1, h2, h3, h4, h5, h6 { list-style: none; }
a { color: #666; text-decoration: none; }
a:hover {}
fieldset, img { border: 0; }
img { display: block; }
em, i { font-weight: normal; font-style: normal; }
table { border-collapse: collapse; border-spacing: 0; }
input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; outline: 0; }
.clear { clear: both; font-size: 0; height: 0; overflow: hidden; }
.line5 { clear: both; font-size: 0; height: 5px; overflow: hidden; }
.line10 { clear: both; font-size: 0; height: 10px; overflow: hidden; }
.line15 { clear: both; font-size: 0; height: 15px; overflow: hidden; }
.line20 { clear: both; font-size: 0; height: 20px; overflow: hidden; }
.line30 { clear: both; font-size: 0; height: 30px; overflow: hidden; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
.fn { float: none; }
.fl { float: left !important; }
.fr { float: right !important; }
.wrap { background-size: cover !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.lead-logo { position: absolute; top: 10%; }
.lead-box { position: absolute; bottom: 5%; left: 50%; }
.lead-box .lead-language { margin-bottom: 20px; }
.lead-box .lead-language .cn { display: inline-block; width: 110px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #016bb5; margin: 0 10px 0 100px; }
.lead-box .lead-language .en { display: inline-block; width: 110px; height: 30px; line-height: 30px; text-align: center; color: #016bb5; background: #fff; border: 1px solid #016bb5; }
.suctan_foot { width: 100%; height: 46px; position: fixed !important; z-index: 1000; left: 0; bottom: 0; background: url(../images/fot.png) repeat; font-family: "Microsoft Yahei"; }
#hottitle { margin: 0 auto; padding-top: 20px; }
#hottitle li { margin: 0 50px 50px; color: #fff; font-size: 12px; }
.logo-wrap { position: relative; height: 90px; overflow: hidden; width: 1040px; margin: 0 auto; }
.logo-wrap .logo { float: left; margin-top: 12px; }
.logo-wrap .logo img { height: 67px; width: 538px; }
.logo-wrap .tel { color: #e77918; font-size: 22px; float: right; position: absolute; right: 0px; top: 36px; height: 70px; background: url(../images/img_03.jpg) no-repeat 44px 2px; width: 236px; display: block; text-align: right; line-height: 55px; }
.index-banner { width: 100%; height: 500px !important; }
.index-banner .flexslider { height: 500px !important; }
.index-banner .flexslider .slides li a { display: block; height: 500px; }
.index-banner .flexslider .flex-control-nav { bottom: 13px !important; }
.index-banner .flexslider .flex-control-paging li a { width: 16px !important; height: 16px !important; background: none !important; border-radius: 16px !important; border: 1px solid #fff !important; }
.index-banner .flexslider .flex-control-paging li a.flex-active { background: #fff !important; }
.wrapper, .menu { width: 1200px; margin: 0px auto; }
.header .menu { height: 100px; }
.header .menu .logo { width: 431px; height: 46px; float: left; display: block; margin-top: 30px; }
.header .menu .logo img { width: 100%; height: 100%; }
.header .menu .menu-list { font-size: 16px; display: table; padding: 15px 0 0 0; float: right; }
.header .menu .menu-list li { float: left; margin: 0px 20px; }
.header .menu .menu-list li a { display: block; color: #000; text-align: center; padding: 20px 0; box-sizing: border-box; }
.header .menu .menu-list li.current a { border-bottom: 4px solid #016bb5; color: #016bb5; }
.header .menu .menu-list li a i { display: block; }
.header .menu .menu-list li a em { display: block; font-family: arial; font-size: 16px; text-align: center; line-height: 29px; }
.first-w { margin-top: 50px; }
.first-w .about-w { width: 380px; overflow: hidden; float: left; margin-right: 40px; }
.first-w .about-w:last-child { margin-right: 0px; width: 360px; }
.first-w .about-w .about-img { display: block; width: 100%; height: 154px; }
.first-w .about-w .about-img img { width: 100%; height: 100%; }
.first-w .about-w .about-title { border-bottom: 2px solid #000; display: table; font-weight: 700; font-size: 18px; color: #333; line-height: 25px; padding-bottom: 8px; margin-top: 15px; position: relative; }
.first-w .about-w .about-title .btn-more { font-size: 14px; color: #999; position: absolute; left: 330px; top: 3px; width: 50px; font-weight: 400; }
.first-w .about-w .about-w-p { line-height: 26px; font-size: 14px; padding: 10px 0 0; }
.first-w .about-w .about-w-p .about-w-a { color: #016bb5; margin-left: 23px; }
.first-w .about-w .index-address { color: #333; line-height: 24px; padding: 20px 0 0; }
.first-w .about-w .zhanhui-list { padding: 10px 0 0; }
.first-w .about-w .zhanhui-list li { line-height: 26px; }
.first-w .about-w .zhanhui-list li a { overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; }
.first-w .about-w .zhanhui-list li a:hover{color:#f00;}
.first-w .about-w .zhanhui-list li a .zh-em { width: 286px; display: block; float: left; padding-right: 15px; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; }
.first-w .about-w .zhanhui-list li a .zh-time { }
.second-w .s-w-t { position: relative; }
.second-w .s-w-t .btn-more { position: absolute; right: 0; top: 8px; font-size: 14px; color: #999; }
.second-w .s-w-p-l {padding: 30px 0;margin: 0 0 0 -30px;}
.second-w .s-w-p-l li {margin-left: 30px;margin-bottom: 30px;float: left;width: 285px;overflow: hidden;display: block;white-space: nowrap;text-overflow: ellipsis;}
.second-w .s-w-p-l li a { display: block; border: 5px solid #f2f2f2; }
.second-w .s-w-p-l li a:hover { display: block; border-color: #016bb5; }
.second-w .s-w-p-l li a:hover .pro-im-b img { }
.second-w .s-w-p-l li a:hover .pro-li-t { background: #016bb5; color: #fff; }
.second-w .s-w-p-l li a .pro-im-b { width: 100%; height: 275px; overflow: hidden; }
.second-w .s-w-p-l li a .pro-im-b img { margin: 0 auto; width: 100%; height: 100%; }
.second-w .s-w-p-l li a .pro-li-t { color: #333; font-size: 16px; display: block; height: 45px; background: #f2f2f2; text-align: center; line-height: 45px; }

.banner { overflow: hidden; position: relative; height: 350px; }
.banner .banner-b { display: block; width: 100%; position: relative; }
.banner .banner-b img { width: 100%; height: 350px; left: 50%; }
.page-box { overflow: hidden; padding: 30px 0 0 0; min-height: 520px; margin: 0 0 80px; line-height: 1.5; color: #333; }
.show-box { overflow: hidden; background: url(../images/about_bg1.png) no-repeat right top; padding: 30px 400px 0 0; min-height: 520px; margin: 0 0 80px; font-size: 16px; line-height: 2; color: #333; }
.show-box .show-text { padding: 30px; }
.show-box img { max-width: 100%; height: 100%; }
.s-w-t { margin-top: 55px; margin-bottom: 45px; font-size: 24px; font-weight: 700; color: #000; text-align: center; border-bottom: 1px solid #000; padding-bottom: 15px; }
.s-w-t .text { border-bottom: 3px solid #000; padding: 0 0 14px; }
.pro-b .pro-list .s-w-p-l li { margin-left: 33px; margin-bottom: 45px; float: left; width: 260px; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; }
.pro-b .pro-list .s-w-p-l li:nth-child(4n-3) { margin-left: 0px; }
.pro-b .pro-list .s-w-p-l li a { display: block; border: 1px solid #dddcdb; }
.pro-b .pro-list .s-w-p-l li a:hover { display: block; border: 1px solid #016bb5; }
.pro-b .pro-list .s-w-p-l li a .pro-im-b { }
.pro-b .pro-list .s-w-p-l li a .pro-im-b img { margin: 0 auto; display: block; width: 170px; height: 231px; }
.pro-b .pro-list .s-w-p-l li .pro-li-t { color: #333333; font-size: 16px; display: block; height: 75px; text-align: center; line-height: 75px; }
.pro-b .pro-tab-b .pro-tab-list {display: block;border-bottom: 1px solid #e5e5e5;}
.pro-b .pro-tab-b .pro-tab-list li {position: relative;float: left;width: 160px;border: 1px solid #e5e5e5;border-bottom: 0;height: 48px;text-align: center;line-height: 48px;color: #333;font-size: 18px;margin: 0px 20px 0px 0px;}
.pro-b .pro-tab-b .pro-tab-list li a {display: block;font-size: 18px;color: #333;}
.pro-b .pro-tab-b .pro-tab-list li.current {border-top: 2px solid #016bb5;margin-bottom: -1px;background: #fff;}
.pro-b .pro-tab-b .pro-tab-list li.current a {color:#016bb5;}
div.flickr { padding: 0px; margin: 40px 0px; text-align: center; font-family: SimSun; }
div.flickr a { border-right: #dedfde 1px solid; padding-right: 6px; background-position: 50% bottom; border-top: #dedfde 1px solid; padding-left: 6px; padding-bottom: 2px; border-left: #dedfde 1px solid; color: #016bb5; margin-right: 3px; padding-top: 2px; border-bottom: #dedfde 1px solid; text-decoration: none; }
div.flickr a:hover { border-right: #016bb5 1px solid; border-top: #016bb5 1px solid; background-image: none; border-left: #016bb5 1px solid; color: #fff; border-bottom: #016bb5 1px solid; background-color: #016bb5; }
div.flickr a:active { border-right: #016bb5 1px solid; border-top: #016bb5 1px solid; background-image: none; border-left: #016bb5 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #016bb5; }
div.flickr span { padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #999; margin-right: 3px; padding-top: 2px; }
div.flickr span.current { border: 1px solid #016bb5; padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #fff; background: #016bb5; margin-right: 3px; padding-top: 2px; }
div.flickr span.disabled { padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px; }
.pro-b .sup-list { display: block;cursor: pointer; }
.pro-b .sup-list .sup-dt { border-bottom:1px dashed #dcdcdc; display: block; height: 79px; line-height: 79px; font-size: 18px; color: #333; text-indent: 1em; }
.pro-b .sup-list .sup-dt .sup-em {font-size:18px;color:#333; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; float: left; width: 1010px; padding-right: 50px; }
.pro-b .sup-list .sup-dt .sup-time{color:#999;}
.pro-b .sup-list .sup-dt:hover { background: #016bb5; color: #fff; }
.pro-b .sup-list .sup-dt:hover .sup-em,.pro-b .sup-list .sup-dt:hover .sup-time{ color: #fff; }

.news-show{margin-top:60px;}
.breadcrumb{border-bottom:1px dashed #c9c9c9;}
.breadcrumb .page-title{font-size:24px;color:#000;float: left;margin: 0 0 10px;}
.breadcrumb .nav{float:right;font-size: 12px;max-width: 600px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 10px 0 0;}
.breadcrumb .nav a:hover{color:#016bb5}

.article-title { font-weight:700;font-size: 24px;color: #333;text-align: center;margin: 50px 0 20px;box-sizing: border-box;}
.article-pubtime {font-size:16px; text-align: center;margin-bottom: 30px;color: #999;}
.article-content { line-height: 2; padding-bottom: 20px;font-size:16px; }

.prevandnext{border-top:1px solid #c9c9c9;padding:15px 0 35px;}
.prevandnext p,.prevandnext p a{color:#333;cursor:pointer}
.prevandnext p:hover,.prevandnext p:hover a{color:#016bb5}
.prevandnext .prev{float:left;width:500px;}
.prevandnext .next{float:right;width:500px;text-align:right;}
.products,.service {margin-top: 50px;}
.leftside{float: left;width: 260px;margin: 0 25px 25px 0;}
.leftside .leftside-title{background: url(../images/product_leftside_top.png) no-repeat -5px 0;width: 260px;height: 133px;padding: 65px 20px 0 30px;box-sizing: border-box;}
.leftside .leftside-title .en{font-family:Arial;font-size:14px;color:#4a9ad2;text-align: right;text-transform:uppercase}
.leftside .leftside-title .zh{font-weight:700;font-size:30px;color:#fff; }
.leftside .left-menu {background: url(../images/product_leftside_bottom.png) no-repeat -5px bottom;padding: 0 0 36px;width: 260px;}
.leftside .left-menu-list {padding: 0 0 10px;background: #f2f2f2;}
.leftside .left-menu-list li{background:#f2f2f2;border-bottom: 1px solid #fff;height: 55px;line-height: 55px;padding: 0 15px;}
.leftside .left-menu-list li a{font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.leftside .left-menu-list li a.current,.leftside .left-menu-list li a:hover{color:#016bb5;font-weight:700;}
.pro-list {float:left;width: 915px;padding: 15px 0 0;}
.index-products.second-w .s-w-p-l {margin-left:-20px;padding: 0 0 50px;}
.index-products.second-w .s-w-p-l li{margin-left:20px; }
.return-box { text-align:center;margin: 0 0 80px;}
.return-box .btn-return{display:inline-block; background:#016bb5;color:#fff;width:80px;height:32px;line-height:32px;text-align:center;}

.products-show {padding: 30px 0 0 0;}
.products-show .pro-dl{margin: 0 0 30px;}
.products-show .pro-dl .pro-dt{width: 402px;height: 402px;float: left;margin: 0 38px 0 0;}
.products-show .pro-dl .pro-dt img{width: 400px;height: 400px;border: 1px solid #e5e5e5;}
.products-show .pro-dl .pro-dd {float: left;width: 475px;}
.products-show .pro-dl .pro-dd .pro-title{ font-size:28px;color:#333;}
.products-show .pro-dl .pro-dd .pro-pic-box{ }
.pro-show-box { display: none; padding: 30px 0; font-size: 16px; color: #333; line-height: 2; }

.pictureDIV img { max-width: none; }
.jqzoom { float: left; border: none; position: relative; padding: 0px; cursor: pointer; margin: 0px; display: block; }
.zoomdiv { z-index: 100; position: absolute; top: 0px; left: 0px; background: #ffffff; border: 1px solid #CCCCCC; display: none; text-align: center; overflow: hidden; }
.jqZoomPup { z-index: 10; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; border: 1px solid #aaa; background: rgba(255,245,0,0.5); -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); }
.spec-preview {width: 430px;height: 430px;}
.spec-preview .jqzoom img {width: 430px;height: 430px;}
.spec-scroll {clear: both;width: 530px;}
.spec-scroll a { background: url(../images/arrows.png) no-repeat left; }
.spec-scroll .prev, .spec-scroll .next {display: none;text-align: center;width: 17px;height: 54px;line-height: 54px;cursor: pointer;text-decoration: none;}
.spec-scroll .prev { float: left; background-position: 0 0; }
.spec-scroll .next { float: right; background-position: -17px 0; }
.spec-scroll .items {float: left;position: relative;width: 490px;height: 83px;overflow: hidden;margin: 30px 0 0;}
.spec-scroll .items ul {margin: 0;padding: 0;list-style: none;position: absolute;width: 999999px;}
.spec-scroll .items ul li {float: left;margin: 0 20px 0 0;padding: 0px;width: 80px;height: 80px;text-align: center;}
.spec-scroll .items ul li img {border: 2px solid #e5e5e5;width: 76px;height: 76px;cursor: pointer;}
.spec-scroll .items ul li img:hover {border: 2px solid #2865b8;}
.productItem { float: left; margin: 0 0 20px 10px; padding: 10px; height: 330px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; list-style: none; width: 296px; line-height: 34px; font-size: 14px; }
.productItem li { margin: 0px; padding: 0px; }

.about-b .contact { z-index: -9999; visibility: hidden; }
.about-b .s-w-c { margin: 50px 0px 60px 0px; }
.about-b .s-w-c .con-img { margin: 0 auto; }
.about-b .pro-dl { display: block; overflow: hidden; margin-bottom: 30px; }
.about-b .pro-dl .pro-dt { float: left; width: 543px; }
.about-b .pro-dl .pro-dt .pro-img { width: 300px; height: 407px; margin: 0 auto; }
.about-b .pro-dl .pro-dd { display: table; padding-top: 43px; }
.about-b .pro-dl .pro-dd .pro-title { font-size: 24px; color: #000; border-bottom: 1px dashed #dedede; padding-bottom: 10px; width: 594px; }
.about-b .pro-dl .pro-dd .pro-p { font-size: 16px; line-height: 33px; }
.about-b .pro-list { overflow: hidden; display: none; }
.about-b .pro-list:first-child { display: block; }
.bl { display: block; }
.about-b .pro-list .pro-s-img { max-width: 100%; max-height: 100%; }
#video { width: 100%; height: 100%; }
.div { height: 300px; width: 300px; }

.txt-pic-box { margin: 135px 0 0; position: relative; }
.txt-pic-box .txtwrap { float: right; width: 660px;margin:20px 0 0; }
.txt-pic-box .txtwrap .title { font-weight: 700; font-size: 32px; color: #333; margin: 0 0 25px; }
.txt-pic-box .txtwrap .des { font-size: 16px; line-height: 36px; margin: 0 0 35px; }
.txt-pic-box .txtwrap .btn-more { display: block; width: 180px; height: 42px; line-height: 42px; border-radius: 42px; text-align: center; font-size: 16px; color: #016bb5; border: 1px solid #016bb5; }
.txt-pic-box .picture{text-align:center}
.txt-pic-box .picture img{display:inline-block;}

.course-more { background: #e8eaef; text-align: center; height: 100px; margin: 120px auto 80px; line-height: 100px; width: 1200px; }
.course-more .text{font-size:20px;color:#333;}

.foot { background: #016bb5; width: 100%; height: 120px; text-align: center; }
.foot p { padding-top: 35px; line-height: 25px; color: #fff; }
.foot p a { color: #fff; }

#online_qq_layer { font: 12px/180% Arial,Lucida,Verdana,Helvetica,sans-serif; color: #333; background: #fff; }
#online_qq_tab a, .onlineMenu h3, .onlineMenu li.tli, .newpage { background: url(../images/float_s.gif) no-repeat; }
#onlineService, .onlineMenu, .btmbg { background: url(../images/float_bg.gif) no-repeat; }
#online_qq_layer { z-index: 9999; position: fixed; right: 0px; top: 0; margin: 200px 0 0 0; }
*html, *html body { background-image: url(about:blank); background-attachment: fixed; }
*html #online_qq_layer { position: absolute; top: expression(eval(document.documentElement.scrollTop)); }
#online_qq_tab { width: 28px; float: left; margin: 25px 0 0 -28px; position: relative; z-index: 9; }
#online_qq_tab a { display: block; height: 118px; line-height: 999em; overflow: hidden; }
#online_qq_tab a#floatShow { background-position: -30px -374px; }
#online_qq_tab a#floatHide { background-position: 0 -374px; }
#onlineService { display: inline; margin-left: -1px; float: left; width: 130px; display: none; background-position: 0 0; padding: 10px 0 0 0; }
.onlineMenu { background-position: -262px 0; background-repeat: repeat-y; padding: 0 15px; }
.onlineMenu h3 { height: 36px; line-height: 999em; overflow: hidden; border-bottom: solid 1px #ACE5F9; }
.onlineMenu h3.tQQ { background-position: 0 10px; }
.onlineMenu h3.tele { background-position: 0 -47px; }
.onlineMenu li { height: 36px; line-height: 36px; border-bottom: solid 1px #E6E5E4; text-align: center; }
.onlineMenu li.tli { padding: 0 0 0 28px; font-size: 12px; text-align: left; }
.onlineMenu li.zixun { background-position: 0px -131px; }
.onlineMenu li.fufei { background-position: 0px -190px; }
.onlineMenu li.phone { background-position: 0px -244px; }
.onlineMenu li a.newpage { display: block; height: 36px; line-height: 999em; overflow: hidden; background-position: 5px -100px; }
.onlineMenu li img { margin: 8px 0 0 0; }
.onlineMenu li.last { border: 0; }
.wyzx { padding: 8px 0 0 5px; height: 57px; overflow: hidden; background: url(../images/webzx_bg.jpg) no-repeat; }
.btmbg { height: 12px; overflow: hidden; background-position: -131px 0; }