/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:''; color:#666;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:none;cursor: pointer;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:980px; margin:0 auto;}
/*@media only screen and (max-width: 1200px) {
.wapper{ width:100%;}
}*/

.indexTop{width: 100%;padding: 15px 0;}
.indexTop .Warp{display: flex;justify-content: space-between;align-items: center;}
.indexTop .logo{display: flex;justify-content: center;align-items: center;height: 75px;}
.indexTop .logo img{max-height: 100%;width: auto;}
.indexTop .right{text-align: right;}
.indexTop .right ul li{display: inline-block;margin: 0 5px;}
.indexTop .right ul li a{color: #333333;font-size: 12px;}
.indexTop .right ul li .icon img{vertical-align: middle;padding-right: 2px;}
.indexTop .TopTel{color: #333333;font-size: 18px;margin-top: 10px;}
.indexTop .TopTel .fontBig{color: #b1131a;font-size: 26px;}


.header{ position:relative;height: 40px;background: #ef1203;background: -webkit-linear-gradient(to bottom, #ef1203, #70211c);background: linear-gradient(to bottom, #ef1203, #70211c);}

/*menu*/
.pc_menu{}
.menu{height:40px;line-height:40px;}
.menu ul{display: flex;justify-content: space-around;align-items: center; height: 40px;}
.menu ul li{ float:left; position:relative;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:40px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none;z-index: 9;}
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{ font-size:14px;color:#fff;display:block;text-align:center;padding: 0 20px;}
.menu a:hover{color:#fff;}
a.menu_hover{color:#fff;}



/*swiper*/
.banner{width: 100%;margin-top: 15px;}
.banner img{width: 100%;}
.swiper {width: 100%;height: 100%;}
.swiper-slide {background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img { display: block;width: 100%;height: 100%;object-fit: cover;}
.banner_swiper .swiper-pagination{text-align: right;padding: 0 10px;box-sizing:border-box;}
.banner_swiper .swiper-pagination-bullet{width: 20px;height: 20px;border-radius: 0;text-align: center;line-height: 20px;color: #fff;font-weight: bold;}



.indexContent{width: 100%;}
.index1{width: 100%;display: flex;justify-content: space-between;margin-top: 15px;}
.index1 .left{width: calc(100% - 340px);}
.index1 .right{width: 320px;margin-left: 20px;}

.iComTitle{height: 30px;line-height: 30px;background: url(../images/bg.png) left center repeat-x;margin-bottom: 5px;}
.iComTitle .title{background: #fff;display: inline-block;color: #B1131A;font-size: 15px;font-weight: bold;padding-right: 10px;}
.iComTitle .fontSmall{font-size: 13px;font-weight: normal;color: #333;padding-left: 5px;}


.iAbout{width: 100%;}
.iAbList{display: flex;justify-content: space-between;}
.iAbList .img{width: 245px;padding: 5px;box-sizing: border-box;border: 1px solid #eee;margin-right: 10px;}
.iAbList .img img{width: 100%;}
.iAbList .desc{color: #333333;font-size: 12px;flex: 1;}
.iAbList .desc p{line-height: 2.2;}

.iCustom{width: 100%;}
.iCusList{width: 100%;}
.iCusList ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.iCusList ul li{width: 29%;margin: 1%;}
.iCusList .part{width: 100%;}
.iCusList .part .img{width: 100%;padding: 3px;box-sizing: border-box;border: 1px solid #eee;}
.iCusList .part .img img{width: 100%;}
.iCusList .part .desc{color: #333333;font-size: 12px;text-align: center;padding-top: 3px;}

.index2{width: 100%;margin-top: 15px;}
.iStyle{width: 100%;}
.iStyleSlide{width: 100%;overflow: hidden;}
.iStyleSlide ul{overflow:hidden; zoom:1;}
.iStyleSlide ul li{float: left;width: 23%;margin:0 10px;}
.iStyleSlide .part{width: 100%;}
.iStyleSlide .part .img{width: 100%;padding: 3px;box-sizing: border-box;border: 1px solid #eee;}
.iStyleSlide .part .img img{width: 100%;}
.iStyleSlide .part .desc{color: #333333;font-size: 12px;text-align: center;padding-top: 3px;}

.index3{width: 100%;display: flex;justify-content: space-between;margin-top: 15px;}
.index3 .item{width: 315px;}
.iNews .img{width: 100%;overflow: hidden;height: 100px;border: 1px solid #eee;}
.iNews .img img{width: 100%;height: 100%;object-fit: cover;}
.iNews .list{padding-top: 5px;}
.iNews .list ul li{line-height: 26px;color: #333333;padding-left: 15px;box-sizing: border-box;font-size: 12px;background: url(../images/sj3.png) left center no-repeat;background-size: 10px;}
.iNews .list a{color: #333333;}
.iNews .list a:hover{color: #B1131A;}

.iVideo{width: 100%;}
.iVideo .video{width: 100%;height: 260px;}
.iVideo .video video{width: 100%;height: 100%;}

.index4{width: 100%;display: flex;justify-content: space-between;margin-top: 15px;}
.index4 .left{width: 225px;margin-right: 20px;}
.index4 .right{width: calc(100% - 250px);}

.iService{width: 100%;}
.iSerList{width: 100%;}
.iSerList ul li{margin: 10px 0;width: 100%;height: 35px;background: #ddd;background: -webkit-linear-gradient(to bottom, #ddd, #eee);background: linear-gradient(to bottom, #ddd, #eee);line-height: 35px;padding: 0 10px 0 30px;box-sizing: border-box;position: relative;}
.iSerList ul li:before{position: absolute;top: 13px;left: 10px;width: 3px;height: 3px;background: #fff;border: 3px solid #B1131A;border-radius: 50%;content: '';}
.iSerList ul li:last-child{margin-bottom: 0;}
.iSerList ul li a{color: #000;font-size: 14px;}



.iCase{width: 100%;}
.iCaseList ul{overflow:hidden; zoom:1;}
.iCaseList ul li{float: left;width: 23%;margin:1%;}
.iCaseList .part{width: 100%;display: block;}
.iCaseList .part .img{width: 100%;padding: 3px;box-sizing: border-box;border: 1px solid #eee;}
.iCaseList .part .img img{width: 100%;}
.iCaseList .part .desc{color: #333333;font-size: 12px;text-align: center;padding-top: 3px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}


.index5{width: 100%;margin-top: 15px;}
.iLink{width: 100%;display: flex;}
.iLink .title{width: 80px;color: #000;font-size: 14px;font-weight: bold;}
.iLink ul{flex: 1;}
.iLink ul li{display: inline-block;padding: 5px;}
.iLink ul li a{color: #333333;font-size: 12px;}

.footer{width: 100%;padding: 20px 0;background: #f5f5f5;margin-top: 20px;}
.footer .desc{color: #333333;font-size: 12px;text-align: center;}
.footer .desc a{color: #333333;}
.footer .desc p{padding: 0;}

.inside{width: 100%;margin-top: 20px;}








@media only screen and (max-width: 980px) {
.wapper,
.indexTop,
.header,
.banner,
.indexContent,
.footer,
.inside{width: 980px;}


}