@media (min-width: 1200px){
	.container {width: 1200px; padding: 0;}
}

@media (min-width: 1360px){
	.container {width: 100%; padding: 0 8.3%;}
}

@media (min-width: 1900px){
	.container {width: 1600px; padding: 0;}
}

/*banner*/
.banner .swiper-pagination,
.banner-mobile .swiper-pagination{bottom: 32px; height: 12px; }
.banner .swiper-pagination-bullet,
.banner-mobile .swiper-pagination-bullet{width: 12px; height: 12px; margin: 0 9px!important; vertical-align: top; background: #fff; opacity: 0.5;}
.banner .swiper-pagination-bullet-active,
.banner-mobile .swiper-pagination-bullet-active{ opacity: 1; }
.banner-mobile {display:none;}
.banner-mobile .swiper-pagination{bottom:15px;}

@media (max-width: 767px){
  	.banner {display:none;}
	.banner-mobile {display:block;}
}

/*tips*/
.tips{padding: 80px 0 70px 0; border-bottom: 1px solid #dbdbdb;}
.tips-box{text-align: center; width: 840px; margin: 40px auto 0;}
.tips-box .title{font-size: 24px; line-height: 36px; margin-bottom: 4px; color: #262626;}
.tips-box .desc{line-height: 30px; color: #828282;}
@media (max-width: 767px){
	.tips{padding: 30px 0 ;}
	.tips-box{width: 100%;  margin: 20px auto 0;}
	.tips-box .title{font-size: 18px;}
}

/*case*/
.NewCase{padding: 80px 0 70px; border-bottom: 1px solid #dbdbdb;}
.NewCase .container-fluid{padding: 0;}
.NewCase .case-box{position: relative; padding: 70px 0 0; line-height: 24px;}
.NewCase .case-box .info{margin: 17px 0 0;}
.NewCase .case-box .p1{font-size: 18px;}
.NewCase .case-box .p2{color: #828282;}
.NewCase .swiper-slide { width: 27.08%; opacity: 0.6;}
.NewCase .swiper-slide-next,
.NewCase .swiper-slide-active,
.NewCase .swiper-slide-prev{opacity: 1;}

.NewCase .swiper-button-next, 
.NewCase .swiper-button-prev{width:40px; height: 40px; top: 50%; margin-top: -20px; border: 1px solid #818181; background-size: 10px 16px; border-radius: 50%; opacity:1;}

.NewCase .swiper-button-next{background-image: url(../images/next_on.png); border-color: #e20c0c; }
.NewCase .swiper-button-next.swiper-button-disabled{background-image: url(../images/next_disable.png); border-color: #818181;}

.NewCase .swiper-button-prev{background-image: url(../images/prev_on.png); border-color: #e20c0c;}
.NewCase .swiper-button-prev.swiper-button-disabled{background-image: url(../images/prev_disable.png); border-color: #818181;}
.NewCase .swiper-pagination{display: none; position: static; text-align: center; width: 100%;}
.NewCase .swiper-pagination-bullet{ margin: 0 3px;}
.NewCase .swiper-pagination-bullet-active{background: #e20c0c;}

@media (max-width: 767px){
	.NewCase{padding: 30px 0 ;}
	.NewCase .case-box{padding: 30px 0 0;}
	.NewCase .swiper-slide{width: 100%;}
	.NewCase .swiper-button-next, 
	.NewCase .swiper-button-prev{display: none;}
	.NewCase .swiper-pagination{display: block;}
}


/*CaseShow*/
.CaseShow{background: #f3f3f3; padding: 80px 0 ; border-bottom: 1px solid #dbdbdb;}

.CaseShow .tabs{ text-align: center; width: 690px; margin: 40px auto 0; overflow: hidden}
.CaseShow .tabs li{float: left; width: 20%; text-align: center; cursor: pointer;}
.CaseShow .tabs .line{position: relative; width: 100%; display: block; padding: 9px 0;margin: 15px 0;}
.CaseShow .tabs .line:before,
.CaseShow .tabs .line:after{float: left; content: ""; width: 50%; height: 1px; background: #dedede; display: block;}
.CaseShow .tabs li:first-child .line:before,
.CaseShow .tabs li:last-child .line:after{background: #f3f3f3;}

.CaseShow .tabs .line em{position: absolute; left: 50%; top:0; margin-left: -9px; width: 16px; height: 16px; border-radius: 50%; display: inline-block; border: 1px solid #bbb; background: #fff;}
.CaseShow .tabs h2{line-height: 24px; font-size: 16px;}
.CaseShow .tabs .icon{width: 26px; height: 26px; margin: 15px 0; display: inline-block; background: url(../images/icon-case1.png) no-repeat top center; background-size: 26px 26px;}
.CaseShow .tabs .icon-case1{background-image: url(../images/icon-case1.png);}
.CaseShow .tabs .icon-case2{background-image: url(../images/icon-case2.png);}
.CaseShow .tabs .icon-case3{background-image: url(../images/icon-case3.png);}
.CaseShow .tabs .icon-case4{background-image: url(../images/icon-case4.png);}
.CaseShow .tabs .icon-case5{background-image: url(../images/icon-case5.png);}

.CaseShow .tabs li.on .icon-case1{background-image: url(../images/icon-case1a.png);}
.CaseShow .tabs li.on .icon-case2{background-image: url(../images/icon-case2a.png);}
.CaseShow .tabs li.on .icon-case3{background-image: url(../images/icon-case3a.png);}
.CaseShow .tabs li.on .icon-case4{background-image: url(../images/icon-case4a.png);}
.CaseShow .tabs li.on .icon-case5{background-image: url(../images/icon-case5a.png);}
.CaseShow .tabs li.on p{color: #e20c0c;}
.CaseShow .tabs li.on .line em{border-color: #e20c0c;}
.CaseShow .tabs li.on .line em:before{content: ""; float:left; margin: 3px; width: 8px; height: 8px; background: #e20c0c; display: inline-block; border-radius:50%;}

.CaseShow .item{position: relative; display: block; margin-bottom: 20px; overflow: hidden;}
.CaseShow .tabs-cont{margin: 35px 0 0;}
.CaseShow .tabs-cont ul{margin: 0 -10px;}
.CaseShow .tabs-cont li{padding: 0 10px;}
.CaseShow .tabs-cont .info{position: absolute; left: 0; right: 0; bottom: 0; padding: 0 20px 10px; color: #fff; background: url(../images/CaseShow_tit_bg.png) repeat-x top left;}
.CaseShow .tabs-cont .info h3{float: left; font-size: 18px; line-height: 2; width: calc(100% - 80px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.CaseShow .tabs-cont .info .more{float: right; width: 50px; height: 20px; padding: 0; margin: 8px 0 0; font-size: 12px; text-align: center; border: 1px solid #fff; line-height: 18px; display: inline-block; border-radius: 20px;}

@media (max-width: 767px){
	.CaseShow{padding: 30px 0 ;}
	.CaseShow .tabs{width: 100%;}
	.CaseShow .tabs-cont .info p{font-size: 14px;}
}

/*service*/


.service{padding: 80px 0 70px; border-bottom: 1px solid #dbdbdb;}
.service .service-box{padding: 65px 0 0;}
.service .row{margin: 0 -5px; overflow: hidden;}
.service li { float: left; padding: 0 5px ; margin-bottom: 10px;}

.service .item{position: relative; display: block; overflow: hidden;}
.service .prop{position: absolute; top: 0; left: 0; width: 100%; height: 157px; padding: 15px 20px; color: #fff; line-height: 24px;background: url(../images/service_tit_bg.png) repeat-x bottom left;} 
.service .tit-item{float:left;  display: inline-block;}
.service .tit{font-size: 24px; line-height: 32px;}
.service .tit_en{font-size: 16px; line-height: 24px;}
.service .more{width: 42px; height: 42px; border: 1px solid #fff; margin: 6px 0 0 20px; background: url(../images/survice_more.png) no-repeat center center;}
@media (min-width: 992px){
	.service li.col-md-4-5{width: 37.5%;}
}

@media (max-width: 767px){
	.service{padding: 30px 0;}
	.service .service-box{padding: 30px 0 0;}
	.service .tit{font-size: 18px; line-height: 24px;}
	.service .tit_en{font-size: 14px; line-height: 18px;}
	.service .more{ width: 36px; height: 36px; margin: 3px 0 0 20px;}
  	.service .item{max-height:280px;}
}


/*about*/
.about{padding: 80px 0 100px; background: #f3f3f3; overflow: hidden;}
.about .about-box{position: relative; margin: 75px 0 0; overflow: hidden;}
.about .info{float:left; width: 58.5%; border-left: 8px solid #0038c5; background: #fff;}

.about .info .desc{color: #7f7f7f; line-height: 24px; border-bottom: 1px solid #dbdbdb;}
.about .video{position: absolute; top: 0; right: 0; height: 100%; float: left; width: 50%;  display: flex; flex-direction: column; justify-content: center;}
.about .rongyu {margin: 43px 0 0; overflow: hidden;}
.about .rongyu li{float: left; width: 50%; line-height: 24px; margin-bottom:20px; color: #7f7f7f; background: url(../images/dian.png) no-repeat center left; padding: 0 0 0 20px;}
.about .more{text-align: left;}
.about .more a{border-color: #818181; color: #818181; background-position: 112px -88px;}
.about .more a:hover {color: #fff;  background:#e20c0c url(../images/jiantou.png) no-repeat 112px -138px; border-color: #e20c0c;}


@media (min-width: 1200px){
	.about .info{padding: 15px 0 40px; }
	.about .info .desc{ padding:23px 0;}
	.about .more{ margin: 0;}
	.about .info .box{ padding: 0 16% 0 5.5%;}
}

@media (min-width: 1900px){
	.about .info{padding: 15px 0 90px; }
	.about .info .desc{ padding:43px 0;}
	.about .more{ margin: 50px 0 0;}
	.about .info .box{ padding: 0 21.3% 0 5.5%;}
}

@media (max-width: 767px){
	.about{padding: 30px 0 ;}
	.about .about-box{ margin: 30px 0 0;}
	.about .video{position: static; width: 100%;}
	.about .info{width: 100%; border: none; padding: 20px;}
	.about .info .desc{padding-bottom: 20px;}
	.about .rongyu li{width: 100%;}
	.about .more{text-align: center;}
}

/*culture*/
.culture{background: #f3f3f3;}
.culture .culture-box ul{margin: 0;}
.culture .culture-box li{padding: 0; border: 2px solid #fff; border-left: none;}
.culture .culture-box li:last-child{border-right: none;}
.culture .culture-box .item{position: relative;}
.culture .culture-box .tit{position: absolute; top: 0; left:0; width: 100%; height: 100%; line-height: 1; color: #fff; text-align: center; background: rgba(0,0,0,0.35); display: flex; justify-content: center; align-items: center;}
.culture .culture-box .box{border-left: 4px solid #fff; display: inline-block; padding: 0 0 0 15px; display: inline-block; text-align:  left; }
.culture .culture-box .p1{font-size: 24px; margin-bottom: 26px;}

@media (max-width: 767px){
	
	.culture .culture-box .p1{ font-size: 17px; margin-bottom: 15px;}
}

/*area*/
.area{padding: 120px 0 90px; background: #f3f3f3 url(../images/area_bg.jpg) no-repeat top center; overflow: hidden;}
.area .china-map{position: relative; float: left; width: 56.25%; }
.area .china-map .map{ margin: 0 0 0 7.7%;}
.area .info{float: right; width: 43.75%; }
.area .info .tit{font-size: 40px; color: #e20c0c; line-height: 1; }
.area .info .desc{color: #7e7e7e; line-height: 30px; margin: 40px 0 0;}
.area .info .about-mesg{margin: 100px 0 0; text-align: center; overflow: hidden;}
.area .info .about-mesg li{float: left; width: 33.3%;}
.area .info .about-mesg .p1{width: 108px; height: 108px; border: 1px solid #828282; border-radius: 50%; color: #828282; margin: 0 auto; text-align: center;}
.area .info .about-mesg .p1 span{font-size: 30px; width: 100%; display: block; margin: 24px 0 0;}
.area .info .about-mesg .p2{color: #7e7e7e; line-height: 36px; margin: 14px 0 0;}
@media (min-width: 1200px){
	.area{padding: 60px 0; }
	.area .info{padding: 0 ;}
	.area .info .tit{margin: 40px 0 0 ;}
	.area .china-map .map{width:86.6%; }
	.area .info .about-mesg{margin: 50px 0 0;}
}

@media (min-width: 1900px){
	.area{padding: 120px 0 90px; }
	.area .info .tit{margin: 70px 0 0 ;}
	.area .info{padding: 0 45px;}
	.area .china-map .map{width:76.6%; }
	.area .info .about-mesg{margin: 100px 0 0;}
	
}
@media (max-width: 767px){
	.area{padding: 30px 0 ;}
	.area .info{width: 100%;}
	.area .info .tit { font-size: 24px; margin-bottom: 0; line-height: 1.5;	}
	.area .info .desc{margin: 20px 0 0;}
	.area .info .about-mesg{margin: 30px 0 0;}
	.area .info .about-mesg .p1{width: 90px; height: 90px;}
	.area .info .about-mesg .p1 span{font-size: 20px;}
	.area .info .about-mesg .p2{line-height: 24px;}
}


/*partner*/
.partner{padding: 80px 0 70px; border-bottom: 1px solid #dbdbdb;background: #f3f3f3;}
.partner-box{ position: relative; padding: 74px 90px 0;}
.partner .row{margin: 0 -9px;}
.partner li{padding: 0 9px; }
.partner .item{border: 1px solid #dbdbdb; background:#fff;height: 122px; margin-bottom: 16px; text-align: center; display: flex; justify-content: center; align-items: center; }
.partner .item img{max-width: 100%; width: auto;}

.partner .swiper-button-next, 
.partner .swiper-button-prev{width:40px; height: 40px; top: 50%; margin-top: -20px; border: 1px solid #818181; background-size: 10px 16px; border-radius: 50%; opacity:1;}

.partner .swiper-button-next{background-image: url(../images/next_on.png); border-color: #e20c0c; right: 0;}
.partner .swiper-button-next.swiper-button-disabled{background-image: url(../images/next_disable.png); border-color: #818181;}

.partner .swiper-button-prev{background-image: url(../images/prev_on.png); border-color: #e20c0c; left: 0;}
.partner .swiper-button-prev.swiper-button-disabled{background-image: url(../images/prev_disable.png); border-color: #818181;}
.partner .swiper-pagination{display: none; text-align: center; width: 100%;}
.partner .swiper-pagination-bullet{ margin: 0 3px;}
.partner .swiper-pagination-bullet-active{background: #e20c0c;}
@media (max-width: 767px){
	.partner{padding: 30px 0 ;}
	.partner .swiper-pagination{display:block;}
	.partner-box{padding: 30px 0 0;}
	.partner .swiper-button-next,
	.partner .swiper-button-prev{display: none;}
	.partner .swiper-pagination{display: block;}
	.partner .item{height: 90px;}
	.partner .item img{max-width: 80%;}
}

/*news*/
.news{padding: 70px 0;}
.news .news-box{overflow: hidden;}
.news .news-box .tit{border-bottom: 4px solid #e20c0c; margin: 43px 0 0; overflow: hidden;}
.news .news-box .tit ul{float: left; display: inline-block; line-height: 48px;}
.news .news-box .tit li{float: left; margin: 0 38px 0 0; font-size: 24px; cursor: pointer;}
.news .news-box .tit li.on{color: #e20c0c;}
.news .news-box .tit .more{line-height: 42px; margin-top: 6px; padding: 0; float: right; text-transform: uppercase; width: auto; color: #b9b9b9; display: inline-block;}
.news .news-box .left{padding: 0 26px 0 0 ;}

.news .tabs-cont{padding: 14px 0 0;}
.news .tabs-cont .swiper-slide{ display: flex;}
.news .tabs-cont .top{float: left; width: 40%; padding: 26px 60px 0 0;}
.news .tabs-cont .pic{margin-bottom: 28px;}
.news-box .item{display: block; overflow: hidden;}
.news-box .date{float: left; color: #b9b9b9; display: inline-block; width: 50px; text-align: center; }
.news-box .date span{display: block;}
.news-box .month{font-size: 36px; line-height: 1;}
.news-box .year{font-size: 12px; line-height: 18px; }
.news-box .info{float: left; display: inline-block; padding: 0 0 0 20px; width: calc(100% - 50px);}
.news-box .info .title{font-size: 16	px; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news-box .info .desc{line-height: 24px; height: 48px; overflow: hidden; color: #848484; margin: 10px 0 0;}
.news-box .tabs-cont ul{float: left; flex: 1;}
.news-box .tabs-cont ul li{float:left;width:46%;margin-right:20px;}
.news-box ul .item{border-bottom: 1px solid #eee; padding: 20px 0; }
.news-box ul li:last-child .item{border-bottom: none;}

@media (min-width: 1200px){
	.news .news-box .right{padding: 0 0 0 25px;}
	.news .tabs-cont .top{padding: 26px 30px 0 0;}
}

@media (min-width: 1900px){
	.news .news-box .right{padding: 0 0 0 73px;}
	.news .tabs-cont .top{padding: 26px 60px 0 0;}
	
}
@media (max-width: 767px){
	.news{padding: 30px 0 ;}
	.news .news-box .tit li{font-size: 18px; margin: 0 20px 0 0;}
	.news .news-box .left{padding: 0;}
	.news .tabs-cont{display: block;}
	.news .tabs-cont .top{width: 100%; padding: 20px 0 0;}
	.news .tabs-cont .top .item{border-bottom: 1px solid #eee; padding: 0 0 26px;}
	.news-box .tabs-cont ul{flex: initial; width: 100%;}
	.news-box .tabs-cont ul li {width:100%;}
	.news-box .date{margin-top: 23px;}
	.news-box .month{font-size: 24px;}
	.news-box .info .title{font-size: 16px;}
  	.news .tabs-cont .swiper-slide{display:block;}
  	.news-box ul li .item{ padding: 10px 0;}
  	.news .news-box .right .tit{ margin: 20px 0 0;}
}