article, aside, details, figcaption, figure, header, hgroup, nav, section { display:block }html {font-size:100%;}
body {font-size: 14px;font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;line-height: 24px;color: #333;background:#fff;}html,body{height:100%; width:100%; }h2,h3{ font-style:normal; font-weight:normal;}* {margin:0;padding:0}a { color:#444; text-decoration:none;transition: all 0.3s ease;-moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; }a:hover { color:#16306d; }a:active, a:focus, a:hover ,input:focus { outline:0 }.transition { transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; }img{ border-style:none;}li{list-style:none}img{border:0;margin:0;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}.left{ float:left;}.right{ float:right;}.pc { display: block; }.phone { display: none; }.text-center { text-align: center; }.text-right{ text-align:right; }.red{ color:#ac1d1f; }.red1{ color:#922925; }.blue { color: #062b7c; }.block{ display:block; }.inline-block{ display:inline-block; }.white {color:#fff; }.gray { color:#aaa; }.clear { clear: both; }.phonepic { width:100%;}.relative { position:relative; }.absolute { position:absolute; }.wrap { position: relative; max-width: 1200px;width:100%; margin: 0 auto; }.container {max-width: 1200px; width: 94%; margin:0 auto; }.container-fluid { width:100%;display:block;}

/*顶部导航开始*/
.top { width:100%;position:relative; }
.top .t_cen{position:relative;width:100%;height:144px; }
.top .logo{ position:absolute;z-index:100;left:0;top:32px;width:137px;}
.top .menu{position:absolute;left:240px;width:60%;bottom:0;height:90px;z-index:10;}
.top .menu li{position:relative;float:left;width:20%;z-index:35;}
.top .menu li a{display:block;width:100%;height:100%;line-height:90px;font-size:16px;font-weight:bold;color:#333; }
.top .menu li:hover a,.top .menu li.cur a { background:#fff;color:#1d539f;font-weight:bold; }
/*===============子菜单定位=================*/
.top .menu li .Nodes{position:absolute;overflow:hidden;width:146px;left:0;height:0px;top:90px;z-index:100; background:#fff;-moz-box-shadow:0 3px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 3px 3px rgba(0, 0, 0, 0.1); box-shadow:0 3px 3px  rgba(0, 0, 0, 0.1); }
.top .menu li .Nodes ul{position:static;float:left;width:100%;left:0px;top:0px;z-index:100;border-top:#16306d 2px solid; }
.top .menu li .Nodes ul li{width:100%;height:32px;float:none;padding:0;margin:0;text-align:center; }
.top .menu li .Nodes ul li a{display:block;width:100%;font-size:14px;line-height:32px;color:#888;background:none;font-weight:normal;transition: all 0.3s ease;overflow: hidden;/*注意不要写在最后了*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.top .menu li .Nodes ul li:hover a { background-color:#f5f5f5; }

.menubg {position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: #fff;z-index: 9991;opacity: .95;filter:alpha(opacity=95); }
.menu-icon { margin-top: 15px; }
.visible-phone {display: none;}

.footer .title { font-weight:bold;font-size:16px;margin:0 0 15px; }
.foot1 .pic { width:162px;height:81px;left:50%;top:50%;margin-left:-81px;margin-top:-40px;z-index:99;}
.foot2 { background:#313131;padding:3% 0; }
.foot2 .left { width:46%;}
.foot2 .middle { width:25%;float:left; }
.foot2 .text1 { margin:-4px 0 20px;font-size:20px; }
.foot2 .text2 { margin:-9px 0 0; }
.foot2 .right { width:122px;}
.foot3 { background:#1a1a1a;padding:1% 0; }

.home-banner {max-width:1920px;}
.home-banner .pic { left:16%;top:51%;width:6%;z-index:99; }
.home-banner .text { left:16%;top:58%;width:37%;z-index:99; }
.home-banner .picture { right:1%;top:3%;width:48%;z-index:299;animation:fadeInUp 1.6s 0.6s both; }
.swiper-container {width: 41.6%;left:14%;top:10%;z-index:199;}
.swiper-slide { width:100%;background:url(../images/bg.jpg);display: flex;justify-content: center;align-items: center;}
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 50px, 0)}100%{opacity:1;transform:none}}

.backToTop {position: fixed;right: 0;bottom: 0;background: url('../images/backToTop.png') center no-repeat;z-index: 9999;width: 47px;height: 47px;display: none;cursor: pointer;}

.index .title { font-weight:bold;font-size:21px;margin-bottom:23px; }
.index1 { padding:4% 0; }
.index .more { margin-top:20px;width:170px;}
.index .more a { line-height:40px;font-size:16px;display:block;border:#ccc 1px solid;border-radius:20px; }
.index .more:hover a { color:#fff;background:#16306e; }
.index2 { padding:0 0 4%; }
.index2 .content { display: flex;width: 100%;padding: 0;box-sizing: border-box;height: 46vh;}
.box { flex: 1;overflow: hidden;transition: .5s;line-height: 0; position:relative;margin:2px;}
.box:nth-child { margin-left::0; }
.box > img { width: 150%;height: 100%;-o-object-fit: cover;object-fit: cover;transition: .5s;}
.box > .beijing { position:absolute;left:0;width:100%;top:0;height:100%;z-index:8;background:rgba(0,0,0,0.6); opacity:.6; filter:alpha(opaity=60);transition: .5s; }
.box:hover { flex: 1 1 30%;}
.box:hover > img {	width: 100%;height: 100%;}
.box:hover > .beijing {	background:rgba(0,71,20,0); opacity:0; filter:alpha(opaity=0);}

.main { min-height:450px;padding:2% 0; }
.main .title { font-weight:bold;padding-left:20px;line-height:26px;color:#062b7c;font-size:16px;border-left:#062b7c 6px solid;margin-bottom:1%; }
.about1 { width:100%;height:652px;background:url(../images/bg.jpg); }
.about1 .content { padding:220px 53px 0;max-width:1100px;line-height:34px;height:432px;background:url(../images/about1.png) no-repeat center center;background-size:100% auto; }
.about2 { width:100%;height:421px;padding:100px 0 0;background:url(../images/about2.jpg) no-repeat left top; }
.about3 { padding:6% 0;margin:1% 0;background:url(../images/bg.jpg);}
.about3 .tit { padding:0 0 5%; }
.about3 li { width:18%;float:left;margin:0 2.5% 2.5% 0; }
.about3 li:nth-child(5n) { margin-right:0; }
.about3 li .pic { padding:3%;-moz-box-shadow:0 4px 10px rgba(0, 0, 0, 0.15); -webkit-box-shadow:0 4px 10px rgba(0, 0, 0, 0.15); box-shadow:0 4px 10px  rgba(0, 0, 0, 0.15);}
.about4 { padding:4% 0; }
.about4 .content { display: flex;width: 100%;margin-top:3%;box-sizing: border-box;height: 46vh;}

.store li { width:32%;margin:0 2% 2% 0;float:left;}
.store li:nth-child(3n) { margin-right:0;}
.store .pic { width:100%; overflow:hidden; }
.store img { width:100%; }
.store img:hover {transform: scale(1.05, 1.05);}

.fenlei { max-width:500px;margin-top:20px;margin-bottom:20px; }
.fenlei li { width:29.3333%;margin:0 2%;float:left;background:url(../images/bg.jpg); }
.fenlei li a { display:block;line-height:36px;font-weight:bold;color:#fff; }
.fenlei li:hover a,.fenlei li.cur a { background:#236aca; }

.brand { padding:3% 0;min-height:400px; background:url(../images/bg1.jpg);}
.brand li{float:left;width:32%;margin:0 2% 4% 0;}
.brand li:nth-child(3n) { margin-right:0; }
.brand li .pic { width:100%;overflow:hidden;}

.brand11 { padding:3% 0;background:url(../images/bg1.jpg); }
.brand12 { padding:5% 0; }

.brand21 { padding:4% 0;background:url(../images/bg1.jpg); }
.brand21 .content { margin-top:5%;}
.brand21 li { width:23.5%;margin-right:2%;float:left;}
.brand21 li:nth-child(4n) { margin-right:0;}
.brand21 li .pic { width:110px;padding:10px 0;border:#014896 2px solid;border-bottom:0; }
.brand21 li .text { height:200px;border:#014896 2px solid;background:#f7f7f7; }
.brand21 li .tit1 { width:80%;left:10%;top:10%;z-index:9;font-size:24px;font-weight:bold; }
.brand21 li .tit2 { width:80%;left:10%;bottom:0;height:42%;z-index:9; }

.brand22 { padding:2% 0 4%;background:url(../images/bg1.jpg); }
.brand22 .content { margin-top:5%;}
.brand22 li { width:33.333%;float:left;font-size:16px }
.brand22 li .pic { margin:0 0 25px; }

.tupian { padding:2% 0 0; }
.tupian li.m3 { width:32%;margin:0 2% 2% 0;float:left;}
.tupian li.m3:nth-child(3n) { margin-right:0; }
.tupian li.m4 { width:23%;margin:0 2.666% 2% 0;float:left;}
.tupian li.m4:nth-child(4n) { margin-right:0; }
.tupian .pic { overflow:hidden;}
.tupian img { width:100%; }
.tupian img:hover {transform: scale(1.05, 1.05);}
.tupian .tit { margin:15px 0 5px;font-size:16px;color:#888;}

.news { padding:3% 0 2%; }
.news.container { max-width:1000px; }
.news li { width:100%;float:left;border-bottom:#eadac2 1px solid;padding:30px 0; }
.news li .left { width:26%;overflow:hidden; }
.news li .right { width:69%; }
.news li .title { font-size:20px;font-weight:bold;margin:6px 0 22px;}
.news li .text { margin-bottom:20px;}
.news li .more a { width:93px;height:34px;background:#104591 url(../images/more.png) no-repeat center;display:block; }
.news li .more a:hover { background-color:#276ac9; }

.newsview { padding:1% 0 3%;min-height:400px; }
.newsview.container { max-width:1000px; }
.newsview .dh { text-align:right;}
.newsview .title { font-size:25px;margin:4% 0 8px;}
.newsview .date { color:#888;padding:0 0 1%;font-size:11px;margin:0 0 10px;}
.newsview .text { line-height:28px;padding:30px 0;color:#666;font-size:14px;}
.newsview .text p { padding-bottom:12px; text-indent:32px;}
.newsview .content { padding:25px 5%;margin-top:20px;background:#fff;box-shadow:#ccc 1px 3px 12px; }

.newsview .xz { margin:3% 0 5%;font-size:16px;color:#333; }
.newsview .down a { width:262px;height:69px;background:url(../images/down1.png) no-repeat;display:block;margin-left:-12px; }
.newsview .down a:hover { background-image:url(../images/down2.png); }
.newsview .back p { display:inline-block;margin:0 5%; }

.contact { padding:5% 0; }
.contact .left { width:50%;height:500px;}
.contact .right { width:50%;height:500px;background:url(../images/bg.jpg); }
.contact .tit1 { padding:6% 10% 14px;font-size:16px; }
.contact .tit2 { padding:0 0 24px;font-size:36px;margin:0 10% 4%;background:url(../images/heng.gif) no-repeat left bottom; }
.contact .content { padding:6% 10% 0;}
.contact .content p { margin-bottom:20px;}

.bbs { margin:3% 0;padding:4% 10%;background:#fff;border-radius:10px;-moz-box-shadow:0 13px 30px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 13px 30px rgba(0, 0, 0, 0.2); box-shadow:0 13px 30px  rgba(0, 0, 0, 0.2);}
.bbs .biaoti { font-size:28px;margin:0 0 2%; }
.bbs .biaoti1 { font-size:15px;padding:0 0 3%;margin:0 0 3%;background:url(../images/line.gif) no-repeat bottom center;}
.bbs li { width:32%;margin:0 0 3% 2%;float:left;}
.bbs li.m1 { width:100%;margin-left:0;}
.bbs li input { width:87%;padding:0 5% 0 8%;line-height:44px;border:0;background:#f5f5f5;border-radius:20px; }
.bbs li.m1 textarea { width:97%;padding:0.4% 1.5%;line-height:32px;height:100px;border:0;background:#f5f5f5;border-radius:10px; }
.bbs .tijiao { width:147px;background:#0168b7;color:#fff; cursor:pointer;padding:0; }
.bbs .tijiao:hover { background:#02508c; }
#fenye {color:#888;padding:3% 0 0; height:25px;text-align:center;}
#fenye a { display:inline-block;padding:6px 12px;color:#888; margin:0 3px; }
#fenye a:hover {text-decoration:none; background:#16306d;color:#fff;}
#fenye .a1 { padding:6px 10px 6px 11px; margin:0 3px;background:#16306d;color:#fff;}