@charset "UTF-8";

/* CSS Document */

/*-- 提倡互联网共享,同时应尊重原创作者,网站制作属: ximi sue --*/

*{padding:0; margin: 0;box-sizing: border-box;}

body{padding: 0;margin:0;font:14px/26px 'Microsoft Yahei','微软雅黑';color:#333333; background: #ffffff;}

ul,li{list-style: none;}

img{

	display: inline-block;

	max-width:100%;

	border: 0;

	vertical-align: middle;

}

.full_img{width:100%;}

a:link,a:visited{color: #333333; text-decoration: none;}

a:hover{color:#224086; text-decoration: none;}

h1,h2,h3,h4,h5{font-weight:normal;}

.font18{font-size: 18px;}

.font20{font-size: 20px;}

.font24{font-size: 24px;}

.blue{color:#224086;}

.yellow{color: #ec8014;}

.fl{float: left;}

.fr{float: right;}

.relative{ position:relative;} 

.absolute{ position:absolute;}

.center{ text-align:center;}

/*清除浮动*/

.clearfix:before,.clearfix:after{

content:"";

display:table;

}

.clearfix::after{display:block;clear:both;content:""}

.clearfix:after{

clear:both;}

.clearfix{

*zoom:1;

}

/* 字体引用 */

@font-face{

    font-family: 'SOURCEHANSANSCN-MEDIUM.OTF';

    src: url(../font/SOURCEHANSANSCN-MEDIUM.OTF);

    font-display: swap;

}

@font-face{

    font-family: 'DIN-Regular.otf';

    src: url(../font/DIN-Regular.otf);

    font-display: swap;

}



.cover {

    position: relative;

    height: 0;

    overflow: hidden;

}



.cover img {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    object-fit: cover;

}



/*单行超出省略*/

.space-over {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



/*多行超出省略*/

.space-list-over {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}



.flex{display:-webkit-box;display:-ms-flexbox;display:flex;}

.container{width: 100%;max-width:1200px;margin: 0 auto;}



/*--header--*/

.top{position:absolute;width:100%;left:0;top:0;z-index:10;}

.top:hover{background:#FFF;}

.top .logo_normal{display:block;}

.top .logo_hover{display:none;}

.top:hover .logo_normal{display:none;}

.top:hover .logo_hover{display:block;}

.header{width:100%;}

.logo{width:15%;padding:15px 0;}

.logo img{width: 100%;}

.header_ad h2{font-size: 1.25rem;color:#234086;}



.phone_con{display:inline-block;margin-left:.25rem;}

.phone_title{font-size:.875rem;color:#FFF; text-align:center;padding:0 1.5rem;background:#224086;background-size: cover;

    -webkit-clip-path: polygon(100% 0,90% 100%, 0% 100%, 10% 0);}

.phone_number{font-size:1.5rem;color:#224086;}

.phone_number em{font-style:normal;color:#dcdcdc;margin:0 8px;}



.menu{width:980px;}

.menunav ul{}
.menunav ul li.menu_index{float:left;width:80px;position: relative;}
.menunav ul li{float:left;width:150px;position: relative;}

.top .menunav ul li a{ display: block;font-size:1rem;line-height:80px; text-align: center;color:#FFF;}

.top:hover .menunav ul li a{ display: block;line-height:80px; text-align: center;color:#333;}

.top:hover .menunav ul li a:hover{ color:#224086;}





.menunav ul li:before{

	content: '';

	position: absolute;

	left: 0;

	bottom: -1px;

	width:0;

	height: 2px;

	border-bottom: #224086 solid 2px;

	-webkit-transition: all 0.5s ease;

	transition: all 0.5s ease;

	z-index:30;

}

.menunav ul li:hover:before{

	width: 100%;

}

.menunav ul li ul{display: none;}

.menunav ul li:hover ul{display: block;position: absolute;z-index:20;}

.menunav ul li ul{left:0; top:80px; width:100%; display:none;}

.menunav ul li ul li{border:0; }

.top:hover .menunav ul li ul li a{background:#FFF;font-size:.875rem;line-height:35px;}

.menunav ul li ul li a:hover{border:0; background:rgb(34,64,134,.8);color:#FFF;}

.menunav ul li ul li:before{display:none;}

.menunav li ul li:last-child{

	border-right:none;

}

.phone .icon-dianhua-yuankuang{color:#224086;font-size:3.5rem;}

.menunav .icon-iconfontarrowdown{font-size:8px;color:#FFF;margin-left:.25rem;}

.top:hover .menunav .icon-iconfontarrowdown{color:#999999;}

.top:hover .menunav ul li:hover .icon-iconfontarrowdown{color:#224086;}

/*--底部--*/

.footer{width:100%; background:#1f1f1f;padding:2rem 0 0;color:#ffffff;}

.footer a{color: #797979;}

.bmenu dl{float: left;width:14%;}

.bmenu dl dt{font-size: 1rem;margin-bottom:1rem;}

.bmenu dl dd a{line-height:.875rem;}



.links{width: 100%;color:#797979;margin:1rem 0;}

.links a{display: inline-block;margin-left:.75rem;}

.copyright{width:100%;border-top:#797979 1px solid;padding:.5rem 0;}

@media screen and (max-width: 1200px) {.bmenu dl{float: left;width:100%;}

}