@charset "utf-8";
/* CSS Document */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; touch-callout: none; cursor: pointer; }

body, dd, dl, dt, form, img, li, ol, p, pre, span, strong, td, tr, ul { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: 400; }
body, button, input, select, textarea { font-size: 14px; line-height: 24px; color: #333; font-family: Arial, Helvetica, sans-serif; }
li, ul { list-style: none; }
img { border: 0; vertical-align: middle; }

table { border-collapse: collapse; border-spacing: 0; }

*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; }

article, aside, footer, header, nav, section { display: block; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: #333; outline: 0; cursor: pointer; font-family: Arial, Helvetica, sans-serif; }

a:hover { background-repeat: no-repeat; text-decoration: none; }

a, button, input[type=button], input[type=submit], label { cursor: pointer; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -.25em; }

sup { top: -.5em; }

audio, video { display: inline-block; }

[type=checkbox], [type=radio] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input, select, textarea { outline: 0; }

input[type=button], input[type=submit], input[type=text], input[type=password], select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; border-radius: 0; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset !important; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clear { clear: both; line-height: 0; height: 0; font-size: 0; }
.fl { float: left; }
.fr { float: right; }
.show { display: block !important; }
.hide { display: none !important; }
.commonweb { padding: 0 15px; }
.commonwebbox { margin-left: 0; margin-right: 0; }
.commonleft { float: none; }
.commonright { float: none; }
.visible-lg, .visible-md, .visible-sm { display: none; }
.hidden-lg, .hidden-md, .hidden-sm { display: block; }


.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; }
.swiper-container-no-flexbox .swiper-slide { float: left; }
.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: -webkit-transform; -moz-transition-property: transform,-moz-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; transition-property: transform,-webkit-transform,-moz-transform,-o-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }
.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-box-align: start; align-items: flex-start; -webkit-transition-property: -webkit-transform,height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -webkit-transition-property: height,-webkit-transform; transition-property: height,-webkit-transform; -o-transition-property: height,-o-transform; -moz-transition-property: transform,height,-moz-transform; transition-property: transform,height; transition-property: transform,height,-webkit-transform,-moz-transform,-o-transform; }
.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }
.swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; }

