@import url("animate.min.css");
@import url("bootstrap.css");
@import url("font-awesome.css");
@import url("swiper-bundle.css");
@import url("iconfont.css");
pre{ overflow:hidden;}
body{color: #333; font-size: 14px; font-family: "微软雅黑";}
.content{width: 1446px; margin: 0px auto;}
ul{list-style: none;}
ol, ul{padding: 0; margin: 0;}
img{transition: all 0.5s;} 
a{text-decoration: none; color: #333333;}
table{caption-side: bottom;border-collapse: collapse; width: 100%; }
table td,table th{padding: 5px;border: 1px solid #CCCCCC;line-height: 30px;}
.row > *{padding-left: 0px; padding-right: 0;}
 input{outline: none;}
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid2{ display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.TXTovehid3{ display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}

/*transition*/
.tran100{-webkit-transition:all 0.1s linear; -moz-transition:all 0.1s linear; -ms-transition:all 0.1s linear; transition:all 0.1s linear;}
.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}

.header{position: relative;position: fixed;z-index: 999; width: 100%; top: 0px; background: #FFFFFF;}
.header-pc{padding: 0px 4%; display: flex; justify-content: space-between; align-items: center; margin: 10px auto; background: #FFFFFF;}
.header-pc .nav{width: 80%;}
.header-pc .nav >ul{display: flex; justify-content: space-between;align-items: center; width: calc(75% - 20px);  margin-right: 20px;} 
.header-pc .nav >ul a{font-size: 16px; /*font-weight: bold;*/display: block;}
.header-pc .nav >ul a:hover{color: #E22529; font-weight: bold;}
.header-pc .nav >ul >li{position: relative; width: calc(100% / 8); text-align: center;line-height: 45px;}
.header-pc .nav ul .navsub{position: absolute;top: 50px; z-index: 9; background: #FFFFFF; width: 100%; padding: 10px 0px;display: none;}
.header-pc .nav ul .navsub li a{ font-size: 14px; display: block; line-height: 2;}
.nav-item.active >a{ background: #E22529; color: #FFFFFF;}
.nav-item.active >a:hover{color: #fff!important; font-weight: bold;}
.header-pc .nav-search{display: flex; justify-content: space-between; width: 22%;align-items: center;} 
.nav-search  .left i{font-size: 28px;cursor: pointer;}
.nav-search .midd a{display: block; padding: 5px; font-size: 14px; background: #000000;border-radius: 50%; color: #FFFFFF; margin: 0px 10px;}
.nav-search .right{font-size: 28px; font-weight: bolder; font-family: "impact"; color: #FF0000;}
.nav-search .right i{margin-right: 10px; font-size: 30px;}
.modal-search{position: absolute;display: none; right: 20%; top: 60px; z-index: 9; background: #FFFFFF; padding: 10px;border-radius: 5px;}
.modal-search button{background: #E22529; border: 0;}
.modal-search  input{border: 0px; background: #f4f4f4;}
.modal-search i{color: #FFFFFF;}
.banner{position: relative; width: 100%; margin-top: 85px;}
.swiper { width: 100%;height: 100%;}
.swiper-slide {text-align: center; font-size: 16px;
        /* Center slide text vertically */
        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;
      }

    .mySwiper .swiper-slide >img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
.mySwiper .swiper-pagination-bullet{background: #CCCCCC;width: 15px; height: 15px; border-radius: 5px;}
.mySwiper .swiper-pagination-bullet-active{background-color: #ccc; }
.mySwiper .swiper-button-prev{background: url(../images/controls.png) no-repeat 0px -32px; width: 32px; height: 32px;}
.mySwiper .swiper-button-prev:hover{background: url(../images/controls.png) no-repeat 0px 0px; width: 32px; height: 32px;}
.mySwiper .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{content: '';}
.mySwiper .swiper-button-next{background: url(../images/controls.png) no-repeat -43px -32px;width: 32px; height: 32px;}
.mySwiper .swiper-button-next:hover{background: url(../images/controls.png) no-repeat -43px 0px;width: 32px; height: 32px;}
.mySwiper .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{content: '';}	

.content{width: 1460px;}	 


.footer{background: #4e627d; padding-top: 50px;    margin-top: 80px;}
.footer .content{display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: wrap;}
.footer h2 a{color: #FFFFFF;}
.footer h2{font-size: 16px; font-weight: bold;}
.footer ul{margin-top: 20px;}
.foot ul li{margin-top: 10px;}
.footer ul li a{ color: #e1e1e1; font-size: 15px;}
.footer a{color: #d5d5d5;}
.footer  a:hover{color: #E22529;}
.foot{width: calc(100%/9);}
.font2 ul{display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: wrap;}
.font2 ul li{width: 40%;}
.font2 ul li .iconfont{font-size: 36px;}
.font3 img{margin-top: 20px;}
.copyright{border-top: 1px solid #C0BFC4; padding: 10px 0px; color: #d5d5d5; text-align: center; margin-top: 50px;justify-content: center;}

 .page{margin: 20px auto; text-align: center;}
 .pagination{ display: flex; justify-content: center;}
 .pagination a{ padding:5px 15px; border: 1px solid #F0F0EE; margin:5px ; background: #d5d5d5;}
  .pagination p{padding:5px 15px; border: 1px solid #F0F0EE;color: #333;  margin:5px ; background: #d5d5d5;}
 .pagination a.cur{color: #FFFFFF; background: #E22529;}
  
 
.pc{display:flex;}
.wap{display: none;}
@media screen and (max-width:1080px) {
	  .pc{display: none !important;}
		.wap{display: block;}
		.content{width: 100%; padding: 0px 2%;}
		.header-top{display: flex; justify-content: space-between; align-items: center; padding: 10px 0px;}
		.header-top >.left{margin-left: 10px;}
		.header-top .right{display: flex; justify-content: space-between; align-items: center;}
		.header-top .right i{font-size: 36px;}
	  .header-top .right .icon-sousuo1{margin-right: 2vw;}
		.header-wap{position: relative;}
		.header-wap .main{display: none; position: absolute; top: 80px; z-index: 9; width: 100%; background: #FFFFFF; padding: 2%;}
		.header-wap .main ul li{ line-height: 2; margin-top: 1vw; border-bottom: 1px solid #C0BFC4;}
		.header-wap .main ul li a{display: block;}
		.modal-search2{display: none; position: absolute; left: 0;right: 0; top: 80px; text-align: center; z-index: 10; background: #FFFFFF; padding: 10px;border-radius: 5px;}
		.modal-search2 button{background: #E22529; border: 0;}
		.modal-search2  input{border: 0px; background: #f4f4f4;width: 85%;}
		.modal-search2 i{color: #FFFFFF;}
		
		.footer{padding-top: 3vw;}
		.footer .wap ul{display: flex; width: 100%; justify-content: flex-start; align-items: flex-start; flex-flow: wrap; margin-top: 0;}
		.footer .wap ul li{margin: 0px 2%;}
		
		.copyright{font-size: 3vw; margin-top: 3vw;}
}