@charset "utf-8";
/* CSS Document */
body { margin: 0 auto; line-height: normal; font-family: "微软雅黑"; font-size: 12px; }

@media only screen and (max-width:767px) {
html { font-size: 12px; }
img { max-width: 100%; }
}

@media only screen and (min-width: 768px) and (max-width: 1169px) {
html { font-size: 24px; }
}
@font-face { font-family: 老報宋; src:url(../fonts/老報宋.ttf);
}
@font-face { font-family: HYWenHei-65W; src: url(../fonts/HYWenHei-65W.ttf); }
b, i, em, p, strong { font-style: normal; }
ul, li { margin: 0; padding: 0; list-style: none; }
dl, dt, dd { padding: 0; }
a { color: #000 }
a:hover { color: #004d93 }
.box { width: 1200px; margin: 0 auto; }
.top { width: 100%; height: 36px; background: #f7f7f7; line-height: 36px; color: #333; font-size: 12px; z-index: 999; position: relative; }
.top a { color: #333; padding: 2px 6px; }
.top a:hover, .top a.curr { background: #027bc7; color: #fff; }
.top i { float: left; text-indent: 1.5rem; }
.top span { float: right; }
.top span a { margin: 0 4px; }
.hot-keywds{ overflow:hidden;}
.hot-keywds .sch-wrap{ float:left; margin-right:2em;}
#serach input { margin: 0; padding: 0;  margin-top: 50px; outline: none; padding: 0; background: #fff; vertical-align:middle; }
#serach input[type=submit] { background: url(../images/webpic/serach.png) center center no-repeat #a9d22b; border: 1px solid #A9D22B; width: 60px; border: none; height: 40px; cursor: pointer }
#serach input[type=text] { text-indent: 1em; font-size: 12px; width: 260px; height: 40px; border: 1px solid #ddd; }
.hot-keywds .wds{ padding-top:60px; font-size:1.2em;}
@media only screen and (max-width: 1169px) {
.phone-none, #phone-none { display: none; }
.box { width: 100%; }
.head { height: 4rem; width: 100%; }
}

@media only screen and (min-width: 1170px) {
.pc-none, #pc-none { display: none; }
}
.flickerplate { position: relative; width: 100%; height: 730px; background-color: #e6e6e6; overflow: hidden }

@media only screen and (max-width: 1169px) {
.flickerplate { height: 18rem; width: 100%; }
}
.flickerplate ul.flicks {
width:10000%; height: 100%; padding: 0; margin: 0; list-style: none }
.flickerplate ul.flicks>li { float: left; width: 1%; height: 100%; background-position: center; background-size: cover; display: table }
.flickerplate ul.flicks>li .flick-inner { height: 100%; padding: 10px; color: #fff; display: table-cell; vertical-align: middle }
.flickerplate ul.flicks>li .flick-inner .flick-content { max-width: 68.75em; margin-left: auto; margin-right: auto }
.flickerplate ul.flicks>li .flick-title { padding: 0; font-size: 2.778em; line-height: 1.995em; text-align: center }
.flickerplate ul.flicks>li .flick-sub-text { padding: 5px; font-weight: 300; line-height: 2.5em; color: rgba(255,255,255,.8); text-align: center }
.flickerplate ul.flicks>li .flick-title span.flick-block-text, .flickerplate ul.flicks>li .flick-sub-text span.flick-block-text { padding: 12px 18px; background-color: rgba(0,0,0,.6) }
.flickerplate .arrow-navigation { position: absolute; height: 80%; width: 10%; top: 10%; z-index: 100; overflow: hidden }
.flickerplate .arrow-navigation .arrow { display: block; height: 100%; width: 90%; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; -ms-transition: all .2s ease-out; transition: all .2s ease-out }
.flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover { cursor: pointer }
.flickerplate .arrow-navigation.left { left: 0% }
.flickerplate .arrow-navigation.left .arrow { opacity: 0; margin: 0 0 0 50%; background-image: url(../images/webpic/arrow-left-light.png); background-repeat: no-repeat; background-position: left }
.flickerplate .arrow-navigation.right { right: 0% }
.flickerplate .arrow-navigation.right .arrow { opacity: 0; margin: 0 0 0 -50%; background-image: url(../images/webpic/arrow-right-light.png); background-repeat: no-repeat; background-position: right }
.flickerplate .arrow-navigation.left.hover .arrow { opacity: 1; margin: 0 0 0 20% }
.flickerplate .arrow-navigation.right.hover .arrow { opacity: 1; margin: 0 0 0 -20% }
.flickerplate .dot-navigation { position: absolute; bottom: 15px; width: 100%; text-align: center; z-index: 100 }
.flickerplate .dot-navigation ul { text-align: center; list-style: none; padding: 0 15px }
.flickerplate .dot-navigation ul li { display: inline-block; float: none }
.flickerplate .dot-navigation .dot { width: 30px; height: 16px; margin: 0 6px; color:#333; -webkit-transition: background-color .2s ease-out; -moz-transition: background-color .2s ease-out; -o-transition: background-color .2s ease-out; -ms-transition: background-color .2s ease-out; transition: background-color .2s ease-out }
.flickerplate .dot-navigation .dot:hover { cursor: pointer; background: #027FCC; color:#fff;}
.flickerplate .dot-navigation .dot.active { background-color: #027FCC; color:#fff; }
.flickerplate .dot-navigation.left, .flickerplate .dot-navigation.left ul { text-align: left }
.flickerplate .dot-navigation.right, .flickerplate .dot-navigation.right ul { text-align: right }
.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow { background: url(../images/webpic/arrow-left-dark.png) }
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow { background: url(../images/webpic/arrow-right-dark.png) }
.flickerplate.flicker-theme-dark .dot-navigation .dot { background-color: rgba(0,0,0,.12) }
.flickerplate.flicker-theme-dark .dot-navigation .dot:hover { background-color: rgba(0,0,0,.6) }
.flickerplate.flicker-theme-dark .dot-navigation .dot.active { background-color: #000 }
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner { color: rgba(0,0,0,.9) }
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text { color: rgba(0,0,0,.9) }
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text { background-color: rgba(255,255,255,.5) }
.flickerplate ul.flicks li.flick-theme-dark .flick-inner { color: rgba(0,0,0,.9) }
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text { color: rgba(0,0,0,.9) }
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text { background-color: rgba(255,255,255,.5) }
.flickerplate.animate-transform-slide ul.flicks { -webkit-perspective: 1e3; -webkit-backface-visibility: hidden; transform: translate3d(0%, 0px, 0px); -webkit-transform: translate3d(0%, 0px, 0px); -webkit-transition: -webkit-transform .6s; -o-transition: -o-transform .6s; -moz-transition: -moz-transform .6s; transition: transform .6s }
.flickerplate.animate-transition-slide ul.flicks { position: relative; left: 0%; -webkit-transition: left .4s ease-out; -moz-transition: left .4s ease-out; -o-transition: left .4s ease-out; -ms-transition: left .4s ease-out; transition: left .4s ease-out }
.flickerplate.animate-jquery-slide ul.flicks { position: relative; left: 0% }
.flickerplate.animate-scroller-slide { padding-bottom: 0; overflow: auto }
.flickerplate.animate-scroller-slide ul.flicks { position: auto }

@media only screen and (max-width: 1169px) {
.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow, .flickerplate.flicker-theme-dark .arrow-navigation.right .arrow, .flickerplate .arrow-navigation.left .arrow, .flickerplate .arrow-navigation.right .arrow { background-size: 1.4rem auto }
.flickerplate .dot-navigation .dot { width: 2rem; height: 1.3rem; line-height: 1.3rem; color:#fff; }
.flickerplate .dot-navigation { bottom: 1rem; }
}
.hot-keywds{ width:1200px; margin:auto;}
/*数字++++++++++*/
.digital { width: 100%; background: url(../images/webpic/number.jpg) center center no-repeat; height: 312px; display: flex; justify-content: space-between; align-items: center; }
.mumping_mun li { width: 400px; text-align: center; }
.number li:nth-child(2) { border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.mumping_mun { width: 1200px; margin: 0 auto; overflow: hidden; display: flex; justify-content: space-around; align-items: center; }
.mumping_mun p { font-size: 16px }
.mumping_mun h2 { font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; font-size: 64PX; }
.mun_top { display: flex; justify-content: center; align-items: flex-end; color: #027FCC; }
.mun_top b { font-size: 16px; margin-bottom: 1em }
.sdiv, .adiv { margin: 0 auto; width: 100%; overflow: hidden; }
.con { width: auto; margin: 0 auto; padding: 0 10px; }

@media (min-width: 992px) {
.con { width: 1000px; }
}
.sdiv:nth-child(even), .adiv:nth-child(even) { text-align: right; }
.sdiv_btn { text-align: center; margin: 100px 0; }
.sdiv_btn div { width: 150px; height: 50px; line-height: 50px; border: 1px solid #000; font-size: 16px; text-align: center; margin: 0 auto; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; }
.sdiv_btn div:hover { background: #000; color: #fff; }
.con_title_h1 { text-align: center; padding: 150px 0; -webkit-animation: hue 15s infinite linear; background-image: -webkit-linear-gradient(92deg, #673ab7, #3f51b5); }
.con_title_h1 span { color: #fff; border-bottom: 1px solid #fff; }
 @-webkit-keyframes hue {
 from {
 -webkit-filter: hue-rotate(0deg);
}
 to {
 -webkit-filter: hue-rotate(-360deg);
}
}
.animated { opacity: 0; }
.animation-delay-1 { -webkit-animation-delay: .1s; animation-delay: .1s; }
.animation-delay-2 { -webkit-animation-delay: .2s; animation-delay: .2s; }
.animation-delay-3 { -webkit-animation-delay: .3s; animation-delay: .3s; }
.animation-delay-4 { -webkit-animation-delay: .4s; animation-delay: .4s; }
.animation-delay-5 { -webkit-animation-delay: .5s; animation-delay: .5s; }
.animation-delay-6 { -webkit-animation-delay: .6s; animation-delay: .6s; }
.animation-delay-7 { -webkit-animation-delay: .7s; animation-delay: .7s; }
.animation-delay-8 { -webkit-animation-delay: .8s; animation-delay: .8s; }
.animation-delay-9 { -webkit-animation-delay: .9s; animation-delay: .9s; }
.animation-delay-10 { -webkit-animation-delay: 1.0s; animation-delay: 1.0s; }
.animation-delay-11 { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }
.animation-delay-12 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }
.tit { width: 100%; margin: 50px auto 0 auto; overflow: hidden; display: flex; justify-content: center; align-items: center; text-align: center; color: #fac507; }
.tit_center { display: flex; justify-content: center; align-items: center; text-align: center; color: #fac507; font-size: 32px; flex-wrap: wrap; width: 10em; flex-direction: column; }
.tit_center div:nth-child(2) { font-size: 18px; }
.adiv_01 { background: url(../images/webpic/bg1.jpg) center center;  display: flex; flex-direction: column; justify-content: space-between }
.adiv_01_text { width: 980px; font-size: 16px; color: #fff; margin: 0 auto; text-align: center; line-height: 56px; }
.adiv_01_more { margin: 0 auto; width: 100%; text-align: center; }
.adiv_01_text a { border: 1px solid #fff; color: #fff; font-size: 16px; line-height: 2em; display: block; padding: 0 1em; width: 7em; margin: 2em auto; }
.adiv_01_img { margin: 0 auto; width: 100%; text-align: center; align-self: flex-end; overflow: hidden }
.adiv_01_img img { border: 0; padding: 0; margin: 0; display: block; margin: 0 auto; }
.adiv_02 { background: #fff; }
.tit2 { color: #333; width: 100%; text-align: center; margin: 50px 0; }
.tit_top { font-size: 33px; display: flex; justify-content: center; align-items: center; }
.tit_top font { color: #027FCC }
.tit_bottom { display: flex; justify-content: center; align-items: center; font-size: 18px; }
.tit_bottom .tit_bottom_center { margin: 0 10px; font-size: 18px; color: #666; }
.tit_top .tit_bottom_center { font-size: 28px; margin: 0 10px; }
.adiv_02_con { background: url(../images/webpic/bg2.jpg) center center; height: 822px; display: flex; flex-wrap: wrap; justify-content: center }
.adiv_02_con_center img { margin: auto }
.adiv_02_con_center { width: 893px; height: 562px; }
.cpzx { width: 1200px; margin: 0; position: relative; }
.adiv_02_con_left, .adiv_02_con_right { display: flex; z-index: 2; flex-direction: column; position: absolute; height: 822px; }
.adiv_02_con_left { left: 0; top: 0 }
.adiv_02_con_right { right: 0; top: 0 }
.adiv_02_con_left a, .adiv_02_con_right a { margin: auto 0; width: auto }
.adiv_02_con_left a { margin-left: 70px }
.adiv_02_con_right a { margin-right: 70px }
.adiv_02_con_left a:nth-child(2) { margin-right: 70px; margin-left: 0; }
.adiv_02_con_right a:nth-child(2) { margin-right: 0px; margin-left: 70px; }
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box }
.clearfix:before, .clearfix:after { display: table; content: '' }
.clearfix:after { clear: both }
.grid1 figure { position: relative; float: left; overflow: hidden; width: 20%; background: #3085a3; text-align: center; cursor: pointer }
.grid1 figure img { position: relative; display: block; min-height: 100%; max-width: 100%; }
.grid1 figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.grid1 figure figcaption::before, .grid1 figure figcaption::after { pointer-events: none }
.grid1 figure figcaption, .grid1 figure figcaption>a { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.grid1 figure figcaption>a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0 }
.grid1 figure h2 { font-size: 1.2rem; font-weight: bold; color: #fff; text-align: center }
.grid1 figure h2 img { display: block; margin: 1rem auto; }
.grid1 figure h2, .grid1 figure p { margin: 0 }
.grid1 figure p { font-size: .8rem }
.grid1 figure p a { border: 1px solid #fff; color: #fff; font-size: .8rem; line-height: 2em; display: block; padding: 0 1em; width: 7em; margin: 2em auto; }
.grid1 figure p a:hover { background: #027FCC; border: 1px solid #027FCC }
.grid1 figure.effect-sadie figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,100,178,0.85); content: ''; opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0) }
figure.effect-sadie h2 { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transition: -webkit-transform .35s, color .35s; transition: transform .35s, color .35s; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
figure.effect-sadie figcaption::before, figure.effect-sadie p { -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, transform .35s }
figure.effect-sadie p { position: absolute; bottom: 10px; left: 0; padding: 0 2em; width: 100%; opacity: 0; -webkit-transform: translate3d(0, 70px, 0); transform: translate3d(0, 70px, 0) }
figure.effect-sadie:hover h2 { color: #fff; -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -70px, 0); transform: translate3d(0, -50%, 0) translate3d(0, -70px, 0) }
.grid1 figure.effect-sadie:hover figcaption::before, .grid1 figure.effect-sadie:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.grid2 { width: 1200px; margin: 0 auto; display: flex; justify-content: space-between }
.grid2 figure { position: relative; float: left; overflow: hidden; width: 282px; height: 228px; background: #edf0f5; text-align: center; cursor: pointer }
.grid2 figure img { position: relative; display: block; height: 196px; max-width: 100%; }
.grid2 figure a { line-height: 2em; font-size: 16px; }
.grid2 figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.grid2 figure figcaption::before, .grid2 figure figcaption::after { pointer-events: none }
.grid2 figure figcaption, .grid2 figure figcaption>a { position: absolute; top: 0em; left: 0; width: 100%; height: 196px }
.grid2 figure figcaption>a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0 }
.grid2 figure p { font-size: .8rem; text-align: left; line-height: 2em; }
.grid2 figure p span{ display: block; height: 100px; overflow: hidden;}
.grid2 figure p a { border: 1px solid #fff; color: #fff; font-size: .8rem; line-height: 2em; display: block; padding: 0 1em; width: 7em; margin: 2em auto; }
.grid2 figure p a:hover { background: #027FCC; border: 1px solid #027FCC }
.grid2 figure.effect-sadie figcaption::before { position: absolute; top: 0em; left: 0; width: 100%; height: 196px; background: rgba(53,55,58,0.85); content: ''; opacity: 0; -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0) }
.grid2 figure.effect-sadie:hover figcaption::before, .grid2 figure.effect-sadie:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.adiv_03_con, .adiv_04_con { background: #edf0f5; overflow: hidden; padding: 40px; }
.tabbox { width: 1200px; height: auto; margin: 2em auto 0 auto; }
.tabbox .tab { overflow: hidden; display: flex; justify-content: space-between; border-bottom: 2px solid #ddd; align-items: center; height: 60px; }
.tabbox .tab span a { display: block; font-size: 20px; line-height: 2.4em; float: left; text-decoration: none; color: #333; padding: 0 2em; margin: 0 1em 0 0 }
.tabbox .tab span a:hover, .tabbox .tab span a.on { background: #027FCC; color: #fff; text-decoration: none; }
.tabbox .tab b a { border: 1px solid #027FCC; color: #027FCC; font-size: .8rem; line-height: 2em; display: block; width: 4em; margin: 0 auto; text-align: center; }
.tabbox .content { overflow: hidden; width: 1200px; height: 320px; position: relative; }
.tabbox .content ul { position: absolute; left: 0; top: 0; height: auto; }
.tabbox .content li { width: 1200px; height: auto; float: left; }
.tabbox .content li dl { width: 100%; height: 320px; display: flex; flex-wrap: wrap; flex-direction: column; background: url(../images/webpic/li.jpg) center center no-repeat; align-content: space-between }
.tabbox .content li dl dd { width: 580px; display: flex; justify-content: space-between; line-height: 44px; background: url(../images/webpic/bt.png) left center no-repeat; border-bottom: 1px dotted #d2d2d2; font-size: 18px; }
.tabbox .content li dl dd:hover { background: url(../images/webpic/bt_hover.png) left center no-repeat; }
.tabbox .content li dl dd a { width: 75%; display: inline-block; margin-left: 1em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.adiv_05 { margin: 0 auto 50px auto; }
.inner-adiv{ margin: 0; background: #f7f7f7;}
.adiv_05_con { width: 1200px; background: #f7f7f7; margin: 0 auto; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 30px 0; overflow: hidden }
.inner-adiv .adiv_05_con{ background: none;}
.adiv_05_con a { margin: 10px }
.adiv_05_more { width: 8em; background: #027FCC; color: #fff; line-height: 3em; margin: 40px auto 0 auto; text-align: center; font-size: 18px; }
.adiv_05_more a { color: #fff; }
.footer { background: #35373a; border-top: 4px solid #1e8cda; width: 100%; color: #fff; padding-top: 20px; font-size: 16px; }
.footer a { color: #999; }
.footer_top, .footer_center, .footer_bottom, .footer_copy { width: 1200px; margin: 0 auto; overflow: hidden; }
.footer_top { border-bottom: 1px solid #4b4d50; font-size: 21px; line-height: 3em }
.footer_top font { color: #1e8cda; }
.footer_center { display: flex; justify-content: flex-start; margin: 30px auto }
.footer_center .ewm img { display: block; }
.footer_center .ewm { display: flex; justify-content: flex-end; margin-left: auto; align-items: center; font-size: 12px; color: #999; line-height: 3em }
.footer_center .ewm b { text-align: center; margin-left: 10px; }
.footer_center dl { line-height: 30px; }
.footer_center dl:nth-child(1), .footer_center dl:nth-child(2) { width: 160px; }
.footer_bottom { color: #999; margin: 50px auto 30px auto; }
.footer_bottom b { color: #fff; }
.footer_bottom a { margin: 0; }
.footer_bottom i { margin: 0 1rem }
.footer_copy { border-top: 1px solid #4b4d50; line-height: 3em; text-align: center; color: #999; }

@media only screen and (max-width: 1169px) {
.digital { height: auto; padding: 2em 0; background-size: auto 100% }
.hot-keywds{ padding:0 1em; width:auto;}
.hot-keywds .wds {padding-top: 1em;font-size: 1.2em;}
.mumping_mun { align-items: flex-start; }
.mumping_mun li { margin: .5rem }
.mumping_mun h2 { font-size: 2.6rem }
.mumping_mun p { font-size: 1em }
.mumping_mun b { margin-bottom: .3rem }
.tit { margin: 2rem auto }
.tit img { width: 4em }
.tit_center { font-size: 1.6rem }
.tit_center div:nth-child(2) { font-size: 1rem; }
.adiv_01 { height: auto; background-size: auto 100% }
.adiv_01_text { width: 90%; font-size: 1rem; color: #fff; margin: 0 auto; text-align: center; line-height: 2em; }
.adiv_01_text a { font-size: 1rem; }
.adiv_02_con { height: 22rem; background-size: auto 100%; }
.tit2 { margin: 2em auto }
.tit_top { font-size: 1.6rem; }
.tit_bottom { font-size: 1rem; }
.tit_bottom .tit_bottom_center { margin: 0 .4rem; font-size: 1rem; }
.tit_bottom img { width: 4em }
.tit_top .tit_bottom_center { font-size: 1.6rem; margin: 0 10px; }
.cpzx { width: 100%; }
.adiv_02_con_center { width: 90%; height: 22rem; }
.adiv_02_con_left, .adiv_02_con_right { height: 22rem; width: 45% }
.adiv_02_con_left img, .adiv_02_con_right img { width: 100% }
.adiv_02_con_left a { margin-left: 1em }
.adiv_02_con_right a { margin-right: 1rem }
.adiv_02_con_left a:nth-child(2) { margin-right: 1em; margin-left: 0; }
.adiv_02_con_right a:nth-child(2) { margin-right: 0px; margin-left: 1em; }
.grid1 { display: flex; justify-content: space-around; flex-wrap: wrap }
.grid1 figure { width: 46%; margin: .5rem 2%; box-sizing: content-box }
.grid1 figure h2 img { display: block; margin: 1rem auto; width: 3em }
.grid1 figure p a { margin: 1rem auto }
figure.effect-sadie:hover h2 { -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) translate3d(0, -50%, 0) }
figure.effect-sadie h2 { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
.grid1 figure:nth-child(1) { width: 100% }
.grid1 figure:nth-child(1) img { width: 100% }
.grid1 figure:nth-child(1) h2 img { width: 8rem }
.grid1 figure:nth-child(1) h2 { font-size: 2rem }
.grid1 figure:nth-child(1) p { font-size: 1.6rem; line-height: 2em }
.grid1 figure:nth-child(1) p a { font-size: 1.6rem }
.grid1 figure.effect-sadie p { bottom: 10%; }
.adiv_03_con { padding: .5rem 2%; }
.grid2 { width: 100%; flex-wrap: wrap; }
.grid2 figure { width: 46%; margin: .5rem 2%; height: 12rem; }
.grid2 figure img { position: relative; display: block; height: 10rem; width: 100%; }
.grid2 figure a { font-size: 1rem; }
.grid2 figure.effect-sadie figcaption::before { position: absolute; top: 0em; left: 0; width: 100%; height: 10rem; background: rgba(53,55,58,0.85); content: ''; opacity: 0; -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0) }
.grid2 figure figcaption, .grid2 figure figcaption>a { position: absolute; top: 0; left: 0; width: 100%; height: 10rem }
.grid2 figure p { font-size: .8rem; text-align: left; line-height: 1.5em; }
.grid2 figure p a { margin: 1em auto; }
.adiv_04_con { padding: .5rem 0; }
.tabbox { width: 100%; margin: 1em auto 0 auto; padding: 0 2%; }
.tabbox .tab { height: 4.5rem; margin: 1rem 0 }
.tabbox .tab span a { font-size: 1rem; line-height: 2em; padding: 0 1em; margin: 1em 1em .5em 0 }
.tabbox .tab b { margin: 1em 0 .5em 0 }
.tabbox .content { width: 100%; height: 30rem; position: relative; }
.tabbox .content ul { width: 100% }
.tabbox .content li { width: 100%; }
.tabbox .content li dl { height: 30rem; background: none; width: 100% }
.tabbox .content li dl dd { font-size: 1rem; width: 100%; line-height: 2em; }
.adiv_05 { margin: 0 auto 1rem auto; }
.adiv_05_con { width: 100%; padding: 1rem 0 }
.adiv_05_con a { width: 46%; margin: .5rem 2%; }
.adiv_05_con a img { width: 100%; height: auto; }
.adiv_05_more { line-height: 3em; margin: 2rem auto 0 auto; text-align: center; font-size: 1rem; }
.footer { padding-top: 0; overflow: hidden; }
.footer_top, .footer_center, .footer_bottom, .footer_copy { width: 100%; padding: 0 2% }
.footer_top { font-size: 1.2rem; line-height: 4em }
.footer_center { justify-content: flex-start; margin: 1rem auto; flex-wrap: wrap }
.footer_center .ewm { font-size: 1rem; margin-left: 0; margin-top: 1rem; }
.footer_center .ewm b { text-align: center; margin-left: 0; margin-right: 10px }
.footer_center dl { line-height: 2rem; font-size: 1rem; }
.footer_center dl:nth-child(1), .footer_center dl:nth-child(2) { width: 7em; }
.footer_bottom { color: #999; margin: 1rem auto 0 auto; padding: 0; }
.footer_bottom b { width: 100%; border-bottom: 1px solid #4b4d50; border-top: 1px solid #4b4d50; font-size: 1.2rem; line-height: 4em; display: block; padding: 0 2% }
.footer_bottom span { width: 100%; padding: 0 2%; text-align: center }
.footer_bottom a, .footer_bottom i { line-height: 4rem; font-size: 1rem; }
.footer_bottom i {margin: 0 4px;}
.footer_copy { line-height: 2em; text-align: center; color: #999; font-size: 1rem; padding: .5rem 0 }
}
.ny_banner { width: 100%; position: relative; overflow: hidden; height: 471px; }
.zhcg_banner { background: url(../images/webpic/zhcg_banner.jpg) center center no-repeat; }
.zhhw_banner { background: url(../images/webpic/zhhw_banner.jpg) center center no-repeat; }
.zhgt_banner { background: url(../images/webpic/zhgt_banner.jpg) center center no-repeat; }
.zhzf_banner { background: url(../images/webpic/zhzf_banner.jpg) center center no-repeat; }
.zhjw_banner { background: url(../images/webpic/zhjw_banner.jpg) center center no-repeat; }
.zhyl_banner { background: url(../images/webpic/zhyl_banner.jpg) center center no-repeat; }
.hwry_banner { background: url(../images/webpic/hwry_banner.jpg) center center no-repeat; }
.hwcl_banner { background: url(../images/webpic/hwcl_banner.jpg) center center no-repeat; }
.zhljt_banner { background: url(../images/webpic/zhljt_banner.jpg) center center no-repeat; }
.zhgc_banner { background: url(../images/webpic/zhgc_banner.jpg) center center no-repeat; }
.lxwm_banner { background: url(../images/webpic/lxwm_banner.jpg) center center no-repeat; }
.news_banner { background: url(../images/webpic/news_banner.jpg) center center no-repeat; }
.jcyry_banner { background: url(../images/webpic/jcyry_banner.jpg) center center no-repeat; }
.jcywlfw_banner { background: url(../images/webpic/jcywlfw_banner.jpg) center center no-repeat; }
.ygwjpt_banner { background: url(../images/webpic/ygwjpt_banner.jpg) center center no-repeat; }
.about_banner { background: url(../images/webpic/about_banner.jpg) center center no-repeat; }
.dljm_banner { background: url(../images/webpic/dljm_banner.jpg) center center no-repeat; }
.case_banner { background: url(../images/webpic/case_banner.jpg) center center no-repeat; }
.ny_banner p { width: 1200px; position: absolute; left: 50%; margin-left: -600px; bottom: 3em; z-index: 2; color: #fff; font-size: 1rem }
.ny_banner p a { color: #fff; }
.ny_banner p img { margin-bottom: 2rem }
.tab_nav, .floor-nav { border-bottom: 1px solid #eee; width: 100%; overflow: hidden; background: #fff; }
.tab_nav a, .floor-nav .scroll-nav { line-height: 3em; font-size: 1rem; display: inline-block; margin-right: 2em; cursor: pointer; }
.tab_nav a:hover, .tab_nav a.curr, .floor-nav .scroll-nav.active { color: #027FCC; border-bottom: 2px solid #027FCC }

@media only screen and (max-width: 1169px) {
.ny_banner { height: 12rem; background-size: auto 100% }
.ny_banner p { width: 94%; position: absolute; left: 50%; margin-left: -50%; bottom: 1em; z-index: 2; color: #fff; font-size: 1rem; padding: 0 3% }
.ny_banner p img { width: 1rem; margin-bottom: .5rem }
.tab_nav .box, .floor-nav .box { display: flex; justify-content: space-around; align-items: center }
.tab_nav a, .floor-nav .scroll-nav { margin: 0 }
}
.zhcg_con1 { border-top: 1px solid #ddd; font-size: 1rem; line-height: 2em; padding: 30px 50px 30px 50px; text-align: center }
.zhcg_con1 img { margin-top: 2rem; }
.zhcg_con2 { display: flex; justify-content: space-between; flex-wrap: wrap; }
.zhcg_con2 a { position: relative; width: 285px; height: 217px; margin: 1em auto }
.zhcg_con2 a img, .zhcg_con2 b { display: block; }
.zhcg_con2 a img { position: absolute; top: 0; left: 0; height: 100% }
.zhcg_con2 a b { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.6); line-height: 3em; text-align: center; color: #fff }
.zhcg_con3 { background: url(../images/webpic/zhjg_bg.jpg) center top no-repeat; margin-top: 60px; }
.zhcg_con3 .box { display: flex; justify-content: space-between }
.zhjg_pc { margin-top: 100px; }
.zhjg_txt { width: 560px; color: #fff; font-size: 18px; margin-top: 60px; }
.zhjg_txt b { font-size: 30px; font-weight: bold; line-height: 3em }
.zhjg_txt font { color: #a9d22b }
.zhjg_txt .text { background: url(../images/webpic/zhjg_b.png) center top no-repeat; padding: 2em 0 0 0; line-height: 2em }
.zhjg_txt span { display: flex; align-items: center; width: 100%; margin-top: 1em; justify-content: space-between; flex-wrap: wrap }
.zhjg_txt span div { display: flex; align-items: center; font-size: 21px; justify-content: flex-start; margin-top: 1em }
.zhjg_txt span div img { margin-right: 1em; width: 1em }
.zhjg_con4 { display: flex; justify-content: space-between; border-top: 1px solid #ddd; padding-top: 60px; }
.zhjg_con4 div { width: 379px; display: flex; justify-content: space-between; height: 544px; flex-direction: column }
.zhjg_con5 { background: url(../images/webpic/zhjg.jpg) center center no-repeat; height: 931px; display: flex; justify-content: center; align-items: center; flex-direction: column; margin-top: 60px; overflow: hidden; }
.tit_02 { color: #fff; margin-bottom: 50px }
.hList { width: 660px; height: 660px; display: flex; justify-content: center; position: relative; background: url(../images/webpic/tab_cpys.png) center center no-repeat; }
.hList li { width: 140px; height: 140px; position: absolute; border-radius: 50%; text-align: center; display: flex; justify-content: center; align-items: center; color: #fff;}
.hList li:nth-of-type(2) { transform: rotate(45deg); transform-origin: 70px 330px;
-ms-transform-origin: 0px 330px; 		/* IE 9 */
-webkit-transform-origin: 70px 330px;	/* Safari 和 Chrome */
-moz-transform-origin: 70px 330px;		/* Firefox */
-o-transform-origin: 70px 330px;		/* Opera */
}
.hList li:nth-of-type(3) { transform: rotate(90deg); transform-origin: 70px 330px; -ms-transform-origin: 0px 330px; 		/* IE 9 */
-webkit-transform-origin: 70px 330px;	/* Safari 和 Chrome */
-moz-transform-origin: 70px 330px;		/* Firefox */
-o-transform-origin: 70px 330px;		/* Opera */}
.hList li:nth-of-type(4) { transform: rotate(135deg); transform-origin: 70px 330px;-ms-transform-origin: 0px 330px; 		/* IE 9 */
-webkit-transform-origin: 70px 330px;	/* Safari 和 Chrome */
-moz-transform-origin: 70px 330px;		/* Firefox */
-o-transform-origin: 70px 330px;		/* Opera */ }
.hList li:nth-of-type(5) { transform: rotate(180deg); transform-origin: 70px 330px; -ms-transform-origin: 0px 330px; 		/* IE 9 */
-webkit-transform-origin: 70px 330px;	/* Safari 和 Chrome */
-moz-transform-origin: 70px 330px;		/* Firefox */
-o-transform-origin: 70px 330px;		/* Opera */}
.hList li:nth-of-type(6) { transform: rotate(225deg); transform-origin: 70px 330px;-ms-transform-origin: 0px 330px; 		/* IE 9 */
-webkit-transform-origin: 70px 330px;	/* Safari 和 Chrome */
-moz-transform-origin: 70px 330px;		/* Firefox */
-o-transform-origin: 70px 330px;		/* Opera */ }
.hList li:nth-of-type(7) { transform: rotate(270deg); transform-origin: 70px 330px; -ms-transform-origin: 0px 330px; 		/* IE 9 */
-webkit-transform-origin: 70px 330px;	/* Safari 和 Chrome */
-moz-transform-origin: 70px 330px;		/* Firefox */
-o-transform-origin: 70px 330px;		/* Opera */}
.hList li:nth-of-type(8) { transform: rotate(315deg); transform-origin: 70px 330px; -ms-transform-origin: 0px 330px; 		/* IE 9 */
-webkit-transform-origin: 70px 330px;	/* Safari 和 Chrome */
-moz-transform-origin: 70px 330px;		/* Firefox */
-o-transform-origin: 70px 330px;		/* Opera */}
.hList li .menu { width: 140px; height: 140px; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 18px; color: #fff; z-index: 33; }
.hList li:nth-of-type(1) .menu { transform: rotate(-0deg); }
.hList li:nth-of-type(2) .menu { transform: rotate(-45deg); }
.hList li:nth-of-type(3) .menu { transform: rotate(-90deg); }
.hList li:nth-of-type(4) .menu { transform: rotate(-135deg); }
.hList li:nth-of-type(5) .menu { transform: rotate(-180deg); }
.hList li:nth-of-type(6) .menu { transform: rotate(-225deg); }
.hList li:nth-of-type(7) .menu { transform: rotate(-270deg); }
.hList li:nth-of-type(8) .menu { transform: rotate(-315deg); }
.hList li:nth-of-type(1) .menu b { background: #fbca30 }
.hList li:nth-of-type(2) .menu b { background: #57abfa }
.hList li:nth-of-type(3) .menu b { background: #ffa800 }
.hList li:nth-of-type(4) .menu b { background: #a9d22b }
.hList li:nth-of-type(5) .menu b { background: #fbca30 }
.hList li:nth-of-type(6) .menu b { background: #57abfa }
.hList li:nth-of-type(7) .menu b { background: #ffa800 }
.hList li:nth-of-type(8) .menu b { background: #a9d22b }
.hList li:nth-of-type(1) { border: 1px dashed #fbca30; z-index: 3; }
.hList li:nth-of-type(2) { border: 1px dashed #57abfa; z-index: 2; }
.hList li:nth-of-type(3) { border: 1px dashed #ffa800; z-index: 3; }
.hList li:nth-of-type(4) { border: 1px dashed #a9d22b; z-index: 4; }
.hList li:nth-of-type(5) { border: 1px dashed #fbca30; z-index: 5; }
.hList li:nth-of-type(6) { border: 1px dashed #57abfa; z-index: 6; }
.hList li:nth-of-type(7) { border: 1px dashed #ffa800; z-index: 7; }
.hList li:nth-of-type(8) { border: 1px dashed #a9d22b; z-index: 8; }
.hList li a b { width: 126px; height: 126px; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 18px; }
.menu-dropdown { padding: 0; position: absolute; z-index: 1; top: 0 }
.menu:not(:hover) > .menu-dropdown > * { visibility: hidden; height: 0; background: #f00; }
.menu-dropdown span { width: 400px; height: 140px; border-radius: 70px; position: absolute; display: flex; justify-content: flex-end; align-items: center; }
.menu-dropdown span p { width: 300px; margin-right: 20px; text-align: left }
.menu-title { z-index: 33 }
.hList li:nth-child(1) .menu-dropdown span { background: rgba(251,202,48,.85); }
.hList li:nth-child(2) .menu-dropdown span { background: rgba(87,171,250,.85); }
.hList li:nth-child(3) .menu-dropdown span { background: rgba(255,168,0,.85); }
.hList li:nth-child(4) .menu-dropdown span { background: rgba(169,210,43,.85); }
.hList li:nth-child(5) .menu-dropdown span { background: rgba(251,202,48,.85); }
.hList li:nth-child(6) .menu-dropdown span { background: rgba(87,171,250,.85); }
.hList li:nth-child(7) .menu-dropdown span { background: rgba(255,168,0,.85); }
.hList li:nth-child(8) .menu-dropdown span { background: rgba(169,210,43,.85); }
.zhjg_con6 { border-top: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center; width: 1200px; margin: 0 auto; }
.zhjg_con6 span { border: 1px solid #ddd; display: flex; justify-content:flex-start; flex-direction: column; align-items: center; text-align: center; padding: 20px; width: 210px; height: 260px; margin-top: 50px; font-size: 16px; overflow:hidden }
.zhjg_con6 span b { font-size: 20px; margin: 1rem auto }
.zhjg_con6 span p { width:100%}
.zhjg_con7 { display: flex; justify-content: space-between; align-items: center; width: 1200px; margin: 50px auto 0 auto; overflow:hidden }
.zhjg_con7 img { margin-right: 50px }
.zhjg_con7 .tit3 img { margin-right:0;}
.cpjz { width:100%;}
.zhjg_con7 p { border-top: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center; margin: 50px auto 0 auto; padding-top: 30px; font-size: 14px; line-height: 2em; width:100%; }
.srcoll_box { position: relative; width: 100%; margin: 50px auto 0 auto; background: #fff; display: flex; justify-content: center; align-items: center; height: 224px; background: url(../images/webpic/srcoll.jpg) center center no-repeat; background-size: auto 100%; }
.srcoll_box .box { display: flex; justify-content: space-between; align-items: center; overflow:hidden; margin:0 }
.srcoll_box .srcoll_prev { display: block; background: url(../images/webpic/prev.png) center top; width: 19px; height: 87px; z-index: 1111; }
.srcoll_box .srcoll_next { display: block; background: url(../images/webpic/next.png) center top; width: 19px; height: 87px; z-index: 1111; }
.srcoll_box .srcoll_prev:hover { background: url(../images/webpic/prev_hover.png) center top; }
.srcoll_box .srcoll_next:hover { background: url(../images/webpic/next_hover.png) center top; }
#botton-scroll { width: 1200px; margin: 0 auto; position: relative; }
.srcoll_box ul { width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.srcoll_box li { text-align: center; margin: 5px; font-size: 14px; line-height: 2rem; width: 278px; min-height: 9rem; overflow: hidden; }
.srcoll_box li a { color: #fff; }
.srcoll_box li img { display: block; width: 100%; }

@media only screen and (max-width: 1169px) {
#botton-scroll2, #botton-scroll, #botton-scroll3 { width: 100%; }
.srcoll_box { width: 100%; margin-top: 1rem; height: 12rem }
.srcoll_box li { font-size: 1rem; }
.srcoll_box li { width: 45%; margin: 0 auto; }
}
.zhjg_con8 { width: 100%; overflow: hidden; background: #f6f6f6; }
.xgxw_tit { width: 1200px; display: flex; justify-content: center; font-weight: bold; background: url(../images/webpic/line4.png) center center repeat-x; margin: 50px auto 0 auto; align-items: center }
.xgxw_tit i, .xgxw_tit b { background: #f6f6f6; font-size: 24px; }
.xgxw_tit i { padding:0 1rem; }
.xgxw_tit b {  display: none;}
.xgxw_content { overflow: hidden; width: 1200px; height: 320px; position: relative; margin: 40px auto }
.xgxw_content dl { width: 100%; height: 320px; display: flex; flex-wrap: wrap; flex-direction: column; background: url(../images/webpic/li.jpg) center center no-repeat; align-content: space-between }
.xgxw_content dl dd { width: 580px; display: flex; justify-content: space-between; line-height: 60px; background: url(../images/webpic/bt.png) left center no-repeat; border-bottom: 1px dotted #d2d2d2; font-size: 18px; }
.xgxw_content dl dd:hover { background: url(../images/webpic/bt_hover.png) left center no-repeat; }
.xgxw_content dl dd a { margin-left: 1em; width: 75%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }

@media only screen and (max-width: 1169px) {
.zhcg_con1 { padding: 1rem }
.zhcg_con1 img { margin-top: 2em; }
.zhcg_con2 a { width: 46%; height: 11.5rem; margin: .5rem 2% }
.zhcg_con3 { background-size: auto 100%; margin-top: 2rem; }
.zhcg_con3 .box { flex-direction: column; align-items: center }
.zhjg_pc { margin: 2rem auto 0 auto; width: 90%; text-align: center }
.zhjg_txt { width: 90%; color: #fff; font-size: 1rem; margin-top: 0; }
.zhjg_txt b { font-size: 1.4rem; font-weight: bold; line-height: 3em; text-align: center; display: flex; justify-content: center }
.zhjg_txt .zhjg_txt { background-size: 100% auto; padding-top: 1rem }
.zhjg_txt span div { font-size: 1rem; justify-content: flex-start; margin-top: 1em }
.zhjg_txt span { margin-top: 0; margin-bottom: 2rem }
.zhjg_con4 { padding: 2rem 4%; }
.zhjg_con4 div { width: 32%; height: auto; }
.zhjg_con5 { height: 42rem; margin-top: 0; background-size: auto 100% }
.tit_02 { margin-bottom: 2rem }
.hList { width: 32rem; height: 32rem; display: flex; justify-content: center; position: relative; background-size: 80% auto; }
.hList li, .hList li .menu { width: 7rem; height: 7rem; }
.hList li a b { width: 6rem; height: 6rem; font-size: 1rem }
.hList li a b img { width: 2rem }
.hList li:nth-of-type(2) { transform-origin: 3.5rem 16rem; }
.hList li:nth-of-type(3) { transform-origin: 3.5rem 16rem; }
.hList li:nth-of-type(4) { transform-origin: 3.5rem 16rem; }
.hList li:nth-of-type(5) { transform-origin: 3.5rem 16rem; }
.hList li:nth-of-type(6) { transform-origin: 3.5rem 16rem; }
.hList li:nth-of-type(7) { transform-origin: 3.5rem 16rem; }
.hList li:nth-of-type(8) { transform-origin: 3.5rem 16rem; }
.hList li:nth-child(1) .menu-dropdown span { left: -3rem; top: 5rem }
.hList li:nth-child(2) .menu-dropdown span { left: -9rem; top: 3rem }
.hList li:nth-child(3) .menu-dropdown span { left: -12rem; top: -3rem }
.hList li:nth-child(4) .menu-dropdown span { left: -9rem; top: -9rem }
.hList li:nth-child(5) .menu-dropdown span { left: -3rem; top: -11rem }
.hList li:nth-child(6) .menu-dropdown span { left: 3rem; top: -9rem }
.hList li:nth-child(7) .menu-dropdown span { left: 5rem; top: -3rem }
.hList li:nth-child(8) .menu-dropdown span { left: 3rem; top: 3rem }
.menu-dropdown { left: 0; top: 0 }
.menu-dropdown span { width: 13rem; height: 13rem; border-radius: 13rem; position: absolute; left: 0; top: 0; display: flex; justify-content: flex-end; align-items: center; }
.menu-dropdown span p { width: 10rem; margin-right: 1.5rem; text-align: left; font-size: 1rem }
.menu-title { z-index: 33 }
#ssss { position: absolute; left: 0; top: 0 }
.xgxw_content { width: 100%; height: 30em; position: relative; }
.xgxw_content dl { height: 30em; background: none; width: 100% }
.xgxw_content dl dd { font-size: 1rem; width: 100%; line-height: 2em; }
.zhjg_con6 { border-top: 1px solid #ddd; width: 100%; display: flex; justify-content: center; flex-wrap: wrap; }
.zhjg_con6 span { border: 1px solid #ddd; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; align-items: center; text-align: center; padding: 1rem 1rem; width: 46%; height: 18rem; margin: .5rem auto; font-size: 1rem; flex-wrap: wrap; }
.zhjg_con6 span b { font-size: 1.5rem; margin: 1rem auto }
.zhjg_con6 span:nth-child(1) { width: 96%; margin-top: 1rem }
.zhjg_con6 span img { width: 5rem }
.zhjg_con6 span p { font-size: 1rem }
.zhjg_con6 span:nth-child(1) p { font-size: 1.2rem }
.tit3 { margin: 2rem auto }
.zhjg_con7 { width: 100%; margin: 1rem auto 0 auto; flex-direction: column }
.zhjg_con7 img { margin-right: 0; width: 96% }
.zhjg_con7 p { margin: 1rem auto 0 auto; padding: 1rem; font-size: 14px; line-height: 2em }
.tit3 img { width: inherit }
.xgxw_tit { width: 100%; font-size: 2rem; margin: 2rem auto 0 auto; }
.xgxw_tit i, .xgxw_tit b { background: #f6f6f6; font-size: 1.4rem }
.xgxw_tit i { padding-right: 1rem; }
.xgxw_tit b { padding-left: 1rem; height: 2rem }
.xgxw_content { width: 100%; height: auto; margin: 1rem auto }
.xgxw_content dl { width: 100%; height: auto; background: none; }
.xgxw_content dl dd { width: 96%; line-height: 3rem; font-size: 1rem; margin: 0 auto }
.xgxw_content dl dd a { margin-left: 1em }
}
.zhhw_con1 { width: 1200px; height: auto; margin: 0 auto; border-top: 1px solid #ddd; }
.zhhw_con1 b { position: absolute; left: -1rem; width: 2rem; background: #fff; height: 2rem; }
.zhhw_con1 b img { width: 100%; }
.zhhw_con1 i { font-size: 22px; }
.zhhw_con1 p { font-size: 18px; line-height: 36px; margin-top: 1em }
.zhhw_con_01 { border-left: 1px dashed #A9D22B; width: 1200px; height: auto; position: relative; display: flex; justify-content: space-between; align-items: center; margin-top: 60px; }
.zhhw_con_01 span { padding: 0 80px 0 80px; }
.zhhw_con_01 img { margin-bottom: 50px }
.zhhw_con_02 { width: 1200px; height: auto; position: relative; display: flex; justify-content: space-between; align-items: center; border-top: 1px dashed #A9D22B; flex-direction: column; border-right: 1px dashed #A9D22B }
.zhhw_con_02 b { left: auto; top: -1rem; }
.zhhw_con_02_center { width: 100%; display: flex; justify-content: space-around; margin: 80px 0; align-items: center }
.zhhw_con_02_center span { padding: 0 30px }
.zhhw_con_03 { width: 1200px; height: auto; position: relative; display: flex; justify-content: space-between; align-items: center; border-top: 1px dashed #A9D22B; border-left: 1px dashed #A9D22B; border-bottom: 1px dashed #A9D22B; padding: 80px 0 }
.zhhw_con_03 span { padding: 0 80px 0 80px; }
.zhhw_con_03 img { margin-bottom: 0px }
.zhhw_con2 { width: 100%; height: auto; background: url(../images/webpic/zhhw_bg.jpg) center top no-repeat; overflow: hidden; margin-top: 60px; }
.zhhw_con2 img { display: block; margin-top: 60px; }
.zhhw_con2 .tit_02 { margin: 40px auto }
.tit_02 font { color: #fff; }
.zhhw_con3 { border-top: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center; width: 1200px; margin: 0 auto; }
.zhhw_con3 span { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: center; text-align: center; padding: 20px; width: 33%; height: auto; margin: 80px auto; font-size: 16px }
.zhhw_con3 span b { font-size: 20px; margin: 1rem auto }
.zhhw_con3 span:nth-child(2) { border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.zhhw_hover { background: #353c41; width: 100%; overflow: hidden; display: flex; justify-content: center; }
.grid3 { width: 1200px; }
.grid3 figure { position: relative; float: left; overflow: hidden; width: 25%; background: #3085a3; text-align: center; cursor: pointer }
.grid3 figure img { position: relative; display: block; min-height: 100%; max-width: 100%; }
.grid3 figure figcaption { padding: 0; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.grid3 figure h2 img { margin: 0 auto 2em auto; border-bottom: 1px solid #fff; padding-bottom: 2em }
.grid3 figure h2 b { font-size: 18px; }
.grid3 figure a { border: 1px solid #fff; color: #fff; font-size: .8rem; line-height: 2em; display: block; padding: 0 1em; width: 7em; margin: 2em auto; }
.grid3 figure a:hover, .grid3 figure.effect-sadie:hover a { background: #fff; border: 1px solid #fff; color: #027FCC }
.grid3 figure.effect-sadie figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,100,178,0.85); content: ''; opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0) }
.grid3 figure.effect-sadie h2 { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transition: -webkit-transform .35s, color .35s; transition: transform .35s, color .35s; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
.grid3 figure.effect-sadie:hover figcaption::before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.srcoll_box2 { position: relative; width: 100%; margin: 50px auto 80px auto; background: #fff; height: auto; }
.srcoll_box2 .box { position: relative; width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center }
.srcoll_box2 .srcoll_prev { display: block; background: url(../images/webpic/prev2.png) center top; width: 32px; height: 69px; z-index: 1111; }
.srcoll_box2 .srcoll_next { display: block; background: url(../images/webpic/next2.png) center top; width: 32px; height: 69px; z-index: 1111; }
.srcoll_box2 .srcoll_prev:hover { background: url(../images/webpic/prev2_hover.png) center top; }
.srcoll_box2 .srcoll_next:hover { background: url(../images/webpic/next2_hover.png) center top; }
.srcoll_box2 ul { width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.srcoll_box2 ul li { margin: 5px }
.srcoll_box2 li img { display: block; width: 100%; }

@media only screen and (max-width: 1169px) {
.zhhw_con1, .zhhw_con_01 { width: 100%; flex-direction: column; text-align: center; align-items: center }
.zhhw_con_01 { padding: 2rem; margin-top: 0rem; border: none; }
.zhhw_con_01 span { border: none; padding: 0 }
.zhhw_con1 b { display: none }
.zhhw_con1 i { font-size: 1.6rem; }
.zhhw_con1 p { font-size: 1rem }
.zhhw_con1 img { width: 100%; margin: 1rem 0 }
.zhhw_con_02 { width: 100%; flex-direction: column; border-right: none; flex-wrap: wrap; }
.zhhw_con_02_center { width: 100%; padding: 2rem; display: flex; justify-content: space-around; margin: 0; flex-wrap: wrap; flex-direction: column-reverse }
.zhhw_con_02 span { padding: 0; }
.zhhw_con_02 img { margin: 1rem 0 }
.zhhw_con_03 { width: 100%; padding: 2rem; flex-direction: column; border-right: none; flex-wrap: wrap; border-left: none; border-bottom: none }
.zhhw_con_03 span { padding: 0 }
.zhhw_con_03 img { margin: 1rem 0 }
.zhhw_con2 { margin-top: 0; background: url(../images/webpic/zhhw_bg.jpg) center 3.9rem no-repeat #fff; background-size: auto 70%; }
.zhhw_con2 img { display: block; width: 50%; margin: 2rem 0 0 2rem; overflow: hidden; }
.zhhw_con2 .tit_02 { margin: 0 auto; background: #0f90c3; line-height: 4rem; overflow: hidden }
.grid3 { width: 100%; }
.grid3 figure { width: 50%; }
.grid3 figure img { position: relative; display: block; height: 100%; width: 100%; }
.grid3 figure figcaption { padding: 0; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.grid3 figure h2 img { margin: 0 auto 1rem auto; padding-bottom: 1em; width: auto; height: auto }
.grid3 figure h2 b { font-size: 1.2rem; }
.grid3 figure a { border: 1px solid #fff; color: #fff; font-size: .8rem; line-height: 2em; display: block; padding: 0 1em; width: 7em; margin: 2em auto; }
.srcoll_box2 { position: relative; width: 100%; margin: 1rem auto; background: #fff; height: auto; }
.srcoll_box2 .box { position: relative; width: 100%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center }
.srcoll_box2 .srcoll_prev, .srcoll_box2 .srcoll_next { background-size: 100% auto; width: 1.5rem; height: 3rem; }
.srcoll_box2 .srcoll_prev:hover, .srcoll_box2 .srcoll_next:hover { background-size: 100% auto; }
.srcoll_box2 ul { width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.srcoll_box2 ul li { margin: 0; margin-right: 1rem; width: 50% }
.srcoll_box2 li img { display: block; width: 100%; }
}

@media only screen and (max-width: 767px) {
.zhhw_con3 { width: 100%; margin: 0 auto; flex-direction: column }
.zhhw_con3 span { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: center; text-align: center; padding: 20px; width: 100%; height: auto; margin: 0 auto; font-size: 16px }
.zhhw_con3 span b { font-size: 1.6rem; margin: 1rem auto 0 auto }
.zhhw_con3 span:nth-child(2) { border: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.zhhw_hover { background: #353c41; width: 100%; overflow: hidden; display: flex; justify-content: center; }
}

@media only screen and (min-width: 768px) and (max-width: 1169px) {
.zhhw_con3 { width: 100%; margin: 0 auto; }
.zhhw_con3 span { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: center; text-align: center; padding: 0; width: 33%; height: auto; margin: 1.5rem auto; font-size: .6rem }
.zhhw_con3 span b { font-size: .7rem; margin: .5rem auto }
.zhhw_con3 span:nth-child(2) { border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.zhhw_hover { background: #353c41; width: 100%; overflow: hidden; display: flex; justify-content: center; }
}
.zhgt_con2 { background: url(../images/webpic/zhgt_scdw.jpg) center center no-repeat; padding: 1rem 0 }
.zhgt_con2 .box { padding: 0 1rem 2rem 1rem }
.zhgt_xqms { width: 1200px; margin: 0 auto; display: flex; justify-content: center; align-items: center; border-top: 1px solid #ddd; }
.zhgt_xqms span { width: 300px; height: 150px; border: 1px solid #ddd; padding: 1rem; display: flex; justify-content: space-around; align-items: center; font-size: 18px; line-height: 2rem; margin: 80px 15px 20px 15px; }
.zhgt_xqms img { margin-right: 1rem; }
.zhgt_con3 { background: url(../images/webpic/zhgt_znjc.jpg) center center no-repeat; padding: 4rem 0; overflow: hidden; margin-top: 60px; }
.zhgt_con3 span { text-align: center }
.zhgt_con3 span img { display: block; margin: 0 auto }
.zhgt_con3 .zhjg_txt { margin: 0 }
.zhgt_con4 { width: 1200px; margin: 0 auto; border-top: 1px solid #ddd; display: flex; justify-content: space-between; overflow: hidden; padding: 3rem 0 }
.zhgt_con4 span { width: 22%; height: 420px; border: 1px solid #ddd; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; padding: 2rem; overflow:hidden }
.zhgt_con4 span img { width: auto }
.zhgt_con4 span b { font-size: 1.2rem; margin: 1rem 0; text-align: center }
.zhgt_con4 span p { font-size: 1rem; line-height: 1.6rem; width:100% }
.zhzf_con_02 { border-bottom: 1px dashed #A9D22B; margin-bottom: 4rem; }
.zhzf_con2 .tit_02 { margin: 4rem auto }
.zhzf_con2 { background: url(../images/webpic/zhzf_ptmb.jpg); width: 100%; overflow: hidden; }
.zhzf_02_con { color: #fff; border-top: 1px solid #fff; width: 1200px; margin: 0 auto; display: flex; justify-content: space-around; align-items: center; padding: 6rem 0; }
.zhzf_02_con span { display: flex; justify-content: flex-start; flex-direction: column; height: 15rem }
.zhzf_02_con strong { display: flex; justify-content: flex-start; align-items: center; font-size: 22px; }
.zhzf_02_con strong img { margin-right: .5rem; }
.zhzf_02_con p { font-size: 18px; line-height: 2rem; margin-top: 1rem; }
.zhzf_con3 { background: #f3f3f3; overflow: hidden; }
.zhzf_con3 .box { border-top: 1px solid #ddd; margin-bottom: 4rem }
.zhzf_con4 { background: url(../images/webpic/zhzf_ptcx.jpg) center bottom no-repeat; overflow: hidden }
.zhzf_con4 .box { display: flex; justify-content: space-between; flex-wrap: wrap; border-top: 1px solid #ddd; padding: 2rem 0; margin-bottom: 4rem }
.zhzf_con4 .box a { margin: 1rem 0 }
.zhjw { background: url(../images/webpic/zjjw_con.jpg) center center no-repeat; height: 932px; }
.zhjw .box { border-left: 1px solid #fff; height: 932px; display: flex; align-items: center; }
.zhjw .box li a { color: #fff; line-height: 3rem; margin-left: 1rem; color: #fff; font-size: 18px; }
.zhyl_con3 { background: url(../images/webpic/zhyl_bg.jpg) center top no-repeat; margin-top: 60px; }
.zhyl_con3 .box { display: flex; justify-content: space-between }
.zhyl_con3_con { display: flex; justify-content: flex-start; align-items: flex-start; }
.zhyl_con3_con span { width: 50%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start }
.zhyl_con3_con strong { display: flex; justify-content: flex-start; align-items: center; font-size: 22px; }
.zhyl_con3_con strong img { margin-right: .5rem; }
.zhyl_con3_con p { font-size: 18px; line-height: 2rem; margin-top: 1rem; }

@media only screen and (max-width:1169px) {
.zhzf_con_02 { border: none; margin: 0 auto; justify-content: space-around }
.zhgt_xqms{ width: 100%;}
.zhgt_xqms span { width: 30%; height: 12rem; padding: 1rem; justify-content: flex-start; align-items: center; font-size: .8rem; line-height: 1.5rem; margin: 2rem 0; flex-direction: column; }
.zhgt_xqms img { margin-right: 0; height: 2rem; margin-bottom: 1rem }
.zhgt_con3 { padding: 1rem 0; margin-top: 3rem; background-size: auto 100% }
.zhgt_con3 .zhjg_txt { margin: 0 auto }
.zhgt_con3 .zhjg_txt span { margin-top: 1rem; flex-wrap: no-wrap; }
.zhgt_con3 .zhjg_txt span i { width: 30% }
.zhgt_con3 .zhjg_txt span img { width: auto }
.zhgt_con4 { width: 100%; padding: 2rem 0; flex-wrap: wrap; justify-content: space-around }
.zhgt_con4 span { width: 46%; height: 21rem; padding: 1rem; margin-bottom: 1rem }
.zhgt_con4 span b { font-size: 1rem; margin: .5rem 0; text-align: center }
.zhgt_con4 span p { font-size: .8rem; line-height: 1.2rem }
.zhzf_con2 .tit_02 { margin: 2rem auto; }
.zhzf_02_con { width: 100%; flex-wrap: wrap; padding: 1rem 0; border-top: none }
.zhzf_02_con span { margin-top: 1rem }
.zhzf_02_con strong img, .zhyl_con3_con img { width: 1.4rem; }
.zhzf_02_con strong, .zhyl_con3_con strong { font-size: 1.4rem }
.zhzf_02_con p, .zhyl_con3_con p { font-size: 1rem; }
.zhzf_con3 .box { border: none; margin-bottom: 1rem; justify-content: space-between }
.zhzf_con4 .box { display: flex; justify-content: space-between; flex-wrap: wrap; border: none; padding: 0 1rem; margin-bottom: 1rem }
.zhzf_con4 .box a { margin: 0 0 1rem 0; width: 48% }
.zhjw { height: 20rem; background-size: auto 100% }
.zhjw .box { border: none; height: 20rem; display: flex; align-items: center; }
.zhjw .box li a { line-height: 2rem; margin-left: 1rem; font-size: 1rem; }
.zhyl_con3 { background-size: auto 100%; margin-top: 1rem }
.zhyl_con3 .box { flex-direction: column }
.zhyl_con3_con { margin: 0 auto }
.zhjg_txt { margin: 0 auto }
}
.zhyl_con4 { width: 1200px; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center; border-top: 1px solid #ddd; padding-top: 3rem }
.zhyl_con4 .zhyl_con4_con { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; }
.zhyl_con4 .zhcg_con4_con b { font-size: 24px; margin-left: 2rem; }
.zhyl_con4 .zhcg_con4_con p { background: url(../images/webpic/btn.png) left center no-repeat; text-indent: 1rem; font-size: 16px; margin-left: 3rem; line-height: 2rem }
.zhyl_con4 .zhcg_con4_con div { overflow: hidden; margin-bottom: 2rem }
.zhyl_con5 { width: 100%; background: url(../images/webpic/zhyl_con5.jpg) center center no-repeat; border-top: 1px solid #ddd; height: 734px; display: flex; justify-content: center; align-items: center; }
.zhyl_con5 .box { margin: 0 auto; display: flex; justify-content: flex-start; align-items: flex-end; flex-direction: column; }
.zhyl_con3_con { color: #fff; margin-top: 2rem; overflow: hidden; }
.zhyl_con6 { width: 100%; background: #2c3039; height: auto; display: flex; justify-content: center; align-items: flex-start; overflow: hidden; }
.zhyl_con6 i { width: 50% }
.zhyl_con6 .ypt_right { width: 50%; overflow: hidden; position: relative; height: 100%; }
.ypt_tit { font-size: 2rem; color: #fff; background: #9fd8ee; width: 100%; line-height: 8rem; padding-left: 4rem; }
.zhyl_con6 .ypt_right .zhyl_con3_con { margin-left: 4rem; display: flex; align-items: center; margin-top: 6rem; }

@media only screen and (max-width:1169px) {
.zhyl_con4 { width: 100%; margin: 0 auto; padding-top: 0; border: none; flex-direction: column }
.zhyl_con4 .zhcg_con4_con b { font-size: 1.6rem; margin-left: 2rem; }
.zhyl_con4 .zhcg_con4_con p { text-indent: 1rem; font-size: 1rem; margin-left: 3rem; line-height: 2rem }
.zhcg_con4_con { width: 100% }
.zhyl_con4 i, .zhyl_con4 img { width: 100% }
.zhyl_con5 { height: 21rem; background-size: auto 100%; }
.zlyl_con5_con { width: 60% }
.zlyl_con5_con h3 { width: 80% }
.zlyl_con5_con h3 img { width: 100%; }
.zlyl_con5_con .zhyl_con3_con img { width: 1.4rem }
.zhyl_con6 { flex-direction: column }
.zhyl_con6 i, .zhyl_con6 i img { width: 100% }
.zhyl_con6 .ypt_right { width: 100%; }
.zhyl_con6 .ypt_right .zhyl_con3_con { margin: 3rem 2rem; }
.ypt_tit { font-size: 1.6rem; line-height: 5rem; padding-left: 2rem; }
}
.zhhw_box { width: 100%; text-align: center; }
.zhhw_box .box { border-top: 1px solid #ddd; padding-top: 4rem }
.zhljt { background: url(../images/webpic/zhljt_bg.jpg) center bottom no-repeat; padding-bottom: 8rem }
.hwry { margin-bottom: 4rem }
.zhhw_box img { margin-bottom: 1rem; }
.zhhw_hwry { background: url(../images/webpic/hwry_02.jpg) center center no-repeat; width: 100%; height: 974px; overflow: hidden; }
.zhhw_hwry .tit_02, .zhhw_zhgc .tit_02 { margin: 40px auto }
.zhhw_zhgc { background: #032244; width: 100%; overflow: hidden; }
.srcoll_box4 { position: relative; width: 100%; margin: 0px auto 50px auto; height: auto; }
.srcoll_box4 .box { position: relative; width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center }
.srcoll_box4 .srcoll_prev { display: block; background: url(../images/webpic/prev_04.png) center center no-repeat; width: 48px; height: 48px; z-index: 1111; }
.srcoll_box4 .srcoll_next { display: block; background: url(../images/webpic/next_04.png) center center no-repeat; width: 48px; height: 48px; z-index: 1111; }
.srcoll_box4 ul { width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.srcoll_box4 ul li { margin: 10px; width: 346px; background: #fff; text-align: center; line-height: 3rem; font-size: 18px; }
.srcoll_box4 li img { display: block; width: 100%; }
.jcyry_con1 { width: 1200px; margin: 0 auto; display: flex; justify-content: space-around; align-items: center; border-top: 1px solid #ddd; padding: 4rem 0 }
.jcyry_con1 i { width: 40%; font-size: 18px; line-height: 2rem }
.jcyry_con2 span { height: 280px; }
.jcyry_box { width: 100%; justify-content: center; background: #353c41; overflow: hidden; }
.grid4 { width: 1200px; margin: 0 auto }
.grid4 figure { position: relative; float: left; overflow: hidden; width: 33.33%; background: #3085a3; text-align: center; cursor: pointer }
.grid4 figure img { position: relative; display: block; min-height: 100%; max-width: 100%; }
.grid4 figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.grid4 figure figcaption::before, .grid1 figure figcaption::after { pointer-events: none }
.grid4 figure figcaption, .grid1 figure figcaption>a { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.grid4 figure figcaption>a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0 }
.grid4 figure h2 { font-size: 1.2rem; font-weight: bold; color: #fff; text-align: center }
.grid4 figure h2 img { display: block; margin: 1rem auto; border-bottom: 1px solid #fff; padding-bottom: 1rem }
.grid4 figure h2, .grid1 figure p { margin: 0 }
.grid4 figure p { font-size: 1rem; color: #fff; margin-bottom: 6rem }
.grid4 figure.effect-sadie figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,100,178,0.85); content: ''; opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0) }
.grid4 figure.effect-sadie:hover figcaption::before, .grid4 figure.effect-sadie:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.wlfwdt { align-items: center }
.wlfwdt .zhjg_txt { margin-top: 0; }
.wlfwdt .zhjg_txt .text { padding-top: 3rem; margin-top: 1rem; }
.wlfwdt2 { margin-top: -70px; padding-top: 100px; }
.wlfwdt3 { border-top: none; border-bottom: 1px dashed #A9D22B }
.ygwjpt_con { background: #032244; overflow: hidden; }
.ygwjpt_con .tit_02 { margin: 2rem auto }
.ygwjpt_con .zhcg_con1 { margin: 0 auto; padding: 0; }
.ygwjpt_con3 { width: 1200px; margin: 3rem auto 6rem auto; display: flex; justify-content: space-between; }
.ygwjpt_con3 a { margin: 10px; }
.ygwjpt_con3 a img { width: 100%; }
.fixed { top: 0rem; z-index: 99; }
.scroll-floor { width: 100%; height: auto; }
.fbox { width: 100%; position: relative }

@media only screen and (max-width:1169px) {
.zhhw_box .box { border-top: 1px solid #ddd; padding-top: 1rem }
.zhhw_box img { margin-top: 1rem; width: 94% }
.hwry { margin-bottom: 2rem }
.zhhw_hwry .tit_02, .zhhw_zhgc .tit_02 { margin: 2rem auto }
.zhhw_hwry { height: 25rem; overflow: hidden; background-size: auto 100%; }
.srcoll_box4 { position: relative; width: 100%; margin: 0 auto 2rem auto; height: auto; }
.srcoll_box4 .box { position: relative; width: 100%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
.srcoll_box4 .srcoll_prev, .srcoll_box4 .srcoll_next { background-size: 100% auto; width: 1.5rem; height: 1.5rem; }
.srcoll_box4 ul { width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.srcoll_box4 ul li { margin: 0; margin-right: 1rem; width: 50%; }
.srcoll_box4 li img { display: block; width: 100%; }
.jcyry_con1 { width: 100%; flex-direction: column-reverse; padding: 2rem 0 }
.jcyry_con1 i { width: 90%; font-size: 18px; line-height: 2rem; margin-top: 2rem }
.jcyry_con2 span { height: 12rem; }
.jcyry_con2 { padding-bottom: 0 }
.grid4 { width: 100%; margin: 0 auto; flex-direction: column }
.grid4 figure { width: 100% }
.grid4 figure img { height: 100%; width: 100%; }
.grid4 figure h2 img { width: 4rem }
.grid4 figure h2 { font-size: 1.6rem; }
.grid4 figure p { font-size: 1.2rem; }
.wlfwdt .zhjg_txt .text { padding: 2rem 0 }
.wlfwdt3 { border-top: 1px dashed #A9D22B }
.wlfwdt2 { margin: 0; padding: 2rem }
.ygwjpt_con .tit_02 { margin: 1rem auto }
.ygwjpt_con3 { width: 100%; margin: 1rem auto; display: flex; justify-content: space-between; flex-direction: column }
.fixed { top: 4rem; }
}
.dljm_box1, .dljm_box2 { width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; border-top: 1px solid #ddd; padding-top: 3rem; overflow: hidden; }
.dljm_box1 a { width: 278px; text-align: center; font-size: 18px; }
.dljm_box1 a img { width: 100% }
.dljm_box2 { text-align: center; font-size: 18px; }
.dljm_box2 p { font-size: 14px; }
.dljm_box2 a { display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 0 0 4rem 0 }
.dljm_box2 a i { width: 5rem; height: 5rem; border-radius: 2.5rem; border: 1px solid #ddd; margin: 1rem }
.dljm_box2 a:hover i { border: none }
.dljm_box2 a:nth-child(1) i { background: url(../images/webpic/icon39-c.png) center center no-repeat; }
.dljm_box2 a:nth-child(2) i { background: url(../images/webpic/icon40-c.png) center center no-repeat; }
.dljm_box2 a:nth-child(3) i { background: url(../images/webpic/icon41-c.png) center center no-repeat; }
.dljm_box2 a:nth-child(4) i { background: url(../images/webpic/icon42-c.png) center center no-repeat; }
.dljm_box2 a:nth-child(5) i { background: url(../images/webpic/icon43-c.png) center center no-repeat; }
.dljm_box2 a:nth-child(1):hover i { background: url(../images/webpic/icon39-d.png) center center no-repeat #A9D22B; }
.dljm_box2 a:nth-child(2):hover i { background: url(../images/webpic/icon40-d.png) center center no-repeat #A9D22B; }
.dljm_box2 a:nth-child(3):hover i { background: url(../images/webpic/icon41-d.png) center center no-repeat #A9D22B; }
.dljm_box2 a:nth-child(4):hover i { background: url(../images/webpic/icon42-d.png) center center no-repeat #A9D22B; }
.dljm_box2 a:nth-child(5):hover i { background: url(../images/webpic/icon43-d.png) center center no-repeat #A9D22B; }

@media only screen and (max-width:1169px) {
.dljm_box1 { width: 100%; flex-wrap: wrap; padding: 2rem 1rem }
.dljm_box2 { width: 100%; flex-wrap: wrap; padding: 2rem 1rem 0rem 1rem; justify-content: flex-start; align-items: flex-start }
.dljm_box1 a { width: 48% }
.dljm_box2 a { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 33.33%; border: 1px solid #ddd; border-left: 0; }
.dljm_box2 a:nth-child(4), .dljm_box2 a:nth-child(5) { width: 50%; border-top: 1px #ddd; }
.dljm_box2 a:nth-child(1), .dljm_box2 a:nth-child(4) { border-left: 1px solid #ddd; }
.dljm_box2 b, .dljm_box2 p { height: 2em; font-size: 1rem }
}
.dljm_box3 { width: 100%; overflow: hidden; display: flex; justify-content: space-between; }
.dljm_box3_left, .dljm_box3_right { flex: 1 }
.dljm_box3_left img { display: block; width:100% }
.dljm_box3_right { background: #343434; display: flex; align-items:flex-start; flex-wrap: wrap; color: #9ea3a2; flex-direction:column; justify-content:center }
.dljm_box3_right span { display: flex; align-items: center; justify-content: flex-start; margin-left: 50px; margin-top: 30px }
.dljm_box3_right span b { color: #A9D22B; font-size: 60px; line-height: 1rem }
.dljm_box3_right span em { color: #fff; margin-top: 10px; }
.dljm_box3_right span i { display: flex; flex-direction: column; justify-content: center }
.dljm_box3_right span em { font-size: 18px }
.dljm_box3_right ul { margin-left: -45px; width: 600px; }
.dljm_box3_right ul li { display: flex; align-items: center; justify-content: flex-start; margin: 0 0 1rem 0 }
.dljm_box3_right ul li i { width: 90px; }
.dljm_box3_right ul li i img { width: 100%; }
.dljm_box3_right ul li div { width: 500px; margin-left: 10px }
.dljm_box3_right ul li b { font-size: 20px; color: #A9D22B }
.dljm_box3_right ul li p { font-size: 16px; }
.dljm_case { width: 1200px; margin: 3rem auto 1rem auto; display: flex; justify-content: space-between; flex-wrap: wrap }
.dljm_case a { margin: 10px 0; width: 383px; }
.dljm_case a img { width: 100%; }
.more { text-align: center; overflow: hidden; width: 100%; margin-bottom: 3rem }
.more a { font-size: 1rem; background: #027FCC; line-height: 2rem; color: #fff; padding: 1rem }

@media only screen and (max-width:1169px) {
.dljm_box3 { flex-direction: column; margin-top: 2rem }
.dljm_box3_left, .dljm_box3_right { width: 100% }
.dljm_box3_left img { width: 100% }
.dljm_box3_right ul { margin-left: 0; width: 100%; justify-content: center }
.dljm_box3_right ul li { display: flex; justify-content: center }
.dljm_box3_right span { margin: 1rem auto; }
.dljm_box3_right ul li div { width: 80%; margin: 0 }
.dljm_case { width: 100%; margin: 0rem auto; justify-content: space-around; padding: 1rem }
.dljm_case a { width: 48%; }
}
.about_tit { width: 100%; text-align: center; font-size: 38px; color: #333333; font-weight: bold; margin: 1rem auto 1rem auto }
.about_tit p { display: block; width: 1200px; text-align: center; font-size: 15px; margin: 0 auto; font-weight: 100; }
.about_tit font { color: #0252a5 }
.about_con { width: 1200px; height: 542px; background: url(../images/webpic/about_imgbg.jpg) center center no-repeat; margin: 0 auto; padding: 3rem }
.about_con p { width: 520px; font-size: 16px; line-height: 30px; text-indent: 2em }
.about_con2 { width: 100%; background: url(../images/webpic/about_imgbg2.jpg) center center no-repeat; height: 552px; color: #fff; margin-top: 3rem }
.about_con2 .box { padding: 4rem; display: flex; flex-direction: column }
.about_con2 .box b { font-size: 33px; font-weight: bold; }
.about_con2 .box i { font-size: 28px; }
.about_con2 .box div { display: flex; justify-content: space-between; width: 500px; margin-top: 100px; }
.about_con2 .box div span { display: flex; flex-direction: column; align-items: center; }
.about_con2 .box div span:nth-child(2) { border-left: 1px solid #fff; border-right: 1px solid #fff; width: 200px; }
.about_con2 .box div span font { font-size: 2rem }
.abouts_con3 { width: 1200px; margin: 0 auto; }
.abouts_con3 img { width: 100%; margin: 1rem auto }
.about_con4 { width: 100%; background: url(../images/webpic/about_zs_bg.jpg) center center no-repeat; height: 734px; margin: 4rem auto 3rem auto; }
.about_con4 .box { display: flex; justify-content: flex-end; }
.about_con4 .box span { display: flex; justify-content: center; flex-direction: column; align-items: center; margin-top: 3rem; margin-right: 3rem }
.about_con4 .box a { color: #fff; font-size: 14px; line-height: 28px; }
.about_con4 .box a font { color: #A9D22B }
.about_con4 .box a img{width:196px; height:100%;}
.srcoll_box3 { position: relative; width: 1140px; margin: 150px auto 0 auto; display: flex; justify-content: center; align-items: center; height: auto; }
.srcoll_box3 .box { height: 280px; display: flex; justify-content: space-between; align-items: center }
.srcoll_box3 .srcoll_prev { display: block; background: url(../images/webpic/prev.png) center top; width: 19px; height: 87px; z-index: 1111; }
.srcoll_box3 .srcoll_next { display: block; background: url(../images/webpic/next.png) center top; width: 19px; height: 87px; z-index: 1111; }
.srcoll_box3 .srcoll_prev:hover { background: url(../images/webpic/prev_hover.png) center top; }
.srcoll_box3 .srcoll_next:hover { background: url(../images/webpic/next_hover.png) center top; }
.srcoll_box3 .box li { margin: 0 2rem ; width: 196px; height: 276px;}

@media only screen and (max-width:1169px) {
.about_tit { font-size: 2rem; margin: 1rem auto }
.about_tit p { width: 100%; }
.about_con { background: none; width: 100%; padding: 1rem; height: auto }
.about_con p { width: 100% }
.about_con2 { background-size: auto 100%; height: 18rem; margin-top: 1rem }
.about_con2 .box { padding: 1.5rem }
.about_con2 .box div { margin-top: 2rem; width: 70% }
.about_con2 .box b { font-size: 1.2rem; font-weight: bold; }
.about_con2 .box i { font-size: 1rem; }
.about_con2 img { width: 2rem }
.about_con2 .box div span font { font-size: 1.2rem; text-align: center }
.about_con2 .box div span:nth-child(2) { border-left: 1px solid #fff; border-right: 1px solid #fff; width: 10rem; }
.about_con2 .box div strong { text-align: center }
.abouts_con3 { width: 100% }
.about_con4 { height: auto; padding: 1rem 0; margin: 1rem auto; background-size: auto 100% }
.srcoll_box3 { width: 100%; margin: 2rem auto 0 auto; display: flex; justify-content: center; align-items: center; height: auto; }
.srcoll_box3 .box li img { width: 100% }
.about_con4 .box span { margin-top: .5rem; margin-right: 1rem; width: 75% }
.about_con4 .box a{ font-size: 1em; padding: .5em 0; line-height: 1.2;}
}

@media only screen and (max-width:767px) {
.srcoll_box3 .box li { margin: 0 1rem; width: 38% }
}

@media only screen and (min-width:768px) and (max-width:1169px) {
.srcoll_box3 .box li { margin: 0 .5rem; width: 30% }
}
.grid5 { width: 1200px; margin: 1rem auto 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap }
.grid5 figure { position: relative; overflow: hidden; width: 270px; height: auto; background: #fff; text-align: center; cursor: pointer; margin: 1rem 0 }
.grid5 figure a img { position: relative; display: block; width: 100%; height: 198px; }
.grid5 figure p img { width: auto; height: auto; display: inline-block; }
.grid5 figure a { line-height: 2em; font-size: 18px; color: #027FCC; }
.grid5 figure a span { border: 1px solid #eee; display: block; width: 100%; border-top: none; }
.grid5 figure a span strong{ display: block; text-overflow: ellipsis; white-space:nowrap; overflow: hidden;}
.grid5 figure a b { display: block; border-top: 1px solid #eee; width: 90%; margin: 0 auto; font-size: 16px; color: #666; box-sizing: content-box; line-height: 30px; height: 120px; padding: .5rem 0; overflow: hidden; }
.grid5 figure figcaption { padding: 0; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: flex; justify-content: center; align-items: center }
.grid5 figure figcaption::before, .grid5 figure figcaption::after { pointer-events: none }
.grid5 figure figcaption, .grid5 figure figcaption>a { position: absolute; top: 0em; left: 0; width: 100%; height: 198px; }
.grid5 figure figcaption>a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0 }
.grid5 figure p { font-size: .8rem; text-align: left; line-height: 2em; margin-bottom: 1.5rem }
.grid5 figure p a { border: 1px solid #fff; color: #fff; font-size: .8rem; line-height: 2em; padding: 0 1em; width: 9em; margin: 1em auto; display: flex; justify-content: center; align-items: center }
.grid5 figure.effect-sadie figcaption::before { position: absolute; top: 0em; left: 0; width: 100%; height: 198px; background: rgba(1,104,183,0.85); content: ''; opacity: 0; -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0) }
.grid5 figure.effect-sadie:hover figcaption::before, .grid5 figure.effect-sadie:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }

@media only screen and (max-width:1169px) {
.grid5 { width: 100%; flex-wrap: wrap; }
.grid5 figure { width: 46%; margin: .5rem 2%; height: 16rem; }
.grid5 figure a img { position: relative; display: block; height: 10rem; width: 100%; }
.grid5 figure p img { width: 1rem; height: auto; display: inline-block; }
.grid5 figure a { font-size: 1rem; }
.grid5 figure a b { font-size: .8rem; line-height: 1.2rem }
.grid5 figure.effect-sadie figcaption::before { position: absolute; top: 0em; left: 0; width: 100%; height: 10rem; background: rgba(1,104,183,0.85); content: ''; opacity: 0; -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0) }
.grid5 figure figcaption, .grid5 figure figcaption>a { position: absolute; top: 0; left: 0; width: 100%; height: 10rem }
.grid5 figure p { font-size: .8rem; text-align: left; line-height: 1.5em; }
.grid5 figure p a { margin: 1em auto; }
}
.fenye { text-align: center; overflow: hidden; width: 100%; margin: 2rem auto 3rem auto; }
.fenye a { display: inline-block; border: 1px solid #ddd; line-height: 24px; padding: 0px 10px; }
.fenye a:hover, .fenye .curr { background: #A9D22B; border: 1px solid #A9D22B; color: #fff; }
.ryzz { width: 1240px; margin: 1rem auto; overflow: hidden; }
.ryzz dl { display: flex; justify-content: space-between; flex-wrap: wrap; }
.ryzz dt, .ryzz dd { background: #edf0f5; padding: 1rem; margin: 1rem }
.ryzz a { display: flex; justify-content: center; flex-direction: column; align-items: center; font-size: 18px; line-height: 2rem; }
.ryzz dt { width: 29%; }
.ryzz dt img,.ryzz dd img{ flex-shrink: 0;}
.ryzz dd { width: 20% }
#none { height: 0; padding: 0; margin: 0; }

@media only screen and (max-width:1169px) {
.fenye { margin: 0rem auto 2rem auto; }
.ryzz { width: 100%; margin: 1rem auto; overflow: hidden; }
.ryzz dt, .ryzz dd { background: #edf0f5; padding: .5rem; margin: .5rem; }
.ryzz a { font-size: 1rem; }
}
.lxwm_con { width: 1200px; margin: 2rem auto; display: flex; justify-content: space-between; align-items: center }
.lxwm_con .lxwm_l, .lxwm_con .lxwm_r { display: flex; align-content: space-between; height: 390px; }
.lxwm_r { width:770px;}
.iw_poi_title{color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif; overflow:visible;padding-top:4px; white-space:-moz-pre-wrap;word-wrap:break-word}
.BMap_cpyCtrl{ display: none;}
.lxwm_l { display: flex; flex-direction: column; justify-content: space-between; width: 400px }
.lxwm_con span { display: flex; background: #edf0f5; widows: 100%; height: 120px; align-items: center }
.lxwm_con span i, .lxwm_con span p { padding: 1rem }
.lxwm_con span i { background: #027FCC; height: 100%; display: flex; align-items: center }
.lxwm_con span i img { width: 1.5rem; }
.lxwm_con span p { display: flex; flex-direction: column; font-size: 1rem }
.lxwm_con span p b { font-size: 1.2rem; }
#inmain { width: 100%; background: url(../images/webpic/lxmm_map_bg.jpg); overflow: hidden; position: relative; z-index: 0; }
#inmain .box { display: flex; justify-content: space-between; align-items: center }
.oh { overflow: hidden; }
.dn { display: none; }
.chinamap { width: 636px; height: 636px; background: url(../images/webpic/zg_map.png) center center no-repeat; position: relative; }
.chinamap .point { position: absolute; display: block; width: 25px; height: 25px; background: url(../images/webpic/map-point.png) no-repeat 0 0; -webkit-transition: none; transition: none; }
.chinamap .point:hover, .chinamap .point.hovers { background: url(../images/webpic/map-point-hover.png) no-repeat 0 0; }
.chinamap .point span { width: 4rem; height: auto; background: rgba(255,255,255,0.6); position: absolute; left: -1.5rem; top: -2.5rem; z-index: 10; color: #333; font-size: 15px; font-weight: bold; line-height: 2rem; text-align: center; display: none; }
.chinamap .point.hovers span { display: block; }
.layoutbox { width: 464px; color: #fff; display: flex; flex-direction: column }
.layoutbox b { font-size: 1.4rem; font-weight: bold; }
.layoutbox p { border-bottom: 1px dashed #FFF; padding: 1rem 0; width: 240px; }
.layoutbox p i { background: #A9D22B; line-height: 2rem; display: inline-block; padding: 0 1rem }
.point-xinjiang { top: 230px; left: 140px; }
.point-yunnan { top: 480px; left: 300px; }
.point-sichuan { top: 380px; left: 320px; }
.point-guizhou { top: 440px; left: 360px; }
.point-guangdong { top: 480px; left: 460px; }
.point-anhui { top: 360px; left: 490px; }
.point-henan { top: 330px; left: 440px; }
.point-shandong { top: 300px; left: 490px; }
.point-liaoning { top: 220px; left: 540px; }
.zxly { background: url(../images/webpic/zxly.jpg); width: 100%; overflow: hidden; padding: 4rem 0; }
.zxly .box form {width: 100%;display: flex;justify-content: space-around; flex-wrap:no-wrap }
.zxly .box span { width: 490px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between }
.zxly .box span input::-webkit-input-placeholder, .zxly .box span textarea::-webkit-input-placeholder {
color:#fff;font-family:微软雅黑;font-size:1rem;}
.zxly .box span input[type=text] { border: 1px solid #fff; background: none; font-size: 14px; width: 100%; height:44px; line-height: 44px; text-indent: 3rem; margin: 10px 0; box-sizing: border-box; color: #fff; padding: 0; }
.zxly .box span input[type=text]:nth-child(1) { background: url(../images/webpic/ly_xm.png) .5rem center no-repeat }
.zxly .box span input[type=text]:nth-child(2) { background: url(../images/webpic/ly_dh.png) .5rem center no-repeat }
.zxly .box span input[type=text]:nth-child(3) { background: url(../images/webpic/ly_yx.png) .5rem center no-repeat }
.zxly .box span input[type=text]:nth-child(4) { width: 65%; text-indent: 1rem }
.zxly .box span a { width: 35%; height: 46px; margin: 1rem 0; text-align: right }
.zxly .box span img { height: 46px; width: 30%; margin-left: 5%;margin: 1rem 0;text-align: right;}
.zxly .box span textarea { border: 1px solid #fff; background: none; width: 100%; height: 184px; padding: 1rem; color: #fff; font-family: 微软雅黑; font-size: 1rem; }
.zxly input[type=submit], .zxly input[type=reset] { height: 46px; border: none; color: #fff; font-size: 1rem; width: 40%; cursor: pointer; }
.zxly input[type=submit] { background: #027FCC }
.zxly input[type=reset] { background: #A9D22B }
.news_con {width: 1200px; margin: auto;  overflow: hidden; }
.adiv .news_con { margin-right: -20px;  }
.news_con dl { display: flex; justify-content: space-between; }
.news_con dt { float: left; width: 380px; margin: 1rem 20px 1rem 0; }
.news_con dt div { position: relative; }
.news_con dt div b { background: rgba(0,0,0,.5); width: 6rem; height: 4rem; display: block; position: absolute; left: 0; top: 0; color: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size: 1.4rem; }
.news_con dt div  img{ height: 270px;}
.news_con dt div b font { font-size: 1rem; }
.news_con dt span { border: 1px solid #ddd; border-top: none; overflow: hidden; display: block; padding: 15px; font-size: 16px; }
.news_con dt span a { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 18px; }
.news_con dt span p { margin-top: 1rem; line-height: 21px; height: 60px; overflow: hidden; }
.news_con dt:hover div b { background: #027FCC }
.news_con dt:hover a { color: #027FCC }
.news_con ul li { display: flex; justify-content: space-between; align-items: center; width: 100%; flex-wrap: no-wrap; border-bottom: 1px solid #ddd; padding-bottom: 1rem; margin-bottom: 1rem; }
.news_con ul li b { width: 10rem; height: 4rem; display: block; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size: 2rem; color: #027FCC; border-right: 1px solid #eee; margin-right: 2rem; padding-right: 2rem; }
.news_con ul li b font { font-size: 1rem; color: #333; }
.news_con ul li span { display: flex; justify-content: flex-start; flex-direction: column; width: 60% }
.news_con ul li span a:nth-child(1) { font-size: 18px; }
.news_con ul li span i { margin: .5rem 0 }
.news_con ul li span i img:nth-child(2) { margin-left: 1rem }
.news_con ul li span p { font-size: 16px; margin-bottom: .5rem; }
.news_con ul li span a:last-child { display: block; font-size: 16px; background: #999; width: 6rem; height: 2rem; text-align: center; line-height: 2rem; color: #fff; }
.news_con ul li span a:last-child:hover { background: #027FCC }
.news_con ul li strong { width: 225px; margin-left: 1rem }
.news_con ul li strong a, .news_con ul li strong a img { width: 100% }
.border-t { border-top: 1px dashed #ddd; padding-top: 2rem; margin-top: 2rem }

@media only screen and (max-width:1169px) {
.lxwm_con { width: 100%; margin: 2rem auto; flex-direction: column }
.lxwm_con .lxwm_l, .lxwm_con .lxwm_r { height: auto; align-items: center }
.lxwm_con .lxwm_l{background: #edf0f5;}
.lxwm_con .lxwm_r{ width: 100%; height: 200px;    }
.lxwm_con span i img { width: 1rem; }
.lxwm_con span i, .lxwm_con span p { padding: .5rem }
.lxwm_con span { height: auto; background: none; }
.lxwm_l { justify-content: space-between; width: 100%; flex-direction: row; margin-bottom: 1rem; }
.lxwm_con span p { font-size: .8rem }
.lxwm_con span p b { font-size: 1rem; }
#inmain .box { display: flex; justify-content: center; align-items: center; flex-wrap: wrap }
.chinamap { width: 30rem; height: 30rem; background: url(../images/webpic/zg_map.png) left top no-repeat; position: relative; background-size: 100% auto }
.point-yunnan { top: 22rem; left: 14rem; }
.point-guizhou { top: 21rem; left: 17rem; }
.point-anhui { top: 17rem; left: 23rem; }
.chinamap .point, .chinamap .point:hover, .chinamap .point.hovers { width: 1rem; height: 1rem; background-size: 100% auto }
.layoutbox { width: 100%; text-align: center; padding-bottom: 1rem }
.layoutbox p { width: auto; flex: 1; border-bottom: none; font-size: 1rem; line-height: 2rem; padding: 0 }
.layoutbox b { margin-bottom: 1rem }
.zxly { padding: 1rem 0; }
.zxly .box form {display: flex;justify-content: space-around;flex-wrap: wrap;}
.zxly .box span { width: 80%; }
.zxly .box span textarea { height: 10rem; }
.zxly input[type=submit], .zxly input[type=reset] { margin: 10px 0; }
.news_con ul li { padding: 1rem; margin-bottom: 1rem; }
.news_con ul li b { width: 5rem; height: 4rem; margin-right: 1rem; padding-right: .5rem; }
.news_con ul li b font { font-size: .8rem; color: #333; }
.news_con ul li span { display: flex; justify-content: flex-start; flex-direction: column; width: 85% }
.news_con ul li span a:nth-child(1) { font-size: 1rem; }
.news_con ul li span i { margin: .5rem 0 }
.news_con ul li span p { font-size: .8rem; }
.news_con ul li span a:last-child { font-size: .8rem; width: 4rem; height: 2rem }
.news_con ul li strong { display: none }
.border-t { border-top: 1px dashed #ddd; padding-top: 2rem; margin-top: 2rem }
}

@media only screen and (max-width:767px) {
.news_con { width: 100%; }
.news_con dl { flex-direction: column; padding: 1rem }
.news_con dt { width: 100%; margin: .5rem 0; }
.news_con dt div { width: 100% }
}

@media only screen and (min-width:768px) and (max-width:1169px) {
.news_con { width: 100%; }
.news_con dl { flex-direction: column }
.news_con dt span { width: 70%; border: 1px solid #ddd; border-left: none; }
.news_con dt { width: 100%; margin: 1rem 0; display: flex; justify-content: space-between; padding: 0 1rem; }
.news_con dt div { width: 30%; margin: 0 }
.news_con dt div img { display: block }
.news_con dt div b { font-size: 1rem; width: 4rem; height: 3rem; 
}
.news_con dt div b font { font-size: .8rem; }
.news_con dt span p { margin-top: .5rem; }
}
.share_layer_shade{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:url(../images/webpic/hei.png) repeat;z-index:99}.share_layer_box{display:none;width:300px;padding:20px;background:#fff;position:fixed;top:30%;left:0;right:0;z-index:999;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;margin:-30% auto 0}.share_layer_box h3{display:block;width:100%;height:30px;line-height:30px;padding:0 0 10px;margin:0;border-bottom:1px solid #ccc}.share_layer_box h3 .text{float:left;font-size:16px;font-family:microsoft jhenghei,microsoft yahei,Arial,sans-serif;font-weight:600;color:#62d397;text-indent:.5em;display:block}.share_layer_box h3 .close{display:block;width:30px;height:30px;background:url(../images/webpic/close.png) 0 0 no-repeat;float:right;cursor:pointer}.share_layer_box h3 .close:hover{background-position:0 -31px}.share_layer_box .layer_content{display:block;width:100%;height:100%;margin-top:10px;margin-bottom:10px;padding:0;position:relative}#Share{text-align:justify}#Share ul{margin:0;padding:0;list-style-type:none}#Share ul li{float:left;display:block;width:45px;height:50px;margin-left:5px;margin-right:5px;cursor:pointer;position:relative}#Share ul li a{display:block;width:28px;height:28px;margin-left:11px;margin-top:12px}#Share ul li span{display:block;width:40px;height:10px;background:url(../images/webpic/share_shade.png) 0 0 no-repeat;position:absolute;left:5px;bottom:0;opacity:1}#Share ul li a.share-qq{background:url(../images/webpic/share-qzone.png) no-repeat left top;background-size:100% 100%}#Share ul li a.share-xl-weiBo{background:url(../images/webpic/share-weBo.jpg) no-repeat left top;background-size:100% 100%}#Share ul li a.share-people{background:url(../images/webpic/share-more-people.jpg) no-repeat left top;background-size:100% 100%}#Share ul li a.share-tx-weiBo{background:url(../images/webpic/share-qWeBo.jpg) no-repeat left top;background-size:100% 100%}#Share ul li a.share-tx-weChat{background:url(../images/webpic/share-wechat.jpg) no-repeat left top;background-size:100% 100%}.towdimcodelayer{position:absolute;left:-55px;top:40px;z-index:10000;margin-top:0;opacity:0;filter:alpha(opacity=0)}.js-transition{transition:margin-top .15s ease,opacity .12s linear;-webkit-transition:margin-top .15s ease,opacity .12s linear;-moz-transition:margin-top .18s ease,opacity .15s linear;-ms-transition:margin-top .15s ease,opacity .12s linear;-o-transition:margin-top .15s ease,opacity .12s linear}.towdimcodelayer .arrow{position:absolute;width:0;height:0;border-width:8px;border-style:solid;_display:none}.towdimcodelayer .js-arrow-up{left:72px;top:-15px;border-color:transparent transparent #62d397 transparent}.towdimcodelayer .js-arrow-down{left:72px;bottom:-15px;border-color:transparent transparent #62d397 transparent}.towdimcodelayer .layerbd{width:100px;height:150px;padding:30px 30px 0;background:#62d397;box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-o-box-shadow:0 1px 3px #000}.towdimcodelayer .codebg{width:75px;height:75px;padding:13px 12px 12px 13px;background:#fff}.towdimcodelayer .codebg img{width:75px;height:75px}.towdimcodelayer .codettl{height:22px;line-height:22px;margin-top:5px;color:#191919;font-size:12px}.js-show-up{margin-top:15px;opacity:1;filter:alpha(opacity=100)}.js-show-down{margin-top:-15px;opacity:1;filter:alpha(opacity=100)}

.news_tit { width:100%; font-size:2rem; text-align:center; margin:2rem auto}
.news_center { width:1200px; margin:0 auto; display:flex; justify-content:flex-start; align-items:center; border-bottom:1px dashed #eee; padding-bottom:1rem;}
.news_center .font input { font-size:14px; background:none; border:none; padding:0; outline:none; cursor:pointer}
.news_center .font { margin-left:2rem}
.share-demo a,.news_r{ display:flex; justify-content:center; align-items:center}
.share-demo { margin-left:2rem}
.news_r { margin-right:0; margin-left:auto}
.news_r a { margin-left:.5rem}
.news_box2 { width:1200px; font-size:14px; margin:2rem auto; line-height:2rem}
.news_box2  strong,.about_con strong{ font-weight: bold;}
.news_box2 img { margin:1rem auto}
@media only screen and (max-width:1169px) {
.news_center,.news_box2 { width:100%; padding:1rem; font-size:1rem }
.share-demo,.news_center .font { margin-left:1rem}

.news_r a img { width:2rem}
.news_tit { padding:1rem; margin:1rem; font-size:1.4rem}
.news_center i {}
.news_center .font input { font-size:1rem;}

}


/*搜索*/

.cd-main-header .sr_main .sr_logo{ min-height: auto;}
.cd-main-header .sr_frm {width: auto;height: auto; }
.cd-main-header .sr_frmipt {float: right;width: auto;height: auto;background: none; }
.cd-main-content .sr_frm_box form{ display: block}
.cd-main-content .sr_list .sr_logo div.l {  margin: 0; float: none; margin-left: 220px; }
.cd-main-content .sr_main form{padding: 40px 0 0;}
.cd-main-content .sr_main .sr_frmipt { width: 660px; height: 32px; float: none; background: none; overflow:auto ;}
.cd-main-content .sr_main .sr_frmipt input.ipt { margin: 0; width:500px; line-height: 32px; height: 32px; border: none;outline: none;font-size: 1rem; text-indent: .5em;}
.cd-main-content .sr_list { height: auto;}
.cd-main-content .sr_list .sr_main{ padding: 70px 0 0;}
.cd-main-content .sr_list .sr_main form{padding:0;}
.cd-main-content .sr_list .sr_logo { margin-bottom: 20px; height: auto!important;min-height: auto;}

@media only screen and (max-width: 1169px){
.cd-main-header form { display: block;}	
.cd-main-header .sr_frmipt{ width: 100%;  display: flex;justify-content: center;align-items: center;}
.cd-main-header .sr_frmipt input.ipt { float: none; height: 3rem;line-height: 3rem;margin:0;  font-size: 1.3rem;}	


.cd-main-content .sr_main {width: 94%;}
.cd-main-content .sr_main form {padding: 4rem 0 3rem;}
.cd-main-content .sr_frm { width: 100%;height: auto;}
.cd-main-content .sr_list .sr_main { padding: 0;}
.cd-main-content .sr_list .sr_logo div.l {padding-top: 6rem;margin-left: 0px;}
.cd-main-content .sr_main .sr_frmipt { width: 100%;}
.cd-main-content .sr_main .sr_frmipt input.ipt {width: 70%;}
.cd-main-content .sr_lists .l{ display: none;}
.cd-main-content .sr_lists .c li div p {height: 50px; overflow: hidden;}
.brd1s {background: url(../images/search/sr_xbg.jpg) no-repeat left -8rem center;width: 100%;}
}

.product-panel{ width: 1200px; margin:4em auto 5em; padding-bottom: 2em; overflow: hidden; }
.side-menu{  float: left; width: 276px; padding: 0 0 2em; margin-right: 1.8em; background: #efefef; margin-bottom: -10000px; padding-bottom: 10000px;  }
.side-menu .all-tit{ font-size: 2.2em; line-height: 2.5; color: #fff; background: #0082e6; text-align: center; }
.pro-cata{ padding: 0 1.333em; border: 1px solid #efefef;}
.pro-cata .cata-tit{ position: relative; padding:.8em 0 .8em 1em; color: #0082e6; font-size:1.333em; border-bottom: 2px solid; }
.pro-cata .cata-tit:before,.pro-cata .cata-sub a:before{ content: ""; position: absolute; left: 2px; top: 50%; margin-top: -4px; width: 8px; height: 8px; background: #0082e6; }
.pro-cata .cata-sub{  margin: 0 -1.1em; padding:.5em 1.333em; font-size: 1.166em; line-height: 2.2;  background: #f9f9f9; }
.idx-pro-pn .cata-sub{display: none;}
.pro-cata .cata-sub a{ display: block; position: relative; padding-left: 2em; color: #0082e6;}
.pro-cata .cata-sub a:before{ background: transparent; border: 1px solid #47bafd; }
.pro-cata .cata-sub a:hover{ color: #005699; }
.pro-con{ padding:  0 2.1em 0; border: 1px solid #e4e4e4; overflow: hidden; }
.crumb-tit{ padding: 1em 0; font-size: .1166em; border-bottom: 1px solid #d8d8d8; }
.pro-list{ margin-top: 30px; margin-left: -44px; }
.pro-list ul{ overflow: hidden;}
.pro-list li{ float: left; width: 253px;  margin-left: 44px; margin-bottom: 6px; font-size: 1.3em; text-align: center; }
.pro-list li .pic-wrap{ display: block; width: 100%; height: 250px; border: 1px solid #e4e4e4; font-size: 0; }
.pro-list li .pic-wrap:before{ content: ""; width: 0; height: 100%; display: inline-block; vertical-align: middle; }
.pro-list li .pic-wrap img{ display: inline-block; max-width: 98%; max-height: 90%;  vertical-align: middle;}
.pro-list li .lk-tit{ padding: 1em 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden }
.pro-con .page{ padding:1em 0 2em; font-size: 1.1em; margin-left: -44px; text-align: center;}
.pro-con .page a,.pro-con .page span{ display: inline-block; padding: 0 .3em; margin: 0 .2em; vertical-align: middle;}
.pro-con .page span{color: #0082e6;;}

.pro-detail{ margin: 3em 0 4em; overflow: hidden; }
.pleft{ float: left; width: 400px; margin-right: 16px; }
#preview{  margin:auto; text-align:center; width:400px;}
#preview img{ max-width:none;}
.jqzoom{ width:350px; height:350px;}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:64px; padding-top:10px; overflow:hidden;}
#spec-left{ width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{ width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:54px; height:54px}

/*jqzoom*/
.jqzoom{position:relative; border: 1px solid #ddd; box-sizing: content-box;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:100px;height:100px;background:url(../images/webpic/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:block;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:322px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}

.pright { overflow:hidden; font-size:14px;}
.propar .line{ font-weight:normal; text-decoration:line-through;}
.propar h4 { color:#333; line-height:28px; padding:0 8px; border-bottom:1px dashed #ccc;}
.propar div, .proshop div { padding: 5px; padding-bottom: 0;line-height: 22px;}
.propar div.pd-short {line-height: 28px;}
.propar .num-htln {font-size: 22px; font-weight: bold; color: #024DA0;}
.go-buy{text-align: center; padding-top: 20px;}

.prev-next{ margin:.5em 0 2em; font-size: 1.1em; }
.prev-next span{ display: inline-block; margin-right: 2em; }
.dtl-tit{ line-height: 44px; background: #e4e4e4; font-size: 0; }
.dtl-tit b{ display:inline-block; padding: 0 2em; font-size: 16px; color: #fff; background: #027bc7; vertical-align: middle; }
.dtl-con .txt{ padding: 1em 0; }
.dtl-con .txt b,.dtl-con .txt strong{ font-weight: bold;}
.dtl-con .txt table,.dtl-con .txt th,.dtl-con .txt td{ border: 1px solid #333;}

.shop_b_bar {
    display: none;
    z-index: 99;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 48px;
    background: #fff;
    font-size: 12px;
}
.shop_b_bar a {
    display: block;
    float: left;
    box-sizing: border-box;
    width: 20%;
    height: 100%;
    text-align: center;
    border-top: 1px solid #eee;
}

.shop_b_bar a.f_btn {
    width: 44%;
    border: 0;
    height: 34px;
    margin: 7px 0 0;
    line-height: 34px;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
}
.shop_b_bar a.f_btn1 {
    background: #fff;
    border: 1px solid #EF1F1F;
    color: #EF1F1F;
    margin: 7px 2% 0 4%;
}
.shop_b_bar a.f_btn2 {
    background: #EF1F1F;
    margin: 7px 4% 0 2%;
}

@media only screen and (max-width: 1169px){
	.product-panel {
    width: 100%;
    margin: 1em auto 2em;
}
.side-menu{ float:none; width:100%;}	
.side-menu .all-tit {font-size: 1.2em;line-height: 2;}
.cata-sub{ display:none;}
/* .cata-tit:hover+.cata-sub li{ display:block;} */
.pro-con {
    padding: 0 1em 0;
}
.crumb-tit{ display:none;}
.pro-list {
	margin:1em 0;
}
.pro-list li {
    float: left;
    width: 48%;
    margin:0 1%;
    margin-bottom: 6px;
    font-size: 1.1em;
}
.pro-list li .pic-wrap {
    height: 100px;
}
.pleft {
    float: none;
    width: 100%;
    margin-right: 0;
	margin-bottom:2em;
}
.dtl-tit {
    line-height: 30px;
}
.dtl-tit b {
    padding: 0 1.5em;
    font-size: 14px;
}
.shop_b_bar {display: block;}
}