body { padding-top: 55px; }
.header { position: fixed; left: 0; top: 0; z-index: 101; width: 100%; height: 55px; padding: 10px 0; background-color: #FFFFFF; -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); }
.header .logo { float: left; display: block; line-height: 35px; }
.header .logo img { height: 36px; vertical-align: middle; }
.header img.ac { display: none; }

.l_handle{ float: right; text-align: center;display: block; line-height:40px; height: 40px; margin: 25px 10px 0 0; overflow: hidden; background: #0c8fc6; padding-left:10px; padding-right:10px }
a.l_handle { color:#FFF}

.menu-handle { float: right; display: block; width: 40px; height: 40px; padding: 8px 5px; margin-top: -2px; }
.menu-handle span { display: block; width: 100%; height: 2px; background-color: #06C; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }
.menu-handle span:nth-child(2) { margin: 9px 0; }
.menu-handle.ac span:nth-child(1) { -webkit-transform: translate(0, 11px) rotate(45deg); -moz-transform: translate(0, 11px) rotate(45deg); -ms-transform: translate(0, 11px) rotate(45deg); -o-transform: translate(0, 11px) rotate(45deg); transform: translate(0, 11px) rotate(45deg); }
.menu-handle.ac span:nth-child(2) { opacity: 0; }
.menu-handle.ac span:nth-child(3) { -webkit-transform: translate(0, -11px) rotate(-45deg); -moz-transform: translate(0, -11px) rotate(-45deg); -ms-transform: translate(0, -11px) rotate(-45deg); -o-transform: translate(0, -11px) rotate(-45deg); transform: translate(0, -11px) rotate(-45deg); }

body { position: relative; overflow-x: hidden; }
html { min-height: 100%; }
.header.shadow { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); }
.mainnav { display: none; position: fixed; left: 0; top: 55px; width: 100%; z-index: 100; width: 100%; height: 100%; z-index: 99; padding-bottom: 60px; background-color: #fff; overflow-y: auto; border-top: 1px solid #ccc; }
.mainnav li { border-bottom: 1px solid #ccc; }
.mainnav li h3 a { display: block; font-size: 16px; line-height: 46px; font-family: Arial, Helvetica, sans-serif; }
.mainnav li h3 { position: relative; }
.mainnav li.cur .phsearchicon:after { transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); top: 13px; }
.mainnav .sub-item h4 a { padding: 10px 0; }
.mainnav .sub-item a { display: block; text-align: left; padding: 5px 0; }
.mainnav .sub-item.cur .three-btn:after { border-top: 7px solid #b3b3b3; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.mainnav .sub-item h4 { position: relative; border-bottom: 1px solid #d9d9d9; padding: 0 15px; }
.mainnav .sub-item:last-child h4 { border-bottom: 0; }
.mainnav .sub-nav { background-color: #f2f2f2; display: none; width: 100%; z-index: 3; }
.mainnav .three-nav { display: none; background-color: #fafafa; padding: 5px 20px; }
.mainnav .three-btn { display: block; position: absolute; right: 0; top: 0; cursor: pointer; height: 100%; width: 80%; }
.mainnav .three-btn:after { content: ''; display: block; width: 0; height: 0; border-top: 6px solid transparent; border-left: 7px solid #b3b3b3; border-bottom: 6px solid transparent; position: absolute; right: 13px; top: 50%; margin-top: -4px; }
.phsearchicon { display: block; position: absolute; right: 0; top: 0; cursor: pointer; height: 45px; width: 80%; }
.phsearchicon:after { content: ""; position: absolute; top: 17px; right: 10px; width: 10px; height: 10px; border-right: 1px solid #bebebe; border-top: 1px solid #bebebe; border-left: 0; border-bottom: 0; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); }


.guide-footer { position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.5); font-size: 13px; line-height: 20px; padding: 15px 0; color: #fff; }
.guide-footer a { color: #fff; }
.guide-footer .ft-share { padding: 10px 15px 0; }
.iban-swiper li { position: relative; }
.iban-swiper li a { position: relative; display: block; }
.iban-swiper li img { width: 100%; }
.iban-swiper .video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.iban-swiper .video video { display: block; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 100%; z-index: 10; -o-object-fit: cover; object-fit: cover; }
.iban-swiper .fixtitle { position: absolute; z-index: 10; width: 100%; left: 0; top: 50%; color: #fff; font-size: 20px; line-height: 38px; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.iban-swiper .iban-info { position: absolute; z-index: 10; width: 100%; left: 0; top: 50%; color: #fff; font-size: 14px; line-height: 26px; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.iban-swiper .iban-info h3 { font-size: 20px; line-height: 38px; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); }
.iban-swiper .iban-pages { position: absolute; width: 100%; bottom: 10px; z-index: 10; text-align: center; line-height: 0; }
.iban-swiper .iban-pages span { display: inline-block; vertical-align: top; width: 8px; height: 8px; margin: 0 3px; background-color: #fff; border: 2px solid transparent; cursor: pointer; }
.iban-swiper .iban-pages .swiper-pagination-bullet-active { background-color: #0c8fc6; }
.mn_title { font-size: 18px; line-height: 40px; padding: 10px 0; color: #424242; text-align: center;font-weight:bold; }
.mn_news { background-color: #F0F0F1 url(newsbg.jpg) no-repeat center 0; }


.mnnews_w .top-news { position: relative; display: block; background-color: #fff; }
.mnnews_w .top-news .thumb { overflow: hidden; position: relative; }
.mnnews_w .top-news .thumb:before { content: ''; display: block; width: 100%; padding-bottom: 56.6666%; }
.mnnews_w .top-news .thumb a { position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; }
.mnnews_w .top-news .thumb img { position: absolute; left: 0; top: 0; z-index: 3; width: 100% !important; height: auto !important; min-height: 100%; }
.mnnews_w .top-news .tag { position: absolute; left: 0; top: 0; z-index: 10; padding: 0 10px; background-color: #CC0000; font-size: 14px; line-height: 38px; color: #fff; }
.mnnews_w .top-news .content { padding: 18px 20px 5px; }
.mnnews_w .top-news h2 { margin-bottom: 13px; font-size: 16px; color: #424242; display: -webkit-box; height: auto; line-height: 20px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.mnnews_w .top-news h2 a { font-size: 16px; line-height: 20px; color: #424242; }
.mnnews_w .top-news .desc { margin-bottom: 7px; font-size: 13px; color: #929292; display: -webkit-box; height: 54px; line-height: 18px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.mnnews_w .top-news .date { border-top: 1px solid #f1f1f1; padding: 7px 0; font-size: 13px; line-height: 26px; color: #a1a1a1; opacity: .5; }
.mnew_tab { padding: 10px; background-color: #fff; }
.mnew_tab .tab-hd { padding: 7px 0 16px; }
.mnew_tab .tab-handle { float: left; font-size: 0; }
.mnew_tab .tab-handle a { display: inline-block; vertical-align: top; font-size: 15px; line-height: 24px; color: #888; font-weight: 700; }
.mnew_tab .tab-handle a::after { content: "/"; display: inline-block; vertical-align: top; padding: 0 10px; color: #888; }
.mnew_tab .tab-handle a:last-child::after { display: none; }
.mnew_tab .tab-handle a.cur { color: #333; }
.mnew_tab .tab-more { float: right; }
.mnew_tab .tab-more a { display: none; font-size: 13px; line-height: 24px; color: #929292; }
.mnew_tab .tab-more a:hover { color: #929292; }
.mnew_tab .tab-more .cur { display: block; }
.mnew_tab .tab_con { padding: 10px; border: solid 1px #dcdcdc; }
.mnew_tab .tab_con .item { display: none; }
.mnew_tab .tab_con .item:first-child { display: block; }
.mnew_tab .tab_con .hotnews { display: block; margin-bottom: 10px;  }
.mnew_tab .tab_con .hotnews .title { position: relative; padding: 10px 20 10px 10px; }
.mnew_tab .tab_con .hotnews h2 { font-size: 18px; line-height: 24px; color: #424242; font-weight: 700; display: -webkit-box; height: auto; line-height: 26px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.mnew_tab .tab_con .hotnews .date { position: absolute; left: 0; top: 20px; color: #0c8fc6; font-size: 16px; line-height: 30px; color: #CC0000; }
.mnew_tab .tab_con .hotnews .date span { display: block; font-size: 40px; line-height: 30px; }
.mnew_tab .tab_con .hotnews .desc { color: #929292; font-size: 13px; display: -webkit-box; height: auto; line-height: 22px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; padding-right: 30px; }



.full-demeanor { padding-bottom: 30px; background: url(indexbg01.jpg) no-repeat center; -o-background-size: cover; background-size: cover; }
.full-demeanor .mn_title { color: #fff; }
.full-demeanor .demeanor-swiper a { display: block; }
.full-demeanor .demeanor-swiper img { width: 100%; }
.full-demeanor .demeanor-swiper .content { padding: 20px; background-color: #e1ebfa; }
.full-demeanor .demeanor-swiper .content h2 { margin-bottom: 12px; font-size: 18px; line-height: 30px; color: #54536c; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.full-demeanor .demeanor-swiper .content .desc { margin-bottom: 20px; font-size: 14px; color: #878b9e; display: -webkit-box; height: 60px; line-height: 20px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.full-demeanor .demeanor-swiper .content .more { font-size: 14px; line-height: 20px; color: #de0012; font-weight: 700; }
.full-demeanor .der-ctrl { position: absolute; right: 20px; bottom: 10px; z-index: 20; width: 42px; height: 42px; background-position: center; background-repeat: no-repeat; background-color: #f7f9f9; }
.full-demeanor .der-prev { right: 62px; background-image: url(deprev.png); }
.full-demeanor .der-next { background-color: #de0012; background-image: url(denextac.png); }

.full-iserver { padding-top: 10px; padding-bottom: 10px; background: #F5F7F7; -o-background-size: auto 100%; background-size: auto 100%; }
.full-iserver img { max-height: 42px; }
.full-iserver img.ac { display: none; }
.full-iserver .iserver-list { font-size: 0; text-align: center; }
.full-iserver li { display: inline-block; vertical-align: top; width: 50%; padding: 0 5px; margin-bottom: 20px; }
.full-iserver li a { display: block; color: #666; }
.full-iserver li a:hover h2 { color: #c40d23; }
.full-iserver li h2 { font-size: 14px; line-height: 24px; }
.full-iserver li p { display:none; font-size:14px; line-height:24px; opacity:.7; color:#000; }
.iporject-wrapper { padding-bottom: 20px; background-color: #f5f7f7; }
.iporject-wrapper .cate { margin-bottom: 15px; overflow: hidden; }
.iporject-wrapper .cate-list { font-size: 0; margin: 0 -1px; }
.iporject-wrapper .cate-list li { margin-bottom: 2px; padding: 0 1px; width: 33.3333%; display: inline-block; vertical-align: top; }
.iporject-wrapper .cate-list li:nth-child(1) a { background-color: #FC612B; }
.iporject-wrapper .cate-list li:nth-child(2) a { background-color: #FA813C; }
.iporject-wrapper .cate-list li:nth-child(3) a { background-color: #FDA350; }
.iporject-wrapper .cate-list li:nth-child(4) a { background-color: #F5BA6A; }
.iporject-wrapper .cate-list li:nth-child(5) a { background-color: #FED287; }
.iporject-wrapper .cate-list a { position: relative; padding: 20px 0 20px; display: block; background-color: #e8eced; text-align: center; }
.iporject-wrapper .cate-list a::after { display: none; content: ""; position: absolute; left: 50%; bottom: 20px; margin-left: -11px; width: 22px; height: 22px; background: url(wqicon22.png) no-repeat center; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
.iporject-wrapper .cate-list .ico { position: relative; margin-bottom: 30px; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
.iporject-wrapper .cate-list .ico::after { content: ""; position: absolute; left: 50%; bottom: -18px; margin-left: -10px; width: 20px; height: 2px; background-color: #FFF; }
.iporject-wrapper .cate-list h3 { font-size: 16px; line-height: 20px; color: #FFF; }
.iporject-wrapper .cate-list li:hover .ico { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }
.iporject-wrapper .cate-list li:hover a::after { margin-left: 0; }
.iporject-wrapper .porject-news { background-color: #e8eced; }
.iporject-wrapper .porject-news .porject-tab { font-size: 0; background-color: #dee2e3; }
.iporject-wrapper .porject-news .porject-tab a { display: inline-block; vertical-align: top; width: 50%; font-size: 16px; line-height: 36px; color: #424242; text-align: center; }
.iporject-wrapper .porject-news .porject-tab .cur { color: #fff; background-color: #c20d23; }
.iporject-wrapper .porject-news .porject-panel { padding: 10px; }
.iporject-wrapper .porject-news .porject-panel .item { display: none; }
.iporject-wrapper .porject-news .porject-panel .item:first-child { display: block; }
.iporject-wrapper .porject-news .porject-panel li { position: relative; display: block; padding: 10px 0 5px 40px; border-bottom: dashed 1px #ccc; }
.iporject-wrapper .porject-news .porject-panel li a { font-size: 16px; line-height: 24px; color: #383838; font-weight: 400; }
.iporject-wrapper .porject-news .porject-panel li a:hover { color: #0c8fc6; }
.iporject-wrapper .porject-news .porject-panel h3 { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: 36px; }
.iporject-wrapper .porject-news .porject-panel .date { position: absolute; left: 0; top: 16px; }
.iporject-wrapper .porject-news .porject-panel .more { display: block; font-size: 12px; line-height: 34px; color: #999; text-align: center; }
.iporject-wrapper .porject-news .porject-panel .more:hover { color: #0c8fc6; }
.full-interact { padding-bottom: 20px; background: url(interbg.jpg) no-repeat no-repeat center; -o-background-size: cover; background-size: cover; }
/*.full-interact .mn_title { color: #fff; }*/
.full-interact .online { margin-bottom: 15px; padding: 15px 10px; background-color: #e7f1fd; }
.full-interact .online .title { overflow: hidden; line-height: 26px; margin-bottom: 10px; }
.full-interact .online .title h3 { float: left; font-size: 20px; font-weight: 700; color: #424242; }
.full-interact .online .title a { float: right; font-size: 14px; color: #999; }
.full-interact .online .info { display: block; }
.full-interact .online .thumb { overflow: hidden; }
.full-interact .online .thumb img { width: 100%; }
.full-interact .online .content h2 { font-size: 16px; color: #666; max-height: 52px; line-height: 26px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.full-interact .online .content .date { padding: 9px 0 7px; font-size: 20px; line-height: 24px; color: #0c8fc6; }
.full-interact .online .content .desc { font-size: 14px; color: #999; display: -webkit-box; height: 52px; line-height: 26px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.full-interact .entry a { width: 48%; background-color: rgba(255, 255, 255, 0.8); text-align: center; color: #666; }
.full-interact .entry a span { display: inline-block; vertical-align: top; line-height: 60px; padding-left: 35px; background-position: 0 center; background-repeat: no-repeat; -o-background-size: 26px auto; background-size: 26px auto; }
.full-interact .entry .lf { float: left; }
.full-interact .entry .lf span { background-image: url(entry01.png); }
.full-interact .entry .rg { float: right; }
.full-interact .entry .rg span { background-image: url(entry02.png); }
.mn_wrapper { padding-bottom: 20px; background-color: #f5f7f7; }
.mn_wrapper .hb_list { font-size: 0; }
.mn_wrapper .hb_list ul { margin: 0 -5px; }
.mn_wrapper .hb_list li { width: 50%; display: inline-block; vertical-align: top; padding: 5px; }
.mn_wrapper .hb_list li a { display: block; }
.mn_wrapper .hb_list li img { width: 100%; }
.footer { background-color: #212121; padding-top: 20px; padding-bottom: 30px; }
.footer .foot-info .ft-logo { margin-bottom: 15px; display: block; }
.footer .foot-info .ft-logo img { height: 40px; }
.footer .foot-info .copyright { font-size: 14px; line-height: 20px; color: #999999; opacity: .8; text-align: center; }
.footer .foot-info .copyright a { color: #aaa; }

.pro_main-list { width: 100%; height: auto; border-bottom: 2px solid #d4d4d4; margin: 0 auto 30px; overflow: hidden 
}
	
.pro_main-list-tit { height: 60px; border-bottom: 3px solid #d4d4d4; margin-bottom: 30px;}
.pro_main-list-tit h3 { height: 60px; display: inline-block; font-size: 24px; font-weight: normal; line-height: 60px; color: #545454; border-bottom: 3px solid #333;}
.pro_main-list dl { display: block; background: #fff; width: 31%; float: left; padding: 1%; margin: 10px; }
.pro_main-list dl:hover {border-color: #fff;}
.pro_main-list dt {margin-bottom: 20px;width: 100%; }
.pro_main-list dt img {padding:10px; margin: 0 auto; display: block; border-color: transparent;box-shadow: 0 0 10px 3px lightgray;width:260px; height: 220px;transition: all 0.3s ease-in-out 0s; }
.pro_main-list dt:hover img { transform: scale(1.02);}
.pro_main-list dd {padding: 0 14px 12px 14px; }
.pro_main-list dl:hover dd { }
.pro_main-list dd h4 {
            height: 28px;
            font-weight: normal;
            font-size: 16px;
            color: #111;
            line-height: 28px;
            margin-bottom: 5px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: center;
}
.pro_main-list h4 a {color: #111;}        
.pro_main-list dl:hover h4 a { color: #0066CC;}
.pro_main-list-list-desc {
            height: 24px;
            font-size: 14px;
            line-height: 24px;
            color: #9c9c9c;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
}

@-webkit-keyframes breath { 0% { -webkit-box-shadow: 0 1px 2px #0c8fc6;
    box-shadow: 0 1px 2px #0c8fc6; }
  100% { -webkit-box-shadow: 0 1px 15px #0c8fc6;
    box-shadow: 0 1px 15px #0c8fc6; } }

@-moz-keyframes breath { 0% { box-shadow: 0 1px 2px #0c8fc6; }
  100% { box-shadow: 0 1px 15px #0c8fc6; } }

@-o-keyframes breath { 0% { box-shadow: 0 1px 2px #0c8fc6; }
  100% { box-shadow: 0 1px 15px #0c8fc6; } }

@keyframes breath { 0% { -webkit-box-shadow: 0 1px 2px #0c8fc6;
    box-shadow: 0 1px 2px #0c8fc6; }
  100% { -webkit-box-shadow: 0 1px 15px #0c8fc6;
    box-shadow: 0 1px 15px #0c8fc6; } }
	
	
.guidebg video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; -o-object-fit: cover; object-fit: cover; }
.enter-home { text-align: center; padding-top: 15%; }
.enter-home a { display: block; width: 140px; height: 40px; margin: 0 auto; background-color: #0c8fc6; color: #fff; font-size: 16px; line-height: 40px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-animation: breath 1s infinite ease-in-out alternate; -moz-animation: breath 1s infinite ease-in-out alternate; -o-animation: breath 1s infinite ease-in-out alternate; animation: breath 1s infinite ease-in-out alternate; }
.pro_wrapper { background: url(indexbg02.jpg) center center no-repeat; -o-background-size: cover; background-size: cover; padding-top: 10px; padding-bottom: 20px; }
/* .pro_wrapper .mn_title { color: #fff; } */
.project-tab { text-align: center; font-size: 0; line-height: 0; }
.project-tab a { font-size: 14px; width: 50%; max-width: 150px; height: 48px; line-height: 48px; border: 1px solid #ccc; display: inline-block; background-color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.project-tab a.cur { background-color: #0c8fc6; border-color: #0c8fc6; color: #fff; }
.pro_box { padding-top: 25px; }
.project-arror { font-size: 16px; padding-top: 38px; background: url(wicon11.png) 0 0 no-repeat; color: #fff; }
.project-left img { display: block; width: 100%; }
.projectbtn { font-size: 0; line-height: 0; margin-top: -74px; position: absolute; z-index: 99; bottom: 33px; left: 30px; }
.project-btn { position: relative; width: 40px; height: 40px; display: inline-block; background: #BBB; cursor: pointer; margin: 0 4px; }
.project-btn:before { content: ""; position: absolute; width: 14px; height: 14px; display: block; border-left: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 14px; left: 16px; }
.projectbtn-right:before { left: 9px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
.project-right { position: relative; overflow: hidden; padding-top: 30px; }
.project-right ul li { width:33%; display: block; background-color: #E8ECED; }
.project-right ul li .project-cotent { padding: 0 20px 100px; color: #929292; }
.project-right ul li .project-cotent h4 { color: #4c4c4c; font-size: 18px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 24px; line-height: 24px; margin-bottom: 20px; }
.project-right ul li .project-cotent p { max-height: 96px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.project-right ul li .zoom { position: relative; overflow: hidden; }
.project-right ul li .zoom:before { content: ""; display: block; padding-bottom: 68.5%; }
.project-right ul li .zoom img { display: block; width: 100%; position: relative; top: 0; left: 0; }
.project-right ul li .zoom .redbg { height: 32px; display: block; text-align: right; position: absolute; left: 0; bottom: -1px; width: 100%; }
.project-right ul li .zoom .redbg:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 62.5%; height: 32px; background: url(wicon13.png) 0 0 no-repeat; -o-background-size: 100% 32px; background-size: 100% 32px; }
.project-right ul li .zoom .redbg i { width: 45%; display: inline-block; height: 32px; line-height: 32px; text-align: center; color: #fff; background: url(wicon14.png) 0 0 no-repeat; -o-background-size: 100% 32px; background-size: 100% 32px; }
.guide-header { background: rgba(0, 0, 0, 0.2); }
.guide-header .logo img { display: none; }
.guide-header .logo img.ac { display: inline-block; }
.guide-header .menu-handle span { background-color: #fff; }
.guide-header .search-handle { background: #0c8fc6 url(guidsearch.png) no-repeat center; }
.guidebody { padding-top: 0; }
.pro_item { display: none; }

.case_con ul{width:100%;}
.case_con li{position:relative;width:398px;height:278px;overflow:hidden;margin-bottom:4px}
.case_con li img{width:398px;height:278px;display:block}
.case_con li span{display:block;height:38px;width:398px;font-size:14px;text-align:center;line-height:38px;color:#fff;position:absolute;left:0;bottom:0;background-color:rgba(0,0,0,0.7)}
.case_con li:first-child{position:relative;width:790px;height:559px;overflow:hidden;float:left; margin-right:5px}
.case_con li:first-child img{width:798px;height:559px;display:block}
.case_con li:first-child span{display:block;height:38px;width:100%;font-size:14px;text-align:center;line-height:38px;color:#fff;position:absolute;left:0;bottom:0;background-color:rgba(0,0,0,0.7)}



/*2019.3.28*/.footer .foot-links .friend-links { height: 300px; overflow-y: auto; }
.footer .foot-links .friend-links::-webkit-scrollbar-track { background-color: rgba(255, 255, 255, 0.3); }
.footer .foot-links .friend-links::-webkit-scrollbar { width: 4px; height: 3px; }
.footer .foot-links .friend-links::-webkit-scrollbar-thumb { background-color: #999999; }
.mnnews_w .top-news .desc { font-size: 14px; line-height: 24px; height: auto; }
.mnnews_w .top-news h2 { height: auto; }
.mnnews_w .top-news h2 a { font-size: 18px; line-height: 24px; color: #333; }
.full-interact .online .content h2 { line-height: 24px; max-height: 48px; }
.full-interact .online .content .desc { font-size: 14px; line-height: 24px; color: #929292; height: 48px; }



.gwsleader-list:first-child { text-align: left; }
.gwsleader-list:first-child .gwsleadtit:nth-child(2) { left: 51%; }
/*20190328 9:00*/.moshow { display: none !important; }
	
.project-tab a { width: 33.333%; }
.project-swiper .newname { background-color: #0c8fc6; color: #FFffff; font-size: 18px; padding: 14px 30px; }
.project-swiper .lists { padding-bottom: 94px; background-color: #E8ECED; height: 412px; }
.project-swiper .lists a { display: block; border-bottom: 1px dashed #cccccc; padding: 14px 30px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.project-swiper .more { position: absolute; right: 30px; bottom: 40px; }
.project-swiper .more a { color: #666666; }
.pro_items li .text { display: none; }


/* 2019.3.29 */.newsdatailcont p { padding-bottom: 5px; }
 
.about{ height: auto; background: url(../images/about.jpg) no-repeat center center; background-size: 100%; color: #fff }
.about .inner{ background: url(../images/bg_dot.png) repeat center center; padding-top: 120px; padding-bottom:120px }
.about h3{ font-size: 30px; line-height: 36px; width: 515px; overflow: hidden; color: #FFF; }
.about p{font-size:15px;color:#fff;line-height:22px;width:515px;margin-top:22px}
.about ul{overflow:hidden}
.about ul li{float:left;padding-top:12px;font-size:0;padding-right:7px}
.about ul li img{width:159px;height:92px;border:3px solid #adcbdf}
.about_desc{max-height:308px;overflow:hidden}
.project-left { padding-right: 30px; padding-left: 30px; overflow: hidden; }
.project-map { display: inline-block; }
.project-map { margin-top: 0; }


/*20190702 wuqiuping*/
.mn_news{ background: #F0F0F1 url() no-repeat center 0; background-size: cover; padding-top: 0; padding-bottom: 0; 
}
.mn_news .commonweb{ padding-bottom: 0px; padding-top: 0px; }
.content_area{ max-width: 1480px; margin: 0 auto; width: 96%; }
.pro_wrapper{background-image: url(newsbg04.jpg);}
.m-imgbg{background-position:right bottom;background-size:cover;}

  .iporject-wrapper{background-image: url(newsbg05.jpg);background-size:cover;padding-top:0;padding-bottom:0;}
  .iporject-wrapper .content_area{padding-bottom: 20px;}
  .nomaxwidth{max-width:100%;width:100%;}
  .mn_wrapper{background-image: url(newsbg07.jpg);padding:0;background-size:cover;}
  .mn_wrapper .content_area{padding-bottom: 20px;}
  
  

/* 2019.5.7 */.gwsmailbox .code, .gwsmailbox a { display: inline-block; vertical-align: top; margin: 5px 5px 0 0; line-height: 30px; }
.gwsmailbox .code { border: 1px solid #e6e3e3; text-align: center; -moz-text-align-last: auto; text-align-last: auto; line-height: 28px; color: #0c8fc6; }
.gwsmailbox a { text-decoration: underline; }

/* */.yjxj_tit { overflow: hidden; font-size: 20px; color: #0c8fc6; border-bottom: 1px dashed #a4a4a4; height: 50px; line-height: 50px; }
.yjxj_tit .title { float: left; }
.yjxj_tit .more { float: right; }
.zx_ml_list ul li { font-size: 14px; height: 46px; border-bottom: #ebebeb 1px solid; color: #2e2e2e; line-height: 46px; width: 100%; }
.chax_con { padding-bottom: 30px; }
.zx_ml_list ul li { position: relative; }
.zx_ml_list ul li a { display: block; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.zx_ml_list ul li .tit { display: block; padding: 0 120px 0 24px; }
.zx_ml_list ul li .number { position: absolute; left: 0; top: 0; }
.zx_ml_list ul li .date { position: absolute; right: 0; top: 0; }
.wxsidebar { display: none; }




.bd_weixin_popup { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.sidebar { position: fixed; right: 0; bottom: 20%; z-index: 100; }
.sidebar a { display: block; width: 45px; height: 45px; text-align: center; color: #666; font-size: 0; line-height: 34px; margin-bottom: 1px; background-color: rgba(255, 255, 255, 0.8); background-repeat: no-repeat; background-position: center; position: relative; }
.sidebar a:hover { background-color: #db261d; color: #fff; }
.sidebar a span { position: absolute; right: 45px; top: 0; width: 80px; height: 80px; display: none; }
.sidebar a img { max-width: 100%; }
.sidebar .side01 { background-image: url(side01.png); }
.sidebar .side01:hover { background-image: url(sideac01.png); }
.sidebar .side02 { background-image: url(side02.png); }
.sidebar .side02:hover { background-image: url(sideac02.png); }
.sidebar .side03 { background-image: url(side03.png); }
.sidebar .side03:hover { background-image: url(sideac03.png); }
.sidebar .side04 { background-image: url(side04.png); }
.sidebar .side04:hover { background-image: url(sideac04.png); }
.sidebar .side05 { background-image: url(side05.png); }
.sidebar .side05:hover { background-image: url(sideac05.png); }
.sidebar .side06 { background-image: url(side06.png); }
.sidebar .side06:hover { background-image: url(sideac06.png); }
.sidebar .side07 { background-image: url(eamil.png); -o-background-size: auto 24px; background-size: auto 24px; }
.sidebar .side07:hover { background-image: url(eamilhover.png); }


.ft-share.bdsharebuttonbox a { float: left; display: block; margin: 0 6px 0 0; padding: 0; width: 32px; height: 32px; background-repeat: no-repeat; background-position: center; }
.ft-share.bdsharebuttonbox .bds_weixin { background-image: url(bdwx.png); }
.ft-share.bdsharebuttonbox .bds_sqq { background-image: url(bdqq.png); }
.inside-banner img { width: 100%; }
.inside-container { padding-top: 20px; }

.inside-left { background-color: #f2f2f2; }
.inside-left .title { position: relative; font-size: 18px; line-height: 42px; color: #fff; background-color: #0c8fc6; cursor: pointer; }
.inside-left .title::after { content: ''; position: absolute; right: 0; top: 0; width: 42px; height: 42px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); background: url(insidearr.png) no-repeat center; -webkit-transition: -webkit-transform ease .3s; transition: -webkit-transform ease .3s; -o-transition: -o-transform ease .3s; -moz-transition: transform ease .3s,-moz-transform ease .3s; -moz-transition: transform ease .3s, -moz-transform ease .3s; transition: transform ease .3s; transition: transform ease .3s, -webkit-transform ease .3s, -moz-transform ease .3s, -o-transform ease .3s; transition: transform ease .3s,-webkit-transform ease .3s,-moz-transform ease .3s,-o-transform ease .3s; }
.inside-left .title.ac::after { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
.inside-left .left-nav { display: none; }
.inside-left .left-nav li { border-bottom: 1px solid #dedede; cursor: pointer; }
.inside-left .left-nav a { display: block; font-size: 14px; line-height: 26px; }
.inside-left .left-nav h4 { position: relative; }
.inside-left .left-nav h4 a { position: relative; line-height: 40px; padding-left: 32px; }
.inside-left .left-nav h4 a::after { display: block; position: absolute; left: 17px; top: 50%; content: ''; width: 4px; height: 4px; margin-top: -3px; background-color: #666; -webkit-border-radius: 50%; border-radius: 50%; }

  #menus .active{ color: #0c8fc6; font-weight: 700; }
  
.inside-left .left-nav .insnav-btn { position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 60%; height: 100%; right: 0; }
.inside-left .left-nav .insnav-btn::after { content: ""; display: block; right: 27px; position: absolute; top: 15px; width: 8px; height: 8px; border-right: 2px solid #676767; border-top: 2px solid #676767; border-left: 0; border-bottom: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.inside-left .left-nav .insid-nav { padding: 0 10px 10px 40px; display: none; }


.right-head .title { font-size: 20px; line-height: 30px; color: #0c8fc6; padding: 10px 0; text-align: center; }
.right-head .crumbs { display: none; }
.inside-news li { padding: 15px 0 15px; border-bottom: 1px solid #e6e6e6; }
.inside-news a { display: block; }
.inside-news h2 { margin-bottom: 10px; font-size: 16px; line-height: 26px; color: #333; font-weight: 700; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.inside-news .thumb { margin-bottom: 10px; overflow: hidden; }
.inside-news .thumb img { width: 100%; }
.inside-news .desc { margin-bottom: 10px; font-size: 14px; color: grey; display: -webkit-box; height: 48px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.inside-news .date { padding-left: 19px; font-size: 13px; line-height: 24px; color: #999; background: url(dateico.png) no-repeat 0 4px; }
.pages { text-align: center; width: 100%; margin: 30px auto 20px auto; }
.pages a { display: inline-block; width: 38px; height: 38px; margin: 0 5px; background: url(img41.jpg) no-repeat; text-align: center; line-height: 37px; }
.pages a.cura, .changepage3 a:hover { color: #FFFFFF; background: #0c8fc6; }
.pages a.changel { background: url(img43.jpg) no-repeat; vertical-align: -13px; *vertical-align: -10px; }
.pages a.changel:hover { background: url(img43.jpg) no-repeat; }
.pages a.change { background: url(img42.jpg) no-repeat; vertical-align: -13px; *vertical-align: -10px; }
.pages a.change:hover { background: url(img42.jpg) no-repeat; }




.newsdatailtit { text-align: center; border-bottom: 1px solid #d9d9d9; padding: 15px 0; }
.newsdatailtit h1 { font-size: 18px; padding: 0 0 10px; }
.newsdatailtit span { color: #4c4c4c; padding: 0 13px; }
.newsdatailcont { padding: 15px 0; color: #4c4c4c; }
.newsdatailcont img { max-width: 100%; }
.newsdeatil-bottom { padding: 25px 0 30px; font-size: 14px; position: relative; overflow: hidden; border-top: 1px solid #d9d9d9; width: 100%; color: #4c4c4c; }
.newsdeatil-bottom dl dd { position: relative; margin-bottom: 7px; height: 24px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.newsdeatil-bottom dl span { display: inline-block; }
.newsdeatil-bottom dl a { display: inline-block; color: #4c4c4c; }
.newsdeatil-bottom dl a:hover { color: #0c8fc6; }
.newsdeatil-bottom .return-list { width: 144px; height: 49px; line-height: 49px; display: block; background-color: #0c8fc6; text-align: center; color: #Fff; margin: 20px auto 0; }
  
.gwsleadtit { background-color: #0c8fc6; color: #Fff; font-weight: 700; font-size: 16px; display: inline-block; padding: 0 15px; line-height: 36px; text-align: center; position: absolute; top: -10px; left: 20px; min-width: 78px; }
.gwsleadtit:after, .gwsleadtit:before { content: ""; display: block; width: 0; height: 0; position: absolute; top: 0; border-bottom: 10px solid #a20215; }
.gwsleadtit:before { left: -10px; border-left: 10px solid transparent; }
.gwsleadtit:after { right: -10px; border-right: 10px solid transparent; }
.gwsleader-list { background-color: #f2f2f2; position: relative; padding: 40px 20px 20px; font-size: 0; margin: 0 0 30px; }
.gwsleader-list ul { margin: 0 -5px; }
.gwsleader-list li { text-align: center; color: #666; font-size: 16px; width: 50%; display: inline-block; vertical-align: top; padding: 0 5px 15px; }
.gwsleader-list li img { max-width: 100%; }
.gwsleader-list li .name { font-weight: 700; margin: 10px 0 3px; }
.gwsleader-list li .name, .gwsleader-list li .text { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.gwsleader-list:first-child { text-align: center; }

  
.gwsmailbox { padding: 20px 0 30px; }
.gwsmailbox span { text-align: justify; -moz-text-align-last: justify; text-align-last: justify; font-size: 16px; width: 80px; display: block; margin: 0 0 5px; }
.gwsmailbox em { color: #c5112e; font-size: 20px; font-weight: 700; display: block; position: absolute; right: 0; bottom: 0; }
.gwsmailbox input { display: block; width: 100%; height: 30px; line-height: 30px; border: 1px solid #e6e3e3; padding: 0 10px; font-family: "Microsoft YaHei"; }
.gwsmailbox li { position: relative; padding-right: 10px; margin-bottom: 15px; }
.gwsmailbox textarea { display: block; width: 100%; border: 1px solid #e6e3e3; padding: 10px; }
.gwsmailbox .litextarea em { top: 30px; bottom: auto; }
.gwsmailbox .changecode { display: block; padding: 10px 0 0; }
.gwsmailbox .changecode img { margin-right: 10px; height: 30px; }
.gwsmailbox .libtn { font-size: 0; }
.gwsmailbox .libtn input { display: inline-block; vertical-align: top; font-size: 16px; border: 0; margin-right: 14px; width: 130px; height: 40px; line-height: 40px; cursor: pointer; }
.gwsmailbox .submit { background-color: #0c8fc6; color: #Fff; }
.gwsmailbox .reset { background-color: #f2f2f2; color: #8d8d8d; }
  
.sitemapcont2 { padding: 6% 0; overflow: hidden; }
.sitemapcont2 dl { position: relative; margin-bottom: 36px; }
.sitemapcont2 dl dt { font-size: 16px; font-weight: 700; color: #0c8fc6; padding: 0 8px; background: #fff; position: absolute; left: 18px; top: -14px; }
.sitemapcont2 dl dd { padding: 4% 3% 1% 3%; border: 1px solid #e6e6e6; }
.sitemapcont2 dl dd a { display: inline-block; padding-left: 10px; margin: 0 23px 8px 0; }




@media (max-width: 320px) { body { min-width: 320px; } }

@media (min-width: 768px) { .commonweb { padding: 0 20px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; } }

@media (min-width: 992px) { .commonweb { padding: 0 40px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-md { display: block; }
  .hidden-md { display: none; } }

@media (min-width: 1200px) { html { cursor: default; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-lg { display: block; }
  .hidden-lg { display: none; }}

@media (min-width: 1260px) { .commonweb { margin: 0 auto; max-width: 1200px; padding: 0; } }
@media (min-width: 1024px) { .sidebar a span { right: 75px; width: 100px; height: 100px; } }

@media (min-width: 768px) { .iban-swiper .iban-info h3 { font-size: 26px; line-height: 44px; }
  .iban-swiper .fixtitle { font-size: 26px; line-height: 44px; }
  .iaffairs-wrapper li { width: 20%; }
  .iporject-wrapper .cate-list li { width: 20%; }
  .inside-news li { padding: 20px 0 25px; }
  .inside-news h2 { margin-bottom: 20px; font-size: 18px; line-height: 28px; }
  .inside-news .content { overflow: hidden; }
  .inside-news .info { overflow: hidden; }
  .inside-news .thumb { float: left; margin: 0 20px 0 0; overflow: hidden; }
  .inside-news .desc { margin-bottom: 13px; }
  .guidebg video { opacity: 1; } }

@media (min-width: 992px) { .pro_wrapper { background: url(indexbg02.jpg) center center no-repeat; -o-background-size: cover; background-size: cover; padding-top: 10px; padding-bottom: 40px; }
  .project-tab a { font-size: 18px; height: 48px; line-height: 48px; max-width: 235px; }
  .project-tab a.cur, .project-tab a:hover { background-color: #0c8fc6; border-color: #0c8fc6; color: #fff; }
  .pro_box { padding-top: 45px; }
  .project-arror { font-size: 16px; padding-top: 38px; }
  .project-left { float: left; width: 100%; padding-top: 30px; }
  .projectbtn { margin-top: -74px; bottom: 33px; left: 30px; }
  .project-btn { width: 40px; height: 40px; }
  .project-btn:hover { background-color: #0c8fc6; }
  .projectbtn-right:before { left: 9px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
  .project-map { padding-right: 20px; margin-top: -50px; }
  .project-right { width: 100%; padding-top: 0; }.project-right ul li { width:33%; display: block; background-color: #E8ECED; }
  .project-right ul li a .project-cotent { padding: 0 30px 20px; }
  .project-right ul li a .project-cotent h4 { font-size: 18px; }
  .project-right ul li .zoom .redbg i { width: 45%; } }

@-webkit-keyframes fadeIn { from { opacity: 0;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3); }
  to { opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1); } }

@-moz-keyframes fadeIn { from { opacity: 0;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3); }
  to { opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1); } }

@-o-keyframes fadeIn { from { opacity: 0;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3); }
  to { opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1); } }

@keyframes fadeIn { from { opacity: 0;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3); }
  to { opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1); } }

@media (min-width: 1024px) { body { padding-top: 110px; }
  .header { height: 110px; padding: 20px 0 18px; -webkit-box-shadow: none; box-shadow: none; }
  .header .logo { line-height: 72px; height: 72px; }
  .header .logo img { height: 52px; }
 
  .menu-handle { display: none; }
.search-handle{ display:none}	
  .mainnav { float: right; display: block; position: relative; top: 0; width: auto; z-index: 99; padding: 15px 15px 0 0; overflow-y: visible; border-top: 0; background: 0 0; }
  .mainnav li { float: left; border-bottom: 0; padding: 0 10px; }
  .mainnav li h3 a { line-height: 40px; color: #222; font-family: Arial, Helvetica, sans-serif; }
  .mainnav li a:hover { color: #0c8fc6; }
  .guide-header { background: rgba(0, 0, 0, 0.2); }
  .guide-header .logo img { display: none; }
  .guide-header .logo img.ac { display: inline-block; }
  body, html { height: 100%; }
  .guide-footer { padding: 28px; padding-bottom: 33px; line-height: 24px; }
  .guide-footer .copyright { float: left; }
  .guide-footer .ft-share { float: right; padding: 10px 15px 0; }
  .iban-swiper .iban-info { top: 43.33333%; }
  .iban-swiper .iban-info h3 { font-size: 32px; line-height: 50px; }
  .iban-swiper .iban-pages { bottom: 20px; }
  .iban-swiper .fixtitle { top: 43.33333%; font-size: 32px; line-height: 50px; }
  .mn_title { font-size: 30px; padding: 35px 0; }
  .mn_news { padding: 40px 0 0px; }
  .mnnews_w .top-news { float: left; width: 360px; margin: 0 20px 0 0; }
  .mnnews_w .top-news img { -webkit-transition: all ease .7s; -o-transition: all ease .7s; -moz-transition: all ease .7s; transition: all ease .7s; }
  .mnnews_w .top-news a:hover img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }
  .mnnews_w .top-news:hover h2 a { color: #0c8fc6; }
  .mnnews_w .top-news .tag { padding: 0 15px; font-size: 18px; line-height: 48px; }
  .mnnews_w .top-news h2 { font-weight: 700; }
  .mnew_tab { padding: 20px; overflow: hidden; }
  .mnew_tab .tab-hd { padding: 4px 0 16px; height: 45px; }
  .mnew_tab .tab-handle { float: left; }
  .mnew_tab .tab-handle a { font-size: 18px; }
  .mnew_tab .tab-more a:hover { color: #0c8fc6; }
  .mnew_tab .tab_con { padding: 0; }
  .mnew_tab .tab_con .item { overflow: hidden; }
  .mnew_tab .tab_con .hotnews { float: left; width: 100%; padding: 36px 30px 33px; margin-bottom: 0; border-bottom: 0;}
  .mnew_tab .tab_con .hotnews:hover h2 a { color: #0c8fc6; }
  .mnew_tab .tab_con .hotnews .title { padding: 20px 0 16px 90px;float: left;width:50%;  }
  .mnew_tab .tab_con .hotnews h2 { font-weight: 700; }
  .mnew_tab .tab_con .hotnews .date { top: 10px; }
  .mnew_tab .tab_con .hotnews .date span { font-size: 50px; line-height: 40px; }
  .mnew_tab .tab_con .hotnews .desc { height: autopx; line-height: 18px; -webkit-line-clamp: 7; }


  .full-demeanor { padding: 30px 0 59px; }
  .full-demeanor .demeanor-swiper a { display: block; overflow: hidden; }
  .full-demeanor .demeanor-swiper a:hover img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }
  .full-demeanor .demeanor-swiper a:hover h2 { color: #de0012; }
  .full-demeanor .demeanor-swiper .thumb { float: left; width: 414px; height: 246px; overflow: hidden; }
  .full-demeanor .demeanor-swiper .thumb img { -webkit-transition: all ease .7s; -o-transition: all ease .7s; -moz-transition: all ease .7s; transition: all ease .7s; }
  .full-demeanor .demeanor-swiper .content { overflow: hidden; height: 246px; padding: 41px 45px 40px 42px; }
  .full-demeanor .demeanor-swiper .content h2 { font-weight: 700; }
  .full-demeanor .demeanor-swiper .content .desc { margin-bottom: 20px; }
  .full-demeanor .der-ctrl { left: 414px; right: auto; bottom: 0; }
  .full-demeanor .der-prev { left: 372px; right: auto; }
  
  .full-iserver { padding-top: 40px; padding-bottom: 25px; }
  .full-iserver img { max-height: 85px; height: 85px; }
  .full-iserver .ico { position: relative; display: inline-block; vertical-align: top; height: 72px; margin: 0 auto 41px; -webkit-transition: all .6s; -o-transition: all .6s; -moz-transition: all .6s; transition: all .6s; }
  .full-iserver img.ac { position: absolute; left: 0; top: 0; display: block; opacity: 0; -webkit-transition: opacity ease .3s; -o-transition: opacity ease .3s; -moz-transition: opacity ease .3s; transition: opacity ease .3s; }
  .full-iserver li { padding: 0 18px; margin-bottom: 38px; width: 33.3333%; }
  .full-iserver li a { display: block; }
  .full-iserver li a:hover .ico { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }
  .full-iserver li a:hover img.ac { opacity: 1; }
  .full-iserver li h2 { margin-bottom: 15px; font-size: 18px; }
  .full-iserver li p { display: block; max-width: 15em; margin: 0 auto; }
  .iporject-wrapper { padding-top: 40px; padding-bottom: 80px; }
  .iporject-wrapper .cate { margin-bottom: 0; float: left; width: 63.33333%; }
  .iporject-wrapper .cate-list li { margin-bottom: 0; }
  .iporject-wrapper .cate-list a { padding: 78px 0 110px; }
  .iporject-wrapper .cate-list a::after { display: block; bottom: 65px; }
  .iporject-wrapper .cate-list .ico { margin-bottom: 60px; }
  .iporject-wrapper .cate-list h3 { font-weight: 700; }
  .iporject-wrapper .porject-news { float: right; width: 35.41667%; }
  .iporject-wrapper .porject-news .porject-tab a { line-height: 42px; }
  .iporject-wrapper .porject-news .porject-panel { padding: 0 15px; }
  .iporject-wrapper .porject-news .porject-panel ul { height: 212px; }
  .iporject-wrapper .porject-news .porject-panel li a { padding: 0 0 0 10px; }
  .iporject-wrapper .porject-news .porject-panel .date { font-size: 15px; line-height: 36px; top: 9px; }
  .iporject-wrapper .porject-news .porject-panel .more { line-height: 60px; }
  .full-interact { padding-top: 40px; padding-bottom: 94px; }
  /* .full-interact .mn_title { color: #fff; } */
  .full-interact .interact-wrap { position: relative; padding-right: 33.75%; min-height: 23px; }
  .full-interact .online { margin-bottom: 0; padding: 30px 22px 30px 30px; min-height: 100%; }
  .full-interact .online .title { line-height: 30px; margin-bottom: 22px; }
  .full-interact .online .title h3 { font-size: 24px; }
  .full-interact .online .title a { font-size: 14px; }
  .full-interact .online .info { overflow: hidden; }
  .full-interact .online .info:hover img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }
  .full-interact .online .info:hover h2 a { color: #0c8fc6; }
  .full-interact .online .thumb { width: 250px; height: 171px; float: left; }
  .full-interact .online .thumb img { -webkit-transition: all ease .7s; -o-transition: all ease .7s; -moz-transition: all ease .7s; transition: all ease .7s; }
  .full-interact .online .content { overflow: hidden; padding: 12px 0 0 20px; }
  .full-interact .online .content h2 { font-size: 18px; max-height: 60px; font-weight: 700; }
  .full-interact .online .content .date { padding: 9px 0 7px; font-size: 24px; line-height: 28px; }
  .full-interact .online .content .desc { height: 60px; line-height: 30px; -webkit-line-clamp: 2; }
  .full-interact .entry { position: absolute; right: 0; top: 0; width: 32.08333%; height: 100%; }
  .full-interact .entry a { display: block; width: 100%; color: #666; }
  .full-interact .entry a span { font-size: 24px; font-weight: 700; line-height: 130px; padding-left: 73px; -o-background-size: 53px auto; background-size: 53px auto; }
  .full-interact .entry a:hover { background-color: #c02b4d; color: #fff; }
  .full-interact .entry .lf { float: none; }
  .full-interact .entry .lf:hover span { background-image: url(entryac01.png); }
  .full-interact .entry .rg { position: absolute; right: 0; bottom: 0; float: none; }
  .full-interact .entry .rg:hover span { background-image: url(entryac02.png); }
  .mn_wrapper { padding-top: 40px; padding-bottom: 90px; }
  .mn_wrapper .hb_list ul { margin: 0 -10px; }
  .mn_wrapper .hb_list li { width: 20%; padding: 0px;  }
  .mn_wrapper .hb_list li img{ width: 90%; padding: 10px; border: 1px solid #CCC; height: 60px; }
  
  .footer { padding-top: 50px; padding-bottom: 30px; }
  .footer a:hover { color: #fff; }
  .footer .foot-info { padding-right: 20px; }
  .footer .foot-info .ft-logo { margin-bottom: 30px; display: block; }
  .footer .foot-info .ft-logo img { max-width: 100%; height: auto; }
  .footer .foot-info a:hover { color: #fff; }
  
  .bd_weixin_popup { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
  .sidebar { bottom: 15%; }
  .sidebar a { width: 75px; height: 75px; padding: 41px 0 0; font-size: 14px; line-height: 34px; background-position: center 13px; }
  .ft-share.bdsharebuttonbox a { float: none; display: inline-block; vertical-align: top; margin: 0 0 0 6px; }
  .inside-container { display: table; width: 100%; padding-top: 40px; padding-bottom: 60px; table-layout: fixed; }
  .inside-left { display: table-cell; vertical-align: top; width: 290px; }
  .inside-right { display: table-cell; vertical-align: top; padding: 0 0 0 40px; }
    .right-content img{max-width: 100%; }
  .inside-left .title { font-size: 24px; line-height: 100px; background: #0c8fc6 url(insidearr.png) no-repeat 80px center; text-align: center; }
  .inside-left .title::after { display: none; }
  .inside-left .left-nav { display: block; }
  .inside-left .left-nav li.cur h4 a, .inside-left .left-nav li:hover h4 a { background-color: #0c8fc6; color: #fff; }
  .inside-left .left-nav li.cur h4 a::after, .inside-left .left-nav li:hover h4 a::after { background-color: #fff; }
  .inside-left .left-nav li.cur .insnav-btn:after, .inside-left .left-nav li:hover .insnav-btn:after { border-color: #Fff; top: 23px; }
  .inside-left .left-nav .insnav-btn:after { top: 25px; }
  .inside-left .left-nav .insid-nav { padding: 0; }
  .inside-left .left-nav .insid-nav a { border-bottom: 1px solid #dedede; color: #666; padding: 14px 10px 14px 45px; }
  .inside-left .left-nav .insid-nav a:last-child { border-bottom: 0; }
  .inside-left .left-nav .insid-nav a.cur, .inside-left .left-nav .insid-nav a:hover { color: #0c8fc6; font-weight: 700; }
  .inside-left .left-nav h4 a { padding-left: 34px; line-height: 60px; }
  .inside-left .left-nav h4 a::after { width: 7px; height: 7px; }
  .inside-left .left-nav h4 a:hover { background-color: #cc3b4c; color: #fff; }
  .inside-left .left-nav h4 a:hover::after { background-color: #fff; }

  
  .right-head { overflow: hidden; padding-bottom: 10px; border-bottom: 1px solid #d9d9d9; margin-bottom: 20px; }
  .right-head .title { float: left; padding: 0; text-align: left; font-weight: 700; }
  .right-head .crumbs { float: right; display: block; font-size: 0;font-size: 14px; line-height: 30px; }
  /* .right-head .crumbs li{display:inline-block;vertical-align:top;font-size:14px;line-height:30px;color:#666} */
  .right-head .crumbs a:last-child::after { display: none; }
  .right-head .crumbs a { display: inline-block; vertical-align: top; font-size: 14px; line-height: 30px; color: #666; }
  .right-head .crumbs a:hover { color: #0c8fc6; }
  .right-head .crumbs a:last-child::after { display: none; }
  .right-head .crumbs a:first { padding-left: 31px; background: url(home.png) no-repeat 0 center; }
  .right-head .crumbs a:last-child { color: #0c8fc6; }
  .inside-news a:hover img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }
  .inside-news a:hover h2 { color: #0c8fc6; }
  .inside-news img { max-width: 134px; -webkit-transition: all ease .7s; -o-transition: all ease .7s; -moz-transition: all ease .7s; transition: all ease .7s; }
  .guide-header .mainnav li a { color: #fff; }
  .enter-home a { width: 200px; height: 56px; font-size: 24px; line-height: 56px; }  
  .project-right ul li { width:33%; display: block; background-color: #E8ECED; } }
  
  
/*----产品展示---*/
#img_p1{ height: 100%; margin: 0px auto; padding-top: 24px; overflow: hidden; }
#img_p1 ul{ width: 100%; }
#img_p1 li{ width:31%; float:left; padding:10px; text-align:center; margin-right:3px;line-height:0}
.info_img1 a img{ padding: 10px; margin: 0 auto; display: block; border-color: transparent; box-shadow: 0 0 10px 3px lightgray; width: 100%; height: 60px; }
#img_p1 span.info_img1 a:hover img{ opacity:0.8;filter:alpha(opacity=80);transform: scale(1.02); }
#img_p1 span.info_title{ display:block; height:52px; line-height:38px;overflow:hidden;}
#img_p1 span.info_title a{font-size:15px; }

@media (min-width: 1260px) { .header .logo img { height: 72px; }
  .mainnav li { padding: 0 15px; }   }

@media (min-width: 1400px) { .iban-swiper .iban-info h3 { font-size: 50px; line-height: 60px; }
  .iban-swiper .fixtitle { font-size: 50px; line-height: 60px; } }

@media all and (max-width:960px){
	
	.case_con ul{width:100%;}
.case_con li{position:relative;width:50%;height:10rem;overflow:hidden;margin-bottom:4px;float:left;}
.case_con li img{width:100%;height:100%;display:block}
.case_con li span{display:block;height:38px;width:398px;font-size:14px;text-align:center;line-height:38px;color:#fff;position:absolute;left:0;bottom:0;background-color:rgba(0,0,0,0.7)}
.case_con li:first-child{position:relative;width:100%;height:auto;overflow:hidden;float:left; margin-right:5px}
.case_con li:first-child img{width:100%;height:100%;display:block}
.case_con li:first-child span{display:block;height:38px;width:100%;font-size:14px;text-align:center;line-height:38px;color:#fff;position:absolute;left:0;bottom:0;background-color:rgba(0,0,0,0.7)}
	
}	

@media (min-width: 1024px) { .phsearchicon { display: none !important; }
  .search-handle { margin-top: 31px; }
  .head-search { position: absolute; right: 0; top: 110px; left: auto; width: 300px; padding: 10px; }
  .header { padding: 0; }
  .header > .commonweb { position: relative; }
  .header .logo { padding: 20px 0 0; height: auto; }
  .mainnav { padding-top: 0; }
  .mainnav li { position: relative; padding: 35px 8px; }
  .mainnav .sub-nav { top: 110px; background-color: #bbb; position: absolute; left: -42px; right: -42px; display: none; text-align: center; width: auto; -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); }
  .mainnav .sub-item { position: relative; padding: 0 17px; }
  .mainnav .sub-item:hover h4 a { color: #0c8fc6; }
  .mainnav .sub-item:hover h4 .three-btn:after { border-left-color: #0c8fc6; }
  .mainnav .sub-item h4 { border-bottom: 1px solid #e0e0e0; padding: 0; }
  .mainnav .sub-item h4 a { color:#222; padding: 0; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: 42px; }
  .mainnav .three-nav { position: absolute; top: 0; left:100%; width: 120px; background-color: #bbb; text-align: center; color: #666; padding: 5px; }
  .mainnav .three-nav a { text-align: center; color:#fff; }
  .mainnav .three-nav a:hover { color: #0c8fc6; }
  .mainnav .three-btn { height: 43px; }
  .mainnav .three-btn:after { margin-top: -8px; }
  .mainnav li.cur h3 a, .mainnav li:hover h3 a { color: #0c8fc6; }
  .iban-swiper { color: #fff; }
  .iban-swiper .tio { font-size: 54px; line-height: 74px; }
  .iban-swiper .tio span { opacity: 0; }
  .iban-swiper li.active .tio span { opacity: 0; display: inline-block; vertical-align: top; -webkit-animation: fadeIn ease-in-out 1s 1s forwards; -moz-animation: fadeIn ease-in-out 1s 1s forwards; -o-animation: fadeIn ease-in-out 1s 1s forwards; animation: fadeIn ease-in-out 1s 1s forwards; -ms-animation: fadeIn ease-in-out 1s 1s forwards; -webkit-animation-delay: .8s; -moz-animation-delay: .8s; -o-animation-delay: .8s; animation-delay: .8s; }
  .iban-swiper li.active .tio span:nth-child(2) { -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -o-animation-delay: 1.5s; animation-delay: 1.5s; -ms-animation-delay: 1.5s; }
  .iban-swiper li.active .tio span:nth-child(3) { -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -o-animation-delay: 2s; animation-delay: 2s; -ms-animation-delay: 2s; }
  .iban-swiper li.active .tio span:nth-child(4) { -webkit-animation-delay: 2.5s; -moz-animation-delay: 2.5s; -o-animation-delay: 2.5s; animation-delay: 2.5s; -ms-animation-delay: 2.5s; }
  .iban-swiper li.active .tio span:nth-child(5) { -webkit-animation-delay: 3s; -moz-animation-delay: 3s; -o-animation-delay: 3s; animation-delay: 3s; -ms-animation-delay: 3s; }
  .iban-swiper li.active .tio span:nth-child(6) { -webkit-animation-delay: 3.5s; -moz-animation-delay: 3.5s; -o-animation-delay: 3.5s; animation-delay: 3.5s; -ms-animation-delay: 3.5s; }
  .iban-swiper li.active .tio span:nth-child(7) { -webkit-animation-delay: 4s; -moz-animation-delay: 4s; -o-animation-delay: 4s; animation-delay: 4s; -ms-animation-delay: 4s; }
  .iban-swiper li.active .tio span:nth-child(8) { -webkit-animation-delay: 4.5s; -moz-animation-delay: 4.5s; -o-animation-delay: 4.5s; animation-delay: 4.5s; -ms-animation-delay: 4.5s; } }

@media (min-width: 1260px) { .mainnav li { padding: 35px 15px; } }
.foot-alink { color: #ccc; position: relative; padding-left: 65px; font-size: 0; }
.foot-alink span { font-size: 14px; position: absolute; left: 0; top: 0; }
.foot-alink a { font-size: 14px; color: grey; padding: 0 13px; display: inline-block; vertical-align: top; }

@media (min-width: 1024px) { .footer-top { padding-bottom: 35px; } }




@media (min-width: 1024px) { .newsdatailtit { padding-bottom: 30px; }
  .newsdatailtit h1 { font-size: 24px; line-height: 34px; padding: 0 0 13px 0; }
  .newsdatailcont { padding: 34px 0 25px; }
  .newsdeatil-bottom { padding: 35px 0 47px; font-size: 14px; }
  .newsdeatil-bottom .return-list { position: absolute; top: 40px; right: 0; width: 145px; height: 50px; line-height: 50px; margin: 0; }
  .newsdeatil-bottom .return-list:hover { background: #0c8fc6; color: #Fff; } }
  
  
@media (min-width: 768px) { .gwsleader-list li { width: 25%; } }

@media (min-width: 1024px) { .gwsleadtit { font-size: 20px; line-height: 46px; min-width: 136px; padding: 0 20px; }
  .gwsleader-list { padding: 62px 26px 25px; margin: 48px 0 0; }
  .gwsleader-list ul { margin: 0 -24px; }
  .gwsleader-list li { padding: 0 24px; }
  .gwsleader-list:last-child { margin-bottom: 60px; } }
  

@media (min-width: 1024px) { .gwsmailbox { min-height: 720px; }
  .gwsmailbox ul { margin: 0 -10px; }
  .gwsmailbox li { float: left; width: 50%; padding: 0 10px; margin: 0 0 20px 0; }
  .gwsmailbox li:nth-child(5), .gwsmailbox li:nth-child(6) { width: 100%; }
  .gwsmailbox label { display: block; padding: 0 10px 0 80px; position: relative; }
  .gwsmailbox textarea { height: 150px; }
  .gwsmailbox span { position: absolute; top: 0; left: 0; line-height: 30px; }
  .gwsmailbox .liyzm { width: 100%; }
  .gwsmailbox .liyzm input { max-width: 176px; }
  .gwsmailbox .libtn { width: 100%; margin-top: 20px; }
  .gwsmailbox .changecode { position: absolute; top: 0; left: 280px; padding: 0; } }
  
  


@media (min-width: 768px) { .searchtitle401 { font-size: 24px; }
  .resultlist401 h4 { font-size: 20px; margin-bottom: 2%; }
  .searchimg401 { float: left; margin: 0 3% 0 0; display: block; width: 200px; height: 150px; overflow: hidden; position: relative; }
  .resultlist401 img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-width: 100%; width: auto; }
  .sitemapcont2 { padding: 2% 0 0; overflow: hidden; }
  .sitemapcont2 dl dt { font-size: 20px; }
  .sitemapcont2 dl dd { padding: 2% 3% 1% 3%; border: 1px solid #e6e6e6; }
  .sitemapcont2 dl dd a { margin: 0 50px 8px 0; }
  .sitemapcont2 dl dd a:hover { color: #0c8fc6; } }
.iban-swiper li img.lg { display: none; }

@media (min-width: 1024px) { .iban-swiper li img.xs { display: none; }
  .iban-swiper li img.lg { display: block; } }

/* 2019.3.20 16:30 */.wqslidebox { position: fixed; top: 0; width: 80px; height: 456px; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 9; }
.slidehand { width: 80px; opacity: 100; height: 100px; background: url(wqicon23.png) no-repeat center center; font: 12px/24px "Microsoft YaHei"; color: #fff; position: fixed; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; z-index: 99; vertical-align: middle; text-align: center; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; opacity: 1; }
.slidehand span { display: inline-block; width: 80px; position: absolute; left: 0; top: 50%; font: 12px/24px "Microsoft YaHei"; color: #fff; margin-top: 24px; }
.slidehand.hide { opacity: 0; }
.sidebar { right: -80px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.sidebar.show { right: 0; }
.friend-links h4 { color: #666; padding-left: 15px; font-weight: bold; }
.footer .foot-info .copyright p { margin-bottom: 5px; }

/*2019.3.25*/.pcshow { display: none !important; }
.project-map { position: relative; }
.project-arror { display: none; }
.fontsizesite { font-size: 0; text-align: center; padding: 20px 0 0; }
.fontsizesite span { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 16px; padding: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; background-color: #0c8fc6; -webkit-border-radius: 100%; border-radius: 100%; color: #FFffff; margin: 0 5px; cursor: pointer; }
.large .newsdatailcont { font-size: 18px; line-height: 26px; }
.medium .newsdatailcont { font-size: 14px; line-height: 24px; }
.small .newsdatailcont { font-size: 12px; line-height: 22px; }

@media (min-width: 1024px) { .pcshow { display: block !important; }
  .moshow { display: none !important; }
  .project-left { max-width: 791px; }
  .project-map { padding-right: 0; }
  .project-map img { max-width: 100%; width: auto; }
  @-webkit-keyframes warn { 0% { -webkit-transform: scale(0);
      transform: scale(0);
      opacity: 1; }
    100% { -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 0; } }
  @-moz-keyframes warn { 0% { -moz-transform: scale(0);
      transform: scale(0);
      opacity: 1; }
    100% { -moz-transform: scale(1);
      transform: scale(1);
      opacity: 0; } }
  @-o-keyframes warn { 0% { -o-transform: scale(0);
      transform: scale(0);
      opacity: 1; }
    100% { -o-transform: scale(1);
      transform: scale(1);
      opacity: 0; } }
  @keyframes warn { 0% { -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      opacity: 1; }
    100% { -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      opacity: 0; } }
	  
  .pro_items li .pulse { position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -20px; height: 40px; width: 40px; border: 5px solid #FFffff; -webkit-border-radius: 48px; border-radius: 48px; opacity: 0; filter: alpha(opacity=0); }
  .pro_items li .pulse.cur { opacity: 1; filter: alpha(opacity=100); -webkit-animation: warn 2s ease-out both; -moz-animation: warn 2s ease-out both; -o-animation: warn 2s ease-out both; animation: warn 2s ease-out both; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; }
  .pro_items li .delay-04 { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; }
  .pro_items li .delay-05 { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s; }
  .pro_items li .delay-06 { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; }
  .pro_items .swiper-wrapper { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; display: block; position: static; }
  .pro_items li { position: absolute; cursor: pointer; width: 10px; height: 10px; -webkit-border-radius: 100%; border-radius: 100%; }
  .pro_items li .dot { display: block; width: 10px; height: 10px; -webkit-border-radius: 100%; border-radius: 100%; }
  .pro_items li:nth-child(1) .dot, .pro_items li:nth-child(2) .dot, .pro_items li:nth-child(3) .dot, .pro_items li:nth-child(4) { background-color: #1289d3; }
  .pro_items li:nth-child(1) .pulse, .pro_items li:nth-child(2) .pulse, .pro_items li:nth-child(3) .pulse, .pro_items li:nth-child(4) .pulse { -webkit-box-shadow: 0 0 4px #1289d3, 0 0 10px #1289d3 inset; box-shadow: 0 0 4px #1289d3, 0 0 10px #1289d3 inset; border-color: #1289d3; }
  .pro_items li:nth-child(5) .dot, .pro_items li:nth-child(6) .dot, .pro_items li:nth-child(7) .dot, .pro_items li:nth-child(8) .dot, .pro_items li:nth-child(9) .dot { background-color: #f24751; }
  .pro_items li:nth-child(5) .pulse, .pro_items li:nth-child(6) .pulse, .pro_items li:nth-child(7) .pulse, .pro_items li:nth-child(8) .pulse, .pro_items li:nth-child(9) .pulse { -webkit-box-shadow: 0 0 4px #f24751, 0 0 10px #f24751 inset; box-shadow: 0 0 4px #f24751, 0 0 10px #f24751 inset; border-color: #f24751; }
  .pro_items li:nth-child(10) .dot, .pro_items li:nth-child(11) .dot, .pro_items li:nth-child(12) .dot { background-color: #478cff; }
  .pro_items li:nth-child(10) .pulse, .pro_items li:nth-child(11) .pulse, .pro_items li:nth-child(12) .pulse { -webkit-box-shadow: 0 0 4px #478cff, 0 0 10px #478cff inset; box-shadow: 0 0 4px #478cff, 0 0 10px #478cff inset; border-color: #478cff; }
  .pro_items li:nth-child(13) .dot, .pro_items li:nth-child(14) .dot, .pro_items li:nth-child(15) .dot { background-color: #ff7041; }
  .pro_items li:nth-child(13) .pulse, .pro_items li:nth-child(14) .pulse, .pro_items li:nth-child(15) .pulse { -webkit-box-shadow: 0 0 4px #ff7041, 0 0 10px #ff7041 inset; box-shadow: 0 0 4px #ff7041, 0 0 10px #ff7041 inset; border-color: #ff7041; }
  .pro_items li:nth-child(16) .dot, .pro_items li:nth-child(17) .dot, .pro_items li:nth-child(18) .dot, .pro_items li:nth-child(19) .dot { background-color: #dc48ff; }
  .pro_items li:nth-child(16) .pulse, .pro_items li:nth-child(17) .pulse, .pro_items li:nth-child(18) .pulse, .pro_items li:nth-child(19) .pulse { -webkit-box-shadow: 0 0 4px #dc48ff, 0 0 10px #dc48ff inset; box-shadow: 0 0 4px #dc48ff, 0 0 10px #dc48ff inset; border-color: #dc48ff; }
  .pro_items li:nth-child(20) .dot, .pro_items li:nth-child(21) .dot, .pro_items li:nth-child(22) .dot, .pro_items li:nth-child(23) .dot { background-color: #35d0ff; }
  .pro_items li:nth-child(20) .pulse, .pro_items li:nth-child(21) .pulse, .pro_items li:nth-child(22) .pulse, .pro_items li:nth-child(23) .pulse { -webkit-box-shadow: 0 0 4px #35d0ff, 0 0 10px #35d0ff inset; box-shadow: 0 0 4px #35d0ff, 0 0 10px #35d0ff inset; border-color: #35d0ff; } }

/*2019.3.27*/
/*2019.3.27*/
@-webkit-keyframes myfirst { from { -webkit-transition: All 0.4s linear;
    -o-transition: All 0.4s linear;
    -moz-transition: All 0.4s linear;
    transition: All 0.4s linear; }
  to { -webkit-transform: translateY(5px);
    transform: translateY(5px); } }

@-moz-keyframes myfirst { from { -webkit-transition: All 0.4s linear;
    -o-transition: All 0.4s linear;
    -moz-transition: All 0.4s linear;
    transition: All 0.4s linear; }
  to { -moz-transform: translateY(5px);
    transform: translateY(5px); } }

@-o-keyframes myfirst { from { -webkit-transition: All 0.4s linear;
    -o-transition: All 0.4s linear;
    -moz-transition: All 0.4s linear;
    transition: All 0.4s linear; }
  to { -o-transform: translateY(5px);
    transform: translateY(5px); } }

@keyframes myfirst { from { -webkit-transition: All 0.4s linear;
    -o-transition: All 0.4s linear;
    -moz-transition: All 0.4s linear;
    transition: All 0.4s linear; }
  to { -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px); } }

@media (min-width: 1024px) { .pro_items li { width: 1.22783%; height: 2.33766%; }
  .pro_items2 li { background: none !important; }
  .pro_items li .text { display: block; color: #FFffff; text-align: center; width: auto; font-size: 16px; }
  .pro_items li .point { display: block; width: 18px; height: 25px; background: url(4wqicon2.png) no-repeat center; margin: 0 auto; }
  .pro_items li:hover .point { background-image: url(4wqicon2ho.png); animation: myfirst .5s infinite ease-in; -moz-animation: myfirst .5s infinite ease-in; -webkit-animation: myfirst .5s infinite ease-in; -o-animation: myfirst .5s infinite ease-in; -moz-animation-direction: alternate; -o-animation-direction: alternate; animation-direction: alternate; -webkit-animation-direction: alternate; }
  .pro_items li:hover .text { color: #0c8fc6; }
  .project-swiper .newname { font-size: 24px; padding: 23px 40px; }
  .project-swiper .lists { padding-bottom: 120px; height: 444px; }
  .project-swiper .lists a { font-size: 16px; padding: 15px 40px; }
  .project-swiper .lists a:hover { color: #0c8fc6; }
  .project-swiper .more a { font-size: 16px; }
  .project-swiper .more a:hover { color: #0c8fc6; } }

@media (min-width: 768px) { .gwsleader-list:first-child { text-align: center; }
  .gwsleader-list:first-child li { width: 35%; } }

@media (min-width: 992px) { .project-right { height: 514px; overflow: hidden; background: #E8ECED; }
  .project-right ul li .project-cotent h4:hover a { color: #0c8fc6; } }

@media (min-width: 1024px) { .mnew_tab .tab_con .hotnews .desc { font-size: 14px; line-height: 24px; height: auto; }
  .mnew_tab .tab_con .inews-list a { font-size: 16px; } }



@media (min-width: 1024px) { .pro_items li .dot { width: 13px; height: 13px; margin-left: -2px; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
  .pro_items li:hover .dot { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
  .pro_items1 li:nth-child(3) .dot, .pro_items1 li:nth-child(2) .pulse { background-color: #f24751; }
  .pro_items1 li:nth-child(3) .pulse, .pro_items1 li:nth-child(2) .pulse { -webkit-box-shadow: 0 0 4px #f24751, 0 0 10px #f24751 inset; box-shadow: 0 0 4px #f24751, 0 0 10px #f24751 inset; border-color: #f24751; }
  .pro_items1 li:nth-child(5) .dot { background-color: #ff7041; }
  .pro_items1 li:nth-child(3) .pulse { -webkit-box-shadow: 0 0 4px #ff7041, 0 0 10px #ff7041 inset; box-shadow: 0 0 4px #ff7041, 0 0 10px #ff7041 inset; border-color: #ff7041; }
  .pro_items1 li:nth-child(8) .dot { background-color: #dc48ff; }
  .pro_items1 li:nth-child(8) .dot .pulse { -webkit-box-shadow: 0 0 4px #dc48ff, 0 0 10px #dc48ff inset; box-shadow: 0 0 4px #dc48ff, 0 0 10px #dc48ff inset; border-color: #dc48ff; }
  .pro_items1 li:nth-child(16) .dot { background-color: #35d0ff; }
  .pro_items1 li:nth-child(16) .dot .pulse { -webkit-box-shadow: 0 0 4px #35d0ff, 0 0 10px #35d0ff inset; box-shadow: 0 0 4px #35d0ff, 0 0 10px #35d0ff inset; border-color: #35d0ff; } }


@media (min-width: 1024px) { .newsdatailcont p { padding-bottom: 15px; } }



@media (min-width: 1024px) { .gwsmailbox { min-height: unset; }
  .gwsmailbox .code, .gwsmailbox a { margin: 0 5px 0 0; position: static; }
  .gwsmailbox .liyzm input { display: inline-block; vertical-align: top; }
  .gwsmailbox .liyzm .code { margin: 0 5px 0 20px; }
  .right-head .crumbs li { float: left; padding-right: 8px; }
  .right-head .crumbs { font-size: 14px; }
  .zx_ml_list ul li a:hover { color: #0c8fc6; }
  .wxsidebar { display: block; position: fixed; right: 50%; top: 130px; margin-right: -734px; }
  .wxsidebar a { display: block; text-align: center; }
  .wxsidebar img { display: block; width: 114px; } }
 
  
@media(min-width: 1024px){
.mn_news .commonweb{padding-top:40px;padding-bottom:40px;}
.full-iserver .content_area{padding-top: 40px;padding-bottom: 40px;}
.mn_wrapper .content_area{padding-top: 40px;  padding-bottom: 40px;}
.iporject-wrapper .content_area{padding-top: 40px;padding-bottom: 40px;}
}


@media all and (max-width:960px){
.search-handle{ display:none}	
.mnnews_w .top-news { position: relative; display: block; background-color: #fff; }
.mnnews_w .top-news .thumb { overflow: hidden; position: relative; }
.mnnews_w .top-news .thumb:before { content: ''; display: block; width: 100%; padding-bottom: 56.6666%; }
.mnnews_w .top-news .thumb a { position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; }
.mnnews_w .top-news .thumb img { position: absolute; left: 0; top: 0; z-index: 3; width: 100% !important; height: auto !important; min-height: 100%; }
.mnnews_w .top-news .tag { position: absolute; left: 0; top: 0; z-index: 10; padding: 0 10px; background-color: #CC0000; font-size: 14px; line-height: 38px; color: #fff; }
.mnnews_w .top-news .content { padding: 18px 20px 5px; }
.mnnews_w .top-news h2 { margin-bottom: 13px; font-size: 16px; color: #424242; display: -webkit-box; height: auto; line-height: 20px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.mnnews_w .top-news h2 a { font-size: 16px; line-height: 20px; color: #424242; }
.mnnews_w .top-news .desc { margin-bottom: 7px; font-size: 13px; color: #929292; display: -webkit-box; height: 54px; line-height: 18px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.mnnews_w .top-news .date { border-top: 1px solid #f1f1f1; padding: 7px 0; font-size: 13px; line-height: 26px; color: #a1a1a1; opacity: .5; }


.mnew_tab { padding: 10px; background-color: #fff; }
.mnew_tab .tab-hd { padding: 7px 0 16px; }
.mnew_tab .tab-handle { float: left; font-size: 0; }
.mnew_tab .tab-handle a { display: inline-block; vertical-align: top; font-size: 15px; line-height: 24px; color: #888; font-weight: 700; }
.mnew_tab .tab-handle a::after { content: "/"; display: inline-block; vertical-align: top; padding: 0 10px; color: #888; }
.mnew_tab .tab-handle a:last-child::after { display: none; }
.mnew_tab .tab-handle a.cur { color: #333; }
.mnew_tab .tab-more { float: right; }
.mnew_tab .tab-more a { display: none; font-size: 13px; line-height: 24px; color: #929292; }
.mnew_tab .tab-more a:hover { color: #929292; }
.mnew_tab .tab-more .cur { display: block; }
.mnew_tab .tab_con { padding: 10px; border: solid 1px #dcdcdc; }
.mnew_tab .tab_con .item { display: none; }
.mnew_tab .tab_con .item:first-child { display: block; }

.mnew_tab .tab_con .hotnews { display: block; margin-bottom: 20px;  }
.mnew_tab .tab_con .hotnews .title { position: relative; padding: 10px 20 10px 10px;display: block;  margin-bottom: 20px; }
.mnew_tab .tab_con .hotnews h2 { padding-left:20%;font-size: 18px; line-height: 24px; color: #424242; font-weight: 700; display: -webkit-box; height: auto; line-height: 26px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.mnew_tab .tab_con .hotnews .date { position: absolute; left: 0; top: 0px; color: #0c8fc6; font-size: 1rem; line-height: 30px; color: #CC0000; }
.mnew_tab .tab_con .hotnews .date span { display: block; font-size: 2rem; line-height: 30px; }
.mnew_tab .tab_con .hotnews .desc { padding-left:20%;color: #929292; font-size:  0.8rem; display: -webkit-box; height: auto; line-height: 22px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; padding-right: 30px; }


/*新闻中心*/
.xwzx dl{ width:100%; height:auto; margin-bottom:35px; background:#fff;}
.xwzx dl dt{ width:99%; height:auto; float:left; padding-left:0px; position: inherit; }
.xwzx dl dd{display:none;}
.xwzx dl dt p{ height:46px; overflow:hidden;}
.xwzx dl dd em{ color:#ccc; font-size:14px; line-height:27px;}
.xwzx dl dt img{ float:none; padding-right:22px; padding-top:12px; width:100%; height: auto;}
.xwzx dl dt h5{ padding-top:6px; padding-bottom:0px;line-height:32px; }
.xwzx dl dt h5 a{ display:block;color:#06a5ec; font-size:16px;}
.xwzx dl dt a.detail{ color:#a7a7a7; font-size:14px; position:inherit ; background:#fff; height:33px; line-height:33px; display:block; text-align:center;border-radius:8px; border:1px solid #ccc; width:65%; margin:12px auto}

/*----产品展示---*/
#img_p1{ height:100%; margin:0px auto; padding-top:24px; }
#img_p1 ul{ width: 100%; }
#img_p1 li{ width:100%; float:none; padding:10px; text-align:center; margin-right:3px;line-height:0}
.info_img1 a img{ padding: 10px; margin: 0 auto; display: block; border-color: transparent; box-shadow: 0 0 10px 3px lightgray; width: 100%; height: 60px; }
#img_p1 span.info_img1 a:hover img{ opacity:0.8;filter:alpha(opacity=80);transform: scale(1.02); }
#img_p1 span.info_title{ display:block; height:52px; line-height:38px;overflow:hidden;}
#img_p1 span.info_title a{font-size:15px; }

/*放大效果*/
.product_box_left,.relatedProduct{ display:none}
.xsmain_top{ margin:3px auto 0px auto;}
.productShowTitle{width:96%; margin:0 auto; float:none}
.product_box{ height:auto}

.footer-box{}
.footer-box table{ width:100%}
.footer-box table td{ width:100%}
.footer-box table td img{ width:5rem; height: auto}

/*tore*/
#right1 {width:98%; margin:0 auto }
#right1 .pro_1 {width: 100%;}
#right1 .pro_1 dl {width:46%;margin-left:0px; margin-right:0px}
#right1 .pro_1 dd {padding-right:0px;}
#right1 .pro_1 img {height:auto;width:100%;}
.pro_1 h2 {line-height: 30px;font-weight: normal;text-align: center;height:30px;}
#right1 .pro_1 dl:nth-child(old){ float:left}
#right1 .pro_1 dl:nth-child(even){ float:right}
#right1 .pro_1_honor img {border: 1px solid #CCCCCC;height:auto!important;width:100%;padding: 2px;}

.hb_main{width:100%; margin: 0 auto;}
/*小模块*/
.h_left{width:100%;}
/*中模块*/
.h_right{width:100%;}
/*小版块*/
.blk{margin-bottom:30px;}

.pro_main-list-tit { width: 85%;height: auto; border-bottom: 2px solid #d4d4d4; margin:0 auto 30px; overflow: hidden}
.pro_main-list-tit h3 { height: auto; display: inline-block; font-size: 24px; font-weight: normal; line-height: auto; color: #545454; border-bottom: 3px solid #333;}
.pro_main-list dl {
            background: #fff;
            width: 100%;
            margin:15px  auto;
            float: none; text-align:center;
}
.pro_main-list dt img {
            padding:10px;
            margin: 0 auto;
            display: block;
          border-color: transparent;box-shadow: 0 0 10px 3px lightgray;
			width:80%; height: auto;transition: all 0.3s ease-in-out 0s;
}
.pro_main-list dd h4 {
            height: auto;
            font-weight: normal;
            font-size: 18px;
            color: #111;
            line-height: 180%;
            margin-bottom: 5px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: center;
}
		
.hb_tit { background: #0066CC; height: suto; }
.hb_tit h3 { display:none}
.hb_nav dl {padding: 2px 0 4px;}
        
.hb_nav dt {
            height: 50px;
            font-size: 16px;
            line-height: 50px;
            padding-left: 54px;
            padding-right: 40px;
            margin-bottom: 1px;
            background: #ececec;
            position: relative;
}
        
.hb_nav dt.sidenavcur:after,.hb_nav dt:hover:after {border-color:  #0066CC;}        
.hb_nav dt.sidenavcur a,.hb_nav dt:hover a {color:  #0066CC;}


.S_banner,.M_banner{width:100%;float:none;height:10rem; display:block; overflow:hidden}
.S_con{width:100%;height:100%;float:left;display:table}
.S_con dl{display:table-cell;vertical-align:middle;color:#fff;text-align:center}
.S_con dl dt{font-size:3rem;font-weight:bold}
.S_con dl dd{font-family:Arial;font-size:1rem;margin-top:18px}


/*关于我们*/
.about { padding: 10px 0 20px; }
.about h2 { padding-top: 20px; height: auto; overflow: hidden; line-height: 30px; font-weight: normal; text-align: center; font-size: 28px; color: #444; }
.about h2 b { display: block; height: 30px; font-family: Arial; font-size: 28px; color: #009cd2; text-transform: uppercase; overflow: hidden; }
.about h2 span {
  display: inline-block;
  height: 38px;
  overflow: hidden;
}
.about dl { background: #f8f8f8; height: auto; overflow: hidden; margin-top: 40px; }
.about dl dt {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.about dl dt img { width: 100%; height: 100%; }
.about dl dd img { width: 100%; height: 100%; }
.about dl dd { width: 100%; margin-left: 0px; }
.about dl dd b {
  display: block;
  height: auto;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  line-height: auto;
}
.about dl dd p { margin-top: 18px; overflow: hidden; font-size: 16px; line-height: 28px; color: #555; padding-top: 20px; padding-right: 20px; padding-left: 20px; }
.about_link {
  display: block;
  float: left;
  width: 93px;
  height: 29px;
  font-size: 14px;
  color: #fff;
  line-height: 29px;
  padding-left: 17px;
  background: #ff7500;
  border-radius: 18px;
  position: relative;
}
.about_link::after {
  content: "→";
  color: #fff;
  margin-left: 10px;
  position: absolute;
  top: 0px;
  right: 10px;
}
.about_link a {
  color: #fff;
  display: inline-block;
  height: 29px;
  padding-right: 28px;
  overflow: hidden;
}
/**/
.sty { height: auto; display: block; overflow: hidden; }
.sty_q {
  margin-bottom: 20px;
  height: 58px;
  overflow: hidden;
  margin-top: 19px;
}
.sty_q ul li {
  float: left;
  margin-right: 36px;
  height: 56px;
  width: 50%;
  color: #333;
  font-size: 20px;
  line-height: 56px;
  text-align: center;
}
.sty_q ul li:hover,
.sty_q .cur {
  font-weight: bold;
  border-bottom: 2px solid #ff7500;
  color: #ff7500;
  text-decoration: none;
}
.sty_con { height: auto; position: relative; }
.sty_con ul li {
  width: 290px;
  overflow: hidden;
  float: left;
  margin-right: 13px;
}
.sty_con ul li.last {
  margin-right: 0;
}
.sty_con ul li img {
  width: 284px;
  height: 325px;
  border: 3px solid #dcdcdc;
}
.sty_con ul li p {
  font-size: 14px;
  padding-top: 10px;
  text-align: center;
  line-height: 26px;
  overflow: hidden;
  height: 26px;
}
/**/

.g_shfw {
  margin-top: 10px;
  margin-bottom: 10px;
}
.g_shfw dt {
  width: 585px;
  float: none;
}
.g_shfw dt img {
  width: 80%;
  height: auto;
  display: block; margin:auto
}
.shfw_icon1 p {
  height: 24px;
  width: 245px;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  position: absolute;
  top: 44px;
  left: 136px;
  overflow: hidden;
}
.g_shfw dd {
  float: none;
  width: 100%;
  padding: 20px;
  background: #049ad7;
  height: auto;
}
.shfw_txt {
  max-height: auto;
  font-size: 28px;
  line-height: 36px;
  color: #fff;
  margin-bottom: 28px;
  overflow: hidden;
}
.shfw_tel {
  font-size: 16px;
  color: #fff;
}
.shfw_tel em { display: block; height: 24px; line-height: 24px; overflow: hidden; font-style: normal; }
.shfw_tel b {
  display: block;
  font-size: 28px;
  line-height: 36px;
  color: #fff;
  font-weight: normal;
  overflow: hidden;
}
.shfw_icon1 img {
  width: 80%;
  height:  auto; margin: auto
}


.pro_main-list-tit { width: 85%;height: auto; border-bottom: 2px solid #d4d4d4; margin:0 auto 30px;}
.pro_main-list-tit h3 { height: auto; display: inline-block; font-size: 24px; font-weight: normal; line-height: auto; color: #545454; border-bottom: 3px solid #333;}
.pro_main-list dl {
            background: #fff;
            width: 100%;
            margin:15px  auto;
            float: none; text-align:center;
}
.pro_main-list dt img {
            padding:10px;
            margin: 0 auto;
            display: block;
          border-color: transparent;box-shadow: 0 0 10px 3px lightgray;
			width:80%; height: auto;transition: all 0.3s ease-in-out 0s;
}
.pro_main-list dd h4 {
            height: auto;
            font-weight: normal;
            font-size: 18px;
            color: #111;
            line-height: 180%;
            margin-bottom: 5px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: center;
}
.l_handle{ float: right; text-align: center;display: block; line-height:30px; height: 30px; margin: 10px 10px 0 0; overflow: hidden; background: #0c8fc6; padding-left:10px; padding-right:10px }
a.l_handle { color:#FFF}
	}