/* ======    ====== */
.inliner-banner { width: 100%; position: relative; overflow: hidden }
.inliner-banner img { width: 1920px; position: relative; left: 50%; margin-left: -960px }
.inliner-banner .con { display: block; width: 80%; position: absolute; top: 50%; left: 50%; margin:0 0 0 -45%; }
.inliner-banner .con { font-size: 48px; line-height:100%; color: #fff; font-weight:normal; }
.inliner-banner .con span { float:left; }
.inliner-banner .con span.h { display:inline-block; width:2px; height:40px; background-color:#fff; margin: 12px 30px 0; }
.inliner-banner .con .en { text-transform:uppercase; }
 @media(max-width:1024px) {
.inliner-banner .con { font-size:36px; }
.inliner-banner .con span.h { height:30px; }
}
@media(max-width:768px) {
.inliner-banner img { width: 1200px; margin-left: -600px }
.inliner-banner .con { font-size:26px; }
.inliner-banner .con span.h { height:20px; margin: 5px 20px 0; }
}
@media(max-width:500px) {
.inliner-banner img { width: 800px; margin-left: -400px; max-width: 800px }
.inliner-banner .con { font-size:18px; }
.inliner-banner .con span.h { height:13px; margin: 2px 10px 0; }
  
}

/* ======  标题  ====== */
.box-title { display:block; }
.box-title .cn { float:left; font-size:48px; line-height:100%; color:#026ad3; font-weight:bold; margin-right:30px;width:100%; }
.box-title .cnsmall{font-size:30px!important;}
.box-title .en { float:left; text-transform:uppercase; font-size:16px; font-weight:600; color:#666; line-height:1.7; padding-top:5px; }
@media(max-width:768px) {
.box-title .cn { font-size:48px; margin-right:20px;width: 100%; }
.box-title .en { font-size:14px; }
}
@media(max-width:500px) {
.box-title .cn { width:100%; font-size:28px; margin-right:20px; }
.box-title .en { font-size:12px; }
.box-title .en br { display:none; }
  .box-title .cnsmall{font-size:20px!important;width: 60%;}
}
/* ======  简介  ====== */
.about { width:90%; margin:0 auto; padding:100px 0; }
.about .nav { float:left; width:25%; }
.about .box-title .cn { width:100%; margin-bottom:5px; }
.about .nav ul { margin-top:20px; padding-top:5px; border-top:1px #cccccc solid; }
.about .nav ul * { transition-duration: .3s; }
.about .nav ul li { background-color:#f1f1f1; margin-top:10px; border-radius:5px; }
.about .nav ul li a { display:block; line-height:70px; font-size:20px; color:#7f7f7f; text-align:center; }
.about .nav ul li a i { background-position: -27px center; padding-left:23px; margin-right:15px; }
.about .nav ul li a i.icon1 { background-image:url(/uploads/image/shimages/nav-icon1.png); }
.about .nav ul li a i.icon2 { background-image:url(/uploads/image/shimages/nav-icon2.png); }
.about .nav ul li a i.icon3 { background-image:url(/uploads/image/shimages/nav-icon3.png); }
.about .nav ul li a i.icon4 { background-image:url(/uploads/image/shimages/nav-icon4.png); }
.about .nav ul li a span { background:url(/uploads/image/shimages/nav-icon.png) no-repeat -2px center; padding-left:1px; margin-right:15px; }
.about .nav ul li:hover { background-color:#026ad3; }
.about .nav ul li:hover a { color:#fff; }
.about .nav ul li:hover i { background-position:left center; }
.about .nav ul li:hover span { background-position:left center; }

.about .con { float:right; width:70%; max-width:1000px; height:470px; background:url(/uploads/image/shimages/about-bg.png) no-repeat right top; position:relative; }
.about .con .leftbg { position:absolute; left:0; top:0; width:15px; height:470px; background:url(/uploads/image/shimages/about-bgleft.png) no-repeat; }
.about .con .title { position:absolute; left:0; top:0; height:50px; padding-left:100px; font-size:34px; color:#000; line-height:100%; font-weight:bold; background:url(/uploads/image/shimages/about-icon1.png) no-repeat; }
.about .con .title span { display:block; font-size:16px; color:#b2b2b2; font-weight:normal; text-transform:uppercase; }
.about .con .tit { width:85%; height:178px; margin:100px auto 0; font-size:16px; overflow:auto; }
.about .con .tit p { padding-bottom:10px; }
.about .con .tit p:last-child { padding-bottom:0; }

.about .con .data { width:85%; margin:50px auto 0; }
.about .con .data li { float:left; font-size:15px; border-left:1px #ccc solid; padding-left:8%; margin-left:6%; }
.about .con .data li h2 strong { font-size:36px; line-height:100%; color:#0169d2; }
.about .con .data li:first-child { margin-left:0%; padding-left:0%; border-left:0 none; }
.about .con .data li:last-child { margin-right:0%; }

@media(max-width:1380px) {
.about .box-title .cn { font-size:50px; }
.about .con .data li { padding-left:4%; margin-left:3%; }
}
@media(max-width:1280px) {
.about .box-title .cn { font-size:50px; }
.about .con .data li { padding-left:2%; margin-left:2%; }
}
@media(max-width:1024px) {
.about { padding-top:50px; }
.about .nav { width:100%; }
.about .nav ul li a { line-height:45px; }
.about .con { width:100%; margin-top:50px; }
}

@media(max-width:768px) {
.about { padding:50px 0; }
.about .box-title .cn { font-size:48px; }
}

@media(max-width:628px) {
.about .con .title { font-size:24px; padding-left:70px; padding-top:8px; }
.about .con .title span { font-size:12px; line-height:100%; padding-top:5px; }
.about .con .tit { margin-top:80px; }
.about .con .data { margin:0 auto 0; }
.about .con .data li { float:left; font-size:14px; width:100%; line-height:100%; border-left:0 none; padding-left:0%; margin-left:0%; margin-top:10px; }
.about .con .data li h2 strong { font-size:16px; color:#0169d2; }
}
@media(max-width:500px) {
.about .box-title .cn { font-size:28px; }
.about .con .title span { font-size:12px; line-height:100%; padding-top:5px; }
}

/* ======  发展  ====== */
.development { width:100%; }
.development img { width:100%; }
.mobile-development { display:none; }
@media(max-width:768px) {
.development { display:none; }
.mobile-development { display:block; width:100%; }
.mobile-development img { width:100%; }
}

/* ======  荣誉  ====== */
.honour { width:90%; margin:0 auto; padding:100px 0; position:relative; }
.honour .slides { width:90%; margin:30px auto 0; }
.honour .slides li { width:25%; height:100%; min-height:280px; text-align:center; position:relative; background-color:#f2f2f2; }
.honour .slides li img { max-width:90%; max-height:90%; }

/* ======    ====== */
.honour .flex-direction-nav a { opacity: 1; filter: alpha(opacity=100); width: 50px; height: 50px; margin: -25px 0 0; text-shadow: none; background-size: 100%!important; transition: background .3s; z-index: 1 }
.honour .flex-direction-nav a:before { font-size: 0 }
.honour .flex-direction-nav .flex-prev { background: url(/uploads/image/shimages/a51.png) no-repeat center; margin-top:-180px; left:auto; right: 0; margin-right:60px; }
.honour .flex-direction-nav .flex-next { background: url(/uploads/image/shimages/a52.png) no-repeat center; margin-top:-180px; left:auto; right: 0; }
.honour .flex-direction-nav .flex-prev:hover { background: url(/uploads/image/shimages/a51_h.png) no-repeat center }
.honour .flex-direction-nav .flex-next:hover { background: url(/uploads/image/shimages/a52_h.png) no-repeat center }
@media(max-width:1024px) {
.honour { width:90%; padding:50px 0;  }
}
@media(max-width:768px) {
.honour { padding:50px 0; }
}
/* ======  经营理念  ====== */
.concept { width:100%; }
.concept .img { float:left; width:50%; min-height:420px; background:url(/uploads/image/shimages/concept-img.jpg) no-repeat center center; background-size:auto 100%; }
.concept .con { float:left; width:50%; min-height:420px; background:url(/uploads/image/shimages/concept-bg.jpg) #f2f2f2 no-repeat center center; background-size:auto 100%; }
.concept .con h2 { font-size:60px; margin:8% 0 0 10%; line-height:100%; font-weight:bold; color:#333; }
.concept .con .font { font-size:36px; margin:3% 0 0 10%; color:#026ad3; line-height:100%; }
.concept .con .tit { font-size:18px; margin:5% 5% 0 10%; max-width:600px; color:#333; }

@media (max-width: 1024px) {
.concept .img { width:100%; display:none; }
.concept .con { width:100%; }
}

@media (max-width: 500px) {
.concept .con { min-height:300px; }
.concept .con h2 { font-size:40px; }
.concept .con .font { font-size:26px; }
.concept .con .tit { font-size:12px; margin-right:10%;  }
}




/* ======  产品  ====== */

.prodcut { width:90%; margin:0 auto; padding:100px 0; }
.prodcut .nav { float:left; width:25%; }
.prodcut .box-title .cn { width:100%; margin-bottom:5px; }

.prodcut .nav ul { margin-top:20px; padding-top:5px; border-top:1px #cccccc solid; }
.prodcut .nav ul * { transition-duration: .3s; }
.prodcut .nav ul li { background-color:#f1f1f1; padding:15px 0; margin-top:10px; border-radius:5px; }
.prodcut .nav ul li a { display:block; font-size:20px; line-height:120%; color:#7f7f7f; text-align:center; }
.prodcut .nav ul li:hover { background-color:#026ad3; }
.prodcut .nav ul li:hover a { color:#fff; }
.prodcut .nav ul li.cur { background-color:#026ad3; }
.prodcut .nav ul li.cur a { color:#fff; }

.prodcut .proright { float:right; width:70%; position:relative; }
.prodcut .proright .prolist {}
.prodcut .proright .prolist li { float:left; width: -moz-calc(25% - 18px); width: -webkit-calc(25% - 18px); width: calc(25% - 18px); margin:0 8px 20px; border:1px #e6e6e6 solid; }
.prodcut .proright .prolist li img { display:block; width:90%; height:90%; padding:5%; padding-bottom:0; }
.prodcut .proright .prolist li .title { height:50px; line-height:50px; display:block; text-align:center; overflow:hidden; color:#666; font-size:16px; }
.prodcut .proright .prolist li:hover { box-shadow: 0 0px 8px rgba(0,0,0,.2); }
.prodcut .proright .prolist li:hover .title { color:#026ad3; }

.prodcut .proright .proseries { margin-bottom:30px; border:1px #f1f1f1 solid; padding:20px; }
.prodcut .proright .proseries li { float:left; width: -moz-calc(25% - 18px); width: -webkit-calc(25% - 18px); width: calc(25% - 18px); margin:5px 8px; }
.prodcut .proright .proseries li a { font-size:18px; color:#7f7f7f; }
.prodcut .proright .proseries li a.cur { color:#026ad3; font-weight:bold; }

@media(max-width:1380px) {
.prodcut .box-title .cn { font-size:50px; }
}
@media(max-width:1280px) {
.prodcut .box-title .cn { font-size:50px; }
.prodcut .proright .prolist li { width: -moz-calc(33.3% - 18px); width: -webkit-calc(33.3% - 18px); width: calc(33.3% - 18px); }
}
@media(max-width:1024px) {
.prodcut { width:90%; padding-top:50px; }
.prodcut .nav { width:100%; }

.prodcut .nav .pgnav { position: relative; min-height: 40px; z-index: 998; }
.prodcut .nav .pgnav ul { width: 100%; padding: 5px 0; position: absolute; top: 0; left: 0; background-color:#026ad3; border-radius: 5px; box-shadow: 0 1px 2px rgba(0,0,0,.3); }
.prodcut .nav .pgnav li { display: none; margin: 0; border-radius:0px; }
.prodcut .nav .pgnav .cur { display: block; background:url(/uploads/image/shimages/pgnav.png) no-repeat 10px center; }
.prodcut .nav .pgnav a { display: block; padding:0 0 0 32px; font-size:16px; text-align: left; }
.prodcut .nav .pgnav .cur a { background: none; color: #fff; }
/* on nav hover */
.prodcut .nav .pgnav ul:hover { background-image: none; }
.prodcut .nav .pgnav ul:hover li { display: block; margin: 0 0 5px; background:none; }
.prodcut .nav .pgnav ul:hover li a  { color:#fff; }
.prodcut .nav .pgnav ul:hover .cur { background:#fff url(/uploads/image/shimages/pgnav.h.png) no-repeat 10px center; }
.prodcut .nav .pgnav ul:hover .cur a { color:#000; }

.prodcut .proright { float:left; width:100%; padding-top:50px; }
}

@media(max-width:768px) {
.prodcut { padding:50px 0; }
.prodcut .box-title .cn { font-size:48px; }
.prodcut .proright .proseries li { width: -moz-calc(33.3% - 18px); width: -webkit-calc(33.3% - 18px); width: calc(33.3% - 18px); }
.prodcut .proright .prolist li { width: -moz-calc(50% - 18px); width: -webkit-calc(50% - 18px); width: calc(50% - 18px); }
}

@media(max-width:500px) {
.prodcut .box-title .cn { font-size:28px; }
.prodcut .proright .proseries li { width: -moz-calc(50% - 18px); width: -webkit-calc(50% - 18px); width: calc(50% - 18px); }
.prodcut .proright .prolist li { width: -moz-calc(100% - 18px); width: -webkit-calc(100% - 18px); width: calc(100% - 18px); }
}

/* ======  产品详情  ====== */


.product-info { width:100%; position: relative }
.product-info .info-pic { width: 48%; float: left; overflow: hidden; position: relative; text-align:center; }
.product-info .info-pic img { max-width: 100%; max-height: 340px; }

.product-info .info-font { width: 52%; }
.product-info .info-font h2 { font-size: 36px; color: #000; line-height: 55px; font-weight: bold }
.product-info .info-font h3 { font-size: 24px; color: #333; line-height: 32px; padding-bottom: 5px; border-bottom: 1px solid #e0e0e0 }
.product-info .info-font .font { padding: 10px 0 15px; border-bottom: 1px solid #e0e0e0 }
@media(max-width:1024px) {
.product-info .info-font h2 { font-size: 30px; line-height: 45px }
.product-info .info-font h3 { font-size: 18px; line-height: 28px; padding-bottom: 15px }
.product-info .info-font .font { padding: 20px 0 25px }
}
@media(max-width:768px) {
.product-info .info-pic { width: 100%; margin-bottom: 29px }
.product-info .info-font { width: 100%; padding:0; }
.product-info { padding: 40px 0 0 }
}

.product-info-b { background: #fff; width: 100%; padding:50px 0; position: relative }
.product-info-list { width: 100%; }
.product-info-list .product-itit{ padding-left:20px; line-height:49px; position: relative; font-size: 20px; color: #333; background-color:#f1f1f1; border-bottom:2px #026ad3 solid; box-shadow: 0 1px 0px rgba(0,0,0,.3); }

.bout { padding:30px 0 }
.bout p { padding-bottom: 10px; overflow: auto; }
.bout table { width: 100%; }
.bout td { border: 1px #dddddd solid;}

/* ======  新闻  ====== */

.news-list-bot { width: 100%; }
.news-list-bot li { width: 100%; float: left; transition: box-shadow .3s; border-bottom: 1px solid #e6e6e6; padding-bottom:20px; margin-bottom:20px; }
.news-list-bot li .pic { float:left; width: 270px; overflow: hidden; height: 190px; border: 1px solid #e6e6e6; }
.news-list-bot li .pic img { width: 100%; transition: transform .3s; }
.news-list-bot li .con { float:right; width: -moz-calc(100% - 300px); width: -webkit-calc(100% - 300px); width: calc(100% - 300px); }
.news-list-bot li .con h2 { font-size: 24px; color: #333; line-height: 44px; overflow: hidden; height: 44px; transition: color .3s }
.news-list-bot li .con .time { color: #999; line-height: 26px; font-size: 14px; padding-left: 30px; background: url(/uploads/image/shimages/case31.png) no-repeat left center; margin-top:10px; }
.news-list-bot li .con .font { font-size: 14px; color: #666; line-height: 24px; margin-top: 14px; height: 72px; overflow: hidden; }

@media(max-width:768px) {
.news-list-bot li { width: 100%; }
.news-list-bot li .pic { width:100%; }
.news-list-bot li .pic img { width:auto; max-width:100%; height:100%; }
.news-list-bot li .con { width:100%; }
}

/* ======  新闻详情  ====== */
.news-info-box { width: 100%; background: #fff; float: left }
.news-info-box h2 { font-size: 30px; color: #000; line-height: 30px; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2; padding-right: 85px; position: relative; margin-bottom: 30px }
.news-info-box .time { font-size: 14px; color: rgba(51,51,51,.5); display:block; }
.news-info-box p { font-size: 18px; color: #666; line-height: 36px; margin-bottom: 30px }
.news-info-box img { max-width: 100%; margin-bottom: 35px; height: auto!important }
 @media(max-width:1024px) {
.news-info-box { padding:25px 0 }
.news-info-box h2 { font-size: 22px; padding-bottom: 15px; margin-bottom: 15px }
.news-info-box p { font-size: 15px; line-height: 28px; margin-bottom: 20px }
.news-info-box img { margin-bottom: 20px }
}
@media(max-width:768px) {
.news-info-box h2 { width: 100%; padding: 0 }
}
.info-page { width: 92.8%; float: left; padding: 17px 3.6%; background: #fff; margin-top: 29px; text-align: center }
.info-page.on { box-shadow: 0 0 10px rgba(0,0,0,.2) }
.info-page a { display: inline-block; font-size: 16px; line-height: 36px; color: #666; transition: color .3s }
.info-page a.prev { float: left }
.info-page a.next { float: right }
.info-page a.return { padding: 0 15px 0 45px; background: url(/uploads/image/shimages/news11.png) no-repeat 15px center; transition: background .3s, color .3s }
.info-page a.return:hover { background: #026ad3 url(/uploads/image/shimages/news11_h.png) no-repeat 15px center; color: #fff }



/* ======  联系  ====== */
.contact { width:90%; margin:0 auto; padding:100px 0; }
.contact ul { margin-top:40px; border-top:1px #e5e5e5 solid; padding-top:35px; }
.contact ul li { float:left; width: -moz-calc(50% - 1px); width: -webkit-calc(50% - 1px); width: calc(50% - 1px); }
.contact ul li h2 { font-size:24px; font-weight:bold; line-height:120%; color:#000; margin-bottom:20px; }
.contact ul li h2 p { font-size:16px; text-transform:uppercase; font-weight:normal; color:#333; }
.contact ul li p { font-size:16px; color:#777777; margin-bottom:10px; line-height:150%; }
.contact ul li p span { font-size:14px; line-height:100%; }

.contact ul li:last-child { border-left:1px #e5e5e5 solid; padding-left:5%; width:40%; margin-left:5%; }
@media(max-width:1024px) {
.contact { padding:50px 0;  }
}
@media(max-width:768px) {
.contact ul li { width:100%; padding:0; margin:0; border:0; }
.contact ul li:last-child { width:100%; padding:0; margin:30px 0 0; border:0; }
}

/* ======  地图  ====== */
.map { width:100%; height:400px; }
@media (max-width: 500px) {
.map { height:300px; }
}