* {margin:0;padding:0;font-family:"微软雅黑";}
html {color:#222;font-size:16px;min-width:1200px;overflow-x:hidden;}
body {background-color:#fafafa;}
a {text-decoration:none;transition:.5s;}
ul {list-style-type:none;}
img {border:0;}
.container {width:1200px;margin:0 auto;}
.clear {clear:both;}
.z-top {z-index:10;}
.p-ellipsis {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hover-shadow:hover {box-shadow:0 16px 32px -4px rgba(0,0,0,.12);}
.img-rotate:hover {transform:rotate(360deg);}
@font-face {font-family:"JJfont";src:url("../font/JJfont.eot");src:url("../font/JJfont.eot?#font-spider") format("embedded-opentype"),url("../font/JJfont.woff") format("woff"),url("../font/JJfont.ttf") format("truetype"),url("../font/JJfont.svg") format("svg");font-weight:normal;font-style:normal;}
/* 头部 S */
.header {width:100%;height: 160px;color:#f5f5f5;background-color:#242c39;}
.header .top {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}
.header .top span.inint{float:left;}
.header .top span.mapxml{float:right;margin-right: 20px;}
.header .top span a{ color: #fff;}

.header .left {float:left;height:100px;line-height:100px;}
.header img.logo {margin-top:20px;margin-right:20px;}
.header .slogan {display:inline-block;width:500px;line-height:34px;}
.header .slogan h1 {font-family:"JJfont";font-weight:normal;color:#3278ff;}
.header .slogan p {letter-spacing:5px;}
.header .right {float:right;line-height:20px;}
.header ul {width: 280px;margin-top: 18px;font-size:14px;margin-bottom: 10px;}
.header ul a {display:inline-block;color:#ddd;margin-right:14px;cursor:pointer;transition:.5s;}
.header ul a:hover {color:#fff;}
.header .search {position:relative;}
.header .search input[type=text] {width:234px;height:26px;padding:0 13px;color:#fff;background-color:#242C39;border-radius:50px;border:1px solid #fff;outline:none;}
.header .search input[type=submit] {width:20px;height:20px;border:0;background:url(../images/search.png) no-repeat;position:relative;right:30px;top:2px;cursor:pointer;}
.header button {position:absolute;top:50%;right:13px;width:16px;height:16px;margin-top:-8px;background-image:url("../images/search.png");background-color:transparent;cursor:pointer;border:none;outline:none;}
.header .nav {width:1200px;height:48px;line-height:48px;background-color:#2067ef;}
.header .nav span {float:left;display:inline-block;width:196px;font-size:18px;font-weight:bold;color:#242C39;background-color:#fff;}
.header .nav span::before {content:"";display:inline-block;vertical-align:middle;width:21px;height:21px;margin-right:8px;margin-left:14px;background-image:url("../images/header_phone.png");background-size:22px 22px;}
.header .nav {position:relative;z-index:1;}
.header .nav ul {position:relative;display:flex;flex-flow:row nowrap;justify-content:space-between;width:960px;padding-left:40px;}
.header .nav ul::after {position:absolute;top:0;right:-5000px;content:"";display:inline-block;width:5000px;height:48px;background-color:#2067ef;}
.header .nav ul li {display:inline-block;}
.header .nav ul a {color:#fff;cursor:pointer;}
.header .nav ul a i {font-family:"宋体";font-style:normal;margin-right:10px;opacity:0;transition:.5s;}
.header .nav ul a:hover i,.header .nav ul a.active i {opacity:1;}
.header .nav ul b {position:absolute;left:0;bottom:0;display:inline-block;height:2px;background-color:#fff;transition:.5s;}
/* 头部 E *//* 标题 S */div.title {text-align:center;}
div.title h1 {color:#3278ff;font-weight:normal;text-transform:uppercase;}
div.title p {font-size:24px;}
;div.title p i {font-style:normal;font-weight:normal;letter-spacing:-4px;}
div.title p span {display:inline-block;font-family:"JJfont";margin:0 16px;}
/* 标题 E *//* 面包屑 S */.location {font-family:"宋体";color:#999;}
.location a {color:#999;font-family:"微软雅黑";transition:.5s;}
.location a:hover {color:#2067ef;}
/* 面包屑 E *//* - S */.footer {width:100%;padding:16px 0 14px;background-color:#fff;}
.footer ul.nav {display:flex;flex-flow:row nowrap;justify-content:space-around;width:100%;padding-bottom:16px;border-bottom:1px solid #222;}
.footer ul.nav a {position:relative;display:inline-block;color:#242C39;padding:12px 30px;transition:.5s;cursor:pointer;}
.footer ul.nav a:hover,.footer ul.nav a.active {color:#fff;background-color:#3278ff;}
.footer ul.nav i {position:absolute;top:50%;right:-16px;display:inline-block;width:1px;height:16px;margin-top:-6px;background-color:#ddd;}
.footer ul.nav li:last-child i {display:none;}
.footer .content {text-align:center;margin-top:60px;}
.footer .content h3 {color:#242C39;margin-bottom:24px;}
.footer .content div.info {display:flex;flex-flow:row nowrap;justify-content:space-around;color:#555;width:75%;margin:0 auto;margin-top:8px;}
.footer .wechat {width:90px;height:90px;margin:0 auto;margin-top:30px;margin-bottom:24px;}
.footer p.file,.footer p.support {color:#555;font-size:12px;text-align:center;}
/* 尾部 E *//* 侧边栏 S */.sidenav {position:fixed;top:30%;right:-130px;width:180px;transition:.5s;}
.sidenav:hover {right:0;}
.sidenav div {width:inherit;height:50px;line-height:50px;color:#fff;margin-bottom:1px;background-color:#3278ff;cursor:pointer;}
.sidenav div a {color:#fff;}
.sidenav div::before {content:"";display:inline-block;width:32px;height:32px;margin:8px 12px 0;vertical-align:top;background-image:url("/templets/images/sprite1.png");background-repeat:no-repeat;}
.sidenav div.top::before {background-position:0 0;}
.sidenav div.tel::before {background-position:0 -32px;}
.sidenav div.qq::before {background-position:0 -64px;}
.sidenav div.QRcode::before {background-position:0 -96px;}
.sidenav img:last-child {position:absolute;top:0;left:0;width:148px;height:148px;padding:16px;background-color:#3278ff;opacity:0;transition:.5s;z-index:-1;}
.sidenav:hover img:last-child {top:195px;opacity:1;}
/* 侧边栏 E */