/*初始化*/
*{margin: 0; padding: 0;}
ul,ol{list-style: none;}
a{text-decoration: none;}
body{ background: #fff; font-family: "Arial";overflow-x:hidden;}
.fl{float: left;}
.fr{float: right;}

/*header*/
.header{width: 1200px; height: 130px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
.header .logo{height:70px;display: flex; align-items: center;}
.header .logo img{height: 100%;}
.header .by{float: left;  font-size: 22px; font-weight: bold;line-height: 1;color: #3460b2; }
.header .by span{display: block;margin-bottom: 8px; font-size: 24px; font-weight: bold; color: #333;}
.hd_info{ width: 450px;}
.ser_sel{width: 100%; display: flex; justify-content: flex-end;}

.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: 15px; margin-right: 5px;}
.Language a:last-child{margin-left: 10px;}
.Language a:hover{color: #3460b2;}

.lookup{display: flex;justify-content: flex-end; margin-top: 7px;}
.lookup .tel{float: right; text-align: right;}
.lookup .tel h2{color: #ca0c1e; font-size:26px; line-height: 1; font-weight:bold;}
.lookup .tel h2:before{display: inline-block; content:url(../images/tel.png); margin-right: 7px;}

/*nav*/
.nav{width: 100%; height: 60px; background-image: linear-gradient(#3166b6, #355ba6);}
.nav.active{position: fixed; 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: 16px; color: #fff; font-weight: bold; line-height: 60px; 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: 60px; left: 0; min-width: 100%; background:#0c6fb3; 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: 40px;}

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

.nav ul li.on{background: #2d90e4;}

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


/**/
.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;}
.list1_1 .item{width: 386px; height: 300px; 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: #3460b2; border: 1px solid #3460b2; 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: #3460b2; 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: #3460b2; color: #fff;}
.list3 .son:hover .more{background: #3460b2; color: #fff;}
.list3 .son .subject .tit a:hover{color: #3460b2;}



/*footer*/
.footer{width: 100%;background-image: linear-gradient(#3164b9, #314b91); padding-top: 30px; box-sizing: border-box;}
.ft_top{width: 1200px; margin: 0 auto 20px; display: flex; justify-content: space-between;}
.ft_left{width: 380px;}
.ft_left .logo{display: block;width: 200px; height: 80px;}
.ft_left .logo img{width: 100%; height: 100%; display: block;}
.ft_left>p{font-size: 14px; color: #fff;}

.ft_left ul{width: 100%; display: flex; flex-wrap: wrap; margin-top: 25px;}
.ft_left ul li{margin-right: 10px; margin-bottom: 10px;}
.ft_left ul li a{color: #fff;font-size: 14px;display: block; display: flex; align-items: center;}
.ft_left ul li a span{display:inline-block; margin-right: 10px; width: 24px; height: 24px; border-radius: 50%;}
.ft_left ul li:first-child a span{background: url("../images/style_tiny.png") no-repeat 0 -128px #007fb1;}
.ft_left ul li:nth-child(2) a span{background: url("../images/style_tiny.png") no-repeat 0 -256px #00aced;}
.ft_left ul li:nth-child(3) a span{background: url("../images/style_tiny.png") no-repeat 0 -64px #d14836;}
.ft_left ul li:nth-child(4) a span{background: url("../images/style_tiny.png") no-repeat 0 0 #3b5998;}

.ft_list{width: 820px; display: flex; justify-content: space-between;}
.ft_info h2{ font-size: 18px; color: #fff; font-weight: bold; letter-spacing: 0;line-height: 1.8em;}
.ft_info ul{margin-top: 10px;}
.ft_info li a{font-size: 14px; color: #fff; line-height: 1.8em;}
.ft_info li a span{display: inline-block; width: 10px; height: 10px; margin-right: 5px; background: url("../images/ft_jt.png") no-repeat center;}

.ft_info p{width: 230px; margin-top: 10px; color: #fff;font-size: 14px;line-height: 1.8em;}
.ft_info p a{color: #fff;}
.ft_info a:hover{text-decoration: underline;}

.footer>p{width: 1200px; margin: 0 auto;  text-align: center; color: #fff; font-size: 14px; padding-bottom: 20px;}
.footer>p>a{font-size: 14px; color: #fff;}
.footer>p>a:hover{text-decoration: underline;}