@charset "UTF-8";
body { font-family: '微软雅黑';    max-width: 1440px;
    margin: 0 auto;
    border: 1px solid #eaeaea; }
input[type="button"], input[type="submit"], input[type="reset"] {

-webkit-appearance: none;

}
table{ margin:auto; background:#f2f2f2;}
.container { margin: 0 5%;  }

.container2 { max-width: 1200px; margin: 0 auto;position:relative;}

.container3 { max-width: 900px; margin: 0 auto; }

.boxtbp { margin-top: 100px; }

.clear {clear:both;}

.top-title { font-size: 28px; color: #000; padding-bottom: 20px; }

@media screen and (max-width: 1024px) { .container2 { margin: 0 6%; }
  .container3 { margin: 0 6%; }
  .boxtbp { margin: 50px 0; } }
@media screen and (max-width: 480px) { .container2 { margin: 0 5%; }
  .container3 { margin: 0 5%; }
  .boxtbp { margin: 30px 0; }
  .top-title { font-size: 20px; } }
.index-case { background: #fff; overflow: hidden; }
.index-case img { display: block; }
.index-case .case-title { padding-top: 20px; }
.index-case .case-title .title { font-size: 24px; color: #000; padding-bottom: 10px; }
.index-case .case-title .desc { font-size: 16px; color: #666666;text-align:justify;line-height:28px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}
.index-case .banner-swiper .pic img { width: 100%; height: auto; }
.index-case .co1 { float: left; width: 60%; overflow: hidden; padding-right: 40px; box-sizing: border-box; }
.index-case .co2 { width: 40%; float: left; position: relative;margin-top:8px;}
.index-case .co2 img { width: 100%; height: auto; }
.index-case .co2 .title { position: absolute; bottom: 30px; left:0; font-size: 24px; color: #000; }
.index-case .co3 { width: 40%; float: left; padding-top: 40px; }
.index-case .co3 img { width: 100%; height: auto; }

@media screen and (max-width: 1024px) { .index-case .case-title { padding-top: 20px; }
  .index-case .case-title .title { font-size: 18px; }
  .index-case .case-title .desc { font-size: 14px; color: #666666;line-height:22px; display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
  .index-case .co2 .title { position: absolute; bottom: 20px; left:0; font-size: 18px; }
  .index-case .co3 { width: 40%; float: left; padding-top: 20px; }
  .index-case .co3 img { width: 100%; height: auto; } }
@media screen and (max-width: 480px) { .index-case .top-title { font-size: 20px; width: 100%; padding-bottom: 15px; }
  .index-case .case-title { padding-top: 10px; }
  .index-case .case-title .title { font-size: 16px; color: #000; padding-bottom: 10px; }
  .index-case .case-title .desc { font-size: 14px; color: #666666;line-height:22px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; }
  .index-case .co1 { float: none; width: 100%; padding: 0; padding-bottom: 30px; }
  .index-case .co2 { width: 100%; float: none; }
  .index-case .co2 .title { bottom: 15px; left: 0px; font-size: 16px; }
  .index-case .co3 { width: 100%; float: none; padding-top: 30px; } }
.index-news {background: url("../images/index-news-bg.png") center center #eee;background-size:100% 100%;position: relative;padding:100px 5%; margin-top:100px;}
.index-news .left {position:absolute;left:65%;top:100px;}
.index-news .left ul { font-size: 18px; }
.index-news .left ul li.on a { color: #d6000f; border-bottom: 2px solid #d6000f; }
.index-news .left ul li a { padding: 30px 0; padding-bottom: 15px; color: #333333; display: inline-block; }
.index-news .right {width:100%;height:auto;position:relative;}
.index-news .right .n-r { /*display: none;*/ }
.index-news .right .n-r.on { display: block; }
.index-news .right .news-top { width: 60%; overflow: hidden; float: left; }
.index-news .right .news-top img { width: 100%; height: auto; }
.index-news .right .wrap { width:40%; float: left; padding-left: 5%; box-sizing: border-box; }
.index-news .right .news-text { color: #fff; }
.index-news .right .news-text ul li { transition: all 1.2s; opacity: 0; display: none; }
.index-news .right .news-text ul li.on { opacity: 1; display: block; }
.index-news .right .news-text .time { font-size: 16px;line-height:16px;margin-bottom:16px;color:#aaa; text-align:justify;}
.index-news .right .news-text .title { font-size: 22px;line-height:28px;margin-bottom: 12px; color:#333;height:56px;text-align:justify;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.title-h5 {display:block;width:24px;height:3px;background: #011638;margin-bottom:16px;}
.index-news .right .news-text .desc { font-size: 16px;line-height:24px;color:#666;text-align:justify;display: -webkit-box;-webkit-box-orient: vertical;
-webkit-line-clamp: 3;overflow: hidden;}
.index-news .right .news-text .go {margin-top:20px;display: block;width: 120px;height: 36px;border: 2px solid #333;color: #333;line-height: 36px;text-align: center;transition:0.3s;-webkit-transition:0.3s;}
.index-news .right .news-text .go:hover {background:#d6000f;border:2px solid #d6000f;color:#fff;transition:0.3s;-webkit-transition:0.3s;}
.index-news .right .news-thumbs { width: 60%; overflow: hidden; position:absolute;bottom:-8%;right:0;}
.index-news .right .news-thumbs .swiper-slide img {vertical-align:top}
.index-news .right .news-thumbs .swiper-slide .news-thumbs-bai-box {width:100%;height:100%;position:relative;}
.index-news .right .news-thumbs .swiper-slide .news-thumbs-bai {position:absolute;top:0;left:0;font-size:28px;color:#fff;line-height:28px;text-align:center;background:rgba(0,0,0,0.4);width:100%;height:100%;}
.index-news .right .news-thumbs .swiper-slide .news-thumbs-bai h2 {font-size:32px;line-height:32px;margin-top:1.4rem;font-weight:200;}
.index-news .right .news-thumbs .swiper-slide .news-thumbs-bai h5 {font-size:18px;line-height:18px;margin-top:0.5rem;font-weight:300;}
.index-news .right .news-thumbs .swiper-slide { width:25%; padding-left:4%; box-sizing: border-box; }
.index-news .right .news-thumbs .swiper-slide.on img {border:2px solid #d6000f;box-sizing: border-box;}
.index-news .right .news-thumbs .swiper-slide.on .news-thumbs-bai {display:none;}
.index-news .right .news-thumbs img { width: 100%; height: auto;}
.top-title-bai {font-size:24px;margin-bottom:16px;line-height:28px;}
@media screen and (max-width: 1480px) { .top-title-bai {margin-top:0;} }
@media screen and (max-width: 1480px) { 
.index-news .right .news-thumbs .swiper-slide .news-thumbs-bai h2 {font-size:32px;line-height:32px;margin-top:1rem;font-weight:200;} }

@media screen and (max-width: 1024px) { .index-news .right { width: 100%; }
    .top-title-bai {margin-top:0px;font-size:22px;color:#000;line-height:22px;margin-bottom:20px;}
    .index-news .right .news-text .title {font-size: 18px;line-height:24px;margin-bottom: 15px; color:#333; text-align:justify;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}
    .index-news .right .news-text .desc { font-size: 14px;line-height:20px;color:#666;text-align:justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
    .index-news .right .news-text .time {font-size: 18px;line-height:18px;margin-bottom:15px;color:#aaa; text-align:justify;}
    .index-news .right .news-thumbs { width: 104%; overflow: hidden; position:absolute;left:-4%;bottom:auto;margin-top:32px;}
    .index-news {padding:100px 5% 200px 5%;}
}
@media screen and (max-width: 768px) { .index-news { padding: 0; padding-bottom: 5%; }
.solution-nav{
  display:none;
}
    .index-news {margin-top:50px;}
  .index-news .left .top-title { text-align: center; font-size: 20px; color: #333; padding: 0; }
  .index-news .left .news-nav { overflow: hidden; padding-top: 20px; }
  .index-news .left .news-nav li { float: left; width: 33%; font-size: 14px; text-align: center; }
  .index-news .left .news-nav li a { padding: 10px 0; }
  .index-news .right { width: 100%; top: 0; position: relative; padding: 30px 5%; overflow: hidden; box-sizing: border-box; }
  .index-news .right .news-top { float: none; width: 100%; }
  .index-news .right .wrap { width: 100%; float: none; padding: 0; padding-top: 25px; }
  .index-news .right .news-text { width: 100%; }
  .index-news .right .news-text .title { font-size: 16px; height:32px;}
  .index-news .right .news-text .desc { font-size: 14px; }
  .index-news .right .news-text .go { display: none; }
  .index-news .right .news-thumbs { padding-top: 25px; } }
.success-case {background: url("../images/index-case-bg.jpg");background-size:100% 100%;padding:10% auto;}

.success-case-con {}

.success-case-tit { text-align: center;margin:0 5%; }
.success-case-tit .case-js { max-width: 910px; margin: 0 auto; font-size: 14px; color: #666; line-height: 30px; text-align:justify;}

.index-case-txt {}
.index-case-txt .case-t-l { float: left; width: 50%; }
.index-case-txt .case-t-l img { width: 100%; }
.index-case-txt .case-t-r { float: left; width: 50%; position: relative; }
.index-case-txt .case-t-r img { width: 100%; display: block; }
.index-case-txt .case-search {margin:100px 5%;}
.index-case-txt .case-search .top-title {font-size:32px;font-weight:normal;color: #fff;padding:0;margin:0 auto;text-align:center;line-height:32px;}
.index-case-txt .case-search p {max-width:80%;margin:0 auto;font-size:14px;margin:40px auto;text-align:center;color:#fff;line-height:28px;}
.index-case-txt .case-search .case-search-con {width:80%;margin:0 auto;padding:2%;background:rgba(0,0,0,0.4)}

.case-search-con .d_select { position: relative; width:46%;float:left;margin:0 2%;box-sizing:border-box;border-bottom:1px solid #fff;color:#fff;}
.case-search-con .d_select .d_inSelect { cursor:pointer;width: 100%; border: none; height: 58px; color: #fff; font-family: "Microsoft YaHei"; line-height: 58px; outline: none; text-indent: 1em; background: url("../images/slide-icon.png") no-repeat; background-position: right center; }
.case-search-con .d_select .d_SelectList { display: none; position: absolute; top: 58px; left: 0; width: 100%; z-index: 2;overflow: auto;max-height: 520px}
.case-search-con .d_select .d_SelectList li { line-height: 58px; background: #f1f1f1; text-indent: 1em; }
.case-search-con .d_select .d_SelectList li a { display: block; }
.choose-btn {width:240px;height:58px;margin:0 auto;margin-top:40px;}
.choose-btn .btn { width: 100%; height: 58px; line-height: 58px; background: #c90312; text-align: center; font-size: 24px; color: #fff; border: none; cursor: pointer; outline: none;font-weight:normal;border-radius: 0; }

@media screen and (max-width: 1024px) { .index-case-txt .case-search {margin:50px 5%;}
    .case-search-con .choose-btn .btn {font-size:16px;}
    .index-case-txt .case-search .top-title {font-size:28px; }
    .index-case-txt .case-search p {font-size:14px;}
    .choose-btn {width:200px;height:40px;margin:0 auto;margin-top:28px;}
    .choose-btn .btn {line-height:40px;font-size:20px;}
}

@media screen and (max-width: 480px) { .success-case { padding-bottom: 0; margin-top: 0; margin-bottom: 0; }
  .success-case .success-case-con { padding: 0; margin: 0; overflow: hidden; }
  .success-case .success-case-con .success-case-tit { padding: 0 5% 20px 5%; }
  .success-case .success-case-con .success-case-tit .top-title { font-size: 20px; }
  .success-case .success-case-con .success-case-tit .case-js { font-size: 14px; }
  .success-case .success-case-con .index-case-txt { margin: 0; }
    
    .case-search-con .d_select { border-bottom: 1px solid #fff; position: relative; width:100%;float:none;margin-bottom:20px;}
    .case-search-con .choose-btn {width:100%;float:none;}
    .case-search-con .choose-btn .btn {font-size:16px;}
    .case-search-con .d_select .d_SelectList { display: none; position: absolute; top: 59px; left: 0; width: 100%; z-index: 2;overflow: auto;max-height: 400px}
    .case-search-con .d_select .d_SelectList li { line-height: 40px; background: #f1f1f1; text-indent: 1em; }
    .index-case-txt .case-search .top-title {font-size:26px; }
}
.footer {width: 100%;background: #292929;}

.footer-con {width: 90%;margin: 0 5%;padding: 3% 0;/* border-bottom: 1px solid #4d4d4d; */overflow: hidden;padding-bottom:  1%;}
.footer-con .footer-l, .footer-con .footer-r { float: left; }







.footer-con .footer-l { width: 55%; }
.footer-con .footer-r { width: 45%; }
.footer-con .footer-l ul li { float: left; }
.footer-con .footer-l ul .f-01 { width: 38%; padding-right: 2%; }
.footer-con .footer-l ul .f-01 a { display: block; width: 80%;cursor:default; }
.footer-con .footer-l ul .f-01 img { max-width: 100%; }
.footer-con .footer-l ul .f-02 { width: 18%; padding-right: 2%; }
.footer-con .footer-l ul .f-02 span {font-size: 16px;color: #fff;}
.footer-con .footer-l ul .f-02 dl { margin-top: 30px; }
.footer-con .footer-l ul .f-02 dl dd { margin: 10px 0; }
.footer-con .footer-l ul .f-02 dl dd a {font-size: 14px;color: #ffffff;}
.footer-con .footer-l ul .f-02 dl dd a:hover{ color:#d4d4d4;}
.footer-con .footer-r .r-con01 { width: 58%; float: left; padding-right: 2%; }
.footer-con .footer-r .r-con01 span { font-size: 16px; color: #ccc; }
.footer-con .footer-r .r-con01 ul { margin-top: 30px; }
.footer-con .footer-r .r-con01 ul li { margin: 10px 0; font-size: 14px; color: #8c8c8c; }
.footer-con .footer-r .r-con01 ul li .gpxx .xx-l { float: left; font-size: 52px; color: #ccc; font-family: "Microsoft YaHei"; }
.footer-con .footer-r .r-con01 ul li .gpxx .xx-r { float: left; margin-left: 10px; }
.footer-con .footer-r .r-con01 ul li .gpxx .xxtime { float: left; font-size: 14px; color: #8c8c8c; margin: 40px 0 0 20px; }
.footer-con .footer-r .r-con01 ul li .gpxx .xx-r span { display: block; font-size: 20px; color: #ccc; margin: 4px 0; font-family: "Microsoft YaHei"; }
.footer-con .footer-r .r-con01 .jm { margin-top: 60px; }
.footer-con .footer-r .r-con01 .jm p { font-size: 16px; color: #ccc; margin-bottom: 30px; }
.footer-con .footer-r .r-con01 .jm span { display: block; font-size: 24px; color: #ccc; font-family: "Microsoft YaHei"; }
.footer-con .footer-r .r-con01 .jm a { display: block; font-size: 14px; color: #8c8c8c; width: 208px; height: 48px; text-align: center; line-height: 48px; border: 1px solid #696969; margin-top: 50px; }
.footer-con .footer-r .r-con02 {/* width: 40%; */float: right;}

.footer-con .footer-r .r-con02 .co-icon-item{text-align: center;float: right;margin: 0 20px;}
.footer-con .footer-r .r-con02 .co-icon-item .text {height: 35px;display: table;width: 135px;margin: 0 auto; padding-bottom: 15px;}
.footer-con .footer-r .r-con02 .co-icon-item .text .rc-icon img{ width: 20px;display: block; }
.footer-con .footer-r .r-con02 .co-icon-item .text .rc-text{font-size: 14px;color: #6f6c6c;}
.footer-con .footer-r .r-con02 .co-icon-item .text .rc-icon , .footer-con .footer-r .r-con02 .co-icon-item .text .rc-text{ line-height: 1;display: table-cell;vertical-align: middle; }
/*
.footer-con .footer-r .r-con02 p { float: left; width: 100%; min-width: 117px; text-align: center; margin-bottom: 40px; }
.footer-con .footer-r .r-con02 img { max-width: 100%; }
.footer-con .footer-r .r-con02 span.ewm{display: block;}
.footer-con .footer-r .r-con02 span { display: inline-block; font-size: 14px; color: #8c8c8c; margin-top: 10px; }
.footer-con .footer-r .r-con02 .rc-icon{width: 20px;height: auto;padding-right: 5px;}
*/
.footer-copy {width: 100%;background: #232323;overflow: hidden;}

.footer-copy-txt {padding: 20px 5%;margin-bottom:  20px;line-height:  30px;}
.footer-copy-txt p {font-size: 14px;color: #565656;}
.footer-copy-txt p a {font-size: 14px;color: #8e8e8e;}
.footer-copy-txt p a:hover{ color:#dcdcdc;}
.footer-copy-txt p span { margin: 0 4px; }
.footer-copy-txt .fl { float: left; }
.footer-copy-txt .fr { float: right; }

@media screen and (max-width: 1200px) { .index-case-txt .case-t-r .case-search { padding: 13% 18%; }
  .case-search-con .choose-btn .btn { height: 60px; line-height: 60px; } }
@media screen and (max-width: 960px) { .index-case-txt .case-t-r .case-search { padding: 5% 18%; } }
@media screen and (max-width: 768px) { .footer-con .footer-l, .footer-con .footer-r { width: 100%; float: none; }
  .footer-con .footer-l { margin-bottom: 30px; }
  .footer-con .footer-l ul .f-01 { display: none; }
  .footer-con .footer-l ul .f-02 { width: 31.33%; }
  .footer-con .footer-r .r-con01, .footer-con .footer-r .r-con02 { width: 98%; }
  .footer-copy-txt p { width: 100%; text-align: center; margin: 10px 0; }
  .index-case-txt .case-t-l { display: none; }
  .index-case-txt .case-t-r { width: 100%; }
  .index-case-txt .case-t-r .case-search { padding: 18%; }
  .footer-con .footer-r .r-con01 { margin-bottom: 30px; }
  .footer-con .footer-r .r-con02 .co-icon-item { width: 50%;float: left; }

 }
@media screen and (max-width: 540px) { .index-case-txt .case-t-r img { width: 540px; position: relative; left: 50%; margin-left: -270px; }
  .index-case-txt .case-t-r .case-search { padding: 16% 5%; width: 100%; box-sizing: border-box; } }
.index-banner { overflow: hidden; position: relative;
  }
.swiper-wrapper {
  position: relative;
  width: 100%; }

.swiper-pagination{width:100%;overflow:hidden;position:absolute;left:0px;bottom:10%;z-index:9;text-align:center;}
.swiper-pagination span{width:10px;height:10px;display:inline-block;background-color:#fff;border-radius:50%;margin:0px 5px;}
.swiper-pagination span.swiper-active-switch{background-color: #011638;}

.swiper-btn { position: absolute; left: 5%; bottom: 10%; width: 20%; height: 8px; z-index: 11;display:none;}
.swiper-btn .button-next, .swiper-btn .button-prev { position: absolute; width: 28px; height: 8px; background-repeat: no-repeat; background-position: center; background-size: 100%; cursor: pointer;}
.swiper-btn .button-prev { background-image: url("../images/icon-prev.png"); left: 0; }
.swiper-btn .button-next { background-image: url("../images/icon-next.png"); left: 70px; }
.swiper-btn .line { display: block; width: 1px; height: 11px; background: #fff; opacity: .5; position: absolute; left: 50px; }
.header .nav ul .tel{border-right: 1px solid #e4e4e4;margin-right: 15px;}
.header .nav ul .tel a{color: #000;}


.header-wrap{
   

    clear: both;
}
.header {background: rgb(255, 255, 255);border-bottom: 1px solid #e2e1e1;position: relative;z-index:999;/* height:  60px; */} 
.header .top { background: #f8f8f8; padding: 15px 0; text-align: right; color: #808080; font-size: 14px; }
.header .top span { padding-left: 50px; }
.header .top span img{ margin-left: 5px; }
.header .top a { color: #808080; font-size: 14px; }
.header .logo {width: 160px;float: left;padding-top: 30px;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.header .logo img { width: 100%; display: table-cell; vertical-align: middle; }
.header .nav {width: 85%;float: right;text-align: right;position: relative;/* background:#fff; */}
.header .nav ul {float: left;width: 95%;padding-top: 30px\9;padding-bottom: 30px\9;/* background:#fff; */}
.header .nav ul li { padding: 30px 2%; display: inline-block;display:inline\9;zoom:1\9; position: relative;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.header .nav ul li.on .bai-nav-line {display: inline-block;width: 24px;height: 2px;position: absolute;bottom: 16px;transition: 0.5s;background: #d6000f;left: 50%;margin-left: -12px;transition:0.5s;}
.header .nav ul li.on a { color: #d6000f; }
.header .nav ul li a {align-items: center;font-size: 16px;color: #000;transition:0.5s;position:relative;}
.header .nav ul li a:hover {color:#d6000f;transition:0.5s;}
.bai-nav-line {display:inline-block;width:0px;height:2px;position: absolute;bottom: 16px;left:50%;transition:0.5s;}
.header .nav ul li:hover .bai-nav-line {display: inline-block;width: 24px;height: 2px;position: absolute;bottom: 16px;transition: 0.5s;background: #d6000f;left: 50%;margin-left: -12px;transition:0.5s;}

.header .search { position: absolute; right: 0; top: 50%; margin-top: -15px; }
.header .search .btn { background: url("../images/search.png") no-repeat center; display: inline-block; width: 30px; height: 30px; }
.header .phone-close { display: none; }
.header .phone-btn { display: none; }
.header.index-header{width: 100%;height: auto;left: 0;z-index: 99;overflow: visible;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;}

.header.fixed{
  position: fixed;
  width: 1440px;
  /* box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); */
  top: -1px;
  background: rgba(255, 255, 255, 0.95);
}

.header.fixed .top{ 
  display: none;
       
}

.header.fixed .nav ul li{
  padding: 20px 2%;
}
.header.fixed .logo{
  width: 113px;
  padding-top: 22px;
}

@media (min-width: 1185px) { .header .nav .subnav {;position: absolute; z-index: -2; text-align: left; top:-590px;left: 50%; margin-left: -100px; background: url("../images/subnav-bg.png"); padding-bottom: 25px; transition:0.3s;}
  .header .nav .subnav.on { display: block;}
  .header .nav .subnav a { color: #fff !important; font-size: 14px; text-align: center; transition: all .5s; }
  .header .nav .subnav a:hover { color: #d6000f !important; }
  .header .nav .subnav dl { padding-bottom: 25px; } 
  .header .nav .subnav dt { width: 200px; text-align: center; padding-top: 25px; } }
@media screen and (max-width: 1185px) { .header { height: 70px;}
    .header .nav ul { float: left; width: 95%; padding-top: 30px\9;padding-bottom: 30px\9;background:none; }
  .header.fixed { height: 70px !important; }
  .header .top { display: none; }
  .header .logo { width: 120px; }
  .header .nav { display: none; background: #284198; width: 100%; top: 0; bottom: 0; left: 0; position: fixed; overflow-y: scroll; overflow-x: hidden; z-index: 12; text-align: left; }
  .header .nav ul { width: 100%; }
  .header .nav ul li { padding: 0; margin: 0 5%; float: none; border-bottom: 1px solid #3d54a2; box-sizing: border-box; display: flex; align-items: center; flex-wrap: wrap; }
    .header .nav ul li .bai-nav-line {display:none;}
    .header .nav ul li:hover .bai-nav-line {display:none;}
  .header .nav ul li a { height: 50px; line-height: 50px;  font-size: 16px; color: #fff;  }
  .header .nav ul li.has-child{ background: url("../images/icon-down.png") no-repeat right 22px; }
  .header .nav ul li.on { border-bottom: 1px solid #3d54a2; }
  .header .nav ul li.on a { color: #fff; }
  .header .nav .subnav { overflow: hidden; display: none; position: relative; transition: all 2s; width: 100%; padding-bottom: 10px; }
  .header .nav .subnav.on { display: block; }
  .header .nav .subnav dt { height: 40px; padding-left: 30px; display: flex; align-items: center; }
  .header .nav .subnav a { color: #fff; font-size: 14px; background: none !important; }
  .header .phone-close { display: block; height: 80px; background: url("../images/icon-close.png") no-repeat center right; background-size: 40px; margin-right: 5%; }
  .header .search { display: none; }
  .header .phone-btn { display: block; width: 28px; height: 24px; margin-top: 23px; background: url("../images/phone-btn.png")no-repeat center; float: right; }
  .index-header { height: 1px; } }

.sub-banner { clear:both; width: 100%; height: 450px; background: url("../images/sub-banner1.jpg") no-repeat center; background-position: center; background-repeat: no-repeat;position:relative;z-index:-30;}
.sub-banner .wrap { display: table-cell; vertical-align: middle; height: 450px; }
.sub-banner h1 { font-size: 46px; color: #fff; font-weight: normal; }
.sub-banner .line { width: 30px; height: 3px; background: #fff; margin: 15px 0; }
.sub-banner .en { font-size: 20px; color: #fff; }

.cartitle{
    text-align: center;
    font-size: 4rem;
    font-weight: lighter;
    color: #000;
    padding: 3rem 0;
    clear:  both;
    border-top:  1px solid #d6d6d6;
    }
	
.cartitlea{
    text-align: center;
    font-size: 2rem;
    font-weight: lighter;
    color: #000;
    padding: 1.5rem;
    }
.cartitlea a{padding: 0 1rem;font-size: .8em;border-right: 1px solid #717171;}

.cartitlea a:last-child{ border-right:none;}
.cartitlea a:hover{color: #d6000f;}
.leftCur a{color: #d6000f;}

.wrap .carlist{/* border-top: 1px solid #f2f2f2; *//* border-bottom: 1px solid #f2f2f2; */height: 45px;line-height: 45px;text-align: center;margin-bottom: 40px;}
.wrap .carlist a{padding: 0 1rem;}
.wrap .carlist a:hover{color: #d6000f;}
.wrap .carlist a+a{border-left: 1px solid #f2f2f2; }

.wrap .carlista{/* border-top: 1px solid #f2f2f2; */border-bottom: 1px solid #f2f2f2;line-height: 60px;text-align: center;margin-bottom: 40px;margin-top: 0;background: rgb(255, 255, 255);}
.wrap .carlista a{padding: 0 1rem;color: #000;}
.wrap .carlista a:hover{color: #d6000f;}
.wrap .carlista a:hover{}
.wrap .carlista a+a{border-left: 1px solid #c3c0c0;}

.plist{width: 95%;margin:0 auto;min-height: 500px;}
.plist ul{display:flex;flex-wrap:wrap;justify-content: space-around;}
.plist ul li{width: 22%;margin: px;border: 1px solid #f2f2f2;padding: 10px;}
.plist ul li span{ display:block; text-align:center; line-height:35px;}
.plist ul li img{width:100%;height: 260px;/* border-radius: 5px; *//* border: 1px solid #f2f2f2; *//* padding: 10px; */}


.ih-item {
    position: relative;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item,
.ih-item * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ih-item a {
    color: #333;
}

.ih-item a:hover {
    text-decoration: none;
}

.ih-item img {
    width: 100%;
    height: 100%;
}

.ih-item.circle {
    position: relative;
    width: 220px;
    height: 220px;
    border-radius: 50%;
}

.ih-item.circle .img {
    position: relative;
    width: 220px;
    height: 220px;
    border-radius: 50%;
}

.ih-item.circle .img:before {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item.circle .img img {
    border-radius: 50%;
}

.ih-item.circle .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.ih-item.square {
    position: relative;
    width: 45%; float:left; margin:0 2.5%; margin-bottom:40px;
    height: 420px;
    border: 8px solid #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.ih-item.square .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


.ih-item.square.effect4 {
    overflow: hidden;
    position: relative;
}

.ih-item.square.effect4.colored .info {
    background: rgba(12, 34, 52, 0.6);
}

.ih-item.square.effect4.colored .mask1,
.ih-item.square.effect4.colored .mask2 {
    background: #1a4a72;
    background: rgba(26, 74, 114, 0.6);
}

.ih-item.square.effect4 .img {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item.square.effect4 .mask1,
.ih-item.square.effect4 .mask2 {
    position: absolute;
    background: #333333;
    background: rgba(0, 0, 0, 0.6);
    height: 750px;
    width: 400px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item.square.effect4 .mask1 {
    left: auto;
    right: 0;
    top: 0;
    -webkit-transform: rotate(53deg) translateX(-180px);
    -moz-transform: rotate(53deg) translateX(-180px);
    -ms-transform: rotate(53deg) translateX(-180px);
    -o-transform: rotate(53deg) translateX(-180px);
    transform: rotate(80deg) translateX(-180px);
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}

.ih-item.square.effect4 .mask2 {
    top: auto;
    bottom: 0;
    left: 0;
    -webkit-transform: rotate(53deg) translateX(180px);
    -moz-transform: rotate(53deg) translateX(180px);
    -ms-transform: rotate(53deg) translateX(180px);
    -o-transform: rotate(53deg) translateX(180px);
    transform: rotate(73deg) translateX(180px);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.ih-item.square.effect4 .info {
    background: #111111;
    height: 0;
    visibility: hidden;
    width: 60%;
    -webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
    -moz-transform: rotate(-33.5deg) translate(-112px, 166px);
    -ms-transform: rotate(-33.5deg) translate(-112px, 166px);
    -o-transform: rotate(-33.5deg) translate(-112px, 166px);
    transform: rotate(-33.5deg) translate(-112px, 166px);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: all 0.35s ease-in-out 0.35s;
    -moz-transition: all 0.35s ease-in-out 0.35s;
    transition: all 0.35s ease-in-out 0.35s;
}

.ih-item.square.effect4 .info h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 2rem;
    padding: 10px;
    background: transparent;
    margin-top: 5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out 0.35s;
    -moz-transition: all 0.35s ease-in-out 0.35s;
    transition: all 0.35s ease-in-out 0.35s;
}

.ih-item.square.effect4 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #bbb;
    padding: 20px 20px 20px;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out 0.35s;
    -moz-transition: all 0.35s ease-in-out 0.35s;
    transition: all 0.35s ease-in-out 0.35s;
}

.ih-item.square.effect4 a:hover .mask1 {
    -webkit-transform: rotate(56deg) translateX(1px);
    -moz-transform: rotate(56deg) translateX(1px);
    -ms-transform: rotate(56deg) translateX(1px);
    -o-transform: rotate(56deg) translateX(1px);
    transform: rotate(56deg) translateX(1px);
}

.ih-item.square.effect4 a:hover .mask2 {
    -webkit-transform: rotate(56deg) translateX(-1px);
    -moz-transform: rotate(56deg) translateX(-1px);
    -ms-transform: rotate(56deg) translateX(-1px);
    -o-transform: rotate(56deg) translateX(-1px);
    transform: rotate(56deg) translateX(-1px);
}

.ih-item.square.effect4 a:hover .info {
    width: 420px;
    height: 210px;
    margin:  0 auto;
    visibility: visible;
    top: 25%;
    -webkit-transform: rotate(0deg) translate(0, 0);
    -moz-transform: rotate(0deg) translate(0, 0);
    -ms-transform: rotate(0deg) translate(0, 0);
    -o-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);
}

.ih-item.square.effect4 a:hover .info h3,
.ih-item.square.effect4 a:hover .info p {
    opacity: 1;
}



.carshow{ overflow: hidden; clear: both;
 }
.carone,.carfour{ width: 50%;position: relative; overflow:hidden;  }
.carfour ul li{ width: 50%; float: left;position: relative; overflow:hidden; }
.picture{ }
.picture img{    display: block;-webkit-transition: all .5s ease .1s;    max-width: 100%; height: auto;
    -moz-transition: all .5s ease .1s;
    -ms-transition: all .5s ease .1s;
    -o-transition: all .5s ease .1s;
    transition: all .5s ease .1s;
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -ms-filter: blur(0);
    filter: none;
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
    box-shadow: 0 0 1px rgba(0,0,0,0.05);
    outline: 1px solid transparent;
    width: 100% !important;}
 .picture img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}

.common-richtext{
    bottom: 0;

    color: #fff;
    width: 100%;
    left: 0;
    position: absolute;
    /* padding: 10px; */
    height: 5%;
    background-color: rgba(35,31,32,0.6);
    padding: 30px 10px;
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    /* visibility:  collapse; */
    }

.make{width:100%;height:100%;overflow: hidden;padding: 100px 0px;text-align: center;padding-bottom:  0;padding-top:  0;}
.make .forms{ float: left;width:41%; height:auto; text-align: left;  }
.make .forms .line{ height:48px; width:100%; margin-bottom: 28px; line-height: 48px; }
.make .forms .line b{ font-weight: normal; float: left; width:30%; text-align: left; }
.make .forms .line b:before{ content:"*"; color: #e40c2a; float: left;}
.make .forms .line input{width: 69%;height:100%;border:1px solid #9d9d9d;float: left;text-indent:5px;font-size: 14px;line-height: 48px;}
.make .forms .line .tsetSelect{ display: inline-block; width:31.9%; height:100%; border:1px solid #9d9d9d; margin-right: 31px; position: relative; float: left; text-align: left; text-indent: 40px;  overflow: hidden;zoom:1;}
.make .forms .line .aa_jiantou{ content:""; display: block; width:30%; height:50px; position: absolute; right:0rem; top:0rem;  background: url("../images/slide_down.png") no-repeat center center; }
.make .forms .line .big .aa_jiantou{ content:""; display: block; width:13.7%; height:50px; position: absolute; right:0rem; top:0rem;  background: url("../images/slide_down.png") no-repeat center center; }
.make .forms .line .tsetSelect span{ float: left; width:70%; height:100%; border-right: 1px solid #9d9d9d; text-indent: 5px; text-align: left; font-size: 14px; }
.make .forms .line .tsetSelect select{ width:100%; opacity: 0; filter:alpha(opacity=0); height:100%; position: absolute; top:0; left:0; z-index: 1;} 
.make .forms .line .tsetSelect select option{ height: 48px; line-height: 48px; }
.make .forms .agree{  margin: 30px auto 40px; width:100%; line-height:26px; }
.make .forms .agree span{ margin-right: 24px; display: inline-block; width:18px; height:18px; float: left; margin-top:5px; cursor: pointer; }
.make .forms .agree span .check{ background: url("../images/check.png") no-repeat center center; display: block; width:100%; height:100%; }
.make .forms .sure{width:324px;height:60px;background: #a20202;color: #fff;line-height:60px;cursor: pointer;text-align: center;}
.make .img_r{ width:55.7%; height:564px; overflow: hidden; float: right; }
.make .img_r img { width:100%;}


.crumbs { padding: 20px 0 15px 0; border-bottom: 1px solid #e6e6e6; overflow: hidden; color: #d6000f; font-size: 14px; }
.crumbs ul li { float: left; padding: 0 5px;  color: #333333; }
.crumbs ul li a { color: #333333;  }
.crumbs ul li.on {  color: #d6000f; }
.crumbs ul li.on a {color: #d6000f; }

.top-tab { max-width:1200px;margin:0 auto;text-align: center; overflow: hidden; box-sizing: border-box; font-size: 14px; }
.top-tab ul { margin: 0 auto;padding-top:24px;}
.top-tab ul li {display: inline-block; padding:4px 20px;float:left;margin-right:20px;border:2px solid #dcdcdc;line-height:32px;text-align:center;transition:0.3s;margin-bottom:24px;}
.top-tab ul li a {color:#333;}
.top-tab ul li:hover {background:#d6000f;border:2px solid #d6000f;color:#fff;transition:0.3s;}
.top-tab ul li:hover a {color:#fff;transition:0.3s;}
.top-tab ul li.on {border:2px solid #d6000f;background:#d6000f;color:#fff;transition:0.3s;}
.top-tab ul li.on a {color:#fff;}
.top-tab ul li.line { width: 1px; background: #cccccc; height: 10px; padding: 0; }

@media screen and (max-width: 1024px) { 
    .top-tab {margin:0 6%;text-align: center; overflow: hidden; box-sizing: border-box; font-size: 14px; }
    
}

@media screen and (max-width: 480px) { .top-tab { margin:0 5%; text-align: left; overflow: hidden; }
  .top-tab ul { display: block; justify-content: space-around; }


  .top-tab ul li {display: block;float: left; padding: 12px; }
  .top-tab ul li.on a { color: #fff; }
  .top-tab ul li.line { display: none; } }
.t-title { font-size: 28px; color: #333333; text-align: center; padding-bottom: 30px; position: relative; margin-bottom: 30px; }
.t-title .line { position: absolute; bottom: 0; left: 50%; margin-left: -14px; display: block; width: 28px; height: 2px; background: #d6000f; }

.tab-co { display: none; }
.tab-co.on { display: block; }
.tab-co .desc { font-size: 14px; color: #333333;text-align: center; line-height: 2; padding-bottom: 30px; }
.tab-co .desc.tal { text-align: left; }
.tab-co img { width: 100%; }

@media screen and (max-width: 480px) { .tab-co .desc { padding: 0;text-align: left } }
.advantage { margin-top: 100px; padding-bottom: 100px; overflow: hidden; }
.advantage ul li { width: 33%; float: left; padding: 5%; padding-top: 0; box-sizing: border-box;text-align: center; }
.advantage ul li .pic { width: 100%;padding-bottom: 20px; }
.advantage ul li .title { font-size: 24px; color: #333333; }
.advantage ul li .desc { padding-top: 20px; font-size: 14px; color: #666666; min-height: 80px; }

@media screen and (max-width: 768px) { .advantage ul li { width: 50%; } }
@media screen and (max-width: 480px) { .advantage { margin-top: 50px; }
  .advantage ul li { width: 100%; text-align: center; } .advantage ul li .pic{ padding-bottom: 3% } }
.appl { overflow: hidden; padding-bottom: 100px; }
.appl .wrap { background: #7f7f7f; overflow: hidden; }
.appl .a-left { width: 40%; float: left; padding: 5%; box-sizing: border-box; }
.appl .a-left ul { /*list-style-type: disc;*/ }
.appl .a-left ul li { font-size: 16px;border-bottom: 1px solid #bfbfbf;padding: 15px 0; }
.appl .a-left ul li a { color: #fff;border-left: 2px solid #fff;padding-left: 20px;line-height: 1;width: 100%; box-sizing: border-box;display: block;}
.appl .a-left ul li.on a { color: #d6000f;border-left: 2px solid #d6000f;background: url("../images/icon-right-btn.png") no-repeat center right; }
.appl .a-right { width: 60%; float: left; overflow: hidden; }
.appl .a-right img { width: 100%; display: none; }
.appl .a-right img.on { display: block; }

@media screen and (max-width: 1024px) { .appl .a-left ul li { font-size: 16px; } }
@media screen and (max-width: 768px) { .appl { margin: 0; }
  .appl .a-left { width: 100%; float: none; padding: 5%; overflow: hidden; }
  .appl .a-left ul { overflow: hidden; font-size: 20px; }
  .appl .a-left ul li { width: 40%; margin: 0 5% ;float: left; }
  .appl .a-right { width: 100%; } }
.realted { padding-bottom: 100px; overflow: hidden; }
.realted .real-box { padding: 68px 0; background: #363636; overflow: hidden; }
.realted .real-box .r-left { width: 40%; float: left; }
.realted .real-box .r-left img { width: 100%; }
.realted .real-box .r-right { float: left; width: 55%; padding-left: 5%; }
.realted .real-box .r-right .rb-title { font-size: 22px; color: #fff; padding-bottom: 15px; }
.realted .real-box .r-right .rb-desc { padding-bottom: 35px; font-size: 14px; color: #fff; }
.realted .real-box .r-right .rb-table { border-top: 1px solid #6d6d6d; }
.realted .real-box .r-right .rb-table ul li { width: 50%; float: left; border-bottom: 1px solid #6d6d6d; color: #fff; font-size: 14px; height: 60px; display: table; vertical-align: middle; }
.realted .real-box .r-right .rb-table ul li .rb-left, .realted .real-box .r-right .rb-table ul li .rb-right { display: table-cell; vertical-align: middle; }
.realted .real-box .r-right .rb-table ul li .rb-left { width: 35%; }
.realted .real-box .r-right .rb-table ul li .rb-right { width: 50%;line-height:1.5; }
.realted .real-box .r-right .rb-table ul li .rb-right span{ padding-right: 5% }
.realted .real-box .r-right .rb-table.rb-table2 { border-top: 1px solid #d5dcdf; }
.realted .real-box .r-right .rb-table.rb-table2 ul li { width: 100%; border-bottom: 1px solid #d5dcdf; }
.realted .real-box .r-right .rb-table.rb-table3 { margin-top: 95px; border-top: 1px solid #d5dcdf; }
.realted .real-box .r-right .rb-table.rb-table3 ul li { width: 100%; border-bottom: 1px solid #d5dcdf; }
.realted .real-box.gsy { background: #e4eff5; }
.realted .real-box.gsy .r-right .rb-title { color: #333333; }
.realted .real-box.gsy .r-right .rb-desc { color: #333333; }
.realted .real-box.gsy .r-right .rb-table ul li { color: #333333; }
.realted .real-box.gsy .r-right .rb-table ul li .rb-left { width: 23%; }
.realted .real-box.hw { background: #f8f8f8; }
.realted .real-box.hw .r-right .rb-title { color: #333333; }
.realted .real-box.hw .r-right .rb-desc { color: #333333; }
.realted .real-box.hw .r-right .rb-table ul li { color: #333333; }
.realted .real-box.hw .r-right .rb-table ul li .rb-left { width: 50%; }

@media screen and (max-width: 480px) { .realted .real-box { padding: 5% 0; }
  .realted .real-box .r-left { width: 100%; }
  .realted .real-box .r-right { float: left; width: 100%; padding-left: 0; padding-top: 30px; }
  .realted .real-box .r-right .rb-table { border-top: 1px solid #6d6d6d; }
  .realted .real-box .r-right .rb-table ul li { width: 100%; float: left; border-bottom: 1px solid #6d6d6d; color: #fff; font-size: 14px; height: 50px; display: table; vertical-align: middle; }
  .realted .real-box .r-right .rb-table ul li .rb-left, .realted .real-box .r-right .rb-table ul li .rb-right { display: table-cell; vertical-align: middle; }
  .realted .real-box .r-right .rb-table ul li .rb-left { width: 35%; }
  .realted .real-box .r-right .rb-table ul li .rb-right { width: 65%; } }
.case, .casebox {padding-bottom:40px;}
.case .more, .casebox .more { background: url("../images/case-more.png") no-repeat center; display: block; width: 59px; height: 59px; margin: 0 auto; margin-top: 20px; }
.case ul, .casebox ul { overflow: hidden; }
.case ul li, .casebox ul li { width: 32.6%; float: left; padding-right: 1%; padding-bottom: 1%; position: relative; }
.case ul li:nth-child(3n), .casebox ul li:nth-child(3n) { padding-right: 0; }
.case ul li a, .casebox ul li a { display: block; position: relative; overflow: hidden; }
.case ul li img, .casebox ul li img { width: 100%; display: block; }
.case ul li span, .casebox ul li span { word-break: keep-all; /* 不换行 */ white-space: nowrap; /* 不换行 */ overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */ text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/ box-sizing: border-box; padding-left: 10px; padding-top: 15px; width: 100%; height: 50px; display: block; position: absolute; bottom: 0; left: 0; color: #fff; background: url("../images/case-bg.png") repeat center; font-size: 14px; }

@media screen and (max-width: 480px) { .case ul li, .casebox ul li { width: 100%; padding: 2% 0; } }
.casebox .top-tab ul li { width: auto; margin: 0 15px; }
.casebox .top-tab ul li.line { width: 1px; }

.caseshow-top { overflow: hidden; padding-bottom: 80px }
.caseshow-top .ct-left { width: 40%; float: left; padding-right: 30px; box-sizing: border-box; }
.caseshow-top .ct-left .title { padding-top: 8%; font-size: 28px; color: #333333; }
.caseshow-top .ct-left .desc { padding-top: 5%; font-size: 14px; color: #595959; line-height: 1.5; }
.caseshow-top .ct-right { width: 60%; float: right; }
.caseshow-top .ct-right img { width: 100%; display: block; }

@media screen and (max-width: 1024px) { .caseshow-top { overflow: hidden; padding: 50px 0; }
  .caseshow-top .ct-left { width: 100%; float: none; padding-right: 0; }
  .caseshow-top .ct-left .title { padding-top: 8%; font-size: 36px; color: #333333; }
  .caseshow-top .ct-left .desc { padding-top: 5%; font-size: 16px; color: #595959; line-height: 1.5; }
  .caseshow-top .ct-right { width: 100%; float: none; } }
.t-title2 { font-size: 28px; color: #333333; padding-bottom: 65px; text-align: center; }

.point { overflow: hidden; padding-bottom: 100px; }
.point ul li { width: 23%; padding: 70px 0; margin: 0 1%; float: left; background: #f6f6f6; text-align: center; }
.point ul li span { display: block; width: 100%; }
.point ul li i { display: inline-block; width: 35px; height: 2px; background: #d03030; }

@media screen and (max-width: 1024px) { .point ul li { width: 48%; margin-bottom: 2%; } }
@media screen and (max-width: 480px) { .point ul li { width: 100%; margin-bottom: 5%; } }
.socica { padding-bottom: 100px; overflow: hidden; }
.socica .soc-left { width: 60%; float: left; }
.socica .soc-left img { width: 100%; }
.socica .soc-right { width: 40%; float: right; padding-left: 80px; box-sizing: border-box; }
.socica .soc-right ul li { width: 100%; padding: 8px 0; margin-bottom: 10px; border-bottom: 1px solid #f4f4f4; overflow: hidden; font-size: 16px; color: #333333; }
.socica .soc-right ul li .l, .socica .soc-right ul li .r { width: 50%; float: left; }
.socica .soc-right ul li .l { height: 50px; line-height: 50px; }
.socica .soc-right ul li .r { text-align: right; color: #666666; }
.socica .soc-right ul li .r span { font-size: 28px; padding-right: 10px; color: #333; }

@media screen and (max-width: 1024px) { .socica { padding-bottom: 50px; }
  .socica .soc-left { width: 100%; float: none; }
  .socica .soc-right { width: 100%; float: none; padding-left: 0; }
  .socica .soc-right ul li { width: 100%; padding: 8px 0; margin-bottom: 10px; border-bottom: 1px solid #f4f4f4; overflow: hidden; font-size: 20px; color: #333333; } }
.case-pic { /*padding-bottom: 100px; */}
.case-pic .t-title2{padding-top:65px;}
.case-pic.e-m .t-title2{padding-top: 0} 
.case-pic .case-swiper { position: relative; overflow: hidden;width: 100%; }
.case-pic .case-swiper .swiper-button-next, .case-pic .case-swiper .swiper-button-prev { width: 53px; height: 53px; }
.case-pic .case-swiper .swiper-button-prev { left: 2%; background: url("../images/case-left.png") no-repeat center; }
.case-pic .case-swiper .swiper-button-next { right: 2%; background: url("../images/case-right.png") no-repeat center; }
.case-pic .case-swiper ul li img { width: 100%; }

@media screen and (max-width: 480px) { .case-pic { padding-bottom: 50px; } }
.index-header-top { position: absolute; width: 100%; top: 0; left: 0; z-index: 10; }
.index-header-top .wrap { max-width: 1800px; margin: 0 2%; overflow: hidden; }
.index-header-top .logo { padding-top: 25px; float: left; }
.index-header-top .text { float: right; font-size: 14px; color: #fff; padding-top: 30px; }
.index-header-top .text span { padding-left: 35px; }
.index-header-top .text a { color: #fff; }
.index-header-top .menu { float: right; display: block; width: 26px; height: 22px; background: url("../images/icon-top-menu.png") no-repeat center; margin-top: 28px; margin-left: 30px; }
.index-header-top .nav { display: none; background: #284198; width: 30%; position: absolute; top: 0; right: 0; z-index: 12; text-align: left; }
.index-header-top .nav ul { width: 100%; }
.index-header-top .nav ul li { height: 50px; padding: 0; margin: 0 5%; float: none; border-bottom: 1px solid #3d54a2; box-sizing: border-box; display: flex; align-items: center; }
.index-header-top .nav ul li a { font-size: 16px; color: #fff; display: block;}
.index-header-top .nav ul li.has-child { background: url("../images/icon-down.png") no-repeat center right; }
.index-header-top .nav .subnav { overflow: hidden; display: none; transition: all 2s; }
.index-header-top .nav .subnav.on { display: block; padding-top: 20px;  }
.index-header-top .nav .subnav dt { height: 40px; padding-left: 10%; }
.index-header-top .nav .subnav a { color: #fff; font-size: 14px; }
.index-header-top .phone-close { display: block; height: 80px; background: url("../images/icon-close.png") no-repeat center right; background-size: 40px; margin-right: 5%; }

@media screen and (max-width: 480px) { .index-header-top .text { display: none; } }
.index-case .pic { overflow: hidden; }
.index-case .co2 { overflow: hidden; }
.index-case .co3 { overflow: hidden; }
.index-case img { transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; }
.index-case img:hover { transform: scale(1.01, 1.01); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); }



.casebox img { transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; }

.case img { transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; }
.case img:hover { transform: scale(1.01, 1.01); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); }

.yf-title { font-size: 28px; color: #777777; }
.yf-title i { margin-top: 10px; display: block; width: 50px; height: 1px; background: #d6000f; }

.yf-box {}
.yf-box .yf-content {line-height: 2; font-size: 14px; color: #777777; }
.yf-box .yf-content img { width: 100%; padding-top: 50px; }

.yf-nav { padding-top:20px; }
.yf-nav ul { overflow: hidden; }
.yf-nav ul li { height: 40px; line-height: 40px; padding: 0 20px;border:2px solid #dcdcdc;color:#666;float: left; cursor: hand; transition:0.3s;margin-right:24px;margin-bottom:20px;}
.yf-nav ul li.on { background: #d6000f; color: #fff; border:2px solid #d6000f;transition:0.3s;}
.yf-nav ul li.on a { color: #fff; }

.yf-top { padding-top: 80px; }
@media screen and (max-width: 480px) {
  .yf-box{padding: 8% 0;}

}

.gszl-top { padding-top: 80px; padding-bottom: 55px;text-align:center; font-size: 26px; color: #333333; }

.gszl-title { font-size: 24px; color: #333333; text-align: center; padding-bottom: 50px; }
.gszl-title span { display: block; }
.gszl-title i { width: 25px; height: 3px; display: inline-block; background: #d6000f; }

.gszl-list { overflow: hidden;}
.gszl-list li { padding-bottom: 50px; }
.gszl-list li:last-child {padding:0;}
.gszl-list li .g-top { display: inline-block; border-bottom: 1px solid #d6000f; font-size: 16px; color: #777; padding-bottom: 30px; padding-right: 100px; }
.gszl-list li .g-top .name { font-size: 24px; padding-right: 10px; }
.gszl-list li .g-top .position { padding-left: 30px; }
.gszl-list li dl { overflow: hidden; padding-top: 20px; color: #777; }
.gszl-list li dl dt { font-size: 14px; margin-bottom: 20px; background-image: url("../images/icon-xueli.jpg"); background-repeat: no-repeat; background-position: top left; padding-left: 40px; }
.gszl-list li dl dt.xing { background-image: url("../images/icon-xing.jpg");line-height:28px; }


@media screen and (max-width: 480px) {
  .gszl-list{
    padding-bottom: 10%;
  }
  .gszl-list li{
    padding-bottom: 8%;
  }
  .gszl-list li .g-top{
     padding: 0 0 5% 0;
  }
  .gszl-list li .g-top .name{
    font-size: 20px;
   
  }
}




.details-content { line-height: 1.8; color: #333333; font-size: 14px;}
.details-content p { padding-bottom: 10px; }

.sub-nav { overflow: hidden; padding: 6% 0; text-align: center; }
.sub-nav ul { overflow: hidden; display: inline-block;}
.sub-nav ul li { font-size: 24px; float: left; padding: 0 10px; text-align: center; }
.sub-nav ul li a { color: #333333; display: block; }
.sub-nav ul li i { width: 35px; height: 3px; display: inline-block; }
.sub-nav ul li.on a { color: #d6000f; }
.sub-nav ul li.on i { background: #d6000f; }

.jsxl-box { overflow: hidden; padding-bottom: 100px;padding-top: 60px; }
 .js-left {width:270px;float: left;margin-right:40px;box-sizing: border-box;background: rgb(251, 251, 251);padding: 20px;border: 1px solid #f2f2f2;}
 .js-left ul {overflow: hidden;display: inline-block; width:100%; }
 .js-left ul li {font-size: 16px;line-height:16px;border-bottom: 1px solid #deeaef;padding:1.2rem 0;position:relative;box-sizing:border-box;text-overflow:ellipsis;white-space: nowrap;}
 .js-left ul li div {position:absolute;width:100%;height:1px;background:#292929;bottom:-1px;left:-100%;transition:0.3s;z-index:20;}
 .js-left ul li a {line-height:0;color: #212121;font-size:16px;}
 .js-left ul li a span {display:inline-block;width:2px;height:16px;background:#292929;margin-right:1rem;transition:0.3s;}
 .js-left ul li.on a { color: #000; font-weight:bold; }
 .js-left ul li.on div {display:block;background:#292929;left:0; }
 .js-left ul li:hover a {color:#080808;transition:0.3s; font-weight:bold; }
 .js-left ul li:hover a span {background:#292929;width:4px;transition:0.3s;}
 .js-left ul li:hover div {display:block;background:#292929;left:0;transition:0.3s;}
 .js-left ul li.on a span { color: #f7f5f5; background:#f7f5f5;width:4px;transition:0.3s;}
 
 
 
  .wj li.on a { color: #d6000f; }
 .wj li.on div {display:block;background:#d6000f;left:0; }
 .wj li:hover a {color:#d6000f;transition:0.3s;}
 .wj li:hover a span {background:#d6000f;width:4px;transition:0.3s;}
 .wj li:hover div {display:block;background:#d6000f;left:0;transition:0.3s;}
.wj li.on a span { color: #d6000f; background:#d6000f;width:4px;transition:0.3s;}
 
 
 

.js-left-bai {font-size:24px;color: #292828;line-height:24px;padding-bottom:20px;border-bottom: 1px solid #e2e1e1;}
.jsxl-box .js-right { width: 890px; float:right; display: none; text-align:justify;}
.jsxl-box .js-right.on { display: block; }
.jsxl-box .js-right .j-top { font-size: 18px; color: #333333; font-weight: bolder; padding: 10px 0 30px 0; }
.jsxl-box .js-right .j-content { font-size: 14px; color: #666666; line-height:1.8; transition:0.3s;}
.jsxl-box .js-right .j-content p { padding-bottom: 25px; }
.jsxl-box .js-right .j-content .social-video{box-sizing:border-box;border:1px solid #dcdcdc;line-height:0;}
.jsxl-box .js-left .left-mid {overflow:inherit;}
.jsxl-box .js-left .left-mid li {overflow:inherit;line-height:24px;font-size:22px;white-space:normal;text-overflow: inherit;}
.jsxl-box .js-left .left-mid li a {display:block;line-height:24px;text-align:justify;}
.jsxl-box .js-left .left-mid li b {display:block;width:100%;font-weight:normal;height:20px;margin-top:8px;line-height:20px;}
.jsxl-box .js-left .left-mid li b h2 {float:left;font-size:14px;color:#aaa;}
.jsxl-box .js-left .left-mid li b h5 {float:right;font-size:14px;color:#aaa;transition:0.3s;}
.jsxl-box .js-left .left-mid li:hover b h5 {float:right;font-size:14px;color:#d6000f;transition:0.3s;}
.jsxl-box .js-left .left-mid li.on b h5 {float:right;font-size:14px;color:#d6000f;transition:0.3s;}

.jsxl-box .js-left-b { width:270px;float: left;margin-right:40px;box-sizing: border-box;background:#fff;padding-bottom:40px;}
.jsxl-box .js-left-b ul {overflow: hidden;display: inline-block; width:100%; }
.jsxl-box .js-left-b ul li { font-size: 16px;line-height:16px;border-bottom:1px solid #dcdcdc;padding:1.2rem 0;position:relative;box-sizing:border-box;text-overflow:ellipsis;white-space: nowrap;}
.jsxl-box .js-left-b ul li div {position:absolute;width:100%;height:1px;background:#d6000f;bottom:-1px;left:-100%;transition:0.3s;z-index:20;}
.jsxl-box .js-left-b ul li a {line-height:0;color: #333;font-size:16px;}
.jsxl-box .js-left-b ul li a span {display:inline-block;width:2px;height:16px;background:#eee;margin-right:1rem;transition:0.3s;}
.jsxl-box .js-left-b ul li.on a { color: #d6000f; }
.jsxl-box .js-left-b ul li.on div {display:block;background:#d6000f;left:0; }
.jsxl-box .js-left-b ul li:hover a {color:#d6000f;transition:0.3s;}
.jsxl-box .js-left-b ul li:hover a span {background:#d6000f;width:4px;transition:0.3s;}
.jsxl-box .js-left-b ul li:hover div {display:block;background:#d6000f;left:0;transition:0.3s;}
.jsxl-box .js-left-b ul li.on a span { color: #d6000f; background:#d6000f;width:4px;transition:0.3s;}
.jsxl-box .js-left-b .left-mid {overflow:inherit;}
.jsxl-box .js-left-b .left-mid li {overflow:inherit;line-height:24px;font-size:22px;white-space:normal;text-overflow: inherit;}
.jsxl-box .js-left-b .left-mid li a {display:block;line-height:24px;text-align:justify;}
.jsxl-box .js-left-b .left-mid li b {display:block;width:100%;font-weight:normal;height:20px;margin-top:8px;line-height:20px;}
.jsxl-box .js-left-b .left-mid li b h2 {float:left;font-size:14px;color:#aaa;}
.jsxl-box .js-left-b .left-mid li b h5 {float:right;font-size:14px;color:#aaa;transition:0.3s;}
.jsxl-box .js-left-b .left-mid li:hover b h5 {float:right;font-size:14px;color:#d6000f;transition:0.3s;}
.jsxl-box .js-left-b .left-mid li.on b h5 {float:right;font-size:14px;color:#d6000f;transition:0.3s;}

.left-bottom a {display:block;width:100%;height:44px;line-height:44px;text-align:center;background:#eee;color:#666;font-size:18px;margin-top:20px;transition:0.3s;}
.left-bottom a:hover {background:#d6000f;color:#fff;transition:0.3s;}

.b-list-box {width:1200px;margin:0 auto;}
.b-width-80 {max-width:1000px;margin:0 auto;}

@media screen and (max-width: 1280px) { 
    
    .b-list-box {width:1000px;margin:0 auto;}
    .jsxl-box .js-right {width:690px;}
}

@media screen and (max-width: 1024px) { 
    .b-list-box {width:800px;margin:0 auto;}
    .jsxl-box .js-right {width:490px;}
}
 @media screen and (max-width: 768px) { 
     .b-list-box {width:88%;margin:0 6%;}
     .jsxl-box{padding: 8% 0;position:relative;}
     .jsxl-box .js-left { width: 100%; float: none; padding-right: 0;}
     .jsxl-box .js-left ul {display: block;padding-top:1.4rem;}
     .jsxl-box .js-left ul li {padding:0.6rem 1rem;text-align:center;float: left;border:2px solid #dcdcdc;margin-right:1rem;margin-bottom:1rem;}
     .jsxl-box .js-left ul li div {display:none;}
     .jsxl-box .js-left ul li a span {display:none;}
     .jsxl-box .js-left ul li:hover div {display:none;}
     .jsxl-box .js-left ul li:hover a span {display:none;}
     .jsxl-box .js-left ul li.on {color:#d6000f;border:2px solid #d6000f;background:#d6000f;}
     .jsxl-box .js-left ul li.on a {color:#fff;}
  .jsxl-box .js-right{width: 100%;float: none;padding-top: 5%;}
  /*2017-07-14*/
  .yf-nav ul li {
    float: none;
  }
  .cwzk ul li dd .d-top {
      min-height:22px;
      height: auto;
  }
  .fzlc_box{
    width: 90%;
    overflow-y:   auto;
  }
  .fzlc-btn{
    width:950px;
  }
  .dmdz-box .dm-left{ width: 100%; }
  .dmdz-box .dm-right { width: 100%;     margin-top: 0%; }
} 

.news-list { padding-bottom: 0; position: relative; }
.news-list .js-left{ margin-right: 0 }
.news-list .news { border-top: 1px solid #f6f6f6; overflow: hidden;/*padding-left: 40px; */}
.news-list .news li { overflow: hidden; border-bottom: 1px dashed #dcdcdc; padding: 30px 0; position:relative;cursor:pointer;}
.news-list .news li a { color: #333; font-size: 16px; transition:0.3s;}
.news-list .news li h5 {display:block;width:4px;height:22px;background:#d6000f;transition:0.3s;float:left;margin-left:-20px;margin-right:16px;}
.news-list .news li span { float: right; font-size: 14px; color: #666; transition:0.3s;}
.news-list .news li div {width:100%;height:100%;position:absolute;left:-100%;top:0;transition:0.3s;background:#f6f6f6;z-index:-3;}
.news-list .news li h2 {display:block;float:right;height:22px;font-size:16px;color:#d6000f;font-weight:normal;border-left:1px solid #dcdcdc; padding:0 20px;transition:0.3s;margin-right:-60px;}
.news-list .news li:hover a {color:#d6000f;transition:0.3s;}
.news-list .news li:hover h5 {width:4px;transition:0.3s;margin-right:16px;margin-left:0;}
.news-list .news li:hover div {left:0;transition:0.3s;}
.news-list .news li:hover h2 {margin-right:0;transition:0.3s;margin-left:16px;}

.chose-time { position: absolute; top: -80px; right: 0; font-size: 14px; color: #333333; line-height: 1; cursor: pointer; }
.chose-time span { padding: 10px 0; display: block; float: left; cursor: hand; }
.chose-time .year-btn { position: relative; line-height: 1; margin-left: 15px; float: right; color: #666666; font-size: 14px; background-color: #f5f5f5; }
.chose-time .year-btn span { padding: 10px 50px 10px 15px; display: block; background-image: url("../images/icon-time-right.png"); background-repeat: no-repeat; background-position: center right; }
.chose-time .year-btn ul { display: none; background: #f5f5f5; position: absolute; top: 30px; width: 100%; }
.chose-time .year-btn ul li { padding-left: 15px; height: 30px; line-height: 30px; border-top: 1px solid #dadada; }
.chose-time .year-btn ul li a { color: #666666; }

.page { text-align: center; padding: 70px 0; }
.page ul { display: inline-block; overflow: hidden; }
.page ul li { float: left; padding: 10px 15px; background: #fbfbfb; margin: 0 5px; }
.page ul li a { font-size: 14px; color: #808080; }

.page ul li.on { background: #d6000f; }
.page ul li.on a { color: #fff; }

.login { width: 450px; margin: 0 auto; padding: 150px 0; }
.login .logo { text-align: center; padding-bottom: 100px; }
.login .logo img { display: inline-block; }
.login .l-title { position: relative; width: 100%; height: 2px; background: #d2d2d2; }
.login .l-title span { display: block; text-align: center; position: absolute; width: 125px; font-size: 28px; color: #a8a8a8; background: #fff; left: 50%; top: -20px; margin-left: -62.5px; }
.login .logo-form { font-size: 16px; color: #777777; padding: 0 10px; padding-top: 50px; }
.login .logo-form dl { overflow: hidden; }
.login .logo-form dl dt { width: 20%; float: left; height: 40px; line-height: 40px; padding-bottom: 30px; }
.login .logo-form dl dd { width: 80%; float: left; padding-bottom: 30px; }
.login .logo-form dl dd .text, .login .logo-form dl dd .input-text { width: 100%; height: 40px; border: 1px solid #b5b5b5; font-size: 14px; line-height: 40px; padding: 0 20px; box-sizing: border-box; -webkit-appearance: none; outline: none; }
.login .logo-form dl dd textarea { width: 100%; height: 150px; border: 1px solid #b5b5b5; box-sizing: border-box; -webkit-appearance: none; outline: none; }
.login .logo-form dl dd .errotext { display: none; color: #d6000f; padding-top: 20px; }
.login .logo-form dl dd .yzm { width: 100%; display: table; }
.login .logo-form dl dd .yzm .text { width: 45%; vertical-align: middle; margin-right: 5%; }
.login .logo-form dl dd .yzm img { vertical-align: middle; width: 30%; margin-right: 5%; }
.login .logo-form dl dd .yzm a { vertical-align: middle; color: #777777; font-size: 14px; }
.login .logo-form .l-bottom { text-align: center; padding-top: 80px; }
.login .logo-form .l-bottom .tip { padding-top: 30px; color: #777777; font-size: 14px; }
.login .logo-form .l-bottom .tip a { color: #d6000f; }
.login .logo-form .submit { display: inline-block; width: 330px; padding: 15px 0; line-height: 1; color: #fff; font-size: 16px; background: #d6000f; border: none; -webkit-appearance: none; outline: none; }

.regist .logo-form .l-bottom { padding-top: 50px; }
.regist .logo-form dl dd .text { width: 90%; }
.regist .star { display: inline-block; width: 9%; height: 40px; line-height: 40px; color: #d6000f; font-size: 18px; text-align: right; }

.fxsbg-list .mr0 { margin-right: 0; }
.fxsbg-list ul { overflow: hidden; margin:0 -4%;}
.fxsbg-list ul li { float: left; width: 25%; margin:0 4% 4% 4%; }
.fxsbg-list ul li .pic { overflow: hidden; }
.fxsbg-list ul li .pic img { width: 100%; transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; }
.fxsbg-list ul li .pic img:hover { transform: scale(1.01, 1.01); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); }
.fxsbg-list ul li .text { padding-top: 20px; font-size: 14px; color: #777777; }
.fxsbg-list ul li .text a { color: #777777; }


@media screen and (max-width: 1024px) {
  .fxsbg-list ul{
      display: block;
  }
  .fxsbg-list ul li { float: left; width: 47%; margin-right:5%;}
  .fxsbg-list ul li:nth-child(2){
    margin-right: 0;
  }
  .fxsbg-list ul li .text{
    padding-top: 5%;
    font-size:18px;
  }
}
@media screen and (max-width: 480px) {
  .fxsbg-list ul{
      display: block;
  }
  .fxsbg-list ul li { float: none; width: 100%; margin: 0;padding-bottom: 10%;}
  .fxsbg-list ul li .text{
    padding-top: 5%;
    font-size:18px;
  }
}

.gsth-list { position: relative; }
.gsth-list .gsth { overflow: hidden; }
.gsth-list .gsth li { width:100%;border-bottom:1px solid #dcdcdc; font-size: 14px; padding: 20px 0; }
.gsth-list .gsth li.r { text-align: left; }
.gsth-list .gsth li .time { color: #d6000f; padding-right: 20px; }
.gsth-list .gsth li a { color: #333333; }

@media screen and (max-width: 1024px) {
.gsth-list .gsth li{width: 100%;}
  .gsth-list .gsth li.r{text-align: left;position:relative}


}
@media screen and (max-width: 480px) {
    .chose-time{
    position: relative;
    left: 0;
    top: 0;
      overflow: hidden;}
  .chose-time .year-btn{
    float: left
  }
  .gsth-list .gsth li .time{
    display: block;
    padding-bottom: 1%
  }
  .gsth-list .gsth li a{
    text-overflow:ellipsis; white-space:nowrap; overflow:hidden;display:block;
  }
}

.lxwm { padding: 80px 0; }
.lxwm dl dt { font-size: 24px; color: #2a2a2a;  padding-top: 40px; }

.lxwm dl dd { font-size: 18px; color: #2a2a2a; padding-top: 20px; }
.lxwm .btn { margin-top: 100px; display: block; text-align: center; padding: 10px 0; color: #fff; font-size: 18px; width: 190px; background: #d6000f; }
@media screen and (max-width: 1024px) {
  .lxwm {padding: 6% 0}
}
@media screen and (max-width: 480px) {
  .lxwm {padding: 0 0 5%;}
}

.fzlc {padding-bottom: 40px; padding-bottom: 0 ;}
.fzlc_box{
    width: 100%;
    /*overflow-y:   auto;*/
}


.fzlc-btn { height: 1px; background: #d6000f; margin-top: 60px; margin-bottom: 10px; position: relative; }
.fzlc-btn dl { width: 950px; margin: 0 auto; }
.fzlc-btn dl dt { width: 16.6%; float: left; text-align: center; position: relative; bottom: 32px; line-height: 1; cursor: pointer; }
.fzlc-btn dl dt.on { bottom: 35px; }
.fzlc-btn dl dt.on span { font-size: 16px; color: #d6000f; }
.fzlc-btn dl dt.on i { width: 12px; height: 12px; background: #fff; border: 3px solid #d6000f; }
.fzlc-btn dl dt span { display: block; font-size: 14px; color: #999999; padding-bottom: 10px; }
.fzlc-btn dl dt i { display: inline-block; width: 10px; height: 10px; background: #d6000f; border-radius: 50%; }
.fzlc-btn dl dt:hover i {width:18px;height:18px;}

.fzlc-list { overflow: hidden; width: 100%; }
.fzlc-list .container2 { width: 900px; }
.fzlc-list ul li { width: 100%; overflow: hidden; transition:0.3s;}
.fzlc-list ul li .wrap { width: 100%; height: 100px; display: table; }
.fzlc-list ul li .fz-left { width: 25%; display: table-cell; vertical-align: middle; }
.fzlc-list ul li .fz-left span { font-size: 22px; color: #555555; }
.fzlc-list ul li .fz-left .year { display: inline-block; width: 68px; }
.fzlc-list ul li .fz-left .line { display: inline-block; margin-right: 15px; margin-bottom: 8px; width: 70px; height: 1px; background: none; }
.fzlc-list ul li .fz-right { width: 58%; display: table-cell; vertical-align: middle; font-size: 14px; color: #555; line-height: 2; }
.fzlc-list ul li.year .line { background: #d6000f; }
.fzlc-list ul li:hover { background: #7f7f7f; padding-left: 20px; transition:0.3s;}
.fzlc-list ul li:hover .fz-left span { color: #fff; transition:0.3s;}
.fzlc-list ul li:hover .fz-right {padding-right:40px;color: #fff; transition:0.3s;}
.fzlc-list ul li:hover.year .line { background: #fff; transition:0.3s;}
.wrap-bai {padding:1.2rem 0;}

/*2017-07-14*/
.lxwm_box{
  width:100%;
  overflow:hidden;
}
.lxwm_box:hover { background: #7f7f7f;  padding-left: 20px; }
.lxwm .lxwm_box:hover dl dt{
    color:#fff;
}
.lxwm .lxwm_box:hover dl dd{
    color:#fff;
}
.lxwm .lxwm_box dl dt {
    padding-top: 0px;
}
.lxwm .lxwm_box dl {
    padding: 20px 0;
}
/*2017-07-14*/
@media screen and (max-width: 1024px) {
  .fzlc-list .container2{width: auto}
  .fzlc-list ul li .fz-left{width: 100%;display: block;float: none;}
  .fzlc-list ul li .fz-right{width: 100%;display: block;float: none;}
    .fzlc-list ul li:hover .fz-left{width: 90%;display: block;float: none;}
  .fzlc-list ul li:hover .fz-right{width: 90%;display: block;float: none;}
  .fzlc-list ul li .fz-left .year{
    display: none
  }
  .fzlc-list ul li .fz-left .line{display: none}
  .fzlc-list ul li.year .fz-left .year{display: inline-block;}
  .fzlc-list ul li.year .fz-left .line{display: inline-block;}
    .wrap-bai {padding:1.4rem 0;}
}
@media screen and (max-width: 480px) {
  .fzlc-list ul li .fz-right{width: 100%;display: block;float: none;padding-top: 5%;padding-bottom: 10%;}
}

.small-title { font-size: 20px; text-align: center; }

.smyj {padding-bottom: 20px; }

.smyj-content { padding-top: 30px; padding-bottom: 100px;font-size: 14px; color: #333333; }
.smyj-content p { padding-bottom: 20px; line-height: 2; }

@media screen and (max-width: 480px) {
  .smyj-content { padding-bottom: 10%; }
}

.jxs-box { padding: 70px 160px; padding-right: 0px; overflow: hidden; box-sizing: border-box; margin-bottom: 50px; display: table; width: 100%; }
.jxs-box.mb0 { margin-bottom: 0; }
.jxs-box.jsx-box-bg { background: #f3f3f3; }
.jxs-box .jxs-left { width: 30%; border-right: 1px solid #dbdbdb; font-size: 24px; display: table-cell; vertical-align: middle; }
.jxs-box .jxs-left span { display: block; }
.jxs-box .jxs-left i { width: 25px; height: 3px; display: inline-block; background: #d6000f; }
.jxs-box .jxs-right { width: 83%; float: left; padding-left: 10%; }
.jxs-box .jxs-right .gou li { font-size: 16px; width: 100%; background: url("../images/icon-jxs.png") no-repeat left center; background-size: 23px; padding: 10px 0; padding-left: 30px; color: #333333; }
.jxs-box .jxs-right ul li { font-size: 16px; color: #333333; padding: 5px 0; }



.jxs-jmlc { background: url("../images/jm-bg.jpg") no-repeat center; text-align: center; margin-bottom: 50px; }
.jxs-jmlc .jxs-title { font-size: 24px; color: #fff; padding-top: 70px; }
.jxs-jmlc ul { overflow: hidden; display: inline-block; padding-top: 100px; padding-bottom: 100px; }
.jxs-jmlc ul li { float: left; padding: 0 20px; text-align: center; }
.jxs-jmlc ul li .text { padding-top: 30px; font-size: 14px; color: #fff; }
.jxs-jmlc ul li img { display: inline-block; }
.jxs-jmlc ul li.point { font-size: 30px; color: #fff; padding-top: 20px; }

@media screen and (max-width: 1024px) {
  .jxs-box { padding: 5%; margin-bottom: 0;width: auto;box-sizing:border-box;width: auto;display: block; }
  .jxs-box .jxs-left {width: 100%;float: none;border:none;}
  .jxs-box .jxs-right {padding: 0}
  .jxs-box.jsx-box-bg{background: none}
  .jxs-jmlc ul{ display: flex;justify-content: center;flex-wrap: wrap;padding: 30px}
  .jxs-jmlc ul li { padding: 15px;}
}
@media screen and (max-width: 480px) {
  .jxs-box{padding: 5% 0 0 0 ;}
  .jxs-box .jxs-left{font-size: 20px;}
  .jxs-box .jxs-right {width: 100%;}
  .jxs-box .jxs-right .gou li{font-size: 14px;}
  .jxs-jmlc{background: url(../images/jm-bg.jpg) no-repeat center top;margin-top: 8%; background-size: 100% 100%;}
  .jxs-jmlc .jxs-title{padding-top: 5%;font-size: 20px;}
  .jxs-jmlc ul li.point{display: none;}
  .jxs-jmlc ul li .text{padding-top: 10%;}
}

.hotline { background: #d6000f; text-align: center; padding: 30px 0; }
.hotline .wrap { display: inline-block; color: #fff; font-size: 16px; background: url("../images/icon-phone.png") no-repeat left center; background-size: 35px; padding-left: 50px; }
.hotline .wrap span { font-size: 28px; padding-left: 20px; }

.dmdz-title { font-size: 24px; color: #333333; text-align: center; padding: 65px 0; }

.dmdz-box { overflow: hidden; background: #f6f6f6; }
.dmdz-box .dm-left { float: left; width: 70%; overflow: hidden; position: relative; }
.dmdz-box .dm-left .big-pic { overflow: hidden; }
.dmdz-box .dm-left .swiper-slide img { width: 100%; display: block; }
.dmdz-box .dm-left .swiper-button-next, .dmdz-box .dm-left .swiper-button-prev { background-image: url("../images/dmdz_right.png"); width: 30px; height: 30px; background-size: 30px; }
.dmdz-box .dm-left .swiper-button-prev { background-image: url("../images/dmdz_left.png"); }
.dmdz-box .dm-left .small-pic { position: absolute; bottom: 0; z-index: 9; width: 100%; text-align: center; padding: 1.5% 0; background: url("../images/small-pic-bg.png") repeat; }
.dmdz-box .dm-left .small-pic ul { display: inline-block; text-align: center; }
.dmdz-box .dm-left .small-pic ul li { display: inline-block; width: 9%; margin: 0 1%; }
.dmdz-box .dm-left .small-pic ul li img { width: 100%; }
.dmdz-box .dm-left .small-pic ul li.on { border: 1px solid #fff; }
.dmdz-box .dm-right { width: 30%; float: left; color: #666; font-size: 14px; margin-top:5%;}
.dmdz-box .dm-right span { font-weight: bolder;  padding: 1%;}
.dmdz-box .dm-right dl { padding-left: 10%;}
.dmdz-box .dm-right dl dt { padding: 10px 0; }

.dmdz-content { padding-top: 20px; padding-bottom: 100px; font-size: 14px; color: #333333; line-height: 2; }

.kxj-box { overflow: hidden; padding-bottom: 50px; }
.kxj-box ul { overflow: hidden; }
.kxj-box ul li { width: 50%; float: left; position: relative; overflow: hidden; padding: 20px 0; padding-top: 48px; box-sizing: border-box; }
.kxj-box ul li:hover .text { background: #7d7d7e; color: #fff; }
.kxj-box ul li:hover .text .red { color: #fff; }
.kxj-box ul li:hover .text dl { border-color: #fff; }
.kxj-box ul li.bg-gray { background: #f3f3f3; }
.kxj-box ul li .pic { float: left; width: 32%; position: absolute; left: 20px; }
.kxj-box ul li .pic img { width: 100%; display: block; }
.kxj-box ul li .text { margin-top: 20px; padding: 28px 0; width: 100%; float: left; box-sizing: border-box; }
.kxj-box ul li .text .wrap { width: 57%; float: right; padding-right: 30px; }
.kxj-box ul li .text .k-name { font-size: 24px; padding-bottom: 5px; }
.kxj-box ul li .text .k-name span { font-size: 14px; padding-left: 15px; }
.kxj-box ul li .text .red { display: block; color: #b60b17; padding-bottom: 5px; }
.kxj-box ul li .text .pos { font-size: 14px; }
.kxj-box ul li .text dl { margin-top: 15px; padding-top: 10px; border-top: 1px solid #b60b17; font-size: 12px; height: 95px; }
.kxj-box ul li .text dl dt { line-height: 2; padding: 2px 0; background-image: url("../images/icon-xueli.jpg"); background-position: left 5px; background-repeat: no-repeat; padding-left: 25px; }
.kxj-box ul li .text dl dt.xing { background-image: url("../images/icon-xing.jpg"); }
.kxj-box ul li .text dl dt.jiang { background-image: url("../images/icon-jiang.jpg"); }

@media screen and (max-width: 1024px) {
  .kxj-box ul li{width: 100%;padding: 2.5% 0 2.5% 0;}
}
@media screen and (max-width: 480px) {
  .kxj-box ul li{
    padding-top: 5%
  }
  .kxj-box ul li .pic{
    width: 100%;
    left: 0;
    position:relative;
  }
  .kxj-box ul li .text{
    width: auto;
    padding: 5%;
    margin: 0;
    background: #f3f3f3;
  }
  .kxj-box ul li .text .wrap{
    width: auto;
    padding: 0;
  }
  .kxj-box ul li .text dl{
    height: auto;
  }
  .kxj-box ul li.bg-gray{
    background: none
  }

}

.dzzjb-box { overflow: hidden; }
.dzzjb-box .dz-left { width: 26%; padding-right: 6%; box-sizing: border-box; float: left; }
.dzzjb-box .dz-left ul { padding: 0 10px; background: #f6f6f6; }
.dzzjb-box .dz-left ul li { font-size: 14px; color: #333333; padding: 10px 0; text-align: center; border-bottom: 1px solid #fff; }
.dzzjb-box .dz-right { width: 100%; float: left; box-sizing: border-box; /*border-left: 1px solid #ededed; */margin-bottom: 150px; overflow: hidden; }
.dzzjb-box .dz-right .mr0 { margin-right: 0 !important; }
.dzzjb-box .dz-right .dz-list li { width: 30%; float: left; margin-right: 3%; border-bottom: 1px solid #e9e9e9; margin-bottom: 6%; }
.dzzjb-box .dz-right .dz-list li img { width: 100%; }
.dzzjb-box .dz-right .dz-list li .dr-title { font-size: 14px; color: #333; padding-top: 15px; padding-bottom: 5px; }
.dzzjb-box .dz-right .dz-list li .dr-time { font-size: 12px; color: #666666; padding-bottom: 5px; }


@media screen and (max-width: 1024px) {
  .dzzjb-box .dz-right .dz-list li{
    width: 47%;
  }
  .dzzjb-box .dz-right .dz-list li:nth-child(2n){
    margin-right: 0;
  }
  .dzzjb-box .dz-right{
    margin-bottom: 15%;
  }
}
@media screen and (max-width: 480px) {
  .dzzjb-box .dz-right .dz-list li{
    width: 100%;
    margin-right:0;
    margin-bottom: 5%;
  }

  
}
.rczp-box{padding-top: 3%;}

.rczp-box .line{width: 30px;height: 3px;display: block;background: #d6000f;margin: 15px 0}
.rczp-box ul { overflow: hidden;}
.rczp-box ul li { width: 100%;  box-sizing: border-box; padding-bottom: 10%; }
.rczp-box ul li .rc-title { font-size: 22px; color: #d6000f; }
.rczp-box ul li .rc-positon { font-size: 18px; color: #222222; padding-bottom: 10px; border-bottom: 1px solid #d6000f; font-weight: bolder; }
.rczp-box ul li .rc-content { width:100%; font-size: 14px; color: #222222; padding-top: 20px; }
.rczp-box ul li .rc-content p { padding-bottom: 10px; }

@media screen and (max-width: 1024px) {
  .rczp-box{padding: 5% 0;}
  .rczp-box ul{padding: 0}
  .rczp-box ul li{padding:0;padding-bottom: 5%;}

}
@media screen and (max-width: 480px) {
  .rczp-box{padding: 5% 0;}
  .rczp-box ul{padding: 0}
  .rczp-box ul li{padding:0;width: 100%;padding-bottom: 5%}

}


.cwzk { padding-bottom: 70px; }
.cwzk ul li.bg-gray { background: #f2f2f2; }
.cwzk ul li dl { overflow: hidden; padding: 15px 0; font-size: 16px; color: #333333; }
.cwzk ul li dl dt { width: 19%; float: left; padding-left: 1%; }
.cwzk ul li dl dd { width: 20%; float: left; }
.cwzk ul li .d-top { height: 22px; }
.cwzk ul li .d-bottom { color: #a0a0a0; }

.gjxx-box { width:100%; margin: 0 auto; }
.gjxx-box .gjxx-content { font-size: 14px; color: #333333; padding-bottom: 50px; }
.gjxx-box .gjxx-content p { padding: 5px 0; }
.gjxx-box .gjxx-content p span { font-weight: bolder; padding-right: 3px; }
.gjxx-box .gj { overflow: hidden; display: table; color: #333; margin-bottom: 35px; }
.gjxx-box .gj .left { display: table-cell; vertical-align: middle; font-size: 40px; color: #333333; padding-right: 15px; }
.gjxx-box .gj .center { display: table-cell; vertical-align: middle; padding-right: 30px; }
.gjxx-box .gj .right { display: table-cell; vertical-align: middle; }
@media screen and (max-width: 1024px) { 

  .gjxx-box{
    width: auto;
    margin: 0 6%;
  }

}
@media screen and (max-width: 480px) {
  .gjxx-box{
    width: auto;
    margin: 0 5%;
  } 
}


.gj-table { padding-bottom: 80px; }
.gj-table ul li { overflow: hidden; }
.gj-table ul li.bg-gray { background: #f2f2f2; }
.gj-table ul li dl { font-size: 14px; color: #333; overflow: hidden; text-align: center; }
.gj-table ul li dl dt { float: left; width: 30%; border-right: 1px solid #fff; padding: 20px 0; }
.gj-table ul li dl dd { width: 68%; float: left; text-align: center; padding: 20px 0; }

.dmdz-nav { text-align: center; padding-bottom: 50px; }
.dmdz-nav ul { display: inline-block; overflow: hidden; }
.dmdz-nav ul li { padding: 5px 10px; margin: 0 20px; float: left; font-size: 18px; cursor: pointer; }
.dmdz-nav ul li.on { background: #d6000f; color: #fff; }

.jjdm-co { overflow: hidden; padding-bottom: 80px; display: none; }
.jjdm-co.on { display: table; }
.jjdm-co .pic { width: 58%; display: table-cell; vertical-align: middle; }
.jjdm-co .pic img { width: 100%; display: block; }
.jjdm-co .text { display: table-cell; vertical-align: middle; width: 42%; box-sizing: border-box; }
.jjdm-co .text span { display: table-cell; vertical-align: middle; height: 300px; background: #7d7d7d; color: #fff; padding: 0 12%; line-height: 1.5; }

@media screen and (max-width: 1024px) {
  .jjdm-co.on{
    display: block;
  }
  .jjdm-co .pic{
    width: 100%;
    display: block;
  }
  .jjdm-co .text span{
    display: block;
    height: auto;
    padding: 5%;
  }
}

@media screen and (max-width: 480px) {
  .jjdm-co .text span {font-size: 14px;}
}

.zzjg { padding-bottom: 100px; }
.zzjg img { display: block; width: 100%; }

.solution-nav { overflow: hidden; padding: 60px 0; text-align: center; font-size: 18px; padding-bottom:0;}
.solution-nav ul { display: inline-block; overflow: hidden; }
.solution-nav ul li { float: left; padding: 0 30px; }
.solution-nav ul li a { color: #4c4c4c; display: block; }
.solution-nav ul li i { display: inline-block; width: 35px; height: 1px; }
.solution-nav ul li.on a { color: #d6000f; }
.solution-nav ul li.on i { background: #d6000f; }
.solution-nav ul li.line { width: 1px; background: #cccccc; height: 25px; padding: 0; }
.solution-nav.realted-nav { font-size: 14px; }
.solution-nav.hw { padding: 0; padding-top: 60px; background: #f8f8f8; }

.dload-phone { text-align: right; padding: 60px 0; }
.dload-phone a { display: inline-block; font-size: 16px; color: #d6000f; width: 213px; height: 48px; line-height: 48px; text-align: center; border: 1px solid #d6000f; border-radius: 24px; margin-bottom: 10px}
/*.dload-phone a { width: 171px\9; padding-left:42px\9;*width: 171px; *padding-left:42px;}*/
.dload-phone a p{ display: block; font-size: 16px; color: #d6000f; margin-left:42px\9; height: 24px; line-height: 24px; text-align: center;  margin-top: 14px;}
/*.dload-phone .h-phone { background: url("../images/ty-icon01.png") no-repeat; background-position: left 20px center; }
.dload-phone .h-phone:hover { background: url("../images/ty-icon04.png") no-repeat #d6000f; background-position: left 42px center; color: #fff; }
.dload-phone .h-dload { background: url("../images/ty-icon02.png") no-repeat; background-position: left 42px center; margin-left: 40px; }
.dload-phone .h-dload:hover { background: url("../images/ty-icon03.png") no-repeat #d6000f; background-position: left 42px center; margin-left: 40px; color: #fff; }*/
.dload-phone .h-phone p{ background: url("../images/ty-icon01.png") no-repeat; background-position: left 20px center;  margin-left:20px\9; }
.dload-phone a.h-phone:hover{ background: #d6000f;color:#fff; }
.dload-phone a.h-phone:hover p{ background: url("../images/ty-icon04.png") no-repeat ; background-position: left 22px center; color: #fff;}
.dload-phone .h-dload{  margin-left: 40px; }
.dload-phone .h-dload p{ background: url("../images/ty-icon02.png") no-repeat; background-position: left 42px center;}
.dload-phone .h-dload:hover{ background: #d6000f; color:#fff;}
.dload-phone .h-dload:hover p{ background: url("../images/ty-icon03.png") no-repeat ; background-position: left 42px center;  color: #fff; }

.trait { display: table; margin-bottom: 80px; background: #f6f6f6; }
.trait .t-left { width: 39%; display: table-cell; vertical-align: middle; padding: 0 60px; font-size: 14px; line-height: 2; color: #666; }
.trait .t-left p { padding-bottom: 30px; }
.trait .t-right { width: 60%; display: table-cell; vertical-align: middle; }
.trait .t-right img { width: 100%; display: block; }

@media screen and (max-width: 1024px) {
  .trait .t-left { width: 100%; display: block; padding: 5%; box-sizing:border-box;}
  .trait .t-right { width: 100%; display: block; }
}

.energy.hw .espList-con .esp-item ul li p { min-height: 75px; }

.hw-fuwu { position: relative; background: #eeeeee; padding-top: 25px; margin-bottom: 80px; }
.hw-fuwu .hf-left { width: 40%; position: absolute; left: 0; bottom: 0; }
.hw-fuwu .hf-left img { width: 100%; display: block; }
.hw-fuwu .hf-right { padding-left: 42%; }
.hw-fuwu .hf-right dl { width: 25%; float: left; min-height: 95px; margin-bottom: 20px; }
.hw-fuwu .hf-right dl dt { font-size: 16px; padding-bottom: 10px; }
.hw-fuwu .hf-right dl dd { font-size: 13px; padding-right: 15%;line-height:20px;}
.hw-fuwu .hf-right dl.mb0 { margin-bottom: 0; }

.hw-jm { position: relative; overflow: hidden; padding-bottom: 50px; }
.hw-jm .line { width: 100%; height: 1px; background: #d6000f; margin-top: 40px; margin-bottom: 70px; position: relative; }
.hw-jm .line i { display: block; position: absolute; right: 0; top: -5px; background: url(../images/lc-jt.png) no-repeat; width: 8px; height: 11px; }
.hw-jm ul { width: 100%; position: absolute; top: 0; overflow: hidden; text-align: center; }
.hw-jm ul li { width: 12%; min-height: 60px; text-align: center; font-size: 14px; color: #333333; margin: 0 1%; float: left; }
.hw-jm ul li .j-dian { background: url(../images/db-bg.png) no-repeat center; width: 18px; height: 18px; display: inline-block; margin: 10px 0; }

.news-content { padding: 80px 0; }
.news-content .new-title { font-size: 28px; color: #434343; padding-bottom: 25px; }
.news-content .new-time { font-size: 16px;height:32px;line-height:32px; color: #828282; padding-bottom: 10px;border-bottom: 1px solid #dcdcdc; }
.news-content .news-time-left { float:left;}
.news-content .news-time-right { width: 100%;overflow: hidden;padding: 15px 0; }
#q-20170406101224-cont-foot-fenxiang div {display:block;width:30px;height:30px;border-radius:15px;border:1px solid #dcdcdc;overflow:hidden;padding:0;float:left;margin-left:8px;cursor:pointer;}
#q-20170406101224-cont-foot-fenxiang div a {display:block;width:16px;height:16px;overflow:hidden;background:none;padding:0;margin:6px auto 0 auto;background-size:16px;float:none;transition:0.3s;-webkit-transition:0.3s;}
#q-20170406101224-cont-foot-fenxiang .q-20170406101224-fenxiang-qq {background:url(../images/20170406101224-icon-qq.svg) no-repeat left top;background-size:16px;}
#q-20170406101224-cont-foot-fenxiang .q-20170406101224-fenxiang-weibo {background:url(../images/20170406101224-icon-weibo.svg) no-repeat left top;background-size:16px;}
#q-20170406101224-cont-foot-fenxiang .q-20170406101224-fenxiang-wechat {background:url(../images/20170406101224-icon-wechat.svg) no-repeat left top;background-size:16px;}
#q-20170406101224-cont-foot-fenxiang .q-20170406101224-fenxiang-fbook {background:url(../images/20170406101224-icon-wechat.svg) no-repeat left top;background-size:16px;}
#q-20170406101224-cont-foot-fenxiang .q-20170406101224-fenxiang-twi {background:url(../images/20170406101224-icon-wechat.svg) no-repeat left top;background-size:16px;}
#q-20170406101224-cont-foot-fenxiang .q-20170406101224-fenxiang-linkedin {background:url(../images/20170406101224-icon-wechat.svg) no-repeat left top;background-size:16px;}
#q-20170406101224-cont-foot-fenxiang .q-20170406101224-fenxiang-print {background:url(../images/20170406101224-icon-wechat.svg) no-repeat left top;background-size:16px;}
#q-20170406101224-cont-foot-fenxiang .q-20170406101224-fenxiang-mail {background:url(../images/20170406101224-icon-wechat.svg) no-repeat left top;background-size:16px;}
#q-20170406101224-cont-foot-fenxiang div:hover a {background-position:bottom;-webkit-transition:0.3s;}

@media screen and (max-width: 768px) {
    .news-left {display:none;}
}

.news-content .new-co {font-size: 16px;color: #434343;line-height:  30px;padding-top:  20px;}
.news-content .new-co p {/* padding-bottom: 20px; *//* line-height: 1.5; */}

.world.zddz { background: none; }

.pro-parameter.lu { width: 1200px; margin: 0 auto; }

.now-buy { display: block; margin: 80px auto; width: 170px; height: 50px; line-height: 50px; background: #d6000f; font-size: 14px; color: #fff; text-align: center; letter-spacing: 8px; }

/*
.goods-item{ background: #f5f5f5; position: relative; padding: 75px 0; margin-bottom: 80px; .item-img{ width: 48%; float: left; position: absolute; bottom:10px; left:20px; img{ width:100%; display: block; } } .item-txt{ width: 47%; float: right; color: #333333; padding-left: 8%; h4{ font-size: 28px; padding-bottom: 40px; font-weight: normal; } p{ font-size: 14px; line-height:2; min-height: 150px; padding-right: 20%; } } &.tiem-l{ .item-img{ float: left; } .item-txt{ float: right; } } &.tiem-r{ .item-img{ right:20px; left: auto; } .item-txt{ float: left; } } &.goods-item1{ padding: 0; overflow: hidden; .item-img{ width:100%; position: relative; left:0; bottom:0; } .item-txt{ position: absolute; top:0; left:0; color: #fff; height:400px; display: table; .wrap{ display: table-cell; vertical-align: middle; } p{ min-height: auto; } } } &.goods-item1{ .item-txt{ position: absolute; top:0; left:0; color: #fff; height:auto; display: block; text-align: center; width: 100%; padding: 0; .wrap{ display: block; } h4{ padding-top: 70px; padding-bottom: 20px; } p{ min-height: auto; padding: 20px 29%; } } } &.goods-item2{ padding: 0; overflow: hidden; background: none; &.bg-gray{ background: #f5f5f5; } .item-img{ width:100%; position: relative; left:0; bottom:0; } .item-txt{ position: relative; top:0; left:0; color: #333; display: block; width:100%; text-align: center; p{ padding: 0 30%; padding-bottom: 30px; min-height: auto; } } }
}
.mt10{ padding-top: 50px !important;
}

.cndy2{ padding: 65px 0; .item-txt{ width: 50%; } .item-img{ width: 60%; right:-140px !important; }
}
.goods-item.cndy3{ display: table; .item-txt{
 .wrap{ width: 100%; display: table-cell; vertical-align: middle; } }

}
*/
.tab-qywh ul{overflow: hidden;padding: 25px 0}
.tab-qywh ul li{ width: 50%;text-align: center;float: left;cursor: pointer; }
.tab-qywh ul li.on{color: #d6000f;}
.qywh { padding-bottom: 180px; overflow: hidden; display: none }
.qywh.on{display: block;}
.qywh ul li { width: 48%; float: left; position: relative; }
.qywh ul li.r { float: right; }
.qywh ul li .pic { width: 100%; position: relative; }
.qywh ul li .pic img { width: 100%; height: auto; display: block; }
.qywh ul li .pic a { position: absolute; top: 84%; right: 6%; font-size: 14px; color: #666666; background: url("../images/qywh-down.png") no-repeat center right; padding-right: 20px; }
.qywh ul li .pic a.on { background: url("../images/qywh-up.png") no-repeat center right; }
.qywh ul li .txt { position: absolute; display: table; bottom: 0; right: 0; height: 170px; box-sizing: border-box; width: 50%; padding: 0 5%; }
.qywh ul li .txt h4 { display: table-cell; vertical-align: middle; line-height: 1.5; color: #333333; font-size: 18px; font-weight: normal; }
.qywh ul li .con { display: none; font-size: 14px; color: #666666; line-height: 1.5; padding: 45px 0; }
.qywh ul li .con a { text-align: right; display: block; border-bottom: 1px solid #efefef; padding: 10px 20px 10px 0; color: #666666; font-size: 14px; background: url("../images/qywh-up.png") no-repeat center right; }

@media screen and (max-width: 480px) {
  .qywh ul li{
    width: 100%;
  }
}


.goods-title { font-size: 36px; color: #333333; text-align: center; padding-bottom: 40px; }

.goods-top { padding:60px 0; }
.goods-top .wrap { display: table; }
.goods-top .wrap-shit {width:100%;height:auto;}
.goods-top .item-text {float:left; vertical-align: middle; width: 45%; text-align: justify;}
.goods-top .item-text h5 { display:block;width:24px;height:3px;background:#d6000f;margin-top:16px;}
.goods-top .wrap-shit .fr {width:50%;float:right;overflow:hidden;}
.goods-top .wrap-shit .fr img {width:100%;}


.goods-top .item-text h4 { font-size: 36px; color: #333333; font-weight: normal; }
.goods-top .item-text .tip {display: block;padding-top: 15px; }
.goods-top .item-text p { padding-top: 40px; font-size: 14px; line-height: 2; box-sizing: border-box;}
.goods-top .item-text a { display: block; width: 170px; height: 50px; line-height: 50px; text-align: center; font-size: 14px; color: #fff; background: #d6000f; margin-top: 40px; }
.goods-top .item-pic {float:right;vertical-align: middle; width: 50%; overflow: hidden;}
.goods-top .item-pic img { width: 100%; display: block; }

.goods-item { height: 410px; background: #f5f5f5; position: relative; margin-bottom: 80px; }
.goods-item .item-img { width: 50%; float: left; position: absolute; bottom: 0; }
.goods-item .item-img img { width: 100%; display: block; }
.goods-item .item-txt { width: 50%; padding: 0 7%; height: 100%; box-sizing: border-box; float: right; display: table; color: #333333; }
.goods-item .item-txt .wrap { display: table-cell; vertical-align: middle; }
.goods-item .item-txt h4 { font-size: 36px; font-weight: normal; padding-bottom: 40px; }
.goods-item .item-txt p { font-size: 16px; line-height: 1.5; }
.goods-item.r .item-img { float: right; right: 0; }
.goods-item.r .item-txt { float: left; }

.goods-item2 { margin-bottom: 80px; position: relative; }
.goods-item2 .item-img { width: 100%; }
.goods-item2 .item-img img { width: 100%; display: block; }
.goods-item2 .item-txt { position: absolute; top: 50%; left: 0; width: 100%; margin-top: -20px; color: #fff; text-align: center; }
.goods-item2 .item-txt .desc { font-size: 30px; }
.goods-item2 .item-txt h4 { font-size: 36px; padding-bottom: 40px; }
.goods-item2 .item-txt p { font-size: 16px; line-height: 1.5; }

.goods-table { margin-bottom: 110px; }
.goods-table ul { overflow: hidden; }
.goods-table ul li { font-size: 16px; color: #333333; padding: 15px 0; overflow: hidden; }
.goods-table ul li.bg-gray { background: #f5f5f5; }
.goods-table ul li .t-left { width: 50%; float: left; box-sizing: border-box; padding-left: 20%; }
.goods-table ul li .t-right { width: 50%; float: left; box-sizing: border-box; padding-left: 20%; }
.goods-table a { display: block; width: 170px; height: 50px; line-height: 50px; text-align: center; font-size: 14px; color: #fff; background: #d6000f; margin: 80px auto 0 auto; }

.goods-table2 ul li { font-size: 16px; color: #333333; padding: 15px 0; overflow: hidden; }
.goods-table2 ul li .t-left { width: 33%; text-align: center; padding: 0; }
.goods-table2 ul li .t-right { width: 66%; padding: 0; text-align: left; }
.goods-table2 ul li span { width: 25%; display: inline-block; }


.goods-bottom { margin-bottom: 80px; }
.goods-bottom.bg-gray { padding-top: 80px; background: #f5f5f5; }
.goods-bottom .goods-desc { font-size: 16px; color: #333333; padding: 0 15%; text-align: center; }
.goods-bottom img { display: block; width: 100%; margin-top: 60px; }

.goods-item.g77w1 .item-img, .goods-item.g77w2 .item-img, .goods-item.g77w3 .item-img, .goods-item.g77w4 .item-img { width: 40%; }

.goods-item.g77w2 .item-img { width: 45%; }

.goods-item.g77w3 .item-img { right: 100px; }

.goods-item.g77w4 .item-img { bottom: -100px; left: 100px; }

.goods-item.g15w1 .item-img { width: 45%; }

.goods-item.g15w2 .item-img { bottom: -40px; }

.goods-item.g15w3 .item-img { width: 53%; right: -50px; }

.goods-item.g8w-1 .item-img { width: 69%; left: -12%; }

.goods-item.g8w-2 .item-img { width: 37%; right: 13%; }

.goods-item2.g8w-3 .item-txt { top: 20%; }
.goods-item2.g8w-3 .item-txt p { padding: 0 25%; }

.goods-item2.g8wz-3 .item-txt { top: 30%; width: 50%; padding-left: 10%; text-align: left; }
.goods-item2.g8wz-3 .item-txt p { padding: 0; padding-right: 20%; }

.goods-item.cnlyd-1 .item-img { width: 55%; left: -9%; top: 7%; }
.goods-item.cnlyd-1 .item-txt { padding-left: 3%; }

.goods-item.cnlyd-2 .item-img { width: 43%; }

.goods-item.cndy-1 .item-img { width: 58%; left: -10%; }

.goods-item.cndy-2 .item-txt { padding-right: 0; padding-left: 5%; }
.goods-item.cndy-2 .item-img { width: 60%; right: -12%; }

.goods-item2.cndy-3 .item-txt { width: 100%; text-align: center; top: 35%; }
.goods-item2.cndy-3 .item-txt p { padding: 0; }

@media screen and (max-width: 1024px) { .goods-title { font-size: 28px; padding-bottom: 20px; }
  .goods-top { padding: 6% 0; overflow: hidden;}
  .goods-top .wrap { display: block; }
  .goods-top .item-text { display: block; width: 100%; padding-bottom: 6%; }
  .goods-top .item-text h4 { font-size: 28px; }
  .goods-top .item-text p { padding-right: 0; }
  .goods-top .item-pic { display: block; width: 100%; }
  .goods-item { margin-bottom: 6%; height: auto;  }
  .goods-item .item-img { width: 100% !important; padding: 5%; float: left; position: relative; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; box-sizing: border-box; }
  .goods-item .item-txt { width: 100%; padding: 5%; height: auto; box-sizing: border-box; float: none; background: #f5f5f5; }
  .goods-item .item-txt .wrap { display: table-cell; vertical-align: middle; }
  .goods-item .item-txt h4 { font-size: 28px; padding-bottom: 40px; }
  .goods-item .item-txt p { font-size: 16px; line-height: 1.5; }
  .goods-item.r .item-img { float: right; right: 0; }
  .goods-item.r .item-txt { float: left; }
  .goods-item2 { margin-bottom: 6%; }
  .goods-item2 .item-txt .desc { font-size: 20px; }
  .goods-table { margin-bottom: 6%; }
  .goods-table ul li { font-size: 14px; padding: 12px 0; }
  .goods-table ul li .t-left { padding-left: 5%; }
  .goods-table ul li .t-right { padding-left: 5%; }
  .goods-table a { margin: 5% auto 0 auto; }
  .goods-table2 ul li span { width: 33%; display: inline-block; }
  .goods-bottom { margin-bottom: 6%; }
  .goods-bottom.bg-gray { padding-top: 6%; background: #f5f5f5; }
  .goods-item2.g8w-3 .item-txt { top: 20%; }
  .goods-item2.g8w-3 .item-txt h4 { font-size: 28px; padding-bottom: 20px; }
  .goods-item2.g8w-3 .item-txt p { font-size: 14px; padding: 0 10%; } }
@media screen and (max-width: 480px) { .goods-title { font-size: 20px; }
  .goods-top { padding: 5% 0; }
  .goods-top .item-text { padding-bottom: 5%; }
  .goods-top .item-text h4 { font-size: 20px; }
  .goods-item { margin-bottom: 5%; }
  .goods-item .item-txt h4 { font-size: 20px; padding-bottom: 20px; }
  .goods-item .item-txt p { font-size: 14px; line-height: 1.5; }
  .goods-item.r .item-img { float: right; right: 0; }
  .goods-item.r .item-txt { float: left; }
  .goods-item2 { margin-bottom: 5%; }
  .goods-item2 .item-txt { margin-top: -30px; }
  .goods-item2 .item-txt .desc { font-size: 14px; padding: 5%; }
  .goods-table { margin-bottom: 5%; }
  .goods-bottom { margin-bottom: 5%; }
  .goods-bottom.bg-gray { padding-top: 5%; background: #f5f5f5; }
  .goods-bottom .goods-desc { padding: 0; font-size: 14px; }
  .goods-bottom img { margin-top: 5%; }
  .goods-table2 ul li span { width: 100%; display: inline-block; }
  .goods-item2.g8w-3 .item-txt, .goods-item2.g8wz-3 .item-txt, .goods-item2.cndy-3 .item-txt { position: relative; top: 0; left: 0; right: 0; bottom: 0; color: #333; width: 100%; padding: 0; margin-top: 20px; text-align: center; }
  .goods-item2.g8w-3 .item-txt h4, .goods-item2.g8wz-3 .item-txt h4, .goods-item2.cndy-3 .item-txt h4 { font-size: 20px; padding-bottom: 20px; }
  .goods-item2.g8w-3 .item-txt p, .goods-item2.g8wz-3 .item-txt p, .goods-item2.cndy-3 .item-txt p { font-size: 14px; padding: 0; } }

.tImg img{ transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; }
.tImg img:hover{ transform:scale(1.01,1.01);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); }
.proItem img{ transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; }
.proItem img:hover{ transform:scale(1.01,1.01);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); }
.dmdz-nav2{ font-size: 14px;padding-top: 0;padding-bottom: 20px;}

@media screen and (max-width: 1024px) { 
    .hw-fuwu {padding:  5%}
    .hw-fuwu .hf-left{
      display: none
    }
    .hw-fuwu .hf-right{
      padding-left: 0;
    }
    .hw-fuwu .hf-right dl{
      width: 50%;
    }
    .dmdz-nav2{ padding-bottom: 5%}
    .dmdz-title2{padding: 8% 0 5% 0;}

}
@media screen and (max-width: 480px) { 
  
    .hw-fuwu .hf-right dl{
      width: 100%;
      min-height: auto;
    }
    .realted{
      padding-bottom: 0;
    }
    .hw-fuwu{
      margin-bottom: 0;
    }
    .g-process .dload-phone a{
      width: 48% !important;
      float: left;
      font-size: 14px !important; 
    }
    .g-process .dload-phone .h-dload{
      margin-left: 2% !important;
    }
    .dload-phone{
      overflow: hidden;
    }
    .dload-phone a{
      width: 80%;
      display: block;
      margin:0 auto 5%;
      font-size: 12px;
      /*float: left;*/
    }
    .dload-phone .h-dload{
      margin-left: auto;
    }
    .case, .casebox{
      padding-bottom: 6%;
    }
    .realted{
      padding-bottom: 5%;
    }
    .appl{
      padding-bottom: 5%;
    }
    .advantage{
      padding-bottom: 5%;
    }
    .solution-nav{
      font-size: 14px;
      /*display: flex;*/
      padding: 10% 0;
    }
    .solution-nav ul li {
      text-align:   center;
      line-height:  20px;
      float: left;

      width:  100%;
      padding: 0 5px;
    }
    .solution-nav ul li i{
      margin-bottom:  5px;
    }
    .solution-nav ul li.line {
      display:  none;
    }
    .dmdz-nav2 ul{ display: block;width: 100%;}
}

@media screen and (max-width: 480px) {
  .gszl-top{
    padding-top: 8%;
    padding-bottom: 5%;
    font-size: 20px;
  }
  .gszl-title{
    font-size: 20px;
    padding-bottom: 5%
  }
}

@media screen and (max-width: 480px) {
  .fzlc { padding-top: 5%;padding-bottom: 0}
}

.goods-item .item-img img , .goods-top .item-pic img{
  transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition: all 1s ease;
}
.goods-item .item-img img:hover , .goods-top .item-pic img:hover{
  transform: scale(1.01, 1.01); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);
}

.line-img img{
  width: 100%;
  display: block;
}
.line-img .wap{
  display: none;
}

@media screen and (max-width: 480px) {
  .line-img .pc{
   display: none;
  }
  .line-img .wap{
   display: block;
  }
}

.search-txt { padding: 0 10%; padding-top: 150px; border-bottom: 1px solid #b5b5b5; box-sizing: border-box; }
.search-txt .logo { text-align: center; }
.search-txt .logo img { display: inline-block; }
.search-txt .tip { font-size: 16px; color: #333333; padding: 25px 0; font-weight: bolder; }
.search-txt .tip span { color: #d6000f; }
.search-txt .search-box { padding: 70px 0; }
.search-txt .search-box span { font-size: 24px; color: #d6000f; display: inline-block; height: 50px; line-height: 50px; padding-right: 40px; }
.search-txt .search-box .search-input { width: 87%; display: inline-block; }
.search-txt .search-box .search-input .input-text { width: 85%; height: 50px; border: 1px solid #d6000f; -webkit-appearance: none; outline: none; box-sizing: border-box; padding: 0 2%; line-height: 50px; float: left; }
.search-txt .search-box .search-input .input-submit { width: 15%; height: 50px; background: #d6000f; color: #fff; border: none; }

.search-result { padding: 15px 10% 120px 10%; box-sizing: border-box; }
.search-result .s-r li { padding-top: 50px; }
.search-result .s-r li .sr-title { font-size: 16px; color: #333; font-weight: bolder; }
.search-result .s-r li .sr-desc { font-size: 14px; color: #555555; padding: 10px 0; }
.search-result .s-r li a { font-size: 14px; color: #d6000f; font-weight: bolder; }

@media screen and (max-width: 1024px) { .search-txt { padding: 0; padding-top: 10%; }
  .search-txt .search-box .search-input { width: 100%; }
  .search-result { padding: 0; } }

  .gsy-nav{
    padding-top: 0;
    padding-bottom: 30px;
  }

 @media screen and (max-width: 768px) { 
  .dmdz-box .dm-left{ width: 100%; }
  .dmdz-box .dm-right { width: 100%;     margin-top: 0%; }
   .sub-nav ul li {
     font-size: 20px;
     padding: 0 5px;
   }
} 

//导航
.yui_drop {
  padding: 10px 0 20px;
  display: none; 
}
.index-header-top .nav .subnav .yui_drop {
  padding: 10px 0 20px;
  display: none; 
}
.index-header .nav .subnav .yui_drop {
  padding: 10px 0 20px;
  display: none; 
}
  .index-header-top .nav .subnav .yui_drop .drop_list, .index-header .nav .subnav .yui_drop .drop_list {
    padding-left: 5%;
    display: block;
    font-size: 12px;
    line-height: 32px;
    transition: all .5s; }
    .index-header-top .nav .subnav .yui_drop .drop_list:hover, .index-header .nav .subnav .yui_drop .drop_list:hover {
      color: #d6000f; }
.index-header-top .nav .subnav dt.yui_drop_click, .index-header .nav .subnav dt.yui_drop_click {
  padding-left: 5%;
  background: url(../images/yui_drop_arrow_03a.png) right 13px no-repeat;
  margin: 0 5%; }
.index-header-top .nav .subnav dt.yui_drop_click:hover, .index-header .nav .subnav dt.yui_drop_click:hover {
  background: url(../images/yui_drop_arrow_03.png) right 13px no-repeat;
  height: auto; }
  .index-header-top .nav .subnav dt.yui_drop_click:hover .yui_drop, .index-header .nav .subnav dt.yui_drop_click:hover .yui_drop {
    display: block; }

.yui_center_click {
  position: relative;
  background: url(../images/yui_nav_center_03a.png) right 26px no-repeat; }
  .yui_center_click:hover {
    background: url(../images/yui_nav_center_03.png) right 26px no-repeat; }
  .yui_center_click .yui_center_nav {
    background: url("../images/subnav-bg.png");
    display: none;
    position: absolute;
    top: 0;
    right: -209px; }
    .yui_center_click .yui_center_nav .triangle {
      position: absolute;
      top: 25px;
      left: -9px; }
.yui_content_box{
  max-width: 1300px;
  margin: 5% auto 5%; 
}
.yui_center_click:hover .yui_center_nav {
  display: block; }
//新页面

.yui_content_box{
  max-width: 1300px;
  margin: 5% auto 5%; 
}
.yui_content_box .yui_item {
  text-align: center;
  font-size: 54px;
  color: #333;
  line-height: 1;
  margin-bottom: 8%; }

.yui_content_box p {
  font-size: 14px;
  color: #333;
  line-height: 24px;
  margin-bottom: 10px; }

.yui_content_box .yui_sub_title {
  font-weight: bold;
  font-size: 14px;
  color: #333;

  line-height: 24px;
  margin-bottom: 10px;
  margin-top: 3%; }

.yui_content_box .title_red {
  font-weight: bold;
  font-size: 28px;


  color: #d40a1d;
  line-height: 42px;
  margin-bottom: 4%; }

.yui_content_box .dl {
  margin-bottom: 70px;
  overflow: hidden; }

.yui_content_box dl {
  float: left;
  margin-right: 3%; }

.yui_content_box dt {
  font-weight: bold;
  font-size: 18px;
  color: #333;
  line-height: 42px;
  /*margin-bottom: 70px;*/ }

.yui_content_box dd {
  /*font-weight: bold;*/
  font-size: 18px;
  color: #666;
  line-height: 42px;
  /*margin-bottom: 70px;*/ }
/*顶部导航语言*/
.yui_top_nav {
  display: inline-block;
  position: relative; }
  .yui_top_nav .yui_top_drop {
    z-index: 111;
    display: none;
    position: absolute;
    top: 16px;
    right: -22px;
    background: url(../images/yui_drop_back_dark_03.png);
    padding: 5px 15px; }
    .yui_top_nav .yui_top_drop a {
      display: block;
      font-size: 14px;
      color: #fff;
      line-height: 30px;
      text-align: center; }
    .yui_top_nav .yui_top_drop li a {
      transition: all .5s; }
  .yui_top_nav .yui_top_drop li:hover a {
    color: #d6000f; }

.yui_top_nav:hover .yui_top_drop {
  display: block; }

.index-header-top .wrap {
  overflow: visible; }
/*banner*/
.swiper-pagination{
  background: url(../images/banner_vertical_line_03.png) no-repeat;
}
.swiper-pagination img.swiper-pagination-switch{
  margin:0px auto 40px;
}
/*.index-banner .swiper-pagination img.swiper-pagination-bullet{*/
  /*margin:0px auto 40px;*/
/*}*/
.yui_know_more{
  display: block;
  width: 230px;
  margin: 5% auto 0;
  font-size: 18px;
  line-height: 60px;
  text-align:center;
  color: #fff;
  background: #d6000f; 
}
.tab-m01 .yui_know_more{
  display: block;
  width: 230px;
  margin: 1% auto;
  font-size: 18px;
  line-height: 60px;
  text-align:center;
  color: #fff;
  background: #d6000f; 
}
/*留言等手机页*/
@media screen and (max-width: 768px) { 
  .login {
      width: 100%;
  }
  .login .logo-form dl dt {
      width: 30%;
  }
  .login .logo-form dl dd {
    width: 70%;
    float: left;
    padding-bottom: 30px;
  }
  .login .logo-form .submit {
      width: 80%;
  }
} 
.fa{
  font-size:20px !important;
}

.header .nav ul .jxs{ background: url(../images/jxs.png) no-repeat left center; padding-left: 30px;}
.header.fixed .nav ul .jxs{  padding-left: 30px;}