@charset "UTF-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

body,html {
  font-family: "微软雅黑","宋体","Lucida Grande",Helvetica,Arial,"Microsoft YaHei","FreeSans,Arimo","Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3","FontAwesome",sans-serif;
  background: #ffffff no-repeat top center;min-width: 1200px}

html{-webkit-text-size-adjust:none;}
body{overflow-x: hidden;}
fieldset, img {
  border: 0; }

ol, ul {
  list-style: none; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 400; }
a:active{

     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}
em {
  font-style: normal; }

input, button, select, textarea {
  outline: none; }

textarea {
  resize: none; }

/* 禁用了文本的拖拉，尤其在谷歌下 */
/* 为了使文本段落左右两边对齐 */
/*======== Link ========*/
a {
  color: #333333;
  text-decoration: none; }

a:hover {
  text-decoration: none; }

.hidden {
  display: none !important; }

img {
  max-width: 100%; }

.fl {
  float: left; }
*{transition:all 0.3s;}
.fr {
  float: right; }
.box{width: 1100px;margin:0 auto;position: relative;}
.text-center {
  text-align: center; }
.clear {
  clear: both; }
.text-center{text-align: center;}
.flex{display: flex;}
.flex-align-center{align-items: center}
.language{display: flex;text-align: center;justify-content: flex-end;padding: 30px 0 10px 0;font-size: 14px}
.language .item{margin-left: 30px}
.language img{height:30px;}
.header{display: flex;align-items: center;justify-content: space-between;border-bottom: 4px solid #d90800}
.nav{display: flex;align-items: center;line-height: 54px;}
.nav a{display: block;padding:0 25px; color: #353535;white-space: nowrap;}
.nav a:hover,.nav li.on>a,.nav li dl.on a{background: #d90800;color: #fff;}

.nav li{position: relative;}
.nav li dl{ display: none;position: absolute;top:100%;background: rgba(0,0,0,0.7);z-index: 9999;left:0;}
.nav li:hover dl{display: block}
.nav li dl a{color: #fff;line-height: 48px}

.header .search{border:1px solid #bcbcbc;display: flex;padding-left:8px;width:175px;}
.header .search input{border:0;line-height: 33px;height:33px;}
.header .search .input{flex: 1;width:125px;}
.header .search .submit{width:40px; background: url(../images/icon-search.png) no-repeat center; cursor: pointer;}

.index-banner .swiper-pagination-bullet{width:40px;height:7px; border: 1px solid #fff;background: #fff;opacity: 1;border-radius: 0}

.index-banner .swiper-pagination-bullet-active{background: #d90800}
.index-content{display: flex;justify-content: space-between;margin-top: 20px;}
.index-content .left{width:797px;}
.index-content .left .about{display: flex;}
.index-content .left .about .video{width:315px;}
.index-content .left .about .text{flex: 1;margin-left: 33px;}
.index-content .left .title{display: flex;border-bottom:1px solid #b8b8b8;display: flex;justify-content: space-between;align-items: flex-start;}
.index-content .left .title h1{font-size: 16px;font-weight: bold;color: #d90800;position: relative;padding-bottom: 10px;}
.index-content .left .title h1:after{content: '';height:3px;width:100%;bottom: -1px;position: absolute; left:0;background: #d90800;display: block;}
.index-content .left .title a{color: #a2a2a2;font-size: 14px; background: url(../images/icon-more.png) no-repeat right center;padding-right: 20px}
.index-content .left .about .content{font-size: 14px; color: #444444;line-height: 24px;margin-top: 6px;}
.index-content .right{width:268px;}

.index-content .product{margin-top: 10px;}
.index-content .product .tab{display: flex;justify-content: space-between;margin-top: 10px;}
.index-content .product .tab a{background: #e1e1e1;line-height: 30px;color: #2a2a2a;font-size: 14px;text-align: center;min-width: 80px;white-space: nowrap;margin-left: 10px;flex:auto;}
.index-content .product .tab a.on{background: #d90800;color: #fff}
.index-content .product .tab a:nth-child(1){margin-left: 0}
.index-content .product .content{margin-top: 5px;}
.index-content .product ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.index-content .product ul a{display: flex;}
.index-content .product ul li{box-shadow: 0 0px 10px 2px #ddd;width:100%;margin-top: 10px}
.index-content .product ul a .img{width:100%;height:348px;overflow: hidden;}
.index-content .product ul a .img img{display: block;width:100%;}
.index-content .product ul a .text{flex:1;padding: 10px;width:180px;}
.index-content .product ul a .text h1{font-size: 16px;font-weight: bold;color: #000000;overflow:hidden;

                white-space: nowrap;

                text-overflow: ellipsis;

                -o-text-overflow:ellipsis;}
.index-content .product ul a .text p{font-size: 14px;color: #000000;overflow: hidden;

                text-overflow: ellipsis;

                display: -webkit-box;

                -webkit-line-clamp: 5;

                -webkit-box-orient: vertical;line-height: 24px;margin-top: 5px}
.index-content .right .title{display: flex;line-height: 27px;background: #f2f2f2; display: flex;justify-content: space-between;align-items: flex-start;padding-right: 8px}
.index-content .right .title h1{font-size: 16px;color: #fff; background: #d90800; position: relative;padding:0 10px;}
.index-content .right .title a{color: #a2a2a2;font-size: 14px; background: url(../images/icon-more.png) no-repeat right center;padding-right: 20px}
.index-content .right .news ul{margin-bottom: 5px}
.index-content .right .news li{margin-top: 5px}
.index-content .right .news li span{color: #d90800;font-size: 14px;}
.index-content .right .news li h1{font-size: 16px;color: #363636;font-weight: bold;overflow:hidden;

                white-space: nowrap;

                text-overflow: ellipsis;

                -o-text-overflow:ellipsis;}
.index-content .right .news li p{font-size: 14px; color: #363636;overflow: hidden;

                text-overflow: ellipsis;

                display: -webkit-box;

                -webkit-line-clamp: 2;

                -webkit-box-orient: vertical;line-height: 24px;}
.apply{margin-top: 10px;}
.apply ul li{box-shadow: 0 0 5px 2px #e7e7e7;margin-top: 10px}
.apply ul a{display: flex;align-items: center;line-height: 44px;}
.apply ul .img{width:48px;display: flex;align-items: center;justify-content: center;}
.apply ul h1{flex:1;margin-left: 8px}
.postion{line-height: 30px;background: url(../images/icon-pos.png) no-repeat left center ;padding-left: 30px;margin:20px auto;}
.case-box{border-top:1px solid #d90800;padding-top: 20px;padding-bottom: 10px;}
.case-des{background: url(../images/case-bg.jpg) no-repeat; background-size: cover; border-radius: 25px;overflow: hidden;height:250px;display: block;}
.case-des h1{line-height: 40px;font-size: 24px;font-family: "黑体";padding:0 35px;background: rgba(217,8,0,.5);color: #fff;}
.case-des p{font-size: 16px;line-height: 30px; padding:25px 35px;color: #fff;text-indent: 2em}
.case-box ul{overflow: hidden; padding:10px;display: flex;flex-wrap: wrap;}
.case-box ul li{margin-left: 15px;width: 258px;}
.case-box ul li:nth-child(4n+1){margin-left: 0}
.case-box ul li>a{font-size: 14px;font-family: "宋体";font-weight: bold;color: #4f4f4f;display: block;border-bottom: 1px solid #cacaca;line-height: 26px;margin-top: 15px;}

.case-box ul li dl{font-size: 13px;font-family: "宋体";line-height: 24px;margin-top: 5px}
.case-box ul li dl a{color: #707070;font-weight: bold;}
.case-box ul a:hover{color: #D90800}




.case-list-box{display: flex;justify-content: space-between;}
.case-list-box .left{width:270px;}
.case-list-box .left ul{}
.case-list-box .left ul li{border:1px solid #e8e8e8;margin-bottom: 10px;}
.case-list-box .left ul li h1 a{line-height:26px; display: flex;justify-content:space-between;background: #e8e8e8;font-size: 16px;padding:0 8px;}
.case-list-box .left ul li.on h1 a{color: #fff;flex: 1}
.case-list-box .left ul li.on h1 a{background: #d90800;}
.case-list-box .left ul li.on dl{display: block}
.case-list-box .left ul li.on h1 em{background: url(../images/icon-more-2.png) no-repeat center right}
.case-list-box .left ul li h1 em{display: block;width:30px;height:26px;background: url(../images/icon-more.png) no-repeat center right}
.case-list-box .left ul li dl{display: none;}
.case-list-box .left ul li dl dd>.cc>a{display: block;padding:0 10px;line-height: 40px;}
.case-list-box .left ul li dl dd{border-bottom: 1px solid #e8e8e8}
.case-list-box .left ul li dl .son{padding:0 10px; line-height: 24px;padding-bottom: 10px;}
.case-list-box .left ul li dl .son a{display: inline-block;}

.case-list-box .left .back{margin-top: 20px;}
.case-list-box .left .back a{color: #d90800;font-weight: bold;display: flex;align-items: center;justify-content: center;}
.case-list-box .left .back a img{margin-right: 10px;}
.case-list-box .right{flex:1;margin-left: 35px}
.case-list-box .right .title{display: flex;border-bottom:1px solid #b8b8b8;display: flex;justify-content: space-between;align-items: flex-start;}
.case-list-box .right .title h1{font-size: 16px;font-weight: bold;color: #d90800;position: relative;padding-bottom: 10px;}
.case-list-box .right .title h1:after{content: '';height:3px;width:100%;bottom: -1px;position: absolute; left:0;background: #d90800;display: block;}
.case-list-box .left .arc .son .item em{display: none}
.case-list-box .left .arc .son .item p{display: none;}
.case-list-box .left .arc .son .item.on p{display: block;}
.case-list-box .left .arc .son .item.on em{display: block;}
.case-list-box .left .arc .son .item.on h2 a{font-weight: bold;}
.case-list-box .left .arc .son .item.on h2{border-bottom:1px solid #b8b8b8;}
.case-list-box .left .arc .son .item h2{font-size: 15px}
.case-list-box .left dl a{flex: 1}
.case-list-box .left dl  a.on{color: #d90800 !important;font-weight: bold;}

.case-list-box .left dl  a:hover{color: #d90800;background: #EEEEEE;}
.case-list-box .left dl  a.on:hover{background:initial;}

.case-list-box .product .case-ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.case-list-box .product .case-ul a{display: flex;}
.case-list-box .product .case-ul li{box-shadow: 0 0px 10px 2px #ddd;width:390px;margin-top: 15px;background: #f4f4f4}
.case-list-box .product .case-ul a .img{width:185px;}
.case-list-box .product .case-ul a .text{flex:1;padding: 10px}
.case-list-box .product .case-ul a .text h1{font-size: 16px;font-weight: bold;color: #000000;overflow:hidden;

                white-space: nowrap;

                text-overflow: ellipsis;

                -o-text-overflow:ellipsis;}
.case-list-box .product{margin-bottom: 30px;}
.case-list-box .product .case-ul a .text p{font-size: 14px;color: #000000;overflow: hidden;

                text-overflow: ellipsis;

                display: -webkit-box;

                -webkit-line-clamp: 5;

                -webkit-box-orient: vertical;line-height: 24px;margin-top: 5px}
.case-list-box .left .arc li dl dd >.cc{border-bottom: 1px solid #b8b8b8}
.case-list-box .left ul.arc li dl dd:last-child{border-bottom: 0}
.case-list-box .left ul.arc li dl .son{padding:0;display: none}
.case-list-box .left .arc .son .item{border-bottom: 1px solid #b8b8b8}
.case-list-box .left ul.arc li dl .son.on{display: block }
.case-list-box .left .cc{display: flex;justify-content: space-between;align-items: center;}
.case-list-box .left .p{display: none}
.case-list-box .left .p.on{display: block;}
.case-list-box .left .arc .son a{display: block;padding-left:40px;line-height: 32px;color: #656565}
.case-list-box .left .arc .son .p a{padding-left: 75px;font-size: 14px;line-height: 28px}
.case-list-box .left .arc .son h2{display: flex;justify-content: space-between;line-height:32px;}
.case-list-box .left em.on{width:30px;background: url(../images/icon-right.png) no-repeat center;display: block;height:30px;}
.case-list-box .left ul.arc li dl dd{border-bottom: 0}
.case-list-box .left ul.arc li dl dd.on>.cc a{font-weight: bold;}

.case-title{font-weight: bold;margin-bottom: 50px;}
.case-list-box .service-ul.news a .text p{overflow: hidden;

                text-overflow: ellipsis;

                display: -webkit-box;

                -webkit-line-clamp: 2;

                -webkit-box-orient: vertical;}
.page{margin-bottom: 15px;}

.page ul{display: flex;justify-content: center;}

.page ul li{margin:0 4px;border:1px solid #cdcdcd;width:40px;height:40px;line-height: 40px;text-align: center;border-radius: 5px; }

.page ul li a{display: block;}

.page ul li.active{background: #4e6ef2;border:1px solid #cdcdcd;color: #fff;}

.page ul li a:hover{background: #4e6ef2;color: #fff;}
.case-list-box  .app-ul .img{width:182px;height:103px;overflow: hidden;}
.case-list-box  .app-ul a {padding: 15px 0; border-bottom: 1px dashed #cbcbcb;display: block;padding-left:30px;position: relative;}
.case-list-box  .app-ul a:after{position: absolute;top:23px;left:0;display: block;background: #d90800;border-radius: 20px;width:14px;height:14px;content: ''}
.case-list-box  .app-ul a h1{font-weight: bold;line-height: 30px;}
.case-list-box  .app-ul a .text{display: flex;margin-top: 8px;}
.case-list-box  .app-ul a .text p{flex:1;margin-left: 20px;font-size: 16px;line-height: 24px;color: #404040}

.case-list-box  .service-ul a{padding: 15px 0;border-bottom: 1px dashed #cbcbcb;}
.case-list-box  .service-ul a h1{display: block;padding-left:30px;position: relative;}
.case-list-box  .service-ul a h1:after{position: absolute;top:6px;left:0;display: block;background: #d90800;border-radius: 20px;width:14px;height:14px;content: ''}
.case-list-box  .service-ul a img{width:180px;}
.case-list-box  .service-ul a h1{font-weight: bold;line-height: 24px;}
.case-list-box  .service-ul a {display: flex;margin-top: 8px;}
.case-list-box  .service-ul a .text{flex:1;margin-left: 20px;font-size: 16px;line-height: 24px;color: #404040}
.case-list-box  .service-ul a .text p{margin-top: 10px;font-size: 14px}

.case-list-box .content{padding:20px 0;}
.case-list-box  .service-ul.news span{display: block;margin-top: 10px; background: url(../images/icon-time.png) no-repeat left center;padding-left: 20px;color: #939393}
.case-list-box  .content .h1{text-align: center;margin-bottom: 20px}
.case-list-box  .content .h1 h1{font-weight: bold;font-size: 24px;color: #404040}
.case-list-box  .content .h1 span{display: inline-block;margin-top: 10px; background: url(../images/icon-time.png) no-repeat left center;padding-left: 20px;color: #939393;}



.contact-box{display: flex;padding:30px 0;}
.contact-box .contact-text{flex:1;margin-left: 30px;line-height: 36px;}
.contact-box .contact-text .img{width:406px;}
.contact-box .contact-text h1{font-size: 18px;font-weight: bold;}

.sitemap-box{padding:20px;}
.sitemap-box ul{line-height: 32px;}
.sitemap-box ul li{padding:20px 0;margin-bottom: 20px}
.sitemap-box ul li>a{text-align: center;display: block;background: #d90800;color: #fff;line-height: 38px;width:100px;margin:0 auto;margin-bottom: 10px}
.sitemap-box ul li:nth-child(2n){background: #f6f6f6}
.sitemap-box ul p{display: flex;flex-wrap: wrap;}
.sitemap-box ul p a{padding:0 30px;color: #707070;line-height: 60px;position: relative;padding-left: 30px;}
.sitemap-box ul p a:after{display: block;width:6px;background: #707070;content: '';height:6px;border-radius: 10px; position: absolute;top:27px;left:20px;}
.case-list-box .service-ul.down a{border-bottom: 0}
.case-list-box .service-ul.down{display: flex;justify-content: space-between;flex-wrap: wrap;}
.case-list-box .service-ul.down li{width:48%;}
.case-list-box .service-ul.down a img{width:130px;height:182px;}
.case-list-box  .service-ul.down a .text{padding-top: 15px;margin-left: 40px}
.case-list-box  .service-ul.down a .text h1{padding-left: 0;}
.case-list-box  .service-ul.down a .text h1:after{display: none}












.footer .center .item1{display: flex;justify-content: center;align-items: center;}

.footer{margin-top: 15px;background-color: #606060;}
/*.footer .top{display: flex;line-height: 47px;align-items: center;background: #606060}
.footer .item1{width:315px;}
.footer .item2{width:230px;}
.footer .item3{width:260px;}
.footer .item4{width:165px;}
.footer .item5{flex:1;}*/
.footer .center h1 a{font-size: 16px;font-weight: bold;color: #fff;}
/*.footer .top .item1{display: flex;align-items: center;padding:0 25px;}*/
.footer .center .item1{width:365px;}
.footer .center{display: flex;justify-content: space-between;padding-right: 30px;padding-top: 15px}
.footer .center .text{display: flex;padding-top: 5px;line-height: 36px}
.footer .center .text p{margin-top: 3px;}
.footer .center .text .img{width:65px;text-align: center;}
.footer .center a{line-height: 36px;color: #fff;font-size: 14px;}
.footer .bottom{line-height: 46px;margin-top: 15px;color: #d0d0d0; background: #2d2d2d; display: flex;justify-content: space-between;font-size: 14px;padding:0 10px;}
.footer .bottom a{color: #d0d0d0; }