/*================基本样式重置================*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,img,span,i,a,em,strong,b,input,textarea,select { margin:0; padding:0; }
i,em { font-weight:normal; font-style:normal; }
b{font-weight: normal;}
a,i,em,span,b,img{display: block;}
body {  font-family: "Microsoft Yahei"; }
li { list-style:none; }
a,img,input { border:0 none; }
a { text-decoration:none; outline:none; }
a:hover { text-decoration:none; }
a:focus,input:focus { outline:0 none;}
input::-webkit-search-cancel-button{display: none;}/*清除谷歌浏览器下的 search 叉号*/
input::-ms-clear{display: none;}/*清除IE下的 search 叉号*/
input{background: none;}
button{border: none; cursor: pointer;}
textarea { resize:none; font-size:12px; } /*去掉火狐和谷歌浏览器的Textarea改变尺寸大小功能*/

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

.swiper-button-next,.swiper-button-prev{outline:none;}

/*========定义基础样式========*/
.hide { display:none;}
.show{display: block;}
.fl { float:left;}
.fr { float:right;}
.clearfix:after { content:" "; display:block; clear:both; height:0; }
.clearfix { zoom:1; }

/*a标签鼠标hover高亮显示状态（可选用）*/
a .opacity { filter:alpha(opacity=100); opacity:1; -moz-opacity:1; } 
a:hover .opacity { filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }

.swiper-pagination{display: flex;justify-content: center;}
.swiper-pagination span{display: block;}

body{overflow-x: hidden;}
.content{min-height: 650px;}


.modal{display: none;}
/*主体宽度样式（可选用）如有新宽度，命名规则以小写w开头，后接具体宽度数据，例：*/
.w1200{width: 1200px; margin: 0px auto; }
.w1400{width: 72.91%;min-width: 1200px;  margin: 0px auto; }

.section {
    position: relative;
    z-index: 2;
}

.text_over1{width: 100%;white-space:nowrap;overflow: hidden; text-overflow: ellipsis;}
.text_over2{overflow: hidden;
text-overflow: ellipsis;
display: -ms-box;
-ms-line-clamp: 2;
-ms-box-orient: vertical;
display: -moz-box;
-moz-line-clamp: 2;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -o-box;
-o-line-clamp: 2;
-o-box-orient: vertical;
}
.text_over3{overflow: hidden;
text-overflow: ellipsis;
display: -ms-box;
-ms-line-clamp: 3;
-ms-box-orient: vertical;
display: -moz-box;
-moz-line-clamp: 3;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -o-box;
-o-line-clamp: 3;
-o-box-orient: vertical;
}





.divNone{
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: -3;
    font-size: 0px;
}




