f/*公共样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,
h4,h5,h6,form,input,button,textarea,p {margin: 0;padding: 0;}
html {min-width: 1300px;overflow-x: hidden;}
body {font-family: '微软雅黑'!important;overflow-x: hidden;}
li {list-style: none;}
a,a:hover,a:visited,a:active {text-decoration: none;}
input,select {border: none;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: transparent;}
em,i {font-style: normal;}

.fl {float: left;}
.fr {float: right;}
.clb {height: 0;clear: both;}
.f0 {font-size: 0;}
.flex {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}
.flex-1 {display: inline-block;-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;}
.trans {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.transy {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.container {width: 75%;margin: 0 auto;}
@media only screen and (max-width: 1600px) {.container{width: 80%;}}
@media only screen and (max-width: 1400px) {.container{width: 85%;}}
.container h3 {font-size: 22px;text-align: center;padding: 5% 0 3%;}
.container h3 p {font-family: arial;font-size: 16px;color: #ff4553;font-weight: normal;padding-top: 5px;}
.w3 {display: inline-block;width: 32%;margin-right: 2%;vertical-align: top;}
.w3:nth-child(3n) {margin-right: 0 !important;}
.w4 {display: inline-block;width: 23.5%;margin-right: 2%;vertical-align: top;}
.w4:nth-child(4n) {margin-right: 0 !important;}
.w5 {display: inline-block;width: 18.4%;margin-right: 2%;vertical-align: top;}
.w5:nth-child(5n) {margin-right: 0 !important;}
.mr0 {margin-right: 0 !important;}
.mb0 {margin-bottom: 0 !important;}

/*面包屑导航*/
.breadcrumb_nav{font-size: 14px;color: #fff;height: 50px;line-height: 50px;background: #001329;}
.breadcrumb_nav a{color: #fff;}

/*公共头部*/
.header {min-height: 80px;padding: 0.5% 0 1%;background: #001E42;}
.header .gs {padding-bottom: 1%;text-align: right;}
.header em {font-size: 10px;color: #ffffff;opacity: 0.5;}
.header .gs a {font-size: 12px;color: #fff;padding: 0 5px;}
.header .nav img.logo {width: 8%;vertical-align: middle;}
.header .nav img.tel {width: 15%;margin-left: 2%;vertical-align: middle;}
.header .nav ul {display: inline-block;width: 75%;text-align: right;vertical-align: middle;}
.header .nav li {position: relative;display: inline-block;line-height: 30px; margin-top:15px}
.header .nav li a {display: inline-block;font-size: 14px;color: #fff;opacity: 0.9;filter: alpha(opacity=90);padding: 0 12px;}
.header .nav li:last-child a {padding-right: 0;}
.header .nav li.active>a,.header .nav li:hover>a,.header .nav li p a:hover {opacity: 1;filter: alpha(opacity=100);font-weight: bold;}
.header .nav li:hover>a {font-weight: normal;}
.header .nav li.active:hover>a {font-weight: bold;}
.header .nav li p {position: absolute;top: 140%;left: -30%;width: 160%;height: 0;line-height: 40px;background:#002A5C;text-align: center;overflow: hidden;z-index: 10;}
.header .nav li p a {display: block;font-size: 12px;padding: 0 5px;border-bottom: 1px dashed #6e6e6e;}
.header .nav .navMajor p{width: 300%;left: -50%;}
.header .nav .navMajor:hover p{height: 140px !important;}
.header .nav .navMajor p a{display: inline-block;width: 40%;padding-left: 5%;margin-right: 3%;text-align: left;}
.banner {min-height: 300px;}
.banner img {width: 100%;vertical-align: top;}
@media only screen and (max-width: 1200px) {.header .nav li a {padding: 0 5px;}}

/*底部*/
.footer {background: #001E42;}
.footer .con_l {width: 63%;}
.footer .first {padding: 5% 0 3%;border-bottom: 1px solid #8c8c8c;}
.footer .first p.slogan {font-size: 22px;font-weight: bold;color: #fff;padding-bottom: 25px;}
.footer .first>img {width: 50%;margin-right: 10%;}
.footer .first .tel {display: inline-block;width: 40%;font-size: 18px;color: #fff;}
.footer .first .tel img {width: 60%;vertical-align: middle;}
.footer .second {padding: 2% 0 3%;}
.footer .second>p {display: inline-block;width: 50%;opacity: 0.5;font-size: 12px;color: #fff;margin-right: 10%;line-height: 25px;}
.footer .second .lianjie {display: inline-block;width: 40%;line-height: 25px;vertical-align: top;}
.footer .con_l a {opacity: 0.5;font-size: 12px;color: #fff;padding: 0 5%;vertical-align: top;border-right: 1px solid #8c8c8c;}
.footer .yq {margin-top: 3%;}
.footer .yq a {padding: 0 10px;line-height: 20px;display: inline-block;vertical-align: middle;}
.footer .yq p {display: inline-block;font-size: 12px;color: #fff;opacity: .8;padding-right: .5%;vertical-align: middle;}
.footer .second .lianjie a:first-child {padding-left: 0;}
.footer .con_r {width: 32%;text-align: right;}
.footer .con_r p {display: inline-block;font-size: 14px;color: #fff;margin: 20% 2% 0;text-align: center;}
.footer .con_r p.tousu{margin-top: 10%;margin-right: 0;}
.footer .con_r p>img {width: 100%;}
.footer .con_r .icon {text-align: right;padding: 5% 0;margin: 0;}
.footer .con_r .icon a {margin: 0 5px;}
.footer .copyright {font-size: 12px;opacity: 0.5;color: #fff;border-top: 1px solid #8c8c8c;padding: 1% 0 2%;line-height: 22px;}

/*返回顶部*/
.top {position: fixed;top: 40%;right: 0;width: 50px;height: 50px;z-index: 999;}