﻿@charset "utf-8";
body{margin: 0px; padding:0px;background-image: url(../images/banner.jpg);background-repeat: no-repeat;background-position:top center;background-color:#f2f6fe;}
/* webkit滚动条 */
::-webkit-scrollbar {width: 6px;height: 6px;}
::-webkit-scrollbar-thumb {background-color: #bbb;}
::-webkit-scrollbar-thumb:hover {background-color: #bbb;}
::-webkit-scrollbar-track-piece {background-color: #bbb;}
ul li tr td div span a{font-family: microsoft yahei, 微软雅黑; font-size:16px;}
.header{margin:0px; padding:0px;}
.nav{margin:0px auto; width:1280px; overflow:hidden;}
.nav_list{float:right; margin-top:30px; width:800px;}
.nav_list li{float:left;width:150px;height:60px; line-height:60px; font-size:20px; color:#b1d0ff; text-align:center;}
.nav_list a{background: #0c4ca3; border-radius:6px;text-decoration:none;color:#b1d0ff; padding:5px 10px;}
.nav_list a:visited{background: #0c4ca3;text-decoration: none;}
.nav_list a:hover{color: #fff3b9;background: #012b81;text-decoration: none;border-radius:20px; padding:5px 20px; font-size:24px;box-shadow: 0px 0px 10px #001849;-moz-box-shadow: 0px 0px 10px #001849;-webkit-box-shadow: 0px 0px 10px #001849;}
ul,li,p{ list-style:none; margin:0px; padding:0px;font-family: microsoft yahei, 微软雅黑;}
.ywzx{margin:660px auto 0px auto; width:1280px; overflow:hidden; border-bottom:1px #003366 solid;}
.ywzx_l{float:left; background-color:#FF6600; width:100px; height:20px; margin-left:440px; margin:20px 0px 0px 400px;border-radius:10px 0px 0px 10px;}
.ywzx_c{float:left;width:200px; height:60px; line-height:60px; text-align:center; font-size:30px;}
.ywzx_r{float:left; width:100px; background-color:#FF6600; height:20px; margin-top:20px;border-radius:0px 10px 10px 0px;}
.ywzx_cnt{margin:0px auto; width:1280px; overflow:hidden;}
.business_sd{border-radius: 50%;overflow: hidden;width: 300px;height: 300px;margin: 0 auto;border: 8px solid #fff;transition: all 0.15s ease-in-out;background-color:#1959b9;}
.business{display: flex;justify-content: space-between;flex-wrap: wrap;}
.business a{width:25%;text-align: center;margin-top: 20px;text-decoration: none;}
.business a:hover .business_sd{box-shadow: 0px 0px 10px #000;border-radius: 10px;text-decoration: none;}
.business a p{color: #ffffff;font-size: 20px;margin-top: 15px;}
.business a:hover p{text-shadow: 2px 2px 8px rgb(51 51 51 / 20%);font-weight: bold;text-decoration: none;}
.content{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 40px;}
.sd_pic{margin-top:50px !important;}
.cases_t{margin:40px auto 0px auto; width:1280px; overflow:hidden; border-bottom:1px #003366 solid;}
.cases_t_l{float:left; background-color:#FF6600; width:100px; height:20px; margin-left:440px; margin:20px 0px 0px 400px;border-radius:10px 0px 0px 10px;}
.cases_t_c{float:left;width:200px; height:60px; line-height:60px; text-align:center; font-size:30px;}
.cases_t_r{float:left; width:100px; background-color:#FF6600; height:20px; margin-top:20px;border-radius:0px 10px 10px 0px;}
.cases{margin:0px auto; width:100%;overflow:hidden; height:520px; background-image:url(../images/cases_bg.jpg);}
.cases_b{margin:20px auto 0px auto; width:1280px; overflow:hidden;}
.cases_b ul{overflow:hidden; margin-left:0px;}
.cases_b li{float:left; width:300px; height:360px; margin:0px 10px; position:relative;transition:all ease-in-out 0.5s;}
.cases_b li:hover{transform:scale(1.1);}
.cases_b p{position:absolute; bottom:10px; width:100%; height:120px; color:#FFFFFF; font-size:26px;text-align:center;}
.cases_b_01{background-image:url(../images/al01.jpg);}
.cases_b_02{background-image:url(../images/al02.jpg);}
.cases_b_03{background-image:url(../images/al03.jpg);}
.cases_b_04{background-image:url(../images/al04.jpg);}
.about{margin:0px auto; width:100%; background-color:#ffffff; overflow:hidden; height:560px;}
.about_b{margin:0px auto; width:1280px; overflow:hidden;}
.about_b_l{float:left; margin:30px auto; width:500px; height:333px; background-image:url(../images/company.jpg);}
.about_b_r{float:left; width:740px; margin-left:40px;}
.about_bt{margin:30px auto 15px auto;width:100%; height:50px; line-height:50px; font-size:30px; font-weight:bold;}
.about_sx{float:left;display:inline-table; width:10px; height:40px; background-color:#003399;}
.about_name{float:left; margin-left:20px;display:inline-table; width:400px; height:40px; line-height:40px;}
.about_js{width:100%; line-height:180%; font-size:18px;}
.contact{margin:0px auto 60px auto; width:100%; background-color:#CCCCCC; overflow:hidden; height:420px; background-image:url(../images/contact.jpg);}
.footer{width:100%; height:120px; line-height:120px; background-color:#292e33; text-align:center; color:#FFFFFF; font-size:18px;}