@charset "utf-8";
*{margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all;}
a,.pager font,.index-more a:before,.fixtop,.tblank,.fixtop .logo,.fixtop .navpc li a.a p i,.fixtop .navpc li a.a p,.topsearch .search,.topsearch .search #sbtn,.topsearch .btn span,.topsearch,.index-about .pic h2 img,.index-more2 a:before,.index-product li .pic img,.index-product li .subtitle,.index-product li .title,.index-news .pic a:before,.index-news .pic h2 img,.culture li .pic img,.culture li:before,.history li .text .title,.history li .text .content,.products li .pic img,.products li:before,.products li .text .subtitle,.products li .text .title,.products li,.news li:after,.news li .pic img,.accordionservice li .link span,.message li.btn button
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.index-about .pic:hover h2 img,.index-product li:hover .pic img,.index-news .pic:hover h2 img,.culture li:hover .pic img,.products li:hover .pic img,.news li:hover .pic img
{transform:scale(1.10);-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);-ms-transform:scale(1.10)}
.pd,.index-about .text .in,.products li,.product-cate li,.product-show .row .content table,.product-show .row .content td,.product-show .pics,.feedback .text .content table,.feedback .text .content td,.message li input,.message li textarea
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.abc
{transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transition-duration:1.0s;-ms-transition-duration:1.0s;-moz-transition-duration:1.0s; -webkit-transition-duration:1.0s;}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;background:#f1f2f3;line-height:2;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Microsoft YaHei','微软雅黑','arial';}
html,body,input,button,select,textarea,big,small {font-size:18px;color:#333;font-weight:400;}a {color:#333}b,strong {font-weight:700;}
a:hover,.products li:hover .more .learn-more a,.news li:hover .text .title a{color:#3366cc}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}.table .td { display:table-cell; vertical-align:middle;}
table,td,th,tbody,tr {border-collapse:collapse;border-spacing:0;border:0;margin:0}
img {max-width:100%; height:auto; vertical-align: top; -webkit-touch-callout: none;border:0}
input,button,select,textarea{ outline:none;border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}.list-paddingleft-2{margin:0 0 0 20px;}.list-paddingleft-2 li { list-style:inherit;}
em { font-style:normal}
hr {border:0; background:#ddd;height:1px;margin:10px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute;top:0;left:0; z-index:1;width:100%; height:100%;}
.imgcover { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 1;}.imgcover img {width:100%;height:100%;object-fit:cover;}
.bodyactive {overflow:hidden}
:root{scroll-behavior:smooth;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:80px 0 0 0;text-align:center}
.pager {width:100%;}
.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:2px 5px;width:45px; height:45px; line-height:48px;box-shadow:0 0 2px rgba(0,0,0,0);text-align: center;border-radius:4px; background:#e0e0e0}
.pager font {font-family:'宋体';font-weight:700;margin:0px;display:inline-block;vertical-align: top; line-height: 46px;} 
.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#3366cc; background: #666666} 
.pager a,.pager span.disabled {color:#666} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:18px;font-weight:400;color:#595758;}
.pager select,.pager input,.pager a,.pager span.disabled  {border:0px solid #666;}
.pager i {font-weight:bold; line-height: 38px; display: inline-block; vertical-align: top;margin:0 10px; letter-spacing: 3px}

::-webkit-scrollbar {width: 5px;height:0px; }/******direction: rtl; unicode-bidi: bidi-override;出现在左边*********/
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #3366cc;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #fff;}

::-webkit-input-placeholder {color:#ffffff;}
:-moz-placeholder {color:#ffffff;}
::-moz-placeholder {color:#ffffff;}
:-ms-input-placeholder {color:#ffffff;}

::selection {background:#3366cc;color:#ffffff;}
::-moz-selection {background:#3366cc;color:#ffffff;}
::-webkit-selection {background:#3366cc;color:#ffffff; }

.wrap {margin:0 auto;max-width:1480px;position:relative;}
.phonemenu { display:none;}

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 8888; height:120px; background: #f5f5f5;}
.fixtop .logo {position:absolute;left:0;top:25px;z-index: 99999}
.fixtop .logo a { position: relative;width:177px;height:71px;display:block; background: url("../images/logo.png") no-repeat center; background-size:100%}
.fixtop .navpc { text-align: center;width:100%; position: absolute;left:0;width:100%;}
.fixtop .navpc li {padding:0 30px;display:inline-block;vertical-align: top; position: relative}
.fixtop .navpc li a.a {position: relative;height:120px;line-height: 118px;display:block; overflow: hidden}
.fixtop .navpc li a.a p { position:absolute;left:0;top:83px;width:100%; height:2px; text-align: center}
.fixtop .navpc li a.a p i { display:block;width:0;height:100%; background:#3366cc;margin:0 auto;}
.fixtop .navpc li:hover a.a,.fixtop .navpc li.active a.a,.fixtop .navpc li:hover>a.a {color:#3366cc}
.fixtop .navpc li.active a.a {font-weight:700}
.fixtop .navpc li:hover a.a p i,.fixtop .navpc li:hover>a.a p i,.fixtop .navpc li.active a.a p i {width:100%;}
.fixtop .navpc li .list { position:absolute; z-index: 9999; left:50%;width:220px;top:120px;margin-left:-110px;display:none;  background: #f5f5f5}
.fixtop .navpc li .list dd p a {display:block; line-height: 23px;padding:13px 10px 13px 10px}
.fixtop .navpc li .list dd p:hover a { background: #ccc;color:#3366cc;}
.tblank {height:120px;}

.topsearch { position: absolute;right:0;top:42px;}
.topsearch .btn {cursor: pointer}
.topsearch .btn span {font-size:28px; line-height:28px;opacity:1}
.topsearch .search { position:absolute;right:0;top:-2px; z-index: 10; background: #cccccc;width:0px; height:40px;border-radius:40px; overflow: hidden}
.topsearch .search #k {display:inline-block; vertical-align: top;width:285px;padding:0 0 0 20px;border-radius:40px;height:39px; line-height: 39px; color:#fff; background: none;font-size:16px}
.topsearch .search #sbtn {opacity:0;position:absolute;right:5px;top:-1px;font-size:25px;width:40px;height:40px;border-radius:40px; cursor: pointer;background: #ccc;font-family: "iconfont" !important;color:#fff}
.topsearch span.icon-close-bold {opacity:0;position:absolute; z-index: 9999; right:-30px;top:-4px;font-size:22px; cursor: pointer;}
.topsearch.active .search{width:320px;}
.topsearch.active .search #sbtn,.topsearch.active span.icon-close-bold{opacity:1;}
.topsearch.active .btn span {opacity:0}
.fixtop.active .topsearch {top:52px}

.fixtop.active {top:-20px;}
.fixtop.active .logo {top:35px;}
.fixtop.active .navpc li a.a {line-height: 138px;}
.fixtop.active .navpc li a.a p {top:88px;}
.tblank.active {height:100px;}

.indpics .swiper-slide,.top-pic .pic { position:relative;padding:15.625% 0;overflow: hidden}
.indpics .swiper-slide:before,.top-pic:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%; z-index: 10; background: rgba(0,0,0,0.1)}
.indpics .swiper-slide .imgcover{transition:0s linear 1s;transform:scale(1.1,1.1);}
.indpics .swiper-slide-active .imgcover,.swiper-slide-duplicate-active .imgcover{transition:5s linear;transform:scale(1,1);}
.indpics .swiper-slide .text {position:absolute;left:0;top:0;width:100%;height:100%; z-index: 100;color:#fff; display: flex; align-items: center;justify-content: center;flex-direction:column;}
.indpics .swiper-slide .text .wrap {width:100%}
.indpics .swiper-slide .text .content {font-size:72px; line-height: 1.7;margin:0 0 60px 0}

.top-pic .pic>p {width: 100%;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);-webkit-animation: minus 5s 0s ease both infinite;-moz-animation: minus 5s 0s ease both infinite;animation: minus 5s 0s ease both infinite;animation-iteration-count: 1;	-webkit-animation-iteration-count: 1;}
@keyframes minus {0% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}

.top-pic {position:relative}
.top-pic .text {position:absolute;left:0;top:0;width:100%;height:100%; z-index: 100;color:#fff;display:flex;align-items: center; justify-content: center; flex-direction: column}
.top-pic .text .wrap {width:100%}
.top-pic .text .title {font-size:72px; line-height: 92px;font-weight:700;margin:0 0 20px 0}
.top-pic .text .content {font-weight:700;font-size:24px; line-height: 1.6}

.index-more a {display:inline-block;color:#fff;font-size:24px;font-weight:700; position: relative;padding:0 80px 0 0}
.index-more a:before {content:''; position: absolute;right:0;top:-7px;width:60px;height:60px; background: url("../images/jiandou.png") no-repeat center;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);}
.index-more a:hover {color:#3366cc}
.index-more a:hover:before {transform: rotate(0deg);-ms-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);top:-1px}
.company-position {padding:100px 0}
.company-position .subtitle {color:#3366cc;font-size:32px; line-height: 42px;}
.company-position .title {font-size:60px; line-height: 70px;margin:25px 0 30px 0}
.company-position .content {font-size:30px;}

.index-about { position: relative; background: #666;}
.index-about .text {background:#666; position: absolute;left:0;top:0;width:50%;height:100%; display: flex; align-items: center; justify-content: center}
.index-about .text .in {color:#fff;width:740px;display:inline-block;margin:0 0 0 auto;padding:0 80px 0 0}
.index-about .text .title {font-size:60px; line-height: 75px;margin:0 0 30px 0}
.index-about .text .content {color:#afafaf}
.index-about .text .index-more2 {margin:95px 0 0 0}
.index-about .text .index-more2 a {color:#fff}
.index-about .text .index-more2 a:before { background: url("../images/jiandou_white.png") no-repeat center; background-size:100%}
.index-about .pic {width:50%;left:50%; position: relative}
.index-about .pic h2 {padding:31.25% 0; overflow: hidden; position: relative;}

.index-more2 a {color:#3366cc;font-size:24px; line-height: 24px;display:inline-block; position: relative;padding:0 80px 0 0}
.index-more2 a:before {content:''; position: absolute;right:0;top:-15px;width:60px;height:60px; background: url("../images/jiandou.png") no-repeat center;}
.index-more2 a:hover:before {transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);}
.index-product {background:#fff;padding:100px 0 80px 0}
.index-product .subject {font-size:32px; line-height: 42px;color:#3366cc}
.index-product .content {padding:25px 200px 60px 0;font-size:60px; line-height: 1.2; position: relative;}
.index-more3 { position: absolute;top:37px;right:0;width:60px;height:60px; background: url("../images/jiandou.png") no-repeat center;display:block}
.index-more3:hover {transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);}
.index-product ul {padding:60px 0 0 0}
.index-product li {float:left;width:36%;margin:0 7%; text-align: center}
.index-product li .subtitle {font-weight:700; position: relative; z-index: 100;left:0}
.index-product li .title {position: relative; z-index: 100;margin:0 0 -30px 0;left:0}
.index-product li .title a {font-weight:700;font-size:48px; line-height: 58px; color:#3366cc}
.index-product li .pic {padding:50% 0;position: relative}
.index-product li:hover .subtitle {left:-10px}
.index-product li:hover .title {left:10px}

.index-news {padding:120px 0}
.index-news .subject {position:absolute;left:0;top:0; z-index: 100}
.index-news .subject .t1 {color:#3366cc;font-weight:700;font-size:24px; line-height: 24px;margin:0 0 20px 0}
.index-news .subject .t2 {font-size:60px; line-height: 60px;}
.index-news .swiper-slide {position:relative;background:#f1f2f3;width:100%;}
.index-news .text {position: absolute;left:0;bottom:0;width:31%;padding:0 8% 0 0}
.index-news .text .index-more3 { position:relative;top:0;right:auto}
.index-news .text .addtime {color:#999;margin:20px 0 70px 0}
.index-news .text .title a {font-size:30px; line-height: 1.4}
.index-news .pic {width:61%; position: relative;left:39%}
.index-news .pic h2 {position:relative;padding:33.3333% 0;overflow: hidden}
.index-news .pic a:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%; background: rgba(102,102,102,0.5); z-index: 100;opacity:1}
.index-news .pic a:hover:before {opacity:0}
.index-news .dots {width:61%;margin:0 0 0 39%; position: relative}

.namemj {position:absolute;top:-100px}
.about-subject {padding:100px 0 70px 0}
.about-subject .title {color:#3366cc;font-size:24px; line-height: 34px;margin:0 0 5px 0;font-weight:700}
.about-subject .subtitle {font-size:60px; line-height: 1.3;}
.about .about-subject {padding-bottom:30px}
.about .about-subject .title {font-size:32px; line-height: 42px;font-weight:400;margin:0 0 45px 0}
.about .index-about { background:none;}
.about .index-about .text {background:none;top:auto;bottom:0;height:auto; }
.about .index-about .text .in {color:#333;}
.about .index-about .text .content {color:#333}

.culture .about-subject {text-align:center;padding-top:120px}
.culture ul {width:100.2%;margin:-0.2% 0 0 -0.1%}
.culture li {float:left;width:49.8%;margin:0.2% 0.1% 0 0.1%; position: relative}
.culture li:before {content:'';position: absolute;left:0;top:0;width:100%;height:100%; z-index: 100; background: rgba(0,0,0,0.4);opacity:1}
.culture li .pic { position: relative; overflow: hidden;padding:20.8333% 0}
.culture li .title {position:absolute;left:0;top:0;width:90%;padding:0 5%;height:100%; z-index: 150;font-size:48px; line-height:1.4;font-weight:700;color:#fff;display: flex; align-items: center;justify-content: center; text-align: center}
.culture li:hover:before {opacity:0}

.ripple-container {position:absolute;width: 30px;height: 30px;display: flex;justify-content: center;align-items: center; z-index: 10;left:-15px;top:-15px}
.center-dot {width: 9px;height:9px;background: #333;border-radius:50%;z-index: 10;}
.ripple-container::before,.ripple-container::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0px;height: 0px;border-radius:50%;opacity:0;z-index:1;animation: ripple 2.4s infinite linear;}
.ripple-container::before {background: rgba(0, 0, 0, 0.25);animation-delay: 0s;}
.ripple-container::after {background: rgba(0, 0, 0, 0.25);animation-delay: 1.2s;}
@keyframes ripple {0% {width: 0px;height:0px; opacity: 1;}50% {opacity: 1; }100% {width:30px;height: 30px;opacity: 0;}}
.history {position: relative; background: url("../images/about_bg.gif") no-repeat center top;height:1515px}
.history .wrap {height:100%;width:100%}
.history {position:relative}
.history li {position:absolute;height:1px;width:1px;background: #333}
.history li.li6 {left:0;top:634px}
.history li.li5 {left:15.3%;top:830px}
.history li.li4 {left:28%;top:407px}
.history li.li3 {left:44%;top:738px}
.history li.li2 {left:59.5%;top:267px}
.history li.li1 {right:18.5%;top:550px}
.history li:before {content:'';width:9px;height:9px; border:1px solid #333;border-radius:50%;position: absolute;left:-5px;top:400px; z-index: 1; background: #f1f2f3}
.history li:after {content:'';width:1px;height:400px; background: #333; position: absolute;left:0;top:0; z-index: 1; }
.history li.li6:before {top:490px}
.history li.li6:after {height:490px}
.history li.li3:before {top:310px}
.history li.li3:after {height:310px}
.history li .text {position:absolute;left:30px;top:-30px;width:260px}
.history li .text .title {font-size:48px; line-height: 58px;font-weight:700;margin:0 0 15px 0;color:#3366cc; position: relative;left:0}
.history li .text .content { line-height: 1.8;position: relative;left:0}
.history li:hover .text .title {left:10px;}
.history li:hover .text .content {left:-10px}
.history li.down:before {top:auto;bottom:0}
.history li.down .ripple-container {top:385px}
.history li.li3.down .ripple-container {top:295px}
.history li.down .text {top:370px}
.history li.li3.down .text {top:280px}

.network { background: #ccc;padding:0 0 130px 0}
.network .row {margin:20px 0 0 0; position: relative}
.ripple-container-network {position:absolute;width: 180px;height:180px;display: flex;justify-content: center;align-items: center; z-index: 10;left:0;top:0}
.ripple-container-europe {left:2%;top:4%}
.ripple-container-china {left:29%;top:18%}
.ripple-container-southeast-asia {left:29.5%;top:40%}
.ripple-container-south-america {left:82%;top:56.2%}
.center-dot-network {width: 100px;height:100px;background: #3366cc;border-radius:50%;z-index: 10;color:#fff;font-weight:700;display: flex; align-items: center;justify-content: center; text-align: center; line-height: 1.3}
.ripple-container-network::before,.ripple-container-network::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0px;height: 0px;border-radius:50%;opacity:0;z-index:1;animation: ripple-network 2.4s infinite linear;}
.ripple-container-network::before {background: rgba(51, 102,204, 0.25);animation-delay: 0s;}
.ripple-container-network::after {background: rgba(51, 102,204, 0.25);animation-delay: 1.2s;}
@keyframes ripple-network {0% {width: 100px;height:100px; opacity: 1;}50% {opacity: 1; }100% {width:180px;height: 180px;opacity: 0;}}

.product-cate {background:#fff;padding:28px 0;margin:0 0 -40px 0;box-shadow:0 0 10px rgba(0,0,0,0.2); position: relative; z-index: 100}
.product-cate li {float:left;width:14.2857%;height:35px; line-height: 33px; overflow: hidden;border-left:1px solid #999; text-align: center;padding:0 5px}
.product-cate li:last-of-type {border-right:1px solid #666}
.product-cate li a {font-size:24px;color:#666; display: block}
.product-cate li:hover a,.product-cate li.active a {color:#3366cc}
.product-cate li.active a {font-weight:700}
.products {padding:0 0 120px 0}
.products ul {width:105%;margin:0 0 0 -2.5%;}
.products li {float:left;width:45%;margin:5% 2.5% 0 2.5%; background: #fff;box-shadow:0 0 20px rgba(0,0,0,0.1); position: relative;padding:30px}
.products li:before {content:''; position: absolute;left:0;bottom:0;width:0;height:5px; background: #3366cc; z-index: 100}
.products li:hover:before {width:100%}
.products li .text {position:absolute;left:8%;top:8%;z-index: 100;width:84%}
.products li .text .subtitle {font-weight:700; position: relative;left:0;margin:0 0 3px 0}
.products li .text .title {position: relative;left:0}
.products li .text .title a {font-size:48px;color:#3366cc;font-weight:700; line-height: 58px;}
.products li .more {position:absolute;left:8%;bottom:8%; z-index: 100}
.products li .more .learn-more {margin:10px 0 0 0}
.products li .more .learn-more a {color:#999;}
.products li .pic {padding:50px 0 0 35%}
.products li .pic .in {position: relative;padding:50% 0}
.index-more4 {width:60px;height:60px; background: url("../images/jiandou_gray.png") no-repeat center;display:block}
.index-more4:hover {transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);}
.products li:hover .more .index-more4 {background: url("../images/jiandou.png") no-repeat center}
.products li:hover .text .subtitle {left:15px}
.products li:hover .text .title {left:-15px}
.products li:Hover {box-shadow:0 0 20px rgba(0,0,0,0.3); }
.product-show {margin:120px 0 0 0}
.product-show .pics {float:left;width:47%;background: #fff;padding:20px;box-shadow:5px 5px 10px rgba(0,0,0,0.1); position: relative}
.product-show .pics .in {position: relative;}
.product-show .pics img {width:100%}
.product-show .text {float:right;width:47%}
.product-show .text .subtitle {font-weight:700; line-height: 1.8;}
.product-show .text .title {font-size:48px; line-height: 58px;font-weight:700;color:#3366cc;margin:0 0 45px 0}
/**
.product-show .text .content li { position: relative;padding:0 0 0 20px}
.product-show .text .content ul.list-paddingleft-2{margin:0;}
.product-show .text .content li:before {content:'';width:7px;height:7px; position: absolute;left:0;top:15px; background: #333;border-radius:50%;font-size:0; line-height: 0}
**/
.product-show .row .subject {font-size:30px;margin:95px 0 20px 0;font-weight:700}
.product-show .row .content {margin:95px 0 0 0}
.product-show .row .content h3 {font-size:30px;margin:0 0 20px 0;font-weight:700}
.product-show .row .content table {width:100%;border-right:1px solid #333;border-top:1px solid #333}
.product-show .row .content td {border-bottom:1px solid #333;border-left:1px solid #333;padding:5px 40px 5px 45px; line-height: 1.8;}
.product-show .row .content .table-4 td {padding:5px 20px 5px 25px}
.prevnext {text-align:center;margin:100px 0 120px 0}
.prevnext a {display:inline-block;width:280px;height:65px; line-height: 64px;border:1px solid #333; text-align: center;margin:0 15px;font-weight:700}
.prevnext a:hover {border-color:#666; background: #666;color:#fff}
.product-show .swiper-button-next,.product-show .swiper-button-prev {width:58px;height:58px;margin-top:-29px;border-width:0;border-radius:0;}
.product-show .swiper-button-next:after,.product-show .swiper-button-prev:after {content:'';width:58px;padding:0;height:58px;line-height:58px; border-radius:0; background: url("../images/left.png") no-repeat center; background-size:100%}
.product-show .swiper-button-next:Hover,.product-show .swiper-button-prev:hover {background: none}
.product-show .swiper-button-prev {left:20px}
.product-show .swiper-button-next{right:20px}

.news {padding:60px 0 120px 0}
.news ul {width:103%;margin:-3% 0 0 -1.5%}
.news li {float:left;width:30.3333%;margin:3% 1.5% 0 1.5%; background: #fff; position:relative}
.news li:before {content:''; position: absolute;bottom:0;left:0;width:100%;height:5px; background: #ccc}
.news li:after {content:''; position: absolute;bottom:0;left:0;width:0;height:5px; background: #3366cc; z-index: 100}
.news li:hover:after {width:100%}
.news li .pic {padding:33.3333% 0; position: relative; overflow: hidden}
.news li .text {padding:30px 30px 35px 35px;}
.news li .text .title {font-size:30px; line-height: 40px; height:120px; overflow: hidden}
.news li .text .content { line-height: 30px; height:90px; overflow: hidden;color:#999;margin:30px 0 50px 0}
.news li .text .more {position:relative;color:#999;}
.news li .text .more a {position: absolute;right:0;top:-10px}
.news li .text .more .index-more4 { background: url("../images/jiandou_gray2.png") no-repeat center; background-size:100%}
.news li:hover .text .more .index-more4 {background: url("../images/jiandou.png") no-repeat center;background-size:100%}

.news-show .title {font-size:36px; line-height: 46px;font-weight:700; text-align: center;color:#000;margin:120px 0 0 0}
.news-show .addtime { text-align: center;border-bottom:1px solid #ccc;padding:40px 0 50px 0;margin:0 0 60px 0}
.news-show .content img {margin:10px 0}

.contact {padding:0 0 120px 0}
.contact .title {font-size:36px; line-height: 46px;font-weight:700;color:#000;margin:110px 0 40px 0}
.contact .content {margin:0 0 60px 0}
.map iframe,#container {width:100%;height:600px;}

body.bgf9 {background: #f9f9f9}
.fixtop-feedback { background: #e0e0e0}
.fixtop-feedback .logo a {background: url("../images/logo.png") no-repeat center;}
.fixtop-feedback .navpc li a.a {color:#333}
.fixtop-feedback .navpc li a.a p i {background:#3366cc;}
.fixtop-feedback .navpc li:hover a.a,.fixtop-feedback .navpc li.active a.a{color:#3366cc}
.fixtop-feedback .topsearch .btn span {color:#333;}
.fixtop-feedback .topsearch span.icon-close-bold {color:#333}

.feedback {padding:100px 0 120px 0}
.feedback .wrap {max-width:1295px;margin:0 auto}
.feedback .text .title { position: relative; text-align: center;margin-bottom:60px}
.feedback .text .title h2 { position: absolute; z-index: -1;left:0;top:-7px;width:100%; text-align: center;font-weight:700;opacity:0.07;font-size:56px;height:60px; line-height: 60px; overflow: hidden;white-space: nowrap}
.feedback .text .title p { position: relative; z-index: 10;font-weight:700;color:#0066cc;font-size:32px; line-height: 1.4}
.feedback .text .title p:before {content:''; position: absolute;left:50%;bottom:-20px;width:50px; height:3px; background: #0066cc;margin-left:-25px;}
.feedback .text .content {color:#636363;font-size:15px; line-height: 1.6}
.feedback .text .content table {border-top:1px solid #dee2e6;border-left:1px solid #dee2e6;width:100%; text-align: center;font-size:17px}
.feedback .text .content td {border-bottom:1px solid #dee2e6;border-right:1px solid #dee2e6;padding:12px 10px}
.feedback .text .content tr:nth-child(1) {background: #ececec;font-weight:700}

.accordionservice {max-width:1075px;margin:40px auto; background: #fff}
.accordionservice li {border-top:1px solid #dee2e6;}
.accordionservice li:nth-child(1) {border-top:0}
.accordionservice li .link {border:4px solid #fff;cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;color:#212529;font-size:17px; line-height: 1.6; padding:9px 100px 9px 20px}
.accordionservice li .link span {position: absolute;right:20px;top:12px;display:block;transform: rotate(180deg);-ms-transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);font-size:20px; line-height: 1}
.accordionservice li.open .link {border-color:#bed7fa; background: #e7f1ff;color:#0066cc;padding-top:11px;padding-bottom:11px;}
.accordionservice li.open .link span {top:14px;transform: rotate(0deg);-ms-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);}
.accordionservice .submenu {display:none;padding:20px 22px 30px 22px;font-size:15px;color:#636363; line-height: 1.5}

.message ::-webkit-input-placeholder {color:#999999;}
.message :-moz-placeholder {color:#999999;}
.message ::-moz-placeholder {color:#999999;}
.message :-ms-input-placeholder {color:#999999;}
.message {color:#636363;font-size:17px;}
.message .subject {color:#242738;font-size:26px; line-height: 1.5}
.message ul {display:flex;flex-wrap: wrap;justify-content: space-between}
.message li {width:100%;}
.message li p {margin:5px 0 0 0}
.message li input {border:1px solid #000;height:42px;border-radius:6px;width:100%;padding:0 15px;font-weight:400;font-size:16px;}
.message li textarea {border:1px solid #000;height:70px;border-radius:6px;width:100%;padding:10px 15px;font-weight:400;font-size:16px; vertical-align: top;}
.message li.part {width:49.5%}
.message li.btn { text-align: center}
.message li.btn button {width:50%;margin:30px auto 75px auto;cursor: pointer;height:42px;border-radius:6px;border:1px solid #000; text-align: center; background: #0066cc;color:#fff;}
.message li.btn button:hover {background: rgba(0,102,204,0.8)}
.message li input:hover,.message li textarea:hover,input[type="text"]:focus,textarea#r2:focus {border-color:#0066cc}

.downloads {min-height:500px}
.downloads li {border-bottom:1px solid #dee2e6; background: #fff;padding:10px 200px 12px 25px; position: relative}
.downloads li .more {position: absolute;right:25px;top:9px;}
.downloads li .more span {display:inline-block; vertical-align: top;margin:9px 10px 0 0;transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);font-size:18px; line-height: 1;font-weight:700}


.foot-feedback {background: #4b4b4b;padding:35px 0 50px 0;font-size:18px; line-height: 1.8; color:#b4b4b4;}
.foot-feedback a {color:#4b4b4b}
.foot-feedback a:hover {color:#fff}
.foot-feedback .left {float:left;width:50%;padding-top:50px}
.foot-feedback .left .logo {margin-bottom:15px}
.foot-feedback .left .logo a {background: url("../images/logo_foot.png") no-repeat center;width:125px;height:49px; background-size:100%; display: block}
.foot-feedback .right {float:right;width:50%;display:flex; align-items: center;justify-content:flex-end;}
.foot-feedback .right dl {margin-left:22%}
.foot-feedback .right dl:nth-child(1) {margin-left:0}
.foot-feedback .right dt {color:#868686;margin-bottom:10px}
.foot-feedback .right dd {margin-top:5px}
.foot-feedback .right dd a {color:#fff}
.foot-feedback .right dd a:hover {color:#868686;}

.foot {background:#666;color:#afafaf;padding:60px 0 90px 0; line-height: 1.6}
.foot a {color:#afafaf;}
.foot a:hover {color:#fff}
.foot .left {float:left;width:60%}
.foot .left li {display:inline-block;margin:0 60px 0 0}
.foot .left li:last-child {margin:0}
.foot .left .text h2 {font-size:24px;color:#fff;font-weight:400;margin:30px 0 0 0}
.foot .right {float:right;width:30%; text-align: right;color:#999}
.foot .right a{color:#999;}
.foot .right a:hover {color:#fff}
.foot .right .in {display:inline-block;margin:0 0 0 auto; text-align: left;}
.foot .right .in .logo {margin:0 0 15px 0}