* { margin: 0px; padding: 0px; }
li { list-style: none; }
a { text-decoration: none; color: black; }
input { background: none; outline: none; border: 0px; }
html, body { background-color: #f2f2f2; scroll-behavior: smooth; }

.swiper-pagination { --swiper-theme-color: #008ddf; --swiper-pagination-color: #008ddf; /* 两种都可以 */ }

.header { height: 120px; background-color: #ffffff; }
.header .main { height: 120px; width: 1200px; margin: 0 auto; padding-top: 30px; }

.nav { height: 65px; background-color: #008ddf; overflow: hidden; }
.nav .wid { width: 1200px; margin: 0 auto; }
.nav .wid li { float: left; }
.nav .wid li:hover { background: rgba(59,62,161,1) }
.nav .wid li a { height: 65px; width: 165px; display: block; color: white; }
.nav .wid .cus { background: rgba(59,62,161,1) }
.nav .wid li a img { max-width: 30px; float: left; padding-top: 20px; padding-left: 30px; opacity: 0.5; }
.nav .wid li a p { float: left; padding-left: 10px; padding-top: 20px; }

.banner { width: 1200px; margin: 0 auto; margin-top: 20px; }
.banner img { max-width: 100%; }
#m-banner .swiper-pagination { bottom: 24px; }
#m-banner .swiper-pagination-bullet { display: inline-block; width: 25px; height: 2px; opacity: 0.5; border-radius: 0; margin: 0 3px; cursor: pointer; transition: width 0.3s cubic-bezier(0.42, 0, 0, 0.94); }
#m-banner .swiper-pagination-bullet-active { background: #000000; width: 36px; height: 5px; opacity: 1; }

.main { width: 1200px; margin: 0 auto; padding-bottom: 33px; overflow: hidden; }
.main .wl { width: 860px; float: left; overflow: hidden }
.main .wr { width: 300px; float: right; overflow: hidden }
.main .news-main { float: left; width: 860px; height: 340px; padding-top: 25px; padding-left: 30px;overflow:hidden }
.main .news-main .news-header img { float: left; padding-right: 10px; padding-top: 4px; max-width: 27px; }
.main .news-main .news-header p { float: left; font-size: 24px; color: #333333; font-weight: bold; }
.main .news-main .news-content { float: left; width: 840px; margin-top: 25px; }
.main .news-main .news-content .news-img { float: left; width: 360px; height: 100% }
.main .news-main .news-content .news-img img { max-width: 360px; }
.main .news-main .news-content .news-info { float: left; width: 460px; height: 100%; margin-left: 20px; }
.main .news-main .news-content .news-top { padding-top: 7px; padding-bottom: 15px; border-bottom: 1px solid #e2e2e2; }
.main .news-main .news-content .news-top .title { color: #008ddf; font-size: 16px; width: 100%; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.main .news-main .news-content .news-top .small { height: 40px;padding-right:15px; color: #adadad; line-height: 20px; margin-top: 10px; font-size: 14px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.main .news-main .news-content .news-list { width: 440px; height: 100%; }
.main .news-main .news-content .news-list ul { padding-top: 10px; position: relative; }
.main .news-main .news-content .news-list li { width: 440px; font-size: 14px; float: left; line-height: 29px; margin-left: 20px;  }
.main .news-main .news-content .news-list li a { display: block;}
.main .news-main .news-content .news-list li a p { width: 320px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.main .news-main .news-content .news-list em { width: 7px; height: 7px; border-radius: 50%; background-color: #008ddf; display: block; position: absolute; left: 4px; margin-top: 12px; }
.main .news-main .news-content .news-list span { width: 90px; float: right; font-size: 14px; color: #666666; line-height: 29px; }



.main .honor .honor-swiper { clear: left; position: relative; padding-top: 40px;}
.main .honor .honor-header { padding-top: 25px; }
.main .honor .honor-header img { float: left; padding-right: 10px; padding-top: 4px; }
.main .honor .honor-header p { font-weight: bold; font-size: 24px; color: #333333; }

.main .honor .honor-swiper .prex { z-index: 100; height: 12px; width: 12px; border-bottom: 4px solid #a5a5a5; border-left: 4px solid #a5a5a5; border-radius: 2px; transform: rotate(45deg); position: absolute; top: 50%; left: 5px; }
.main .honor .honor-swiper .next { z-index: 100; height: 12px; width: 12px; border-top: 4px solid #a5a5a5; border-right: 4px solid #a5a5a5; border-radius: 2px; transform: rotate(45deg); position: absolute; top: 50%; right: 52px; }
.main .honor .honor-swiper img { max-width: 193px; }
.main .honor .honor-swiper .honor-main { width: 193px; margin-left: 30px; }
.main .honor .honor-swiper .prex:hover { border-bottom: 4px solid #008ddf; border-left: 4px solid #008ddf; }
.main .honor .honor-swiper .next:hover { border-top: 4px solid #008ddf; border-right: 4px solid #008ddf; }
.main .honor .honor-swiper .next:focus { outline: none; }
.main .honor .honor-swiper .prex:focus { outline: none; }

.main .company-main { width: 840px; padding-top: 25px; margin-left: 30px; clear: left; }
.main .company-main .company-header { height: 45px; border-bottom: 1px solid #e2e2e2; }
.main .company-main .company-header img { float: left; padding-right: 10px; padding-top: 4px; max-width: 27px; }
.main .company-main .company-header p { float: left; font-size: 24px; color: #333333; font-weight: bold; }
.main .company-main .company-header .company-more { float: right;width:100px; margin-top: 12px; background: url(../images/images_62.jpg)no-repeat 75% }
.main .company-main .company-header .company-more img { float: right; }
.main .company-main .company-header .company-more p { font-size: 14px; color: #666666; font-weight: normal; }
.main .company-main .company-header .company-more p:hover { font-weight: bold }
.main .company-main .company-content { width: 840px; margin-top: 29px; float: left; }
.main .company-main .company-content .company-img { width: 165px; float: left; }
.main .company-main .company-content .company-img img { max-width: 165px; }
.main .company-main .company-content .company-info {  }
.main .company-main .company-content .company-info {width: 650px; height: 135px; float: left; margin-left: 15px; font-size: 14px;  }
.main .company-main .company-content .company-info a {line-height: 28px;color: #666666; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.main .company-main .company-content .company-honor { width: 840px; padding-top: 25px; clear: left; }
.main .company-main .company-content .company-honor .title { font-weight: bold; font-size: 18px; color: #333333; padding-bottom: 17px; }
.main .company-main .company-content .company-honor ul { overflow: hidden; }
.main .company-main .company-content .company-honor ul li{ float: left; padding: 0px 10px;margin: 8px 0px; width: 30%;font-size: 14px;color: #666666;}

.main .business { width: 300px; float: right; margin-top: 14px; }
.main .business .business-header { height: 45px; border-bottom: 1px solid #e2e2e2; margin-right: 30px; }
.main .business .business-header img { float: left; padding-right: 10px; padding-top: 4px; padding-left: 5px; max-width: 27px; }
.main .business .business-header p { float: left; font-size: 24px; color: #333333; font-weight: bold; }
.main .business .business-list { width: 271px; margin-top: 40px; }
.main .business .business-list ul { width: 270px; border-left: 1px solid #dddddd; border-top: 1px solid #dddddd; float: right; }
.main .business .business-list ul li { width: 134px; height: 55px; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; float: left; }
.main .business .business-list ul li a { width: 134px; height: 55px; display: block; }
.main .business .business-list ul li img { float: left; padding-top: 20px; padding-left: 9px; padding-right: 6px; }
.main .business .business-list ul li p {  padding-top: 18px; font-size: 12px; color: #666666 }

.main .ad { width: 1142px; height: 146px; margin-left: 28px; padding-top: 20px; clear: left; }
.main .ad img { max-width: 1142px; }

.main .performance { margin: 0px 30px; margin-top: 35px; }
.main .performance .header { width: 80%; height: 45px; float: left; }
.main .performance .header img { float: left; padding-right: 10px; padding-top: 4px; padding-left: 5px; max-width: 27px; }
.main .performance .header p { float: left; font-size: 24px; color: #333333; font-weight: bold; }
.main .performance .more { height: 18px; float: right; background: url(../images/images_62.jpg) no-repeat right 3px; margin-top: 5px; }
.main .performance .more p { text-align: left; color: #b3b3b3; font-size: 14px; padding-right: 22px; }
.main .performance .more p:hover { font-weight: bold }
.main .performance .more a { color: #666666 }
.main .performance .list { clear: left; }
.main .performance .list a { width: 157px; height: 105px; display: block; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.main .performance .list img { max-width: 157px; }
.main .performance .list p { background: rgba(0,0,0,0.5); position: absolute; bottom: 0px; color: white; width: 150px; height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; padding-left: 10px; padding-top: 10px; }
.main .performance .list ul { width: 1200px; }
.main .performance .list li { float: left; padding-right: 7px; padding-bottom: 7px;; }
.main .performance .list li:hover p { background: rgba(46,49,146,0.5) }

.main .link { margin: 0px 30px; padding-top: 30px; clear: left; overflow: hidden }
.main .link .header { width: 80%; height: 45px; float: left; }
.main .link .header img { float: left; padding-right: 10px; padding-top: 4px; padding-left: 5px; max-width: 27px; }
.main .link .header p { float: left; font-size: 24px; color: #333333; font-weight: bold; }
.main .link .link-more { height: 18px; float: right; background: url(../images/images_62.jpg)no-repeat right 3px; margin-top: 5px; }
.main .link .link-more p { text-align: left; color: #b3b3b3; font-size: 14px; padding-right: 22px; }
.main .link .link-more p:hover { font-weight: bold }
.main .link .link-more a { color: #666666; }
.main .link .list { clear: left; }
.main .link .list ul { width: 1200px;  }
.main .link .list li { float: left; width: 110px; height:53px; background-color: #f2f2f2; margin-right: 17px;margin-top: 12px; }
.main .link .list p { margin: 10px;font-size: 12px; color: #333333; line-height: 17px;word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  }
.main .link .list a { width: 100%; height: 100%; display: block; }
.main .link .list li:hover { background-color: #008ddf; }
.main .link .list li:hover p { color: white }

/*新闻展示页*/
.news-page { width: 1200px; margin: 0 auto; margin-bottom: 25px; margin-top: 25px; padding-bottom: 33px; background-color: #ffffff; overflow: hidden; }
.news-page .wl { width: 266px; margin-top: 30px; padding-left: 25px; float: left; }
.news-page .wl .menu {background-color: #008ddf;}
.news-page .wl .menu .menu-header { height: 76px; background-color: #008ddf; }
.news-page .wl .menu .menu-header img { float: left; padding-left: 33px; padding-top: 26px;}
.news-page .wl .menu .menu-header p { color: white; font-size: 24px; font-weight: bold; padding-left: 66px; padding-top: 21px; }

.news-page .wl .menu .menu-list { width: 266px; }
.news-page .wl .menu .menu-list ul { width: 266px;background-color: #f2f2f2; }
.news-page .wl .menu .menu-list li { margin: 0 auto; height: 52px; width: 237px; border-bottom: 1px solid #dddddd; position: relative; }
.news-page .wl .menu .menu-list p { padding-top: 19px; padding-left: 35px; font-size: 14px; }
.news-page .wl .menu .menu-list em { width: 7px; height: 7px; background-color: #bebebe; border-radius: 50%; position: absolute; top: 50%; left: 20px; }
.news-page .wl .menu .menu-list li:last-child { border: 0px; }
.news-page .wl .menu .menu-list li:hover em { background-color: #008ddf; font-size: 14px; }
.news-page .wl .menu .menu-list .cur em { width: 7px; height: 7px; background-color: #008ddf; border-radius: 50%; position: absolute; top: 50%; left: 20px; }
.news-page .wl .menu .menu-list .cur p { color: #008ddf }

.news-page .wl .list { width: 264px; float: left; margin-top: 40px; border: 1px solid #e4e4e4 }
.news-page .wl .list .list-header { height: 76px; background: url(../images/header-02.png) #f7f7f7 no-repeat center left 33px; }
.news-page .wl .list .list-performance { padding-left: 20px; padding-right: 20px; }
.news-page .wl .list .list-header p { color: #333333; font-size: 24px; font-weight: bold; padding-left: 75px; padding-top: 21px; }
.news-page .wl .list .list-banner { height: 179px; border-top: 1px solid #e4e4e4; }
.news-page .wl .list .list-banner .swiper { padding-top: 25px; }
.news-page .wl .list .list-banner .swiper .info { position: relative; height: 105px; }
.news-page .wl .list .list-banner .swiper .info img {  max-width: 157px; height:120px; display: block; }
.news-page .wl .list .list-banner .swiper .banner-info { width: 157px; height: 40px; background: rgba(0,0,0,0.5); position: absolute; bottom: -15px; }
.news-page .wl .list .list-banner .swiper .banner-info p { width: 157px; color: white; padding-top: 8px; padding-left: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


.news-page .wr { clear: right; width: 855px; float: right; margin-right: 30px; margin-top: 30px; }
.news-page .wr .header { width: 100%; height: 75px; border-bottom: 1px solid #dfdfdf; }
.news-page .wr .header .title { width: 50%; float: left; }
.news-page .wr .header .title p { font-size: 20px; color: #333333; font-weight: bold; padding-top: 25px; padding-left: 10px; }
.news-page .wr .header .nav-list { width: 50%; float: right; }
.news-page .wr .header .nav-list .navs img { max-width: 24px; padding: 0 10px 2px 0; }
.news-page .wr .header .nav-list .navs p { padding-top: 30px; text-align: right; font-size: 14px; color: #666666; }
.news-page .wr .header .nav-list .navs a { font-size: 14px; color: #666666; }

.news-page .wr .news-list { overflow: hidden; }
.news-page .wr .news-list ul { padding-top: 10px; }
.news-page .wr .news-list li { width: 810px; color: #333333; font-size: 14px; float: left; position: relative; padding-left: 30px; line-height: 44px; }
.news-page .wr .news-list em { width: 5px; height: 5px; border-radius: 50%; background-color: #008ddf; display: block; position: absolute; top: 50%; left: 10px; }
.news-page .wr .news-list a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-page .wr .news-list span { float: right; color: #666666; font-size: 12px; }

.news-page .wr .link-list { padding-top: 25px; overflow: hidden; }
.news-page .wr .link-list ul { padding-top: 10px; }
.news-page .wr .link-list li { width: calc(30% - 2px); color: #333333; font-size: 14px; float: left; position: relative; padding-left: 30px;margin:10px 0px; }
.news-page .wr .link-list em { width: 5px; height: 5px; border-radius: 50%; background-color: #008ddf; display: block; position: absolute; top: 50%; transform:translateY(-50%); left: 10px; }


/*页码高亮显示*/
.flickr .Ahover { background-color: #008ddf; color: white; }
/*页码CSS样式*/
.flickr { margin-left: 184px; margin-top: 74px; }
.flickr a, .flickr span { display: inline-block; width: 48px; height: 35px; text-align: center; background-color: #d6d6d6; color: black; font-size: 16px; padding-top: 14px; }
.flickr a.hunp { margin: 0px 11px; }
.flickr .pren { margin: 0px 30px; }
.flickr a:hover { background-color: #008ddf; color: white; }
.flickr .disabled {  }

.news-page .wr .show .title p { text-align: center; font-size: 18px; font-weight: bold; margin-top: 20px; }
.news-page .wr .show .time { text-align: center; font-size: 15px; margin: 20px 0px; }
.news-page .wr .show .content { margin-top: 30px; font-size: 14px; line-height: 31px; padding-left: 20px; }
.news-page .wr .show .content p{ line-height:30px; font-size:16px;}
.news-page .wr .show .content img { max-width: 100%; }
.news-page .wr .show .content a:hover { color:#008ddf;font-weight:bold; }

.news-page .wr .show .prev { font-size: 14px; line-height: 26px; padding-top: 20px; color: #333333; }
.news-page .wr .show .next { font-size: 14px; line-height: 26px; color: #333333; }

.news-page .wr .honor-main { width: 193px; }
.news-page .wr .honor-list { overflow: hidden; }
.news-page .wr .honor-list ul { width: 100%; margin-top: 30px; }
.news-page .wr .honor-list li { width: 165px; float: left; padding-left: 45px; padding-bottom: 25px; }
.news-page .wr .honor-list a { height: 100%; display: block; }
.news-page .wr .honor-list img { max-width: 350px; display: block; width: 100%; height: 110px; object-fit: cover; }
.news-page .wr .honor-list p { text-align: center; padding-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-page .wr .honor-list li:hover p { color: #008ddf; }

.news-page .wr .performance-main { width: 193px; }
.news-page .wr .performance-list { overflow: hidden; }
.news-page .wr .performance-list ul { width: 100%; margin-top: 30px; }
.news-page .wr .performance-list li { width: 32%; float: left; padding-left: 40px; padding-bottom: 25px; }
.news-page .wr .performance-list a { height: 100%; }
.news-page .wr .performance-list img { max-width: 350px; height:180px; display: block; width: 100%;}
.news-page .wr .performance-list p { text-align: center; padding-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-page .wr .performance-list li:hover p { color: #008ddf; }



body {margin: 0px; color:#404040;  font-size: 14px; font-family:"Microsoft YaHei","微软雅黑",宋体,Arial, Helvetica, sans-serif;}
body{height: 100%;position: relative;}
input[type="text"] {-webkit-appearance:none;}
textarea {-webkit-appearance:none;}
h1,h2,h3,h4,h5,h6,figure {font-weight:400;}
::-webkit-selection {color:#fff;background:#008ddf;}
::-moz-selection {color:#fff;background:#008ddf;}
::selection {color:#fff;background:#008ddf;}
.text-lowercase {text-transform:lowercase;}
.text-uppercase,.initialism {text-transform:uppercase;}
.text-capitalize {text-transform:capitalize;}
a {color:#667289;text-decoration:none}
a:focus,a:hover {color:#008ddf;transition:none}
a.text-gray:hover{color:#F32278}
p {margin:0}
dl,dd,ul,li {margin:0;padding:0;list-style:none}
.overflow{overflow:hidden}


.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}



.top_bg{font-size: 13px;background: #f5f5f5;height: 30px;line-height: 30px;}
.top_bgk{ height:100px; overflow:hidden; background:#FFFFFF;  }
.logo{margin:20px 0 0 0;}
.biaoyu{ float:left; display:block; margin:33px 0 0 20px;  

font-size: 36px;    line-height: 34px;  color:#333333;  font-weight: bold;

 }

 .biaoyu p{   font-weight: bold;color: #464646; }



.fl{ float: left;}

.fr{ float: right;}

.tag1 {font-size: 20px;color: #3d3d3d;background: url(../images/by.jpg) no-repeat;width:321px;height: 70px;display: block;margin: 39px 0 0 30px; 

padding:15px 0 0 20px;

}

.tag1 p {font-size: 20px;color: #008ddf; }

.tag1 p span{font-weight: bold;}





 .top_sw{    text-align: right;  color: #727272;height: 30px;line-height: 30px; }

.top_sw a { padding: 0px  10px;color: #727272; background: url(../images/ss.jpg) no-repeat left center; }

 .top_sw a:first-child{background: none;}

 

.iphone{ margin:20px 0px 0px 0px; line-height: 24px;overflow:hidden; display: block; }

.iphone p{background:url(../images/top_tel.jpg) no-repeat left 10px; 	padding-left:66px;}

.iphone p span{display: block;height: 80px;font-size:30px; color:#8ec21f; line-height: 30px;font-family: arial;margin-top: 8px;  }

  







/*<!--nav-->*/

 

.nav_bg{ background:linear-gradient(-45deg,#38c8d1,#008ddf); height:60px;  line-height: 60px;  position:relative;z-index: 6; overflow: hidden;}

.nav_bg ul{width:1180px; }

.nav_bg li{height:61px; display:block; float:left; color:#FFF; text-align:center;font-size:15px;  padding:0px 54px;}

.nav_bg li a{  display:block; color:#FFF;  }

.nav_bg li.another,.nav_bg li:hover{background: #8ec21f;cursor: pointer;}

 

 

.nav_bg li:hover a{color:#FFF; }



 .fixedNav {

    position: fixed;

    top: 0px;

    left: 0px;

    width: 100%;

    z-index: 100000;

    _position: absolute;

    _top: expression(eval(document.documentElement.scrollTop));

}
.mainall {
    width: 1180px;
    margin: 0 auto;
    overflow: hidden;
}

.mainall1{width:1180px; margin:0 auto; }


.left{float: left;}
.right{float: right;}
.clear:after{display: block;content: " ";clear: both;}
h1,h2,h3,h4,h5{font-size: 100%;font-weight: normal;}
.text-center{text-align: center;}


.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

/*@media (min-width:1600px) {
    .container {
        width: 1470px
    }
}*/

.row {
  margin-right: -15px;
  margin-left: -15px;
}




/*滚动条样式*/
::-webkit-scrollbar  
{  
    width: 5px;  
    height: 5px;  
    background-color: #eee;  
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);  
    background-color: #eee;  
}  
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,.3);  
    background-color:#9e9e9e;  
}  




/***********************************banner***************************************/
.swiper-container1{margin-left: auto; margin-right: auto; position: relative;overflow: hidden; z-index: 1;}
.swiper-container2{margin-left: auto; margin-right: auto; position: relative;overflow: hidden; z-index: 1;}
.swiper-container3{margin-left: auto; margin-right: auto; position: relative;overflow: hidden; z-index: 1;}

.banner .swiper-pagination-bullet{width: 24px; height: 4px; display: inline-block; border-radius: 5px; background: #919190; opacity: .4;}
.banner .swiper-pagination-bullet-active{background: #fff; opacity: 1;}
.banner .swiper-slide{position: relative; background-size: 240px;}



/***********************************返回顶部***************************************/
.gtop {
    position: fixed;
    right: 30px;
    bottom: 50px;
    background: #8ec21f;
    color: #fff;
    text-align: center;
    width: 50px;
    height: 50px;
    z-index: 200;
    line-height: 50px;
    font-size: 24px;
    cursor: pointer;
    transition: all 300ms ease-in-out;
	-webkit-transform: all 300ms ease-in-out;
}

/*********************************header************************************/

/*PC-头部*/
.pc-header{width: 100%;background-color: #008ddf;position: fixed;top: 0px;z-index: 9999;}
.popup-button{display: block;width: 80px;height: 80px;background: url('../images/search.png')no-repeat center center;background-size: 30px;float: right;border-left: 1px solid #3d72b5;}
.pc-header .logo{display: block;height: 80px;position: relative;float: left;width: 500px;margin-left: 10px;}
.pc-header .logo img{
    width: 100%;
	display: block;
	position: absolute;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
	left: 1%;
}
.pc-header .nav{float: right;margin-left: 10%;height: 80px;}
.pc-header .nav>ul>li{float: left;line-height: 80px;width: 170px;text-align: center;border-left: 1px solid #3d72b5;text-indent: 10px;position: relative;}
.pc-header .nav>ul>li:last-child{border-right: 1px solid #3d72b5;}
.pc-header .nav>ul>li>a{color: #fff;display: block;font-size: 18px;}
.pc-header .nav>ul>li>.box{
	position: absolute;
	top: 180px;
	background-color: #008ddf;
	width: 100%;
	z-index: 9999;
	visibility: hidden;
	opacity: 0;
	transition: all 300ms ease-in-out;
	-webkit-transform: all 300ms ease-in-out;
}
.pc-header .nav>ul>li>.box>a{display: block;text-align: center;line-height: 40px;text-indent: 0px;color: #fff;}
.pc-header .nav>ul>li:hover .box{
	visibility: visible;
	opacity: 1;
	top: 80px;
}
.pc-header .nav>ul>li>.box>a:hover{background: rgba(0,0,0,0.5);}


/*小屏幕手机*/
.mobile-header{position: relative;}
.mobile-header .h-nav-g{position: fixed;left:0;top: 0; z-index: 1000; width: 100%; height: 60px; background: #fff;
	transition: all 300ms ease-in-out;
	-webkit-transform: all 300ms ease-in-out;
	-webkit-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.5);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.mobile-header .h-nav-g img{height: 50%;position: absolute;left: 15px;top: 50%;-webkit-transform:translateY(-50%);}
.mobile-header .h-nav-g .btn_i{display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.mobile-header .h-nav-g .btn_i small,
.mobile-header .h-nav-g .btn_i:before,
.mobile-header .h-nav-g .btn_i:after{display: block; content: ''; width: 24px; height: 2px; background: #008ddf; border-radius: 4px; margin: 6px 0;}
.mobile-header .h-nav-g .btn_i_click small{opacity: 0;}
.mobile-header .h-nav-g .btn_i_click:before{transform: rotateZ(45deg); transform-origin: 0px 6px;}
.mobile-header .h-nav-g .btn_i_click:after{transform: rotateZ(-45deg); transform-origin: 5px -1px;}
.mobile-header .ul-small{background: #3a3a3a; width: 220px; height: 100%; position: fixed; right: 0; top: 0; z-index: 100; transform: translateX(220px); transition: 300ms; -webkit-transition: 300ms; -webkit-transform: translateX(220px);}
.mobile-header .ul-small input{width: 160px;height: 40px;line-height: 40px; background: #fff; border: 0; border-radius: 20px; margin: 20px 30px 0 30px; text-indent: 10px;}
.mobile-header .ul-small ul{margin-top: 20px;}
.mobile-header .ul-small ul li a{color: #fff; padding-left: 30px; padding-right: 30px; line-height: 50px; display: block;text-align: center;}
.mobile-header .translate{transform: translateX(-220px); -webkit-transform: translateX(-220px);}
.mobile-header .translate2{transform: translateX(0); -webkit-transform: translateX(0);}
.search-jieguo{display: block;padding-top: 30px;color: #244a9d;font-size: 30px;}
.search-jieguo b{color: #d1be65;}




/*********************************footer************************************/
.footer-pc{padding: 50px 0px;color: #8f8f8f; background: #FFFFFF; border-top: 1px solid #dcdcdc;}
.footer-pc a{color: #8f8f8f;}
.footer-pc .logo{padding-left: 320px;float: left;height: 150px; margin:0 0 0 15px;}
.footer-pc .logo p{line-height: 26px;}
.footer-pc .logo p:nth-child(1){margin-top: 20px; font-weight:bold; margin-bottom: 10px; font-size:18px;}

.footer-pc .bdsharebuttonbox{margin-top: 60px;margin-bottom: 15px;}
.footer-admin{line-height: 60px;background-color: #008ddf;color: #fff;width: 100%;height: 60px;}
.footer-admin a{color: #fff;}

/*手机样式底部*/
.footer-mobile{line-height: 50px;width: 100%;position: fixed;bottom: 0px;z-index: 111;background-color: #101010;}
.footer-mobile ul li{width: 25%;float: left;text-align: center;}
.footer-mobile ul li a{color: #979797;display: block;}


/*********************************index************************************/
.public-title small{display: block;font-size: 18px;color: #bcbcbc;}
.public-title span{display: block;font-size: 38px;color: #414141;}


.index-company{background: url('../images/company_bg.jpg')no-repeat center center;padding: 80px 0px;}
.index-company i{
	display: block;
	width: 23px;
	height: 14px;
	background: url('../images/01.png')no-repeat center center;
	margin: 20px auto;
}
.index-company p{color: #747474;padding: 30px 20% 0 20%; text-align:justify; font-size: 16px;line-height: 30px;}
.index-company .more{display: block;width: 180px;line-height: 48px;color: #fff;background-color: #008ddf;display: block;margin: 40px auto 0px;}
.index-company .more:hover{border-radius: 48px;}

.index-product{background-color: #f3f3f3;}
.index-product .public-title{padding: 30px 0px 30px 0px;}
.index-product ul li{width: 50%;float: left;position: relative;}
.index-product ul li a{display: block;}
.index-product ul li img{width: 100%;}
.index-product ul li .box{
    top: 50%;
    left: 50%;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(34,100,184,0.1);
    color: #fff;
    visibility: hidden;
    opacity: 0;
    transition: all 500ms ease-in-out;
    -webkit-transform: all 500ms ease-in-out;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.index-product ul li:hover .box{
    opacity: 1;
    visibility: visible;
    width: 50%;
    height: 50%;
    left: 50%;
    top: 50%;
    background: rgba(34,100,184,0.85);
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.index-product ul li .box span{display: block;font-size: 36px;}
.index-product ul li .box small{display: block;font-size: 16px;}
.index-product ul li .box h5{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}




.index-map{padding: 60px 18%;}

.index-map .map{position: relative;width: 658px;}
.index-map .map span {
    display: inline-block;
    position: absolute;
    -webkit-animation-name: 'ripple';
    -webkit-animation-duration: 4s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    /* -webkit-animation-direction: normal; */
    opacity: 0;
}

.index-map .map span.c1 {
    background: url('../images/index_15.png') no-repeat center;
    width: 171px;
    height: 171px;
    top: 120px;
    left: 70px;
    animation-delay: 1s;
}
.index-map .map span.c2{
	background: url('../images/index_16.png') no-repeat center;
    width: 171px;
    height: 171px;
    bottom: 36px;
    left: 255px;
    animation-delay: 2s;
}

.index-map .map span.c3{
	background: url('../images/index_17.png') no-repeat center;
    width: 130px;
    height: 130px;
    top: 241px;
    left: 285px;
    background-size: 130px;
    animation-delay: 3s;
}

.index-map .map span.c4{
	background: url('../images/index_18.png') no-repeat center;
    width: 91px;
    height: 91px;
    left: 470px;
    bottom: 100px;
    animation-delay: 1.5s;
}

.index-map .map span.c5{
	background: url('../images/index_19.png') no-repeat center;
    width: 170px;
    height: 170px;
    right: 120px;
    bottom: 96px;
    animation-delay: 2.5s;
}
.index-map .map span.c6{
	background: url('../images/index_20.png') no-repeat center;
    width: 170px;
    height: 170px;
    right: 50px;
    top: 50px;
    animation-delay: 0.5s;
}

.index-map .intro{width: 40%;}
.index-map .intro span{display: block;font-size: 32px;color: #008ddf;padding: 70px 0px 30px 0px;}

.index-map .intro p{font-size: 16px;color: #747474;line-height: 34px;}
.index-map .intro a{
    width: 180px;
    line-height: 48px;
    color: #fff;
    background-color: #008ddf;
    display: block;
    margin-top: 30px;
}
.index-map .intro a:hover{border-radius: 48px;}


/*白城千店 里面的地图*/
.map-mobile{padding: 0px 15px;}
.map-mobile img{width: 100%;}


.index-news{width: 100%;background: url('../images/news_bg.jpg')no-repeat center center;overflow: hidden;}
.index-news .public-title{padding: 30px 0px 30px 0px;}
.index-news .pc{margin-bottom: 50px;font-size: 16px;}
.index-news .pc .hd{width: 50%;float: left;}
.index-news .pc .bd{width: 50%;float: right;}
.index-news .pc .bd ul li img{width: 100%; height:436px;}
.index-news .pc .hd ul li a{display: block;}
.index-news .pc .hd ul li{
	background: rgba(255,255,255,0.8);
	line-height: 70px;
	margin-bottom:2px;
	cursor: pointer;
	position: relative;
}
.index-news .pc .hd ul li span{display: inline-block;background: url('../images/n1.png')no-repeat 20px center;text-indent: 45px;color: #009947;width: 120px;}
.index-news .pc .hd ul li small{display: inline-block;color: #3c3c3c;}
.index-news .pc .hd ul li:hover{background-color: #008ddf;}
.index-news .pc .hd ul li:hover span{background: url('../images/n2.png')no-repeat 20px center;color: #fff;}
.index-news .pc .hd ul li:hover small{color: #fff;}
.index-news .pc .hd ul li:after{
	display: block;
	content: " ";
	width: 56px;
	height: 71px;
	background: url('../images/n3.png')no-repeat center center #008ddf;
	position: absolute;
	right: 0px;
	top: 0px;
	visibility: hidden;
	transition: all 300ms ease-in-out;
	-webkit-transform: all 300ms ease-in-out;
}
.index-news .pc .hd ul li:hover:after{
	right: -56px;
	visibility: visible;
	z-index: 1111;
}

.index-news .mobile .swiper-slide{position: relative;}
.index-news .mobile .swiper-slide img{width: 100%;}
.index-news .mobile .swiper-slide span{position: absolute;bottom: 0px;line-height: 50px;background: rgba(0,0,0,0.6);color: #fff;width: 100%;text-align: center;font-size: 16px;}


.index-news .more{width: 180px;line-height: 48px;color: #fff;background-color: #008ddf;display: block;margin: 0px auto 80px;}
.index-news .more:hover{border-radius: 48px;}

#pagelist{ line-height:22px;color:#666; padding:15px;}
#pagelist a{ width:28px; text-align:center; float:left; border:1px solid #bfbfc7;background:#fff; height:28px; font-size:14px;color:#666; line-height:28px; margin-left:5px;border-radius:3px;}
#pagelist a.next,#pagelist a.prev{width:70px;}
#pagelist a.curr{ background:#bfbfc7;border:1px solid #bfbfc7;color:#fff;}
#pagelist a:hover{background:#bfbfc7;border:1px solid #bfbfc7;color:#fff; text-decoration:none}
#pagelist a img{ display:block;margin:0 auto;margin-top:12px;}
#pagelist span{line-height:28px; font-size:13px; height:28px; margin-left:10px;}
#pagelist span#totalpage{ margin:0;}

.imagelist{} /*总宽度*/
.imagelist .imagetop{ padding:10px 0;text-align:right;margin:5px; display:none;}
.imagelist .imagetop a{color:#767676;}
.imagelist .defaultimagesrc{text-align:center;margin:5px;}
.imagelist .defaultImagesrc img{border:1px solid #f1f1f1;padding:2px}
.imagelist .imageintro{text-align:center;font-size:14px;}
.thumb { height:112px;background:#FFF;padding:5px;}
.thumb_1 { display:none;text-align: center;float: left;height: 50px;width: 60px;padding-top: 30px;font-weight: 400;font-size: 14px;color:#000;}
.thumb_1 .font-28{font-size:18px;color:red;}
.thumb_2 {float: left;width: 790px;}
.thumb_2_1 {background:url(qh1.gif) no-repeat 0px 20px;float: left;height: 113px;width: 35px;cursor:pointer;margin-left:10px;_margin-left:0px;}
.thumb_2_2 {background:url(qh2.gif) no-repeat 0px 20px;float: right;height: 113px;width: 35px;cursor:pointer;}
#scrool_div {width:698px;position:relative;height:110px;overflow:hidden;}
#scrool_wrap {height:110px;position:absolute;width:20000px;}
#scrool_wrap li {width:130px;height:100px;float:left;margin-right:10px;}
#scrool_div img{width:126px;height:95px;margin:5px;}
.normalthumb img{padding:2px;border:1px solid #F9AF10}
.currthumb img{padding:2px;border:1px solid #ff6600;}

.sContact-messageBoard {
}
.sContact-messageBoard .head {
  text-align: center;
  color: #333333;
}
.sContact-messageBoard .head:after {
  content: " ";
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.4rem;
  width: 50px;
  height: 2px;
  background-color: #008ddf;
}
.sContact-messageBoard .head .dd {
  margin-top: 0.2rem;
  line-height: 1.5;
  font-size: 16px;
}
.sContact-messageBoard .body {
  margin-top: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  margin-bottom: -0.4rem;
}
.sContact-messageBoard .body:after {
  display: none;
}
.sContact-messageBoard .body .item {
  position: relative;
  margin-bottom: 1.4rem;
}
.sContact-messageBoard .body .item.w1 {
  width: 49%;
}
.sContact-messageBoard .body .item.w2 {
  width: 100%;
}
.sContact-messageBoard .body .item .aftPD {
  top: 0.36rem;
  left: auto;
  right: 0;
  width: 0.4rem;
  line-height: 24px;
}
.sContact-messageBoard .body .skin {
  display: block;
  width: 100%;
  padding: 0.36rem 0.4rem;
  line-height: 24px;
  background-color: #f2f2f2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #333333;
}
.sContact-messageBoard .body textarea.skin {
  height: 8.4rem;
}
.sContact-messageBoard .body .enter {
  margin-top: 0.6rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 150px;
  height: 40px;
  line-height: 40px;
  padding: 0.3rem 0.3rem;
  text-align: center;
  color: #fff;
  background-color: #8ec21f;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .sContact-messageBoard .body .item.w1 {
    width: 100%;
  }
}
.enter,
.reset {
  position: relative;
  overflow: hidden;
}
.enter .iptBtn,
.reset .iptBtn {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
}
#c_portalResPublic_codeContainer-1567649313905 .e_box{ margin:13% auto 0; width:100%; text-align:left; } #c_portalResPublic_codeContainer-1567649313905 .e_box .a{ color:rgba(255,255,255,1); font-weight:600; font-size:20px; padding-bottom:1rem; margin-top:0; position:relative; font-family:arial; animation-name:fadeInUp; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #c_portalResPublic_codeContainer-1567649313905 .e_box .a::after{ width:60px; content:''; background:#fff; position:absolute; text-align:center; bottom:0; margin-left:0; left:0%; height:1px; display:inline-block; } #c_portalResPublic_codeContainer-1567649313905 .e_box .b{ font-size:32px; line-height:1; color:#fff; text-transform:uppercase; margin-top:0%; animation-name:fadeInUp; animation-duration:1s; animation-delay:1.2s; animation-fill-mode:both; } @media only screen and (max-width: 1680px) and (min-width: 1367px){ #c_portalResPublic_codeContainer-1567649313905 .e_box{ margin:6% auto 0; width:100%; } #c_portalResPublic_codeContainer-1567649313905 .e_box .b { margin-top: 2%; } } @media only screen and (max-width: 1440px) and (min-width: 1025px){ #c_portalResPublic_codeContainer-1567649313905 .e_box{ margin:6% auto 0; width:100%; } #c_portalResPublic_codeContainer-1567649313905 .e_box .b { margin-top: 1%; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #c_portalResPublic_codeContainer-1567649313905 .e_box{ margin:6% auto 0; width:100%; } #c_portalResPublic_codeContainer-1567649313905 .e_box .b { margin-top: 1%; } } @media only screen and (max-width: 768px) and (min-width: 640px){ #c_portalResPublic_codeContainer-1567649313905 .e_box{ margin:8% auto 0; width:100%; text-align:center; } #c_portalResPublic_codeContainer-1567649313905 .e_box .b { margin-top: 1%; font-size:22px; } #c_portalResPublic_codeContainer-1567649313905 .e_box .a::after{ margin-left:-30px; left:50%; } } @media only screen and (max-width: 639px) and (min-width: 320px){ #c_portalResPublic_codeContainer-1567649313905 .e_box{ margin:16% auto 0; width:100%; text-align:center; } #c_portalResPublic_codeContainer-1567649313905 .e_box .b { margin-top: 1%; font-size:22px; } #c_portalResPublic_codeContainer-1567649313905 .e_box .a::after{ margin-left:-30px; left:50%; } }
 .e_FlowCommonStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_FlowCommonStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_FlowCommonStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: #1890FF; } .e_FlowCommonStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_FlowCommonStyleBox-001 .title_icon::before{ content: ""; } .e_FlowCommonStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_FlowCommonStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_FlowCommonStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: #1890FF; padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_FlowCommonStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_FlowCommonStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_FlowCommonStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_FlowCommonStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_FlowCommonStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_FlowCommonStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.c_portalResComplaintPage_detail-01001 { margin-left: auto; margin-right: auto; width: 100%; height: auto; max-width: 100%; overflow: hidden; } .c_portalResComplaintPage_detail-01001 .p_header { text-align: center; display: none; } .c_portalResComplaintPage_detail-01001 .p_time { text-align: center; margin: 20px 0; display: none; } .c_portalResComplaintPage_detail-01001 .p_articles { margin: 0; } .c_portalResComplaintPage_detail-01001 .p_PromptNoneData{ width: auto; background-color: inherit; text-align: center; } .c_portalResComplaintPage_detail-01001 .p_PromptNoneData .prompt_title .iconfont:before { content: ""; } .c_portalResComplaintPage_detail-01001 .p_PromptNoneData .prompt_title .first{ height: auto; display: table-cell; font-size: 32px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 5px 0; } .c_portalResComplaintPage_detail-01001 .p_PromptNoneData .prompt_title{ display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; } .c_portalResComplaintPage_detail-01001 .p_PromptNoneData .prompt_title .first:before{ content: "\e6b4"; } .c_portalResComplaintPage_detail-01001 .p_PromptNoneData .prompt_title .font{ font-size: 18px; display: table-cell; line-height: normal; vertical-align: middle; color: rgba(51,51,51,1); font-weight: bold; text-align: left; } .c_portalResComplaintPage_detail-01001 .p_PromptNoneData .promptbox{ width: auto; height: 100%; } .c_portalResComplaintPage_detail-01001 .p_PromptNoneData .prompt_content { font-size: 14px; color: rgba(105, 105, 105,1); padding-left: 65px; }  @media only screen and (max-width: 768px) { .c_portalResComplaintPage_detail-01001 .p_complaintPageDetails { padding: 0; } .c_portalResComplaintPage_detail-01001 .p_time { margin-top: 10px; } .c_portalResComplaintPage_detail-01001 .p_articles { } }  @media only screen and (min-width:769px) { .c_portalResComplaintPage_detail-01001 .p_complaintPageDetails { padding: 0; } .c_portalResComplaintPage_detail-01001 .p_header { padding-bottom: 8px; display: none; } .c_portalResComplaintPage_detail-01001 .p_timeIcon { width: auto; height: auto; display: inline-block; font-size: inherit; margin-right: 5px; } .c_portalResComplaintPage_detail-01001 .p_timeIcon:before { content: '\e67a'; } }  @media only screen and (min-width:769px) and (max-width:1024px) { }@media only screen and (max-width: 768px){ .c_portalResPublic_codeContainer-01001{ width:100%; } } @media only screen and (min-width: 769px){ .c_portalResPublic_codeContainer-01001{ width:100%; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ }.w_fimgbox-001{ width: 100%; height: auto; min-height: 200px; margin: 0 auto; } .w_fimgbox-001 .w_imgbox{ width: 100%; height: 100%; position: relative; min-height: inherit; overflow: hidden; } .w_fimgbox-001 .w_imgbox > img{ width: 100%; height: auto; min-height:187px; -webkit-animation:scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation:scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); } .w_fimgbox-001 .w_imgbox > .p_contentbox{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; } @media only screen and (max-width: 1024px) and (min-width: 320px){ .w_fimgbox-001 .w_imgbox > img{ width: 1026px; position: relative; height: 187px; left: 50%; top: 0; margin-left: -513px; } } @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @media only screen and (max-width: 768px) { .c_portalResIntro_category-01001 { height: auto; width: 280px; overflow: visible; max-width:1180px; min-height:192px; margin-left: 0; margin-right: 0; } .c_portalResIntro_category-01001 .p_image { width: 30px; height: 30px; display: none; vertical-align: middle; margin-right: 5px; margin-top: 6px; } .c_portalResIntro_category-01001 .p_categoryBox .p_linkBox.click .color_assist, .p_categoryBox .p_linkBox.click{ background: none; padding: 0px; } .c_portalResIntro_category-01001 .p_categoryBox .p_linkBox.click .color_assist, .p_categoryBox .p_linkBox.click a{ display: block; text-indent: 10px; font-size: 1rem; } .c_portalResIntro_category-01001 .p_parentBox{border-bottom:solid 1px #ddd} .c_portalResIntro_category-01001 .p_image>img { width: 100%; height: 100%; } } .c_portalResIntro_category-01001 .p_linkBox.click .color_assist{ display: none !important; } .c_portalResIntro_category-01001 .p_linkBox.click a{ color: #06c !important; }  @media only screen and (min-width: 769px) { .c_portalResIntro_category-01001 .p_btn-show,.c_portalResIntro_category-01001 .p_btn-hide{display: none;} .c_portalResIntro_category-01001 { height: auto; width: 280px; overflow: visible; max-width:1180px; min-height:192px; margin-left: 0; margin-right: 0; }  .c_portalResIntro_category-01001 .p_category { height: 100%; width: 100%; position: relative; } .c_portalResIntro_category-01001 .p_categoryBox{ line-height:24px; background: none; text-align: left; } .c_portalResIntro_category-01001 .p_categoryBox .p_linkBox { width:100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; align-items:center; padding: 0; } .c_portalResIntro_category-01001 .p_categoryBox .p_linkBox.click { background: none; border-bottom: solid 2px #06c; } .c_portalResIntro_category-01001 .p_categoryBox .p_title{ height: auto; width: 100%; -webkit-flex: 1; -moz-flex: 1; font-size: 16px; -ms-flex: 1; padding: 0; color: #999; line-height: 50px; flex: 1; display: block; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .c_portalResIntro_category-01001 .p_categoryBtn{ display: none; vertical-align:middle; background-color:rgba(255,255,255,0); border-color:rgba(255,255,255,0); border-style: solid; border-width: 0; height:auto; width:30px; padding:0; position:static; text-align: center; } .c_portalResIntro_category-01001 .p_linkBox .iconfont:before{ content:''; } .c_portalResIntro_category-01001 .p_linkBox .icon-arrow_up:before{ content:'\e6c9'; } .c_portalResIntro_category-01001 .p_linkBox .icon-arrow_down:before{ content:'\e6c8'; } .mouse_bac:hover .p_categoryBtn { color: #60a9d7; } .c_portalResIntro_category-01001 .p_categoryBox .p_childBox { } .c_portalResIntro_category-01001 .p_categoryBox .p_parentBox{ position:relative; background: none; margin-right: 60px; border-right: none; display: inline-block; } .c_portalResIntro_category-01001 .p_categoryBox .p_parentBox .p_parentBox { padding-left: 18px; } .c_portalResIntro_category-01001 .p_parentBox:last-child .p_linkBox { } .c_portalResIntro_category-01001 .p_categoryBox .slideOut{ position:absolute; left:100%; top:0; width:100%; height:auto; } .c_portalResIntro_category-01001 .p_image { width: 30px; height: 30px; display: none; vertical-align: middle; margin-right: 5px; } .c_portalResIntro_category-01001 .p_image>img { width: 100%; height: 100%; } }  @media only screen and (min-width: 769px) and (max-width: 1024px) {}.w_grid-000{ margin-left: auto; margin-right: auto; min-height: 12rem; width: 100%; } .w_grid-000 > .w_grid{ width: 100%; position: relative; } .w_grid-000 > div > .p_gridbox{ width: 100%; overflow: hidden; position: static; } .w_grid-000 > div > div > .p_gridCell{ float: left; position: static; } .w_grid-000 > div > div > .p_gridCell:not(:empty):before{ content:''; height: 0.1px; display: block; } .w_grid-000 > .w_grid.signal{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox > .p_gridCell{ min-height: inherit; } .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ margin-left: 0; clear: left; } #w_grid-000 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left: 0; clear: left; } @media only screen and (max-width: 768px){ .w_grid-000 > div > .p_gridbox > .p_gridCell{ width: 100%; margin-left: 0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (min-width: 769px){ .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ width: 100%; margin-left:0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }.pagebox,#-remove--flag{}body,#-remove--flag{} #c_portalResIntro_category-1567649313910 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResIntro_category-1567649313910 >div{ animation-fill-mode:both; } #c_portalResIntro_category-1567649313910{ width:auto; max-width:100%; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } @media only screen and (max-width: 1680px) and (min-width: 1367px){ } @media only screen and (max-width: 1440px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 768px) and (min-width: 640px){ } @media only screen and (max-width: 639px) and (min-width: 320px){ } @media only screen and (max-width: 1680px) and (min-width: 1367px){ } @media only screen and (max-width: 1440px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 768px) and (min-width: 640px){ } @media only screen and (max-width: 639px) and (min-width: 320px){ } @media only screen and (max-width: 1680px) and (min-width: 1367px){ } @media only screen and (max-width: 1440px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 768px) and (min-width: 640px){ } @media only screen and (max-width: 639px) and (min-width: 320px){ } @media only screen and (max-width: 1680px) and (min-width: 1367px){ } @media only screen and (max-width: 1440px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 768px) and (min-width: 640px){ } @media only screen and (max-width: 639px) and (min-width: 320px){ } @media only screen and (max-width: 1680px) and (min-width: 1367px){ } @media only screen and (max-width: 1440px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 768px) and (min-width: 640px){ } @media only screen and (max-width: 639px) and (min-width: 320px){ } @media only screen and (max-width: 1680px) and (min-width: 1367px){ } @media only screen and (max-width: 1440px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 768px) and (min-width: 640px){ } @media only screen and (max-width: 639px) and (min-width: 320px){ } @media only screen and (max-width: 1680px) and (min-width: 1367px){ } @media only screen and (max-width: 1440px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 768px) and (min-width: 640px){ } @media only screen and (max-width: 639px) and (min-width: 320px){ } @media only screen and (max-width: 1680px) and (min-width: 1367px){ } @media only screen and (max-width: 1440px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 768px) and (min-width: 640px){ } @media only screen and (max-width: 639px) and (min-width: 320px){ } @media only screen and (max-width: 1680px) and (min-width: 1367px){ } @media only screen and (max-width: 1440px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 768px) and (min-width: 640px){ } @media only screen and (max-width: 639px) and (min-width: 320px){ } @media only screen and (max-width: 1680px) and (min-width: 1367px){ } @media only screen and (max-width: 1440px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 768px) and (min-width: 640px){ } @media only screen and (max-width: 639px) and (min-width: 320px){ } @media only screen and (max-width: 1680px) and (min-width: 1367px){ } @media only screen and (max-width: 1440px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 768px) and (min-width: 640px){ } @media only screen and (max-width: 639px) and (min-width: 320px){ } @media only screen and (max-width: 1680px) and (min-width: 1367px){ } @media only screen and (max-width: 1440px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 768px) and (min-width: 640px){ } @media only screen and (max-width: 639px) and (min-width: 320px){ } @media only screen and (max-width: 1680px) and (min-width: 1367px){ } @media only screen and (max-width: 1440px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 768px) and (min-width: 640px){ } @media only screen and (max-width: 639px) and (min-width: 320px){ } @media only screen and (max-width: 1680px) and (min-width: 1367px){ } @media only screen and (max-width: 1440px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 768px) and (min-width: 640px){ } @media only screen and (max-width: 639px) and (min-width: 320px){ } #c_portalResComplaintPage_detail-15676540419534437 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResComplaintPage_detail-15676540419534437 >div{ animation-fill-mode:both; } #c_portalResComplaintPage_detail-15676540419534437 video{ width:100%; background:#000; } #c_portalResComplaintPage_detail-15676540419534437{ width:100%; max-width:100%; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResComplaintPage_detail-15676541917528507 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResComplaintPage_detail-15676541917528507 >div{ animation-fill-mode:both; } #c_portalResComplaintPage_detail-15676541917528507 video{ width:100%; background:#000; } #c_portalResComplaintPage_detail-15676541917528507{ width:100%; max-width:100%; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResComplaintPage_detail-15676541937767436 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResComplaintPage_detail-15676541937767436 >div{ animation-fill-mode:both; } #c_portalResComplaintPage_detail-15676541937767436 video{ width:100%; background:#000; } #c_portalResComplaintPage_detail-15676541937767436{ width:100%; max-width:100%; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResComplaintPage_detail-15676702376238605 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResComplaintPage_detail-15676702376238605 >div{ animation-fill-mode:both; } #c_portalResComplaintPage_detail-15676702376238605 .resetHtmlCssStyle div{ margin:0px 0px 22px; font-size:16px; line-height:1.6; } #c_portalResComplaintPage_detail-15676702376238605{ width:100%; max-width:100%; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-1567649313905 .e_box{ margin:13% auto 0; width:100%; text-align:left; } #c_portalResPublic_codeContainer-1567649313905 .e_box .a{ color:rgba(255,255,255,1); font-weight:600; font-size:20px; padding-bottom:1rem; margin-top:0; position:relative; font-family:arial; animation-name:fadeInUp; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #c_portalResPublic_codeContainer-1567649313905 .e_box .a::after{ width:60px; content:''; background:#fff; position:absolute; text-align:center; bottom:0; margin-left:0; left:0%; height:1px; display:inline-block; } #c_portalResPublic_codeContainer-1567649313905 .e_box .b{ font-size:32px; line-height:1; color:#fff; text-transform:uppercase; margin-top:0%; animation-name:fadeInUp; animation-duration:1s; animation-delay:1.2s; animation-fill-mode:both; } @media only screen and (max-width: 1680px) and (min-width: 1367px){ #c_portalResPublic_codeContainer-1567649313905 .e_box{ margin:6% auto 0; width:100%; } #c_portalResPublic_codeContainer-1567649313905 .e_box .b { margin-top: 2%; } } @media only screen and (max-width: 1440px) and (min-width: 1025px){ #c_portalResPublic_codeContainer-1567649313905 .e_box{ margin:6% auto 0; width:100%; } #c_portalResPublic_codeContainer-1567649313905 .e_box .b { margin-top: 1%; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #c_portalResPublic_codeContainer-1567649313905 .e_box{ margin:6% auto 0; width:100%; } #c_portalResPublic_codeContainer-1567649313905 .e_box .b { margin-top: 1%; } } @media only screen and (max-width: 768px) and (min-width: 640px){ #c_portalResPublic_codeContainer-1567649313905 .e_box{ margin:8% auto 0; width:100%; text-align:center; } #c_portalResPublic_codeContainer-1567649313905 .e_box .b { margin-top: 1%; font-size:22px; } #c_portalResPublic_codeContainer-1567649313905 .e_box .a::after{ margin-left:-30px; left:50%; } } @media only screen and (max-width: 639px) and (min-width: 320px){ #c_portalResPublic_codeContainer-1567649313905 .e_box{ margin:16% auto 0; width:100%; text-align:center; } #c_portalResPublic_codeContainer-1567649313905 .e_box .b { margin-top: 1%; font-size:22px; } #c_portalResPublic_codeContainer-1567649313905 .e_box .a::after{ margin-left:-30px; left:50%; } } #c_portalResPublic_codeContainer-1567649313905{ width:100%; max-width:100%; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimgbox-1567649313885 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimgbox-1567649313885 >div{ animation-fill-mode:both; } #w_grid-1567649313895 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1567649313895 >div{ animation-fill-mode:both; } #w_grid-1567649313895 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1567649313895> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:3%; } #w_grid-1567649313895> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:94%; margin-left:3%; margin-right:0; clear:none; } #w_grid-1567649313895> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:3%; } } #w_grid-1567653997440 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1567653997440 >div{ animation-fill-mode:both; } #w_grid-1567653997440 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1567653997440> div > .p_gridbox > .p_gridCell{ margin-bottom:1rem; margin-top:1rem; margin-left:0; } #w_grid-1567653997440> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1567653997440> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (min-width: 769px){ #w_grid-1567653997440> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:3%; } #w_grid-1567653997440> div > .p_gridbox > .p_gridCell:nth-child(3n+0){ width:31.330199999999998%; margin-left:3%; margin-right:0px; clear:none; } #w_grid-1567653997440> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ margin-left:0px; clear:left; margin-right:0px; width:31.330199999999998%; } #w_grid-1567653997440> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ width:31.330199999999998%; margin-left:3%; margin-right:0px; clear:none; } #w_grid-1567653997440> div > .p_gridbox > .p_gridCell:nth-child(3n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_fimgbox-1567649313885{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1567649313895{ width:100%; max-width:1180px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1567653997440{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:2%; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1567670911948{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1567670991676{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1567670994106{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; }