.header{position: fixed;left: 0;top: 0;z-index: 12; width: 100%;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.header .logo{display: flex;align-items: center;height: 125px;}
.header .logo img{max-width: 457px;}
.header .search{margin-left: 20px; width: 30px;height: 125px;background: url(../images/icon/icon_1.png) right center no-repeat;}


.header .menu li{position: relative;margin:0 30px; display: inline-block;}
@media screen and (max-width:1790px){
	.header .menu li{margin:0 25px;}
}
@media screen and (max-width:1690px){
	.header .menu li{margin:0 20px;}
}


.header .menu li .one{display: block;line-height: 125px;font-size: 18px; color: #333; }
.header .menu li i{ transition: all 0.5s; margin:-3px auto 0; width: 0px;height:3px;background:#ca171d;}
.header .menu li.on .one,.header .menu li:hover .one{color: #ca171d;font-weight: bold;}
.header .menu li.on i,.header .menu li:hover i{transition: all 0.5s;width: 100%;}



.page_h .menu li .pos{position: fixed;left: 0;top: 125px;z-index: 8; width: 100%;height: 0;background: #fafafa;
    visibility: hidden;
    overflow: hidden;
    box-sizing: border-box;
    transform-origin: 50% 0%;
	/* transform: perspective(1920px) rotateX(-80deg); */
	transform: perspective(1920px) rotateX(-0deg);
    opacity: 0;
    transition: all .6s 0s;}
.page_h .menu li:hover .pos{
    height: 380px;
    visibility: visible;
    transform: perspective(1920px) rotateX(-0deg);
    opacity: 1;
    transition: all .6s 0s;
}
.page_h .menu li .pos .left{padding-top: 114px; width: 62.57%;}
.page_h .menu li .pos .left a{float: left;margin-bottom: 50px; width: 33.33%; font-size: 16px;color: #333;}
.page_h .menu li .pos .left a i{transition: all 0.5s;margin:10px 14px 0 0; float: left;width: 26px;height: 1px;background: #333;}
.page_h .menu li .pos .left a p{float: left;}
.page_h .menu li .pos .left a:hover{color: #cb301e;}
.page_h .menu li .pos .left a:hover i{transition: all 0.5s;width: 56px;background: #cb301e;}

.page_h .menu li .pos .left .left_margin{margin-top: -60px;}
.page_h .menu li .pos .left .two{margin-bottom: 20px;}

.page_h .menu li .pos .left .two a{margin-bottom: 36px; }
.page_h .menu li .pos .left .two b{margin-bottom: 24px; font-size: 20px;font-weight: bold;}
.page_h .menu li .pos .left .two b a{margin-bottom: 0px;font-size: 20px;font-weight: bold;}

.page_h .menu li .pos .right{position: relative;z-index: 10; width: 37.35%;}
.page_h .menu li .pos .right a{margin:47px auto 0;width: 65.96%;}
.page_h .menu li .pos .right .pic{margin-bottom: 26px; width: 100%;height: 194px;overflow: hidden;}
.page_h .menu li .pos .right .pic em{width: 100%;height: 100%;transform: scale(1);transition-duration: 0.5s;}
.page_h .menu li .pos .right span{margin: -12px 0 10px; font-size: 18px;color: #ca171d;font-weight: bold;}
.page_h .menu li .pos .right p{font-size: 14px;color: #666;line-height: 24px;}
.page_h .menu li .pos .right a:hover .pic em{transform: scale(1.1);transition-duration: 0.5s;}
.page_h .menu li .pos .right a:hover p{color: #cb301e;}

.page_h .menu li .chunk{position: fixed;right: 0;top: 0px;z-index: 9; width: 40.78%;height: 380px;background: #f0f0f0;}

.page_h .menu li .pos .top{margin-bottom: 56px;}
.page_h .menu li .pos .top b{padding: 55px 0 21px; font-size: 20px;color: #333;}
.page_h .menu li .pos .top div a{float: left;margin-right: 20px; font-size: 16px;color: #333;}
.page_h .menu li .pos .top div a:hover{color: #cd0013;}
.page_h .menu li .pos .bot dl{float: left;width: 34.8%;}
.page_h .menu li .pos .bot dl:nth-child(3){width: 30%;}
.page_h .menu li .pos .bot dt{margin-bottom: 20px; font-size: 20px;color: #333;font-weight: bold;}
.page_h .menu li .pos .bot dt a{font-size: 20px;color: #333;font-weight: bold;}
.page_h .menu li .pos .bot dd{max-width: 320px;}
.page_h .menu li .pos .bot dd a{float: left;margin-right: 20px;font-size: 16px;line-height: 34px;color: #333;}
.page_h .menu li .pos .bot dl a:hover{color: #cd0013;}

.page_h .menu li .pos .three{margin:0 auto;width: 75.57%;}

.page_h .menu li .pos .three a{float: left;margin-top: 60px; width:42.53%;}
.page_h .menu li .pos .three a:nth-child(2){float: right;}
.page_h .menu li .pos .three .pic{margin-bottom: 26px; width: 100%;height: 194px;overflow: hidden;}
.page_h .menu li .pos .three .pic em{width: 100%;height: 100%;transform: scale(1);transition-duration: 0.5s;}
.page_h .menu li .pos .three span{margin: 0px 0 10px; font-size: 20px;color: #333;font-weight: bold;}
.page_h .menu li .pos .three a:hover .pic em{transform: scale(1.1);transition-duration: 0.5s;}
.page_h .menu li .pos .three a:hover span{color: #ca171d;}





.footer{padding-top: 74px; background: #1a1a1a;}

.footer .t{margin:0 0 0; position: relative;}
.footer .t i{position: absolute;left: 0;top: 50%;width: 100%;height: 1px;background: #484848;}
.footer .t img{position: relative;z-index: 3; margin:0 auto;padding:0 20px;display: block; background: #1a1a1a;}


.footer .top{padding: 5px 0 22px; border-bottom: #484848 1px solid;}
.footer .top .list{margin-top: 44px; max-width: 322px;}
.footer .top .list li{float: left;line-height: 47px;}
.footer .top .list li a{float: left; font-size: 16px;color: #fff;}
.footer .top .list li a:hover{color: #b70100;}
.footer .top .list li i{float: left;margin: 18px 32px 0;width: 1px;height: 15px;background: #484848;}
.footer .top .list li:nth-child(1) a{width: 193px;text-align: right;}


.footer .top .right{max-width: 750px;}
.footer .top .right b{margin-bottom: 20px; font-size: 18px;color: #fff;}
.footer .top .right .fl{width: 343px;}
.footer .top .right .fl:nth-child(2n){width: 400px;}
.footer .top .right p{padding-left: 34px;line-height: 47px;font-size: 16px;color: #fff;}
.footer .bot{padding: 34px 0; display: flex;justify-content: center;line-height: 22px; font-size: 16px;color: #fff;}


/*由下方滑动上来 伴随着渐显*/
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		-ms-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}
/*从左滑动出来 伴随着渐显*/
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		-ms-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}


/*从右滑动出来 伴随着渐显*/
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		-ms-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}