.fl {float: left;}
.fr {float: right;}
.clear {clear: both;}
.xunfeng{line-height:200%;}
.xunfeng img{max-width:100% !important; height:auto !important;}
.xunfeng h1{font-size:24px; font-weight:bold;}
.imgauto img{max-width:100% !important; height:auto !important;}
.clearfix, .container:after, .row:after, ul { *zoom: 1;}
.clearfix:after, .container:after, .row:after, ul:after {content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.ellipsis {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.container {margin-right: auto;margin-left: auto;}
.content img {max-width: 100%;}
.content_box, .content_box *, .content_box *:before, .content_box *:after {box-sizing: content-box;}
.ml5 {margin-left: 5px;}
.mt5 {margin-top: 5px;}
.mr5 {margin-right: 5px;}
.mb5 {margin-bottom: 5px;}
.mg5 {margin: 5px;}
.pl5 {padding-left: 5px;}
.pt5 {padding-top: 5px;}
.pr5 {padding-right: 5px;}
.pb5 {padding-bottom: 5px;}
.pd5 {padding: 5px;}
.ml10 {margin-left: 10px;}
.mt10 {margin-top: 10px;}
.mr10 {margin-right: 10px;}
.mb10 {margin-bottom: 10px;}
.mg10 {margin: 10px;}
.pl10 {padding-left: 10px;}
.pt10 {padding-top: 10px;}
.pr10 {padding-right: 10px;}
.pb10 {padding-bottom: 10px;}
.pd10 {padding: 10px;}
.ml15 {margin-left: 15px;}
.mt15 {margin-top: 15px;}
.mr15 {margin-right: 15px;}
.mb15 {margin-bottom: 15px;}
.mg15 {margin: 15px;}
.pl15 {padding-left: 15px;}
.pt15 {padding-top: 15px;}
.pr15 {padding-right: 15px;}
.pb15 {padding-bottom: 15px;}
.pd15 {padding: 15px;}
.ml20 {margin-left: 20px;}
.mt20 {margin-top: 20px;}
.mr20 {margin-right: 20px;}
.mb20 {margin-bottom: 20px;}
.mg20 {margin: 20px;}
.pl20 {padding-left: 20px;}
.pt20 {padding-top: 20px;}
.pr20 {padding-right: 20px;}
.pb20 {padding-bottom: 20px;}
.pd20 {padding: 20px;}
.ml25 {margin-left: 25px;}
.mt25 {margin-top: 25px;}
.mr25 {margin-right: 25px;}
.mb25 {margin-bottom: 25px;}
.mg25 {margin: 25px;}
.pl25 {padding-left: 25px;}
.pt25 {padding-top: 25px;}
.pr25 {padding-right: 25px;}
.pb25 {padding-bottom: 25px;}
.pd25 {padding: 25px;}
.ml30 {margin-left: 30px;}
.mt30 {margin-top: 30px;}
.mr30 {margin-right: 30px;}
.mb30 {margin-bottom: 30px;}
.mg30 {margin: 30px;}
.pl30 {padding-left: 30px;}
.pt30 {padding-top: 30px;}
.pr30 {padding-right: 30px;}
.pb30 {padding-bottom: 30px;}
.pd30 {padding: 30px;}
.ml35 {margin-left: 35px;}
.mt35 {margin-top: 35px;}
.mr35 {margin-right: 35px;}
.mb35 {margin-bottom: 35px;}
.mg35 {margin: 35px;}
.pl35 {padding-left: 35px;}
.pt35 {padding-top: 35px;}
.pr35 {padding-right: 35px;}
.pb35 {padding-bottom: 35px;}
.pd35 {padding: 35px;}
.ml40 {margin-left: 40px;}
.mt40 {margin-top: 40px;}
.mr40 {margin-right: 40px;}
.mb40 {margin-bottom: 40px;}
.mg40 {margin: 40px;}
.pl40 {padding-left: 40px;}
.pt40 {padding-top: 40px;}
.pr40 {padding-right: 40px;}
.pb40 {padding-bottom: 40px;}
.pd40 {padding: 40px;}
.ml45 {margin-left: 45px;}
.mt45 {margin-top: 45px;}
.mr45 {margin-right: 45px;}
.mb45 {margin-bottom: 45px;}
.mg45 {margin: 45px;}
.pl45 {padding-left: 45px;}
.pt45 {padding-top: 45px;}
.pr45 {padding-right: 45px;}
.pb45 {padding-bottom: 45px;}
.pd45 {padding: 45px;}
.ml50 {margin-left: 50px;}
.mt50 {margin-top: 50px;}
.mr50 {margin-right: 50px;}
.mb50 {margin-bottom: 50px;}
.mg50 {margin: 50px;}
.pl50 {padding-left: 50px;}
.pt50 {padding-top: 50px;}
.pr50 {padding-right: 50px;}
.pb50 {padding-bottom: 50px;}
.pd50 {padding: 50px;}
.f12 {font-size: 12px;}
.f14 {font-size: 14px;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px;}
.f20 {font-size: 20px;}
.f22 {font-size: 22px;}
.f24 {font-size: 24px;}
.f26 {font-size: 26px;}
.f28 {font-size: 28px;}
.f30 {font-size: 30px;}
.f32 {font-size: 32px;}
.f34 {font-size: 34px;}
.f36 {font-size: 36px;}
/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document   ========================================================================== */
/** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in *    IE on Windows Phone and in iOS. */
html {line-height: 1.15;/* 1 */-ms-text-size-adjust: 100%;/* 2 */-webkit-text-size-adjust: 100%;/* 2 */}
/* Sections   ========================================================================== */
/** * Add the correct display in IE 9-. */
article, aside, footer, header, nav, section {display: block;}
/** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */
h1 {font-size: 2em;margin: 0.67em 0;}
/* Grouping content   ========================================================================== *//** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */figcaption, figure, main {/* 1 */display: block;}
/** * Add the correct margin in IE 8. */
figure {margin: 1em 40px;}
/** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */
hr {box-sizing: content-box;/* 1 */height: 0;/* 1 */overflow: visible;/* 2 */}
/** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */
pre {font-family: monospace, monospace;/* 1 */font-size: 1em;/* 2 */}
/* Text-level semantics   ========================================================================== */
/** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */
a {background-color: transparent;/* 1 */-webkit-text-decoration-skip: objects;/* 2 */}
/** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] {border-bottom: none;/* 1 */text-decoration: underline;/* 2 */text-decoration: underline dotted;/* 2 */}
/** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b, strong {font-weight: inherit;}
/** * Add the correct font weight in Chrome, Edge, and Safari. */
b, strong {font-weight: bolder;}
/** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp {font-family: monospace, monospace;/* 1 */font-size: 1em;/* 2 */}
/** * Add the correct font style in Android 4.3-. */
dfn {font-style: italic;}
/** * Add the correct background and color in IE 9-. */
mark {background-color: #ff0;color: #000;}
/** * Add the correct font size in all browsers. */
small {font-size: 80%;}
/** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
/* Embedded content   ========================================================================== */
/** * Add the correct display in IE 9-. */
audio, video {display: inline-block;}
/** * Add the correct display in iOS 4-7. */
audio:not([controls]) {display: none;height: 0;}
/** * Remove the border on images inside links in IE 10-. */
img {border-style: none;}
/** * Hide the overflow in IE. */
svg:not(:root) {overflow: hidden;}
/* Forms   ========================================================================== */
/** * Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea {margin: 0;}
/** * Show the overflow in IE. * 1. Show the overflow in Edge. */
button, input {/* 1 */overflow: visible;}
/** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */
button, select {/* 1 */text-transform: none;}
/** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` *    controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button;/* 2 */}
/** * Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0;}
/** * Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText;}
/** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out *    `fieldset` elements in all browsers. */l
egend {box-sizing: border-box;/* 1 */color: inherit;/* 2 */display: table;/* 1 */max-width: 100%;/* 1 */padding: 0;/* 3 */white-space: normal;/* 1 */}
/** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress {display: inline-block;/* 1 */vertical-align: baseline;/* 2 */}
/** * Remove the default vertical scrollbar in IE. */
textarea {overflow: auto;}
/** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] { box-sizing: border-box;  /* 1 */  padding: 0;/* 2 */}
/** * Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto;}
/** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield;  /* 1 */  outline-offset: -2px;/* 2 */}
/** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
/** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button;  /* 1 */  font: inherit;/* 2 */}
/* Interactive   ========================================================================== */
/* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */
details, menu {display: block;}
/* * Add the correct display in all browsers. */
summary {display: list-item;}
/* Scripting   ========================================================================== */
/** * Add the correct display in IE 9-. */
canvas {display: inline-block;}
/** * Add the correct display in IE. */
template {display: none;}
/* Hidden   ========================================================================== */
/** * Add the correct display in IE 10-. */
[hidden] { display: none;}
* {box-sizing: border-box;}
*:before, *:after {box-sizing: border-box;}
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {margin: 0;padding: 0;}
address, cite, dfn, em, var {font-style: normal;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
legend {color: #000;}
fieldset, img {border: 0;}
body, button, input, select, textarea {font: 14px/1.5 "\5FAE\8F6F\96C5\9ED1", "arial";color: #333;font-size: 14px;}
table {border-collapse: collapse;border-spacing: 0;}
ul, ol {list-style: none;}
a, button, input[type="submit"], input[type="button"], input[type="reset"], input[type="file"] {cursor: pointer;}
a {color: inherit; color: expression(this.parentNode.currentStyle.color);text-decoration: none;}
a:focus {outline: thin dotted;}
a:active, a:hover {outline: 0;}
h1 {font-size: 36px;}
h2 {font-size: 32px;}
h3 {font-size: 28px;}
h4 {font-size: 24px;}
h5 {font-size: 20px;}
h6 {font-size: 16px;}
body, button, input, select, textarea {font: 12px/1.4 "Microsoft Yahei", "arial";color: #5a5a5a;font-size: 12px;}
body {max-width: 1920px;margin: 0 auto;}
.center {width: 1200px;margin: 0 auto;}
.header {width: 100%;height: 165px;background: url(../images/headbg.jpg) no-repeat;}
.header .head_top_content {width: 100%;height: 115px;}
.header .head_top_content .head_logo {padding-top: 0px;}
.header .head_top_content .head_logo img {width: 100%; height:auto;}
.header .head_top_content .fl img{	width: 100%; height:auto;}
.header .head_top_content .fr {width: 25%;padding-top: 30px;}
.header .head_top_content .fr img {width: 44px;float: right;}
.header .head_nav {width: 100%;height: 50px;}
.header .head_nav ul li {height: 50px;width: 10%;float: left;line-height: 50px;position: relative;text-align: center;}
.header .head_nav ul li > a {color: #fff;font-size: 16px;line-height: 50px;text-align: center;display: block;}
.header .head_nav ul li.on > a {background: #FF9900;color: #fff;}
.header .head_nav ul li .v_list {position: absolute;width: 100%;top: 50px;background: #086aac;left: 0;z-index: 99;display: none;}
.header .head_nav ul li .v_list a {width: 100%;color: #fff;line-height: 36px;font-size: 14px;transition: .5s;text-align: center;display: block;}
.header .head_nav ul li .v_list a:hover {background: #FF9900;color: #fff;}
.header .head_nav ul li:hover > a {background: #FF9900;color: #fff;}
.pc_banner {width: 100%;overflow: hidden;position: relative;}
.pc_banner .pcbanner .swiper-slide img {width: 100%;display: block;}
.pc_banner .pcbanner .pagination {text-align: center;position: absolute;bottom: 10px;width: 100%;z-index: 99;}
.pc_banner .pcbanner .pagination span {width: 12px;height: 12px;border-radius: 50%;display: inline-block;text-indent: -999px;overflow: hidden;overflow: hidden;cursor: pointer;background: #eee;margin: 0 3px;opacity: 1;}
.pc_banner .pcbanner .pagination span.swiper-pagination-bullet-active {background: #ff9900;color: #fff;}
.pc_banner .pcbanner .next {position: absolute;right: 5%;top: 45%;z-index: 99;height: 45px;width: 45px;background: url(../images/bannerri.png);opacity: 0.8;background-size: 100%;cursor: pointer;outline: 0;}
.pc_banner .pcbanner .next:hover {opacity: 1;}
.pc_banner .pcbanner .prev {position: absolute;left: 5%;top: 45%;z-index: 99;height: 45px;width: 45px;background: url(../images/bannerle.png);opacity: 0.8;background-size: 100%;cursor: pointer;outline: 0;}
.pc_banner .pcbanner .prev:hover {opacity: 1;}
.m_header {width: 100%;overflow: hidden;display: none;}
.m_header .m_head_content {height: 70px;width: 100%;position: fixed;background: #fff;top: 0;left: 0;z-index: 99;box-shadow: 0px 1px 10px 1px #ccc;}
.m_header .m_head_content .m_head_logo {height: 70px;float: left;padding-left: 10px;}
.m_header .m_head_content .m_head_logo a {float: left;}
.m_header .m_head_content .m_head_logo a img {height: 55px;display: block;margin: 0 auto;margin-top: 5px;}
.m_header .m_head_content .menu {width: 70px;height: 70px;position: absolute;right: 0;top: 0;}
.m_header .m_head_content .menu img {height: 26px;display: block;margin: 0 auto;margin-top: 22px;}
.app_menu {width: 100%;position: fixed;height: 100%;top: 70px;right: 0;z-index: 99;display: none;}
.app_menu ul {background: #000;}
.app_menu ul li {width: 100%;border-bottom: 1px dashed #333;}
.app_menu ul li > a {width: 50%;display: block;}
.app_menu ul li > a span {font-size: 14px;width: 100%;height: 42px;line-height: 42px;color: #999899;display: block;padding-left: 18px;}
.app_menu ul li.on {background: url(../images/bottom.png) no-repeat 95% 15px;background-size: 16px;}
.app_menu ul .v_list {width: 100%;display: none;}
.app_menu ul .v_list a {display: block;font-size: 14px;width: 100%;line-height: 36px;color: #999899;display: block; padding-left: .4rem;float: none;}
.m_banner {display: none;width: 100%;overflow: hidden;}
.m_banner .mbanner {position: relative;}
.m_banner .mbanner .swiper-slide img {width: 100%;display: block;}
.m_banner .mbanner .pagination {text-align: center;position: absolute;bottom: 5px;width: 100%;z-index: 90;}
.m_banner .mbanner .pagination span {width: 10px;height: 10px;border-radius: 50%;display: inline-block;text-indent: -999px;overflow: hidden;overflow: hidden;cursor: pointer;background: #eee;margin: 0 4px;opacity: 1;}
.m_banner .mbanner .pagination span.swiper-pagination-bullet-active {background: #086aac;color: #fff;}
.main {width: 100%;}
.i_box1 {width: 100%;padding-bottom: 40px;}
.i_box1 .i_box1_content {width: 100%;}
.main_l {width: 20%;position: relative;z-index: 89;margin-top: 10px;}
.main_l p {width: 100%;height: 105px;background: #086aac;padding-top: 22px;}
.main_l p span {font-size: 27px;text-align: center;display: block;color: #fff;}
.main_l p i {font-size: 12px;font-style: normal;text-align: center;display: block;color: #fff;}
.main_l ul li {width: 100%;background: url(../images/li1.png) no-repeat 95% center #fff;height: 48px;line-height: 48px;margin-bottom: 3px;border: 1px solid #ddd;}
.main_l ul li:hover {background: url(../images/li2.png) no-repeat 95% center #086aac;}
.main_l ul li:hover span {color: #fff;}
.main_l ul li a {width: 100%;height: 48px;display: block;}
.main_l ul li a span {font-size: 16px;color: #086aac;float: left;margin-left: 10px;}
.main_l ul li a i {float: right;font-style: normal;}
.main_l ul li.on {background: url(../images/li2.png) no-repeat 95% center #086aac;}
.main_l ul li.on span {color: #fff;}
.main_l .contact {width: 100%;height: 125px;background: #086aac;padding-top: 2px;}
.main_l .contact a img {width: 65px;display: block;margin: 10px auto;}
.main_l .contact a h3 {font-size: 19px;text-align: center;color: #fff;}
.main_l .contact a span {font-size: 14px;text-align: center;display: block;color: #fff;}
.main_r {width: 80%;float: right;padding-left: 3%;}
.pro_list {width: 100%;overflow: hidden;margin-top: 32px;}
.pro_list ul li {width: 23%;padding: 10px 10px;margin-right: 2.66%;margin-bottom: 28px;float: left;border: 1px solid #eee;}
.pro_list ul li a span {display: block;margin-top: 6px;text-align: center;font-size: 14px;}
.pro_list ul li:nth-child(4n) {margin-right: 0;}
.pro_list ul li:hover {border: 1px solid #086aac;}
.pro_list ul li:hover img {opacity: .6;}
.pro_list ul li:hover span {color: #086aac;}
.i_box2 {width: 100%;padding: 40px 0 50px 0;overflow: hidden;background: url(../images/aboutbg.jpg);}
.i_box2 .i_box2_tit {width: 100%;height: 55px;position: relative;}
.i_box2 .i_box2_tit span {width: 100%;height: 1px;display: block;background: #fff;position: absolute;top: 26px;}
.i_box2 .i_box2_tit p {background: url(../images/aboutbg.jpg);width: 260px;padding: 0 10px;position: relative;z-index: 90;margin: 0 auto;}
.i_box2 .i_box2_tit p i {display: block;font-style: normal;height: 55px;line-height: 55px;font-size: 20px;text-align: center;width: 240px;background: url(../images/tit.png) no-repeat;color: #fff;}
.i_box2 .i_box2_content .i_box2_content1 {width: 70%;background: url(../images/img2.png) no-repeat right bottom;}
.i_box2 .i_box2_content .i_box2_content1 .flimg {width: 100%;height: 48px;}
.i_box2 .i_box2_content .i_box2_content1 .flimg img {width: 40px;height: 48px;float: left;}
.i_box2 .i_box2_content .i_box2_content1 .i_box2_img {width: 45%;overflow: hidden;margin-left: 4%;}
.i_box2 .i_box2_content .i_box2_content1 .i_box2_img img {width: 100%;display: block;}
.i_box2 .i_box2_content .i_box2_content1 .i_box2_text {width: 45%;margin-left: 5%;padding: 0;border: none;}
.i_box2 .i_box2_content .i_box2_content1 .i_box2_text p {color: #fff;font-size: 14px;line-height: 200%;display: block;}
.i_box2 .i_box2_content .i_box2_content1 .i_box2_menu {width: 100%;padding: 4% 0 0 4%;}
.i_box2 .i_box2_content .i_box2_content1 .i_box2_menu a {width: 107px;height: 34px;border-radius: 40px;border: 3px solid #fff;text-align: center;line-height: 28px;color: #fff;font-size: 16px;display: -moz-inline-stack;display: inline-block;vertical-align: middle; *vertical-align: auto;zoom: 1; *display: inline;margin-right: 18px;}
.i_box2 .i_box2_content .fr {width: 25%;border: 1px dotted #fff;padding: 10px;}
.i_box2 .i_box2_content .fr .i_box2_fr_img {width: 100%;margin: 10px auto;overflow: hidden;}
.i_box2 .i_box2_content .fr .i_box2_fr_img .swiper-wrapper .imgauto {width: 100%;height: 386px;}
.i_box2 .i_box2_content .fr .i_box2_fr_img .pagination {text-align: center;width: 100%;margin-top: 10px;z-index: 99;}
.i_box2 .i_box2_content .fr .i_box2_fr_img .pagination span {width: 12px;height: 12px;border-radius: 50%;display: inline-block;text-indent: -999px;overflow: hidden;overflow: hidden;cursor: pointer;background: #eee;margin: 0 3px;opacity: 1;}
.i_box2 .i_box2_content .fr .i_box2_fr_img .pagination span.swiper-pagination-bullet-active {background: #FF9900;}
.i_box3 {width: 100%;overflow: hidden;padding: 0 0 40px 0;background: url(../images/bgcase.jpg);}
.i_box3 .i_box3_tit p {display: block;font-style: normal;height: 55px;line-height: 55px;font-size: 20px;text-align: center;width: 240px;background: url(../images/title.png) no-repeat;color: #086aac;margin: 0 auto;}
.i_box3 .i_box3_content {width: 100%;margin-top: 50px;overflow: hidden;}
.i_box3 .i_box3_content ul li {width: 240px;padding: 0 10px;float: left;}
.i_box3 .i_box3_content ul li .imgauto img {transform: scale(1);transition: .5s;width: 100%;height: auto;}
.i_box3 .i_box3_content ul li:hover .imgauto img {transform: scale(1.2);transition: .5s;}
.i_box3 .i_box3_a {width: 100%;margin-top: 20px;}
.i_box3 .i_box3_a a {background: url(../images/more.png) no-repeat;width: 89px;height: 40px;font-size: 14px;color: #fff;text-align: center;line-height: 53px;margin: 0 auto;display: block;}
.i_box4{margin-top:30px;}
.i_box4 .i_box4_tit p {display: block;font-style: normal;height: 55px;line-height: 55px;font-size: 20px;text-align: center;width: 240px;background: url(../images/title.png) no-repeat;color: #086aac;margin: 0 auto;}
.i_box4_content {width: 100%;overflow: hidden;}
.i_box4_content .fl {width: 72%;}
.i_box4_content .new_list {width: 100%;}
.i_box4_content .new_list ul li {width: 100%;padding-bottom: 15px;margin-top: 15px;position: relative;border-bottom: 1px dotted #dbd4cd;}
.i_box4_content .new_list ul li .i_box4_time {width: 75px;padding: 14px 0;background: #086aac;position: absolute;left: 0;top: 0;}
.i_box4_content .new_list ul li .i_box4_time p span {font-size: 24px;color: #fff;text-align: center;font-weight: bold;display: block;line-height: 100%;}
.i_box4_content .new_list ul li .i_box4_time p i {font-style: normal;text-align: center;color: #fff;font-size: 13px;display: block;margin-top: 5px;}
.i_box4_content .new_list ul li .i_box4_text {width: 100%;padding-left: 90px;min-height: 75px;}
.i_box4_content .new_list ul li .i_box4_text a span {font-size: 20px;color: #086aac;line-height: 140%;font-weight: 400;}
.i_box4_content .new_list ul li .i_box4_text a span:hover {color: #0064D4;}
.i_box4_content .new_list ul li .i_box4_text p {font-size: 14px;color: #aaa;line-height: 22px;margin-top: 3px;height: 44px;overflow: hidden;padding-right: 2%;}
.i_box4_content .fr {width: 25%;margin-top: 15px;}
.i_box4_content .fr h3 {height: 60px;line-height: 60px;text-align: center;color: #fff;font-size: 21px;background: #086aac;font-weight: normal;}
.i_box4_content .fr p {float: left;position: relative;width: 100%;margin-top: 10px;}
.i_box4_content .fr p b {width: 30px;height: 35px;float: left;font-weight: normal;font-style: normal;position: absolute;left: 0;top: 0;}
.i_box4_content .fr p b img {height: 18px;float: left;margin-top: 2px;}
.i_box4_content .fr p span {float: right;width: 100%;padding-left: 30px;display: block;font-size: 14px;color: #666;line-height: 24px;}
.i_box4_content .fr .map {width: 100%;float: left;margin-top: 20px;}
.flink {margin-top: 50px;width: 100%;}
.flink .flink_tit {width: 100%;position: relative;}
.flink .flink_tit p {height: 12px;width: 100%;background: url(../images/dian.png);position: absolute;top: 15px;}
.flink .flink_tit span {height: 42px;background: #fff;color: #086aac;font-size: 14px;border: 1px solid #086aac;position: relative;z-index: 9;display: block;width: 130px;text-align: center;line-height: 42px;margin-left: 40px;}
.flink .flink_list {width: 100%;margin-top: 20px;margin-left: 40px;}
.flink .flink_list ul li {float: left;margin-right: 28px;margin-bottom: 8px;}
.flink .flink_list ul li a {font-size: 12px;color: #5a5a5a;}
.flink .flink_list ul li a:hover {color: #086aac;}
.footer {width: 100%;overflow: hidden;padding: 40px 0;margin-top: 40px; background-color:#086aac;}
.footer .fl {padding-top: 15px;}
.footer .fl img {float: left;}
.footer .fl .foot_contact {padding-left: 40px;float: left;}
.footer .fl .foot_contact p {color: #fff;font-size: 14px;line-height: 180%;}
.footer .fr img {width: 100px;padding: 4px;background: #fff;display: block;margin-right: 50px;}
.footer .fr span {display: block;font-size: 14px;color: #fff;text-align: center;margin-top: 5px;margin-right: 50px;}
.page_banner {width: 100%;overflow: hidden;line-height: 0;}
.page_banner img {width: 100%;}
.container {width: 100%;}
.news_list {width: 100%;padding: 20px;border: 1px solid #EBEBEB;}
.news_list ul li {width: 100%;float: left;height: 38px;padding-top: 9px;border-bottom: 1px dashed #c6c6c6;margin-bottom: 8px;}
.news_list ul li a {float: left;width: 60%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 14px;color: #666;}
.news_list ul li p {float: right;font-size: 12px;color: #666;}
.news_list ul li:hover a {color: #086aac;}
.crumbs {width: 100%;height: 34px;background: #086aac;margin-top: 20px;margin-bottom: 20px;}
.crumbs p {width: 100%;height: 34px;background: url(../images/ds.png) no-repeat left;padding-left: 20px;color: #fff;line-height: 34px;}
.crumbs p a {font-size: 14px;color: #fff;line-height: 34px;}
.show_pages {padding-top: 20px;}
.show_pages p {font-size: 14px;line-height: 24px;color: #333;margin-top: 6px;}
.show_pages p a {font-size: 14px;line-height: 24px;color: #333;}
.content_tit h3 {font-size: 21px;padding: 3px 0;line-height: 1.7em;text-align: center;font-weight: normal;}
.content_tit p {width: 100%;text-align: center;padding: 10px 0 15px;}
.content_tit p span {line-height: 21px;font-size: 12px;color: #666;margin: 0 5px;}
.content_des {width: 100%;border: 1px dotted #E5E5E5;padding: 5px;margin-bottom: 10px;text-indent: 24px;}
.content_des p {font-size: 14px;color: #868686;line-height: 200%;}
.pro_content {width: 100%;margin: 20px 0;}
.pro_content .pro_pic {width: 50%;float: left;}
.pro_content .pro_text {width: 50%;float: left;padding-left: 2%;}
.pro_content .pro_text h3 {font-weight: normal;margin-top: 5px;line-height: 22px;font-size: 18px;color: #2662bb;padding-bottom: 10px;border-bottom: 1px dotted #ccc;}
.pro_content .pro_text .text {width: 100%;margin-top: 12px;}
.pro_content .pro_text .text p {font-size: 14px;line-height: 24px;padding-bottom: 12px;}
.pro_content .pro_text .text a {width: 100px;height: 32px;font-size: 14px;margin-top: 10px;display: block;color: #fff;line-height: 32px;background: url(../images/sanj.png) no-repeat 5px center #4576be;background-size: 16px;padding-left: 24px;}
.pro_content .pro_text .text a:hover {background: url(../images/sanj.png) no-repeat 5px center #333;background-size: 16px;}
div.zoomDiv {z-index: 999;position: absolute;top: 0;left: 0;background: #ffffff;border: 1px solid #ddd;display: none;text-align: center;overflow: hidden;font-size: 0;}
div.zoomDiv img {max-width: none;}
div.zoomMask {position: absolute;background: url(../images/mask.png) repeat scroll 0 0 transparent;cursor: move;z-index: 1;max-width: 200px !important;max-height: 200px !important;}
.img-center {text-align: center;font-size: 0;}
.img-center img {display: block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;}
.pc-slide {width: 100%;margin: 0 auto;}
.pc-slide .view {border: 1px solid #ddd;}
.pc-slide .view .swiper-slide {width: 100%;}
.pc-slide .view .swiper-slide .imgauto {width: 100%;padding: 20px;box-sizing: border-box;}
.pc-slide .preview {width: 100%;margin-top: 10px;position: relative;}
.pc-slide .preview .swiper-container {width: 80%;margin: 0 10%;}
.pc-slide .preview .swiper-slide {width: 25%;padding: 5px;}
.pc-slide .preview .swiper-slide .imgauto {width: 100%;height: 80px;border: 1px solid #ddd;}
.pc-slide .preview .swiper-slide .imgauto img {display: block;padding: 5px;}
.pc-slide .preview .active-nav .imgauto {border: 1px solid #4576be;}
.pc-slide .preview .arrow-left {background: url(../images/feel3.png) no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -9px;width: 9px;height: 18px;z-index: 10;}
.pc-slide .preview .arrow-right {background: url(../images/feel4.png) no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -9px;width: 9px;height: 18px;z-index: 10;}
.page_title {border-bottom: 1px solid #086aac;padding-top: 15px;}
.page_title h3 {width: 140px;height: 42px;font-size: 18px;margin-top: 10px;display: block;color: #fff;line-height: 42px;background: #086aac;text-align: center;font-weight: normal;}
.page_content {width: 100%;overflow: hidden;}
.content {font-size: 14px;}
.content p {font-size: 14px;line-height:200%;margin-top: 15px;}
.content img {display: block;margin: 0 auto;}
.hot_pro {width: 100%;}
.hot_pro .pro_list {margin-top: 15px;}
.hot_new .news_list {border: none;padding: 0;margin-top: 8px;}
.hot_new .news_list li {width: 49%;float: left;margin-right: 2%;padding-left: 17px;background: url(../images/dian2.png) no-repeat 5px center;}
.hot_new .news_list li:nth-child(2n) {margin-right: 0;}
.page_pic figure {margin: 0;width: 31.33%;margin-right: 3%;margin-bottom: 3%;float: left;box-shadow: 0px 1px 10px 1px #ddd;}
.page_pic figure a .imgauto {width: 100%;height: 217px;padding: 5px;}
.page_pic figure a span {display: block;margin: 8px 0;text-align: center;font-size: 14px;}
.page_pic figure:nth-child(3n) {margin-right: 0;}
.page_pic figure:hover img {opacity: .6;}
.page_pic figure:hover span {color: #086aac;}
.iet {height: 30px;width: 100%;background: #fff3d7;position: fixed;top: 0;left: 0;z-index: 999;display: none;}
.iet p {width: 100%;text-align: center;font-size: 12px;color: #333;line-height: 30px;}
.iet p a {color: #3aba50;font-size: 12px;}
.iet span {position: absolute;right: 5%;top: 0;height: 30px;line-height: 30px;font-size: 12px;color: #333;cursor: pointer;}
.iet span i {font-size: 12px;color: #333;padding-left: 5px;font-style: normal;}
.liuyan {width: 100%;margin-top: 10px;}
.liuyan b {width: 100%;height: auto;display: block;overflow: hidden;}
.liuyan b a {width: 200%;height: auto;display: block;position: relative;left: 0;transition: .5s;}
.liuyan b a img {width: 50%;float: left;}
.liuyan b:hover a {position: relative;left: -100%;transition: .5s;}
.content_img {width: 100%;height: auto;overflow: hidden;margin: 25px 0;}
.content_img img {display: block;max-width: 100%;height: auto;}
@media screen and (max-width: 1200px) {
	.center {width: 100%;}
	.header .head_top_content {padding: 0 2%;}
}
@media screen and (max-width: 1020px) {
	.header {display: none;}
	.m_header {display: block;}
	.pc_banner {display: none;}
	.m_banner {display: block;}
	.page_banner {margin-top: 70px;}
	.mtop {margin-top: 70px;margin-bottom: -20px;}
}
@media screen and (max-width: 768px) {
	.main {overflow: hidden;}
	.i_box1 {padding: 0 2%;}
	.container {padding: 0 2%;}
	.liuyan {display: none;}
	.main_l {width: 100%;padding-left: 0;margin-top: 20px;}
	.main_r {width: 100%;padding-left: 0;}
	.i_box1 .main_l .contact {display: none;}
	.i_box1 .pro_list {margin-top: 10px;}
	.pro_list ul li {width: 49%;margin-right: 2%;padding: 5px;margin-bottom: 2%;}
	.pro_list ul li:nth-child(2n) {margin-right: 0;}
	.i_box2 {margin-top: 20px;padding: 30px 2%;}
	.i_box2 .i_box2_content .i_box2_content1 {width: 100%;padding-bottom: 50px;margin-top: 30px;}
	.i_box2 .i_box2_content .fr {width: 100%;margin-top: 15px;}
	.i_box2 .i_box2_content .i_box2_content1 .i_box2_text {width: 100%;margin: 0;padding: 0 20px;background: none;display: block;}
	.i_box2 .i_box2_content .i_box2_content1 .i_box2_img {width: 100%;margin-left: 0;padding: 0 20px;margin-top: 10px;}
	.i_box2 .i_box2_content .i_box2_content1 .i_box2_menu {display: none;}
	.i_box2 .i_box2_content .fr {border: none;background: #fff;display: none;}
	.i_box4 {padding: 10px 2%;}
	.i_box4_content .fl {width: 100%;}
	.i_box4_content .fr {width: 100%;}
	.footer {background: url(../images/foot.gif);padding: 20px 2%;margin-bottom: 30px;}
	.footer .fl .foot_contact {padding-left: 0;float: none;}
	.footer .fl {width: 100%;}
	.footer .fr {width: 100%;margin-top: 12px;}
	.footer .fl img {display: none;}
	.footer .fr span {max-width: 80px;}
	.crumbs {display: none;}
	.news_list {padding: 10px;margin-top: 15px;}
	.container .pro_list {margin-top: 15px;}
	#mhide {display: none;}
	.pro_content .pro_pic {width: 100%;}
	.pro_content .pro_text {width: 100%;padding-left: 0;padding-top: 12px;}
	.page_pic {margin-top: 20px;}
	.page_pic figure a .imgauto {height: 1.14rem;}
	.page_pic figure {width: 49%;margin-right: 2%;}
	.page_pic figure:nth-child(3n) {margin-right: 2%;}
	.page_pic figure:nth-child(2n) {margin-right: 0;}
}
@media screen and (max-width: 450px) {
	.main_l p {height: auto;padding: 10px;}
	.main_l p span { font-size: .16rem;}
	.main_l p i { font-size: .09rem;margin-top: 6px;}
	.main_l ul li {width: 49%;float: left;margin-right: 2%;margin-top: 3px;line-height: 36px;height: 36px;margin-bottom: 0;margin-top: 3px;}
	.main_l ul li:nth-child(2n) {margin-right: 0;}
	.main_l ul li a {height: 36px;}
	.main_l ul li a span { font-size: .11rem;}
	.pro_list ul li a .imgauto { width:100%; height: auto;}
	.i_box2 .i_box2_content .i_box2_content1 .i_box2_text p { font-size: .11rem;line-height: 180%;}
	.i_box2 .i_box2_content .i_box2_content1 .flimg img {width: 25px;height: auto;display: block;}
	.i_box2 .i_box2_content .i_box2_content1 .flimg {height: auto;}
	.i_box2 .i_box2_content .i_box2_content1 {background-size: 25px;padding-bottom: 35px;}
	.i_box2 .i_box2_content .fr .i_box2_fr_img .swiper-wrapper .imgauto {height: 2rem;}
	.i_box2 .i_box2_tit p i { font-size: .14rem;}
	.i_box2 .i_box2_tit span {display: none;}
	.i_box3 .i_box3_tit p { font-size: .14rem;}
	.i_box3 {padding: 30px 2%;padding-bottom: 0;}
	.i_box3 .i_box3_content {margin-top: 30px;}
	.i_box3 .i_box3_a {margin-top: 30px;}
	.i_box4_content .new_list ul li .i_box4_text a span { font-size: .12rem;font-weight: bold;}
	.i_box4_content .new_list ul li .i_box4_text p { font-size: .1rem;margin-top: 4px;}
	.i_box4_content .new_list ul li .i_box4_time p span { font-size: .14rem;}
	.i_box4_content .new_list ul li .i_box4_time p i { font-size: .11rem;}
	.i_box4_content .new_list ul li .i_box4_text {padding-left: 85px;}
	.i_box4_content .new_list ul li .i_box4_time {padding: 12px 0;}
	.i_box4_content .fr h3 { font-size: .14rem;line-height: 42px;height: 42px;}
	.footer .fl .foot_contact p {text-align: center;}
	.footer .fr img {margin: 0 auto;}
	.footer .fr span {max-width: 100%;margin-right: 0;}
	.flink .flink_list {width: auto;}
	.hot_new .news_list li {width: 100%;margin-right: 0 !important;}
	.content_tit p {padding-top: 0px;}
	.content_tit h3 {margin-top: 10px; font-size: .16rem;}
}
.pages {margin: 40px 0 0;text-align: center; font-size:14px;}
.pages a {display: inline-block;font-size: 14px;line-height: 35px;padding: 0 14px;margin: 5px;background-color: #f5f5f5;border-radius: 3px;transition: all 0.5s;}
.pages a:hover,.pages a.cur {background-color: #086aac;color: #fff;}
.kf{width:208px;position:fixed;right:0px;top:40%;transform:translateY(-50%);z-index:20; border:1px #086aac solid;}
.kt-top{height:40px;line-height:40px;background:url(../images/kf/kefu.png) 12px center no-repeat #086aac;-ms-background-size:auto 20px;background-size:auto 20px;padding-left:46px;font-size:14px;color:#fff}
.kt-top span:hover{transform:rotate(90deg)}
.kt-top span{width:18px;height:16px;float:right;position:relative;margin:10px 10px 0 0;cursor:pointer;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.kt-top span b{width:100%;height:2px;background:#fff;display:block;position:absolute;top:50%;left:0}
.kt-top span b:first-child{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}
.kt-top span b:last-child{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
.kf .con{overflow:hidden;background:#fff}
.kf ul{margin:0;list-style:none;padding:0}
.kf .qq li{height:36px;line-height:36px;border-bottom:#f5f5f5 solid 1px;padding-left:16px}
.kf .qq li a{height:36px!important;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:initial;display:block}
.kf .qq li a img{padding-right:6px}
.kf .con h5{height:36px;line-height:36px;margin-top:12px;background:url(../images/kf/lianxi.png) 16px center no-repeat;padding-left:45px;color:#666;font-size:14px;margin-bottom:0}
.kf .contact{margin-top:1px;height:auto;background-color:#fff}
.kf .contact p{height:36px;line-height:36px;color:#666;font-size:14px;padding-left:22px; float:left;}
.kf .con h5.qr-icon{background:url(../images/kf/ewm.png) 16px center no-repeat}
.kf .con .qr{margin-top:10px;padding-left:25px}
.kf .con .qr img{width:160px;height:160px}
.kf .backTop{width:100%;height:40px;background:url(../images/kf/huidaodingbu.png) center center no-repeat #086aac;background-size:18px auto;cursor:pointer}
.kf-side{padding:18px 10px 10px;background:#086aac;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);left:-34px;cursor:pointer}
.kf-side b{display:block;color:#fff;line-height:18px;font-size:14px;font-weight:400}
.kf-side span.arrow{width:12px;height:12px;background:url(../images/kf/jt-1.png) no-repeat;-ms-background-size:auto 12px;background-size:auto 12px;display:block;margin-top:10px}
.kf-side span.on{background:url(../images/kf/jt-2.png) no-repeat;-ms-background-size:auto 12px;background-size:auto 12px}
.footer-fix{box-shadow:0 0 10px rgba(0,0,0,0.2);position:fixed;bottom:0;left:0; width:100%;background-color:#fff;z-index:10;display:none;}
.footer-fix li{float:left;width:25%;}
.footer-fix li a{display:block;text-align:center;padding:7px 0;font-size:12px;line-height:1}
.footer-fix li i{display:block;height:30px;background:no-repeat center;background-size:contain;margin-bottom:4px}
.footer-fix li i.i1{background-image:url(../images/kf/f_01.png)}
.footer-fix li i.i2{background-image:url(../images/kf/f_02.png)}
.footer-fix li i.i3{background-image:url(../images/kf/f_03.png)}
.footer-fix li i.i4{background-image:url(../images/kf/f_04.png)}
@media screen and (max-width: 768px) {
    .kf {display: none;}
    .footer-fix {display: block;}
}