header { padding: 0 0 0 10px; height: 60px; }

.commonweb img{max-width:100%;}
.detailtext11{
	overflow:hidden;
}

.fix-header { width: 100%; position: fixed; top: 0; left: 0; z-index: 90; background-color: #fff; }

.logo { display: inline-block; vertical-align: top; padding-left:10px; }

.nav-btn { width: 60px; height: 60px; display: block; overflow: hidden; background-color: #fff; cursor: pointer; -ms-touch-action: manipulation; touch-action: manipulation; }

.nav-btn a { width: 28px; height: 24px; display: block; position: relative; left: 50%; top: 50%; margin: -12px 0 0 -14px; }

.nav-btn span { top: 50%; margin-top: -2px; }

.nav-btn span:first-child { content: ""; top: 0; left: 0; margin-top: 0; }

.nav-btn span:last-child { content: ""; top: auto; bottom: 0; left: 0; }

.nav-btn span, .nav-btn span:first-child, .nav-btn span:last-child { left: 1px; position: absolute; background-color: #832c43; width: 28px; height: 4px; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }

nav { position: fixed; right: -100%; top: 0; background-color: #282828; width: 280px; text-align: right; -webkit-transition: .5s ease; -o-transition: .5s ease; -moz-transition: .5s ease; transition: .5s ease; overflow-y: auto; max-height: 100%; z-index: 100; }

nav ul { overflow-y: auto; }

nav a { color: #fff; display: block; padding-right: 40px; }

nav li > a { line-height: 50px; font-size: 16px; }

nav li { border-bottom: 1px solid #444; }

nav .nav-drop { padding: 10px 0; display: none; }

nav .nav-drop a { line-height: 30px; }

nav .on { background-color: #383838; }

nav.on { right: 0; }

.closeNav { height: 60px; }

.closeNav:after { content: ''; width: 24px; height: 100%; display: block; background: url(../images/close.png) center center no-repeat; float: right; }

.search-wrap { position: relative; }

.search-btn { width: 60px; height: 60px; background: url(../images/search.png) center center no-repeat; display: block; border-left: 1px solid #e9e9e9; }

.search-box { position: fixed; right: 0; top: 60px; width: 100%; z-index: 9; display: none; border: 1px solid #ccc; }

.search-text { width: 100%; padding: 11px 60px 11px 11px; color: #666666; }

.sreach-btn { width: 40px; height: 39px; position: absolute; right: 0; top: 0; background: #f2f2f2 url(../images/search.png) center center no-repeat; -moz-background-size: 50%; -o-background-size: 50%; background-size: 50%; }

.language-btn { display: block; width: 70px; height: 60px; line-height: 60px; }

.language-btn:before { content: ''; display: inline-block; vertical-align: -3px; width: 16px; height: 16px; margin-right: 3px; background: url(../images/language.png) center no-repeat; }

.language-btn:after { content: ''; display: inline-block; width: 0; height: 0; vertical-align: middle; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #363636; margin-left: 3px; }

.stock { border-left: 1px solid #e9e9e9; height: 60px; padding: 9px 25px; }

.stock .stockNum { font-size: 24px; color: #0f990f; }

.stock .stockNum:before { content: ''; display: inline-block; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 8px solid #0f990f; vertical-align: 5px; margin-right: 5px; }
.stock .stockNum.drop{color:#ff1919;}
.stock .stockNum.drop:before{transform: rotate(180deg);border-bottom-color: #ff1919;} 

.stock .stockText { color: #26242d; font-size: 14px; padding-left: 19px; }

.stock .stockText span { font-size: 14px; }

.top-link { padding-right: 20px; }

.top-link a { position:relative; line-height: 80px; color: #323232; font-size: 15px; display: inline-block; margin: 0 9px; text-transform:capitalize; }

    .top-link a:after{
        position:absolute;
        bottom:15%;
        left:50%;
        display:none;
        height:5px;
        width:100%;
        background:#842c44;
        content:'';
		transform:translateX(-50%);
    }
  
        .top-link a:hover {
            color: #832c43;
        }
  
        .top-link a.cur:after {
            display:block;
        }

.banner{overflow: hidden;}

.banner li { overflow: hidden; }

.banner img { height: 120px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); display: block; }

.backtop { width: 40px; height: 40px; background: url(../images/top.png) no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover; display: none; position: fixed; bottom: 20px; right: 20px; z-index:200; }

footer { background-color: #3d3d3d; }

.footer-link h3 { font-size: 15px; color: #ddd; border-bottom: 1px solid #d5d5d5; padding: 8px 0; font-weight: 700; background: url(../images/icon46.png) right center no-repeat; }

.footer-link .on { background-image: url(../images/icon47.png); }

.footer-drop { display: none; padding: 10px 0; }

.footer-drop a { display: block; color: #878787; line-height: 26px; }

.footer-right { padding: 20px 0 0; }

.footer-qrcode { color: #8c8c8c; text-align: center; padding-bottom: 10px; font-size:13px; }

.footer-qrcode .tablecell { display: inline-block; vertical-align: bottom; text-align: right; }

.footer-qrcode .tablecell:first-of-type{padding-bottom:10px;}

.footer-qrcode img { display: block; padding-left: 10px; }

#share { text-align: center; }

#share a { width: 32px; height: 32px; float: none; display: inline-block; }

#share .bds_weixin { background: url(../images/icon48.png) no-repeat; }

#share .facebook { background: url(../images/icon49.png) no-repeat; }

#share .twitter { background: url(../images/icon50.png) no-repeat; }

#share .google { background: url(../images/icon51.png) no-repeat; }

#share .instagram { background: url(../images/icon52.png) no-repeat; }

.footer-copyright { text-align: center; opacity: 0.5; padding: 0px 0 10px; font-size: 13px; color: #fff;}
.footer-copyright a{color: #fff;}

.productWay { background-color: #323232; }

.productWay a { color: rgba(255, 255, 255, 0.5); float: left; width: 12.5%; height: 84px; line-height: 84px; text-align: center; border: 1px solid #535353; position: relative; }

.productWay .tit { color: rgba(255, 255, 255, 0.5); line-height: 84px; position: absolute; left: 0; top: 0; font-size: 20px; }

.productWay-cont { padding-left: 162px; position: relative; }

.productWay-link span { position: relative; z-index: 2; }

.productWay-link a:before { content: ''; opacity: 0; width: 110%; height: 90px; position: absolute; left: -5%; bottom: 0; z-index: 1; background-color: #822b42; -webkit-box-shadow: 0px 11px 15px 3px #000000; -moz-box-shadow: 0px 11px 15px 3px #000000; box-shadow: 0px 11px 15px 3px #000000; -webkit-transition: .3s ease; -o-transition: .3s ease; -moz-transition: .3s ease; transition: .3s ease; }

.productWay-link a.on:before { opacity: 1; }

.inNews { padding: 30px 0 50px; }

.inNews-thumb { padding: 0 50px; margin-top: 20px; position: relative; }

.inNews-bd li { border: 2px solid #edf1f3; padding: 20px 15px; }

.inNews-bd h3 { font-size: 16px; color: #323232; height:44px; overflow:hidden; }

.inNews-bd .date { padding: 5px 0; }

.inNews-bd .desc { color: #535353; opacity: .6; font-size: 13px; display: -webkit-box; height: 54px; line-height: 18px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.inNews-dot { width: 100%; text-align: center; position: absolute; bottom: -36px; left: 0; }

.inNews-dot span { background-color: #ebeaee; width: 10px; height: 10px; opacity: 1; margin: 0 4px; }

.inNews-dot span.swiper-pagination-bullet-active { background-color: #832c43; }

.inNews-prev, .inNews-next, .inProduct-prev, .inProduct-next { width: 40px; height: 40px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.inNews-prev { left: 0; background: url(../images/icon53.png) no-repeat; -moz-background-size: 80px auto; -o-background-size: 80px auto; background-size: 80px auto; }

.inNews-next { right: 0; background: url(../images/icon53.png) right no-repeat; -moz-background-size: 80px auto; -o-background-size: 80px auto; background-size: 80px auto; }

.inSolution { padding-top: 30px; }

.inSolution img { max-width: 100%; position: absolute; top: 20%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; }

.inSolution h2{text-align:center;color: #842c44; padding-bottom:15px;}

.inSolution li { width: 100%; height: 150px; overflow: hidden; position: relative; margin-bottom: 5px; }

.inSolution li a{position:relative; display:block;height:100%;}

.inSolution-text { width: 100%; position: absolute; left: 0; bottom: 20px; color: #fff; padding: 0 20px; font-size: 16px; }

.inSolution-text h3 { padding-bottom: 5px; }

.inSolution-text p:after { content: ''; display: inline-block; vertical-align: -3px; width: 30px; height: 18px; background: url(../images/icon56.png) right center no-repeat; -moz-background-size: 70%; -o-background-size: 70%; background-size: 70%; }

.inProduct { background: url(../images/img81.jpg) center top no-repeat; padding: 30px 0;  }

.text-white { color: #fff; }

.inProduct-wrap { margin-top: 20px; padding: 0 50px; position: relative; }

.inProduct-wrap img { display: block; max-width: 100%; }

.inProduct-prev, .inProduct-next { background: url(../images/icon57.png) no-repeat; -moz-background-size: 80px; -o-background-size: 80px; background-size: 80px; }

.inProduct-prev { left: 0; background-position-x: left; }

.inProduct-next { right: 0; background-position-x: right; }

.inProduct-text { margin-top: 30px; color: #fff; text-align: center; padding: 20px 30px; position: relative; border-top: 1px solid rgba(255, 255, 255, 0.22); }

.inProduct-text:before { content: ''; display: block; width: 70%; max-width: 320px; height: 4px; position: absolute; left: 50%; top: -4px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background-color: #a81028; }

.inProduct-text h3 { font-size: 18px; padding-bottom: 10px; }

.inProduct-text p { opacity: 0.7; }

.inProduct-text a { width: 140px; height: 46px; line-height: 46px; text-align: center; display: block; background: url(../images/icon59.png) no-repeat; color: #FFFFFF; margin: 20px auto 0; }

@media (min-width: 500px) { .banner img { height: auto; width: 100%; }
  .inSolution li { height: 200px; }
  .inSolution img { min-width: 100%; } }

.sunway { text-align: center; padding: 30px 0; color: #6b6b6b; }

.sunway article { line-height: normal; color: #303030; }

.sunway h3 { font-weight: 700; padding-top: 10px; padding-bottom: 5px; }

.sunway h1 { font-size: 16px; color: #444; padding-bottom: 10px; display:none; }

.sunway-item { padding-top: 20px; }

.sunway-circle { width: 140px; height: 140px; margin: 0 auto; border: 1px solid #ccc; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; padding-top: 25px; color: #2e2e2e; }

.sunway-circle img { display: block; height: 50px; max-width: 100%; margin: 0 auto 10px; }

.sunway-li { float: left; width: 50%; padding: 0 10px; }

.sunway-li .pc-tit { display: none; }

.sunway-li .desc { display: -webkit-box; height: 66px; line-height: 22px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-align: center; }

.sunway-li h3 { color: #333; padding: 15px 0 10px; }

.sunway-li.art:nth-child(1) .sunway-circle, .sunway-li:nth-child(1).on .sunway-circle { background: #932239 url(../images/icon65.png) center center no-repeat; }

.sunway-li.art:nth-child(2) .sunway-circle, .sunway-li:nth-child(2).on .sunway-circle { background: #932239 url(../images/icon60.png) center center no-repeat; }

.sunway-li.art:nth-child(3) .sunway-circle, .sunway-li:nth-child(3).on .sunway-circle { background: #932239 url(../images/icon66.png) center center no-repeat; }

.sunway-li.art:nth-child(4) .sunway-circle, .sunway-li:nth-child(4).on .sunway-circle { background: #932239 url(../images/icon67.png) center center no-repeat; }

.inGlobal img { max-width: 100%; }

.inGlobal-btn img { width: 100%; }

.inGlobal-text { background-color: #1b2422; color: #7b8789; padding: 30px 15px; }

.inGlobal-text h3 img { width: 80%; }

.inGlobal-text .num { font-size: 35px; vertical-align: middle; color: #832c43; font-family: "Arial"; }

.inGlobal-text .num:after { content: ''; display: inline-block; width: 15px; height: 15px; background: url(../images/icon71.png) no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover; vertical-align: 5px; margin: 0 3px; }

.inGlobal-text .txt { display: inline-block; vertical-align: middle; }

.inGlobal-text a { display: block; width: 170px; height: 58px; line-height: 58px; text-align: center; border: 1px solid #2d3230; color: #fff; font-size: 20px; margin-top: 20px; }

.inGlobal-article { padding-top: 20px; }

.inGlobal-text-cont { padding-top: 15px; color: #fff; }

.inGlobal-city { display: none; }

.in-tit h4{display:none;}
.logo{height:60px;line-height:60px;}
.logo img{max-width:140px;vertical-align:middle;display:inline-block;}

@media (min-width: 768px) {
    .logo img{max-width:none;max-height:80%;}
    .logo span{float:left; line-height:48px; padding-left:10px; color:#842c44;}
    .backtop { width: 60px; height: 60px; bottom: 50px; right: 50px; }
  .inNews { padding-bottom: 70px; }
  .inSolution li { width: 25%; float: left; height: 180px; padding:0 10px; }
  .inSolution-text { padding: 10px; }
  .inProduct-bd ul { padding-top: 20px; padding-bottom: 20px; }
  .inGlobal-text h3 img { width: auto; }
  .inGlobal-text { padding: 50px 30px; }
  .inGlobal-text .num { font-size: 72px; }
  .inGlobal-text .num:after { width: 25px; height: 25px; vertical-align: 14px; margin: 0 5px; }
  .inGlobal-text .txt { font-size: 20px; }
  .inGlobal-text a { margin-top: 35px; }
  .inGlobal-text-cont { padding-top: 30px; padding-bottom: 30px; }
  .footer-qrcode{font-size:14px;} 
  .footer-qrcode .tablecell:first-of-type{padding-bottom:0;}
}

@media (min-width: 992px) { .sunway-li { width: 25%; } }

@media (min-width: 1024px) { footer { padding-top: 25px; padding-bottom:10px; }
  .footer-link { float: left; padding-bottom: 10px; }
  .footer-link li { float: left; padding-right: 8px; }
  .footer-link li:last-child{padding-right:0;}
  .footer-link li h3 { background: none; border-bottom: none; }
  .footer-link .footer-drop { display: block; }
  .footer-right { float: right; }
  .footer-drop { padding-top: 5px; }
  #share, .footer-copyright, .footer-qrcode { text-align: right; }
  #share a:last-child { margin-right: 0; }
  .footer-link h3{font-size:14px;}
  .footer-drop a{font-size:12px;}
  .inSolution li{height:228px;}
  .inSolution h2{
      padding-top:20px;
      padding-bottom:40px;
  }
}

@media (min-width: 1200px) { header { padding-left: 42px; height: 80px; }
.logo img{max-height:none;}
.logo{height:80px;line-height:80px;}
  .fix-header { position: relative; }
  .nav-btn, .search-btn, .language-btn { width: 80px; height: 80px; line-height: 80px; }
  .stock { height: 80px; padding-top: 21px; }
  .stock .stockNum { font-size: 33px; padding-bottom: 3px; }
  nav li > a { height: 80px; line-height: 80px; }
  .closeNav { height: 100px; }
  nav .nav-drop { padding: 18px 0 28px; }
  nav .nav-drop a { font-size: 16px; line-height: 40px; }
  nav .nav-drop .cur, nav .nav-drop a:hover { color: #832c43; }
  .search-box { width: 240px; position: absolute; top: 100px; left: 50%; margin-left: -149px; }
  .footer-link li h3 { font-size: 16px; }
  .footer-link li { padding-right: 4px; }
  .footer-drop a{ transition:.3s; position:relative; font-size:14px;}
  .footer-drop a:hover{color:#842c44; transform:translateX(5px); -webkit-transform:translateX(5px); -ms-transform:translateX(5px); -moz-transform:translateX(5px); -o-transform:translateX(5px);  }
  .footer-qrcode { padding-bottom: 13px; }
  #share { padding-bottom: 3px; }
  .inNews { padding-bottom: 90px; padding-top: 50px; }
  .inNews-thumb { margin-top: 40px; padding: 0 60px; }
  .inNews-prev, .inNews-next, .inProduct-prev, .inProduct-next { width: 56px; height: 56px; -moz-background-size: auto; -o-background-size: auto; background-size: auto; }
  .inNews-prev:hover, .inNews-next:hover { background-image: url(../images/icon54.png); }
  .inProduct-wrap { padding: 0 60px; }
  .inProduct-prev:hover, .inProduct-next:hover { background-image: url(../images/icon58.png); }
  .inSolution { position: relative; z-index: 50; /*margin-top: 90px;*/ padding-top:30px; }

  .inSolution ul { /*background: url(../images/icon55.png) repeat-y;*/ padding-bottom: 30px; }
  .inSolution li { height: auto; margin-bottom:0; }
  .inSolution li a { display: block; overflow: hidden; }
  .inSolution li:hover p:after { margin-left: 20px; }
  .inSolution li:hover img { -webkit-transform: scale(1.08, 1.08); -moz-transform: scale(1.08, 1.08); -ms-transform: scale(1.08, 1.08); -o-transform: scale(1.08, 1.08); transform: scale(1.08, 1.08); }
  .inSolution img { -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; position: relative; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; left: 0; top: 0; }
  .inSolution-text { padding: 15px 25px; font-size: 16px; bottom: auto; top:0; background-color:rgba(0,0,0,0.2); }
  .inSolution-text h3 { line-height: 30px; padding-bottom: 5px; font-size:22px; }
  .inSolution-text p:after { -moz-background-size: auto; -o-background-size: auto; background-size: auto; margin-left: 10px; -webkit-transition: .3s ease; -o-transition: .3s ease; -moz-transition: .3s ease; transition: .3s ease; }
  .lg-block { display: block; }
  .inProduct-bd { margin-left: -93px; }
  .inProduct-bd li { width: auto; }
  .inProduct-bd a { display: block; position: relative; }
  .inProduct-bd a:after { content: ''; display: block; opacity: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; z-index: 2; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; }
  .inProduct-bd img { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; }
  .inProduct-bd .swiper-slide-active { z-index: 50; }
  .inProduct-bd .swiper-slide-active img { -webkit-transform: scale(1.28); -moz-transform: scale(1.28); -ms-transform: scale(1.28); -o-transform: scale(1.28); transform: scale(1.28); -webkit-box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.5); }
  .inProduct-bd .swiper-slide-active a:after { opacity: 0; }
  .inProduct-bd .swiper-slide-prev { margin-right: 50px; }
  .inProduct-bd .swiper-slide-next { margin-left: 50px; }
  .inProduct-bd ul { padding: 50px 0 55px; }
  .inProduct-text { padding: 35px 13%; font-size: 13px; }
  .inProduct-text h3 { font-size: 28px; padding-bottom: 15px; }
  .inProduct-text a { margin-top: 25px; }
  .inProduct-text:before { margin-left: 2px; }
  .inProduct-text p{text-align:left; text-indent:2em;}
  .sunway-thumb { position: relative; margin-top: 35px; }
  .sunway-thumb:after { content: ''; display: block; width: 100%; height: 0; border: 1px dotted #b6b7b8; position: absolute; left: 0; top: 50%; z-index: 1; }
  .sunway-item { width: 100%; position: absolute; left: 0; top: 0; padding-top: 135px; z-index: 2; }
  .sunway-li { margin-right: 32px; width: 140px; position: relative; padding: 0; }
  .sunway-li .desc { display: none; }
  .sunway-circle { background-color: #fff; }
  .sunway-li:nth-child(2) { margin-right: 556px; }
  .sunway-li:nth-child(4n) { margin-right: 0; }
  .sunway-li.on .sunway-circle p { display: none; }
  .sunway-li.on .pc-tit { display: block; min-width: 100%; white-space: nowrap; position: absolute; top: -67px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); color: #832c43; font-size: 20px; }
  .sunway-li.on .desc { display: -webkit-box; width: 220px; position: relative; left: 50%; margin-left: -110px; margin-top: 25px; }
  .sunway { padding-bottom: 108px; }
  .earth { width: 404px; height: 404px; display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; position: relative; margin: 0 auto; }
  .earth img {  display: block; width:280px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); }
  .earth-cont { width: 404px; height: 404px; position: relative; z-index: 2; display: block; margin: 0 auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; }
  .earth-cont span { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: url(../images/icon68.png) right top no-repeat; -webkit-animation-name: earth; -webkit-animation-duration: 10000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; border-radius:50%;   border: 1px dotted #aaa; }
  .earth-cont span:after { content: ''; display: block; width: 14px; height: 14px; background: url(../images/icon69.png) no-repeat; position: absolute; left: 50%; top: -6px; margin-left: -7px; }
  .sunway { padding-top: 70px; }
  .sunway h1 { font-size: 20px; padding-bottom: 13px; }
  .sunway article { padding-bottom: 5px; }
  .inGlobal { background-color: #1b2422; position: relative; }
  .inGlobal-btn { width: 67%; float: left; }
  .inGlobal-text { width: 33%; float: left; background: url(../images/icon70.png) 21.5% 90px no-repeat; padding:15px 30px; }
  .inGlobal-text a { -webkit-transition: .3s ease; -o-transition: .3s ease; -moz-transition: .3s ease; transition: .3s ease; }
  .inGlobal-btn { position: relative; }
  .inGlobal-btn a { width: 60px; height: 90px; display: block; position: absolute; }
  .inGlobal-btn a:nth-child(1) { left: 31.7%; top: 33%; }
  .inGlobal-btn a:nth-child(2) { left: 55%; top: 22%; }
  .inGlobal-btn a:nth-child(3) { right: 22.7%; top: 37%; }
  .inGlobal-btn a:nth-child(4) { right: 17.7%; top: 36%; }
  .inGlobal-btn a:nth-child(5) { right: 13.7%; top: 28%; }
  .inGlobal-city { width: 33%; height: 100%; position: absolute; right: 0; top: 0; z-index: 2; background-color: #1b2422; padding: 0 40px; color: #717171; padding-top: 80px; }
  .inGlobal-city h4 { color: #fff; }
  .inGlobal-city h4:after { content: ''; display: block; width: 20px; height: 2px; background-color: #fff; margin: 35px 0; }
  .inGlobal-city h5 { color: #922239; }
  .inGlobal-city .p1 { color: #494949; padding-bottom: 40px; padding-top: 12px; }
  .inGlobal-close { width: 18px; height: 18px; background: url(../images/icon73.png) no-repeat; display: block; position: absolute; right: 45px; top: 30px; z-index: 3; }
  .inGlobal-text a:hover { border-color: #fff; } }

@keyframes earth { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }

@-webkit-keyframes earth { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@-moz-keyframes earth { 0% { -moz-transform: rotate(0); transform: rotate(0); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } }

@-o-keyframes earth { 0% { -o-transform: rotate(0); transform: rotate(0); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); } }

@media (min-width: 1280px) { .sunway-li:nth-child(2) { margin-right: 576px; } }

@media (min-width: 1600px) {
	.logo{height:100px;line-height:100px;}
    .inGlobal-text{padding:50px 30px;}
    header{height:100px;}
    .top-link a{line-height:100px;}
    .nav-btn, .search-btn, .language-btn{width:100px; height:100px; line-height:100px;}
    .stock{height:100px;padding-top:30px;}
}

@media (min-width: 1600px) { .inNews-thumb, .inProduct-wrap { padding: 0; }
  .inNews-prev, .inProduct-prev { left: -96px; }
  .inNews-next, .inProduct-next { right: -96px; } }

@media (min-width: 1900px) { .inGlobal-text { padding: 165px 40px 0; } }

@charset "UTF-8";
.ovhid { overflow: hidden; }

.subbanner { position: relative; overflow: hidden; }

.subbanner img { height: 150px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); display: block; }

.subbanner h3 { width: 100%; text-align: center; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: #fff; font-family: "Arial","SourceHanSans"; font-size: 18px; line-height: normal; font-weight: lighter; letter-spacing: 1px; }

.container { padding: 25px 0; }

.com-tit h4 { color: #edded6; font-size: 30px; line-height: normal; text-transform: uppercase; padding-bottom: 5px; }

.com-tit h2 { font-size: 18px; font-weight: bold; }

.com-tit h2:after { content: ''; display: block; width: 20px; height: 3px; background-color: #842c44; margin-top: 15px; }

.product-three-bd{overflow:hidden;}

.product-three { margin-top: 20px; }

.product-three li { float: left; width: auto; }

.product-three a { min-width: 150px; display: block; border-bottom: 1px solid #d8dde6; border-right: 1px dashed #d8dde6; text-align: center; color: #666; line-height: 40px; padding:0 10px;position:relative; }

.product-three a:after{
	position: absolute;
    bottom: 2px;
    left: 50%;
    display: none;
    width: 40%;
    height: 5px;
    transform: translateX(-50%);
    content: '';
    background-color: #842c44;
}

.product-three li:last-child a { border-right: none; }

.product-three .on:after {display:block; }

.product-list .img { display: block; border: 1px solid #c4cad5; border-bottom: none; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; }

.product-list img { display: block; max-width: 100%; margin: 0 auto; }

.product-list h3 { background-color: #005eb3; line-height: 32px; color: #fff; text-align: center; font-size: 14px;     height: 64px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2}

.product-list li { margin-top: 20px; padding: 0 5px; }

.product-list li a { display: block; background-color: #fff; }

.product-list ul { padding-bottom: 20px; margin: 0 -5px; }

.more-btn { display: block; line-height: 50px; text-align: center; color: #fff; background-color: #842c44; font-size: 16px; }

.text-red { color: #842c44; }

.text-gray { color: #666; text-align:justify;}

.text-black { color: #333; }

.product-detail { padding-top: 30px; }

.product-img { border: 1px solid #c0c7d2; }

.product-img img { max-width: 100%; display: block; margin: 0 auto; }

.product-text { border-top: 2px solid #842c44; margin-top: 30px; padding-top: 30px; line-height: 23px; }

.product-text strong { padding-bottom: 10px; display: inline-block; }

.font32 { font-size: 20px; }

.font24 { font-size: 18px; }

.text-center { text-align: center; }

.product-hd { padding: 0 57px; position: relative; }

.product-prev, .product-next { width: 37px; height: 37px; display: block; position: absolute; top: 50%; margin-top: -18px; z-index: 30; background: url(../images/probtn.png) no-repeat; }

.product-prev { left: 0; background-position: left top; }

.product-next { right: 0; background-position: right top; }

.product-bd img { display: block; width: 100%; }

.product-bd li { border: 1px solid #dadfe7; }

.product-bd .tit { padding-bottom: 5px; display: block; }

.product-scroll { padding: 30px 0; color: #666; }

.product-scroll h3 { line-height: 26px; margin-bottom: 20px; border-left: 10px solid #842c44; padding-left: 15px; }

.download-btn { line-height: 29px; display: inline-block; padding-right: 28px; background: url(../images/img20.jpg) right top no-repeat; font-size: 16px; float: right; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }

.investor li { border: 1px solid #c0c7d2; padding: 15px; margin-top: 20px; background-color: #fff; }

.investor dl { padding-left: 60px; background: url(../images/img18.jpg) left top no-repeat; }

.investor dt { font-size: 16px; }

.investor dd { font-size: 13px; color: #aaa; }

.investor ul { padding-bottom: 30px; }

.gallery { margin-top: 20px; }

.gallery img { max-width: 100%; display: block; }

.gallery-large { position: relative; margin-bottom: 10px; }

.gallery-large h4 { width: 100%; position: absolute; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.2); color: #fff; font-size: 16px; line-height: 40px; padding: 0 15px; }

.gallery-small { overflow-x: scroll; }

.gallery-small ul { width: 9999px; overflow-x: scroll; }

.gallery-small li { float: left; padding-right: 10px; }

.gallery-small li:last-child { padding-right: 0; }

.gallery-small img { display: block; height: 80px; }

.gallery-small a { position: relative; display: block; }

.gallery-small a:after { content: ''; width: 100%; height: 100%; border: 2px solid #842c44; position: absolute; left: 0; top: 0; z-index: 2; opacity: 0; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; }

.gallery-small .on:after { opacity: 1; }

.gallery-small h4 { width: 100%; position: absolute; bottom: 0; left: 0; color: #fff; background-color: rgba(0, 0, 0, 0.4); font-size: 12px; padding: 2px 10px; }

.scrollbar::-webkit-scrollbar { width: 4px; height: 1px; }

.scrollbar::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #842c44; }

.scrollbar::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); -webkit-border-radius: 10px; border-radius: 10px; background: #ddd; }

.training { padding-top: 30px; }

.training .bgarrow { max-width: 100%; display: inline-block; padding-right: 50px; padding-bottom: 20px; background: url(../images/icon06.png) right bottom no-repeat; margin-bottom: 20px; }

.training h3 { font-weight: lighter; padding-bottom: 10px; }

.training h4 { font-size: 16px; padding-bottom: 5px; }

.training img { display: block; max-width: 100%; }

.training .training-text { padding: 20px 0 0; }

.training .training-text p { position: relative; padding-left: 0px; }

.training .training-text p:after { content: ''; position: absolute; left: 0; top: 2px; }

.training .training-word01, .training .training-word02 { display: none; }

@media (min-width: 768px) { .subbanner img { height: 200px; }
  .subbanner h3 { font-size: 24px; }
  .container { padding: 40px 0; }
  .pro-bg {  }
  .com-tit h4 { font-size: 45px; }
  .com-tit h2 { font-size: 24px; line-height: normal; }
  .com-tit h2:after { margin-top: 22px; }
  .product-three { margin-top: 30px; }
  .product-list { margin-top: 15px; }
  .product-list li { padding: 0 10px; margin-bottom: 10px; }
  .product-list ul { margin: 0 -10px; padding-bottom: 20px; }
  .table-sm { display: table; }
  .tablecell-sm { display: table-cell; width: 50%; }
  .font32, .font24 { font-size: 24px; line-height: normal; }
  .product-scroll { padding-top: 50px; }
  .product-scroll h3 { margin-bottom: 30px; }
  .product-detail { padding-top: 50px; }
  .product-bd .tit { padding-bottom: 10px; }
  .sm-left { float: left; }
  .sm-right { float: right; }
  .sm-half { width: 50%; }
  .investor li { padding: 40px 30px; }
  .investor ul { padding-bottom: 40px; }
  .gallery { position: relative; margin-top: 30px; }
  .gallery .thumb { position: relative; }
  .gallery-large { margin-bottom: 0; padding-left: 0; }
  .gallery-small { height: 100%; position: absolute; right: 0; top: 0; z-index: 1; overflow-x: overlay; padding-right: 20px; }
  .gallery-small ul { width: auto; overflow: hidden; }
  .gallery-small li { padding-right: 0; padding-bottom: 10px; float: none; }
  .gallery-small a:after { border-width: 4px; }
  .gallery-small h4 { font-size: 14px; line-height: 30px; padding: 0 17px; }
  .gallery-small li:last-child { padding-bottom: 0; }
  .gallery-small img { height: auto; }
  .training-wrap { padding: 20px 0; }
  .training-cont { padding: 0; }
  .training-cont .col-sm-8, .training-cont .col-sm-4 { padding: 0; }
  .training-text.changepad { padding: 7% 30px 0; }
  .training-text.changepad02 { padding: 7% 20px 0 15px; }
  .training-text.changepad03 { padding: 20px; } }

@media (min-width: 992px) { .md-left { float: left; }
  .md-half { width: 50%; }
  .product-text { margin-top: 0; margin-left: 9%; }
  .gallery { margin-bottom: 15px; }
  .training { font-size: 16px; }
  .training h4 { font-size: 20px; padding-bottom: 7px; } }

@media (min-width: 1024px) { .subbanner h3 { font-size: 30px; max-width: 1200px; }
.product-list h3 {height: 32px;
    -webkit-line-clamp: 1;}
  .product-three a:hover::after { display:block; }
  .product-list li a { position: relative; }
  .product-list li a:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 2px; background-color: #842c44; opacity: 0; -webkit-transition: .3s ease opacity; -o-transition: .3s ease opacity; -moz-transition: .3s ease opacity; transition: .3s ease opacity; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
  .product-list li a:hover { -webkit-box-shadow: 0 0px 8px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0px 8px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0px 8px 3px rgba(0, 0, 0, 0.1); }
  .product-list li a:hover .img { border-color: #fff; }
  .product-list li a:hover:before { opacity: 1; }
  .product-bd a:hover .tit { color: #842c44; }
  .product-prev:hover, .product-next:hover { background-position-y: bottom; }
  .download-btn { margin-top: 10px; margin-right: 30px; }
  .investor ul { padding-bottom: 60px; }
  .investor li { position: relative; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; padding: 45px 55px; }
  .investor li:hover:before { display: block; }
  .investor li:before { content: ''; display: none; width: 100%; height: 2px; background-color: #842c44; position: absolute; top: -1px; left: 0; }
  .investor li:hover { -webkit-box-shadow: 0 0px 8px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0px 8px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0px 8px 3px rgba(0, 0, 0, 0.1); border-color: #fff; }
  .investor li:hover .download-btn { color: #842c44; background-image: url(../images/img19.jpg); }
  .investor dt { padding-top: 2px; font-size: 20px; padding-bottom: 3px; } }

@media (min-width: 1200px) { .subbanner h3 { text-align: left; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; }
  .container { padding: 30px 0 60px; }
  .com-tit h4 { font-size: 60px; padding-bottom: 0; }
  .com-tit h2 { font-size: 30px; }
  .product-list { margin-top: 30px; }
  .product-list ul { padding-bottom: 50px; }
  .font32 { font-size: 32px; }
  .product-scroll { padding-top: 70px; padding-bottom: 60px; }
  .training h3 { padding-bottom: 28px; }
  .training-text { font-size: 18px; line-height: 28px; }
  .training-wrap { background: url(../images/icon08.png) top repeat-y; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; padding-bottom: 0; margin-top: 50px; padding-top: 0; background:none;}
  .training-bot.changepad03 { padding-bottom: 0; }
  .training-img01 img { padding: 2px 3px; }
  .training-bot p { font-size: 16px; line-height: 26px; }
  .training-bot h3 { padding-bottom: 7px; }
  .training-cont { border-top: 1px solid transparent; position: relative; }
  .training-cont .lg-pdleft { padding-left: 0; }
  .training-cont .lg-pdright { padding-right: 0; }
  .training-cont .col-sm-4 { position: relative; }
  .training-cont .col-sm-4:after { content: ''; display: none; width: 18px; height: 18px; background: url(../images/icon07.png) no-repeat; position: absolute; right: -9px; top: -11px; z-index: 2; }
  .training-cont .col-sm-4.afternone:after { display: none; }
  .training-cont .iconbot:before, .training-cont .icontop:before { content: ''; display: none; width: 18px; height: 18px; background: url(../images/icon07.png) no-repeat; position: absolute; right: -9px; bottom: -8px; z-index: 2; }
  .training-cont .icontop:before { right: 32.5%; top: -11px; bottom: auto; z-index: 2; }
  .training .bgarrow { width: 100%; display: block; background-position: left bottom; padding-bottom: 35px; }
  .training { padding-top: 85px; }
  .training-wrap { position: relative; }
  .training-wrap:after { content: ''; display: none; width: 2px; height: 300px; background-color: #dde3eb; position: absolute; right: 33.1%; top: -300px; z-index: 1; }
  .training-top { width: 100%; }
  .training-word01 { position: absolute; top: -42px; right: 0; display: block !important; }
  .training-word02 { position: absolute; bottom: 5px; left: -105px; max-width: none !important; display: block !important; } }

.feedback { padding-top: 20px; }

.join-form { max-width: 1070px; font-size: 14px; margin: 0 auto; }

.join-form ul { margin: 0 -1.2%; }

.join-form ul li { float: left; width: 100%; padding: 0 1.2% 10px; }

.join-form ul li.allwidth { width: 100%; }

.join-form ul li .box-input { height: 60px; line-height: 60px; position: relative; border: 1px solid #DDDDDD; -webkit-transition: all ease-in .3s; -o-transition: all ease-in .3s; -moz-transition: all ease-in .3s; transition: all ease-in .3s; }

.join-form ul li .box-input.textareaheight, .join-form ul li .box-input textarea { height: 400px !important; }

.join-form ul li .box-input:after, .join-form ul li .box-input:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; opacity: 0; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s; }

.join-form ul li .box-input:before { border-top: 1px solid #842c44; border-bottom: 1px solid #842c44; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); }

.join-form ul li .box-input:after { border-right: 1px solid #842c44; border-left: 1px solid #842c44; -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); }

.join-form ul li .box-input em { position: absolute; right: 20px; color: #ff0000; font-style: normal; top: 0; }

.join-form ul li .box-input span { position: absolute; display: block; top: 18px; left: 18px; color: #737373; -webkit-transition: all ease-in .3s; -o-transition: all ease-in .3s; -moz-transition: all ease-in .3s; transition: all ease-in .3s; line-height: 22px; opacity: 0; color: #842c44; font-size: 10px; z-index: 0; }

.join-form ul li .box-input .codeimg { position: absolute; right: 10px; top: 50%; z-index: 10; margin-top: -21px; }

.join-form ul li .box-input .codeimg img { display: block; height: 43px; }

.join-form ul li .box-input input, .join-form ul li .box-input select, .join-form ul li .box-input textarea { width: 100%; background: none; height: 30px; padding-left: 18px; font-size: 14px; color: #333; position: relative; z-index: 1; font-family: "Arial"; }

.join-form ul li .box-input input::-webkit-input-placeholder, .join-form ul li .box-input select::-webkit-input-placeholder, .join-form ul li .box-input textarea::-webkit-input-placeholder { color: #333; }

.join-form ul li .box-input input:-moz-placeholder, .join-form ul li .box-input select:-moz-placeholder, .join-form ul li .box-input textarea:-moz-placeholder { color: #333; }

.join-form ul li .box-input input::-moz-placeholder, .join-form ul li .box-input select::-moz-placeholder, .join-form ul li .box-input textarea::-moz-placeholder { color: #333; }

.join-form ul li .box-input input:-ms-input-placeholder, .join-form ul li .box-input select:-ms-input-placeholder, .join-form ul li .box-input textarea:-ms-input-placeholder { color: #333; }

.join-form ul li.focus .box-input { border: 0; }

.join-form ul li.focus .box-input:after, .join-form ul li.focus .box-input:before { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.join-form ul li.focus .box-input input, .join-form ul li.focus .box-input textarea, .join-form ul li.focus .box-input select { margin-top: 26px; font-size: 16px; color: #323232; }

.join-form ul li.focus span { -webkit-transform: translateY(-12px); -moz-transform: translateY(-12px); -ms-transform: translateY(-12px); -o-transform: translateY(-12px); transform: translateY(-12px); opacity: 1; }

.change-address .box-input { margin-bottom: 10px; }

.change-address .box-input:last-child { margin: 0; }

.join-form ul li .box-input input:focus::-webkit-input-placeholder, .join-form ul li .box-input textarea:focus::-webkit-input-placeholder { color: transparent; }

.join-form ul li .box-input input:focus:-moz-placeholder, .join-form ul li .box-input textarea:focus:-moz-placeholder { color: transparent; }

.join-form ul li .box-input inputfocus::-moz-placeholder, .join-form ul li .box-input textareafocus::-moz-placeholder { color: transparent; }

.join-form ul li .box-input input:focus:-ms-input-placeholder, .join-form ul li .box-input textarea:focus:-ms-input-placeholder { color: transparent; }

.form-btn input { width: 48%; display: block; float: left; height: 60px; max-width: 240px; border: 1px solid #DDDDDD; color: #737373; background: none; margin-right: 2%; cursor: pointer; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }

.form-btn input:hover { color: #842c44; border-color: #842c44; }

.join-form ul li .box-input textarea { padding: 15px; font-family: "Arial"; }

.contactlist li.cur .subconttact { padding-top: 28px; }

.feedback li:nth-child(3) { float: none; clear: both; }

.yzminput { padding-right: 190px !important; position: relative; }

.yzminput i { position: absolute; right: 10px; top: 20px; font-size: 12px; line-height: 13px; }

.codeimg { position: absolute; right: 80px; top: 0; }

.contact img { display: block; max-width: 100%; }

.contact-info { padding-top: 15px; line-height: 30px; background: url(../images/bg01.png) repeat; }

.contact-info h2 { padding-bottom: 5px; }

.contact-info .tel, .contact-info .fax, .contact-info .mail, .contact-info .add { padding-left: 23px; }

.contact-info .tel { background: url(../images/icon09.png) 2px 8px no-repeat; }

.contact-info .fax { background: url(../images/icon10.png) 2px 8px no-repeat; }

.contact-info .mail { background: url(../images/icon11.png) 2px 8px no-repeat; }

.contact-info .add { background: url(../images/icon12.png) 2px 8px no-repeat; }

.contact-info .tishi { background: url(../images/tsicon.png) 2px 8px no-repeat; padding-left: 23px;}

.address-list li { padding-bottom: 20px; display: none; }

.address-list li:first-child { display: block; }

.address-list h3 { padding-bottom: 5px; }

.dark { color: #737373; }
.contact-info .tel .dark,.contact-info .fax .dark{
	width:55px;
	display:inline-block;
	vertical-align:middle;
}

.disblock { display: block; }

.address-btn { padding: 20px 0; font-size: 0; }

.address-btn a { font-size: 14px; line-height: 20px; display: inline-block; margin-bottom: 10px; border-left: 2px solid #e6d5da; }

.address-btn .on { border-color: #842c44; color: #842c44; }

.contact-way { padding-top: 20px; }

.contact-way .bg { background-color: #f5f8fb; padding: 10px; margin-bottom: 2px; padding-left: 20%; }

.contact-way .telicon, .contact-way .faxicon, .contact-way .mailicon { padding-left: 50px; text-align: left; }

.contact-way .telicon { background: url(../images/icon13.png) left center no-repeat; }

.contact-way .faxicon { background: url(../images/icon14.png) left center no-repeat; }

.contact-way .mailicon { background: url(../images/icon15.png) left center no-repeat; }

.text-left { text-align: left; }

.about-cont { padding-top: 20px; padding-bottom: 30px; }

.about-cont img { max-width: 100%; display: block; margin: 20px auto 0; }

.event { background: url(../images/img32.jpg) top center no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: #fff; }

.event h3 span { text-transform: uppercase; color: #414649; display: inline-block; padding-left: 25px; }

.event h3:after { content: ''; display: block; width: 20px; height: 3px; background-color: #842c44; margin: 20px 0 0; }

.event .commonweb { background-color: rgba(0, 0, 0, 0.4); padding-top: 30px; padding-bottom: 30px; }

.font40 { font-size: 24px; }

.event-list dl { padding: 30px 0 0; }

.event-list dt { position: relative; padding-top: 2px; padding-right: 20px; }

.event-list dt:after { content: ''; display: inline-block; width: 1px; height: 60px; background-color: #fff; opacity: 0.2; vertical-align: top; position: absolute; right: 0; top: 0; }

.event-list dd { padding: 0 20px; }

.dev-list { padding: 30px 0; }

.dev-list img { display: block; max-width: 100%; }

.dev-list li { margin-bottom: 30px; }

.dev-img { display: none; }

.dev-time:after { content: ''; display: inline-block; width: 50px; height: 1px; background-color: #dde3eb; vertical-align: middle; margin: 0 15px; }

.dev-cont { padding-top: 15px; }

.dev-text h3 { font-size: 16px; padding-bottom: 5px; }

.development { padding-top: 20px; }

.more-line{padding-top:20px;}
.more-list{width:200px; height:60px; line-height:60px; display:block; background:#842c44 url(../images/more-ar.png) 142px center no-repeat; padding-left:60px; color:#fff; font-size:16px; margin:0 auto; }

.culture-ceo { padding-top: 10px; }

.culture-ceo li { border-bottom: 1px solid #e2eaf1; padding: 20px 0; }

.culture-ceo-text { padding-top: 5px; padding-left: 0; }

.culture-ceo-text h3 { margin-bottom: 5px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: 22px; height: 22px; }

.culture-ceo-text .desc { color: #898989; display: -webkit-box; height: 40px; line-height: 20px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.font20 { font-size: 16px; }

.culture-ceo-btn a { color: #aaa; float: right; margin-top: 7px; display: inline-block; }

.culture-ceo-btn a:before { content: ''; display: block; width: 25px; height: 26px; background: url(../images/icon16.png) bottom left no-repeat; margin: 0 auto 10px; }

.ceo-bg { background: url(../images/img36.jpg) center bottom no-repeat; padding-bottom: 50px; }

.more-icon { width: 45px; height: 45px; background: url(../images/icon17.png) no-repeat; display: block; margin: 30px auto; }

.honor { padding: 20px 0; }

.honor-img { background: url(../images/img37.jpg) center center no-repeat; padding: 30px 0; }

.gallery-small { padding-bottom: 10px; }

.honor-img .scrollbar::-webkit-scrollbar-thumb { background-color: #fff; }

.honor-img .scrollbar::-webkit-scrollbar-track { background-color: #212b31; }

.honor-img .gallery-large { margin-bottom: 15px; }

.honor-img .gallery-large .thumb { background: url(../images/img39.jpg) no-repeat; padding: 10px 10px; }

.honor-img .gallery-large img { margin: 0 auto; }

.honor-img .gallery-large h4 { position: relative; background: none; color: #03080d; text-align: center; }

.honor-img li h4 { display: none; }

.honor-img li a { padding: 10px; }

.honor-img li a:after { border-color: #6b747a; opacity: 1; }

.honor-img .on:after { border-color: #fff; }

.container.pbnone { padding-bottom: 0; }

.culture { padding-bottom: 50px; }

.culture img { max-width: 100%; display: block; }

.culture h3 { padding-bottom: 10px; }

.culture .sm-tablecell { padding: 10px 0 0; }

.culture .visible-sm { display: none; }

.culture .fl { padding-right: 5px; }

.layout-text { padding: 20px 0; }

.office-list { padding-top: 30px; }

.office-list li { padding-bottom: 20px; }

.office-list img { display: block; width: 80%; margin: 0 auto; position: relative; z-index: 2; }

.office-list .office-text { border: 1px solid #dfdfdf; margin-top: -45px; padding: 70px 7% 25px 7%; color: #999; background-color: #fff; }

.office-list h3 { padding-bottom: 10px; font-size: 16px; }

.office-list h3:before { content: ''; display: block; width: 20px; height: 2px; background-color: #922239; margin: 15px 0; }

.layout-bg { background: url(../images/img59.jpg) center bottom no-repeat; }

.map img { display: block; width: 100%; }

.map-list, .map-list-cont { display: none; }

.map-close { width: 18px; height: 18px; position: absolute; right: 50px; top: 45px; z-index: 2; background: url(../images/icon18.png) no-repeat; }

.map { margin-bottom: 25px; }

.com-tit.text-center h2:after { margin: 15px auto 0; }

.solution-text { padding-top: 20px; padding-bottom: 30px; }

.solution-list img { width: 100%; display: block; }

.solution-item { margin-top: 20px; padding-left: 50px; padding-bottom: 10px; background-repeat: no-repeat; background-position: left top; -moz-background-size: 40px; -o-background-size: 40px; background-size: 40px; }

.solution-item h3:after { content: ''; display: block; width: 22px; height: 4px; background-color: #666; margin: 10px 0; }

.solution-item h4 { font-size: 16px; }

.solution-item:nth-child(1) { background-image: url(../images/icon20.png); }

.solution-item:nth-child(2) { background-image: url(../images/icon21.png); }

.solution-item:nth-child(3) { background-image: url(../images/icon22.png); }

.solution-item:nth-child(4) { background-image: url(../images/icon23.png); }

.solution-item:nth-child(5) { background-image: url(../images/icon24.png); }

.solution-item:nth-child(6) { background-image: url(../images/icon25.png); }

.solution-item:nth-child(7) { background-image: url(../images/icon26.png); }

.solution-item:nth-child(8) { background-image: url(../images/icon27.png); }

.solution-related { margin-top: 15px; padding-top: 15px; position: relative; border-top: 1px solid #333; }

.solution-related:before { content: ''; display: block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #333; position: absolute; left: 0; top: -5px; }

.solution-related h4 { padding-left: 10px; padding-bottom: 10px; }

.solution-related li { padding-bottom: 5px; }

.solution-related a { text-decoration: underline; }

.Qualification { padding-top: 20px; font-size: 15px; line-height: 22px; }

.Qualification .sm-table { border-collapse: collapse; }

.Qualification .sm-tablecell { border: 1px solid #e6e6e6; }

.Qualification img { display: block; max-width: 100%; }

.Qualification h3 { font-size: 18px; line-height: normal; padding-bottom: 15px; font-weight:bold;}

.advantages { padding-top: 20px; }

.advantages-btn { padding-top: 20px; }

.advantages-btn li { width: auto; min-width: 210px; text-align: center; border: 1px solid #c0c7d2; line-height: 33px; }

.advantages-btn li a { color: #999; }

.advantages-btn .on { background-color: #842c44; }

.advantages-btn .on a { color: #fff; }

.advantages-tit { border-top: 1px solid #842c44; margin-top: 20px; }

.advantages-tit:before { content: ''; display: block; float: left; width: 80px; height: 80px; background: url(../images/icon36.png) no-repeat; margin-right: 10px; }

.advantages-tit h3 { padding-top: 10px; padding-bottom: 5px; }

.advantages-tit h4 { line-height: 18px; }

.m-imgthumb { border: 1px solid #c0c7d2; padding: 50px 30px; position: relative; margin-top: 20px; background-color: #fff; }

.m-imgthumb img { max-width: 100%; display: block; margin: 0 auto; }

.m-img-prev, .m-img-next { width: 22px; height: 41px; position: absolute; top: 50%; margin-top: -20px; }

.m-img-prev { left: 5px; background: url(../images/icon35.png) no-repeat; }

.m-img-next { right: 5px; background: url(../images/icon37.png) no-repeat; }

.m-img-hd { position: absolute; bottom: 0; right: 0; z-index: 1; text-align: right; }

.m-img-hd span { width: 10px; height: 5px; background-color: #c0c7d2; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: 0.3s ease width; -o-transition: 0.3s ease width; -moz-transition: 0.3s ease width; transition: 0.3s ease width; opacity: 1; }

.m-img-hd span.swiper-pagination-bullet-active { width: 32px; background-color: #842c44; }

.m-textthumb { padding-top: 20px; color: #999; }

.m-textthumb h5 { font-size: 14px; }

.m-textthumb h2 { padding-bottom: 5px; }

.m-textthumb a { color: #999; }

.m-textthumb a:hover { text-decoration: underline; color: #333; }

.m-textthumb h5 { padding-top: 15px; padding-bottom: 3px; }

.m-image-bottom { margin-top: 30px; background: url(../images/img73.jpg) no-repeat; padding: 10px 0 30px; }

.m-image-bottom .text-red, .m-image-bottom .text-gray, .m-image-bottom .text-black, .m-image-bottom .m-textthumb, .m-image-bottom a { color: #fff; }

.advantages-list { display: none; }

.advantages-list:first-child { display: block; }

.singlePage { padding-top: 20px; }

.singlePage img { max-width: 100%; display: block; margin: 0 auto; }

.singlePage-text { padding-bottom: 20px; }

.test-tit { border-top: 2px solid #842c44; }

.test-tit h3 { display: inline-block; color: #fff; padding: 10px 30px; background: #842c44 url(../images/icon40.png) 2px center no-repeat; -moz-background-size: 30px; -o-background-size: 30px; background-size: 30px; }

.test-one { padding-top: 30px; }

.test-one img { display: block; max-width: 100%; margin: 20px auto 0; }

.test-cont { padding-top: 20px; }

.test-cont .en { border-top: 4px solid #842c44; display: inline-block; margin-top: 10px; text-transform: uppercase; letter-spacing: 2px; }

.test-two { margin-top: 30px; background: url(../images/img76.jpg) center no-repeat; padding-bottom: 30px; color: #474949; }

.test-two h4 { padding-left: 10px; padding-top: 20px; }

.test-two h4:after { content: ''; display: block; width: 28px; height: 2px; background-color: #fff; margin: 15px 0 10px; }

.test-two .pad { padding: 10px 0; }

.test-two .p1 { position: relative; padding-left: 10px; }

.test-two .p1 .fl { position: absolute; left: 0; top: 3px; }

.test-two img { max-width: 100%; display: block; margin-top: 20px; }

.test-three { padding: 30px 0; }

.plan-left { padding-top: 20px; color: #777777; }

.plan-left h4 { color: #474949; border-bottom: 4px solid #842c44; display: inline-block; padding-right: 15px; padding-bottom: 10px; }

.plan-left h5 { text-transform: uppercase; letter-spacing: 2px; padding-top: 5px; padding-bottom: 10px; }

.plan-left .p1 { position: relative; padding-left: 10px; }

.plan-left .p1 .dian { position: absolute; left: 0; top: 3px; }

.plan-ul { padding-top: 20px; }

.plan-ul li { padding-bottom: 10px; }

.plan-ul .table { display: table; width: 100%; border: 1px solid #eaeaea; padding: 15px 20px; color: #777; }

.plan-ul .tablecell { display: table-cell; vertical-align: middle; text-align: center; }

.plan-ul img { display: block; margin: 0 auto; }

.plan-ul p { text-align: left; }

.plan-ul .plan-text { padding-left: 0px; }

.plan-ul .plan-img { width: 45%; }

.plan-ul h4 { color: #474949; font-size: 16px; padding-top: 5px; }

.test-process { position: relative; }

.test-process:before { content: ''; display: block; width: 100%; height: 1px; background-color: #eaeaea; position: absolute; left: 0; top: 50%; z-index: 1; }

.process-bd { text-align: center; }

.process-bd li { width: auto; z-index: 2; }

.process-bd li:nth-child(2n) { padding-top: 71px; }

.process-bd li:nth-child(2n-1) .icon { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.process-bd .tit { background-color: #842c44; width: 84px; height: 47px; line-height: 47px; text-align: center; color: #fff; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 16px; }

.process-bd .icon { display: block; width: 21px; height: 45px; margin: 0 auto; background: url(../images/icon45.png) no-repeat; }

@media (min-width: 768px) { .join-form ul li { width: 50%; }
  .form-btn { padding-top: 20px; padding-bottom: 45px; }
  .feedback { margin-top: 30px; padding: 30px; border-top: 2px solid #842c44; background-color: #FFFFFF; -webkit-box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.1); overflow: hidden; }
  .contact .sm-tablecell:first-child { width: 45%; }
  .contact .sm-tablecell { vertical-align: middle; }
  .contact-info { padding: 15px; }
  .contact-info h2 { padding-bottom: 10px; }
  .address-btn { padding: 30px 0 20px; }
  .address-list { line-height: 26px; }
  .contact-way { padding-top: 40px; }
  .contact-way .bg { padding-left: 0; border-right: 2px solid #fff; text-align: center; padding: 28px 0; margin-bottom: 0; }
  .contact-way .telicon, .contact-way .faxicon, .contact-way .mailicon { display: inline-block; line-height: 20px; }
  .about-text { font-size: 15px; line-height: 26px; }
  .event .commonweb { padding-top: 50px; padding-bottom: 80px; }
  .font40 { font-size: 30px; }
  .development { padding-top: 30px; }
  .event-list { font-size: 16px; line-height: 24px; }
  .dev-img { float: left; width: 21.7%; }
  .dev-text { padding-top: 4px; padding-left: 20px; font-size: 16px; line-height: 26px; }
  .dev-text h3 { font-size: 20px; }
  .dev-list{overflow:hidden;}
  .dev-list ul { position: relative; }
  .dev-list ul:after { content: ''; display: block; width: 1px; height: 100%; position: absolute; left: 50%; top: 0; background-color: #dde3eb; }
  .dev-list li { margin-bottom: 40px; position: relative; }
  .dev-list li:before { content: ''; display: block; width: 100%; max-width:457px; height: 1px; background-color: #dde3eb; position: absolute; left: 22%; top: 60px; z-index: 0; }
  .dev-list li .dev-img { display: block; min-height: 105px;  position:relative; z-index:1; }
  .dev-list li .dev-img span { display: block; position: absolute; left: 0; top: 0; z-index: -1; width: 21%; height: 100%; }
  .dev-list .has:before { top: 78px; }
  .dev-time { padding: 0 15px; margin-left: 8.75%; background-color: #fff; }
  .dev-time:after { display: none; }
  .dev-list .has .dev-cont { padding-top: 8.5%; }
  .dev-list .dev-cont { padding-top: 6.5%; }
  .dev-text { float: right; padding-top: 0; margin-top: -1px; padding-left: 20px; padding-right: 5.5%; width: 40%; }
  .dev-list li:last-child{margin-bottom:0;}
  .more-line{padding-top:0;}
  .more-line:before{content:'';display:block;width:1px; height:60px; background:url(../images/line.png) left bottom no-repeat;margin:0 auto;}
  .culture-ceo-text { padding-top: 0; }
  .culture-ceo li { padding: 30px 0; }
  .more-icon { margin-top: 50px; }
  .ceo-bg { padding-bottom: 115px; }
  .honor { padding: 30px 0 40px; }
  .gallery-small { padding-bottom: 0; }
  .honor-img { padding: 40px 0 45px; }
  .honor-img .gallery-large { margin-bottom: 0; }
  .honor-img .gallery-large .thumb { padding: 30px 20px 10px; }
  .honor-img .gallery-large h4 { padding-top: 10px; }
  .honor-img .gallery-small a:after { border-width: 2px; }
  .culture .culture-item { width: 100%; }
  .culture .sm-tablecell { width: 33.333333%; padding-top: 0; vertical-align: middle; }
  .culture .sm-tablecell .thumb { padding: 0 20px; }
  .culture .hidden-sm { display: none; }
  .culture .culture-item { border-bottom: 1px solid #dde3eb; }
  .culture .culture-item:last-child { border-bottom: none; }
  .culture .culture-item:last-child .sm-tablecell img { padding-bottom: 0; }
  .culture .sm-tablecell { border-left: 1px solid #dde3eb; position: relative; }
  .culture .sm-tablecell img { padding: 2px; }
  .culture .sm-tablecell:first-child { border-left: none; }
  .culture .sm-tablecell:first-child img { padding-left: 0; }
  .culture .sm-tablecell:last-child img { padding-right: 0; }
  .culture .sm-tablecell.v-mid { vertical-align: middle; }
  .culture .sm-tablecell.v-mid .thumb { padding-top: 0; }
  .culture .iconrb:after, .culture .iconlb:after { content: ''; width: 18px; height: 18px; position: absolute; background: url(../images/icon07.png) no-repeat; display: block; z-index: 2; bottom: -8px; }
  .culture .iconrb:after { right: -9px; }
  .culture .iconlb:after { left: -9px; }
  .culture .visible-sm { display: table-cell; }
  .imgword { position: absolute; bottom: 2px; z-index: 2; }
  .imgword img { display: block; }
  .imgword.rb { right: 2px; }
  .imgword.lb { left: 2px; }
  .width48 { width: 48%; }
  .width66 { width: 66.6666%; }
  .width75 { width: 75%; }
  .width81 { width: 81%; }
  .width88 { width: 88%; }
  .width91 { width: 91%; }
  .width96 { width: 96%; }
  .culture { padding-top: 20px; }
  .layout-text { padding: 30px 0; font-size: 16px; line-height: 26px; }
  .office-list { padding-top: 40px; }
  .office-list ul { margin: 0 -30px; }
  .office-list li { padding: 0 30px 50px; }
  .map .large-img { position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: auto; height: 430px; }
  .map { margin-bottom: 40px; }
  .Qualification { padding-top: 30px; }
  .Qualification .sm-table:last-child { margin-top: -1px; }
  .com-tit.text-center h2:after { margin: 22px auto 0; }
  .Qualification .sm-tablecell { width: 50%; vertical-align: middle; }
  .Qualification-text { padding: 42px; }
  .m-textthumb { padding-left: 30px; padding-top: 40px; }
  .advantages-tit { margin-top: 30px; }
  .advantages { padding-top: 30px; }
  .singlePage { font-size: 15px; }
  .test-one .sm-tablecell { vertical-align: middle; }
  .test-cont { width: 33%; }
  .test-two-text { float: left; width: 35%; }
  .test-two img { width: 65%; float: left; margin-top: 90px; }
  .test-two h4 { padding-top: 30px; }
  .test-cont .en { padding-top: 10px; }
  .plan-left { padding-top: 30px; }
  .plan-left h4 { padding-bottom: 15px; margin-bottom: 2px; }
  .plan-left h5 { padding-bottom: 15px; }
  .test-process { padding-top: 20px; } }

@media (min-width: 992px) { .feedback { margin-top: 43px; padding: 85px 70px 0; }
  .contact-info { padding: 0 20px 0 7%; }
  .contact .sm-tablecell:first-child { width: 47%; }
  .dev-list .dev-cont { position: relative; }
  .dev-list .dev-cont:before { content: ''; display: block; width: 18px; height: 18px; background: url(../images/icon07.png) no-repeat; position: absolute; left: 50%; top: 62px; margin-left: -9px; margin-top: -11px; z-index: 2; }
  .dev-list .has .dev-cont { padding-top: 9%; }
  .dev-list .has .dev-cont:before { top: 50%; }
  .dev-list li:before { top: 71px; }
  .dev-list .dev-cont:before { top: 73px; }
  .dev-list .has:before { top: 95px; }
  .font20 { font-size: 20px; }
  .culture-ceo-text h3 { margin-bottom: 15px; }
  .culture-ceo-btn a:before { margin-top: 5px; }
  .culture-ceo li { padding: 45px 0; }
  .honor-img { margin-top: 20px; }
  .honor-img .gallery-small li { width: 50%; float: left; padding: 5px; }
  .honor-img .gallery-small li img { height: 92px; margin: 0 auto; }
  .honor-img .gallery-small { width: 41.6%; padding-right: 30px; padding-left: 20px; }
  .honor-img .gallery-small a { padding: 22px 10px; }
  .honor-img .gallery-large { width: 58.4%; }
  .layout-bg { padding-bottom: 50px; }
  .layout-text { padding-bottom: 50px; }
  .m-small-img { vertical-align: middle; padding-top: 20px; }
  .m-small-img a { float: left; display: block; border: 1px solid #c0c7d2; width: 100px; height: 100px; overflow: hidden; position: relative; background-color: #fff; margin-right: 20px; }
  .m-small-img .on, .m-small-img a:hover { border-color: #842c44; border-width: 2px; }
  .m-small-img img { max-width: 100%; max-height: 100%; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .singlePage { padding-top: 30px; }
  .singlePage img { float: right; max-width: 50%; margin-top: -30px; }
  .singlePage-text { padding-left: 0; }
  .test-cont { width: 43%; padding-left: 50px; }
  .test-process { padding-top: 30px; } }

@media (min-width: 1024px) { .address-btn a:hover { color: #842c44; border-color: #842c44; }
  .culture-ceo li:hover a { color: #852b44; }
  .culture-ceo li:hover a:before { background-position-y: top; }
  .advantages-tit { margin-top: 50px; margin-bottom: 20px; }
  .advantages-btn { padding-top: 43px; } }
.font20a{display:block;}
@media (min-width: 1200px) { .address-btn a { width: auto; padding: 0 40px 0 15px; }
  .address-btn { padding: 50px 0 25px; }
  .contact { padding-top: 30px; }
  .about-text { float: left; width: 715px; }
  .about-cont img { float: right; margin: 0; }
  .about-cont { margin-top: -45px; }
  .about-text { padding-top: 50px; }
  .font40 { font-size: 40px; }
  .font20a{font-size:19px;}
  .event .commonweb { padding: 75px 48px; min-height: 650px; }
  .event-list dl { padding-top: 70px; }
  .event-list dl:first-child { padding-top: 50px; }
  .event { margin-top: 35px; }
  .event h3:after { margin-top: 35px; }
  .dev-list { padding-bottom: 255px; }
  .dev-list .has .dev-cont { padding-top: 9.4%; }
  .dev-list .dev-cont:before { margin-top: -11px; }
  .dev-list li { margin-bottom: 15px; }
  .dev-list .has:before { top: 126px; }
  .dev-list .dev-cont:before { top: 96px; }
  .dev-list li:before { top: 93px; }
  .dev-bg { background: url(../images/img35.jpg) center bottom no-repeat; }
  .more-line:before{height:155px;}
  .honor-img { padding: 60px 0 75px; }
  .honor-img .gallery-large .thumb { padding: 65px 0 35px; }
  .honor-img .gallery-large h4 { padding-top: 17px; }
  .honor-img .gallery-large img { max-height: 310px; max-width: 100%; }
  .culture { padding-bottom: 145px; }
  .culture h3 { padding-bottom: 30px; }
  .culture .sm-tablecell { vertical-align: top; font-size: 16px; line-height: 26px; }
  .culture .sm-tablecell .thumb { padding: 65px 20px 0 30px; }
  .layout-bg { padding-bottom: 80px; }
  .office-list { padding-top: 55px; }
  .office-list ul { margin: 0 -42px; }
  .office-list li { padding: 0 42px 70px; }
  .map .large-img { height: auto; }
  .map { position: relative; margin-bottom: 50px; }
  .city-btn a { width: 60px; height: 90px; display: block; position: absolute; }
  .city-btn a:nth-child(1) { left: 224px; top: 240px; }
  .city-btn a:nth-child(2) { left: 567px; top: 177px; }
  .city-btn a:nth-child(3) { left: 827px; top: 275px; }
  .city-btn a:nth-child(4) { left: 894px; top: 267px; }
  .city-btn a:nth-child(5) { left: 954px; top: 242px; }
  .map-cont { width: 1200px; height: 100%; position: absolute; left: 50%; top: 0; z-index: 2; margin-left: -600px; }
  .map-list { background-color: rgba(19, 20, 21, 0.25); }
  .map-list-cont { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; background-repeat: no-repeat; background-position: top center; }
  .map-list-cont .commonweb { width: 1200px; height: 100%; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  .map-list-cont .thumb { position: relative; }
  .map-info { width: 420px; background: #fff url(../images/img63.jpg) right bottom no-repeat; border-left: 5px solid #842c44; position: absolute; z-index: 5; padding: 40px 60px 33px 45px; font-size: 14px; line-height: 22px; }
  .map-info h3 { font-size: 36px; line-height: normal; }
  .map-info h3:after { content: ''; display: block; width: 20px; height: 2px; background-color: #1b2422; opacity: 0.1; margin: 20px 0 15px; }
  .map-info .text-red { padding-bottom: 15px; }
  .map-info.x-right { left: 466px; top: 175px; }
  .map-info.x-right2 { right: 78px; top: 175px; }
  .map-info.x-right3 { left: 278px; top: 175px; }
  .map-info.x-right4 { left: 405px; top: 175px; }
  .map-info.x-right5 { left: 395px; top: 175px; }
  .solution-list { /*background: url(../images/img69.jpg) center center no-repeat;*/ -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
  .solution-list .commonweb { position: relative; }
  .solution-thumb { width: 100%; height: 100%; background-color: rgba(50, 58, 62, 0.97); position: absolute; left: 0; top: 0; z-index: 2; padding-left: 128px; padding-top: 125px; }
  .solution-item { color: #fff; padding-left: 85px; -moz-background-size: auto; -o-background-size: auto; background-size: auto; display: none; }
  .solution-item h3 { padding-top: 10px; }
  .solution-item h3:after { background-color: #fff; margin: 30px 0 25px; }
  .solution-item .solution-item-cont { width: 710px; min-height: 265px; font-size: 16px; line-height: 26px; }
  .solution-related { border-color: #fff; padding-top: 30px; margin-top: 50px; }
  .solution-related a { color: #fff; }
  .solution-related h4 { font-size: 18px; padding-bottom: 20px; }
  .solution-related:before { border-left-color: #fff; }
  .solution-wrap { display: none; }
  .solution-close { width: 20px; height: 20px; display: block; background: url(../images/icon18.png) center center no-repeat; position: absolute; right: 39px; top: 34px; z-index: 5; }
  .solution-btn a { width: 150px; height: 115px; display: block; position: absolute; }
  .solution-btn a:nth-child(1) { left: 99px; top: 127px; }
  .solution-btn a:nth-child(2) { width: 165px; left: 5px; top: 242px; }
  .solution-btn a:nth-child(3) { width: 165px; left: 5px; top: 365px; }
  .solution-btn a:nth-child(4) { left: 99px; top: 477px; }
  .solution-btn a:nth-child(5) { right: 99px; top: 127px; }
  .solution-btn a:nth-child(6) { right: 5px; top: 242px; }
  .solution-btn a:nth-child(7) { width: 165px; right: 5px; top: 365px; }
  .solution-btn a:nth-child(8) { width: 165px; right: 99px; top: 477px; }
  .solution-list { position: relative; }
  .solution-list .solution-wrap { width: 100%; height: 100%; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  .solution-item:nth-child(1) { background-image: url(../images/icon19.png); }
  .solution-item:nth-child(2) { background-image: url(../images/icon28.png); }
  .solution-item:nth-child(3) { background-image: url(../images/icon29.png); }
  .solution-item:nth-child(4) { background-image: url(../images/icon30.png); }
  .solution-item:nth-child(5) { background-image: url(../images/icon31.png); }
  .solution-item:nth-child(6) { background-image: url(../images/icon32.png); }
  .solution-item:nth-child(7) { background-image: url(../images/icon33.png); }
  .solution-item:nth-child(8) { background-image: url(../images/icon34.png); }
  .Qualification { padding-bottom: 40px; }
  .m-textthumb { padding-left: 55px; padding-top: 60px; }
  .m-textthumb .font18 { font-size: 18px; }
  .m-textthumb a { font-size: 16px; line-height: 30px; }
  .m-textthumb h5:first-of-type { padding-top: 80px; }
  .m-textthumb h5 { padding-bottom: 8px; padding-top: 50px; }
  .m-textthumb .pbnone { padding-bottom: 0; }
  .m-imgthumb { padding: 110px 30px 140px; }
  .m-small-img { padding-top: 100px; }
  .m-image-bottom { margin-top: 65px; padding-top: 45px; padding-bottom: 65px; }
  .m-image-bottom a:hover { color: #FFFFFF; }
  .singlePage { padding-top: 45px; }
  .singlePage img { margin-top: -70px; }
  .singlePage-text { width: 55%; }
  .test-one img { margin-top: -40px; }
  .test-one { padding-top: 60px; }
  .test-tit h3 { min-width: 180px; height: 100px; line-height: 100px; padding: 0 0 0 48px; -moz-background-size: auto; -o-background-size: auto; background-size: auto; background-position-x: 8px; }
  .test-two { padding-bottom: 110px; font-size: 15px; }
  .test-two-text { padding-left: 57px; padding-top: 40px; }
  .test-two img { width: auto; float: right; margin-top: 50px; }
  .test-two h4:after { margin-top: 10px; margin-bottom: 18px; }
  .plan-left { padding-right: 70px; padding-left: 50px; padding-top: 90px; font-size: 15px; }
  .plan-ul { padding-top: 45px; padding-right: 0; overflow: hidden; }
  .plan-ul li { padding: 5px; }
  .plan-ul ul { margin: 0 -5px; }
  .plan-ul .plan-text { padding-left: 10px; }
  .test-process { padding-top: 45px; padding-bottom: 35px; }
  .process-bd { padding: 0 80px; }
  .process-bd li { font-size: 18px; }
  .test-one { padding-bottom: 25px; }
  .test-cont .en { margin-top: 32px; }
  .test-three { padding-top: 100px; } }

.innerbanner03 { width: 100%; position: relative; }

.innerbanner03 img { display: block; width: 100%; }

.subnavlist03 { background-color: #f2f2f2; }

.subnavlist03 .commonweb { display: none; max-width: 100%; }

.subnavlist03 ul li { font-size: 16px; text-align: center; }

.subnavlist03 ul li a { position:relative;display: block; width: 100%; font-size: 16px; padding: 22px 0; text-align: center; line-height: 18px; background-color: #f2f2f2; color: #333333; }

.subnavlist03 ul li a:after{
            position:absolute;
            bottom:15%;
            left:50%;
            display:none;
            height:5px;
            width:100%;
            background:#842c44;
            transform:translateX(-50%);
            content:'';
        }
  
            .subnavlist03 ul li a:hover {
                color: #842c44;
            }
  
            .subnavlist03 ul li a.cur:after {
                display:block;
            }

.zsannavbtn03 { padding: 15px; color: #333333; text-align: center; font-size: 16px; cursor: pointer; }

.zsannavbtn03 a:after { display: inline-block; content: ""; width: 12px; height: 12px; border-left: 1px solid #333333; border-bottom: 1px solid #333333; margin: 0 0 3px 6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

@media (min-width: 768px) { .zsannavbtn03 { display: none; }
  .subnavlist03 .commonweb { display: block; }
  .subnavlist03 { display: block; text-align: center; }
  .subnavlist03 ul li { display: inline-block; }
  .subnavlist03 ul li a { width: auto; padding: 22px 0px; margin: 0 15px; } }

@media (min-width: 1024px) { .subnavlist03 ul li a { padding: 22px 0px; margin:0 20px;} }

@media (min-width: 1199px) { .subnavlist03 ul li a { padding: 22px 0px; margin:0 36px;} }

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

.newscont8 { padding: 10px 0; background-color: #fff; }

.newslistext08 { background-color: #fff; padding: 100px 26px 60px; height: 100%; color: #666; position: relative; border: 1px solid #cdd7dd; }

.newslistext08 h4 { font-size: 20px; line-height: 28px; margin-bottom: 38px; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; }

.newslistext08 h4 a { color: #333; }

.newslist08 { overflow: hidden; position: relative; }

.newslist08 ul { margin: 0 -12px; }

.newslist08 ul li { padding: 12px; }

.newslistcont08 { overflow: hidden; position: relative; }

.newslisimg08 { height: 100%; background-color: #fff; position: absolute; left: 0; top: 0; }

.nsimg08 { width: 100%; }

.nsimg08 img { display: block; width: 100%; }

.newslisimg08 h4 { margin: 65px 26px 0; font-size: 20px; line-height: 28px; height: 56px; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; }

.newslisimg08 a { color: #333; }

.nstext08 { line-height: 24px; height: 120px; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; }

.newsdate08 { width: 80px; height: 80px; background-color: #3a3f40; color: #fff; position: absolute; top: 0; left: 28px; text-align: center; }

.newsdate08 p { font-size: 40px; line-height: 50px; }

.back { display: none; }

.newslist08 ul { padding-bottom: 20px; }

@media (min-width: 768px) { .newscont8 { padding: 20px 0; }
  .newslistext08 { padding: 100px 26px 0; }
  .newslistcont08 { height: 435px; }
  .nsimg08 { display: block; width: 100%; height: 213px; overflow: hidden; position: relative; }
  .nsimg08 img { display: block; width: 100%; }
  .front, .back { position: absolute; left: 0; top: 0; bottom: 0; right: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; overflow: hidden; -webkit-transition: .6s; -o-transition: .6s; -moz-transition: .6s; transition: .6s; }
  .back { display: block; position: absolute; top: 0; left: 0; width: 100%; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); z-index: 1; }
  .front { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); z-index: 2; }
  .newslist08 ul li:hover .back { opacity: 1; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); z-index: 2; }
  .newslist08 ul li:hover .front { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); z-index: 1; }
  .newslist08 ul { padding-bottom: 40px; } }

@media (min-width: 1024px) { .newscont8 { padding: 36px 0; }
  .newslistcont08:hover { -webkit-box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.1); }
  .newslist08 ul { padding-bottom: 48px; } }

.newscont7 { padding: 36px 0; }

.hotnews07 { position: relative; background-color: #3a3f40; overflow: hidden; margin-bottom: 15px; }

.hotnews07 ul li { width: 100%; overflow: hidden; float: left; height: 100%; position: relative; color: #333; }

.hotnewslist07 dt { overflow: hidden; }

.hotnewslist07 dt img { display: block; width: 100%; -webkit-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.hotnewslist07 dd { padding: 3%; }

.hotnewslist07 dd h4 { font-size: 20px; line-height: 30px; font-weight: bold; }

.hotnewslist07 dd a { color: #fff; }

.hotnewstext07 { margin: 28px 0; color: #fff; }

.hotnews07 ul li:hover dt img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }

.hotnewslist07 dd a.hotnewslink07 { color: #fff; opacity: 0.5; }

.hotnewsbtn07 { text-align: center; padding-bottom: 20px; }

.hotnewsbtn07 span { display: inline-block; width: 11px; height: 11px; background-color: #fff; opacity: 0.5; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin-right: 9px; cursor: pointer; }

.hotnewsbtn07 span.swiper-pagination-bullet-active { opacity: 1; }

@media (min-width: 768px) { .hotnewslist07 dd { padding: 25px; }
  .hotnewslist07 dd h4 { font-size: 24px; line-height: 36px; font-weight: bold; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; }
  .hotnews07 { margin-bottom: 30px; } }

@media (min-width: 1024px) { .hotnewslist07 dt { width: 68%; float: left; height: 440px; overflow: hidden; }
  .hotnewslist07 dd { width: 32%; padding: 55px 25px 0 25px; float: left; }
  .hotnewslist07 dd h4 { -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; }
  .hotnewsbtn07 { width: 32% !important; padding-left: 25px; left: auto !important; right: 0; bottom: 40px; position: absolute; text-align: left; }
  .hotnews07 { margin-bottom: 38px; } }

.newscont11 { position: relative; padding: 0; }

.newsdetail11 { background-color: #fff; }

.detailtitle11 { padding-bottom: 10px; }

.detailtitle11 h2 { font-size: 20px; line-height: 30px; color: #333; margin-bottom: 10px; }

.detaildate11 { font-size: 16px; color: #8e8e8e; font-family: Arial; }

.detailtext11 { padding: 15px 0; border-bottom: 1px solid #e6ebee; border-top: 1px solid #e6ebee; font-size: 14px; line-height: 22px; color: #333; }

.detailtext11 img { display: block; width: auto !important; height: auto !important; max-width: 100%; margin: 0 auto; }

.detailpage11 { padding-top: 15px; color: #333; }

.detailpage11 dd a { display: block; font-size: 14px; line-height: 28px; color: #333; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.detailback11 { display: block; width: 135px; height: 45px; margin: 15px auto 0; color: #fff; line-height: 45px; text-align: center; background-color: #842c44; }

.detailback11:hover { color: #fff; background-color: #842c44; }

@media (min-width: 768px) { .newscont11 { padding: 0; }
  .detailtext11 { padding: 30px 0; font-size: 16px; line-height: 26px; }
  .detailpage11 { padding-top: 30px; }
  .detailpage11 dd a { font-size: 16px; line-height: 36px; }
  .detailtitle11 { padding-bottom: 20px; }
  .detailtext11 { padding: 50px 0; min-height: 510px; font-size: 16px; }
  .detailpage11 { padding-top: 35px; } }

@media (min-width: 1024px) { .detailback11 { width: 145px; height: 50px; margin: 0; line-height: 50px; }
  .newsdetail11 { padding: 16px 32px 0; }
  .detailtitle11 { padding: 0 133px 50px 0; }
  .detailtext11 { font-size: 18px; line-height: 32px; padding-bottom: 65px; }
  .detailtitle11 h2 { font-size: 36px; line-height: 42px; margin-bottom: 50px; }
  .detaildate11 { font-size: 24px; }
  .detailpage11 dd { float: left; max-width: 80%; }
  .detailpage11 dt { float: right; } }

.recruit-li { margin-top: 10px; position: relative; border: 1px solid #dfe3e8; background-color: #fff; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; padding: 15px; }

.recruit-li:before { content: ''; position: absolute; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; }

.recruit-li:after { content: ''; position: absolute; width: 15.33%; height: 100%; z-index: 1; top: 0; min-width: 45px; right: 0; }

.main-head { cursor: pointer; }

.recruit-ul .main-row { position: relative; padding-right: 40px; }

.recruit-ul .main-row .col-one { padding-bottom: 5px; }

.recruit-ul .main-row .col-one .time { font-size: 14px; display: block; line-height: 26px; color: #999; }

.recruit-ul .main-row .col-two h4 { font-size: 16px; font-weight: bold; line-height: 26px; color: #333; }

.recruit-ul .main-row .col-two .info { font-size: 0; padding: 0 0 10px 0; }

.recruit-ul .main-row .col-two .info .item { display: inline-block; vertical-align: top; font-size: 14px; margin-right: 10px; color: #333; }

.recruit-ul .main-row .col-three { position: absolute; right: -15px; width: 45px; top: 10px; }

.recruit-ul .main-row .col-three .icon { display: inline-block; vertical-align: middle; width: 36px; height: 60px; overflow: hidden; background: url(../images/icon01.png) no-repeat 0 0; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); position: relative; z-index: 2; }

.recruit-li.cur .col-three .icon { background-image: url(../images/icon02.png); }

.recruit-li.cur .main-row .col-two .item, .recruit-li.cur .main-row .col-two h4 { color: #842c44; }

.main-bodies { display: none; }

.recruit-ul .main-row { position: relative; padding-right: 40px; }

.recruit-details { font-size: 14px; color: #4c4c4c; line-height: 24px; }

.recruit-details .title { font-size: 14px; color: #4c4c4c; line-height: 25px; padding-bottom: 15px;font-weight:bold; }

.recruit-details .txt { padding-bottom: 25px; text-align:justify;}

.recruit-send-button { display: inline-block; vertical-align: top; color: #666; font-size: 14px; background-color: #fff; border: 1px solid #dfe3e8; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; line-height: 35px; text-align: center; min-width: 160px; }

.recruit-send-button:hover{border-color:#842c44;}

.re-search-item { width: 100%; position: relative; padding-left: 84px; line-height: 40px; }

.re-search-item .lebel { position: absolute; top: 0; left: 0; color: #333; font-size: 16px; }

.selection { position: relative; }

.selection .search-input { padding-left: 28px; }

.select-modlue { display: block; width: 100%; line-height: 40px; padding: 0 10px; border-bottom: 1px solid #d6d6d6 !important; color: #898989; }

.selection .zoom { position: absolute; height: 100%; width: 38px; background: url(../images/icon03.png) no-repeat scroll left center; top: 0; left: 0; }

.re-search-button { display: block; text-align: center; background-color: #842c44; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; line-height: 41px; width: 100%; height: 41px; color: #fff; margin-top: 20px; }

.recruit-wrapper { margin-top: 30px; }

.recruit-ul { padding-bottom: 30px; }

.re-school-btn { display: inline-block; background: url(../images/icon04.png) left top no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 50px; width: 226px; line-height: 50px; padding-left: 70px; margin-top: 15px; }

.re-school-btn span { display: inline-block; padding-right: 30px; background: url(../images/icon05.png) right center no-repeat; }

.re-school { margin-top: 20px; border: 1px solid #ddd; background-color: #fff; }

.re-school img { display: block; max-width: 100%; }

.re-school-cont { padding: 20px 15px; }

.re-school-cont h3 { font-size: 18px; padding-bottom: 15px; }

.re-school-cont .tips { padding-top: 10px; }

.re-table { padding-top: 20px; }

.re-table table { border-top: 2px solid #842c44; border-collapse: collapse; text-align: center; font-size: 16px; }

.re-table table td, .re-table table th { border: 1px solid #cfd5dd; }

.re-table table th { height: 108px; font-weight: normal; color: #666; }

.re-table table td { height: 80px; color: #444; padding:15px; line-height:30px; }

.re-table table tr:first-child { -webkit-box-shadow: 0 0 13px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 13px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 13px 2px rgba(0, 0, 0, 0.1); }

@media (min-width: 768px) { .re-search-item { padding-left: 104px; }
  .recruit-search { padding: 25px 20px; border: 1px solid #cdd7dd; }
  .re-search-right { width: 64%; margin: 0 auto; }
  .flitemrh { float: left; width: 29.77346%; padding-left: 28px; }
  .re-search-button { margin-top: 0px; }
  .recruit-ul .main-row { padding-right: 0px; }
  .recruit-ul .main-row .col-one { position: absolute; left: 0; top: 0; }
  .recruit-ul .main-row .col-two { padding-left: 140px; padding-right: 100px; }
  .recruit-ul .main-row .col-two .info .item { margin-right: 12px; }
  .recruit-ul .main-row .col-three { right: 0px; }
  .recruit-ul .main-row { padding-right: 0px; }
  .recruit-li:after { width: 110px; }
  .flitemle { float: left; width: 70.22654%; }
  .recruit-search { border-top: 2px solid #842c44; background-color: #FFFFFF; -webkit-box-shadow: 2px 0 14px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 0 14px 1px rgba(0, 0, 0, 0.1); box-shadow: 2px 0 14px 1px rgba(0, 0, 0, 0.1); }
  .recruit-wrapper { margin-top: 43px; }
  .recruit-ul { padding-bottom: 50px; }
  .sm-table { display: table; }
  .sm-tablecell { display: table-cell; vertical-align: top; }
  .re-school { margin-top: 30px; } }

@media (min-width: 992px) { .re-school-btn { width: 360px; height: 80px; font-size: 18px; line-height: 80px; padding-left: 127px; }
  .re-school-cont { font-size: 16px; line-height: 30px; background: url(../images/img22.jpg) 106% bottom no-repeat; }
  .re-school-cont h3 { font-size: 24px; font-weight: lighter; } }

@media (min-width: 1024px) { .recruit-search { padding: 35px 30px 35px 50px; }
  .re-search-right { width: 60%; }
  .recruit-li { padding: 20px 47px 20px; }
  .recruit-li.cur { padding-top: 40px; padding-bottom: 25px; }
  .recruit-li.cur .recruit-ul .main-row .col-three { top: -15px; }
  .recruit-ul .main-row .col-two { padding-left: 100px; padding-right: 182px; }
  .recruit-ul .main-row .col-two .info { padding-bottom: 0; }
  .recruit-ul .main-row .col-two .info .item { margin-right: 25px; }
  .recruit-ul .main-row .col-three { right: 75px; top: 5px; z-index: 2; }
  .recruit-ul .main-row .col-three .icon { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  .main-bodies { padding-top: 15px; }
  .recruit-li:after { width: 182px; }
  .recruit-ul { padding-bottom: 80px; }
  .re-school-btn { width: 360px; height: 80px; }
  .re-school .md-half { width: 45%; }
  .re-school-cont { padding: 60px 20px 10px; }
  .re-school-cont h3 { font-size: 32px; padding-bottom: 35px; }
  .re-school-cont .tips { padding-top: 20px; }
  .re-school-btn { margin-top: 25px; } }



/*搜索页*/
.searchcont401 { padding: 36px 0; background-color: #ffffff; background-repeat: no-repeat; background-position: center top; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }


.searchtitle401 { padding: 28px 15px; background-color: #f2f2f2; }


.searchtitle401 span { color: #da251d; }


.resultlist401 { font-size: 13px; padding: 3% 0; }


.resultlist401 img { display: block; width: 100%; margin-bottom: 2%; }


.resultlist401 li { padding: 15px 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin-bottom: -1px; position:relative;}


.resultlist401 h4 { font-size: 16px; line-height: 24px; margin-bottom: 3%; }


.resultlist401 h4 em { color: #da251d; }


.resultlist401 h4 a { display: block; }

.resultlist401 h4 a:hover{color:#842c44;}


.resulttext401 { overflow: hidden; height: 72px; color: #999; line-height: 24px; }

.resultlabel401 { color: #999; display: inline-block; padding-top: 30px; }

.searchinputcont401 dt input { width: 100%; height: 40px; line-height: 40px; text-indent: 12px; font-size: 15px; color: #333333; background-color: #ffffff; }

.searchinputcont401 dd input { width: 100%; height: 40px; line-height: 40px; font-size: 0px; font-weight: bold; color: #ffffff; cursor: pointer; background-color: #832c43; background-image: url(../images/search402.png); background-repeat: no-repeat; background-position: center; background-size:auto 20px; }

.keywords { color: #da251d; }

.ms-detail td .short-sl { width: 103px; }

.sitemapcont2 { padding: 6% 0; overflow: hidden; }

.sitemapcont2 dl { position: relative; margin-bottom: 36px; }

.sitemapcont2 dl dt { font-size: 16px; font-weight: bold; color: #009ca3; padding: 0 8px; background: #fff; position: absolute; left: 18px; top: -14px; }

.sitemapcont2 dl dd { padding: 4% 3% 1% 3%; border: 1px solid #e6e6e6; }

.sitemapcont2 dl dd a { display: inline-block; padding-left: 10px; margin: 0 23px 8px 0; }


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


@media (min-width: 992px) { .searchinputcont401 { width: 45%; margin: 0 auto; }
  .searchinputcont401 dt { float: left; width: 78%; }
  .searchinputcont401 dd { float: left; width: 22%; }
  .searchinputcont401 dt input { font-size: 18px; }
  .searchinputcont401 dd input { text-align: left; padding-left: 20%; font-size: 18px; font-weight: bold; background-position: 90% center; } }

@font-face { font-family: 'Arial'; src: url("../fonts/knockout.woff") format("woff"); font-weight: normal; font-style: normal; }


.productWrap { overflow: hidden; text-align: center; }

.productWrap img { max-width: 100%; display: block; }

.productWrap-img { position: relative; display: inline-block; vertical-align: top; }

.productWrap-img a { position: absolute; }

.cable01 { width: 23.2%; height: 7.1%; left: 2.7%; top: 29.8%; }

.cable02 { width: 23.7%; height: 13%; left: 74.3%; top: 29.4%; }

.cable03 { width: 23.2%; height: 7.1%; left: 2.7%; top: 46.6%; }

.cable04 { width: 23.7%; height: 16.5%; left: 74.3%; top: 52.9%; }

.cable05 { width: 25.8%; height: 23.4%; left: 2.7%; top: 64.2%; }

.precision01 { width: 24.7%; height: 31.6%; left: 5.5%; top: 19.2%; }

.precision02 { width: 23.4%; height: 24.6%; left: 72.2%; top: 19.2%; }

.precision03 { width: 26.4%; height: 17.5%; left: 5.5%; top: 65.9%; }

.precision04 { width: 26%; height: 25.5%; left: 72.2%; top: 65.9%; }

.rf01 { width: 23.4%; height: 14.5%; left: 2.6%; top: 15.6%; }

.rf02 { width: 19.7%; height: 19.5%; left: 26%; top: 15.6%; }

.rf03 { width: 25.9%; height: 22.8%; left: 50%; top: 15.6%; }

.rf04 { width: 22%; height: 12.5%; left: 77.3%; top: 15.6%; }

.rf05 { width: 20.7%; height: 15.5%; left: 7.5%; top: 42.2%; }

.rf06 { width: 15.5%; height: 19%; left: 72.3%; top: 42.2%; }

.rf07 { width: 22%; height: 21.8%; left: 12.3%; top: 65.7%; }

.rf08 { width: 29.3%; height: 15.6%; left: 69.2%; top: 65.7%; }

.cable.cn .cable02 { top: 28%; height: 15%; }

.cable.cn .cable04 { top: 56.3%; height: 18%; }

.precision.cn .precision01 { height: 32%; }

.product-three-bd{overflow:hidden;}

.product-three-hd{position:relative;}

.product-three-hd.has{ padding:0 40px;}

.m-btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 30px; height: 30px; cursor: pointer; z-index: 9;display:none; }

.m-btn:before { content: ""; display: block; position: absolute; width: 20px; height: 20px; border-top: 2px solid #666666; border-right: 2px solid #666666; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 6px; left: 10px; }

.m-btn.product-left { left: 0; }

.m-btn.product-left:before { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

.m-btn.product-right { right: 0; }

.m-btn.product-right:before { left: -4px; }

@media (min-width: 1024px){
    .m-btn {
        width: 40px;
        height: 40px;
    }
    .m-btn.product-left {
        left: -20px;
    }
    .m-btn.product-right {
        right: -20px;
    }
    .m-btn:before{width:16px;height:16px;top:12px;}
    .m-btn.product-right:before {
        left: 10px;
    }
}

@media (min-width: 1180px){
    .m-btn.product-left {
        left: -40px;
    }
    .m-btn.product-right {
        right: -40px;
    }
    .product-three-hd.has{
        padding:0;
    }
}

@media (min-width: 1366px) {
    .m-btn.product-left { left: -50px; }
  .m-btn.product-right { right: -50px; }
}



.huanul {
    padding-top: 2em;
    padding-bottom: 2em;
}
.huanul li {
    position: relative;
}
.imgbox {
    position: relative;
    overflow: hidden;
}
.huanmore {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.45);
    height: 100%;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 1;
}
.f18 {
    font-size: 16px;
}
.f16 {
    font-size: 14px;
}
.f30 {
    font-size: 1.875rem;
}
.table {
    display: table;
    width: 100%;
    height: 100%;
}
.huanmore span {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
    border-bottom: 1px solid #fff;
    display: inline-block;
    padding-bottom: .67em;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.huanintro {
    border: 1px solid #dadada;
    border-top: none;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
}
.subhuan {
    color: #333;
    line-height: 1.75em;
}
.td {
    display: table-cell;
    vertical-align: middle;
}
.subhuan h2 {
    line-height: 1.1em;
    font-weight: bold;
    padding-bottom: .3em;
    padding-top: .8em;
}

@media (min-width: 768px){
    .huanul .imgbox {
        float: left;
        width: 50%;
    }
    .huanul .imgbox:before {
        content: "";
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-right: 15px solid #fff;
        right: 0;
        z-index: 3;
    }
    .imgbox img {
        display: block;
        width: 100%;
        -webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        -moz-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        -ms-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        -o-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    }
    .f18 {
        font-size: 17px;
    }
    .f16 {
        font-size: 15px;
    }
    .huanintro {
        width: 50%;
        height: 100%;
        border: none;
        padding-left: 3.1%;
        overflow: hidden;
        padding-top: 20px;
        padding-bottom: 8px;
    }
    .subhuan h2 {
        padding-top: 0;
    }
    .huanul li{
        border:1px solid #dadada;
    }
    .huanul li:nth-child(2n) .imgbox {
        float: right;
    }
    .huanul li:nth-child(2n) .imgbox:before {
        border-left: 15px solid #fff;
        border-right: none;
        left: 0;
    }
    .huanul li:nth-child(2n) .huanintro {
        right: auto;
        left: 0;
        border-left: 1px solid #dadada;
        border-right: none;
    }
}
@media(min-width:992px){
    .subhuan h2 {
        padding-bottom: 15px;
    }
}
@media (min-width: 1200px){
    .huanul {
        padding-top: 3.475em;
        padding-bottom: 3.475em;
    }
    .huanmore {
        opacity: 0;
        visibility: hidden;
    }
    .f18 {
        font-size: 18px;
    }
    .f16 {
        font-size: 16px;
    }
    .huanmore span {
        margin-top: 20px;
    }
}



@charset "UTF-8";

@font-face {
    font-family: 'Arial';
    src: url("../fonts/knockout.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}



/* 2019 05 14*/

.s-intitle {
    width: 100%;
    color: #832c43;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: -1px;
}

    .s-intitle.cur {
        color: #fff;
    }

.s-insolution {
    width: 100%;
    background: #fff;
}

    .s-insolution .s-insolutionul {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }

.s-insolutionliimg {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 150%;
    overflow: hidden;
}

    .s-insolutionliimg img {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(1);
        -moz-transform: translate(-50%, -50%) scale(1);
        -o-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        -webkit-transform: translate(-50%, -50%) scale(1);
        transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
    }

        .s-insolutionliimg img:hover {
            transform: translate(-50%, -50%) scale(1.3);
            -moz-transform: translate(-50%, -50%) scale(1.3);
            -o-transform: translate(-50%, -50%) scale(1.3);
            -ms-transform: translate(-50%, -50%) scale(1.3);
            -webkit-transform: translate(-50%, -50%) scale(1.3);
        }

.s-insolutionlitxt {
    position: relative;
    width: 100%;
    padding: 0 12px;
    text-align: center;
    font-family: 'Arial';
    letter-spacing: -1px;
    border: 1px solid #edf1f3;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

    .s-insolutionlitxt p {
        position: absolute;
        right: 0;
        top: 0;
        width: 110px;
        height: 100%;
        background: url(../images/sinsolution-icon1.png) no-repeat center left;
        background-color: #832c43;
        opacity: 0;
        transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }

.s-insolutionul li:hover .s-insolutionlitxt {
    background: #832c43;
    color: #fff;
    padding-right: 90px;
}

    .s-insolutionul li:hover .s-insolutionlitxt p {
        width: 70px;
        opacity: 1;
        background-color: #832c43;
    }

.s-inproducts {
    width: 100%;
    background-image: url(../images/s-inproductsbg.jpg);
    background-repeat: no-repeat;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
}

.s-inproducts-content {
    position: relative;
    width: 100%;
    max-width: 1392px;
}

    .s-inproducts-content img {
        display: block;
        width: 100%;
    }

    .s-inproducts-content .s-swiperprev:hover, .s-inproducts-content .s-swipernext:hover {
        border-color: #fff;
    }

        .s-inproducts-content .s-swiperprev:hover span, .s-inproducts-content .s-swipernext:hover span {
            border-color: #fff;
        }

    .s-inproducts-content:hover .s-swiperprev, .s-inproducts-content:hover .s-swipernext {
        margin: 0;
        opacity: 1;
    }

.s-swiperprev, .s-swipernext {
    position: absolute;
    top: 50%;
    z-index: 10;
    display: none;
    width: 56px;
    height: 56px;
    margin-left: 20px;
    border: 3px solid #9eb4d2;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    font-size: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden;
    opacity: 0;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

    .s-swiperprev span, .s-swipernext span {
        position: relative;
        top: 50%;
        left: 50%;
        display: block;
        width: 15px;
        height: 15px;
        margin-left: 2px;
        border-left: 2px solid #9eb4d2;
        border-bottom: 2px solid #9eb4d2;
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -moz-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
        -o-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
        transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear;
    }

.s-swipernext {
    margin-right: 20px;
}

    .s-swipernext span {
        margin-left: -3px;
        -webkit-transform: translate(-50%, -50%) rotate(-135deg);
        -moz-transform: translate(-50%, -50%) rotate(-135deg);
        -ms-transform: translate(-50%, -50%) rotate(-135deg);
        -o-transform: translate(-50%, -50%) rotate(-135deg);
        transform: translate(-50%, -50%) rotate(-135deg);
    }

.s-inproducts-a {
    display: block;
    width: 140px;
    height: 46px;
    margin: 0 auto;
    text-align: center;
    line-height: 46px;
    font-size: 12px;
    color: #ffffff;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    overflow: hidden;
    background: url(../images/s-inproductsbtn.png) no-repeat;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

    .s-inproducts-a:hover {
        -webkit-box-shadow: 0px 0px 15px -3px #832c43;
        box-shadow: 0px 0px 15px -3px #832c43;
    }

.s-infootprint {
    width: 100%;
    background: #e7f0f6;
    overflow: hidden;
}

.s-infootprint-content {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.s-infootprint-mapimg {
    width: 100%;
}

    .s-infootprint-mapimg img {
        width: 100%;
    }

.s-infootprint-mapul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    .s-infootprint-mapul li {
        position: absolute;
        z-index: 99;
    }

        .s-infootprint-mapul li.s-infootprint-mapli1 {
            top: 35.63748%;
            left: 12.5%;
        }

        .s-infootprint-mapul li.s-infootprint-mapli2 {
            top: 19.96928%;
            left: 49.58333%;
        }

        .s-infootprint-mapul li.s-infootprint-mapli3 {
            top: 33.40246%;
            left: 73.25%;
        }

            .s-infootprint-mapul li.s-infootprint-mapli3 b {
                display: block;
            }

            .s-infootprint-mapul li.s-infootprint-mapli3:hover b {
                display: block;
                visibility: hidden;
            }

        .s-infootprint-mapul li.s-infootprint-mapli4 {
            top: 51.30568%;
            left: 74.83333%;
        }

        .s-infootprint-mapul li.s-infootprint-mapli5 {
            top: 33.81475%;
            left: 79.01667%;
			text-align:center;
			
        }
		.s-infootprint-mapul li.s-infootprint-mapli5 b{
				line-height:14px;
			}

            .s-infootprint-mapul li.s-infootprint-mapli5 b {
                display: block;
            }

            .s-infootprint-mapul li.s-infootprint-mapli5:hover b {
                display: block;
                visibility: hidden;
            }

            .s-infootprint-mapul li.s-infootprint-mapli5 .s-infootprint-maplibox {
                bottom: 55px;
				top:auto;
				left:auto;
				right:55px;
            }

        .s-infootprint-mapul li.s-infootprint-mapli6 {
            top: 35.13748%;
			left: 84.1%;
        }

        .s-infootprint-mapul li:hover {
            z-index: 108;
        }

            .s-infootprint-mapul li:hover .s-infootprint-maplibox {
                display: block;
            }

            .s-infootprint-mapul li:hover b {
                display: none;
            }
			
      .s-infootprint-mapul li.s-infootprint-mapli7 {
          top: 28.76928%;
          left: 47.10000%;
            }
			
.s-infootprint-mapulsf {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    .s-infootprint-mapulsf li {
        position: absolute;
        z-index: 99;
    }

        .s-infootprint-mapulsf li .s-infootprint-maplicon b {
            position: absolute;
            bottom: 0;
            left: 20%;
            width: 17px;
            height: 17px;
            display: block;
            border: 5px solid #9ac5e3;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background: #002060;
        }

        .s-infootprint-mapulsf li .s-infootprint-maplicon img {
            opacity: 0;
            visibility: hidden;
        }

        .s-infootprint-mapulsf li .s-infootprint-maplibox {
            top: 3px;
            left: 26px;
        }

        .s-infootprint-mapulsf li.s-infootprint-mapsfli1 {
            top: 41.47465%;
            left: 75%;
        }

        .s-infootprint-mapulsf li.s-infootprint-mapsfli2 {
            top: 38.93856%;
            left: 76.41667%;
        }

        .s-infootprint-mapulsf li.s-infootprint-mapsfli3 {
            top: 36.40246%;
            left: 77.91667%;
        }

        .s-infootprint-mapulsf li.s-infootprint-mapsfli4 {
            top: 46.851%;
            left: 77.08333%;
        }

        .s-infootprint-mapulsf li.s-infootprint-mapsfli5 {
            top: 43.7788%;
            left: 77.91667%;
        }

        .s-infootprint-mapulsf li.s-infootprint-mapsfli6 {
            top: 41.08909%;
            left: 79.16667%;
        }

        .s-infootprint-mapulsf li.s-infootprint-mapsfli7 {
            top: 46.08295%;
            left: 80%;
        }
		
		.s-infootprint-mapulsf li.s-infootprint-mapsfli8 {
			top: 40.63748%;
			left: 13.5%;
		}
		
		.s-infootprint-mapulsf li.s-infootprint-mapsfli9{
		  top: 40.08295%;
		  left: 84%;
		}
		
        .s-infootprint-mapulsf li:hover {
            z-index: 108;
        }

            .s-infootprint-mapulsf li:hover .s-infootprint-maplibox {
                display: block;
            }

            .s-infootprint-mapulsf li:hover img {
                visibility: visible;
                opacity: 1;
            }

.s-infootprint-maplicon {
    position: relative;
}

    .s-infootprint-maplicon img {
        vertical-align: middle;
        position: relative;
        z-index: 100;
        cursor: pointer;
    }

    .s-infootprint-maplicon b {
        font-size: 12px;
        color: #000000;
        vertical-align: middle;
        font-family: 'Arial';
        cursor: pointer;
    }

.s-infootprint-maplibox {
    position: absolute;
    top: 10px;
    left: 44px;
    z-index: 99;
    display: none;
    width: 160px;
    margin-left: -10px;
    padding-top: 1px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    text-align: left;
    background: #fff;
}

    .s-infootprint-maplibox h3 {
        width: 100%;
        padding-left: 13px;
        line-height: 27px;
        font-size: 12px;
        color: #000000;
        font-weight: bold;
        font-family: 'Arial';
    }

    .s-infootprint-maplibox .s-infootprint-maplivp {
        width: 100%;
        display: table;
    }

        .s-infootprint-maplibox .s-infootprint-maplivp span {
            display: table-cell;
            height: 4px;
        }

    .s-infootprint-maplibox .s-infootprint-maplidl {
        width: 100%;
        padding: 7px 13px 12px;
    }

        .s-infootprint-maplibox .s-infootprint-maplidl dd {
            position: relative;
            width: 100%;
            line-height: 13px;
            padding: 3px 0px 3px 11px;
            font-size: 12px;
            color: #000000;
            font-weight: 700;
            font-family: 'Arial';
            word-break: break-all;
        }

            .s-infootprint-maplibox .s-infootprint-maplidl dd span {
                position: absolute;
                top: 7px;
                left: 0;
                display: block;
                width: 5px;
                height: 5px;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                overflow: hidden;
            }

 .s-mapliddcolor1 {
    background: #fba201;
  }
  
  .s-mapliddcolor2 {
    background: #973355;
  }
  
  .s-mapliddcolor3 {
    background: #09ad57;
  }
  
  .s-mapliddcolor4 {
    background: #052452;
  }
  
  .s-infootprint-mapul2 {
    width: 100%;
    margin-top: 3px;
    text-align: center;
    font-size: 0;
  }
  
    .s-infootprint-mapul2 li {
        display: inline-block;
        height: 50px;
        margin-right: 10px;
        text-align: left;
        font-size: 0;
        border: 1px solid #fba201;
        -webkit-border-radius: 28px;
        border-radius: 28px;
        background: #fff;
    }
  
        .s-infootprint-mapul2 li:last-child {
            margin-right: 0;
        }
  
        .s-infootprint-mapul2 li span {
            display: inline-block;
            width: 48px;
            height: 48px;
            margin-left: -2px;
            line-height: 48px;
            vertical-align: middle;
            font-size: 30px;
            color: #fff;
            text-align: center;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background: #fba201;
        }
  
        .s-infootprint-mapul2 li b {
            display: inline-block;
            padding: 0 10px;
            vertical-align: middle;
            font-size: 14px;
            color: #fba201;
            font-weight: bold;
            font-family: 'Microsoft YaHei';
            word-break: break-all;
        }
  
        .s-infootprint-mapul2 li:nth-child(2) {
            border-color: #973355;
        }
  
            .s-infootprint-mapul2 li:nth-child(2) span {
                background: #973355;
            }
  
            .s-infootprint-mapul2 li:nth-child(2) b {
                color: #973355;
            }
  
        .s-infootprint-mapul2 li:nth-child(3) {
            border-color: #09ad57;
        }
  
            .s-infootprint-mapul2 li:nth-child(3) span {
                background: #09ad57;
            }
  
            .s-infootprint-mapul2 li:nth-child(3) b {
                color: #09ad57;
            }
  
        .s-infootprint-mapul2 li:nth-child(4) {
            border-color: #052452;
        }
  
            .s-infootprint-mapul2 li:nth-child(4) span {
                background: #052452;
            }
  
            .s-infootprint-mapul2 li:nth-child(4) b {
                color: #052452;
            }

.s-innews {
    width: 100%;
}

.s-innews-content {
    position: relative;
    width: 100%;
    max-width: 1392px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 96px;
}

    .s-innews-content .s-swiperprev, .s-innews-content .s-swipernext {
        border-color: #dcdfe0;
    }

        .s-innews-content .s-swiperprev span, .s-innews-content .s-swipernext span {
            border-color: #dcdfe0;
        }

        .s-innews-content .s-swiperprev:hover, .s-innews-content .s-swipernext:hover {
            border-color: #832c43;
        }

            .s-innews-content .s-swiperprev:hover span, .s-innews-content .s-swipernext:hover span {
                border-color: #832c43;
            }

    .s-innews-content:hover .s-swiperprev, .s-innews-content:hover .s-swipernext {
        margin: 0;
        opacity: 1;
    }

    .s-innews-content .swiper-slide {
        position: relative;
        border: 2px solid #edf1f3;
        overflow: hidden;
		background:#fff;
    }

        /*.s-innews-content .swiper-slide:hover img {
            -webkit-transform: scale(1.03, 1.03);
            -moz-transform: scale(1.03, 1.03);
            -ms-transform: scale(1.03, 1.03);
            -o-transform: scale(1.03, 1.03);
            transform: scale(1.03, 1.03);
        }*/

        .s-innews-content .swiper-slide img {
            width: 100%;
            vertical-align: middle;
            transition: all 0.3s linear;
            -moz-transition: all 0.3s linear;
            -o-transition: all 0.3s linear;
            -ms-transition: all 0.3s linear;
            -webkit-transition: all 0.3s linear;
        }

        /*.s-innews-content .swiper-slide:hover .s-innewsbtmtxt {
            opacity: 0;
        }*/

        .s-innews-content .swiper-slide:hover .s-innewsmen {
            opacity: 1;
            visibility: visible;
            transform: scale(1);
            -moz-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
            -webkit-transform: scale(1);
        }

.s-innewsbtmtxt {
    width: 100%;
    padding: 20px 15px;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

    .s-innewsbtmtxt h3 {
        width: 100%;
        color: #333;
        font-family: 'Arial';
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.s-innewsmen {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    width: 100%;
    height: 100%;
    background: rgba(131, 44, 67, 0.9);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

    .s-innewsmen .s-innewsmen-txt {
        position: relative;
        top: 50%;
        width: 100%;
        padding: 0 13px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

        .s-innewsmen .s-innewsmen-txt h3 {
            width: 100%;
            height: 47px;
            line-height: 37px;
            font-size: 28px;
            color: #fff;
            font-family: 'Arial';
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .s-innewsmen .s-innewsmen-txt .s-innewsdes {
            width: 100%;
            font-size: 16px;
            color: #fff;
            font-family: 'Arial';
            word-break: break-all;
            max-height: 72px;
            line-height: 18px;
            display: -webkit-box;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow: hidden;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 4;
        }

    .s-innewsmen .more-active {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 9;
        height: 24px;
        margin-left: 13px;
        line-height: 24px;
        font-size: 14px;
        color: #fff;
    }

@media (min-width: 320px) {
    .wpadding {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .s-intitle {
        line-height: 40px;
        font-size: 24px;
    }

    .s-insolution .s-insolutionul {
        padding: 20px 10px 0;
    }

        .s-insolution .s-insolutionul li {
            width: 49%;
            margin-right: 2%;
            margin-bottom: 2%;
        }

            .s-insolution .s-insolutionul li:nth-child(2n) {
                margin-right: 0;
            }

    .s-insolutionlitxt {
        height: 40px;
        line-height: 38px;
        font-size: 14px;
        background: #832c43;
        color: #fff;
    }

        .s-insolutionlitxt p {
            display: none;
        }

    .s-inproducts {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .s-inproducts-content {
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 0 10px;
    }

    .s-infootprint-mapimgph {
        display: block;
    }

    .s-infootprint-mapimgpc, .s-infootprint-mapul2, .s-infootprint-mapul, .s-infootprint-mapulsf {
        display: none;
    }
	
	   .s-infootprint-mapul2{
	  display:block;
  }
  .s-infootprint-mapul2 li{
	  width:48%;
	  margin-right:2%;
	  margin-bottom:10px;
  }
  
  .s-infootprint-mapul2 li:nth-child(2n){
	  margin-right:0%;
  }
  
  .s-infootprint-mapul2 li b{
	  font-size:12px;
	  padding:0;
	  padding-left:2px;
  }
  
  .s-infootprint-mapul2 li span{
	  font-size:20px;
  }

    .s-infootprint {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .s-infootprint-content {
        margin-top: 20px;
    }

    .s-innews {
        padding: 20px 10px 20px;
    }

    .s-innews-content {
        margin-top: 20px;
        padding: 0;
    }

    .s-innewsbtmtxt h3 {
        font-size: 16px;
        height: 28px;
        line-height: 28px;
        text-shadow: 0px 1px 0px #ddd;
    }

    .s-innewsbtmtxt {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (min-width: 480px) {
    .s-insolution .s-insolutionul li {
        width: 24.33%;
        margin-right: 0.89%;
        margin-bottom: 0;
    }

        .s-insolution .s-insolutionul li:nth-child(2n) {
            margin-right: 0.89%;
        }

        .s-insolution .s-insolutionul li:nth-child(4n) {
            margin-right: 0;
        }
}

@media (min-width: 768px) {
    .s-inproducts-content {
        margin: 30px auto 30px;
    }

    .s-infootprint-mapimgpc, .s-infootprint-mapul2, .s-infootprint-mapul, .s-infootprint-mapulsf {
        display: block;
    }

    .s-infootprint-mapimgph {
        display: none;
    }

    .s-infootprint-mapul2 li {
        width: 180px;
    }
	
	.s-infootprint-mapul2 li{
		margin-right:2%;
	}
	.s-infootprint-mapul2 li:nth-child(2n){
		margin-right:2%;
	}
	.s-infootprint-mapul2 li:nth-child(4n) {
            margin-right: 0;
        }

        .s-infootprint-mapul2 li b {
            width: 132px;
            font-size: 12px;
            line-height: 14px;
        } margin-right:0;
  }
}

@media (min-width: 1024px) {
    .s-intitle {
        line-height: 50px;
        font-size: 28px;
    }

    .s-insolutionlitxt {
        height: 55px;
        font-size: 18px;
        line-height: 53px;
    }

    .wpadding, .s-inproducts {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .s-swiperprev, .s-swipernext {
        display: block;
    }

    .s-infootprint-mapul2 li {
        width: 235px;
    }

        .s-infootprint-mapul2 li b {
            width: 187px;
            font-size: 14px;
            line-height: 16px;
        }

    .s-infootprint {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .s-infootprint-content {
        margin-top: 20px;
    }

    .s-innews {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .s-innews-content {
        margin-top: 25px;
    }

    .s-innewsbtmtxt h3 {
        height: 38px;
        line-height: 38px;
        font-size: 18px;
        text-shadow: none;
    }



    .s-innewsbtmtxt {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1200px) {
    .s-intitle {
        line-height: 60px;
        font-size: 40px;
    }

    .s-insolution {
        padding-top: 56px;
        padding-bottom: 50px;
    }

        .s-insolution .s-insolutionul {
            padding: 40px 0 0;
        }

    .s-insolutionlitxt {
        height: 70px;
        font-size: 24px;
        line-height: 68px;
        background: #fff;
        color: #1a1a1c;
    }

        .s-insolutionlitxt p {
            display: block;
        }

    .s-inproducts {
        padding-top: 78px;
        padding-bottom: 62px;
    }

    .s-inproducts-content {
        margin: 62px auto 68px;
    }

    .s-swiperprev {
        left: 10px;
    }

    .s-swipernext {
        right: 10px;
    }

    .s-infootprint {
        padding-top: 78px;
        padding-bottom: 57px;
    }

    .s-infootprint-content {
        margin-top: 45px;
    }

    .s-innews {
        padding: 63px 0 68px;
    }
	
	.s-infootprint-mapul2 li{
		width:265px;
	}
	.s-infootprint-mapul2 li b{
		width:215px;
	}
}

@media (min-width: 1400px) {
    .s-inproducts-content, .s-innews-content {
        padding: 0 96px 0;
    }

    .s-swiperprev {
        left: 0;
        display: block;
    }

    .s-swipernext {
        right: 0;
        display: block;
    }
}

/* 2019 05 23 修改 */
.solutionA-list {
    overflow: hidden;
}
  
.solutionA-list li {
    padding-bottom: 20px;
}
  
.solutionA-list img {
    display: block;
    width: 100%;
}
  
.solutionA-thumb {
    overflow: hidden;
}
  
.solutionA-content {
    border: 1px solid #dcdce5;
    border-top: none;
    padding: 20px 15px;
}
  
.solutionA-content h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    height: 22px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
  
.solutionA-content h3 a {
    color: #020202;
}
  
.solutionA-desc {
    font-size: 14px;
    color: #888888;
    display: -webkit-box;
    height: 96px;
    line-height: 24px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
	text-align:justify;
}
@media (min-width:1024px){
    .solutionA-img {
        position: relative;
        display: block;
        height: 0;
        padding-top: 56.349%;
        overflow: hidden;
      }
      .solutionA-img img{
          position: absolute;
          top:50%;
          width:100%;
          transform: translateY(-50%);
      }
      .solutionA-list li a {
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        -moz-transition: .3s ease;
        transition: .3s ease;
      }
      .solutionA-list li img {
        -webkit-transition: 1s ease;
        -o-transition: 1s ease;
        -moz-transition: 1s ease;
        transition: 1s ease;
      }
      .solutionA-list li:hover a {
        color: #cd002b;
      }
      .solutionA-list li:hover img {
        -webkit-transform: translateY(-50%) scale(1.08, 1.08);
        -moz-transform: translateY(-50%) scale(1.08, 1.08);
        -ms-transform: translateY(-50%) scale(1.08, 1.08);
        -o-transform: translateY(-50%) scale(1.08, 1.08);
        transform: translateY(-50%) scale(1.08, 1.08);
      }
}
@media (min-width:1200px){
    .solutionA-list ul {
        margin: 0 -12px;
        padding-bottom: 35px;
      }
      .solutionA-list li {
        padding: 15px;
      }
      .solutionA-title {
        font-size: 30px;
      }
      .solutionA-title:after {
        margin-top: 22px;
      }
      .solutionA-content h3 {
        font-size: 18px;
        margin-bottom: 10px;
      }
	  .solutionA-content h3:nth-child(1){
		  margin-bottom:3px;
	  }

      /* 2019 05 27 修改 */
      /* 应用场景1 */
      .solution-sunbtn41 a:nth-child(1){
        left:166px;
      }
      .solution-sunbtn41 a:nth-child(2){
        left:70px;
      }
      .solution-sunbtn41 a:nth-child(3){
        left:75px;
      }
      .solution-sunbtn41 a:nth-child(4){
        left:210px;
      }
      .solution-sunbtn41 a:nth-child(5){
        right:214px;
      }
      .solution-sunbtn41 a:nth-child(6){
        right:153px;
      }
      .solution-sunbtn41 a:nth-child(7){
        right:162px;
      }
      .solution-sunbtn41 a:nth-child(8){
        right:210px;
      }

/* 应用场景2 */
    .solution-sunbtn51 a:nth-child(1){
      top:124px;
      left: 428px;
    }
    .solution-sunbtn51 a:nth-child(2){
      top:153px;
      left: 133px;
    }
    .solution-sunbtn51 a:nth-child(3){
      top:546px;
      left: 116px;
    }
    .solution-sunbtn51 a:nth-child(4){
      left: 1019px;
    top: 347px;
    }
    .solution-sunbtn51 a:nth-child(5){
       right: 410px;
    }
    .solution-sunbtn51 a:nth-child(6){
          right: 182px;
    top: 239px;
    }
    .solution-sunbtn51 a:nth-child(7){
      right: 0px;
    top: 563px;
    }
    .solution-sunbtn51 a:nth-child(8){
      right: 355px;
    top: 568px;
    }


    /* 应用场景3 */
    .solution-sunbtn99 a{
      height: 55px;
    }
      .solution-sunbtn99 a:nth-child(9){
            left: 930px;
      top: 438px;
      }
      .solution-sunbtn99 a:nth-child(10){
        left: 82px;
      top: 193px;
      }
      .solution-sunbtn99 a:nth-child(1){
        left: 204px;
      top: 142px;
      }
      .solution-sunbtn99 a:nth-child(2){
        left:89px;
        top:266px;
      }
      .solution-sunbtn99 a:nth-child(3){
        right: auto;
      left: 88px;
      top: 367px;
      }
      .solution-sunbtn99 a:nth-child(4){
        right: auto;
      top: 508px;
      left: 90px;
      }
      .solution-sunbtn99 a:nth-child(5){
            right: 121px;
      top: 147px;
      }
      .solution-sunbtn99 a:nth-child(6){
        right: 84px;
      top: 259px;
      }
      .solution-sunbtn99 a:nth-child(7){
        right: 100px;
      top: 369px;
      }
    .solution-sunbtn99 a:nth-child(8){
            right: 193px;
      top: 512px;
      }

      /* 应用场景4 */
      .solution-sunbtn110 a:nth-child(1){
        right:207px;
        left:auto;
      }
      .solution-sunbtn110 a:nth-child(2){
        right:207px;
        left:auto;
        top:255px;
      }

      /* 应用场景5 */
      .solution-sunbtn52 a:nth-child(1){
          left:333px;
          top:180px;
      }
      .solution-sunbtn52 a:nth-child(2){
          left:128px;
          top:180px;
      }
      .solution-sunbtn52 a:nth-child(3){
          left:130px;
          top:527px;
      }
      .solution-sunbtn52 a:nth-child(4){
          left:405px;
          top:528px;
      }
      .solution-sunbtn52 a:nth-child(5){
          right:502px;
          top:142px;
      }
      .solution-sunbtn52 a:nth-child(6){
          right:210px;
          top:165px;
      }
      .solution-sunbtn52 a:nth-child(7){
          right:100px;
          top:512px;
      }
      .solution-sunbtn52 a:nth-child(8){
          right:412px;
          top:522px;
      }

      /* 2019 05 27 修改完 */
}
/* 2019 05 23 修改完 */
.sun-downloadimg img{width:100%;}

.office-list ul{
	font-size:0;
}
.office-list li{
	display:inline-block!important;
	float:none!important;
	font-size:14px;
	vertical-align:middle;
}
.sun-addres{
	padding-left:25px;
	background:url(../images/iconsun13.png);
	background-size:auto 80%;
	background-repeat:no-repeat;
	background-position:left center;
}
.sun-zip{
	padding-left:25px;
	background:url(../images/icon14.png);
	background-size:auto 78%;
	background-repeat:no-repeat;
	background-position:left center;
}
.sun-emails{
	padding-left:25px;
	background:url(../images/icon15.png);
	background-size:auto 60%;
	background-repeat:no-repeat;
	background-position:left center;
}
.bd_weixin_popup{
	box-sizing:content-box;
}

.product-list .img{
	position:relative;
	height:0;
	padding-top:111.23%;
	overflow:hidden;
}
.product-list .img img{
	position:absolute;
	top:50%;
	left:50%;
	max-width:100%;
	max-height:none;
	height:auto;
	transform:translate(-50%,-50%);
}
.s-innews-content .swiper-slide .sun-viewimg{
	position:relative;
	width:100%;
	height:0;
	padding-top:55.6%;
	overflow:hidden;
}
.s-innews-content .swiper-slide .sun-viewimg img{
	position:absolute;
	top:50%;
	left:50%;
	max-width:100%;
	max-height:none;
	height:auto;
	transform:translate(-50%,-50%);
}
@media (min-width:1024px){
	.footer-right{
	width:24%;
}
}
@media (min-width:1260px){
	.footer-right{
	width:19%;
}
.footer-qrcode .tablecell:first-of-type{
	width:60%;
}
}
.s-innewsbtmtxt h3{
	height:22px;
	line-height:22px;
}

.sun-comtit h2,.sunpro-title h4{
	text-align:left;
	font-weight:normal;
	font-size:16px;
	line-height:1.5em;
	color:#333;
	text-transform:none;
}
.sunpro-title h2:after{
	position:relative;
	left:50%;
	transform:translateX(-50%);
}

@media (min-width:1024px){
	.sun-comtit h2,.sunpro-title h4{
		font-size:16px;
	}
}

.culture .sm-tablecell,.culture .culture-item{
	border-color:transparent!important;
}
.culture .iconrb:after, .culture .iconlb:after{
	opacity:0;
}
.cookiebar{display:none!important;}
.cookie-bar {
  background: #096bb6;
  position: fixed;
  bottom: 0;
  z-index: 999;
  width: 100%;
  display:none!important;
  padding: 23px 20px 23px 20px;
  box-shadow: 0 -2px 1px rgba(0, 0, 0, 0.03); }
.cookie-bar .container2 {
position: relative;
text-align: center; }
@media (min-width: 768px) {
.cookie-bar .container2 {
text-align: left; } }
.cookie-bar .container2 .button-wrapper {
margin-top: 20px; }
@media (min-width: 768px) {
.cookie-bar .container2 .button-wrapper {
  float: right;
  right: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0; } }
.cookie-bar .container2 h4 {
padding-top: 8px;
margin-bottom: 0;
font-size: 1.25rem; }
.cookie-bar .container2 p {
margin: 0;
font-size: 0.8125rem; }
.cookie-bar .container2 p a {
text-decoration: underline; }
.cookie-bar{
    color:#fff;
    }
	.container2{width:95%;margin-left:auto;margin-right:auto;}
	@media (min-width:1024px){
		.container2{width:85%;max-width:1200px;}
	}
	.cookie-bar	.button{
		display: inline-block;
    position: relative;
    font-size: 1rem;
	line-height: 39px;
    font-size: 1.0666666667rem;
    text-transform: uppercase;
    text-align: center;
    color: #1e1e1e;
    letter-spacing: 0.5px;
    /* border-color: #d3d2d2; */
    border-radius: 50px;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    border: none;
    box-shadow: none;
    vertical-align: middle;
    transition: all 240ms cubic-bezier(0.555, 0.14, 0.205, 0.555);
    padding: 5px 30px 0 30px;
	background:#fff;
	}
	.cookie-bar	.button:focus{
		outline:none;
	}
.cookie-bar	.button:after{
		    content: "";
    display: none;
    position: absolute;
    z-index: 1;
    top: 1px;
    left: 1px;
    bottom: 1.1px;
    right: 1px;
    box-shadow: inset 0px 0px 0px 2px #d3d2d2;
	transition:all 240ms cubic-bezier(0.555, 0.14, 0.205, 0.555);
    border-radius: 50px;
	}
	.cookie-bar	.button:hover{
		background:#333;
		color:#fff;
	}
	.cookie-bar	.button:hover::after{
		box-shadow: inset 0px 0px 0px 2px #333;
	}


/* 网站地图 */
.sitemapcont2 {
    padding: 6% 10px;
    overflow: hidden;
    background: #fff;
}

    .sitemapcont2 dl {
        position: relative;
        margin-bottom: 36px;
    }

        .sitemapcont2 dl:last-of-type {
            margin-bottom: 0;
        }

        .sitemapcont2 dl dt {
            font-size: 16px;
            font-weight: bold;
            padding: 0 8px;
            background: #fff;
            position: absolute;
            left: 18px;
            top: -14px;
        }

            .sitemapcont2 dl dt a {
                color: #ce2323;
            }

                .sitemapcont2 dl dt a:hover {
                    color: #ce2323;
                }

        .sitemapcont2 dl dd {
            padding: 4% 3% 1% 3%;
            border: 1px solid #e6e6e6;
        }

            .sitemapcont2 dl dd a {
                display: inline-block;
                padding-left: 10px;
                margin: 0 23px 8px 0;
            }

@media (min-width:767px) {
    .sitemapcont2 {
        padding: 5% 10px;
    }

        .sitemapcont2 dl dt {
            font-size: 20px;
        }

        .sitemapcont2 dl dd {
            padding: 2% 3% 1% 3%;
            border: 1px solid #e6e6e6;
        }

            .sitemapcont2 dl dd a {
                margin: 0 45px 8px 0;
            }

                .sitemapcont2 dl dd a:hover {
                    color: #ce2323;
                }
}

@media (min-width:1024px) {
    .sitemapcont2 {
        padding: 3.5% 30px;
    }

        .sitemapcont2 dl {
            margin-bottom: 50px;
        }
}

/*20200303修改*/
@media (min-width:1280px) {
    footer .commonweb {max-width: 1400px;padding:0 60px;}  
    .footer-link li {padding-right: 15px;}
}
@media (min-width:1460px) {
    footer .commonweb {padding:0;}  
    .footer-link li {padding-right: 30px;}
}

/*20200904*/
.s-infootprint-mapulsf li.a {
    display: none;
}


/* 20210329 */


.download li{
	padding: 5px 0;
	display: table;
	line-height: 25px;
	
}

.download li span{
	display: table-cell;
	vertical-align: middle;
	min-width: 150px;
	
}

.download li a{
	vertical-align: middle;
	display: table-cell;
	color: #fff;
	line-height: 0;
	width: 60px;
	text-align: center;
}