/*初始化*/
*{margin: 0; padding: 0;}
ul,ol{list-style: none;}
a{text-decoration: none;}
body{ background: #fff; font-family: "微软雅黑";overflow-x:hidden;}
.fl{float: left;}
.fr{float: right;}
.main{width:1200px; margin:0 auto; position: relative;}

/*header*/
.header{width:1200px; height: 130px; margin: 0 auto; display: flex; justify-content: space-between;align-items: center; box-sizing: border-box;}
.header .logo{height:80px;display: flex; width:180px}
.header .logo img{height: 100%; }
.header .by{ font-size:22px; color:#2746b3; font-weight:bold;display: inline-block;padding-top: 10px;width: 400px}
.header .by span{color:#424242; font-size:18px; font-weight:bold; display:block; margin-top:5px;}
.hd_info{ width: 450px;}
.ser_sel{width: 100%; display: flex; justify-content: flex-end;}



header .tel{float: right; margin-top: -15px; }
header .tel em{float: right;padding-left: 20px;}
header .tel em img{width: 80px; height: 80px; background: #ccc;}
header .tel span{display: inline-block; color: #979797; line-height: 20px;font-size: 12px}
header .tel span i{float: left; color: #f59105; font-size: 22px;font-size: 12px}
header .tel h2{padding: 5px 0; font-family: Impact; color: #c7000a; font-size: 27px; line-height: 1; font-weight: normal;}
header .tel h3{}
header .tel h3 a{background: #015cb5; line-height: 1; color: #fff; font-size: 12px; padding: 4px 8px; border-radius: 3px;}


.Language{float: right; height: 50px; display: flex; align-items: center; margin-top: -25px; font-size: 12px;color: #666;}
.Language a{display: block; display: flex; align-items: center; color: #666; font-size: 12px;}
.Language img{height: 17px; margin-right: 5px; border-radius:0px}
.Language a:last-child{margin-left: 10px;}
.Language a:hover{color: #2746b3;}

.lookup{display: flex;justify-content: flex-end; margin-top: 7px;}


/*nav*/
.nav{width: 100%; height: 62px; background:#2746b3; }
.nav.active{ left: 0; top: 0; z-index: 999;}
.nav ul{width: 1200px; height: 100%; margin: 0 auto; display: flex;}
.nav ul li{position: relative;transition: 0.3s;}
.nav ul li>a{display: block;padding: 0 40px; box-sizing: border-box;font-size: 18px; color: #fff; font-weight: normal; line-height: 62px; transition: 0.3s;}
.nav ul li a i{ border: solid #fff; border-width: 0 1px 1px 0; display: inline-block; padding: 2px; transform: rotate(45deg);  margin-left: 15px; margin-bottom: 4px; transition: 0.3s;}
.nav ul li .down{position: absolute; top: 62px; left: 0; min-width: 100%; background:#2746b3; white-space:nowrap; z-index: 999;}
.nav ul li .down a{display: block; padding-left:0px; text-align: center; box-sizing: border-box; color:#fff; font-size:16px;font-weight: 400; line-height: 50px;}

.nav ul li:hover{background: #c7000a;}
.nav ul li:hover > a i{transform: rotate(-135deg); border-color: #fff;}
.nav ul li:hover > a{color: #fff;}

.nav ul li.on{background: #c7000a;}

.nav ul li .down > a:hover{background: #02783a;}


/**/
.list1{width: 100%; display: flex; justify-content: space-between;}
.list1 .item{width: 286px; height: 220px; position: relative; overflow: hidden;}
.list1 .item img{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: .5s;}
.list1 .item p{width: 100%; height: 46px; position: absolute; left: 0; bottom: 0; background: #3265be; text-align: center; line-height: 46px; color: #fff; font-size: 14px;}

.list1 .item:hover img{transform: scale(1.1);}

.list1_1{width: 100%; display: flex; justify-content: space-between; padding-bottom: 30px}
.list1_1 .item{width: 286px; height: 286px; position: relative; overflow: hidden;}
.list1_1 .item img{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: .5s;}
.list1_1 .item p{width: 100%; height: 46px; position: absolute; left: 0; bottom: 0; background: #3265be; text-align: center; line-height: 46px; color: #fff; font-size: 14px;}

.list1_1 .item:hover img{transform: scale(1.1);}

.list3{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.list3 .son{width: 580px; display: flex; justify-content: space-between; margin-bottom: 25px;}
.list3 .son .time{width: 62px; height: 62px; color: #2746b3; border: 1px solid #2746b3; background: #fff; text-align: center; padding-top: 5px;}
.list3 .son .time p{ font-size: 20px; line-height: 30px;}
.list3 .son .time span{font-size: 12px; line-height: 20px;}
.list3 .son .subject{width: 488px; position: relative;}
.list3 .son .subject .tit{width: 445px; height: 28px; position: relative;}
.list3 .son .subject .tit::after{display: block; content: "";width: 50px; height: 1px; background: #2746b3; position: absolute; left: 0; bottom: 0;}
.list3 .son .subject .tit a{font-size: 16px; color: #222;}
.list3 .son .subject p{width: 445px; margin-top: 10px; font-size: 14px;color: #666; line-height: 1.7em;}
.list3 .son .subject .more{display: block ; position: absolute; right: 0;  top: 0; height: 20px; width: 20px;  line-height: 20px; text-align: center; background-color: #b0b0b0; color: #fff;}

.list3 .son:hover .time{background: #2746b3; color: #fff;}
.list3 .son:hover .more{background: #2746b3; color: #fff;}
.list3 .son .subject .tit a:hover{color: #2746b3;}



/*footer*/

footer{background: #182028;padding: 40px 10%; overflow: hidden;}
footer .f_menu{float: left; overflow: hidden;}
footer .f_menu dl{float: left; padding-left: 85px;}
footer .f_menu dl:first-child{padding-left: 0px;}
footer .f_menu dl dt{padding-bottom: 20px; font-size: 18px; line-height: 1; color: #2746b3;}
footer .f_menu dl dd{font-size: 14px; line-height: 32px; color: #d9dbdd;}
footer .f_menu dl dd a,
footer .f_menu dl dd a:visited,
footer .f_menu dl dd a:hover{color: #d9dbdd;}

footer .f_ewm{float: right;}
footer .f_ewm li{float: left; text-align: center; font-size: 14px; color: #d9dbdd;margin-left: 40px;list-style:none;}
footer .f_ewm img{margin-bottom: 10px; width: 130px; }
.foot{background: #0a0e12; padding:0 10%;  line-height: 50px; color: #777;font-size: 14px;text-align: center}