/* ѡ����ʽ */
.active{border-bottom:2px solid #fff;}
html{min-width: 1410px;}
/* �������� */
@keyframes move{0%{width: 100%;height: 0;}50%{width: 100%;height: 50%;}100%{height: 100%;width: 100%;}}
/* ͷ����ʽ */
.header{height: 86px;background-color: #000000;min-width: 1410px;}
.header .headercon{width: 1410px;height: 86px;margin:0 auto;}
.header .headercon .left{width: 227px;height: 70px;float: left;margin-top: 10px;}
.header .headercon .left img{width: 100%;height:100%;}
.header .headercon .right{float: left;width: 1068px;height: 86px;margin-left:102px;font-size: 16px;text-align: center; }
.header .headercon .right dl{}
.header .headercon .right dl dd{float:left;width: 100px;height: 84px;margin-left:33px}
.header .headercon .right dl dd .bigmenu{line-height: 86px;color:#fff;display:block;cursor:pointer;}
.header .headercon .right dl dd .bigmenu:hover{border-bottom_:2px solid #fff;background-color: #152027;}
.header .headercon .right dl dd:hover ul{display: block;background-color: #fff;animation:move 0.2s linear;overflow: hidden;}
.header .headercon .right dl dd ul{display: none;}
.header .headercon .right dl dd ul li{height: 50px;line-height: 50px;text-align: center;z-index:100}
.header .headercon .right dl dd ul li a{color:black;font-size: 15px;}
.header .headercon .right dl dd ul li a:hover{color:rgb(31, 69, 82);}
/* .header .headercon .right dl dd ul li:hover{background-color: rgb(31, 69, 82);} */

/* �ײ���ʽ */
.floot{width: 100%;height: 195px;background-color: #243742;min-width: 1410px;}
.floot .flootcon{width: 1410px;height: 195px;margin:0 auto;font-size: 16px;}
.floot .flootcon .foot1{width:1410px;height: 195px;display: flex;justify-content: space-between;}
.floot .flootcon .foot1 .left{width:737px;height: 145px;font-size: 14px;margin-top: 18px;display: flex;}
.floot .flootcon .foot1 .left dl{margin-right: 30px;}
.floot .flootcon .foot1 .left dl dd a{color:#fff;line-height: 32px;}
.floot .flootcon .foot1 .left dl dd a:hover{color:coral}

.floot .flootcon .foot1 .right{width: 500px;height: 165px;color:#fff}
.floot .flootcon .foot1 .right .txt1{display: flex;justify-content:space-between;height: 50px;line-height:50px;margin-top:10px;font-size: 14px;}
.floot .flootcon .foot1 .right .txt1 a{color:#fff}
.floot .flootcon .foot1 .right .txt2{font-size:14px;line-height: 30px;}
/* .floot .flootcon .foot2{display:flex;justify-content:space-around;width:50%;margin:0 auto;line-height:40px;color:#ffffff;font-size:14px} */


.webnav{width: 1200px;margin: 24px auto;background: #f4f4f4;height: 50px;line-height: 50px;color: #0094ad;text-align:left;}
.webnav .bg{min-width: 114px;width:auto;height: 50px;line-height: 50px;float:left;background: linear-gradient(-135deg, transparent 2em, #5b9abf 0); padding: 0 50px 0 15px;font-size: 18px;color: #fff;}
.webnav .bg a{font-size: 18px;color: #fff;}
.webnav span{color: #333;font-size: 18px;}
.webnav span a{color: #333;}