@charset "UTF-8";
/* reset */
html {font-size:62.5%;}
html,body,div,dl,dt,dd,ul,p,th,td,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend{margin:0;padding:0; -webkit-appearance: none;}
body{margin:0;font-family:"Microsoft Yahei","黑体","宋体",Arial;color:#333;font-size:12px; font-size:1.2rem; line-height:1.5; background: #fff;}
a{color:#333; text-decoration:none;}
a:hover{color:#0079be; text-decoration:none;}
cite,em,th{font-style:inherit;font-weight:inherit}
strong{font-weight:700}
td,th,div{word-break:break-all;word-wrap:break-word; text-decoration:none;}
th{text-align:left;font-weight:100;font-size:12px; font-size:1.2rem;}
ol li{list-style:decimal outside}
ol{padding:0 0 0 18px;margin:0}
li{list-style:none}
img{border:0}
dl,dt,dd { display:block;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}
.fl { float: left; }
.fr { float: right; }
.clear { clear: both;}
.f20 { padding:5px 0; padding:.31rem 0; font-size:20px !important; font-size:2rem !important;}
@media (min-width: 768px) {
  .container { width:750px; }
}

/* top */
header { position:fixed; z-index:999; width:100%; margin: 0; padding:0; text-align: center;  color:#fff; 
background-image: url(../images/topbg.png);
background-color: #3285ff;
background-size: cover;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
-ms-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
-o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
}
.header-up { height:48px; height:4rem;}
.logo { height:47px; height:4rem; background: url(../images/logo.png) no-repeat center center/auto 90%;}
.logo a { display:block; width:100%; height:100%;}
.menu-close,
.menu { position:absolute; right:0; top:4px; top:.4rem; display:block; width:40px; width:4rem;}
.menu-close span,
.menu span { font-size:26px; font-size:2.6rem; color:#fff;}
.menu-close { display:none;}

.subMenu { margin-bottom:10px; padding-top:10px; width:100%;}
.subMenu li { float:left; width:25%; text-align:center; font-size:14px; font-size:1.4rem;}
.subMenu li span { display:inline-block; padding-top:5px; padding-top: .3rem;}
.subMenu li i { display:block; margin:0 auto;  width:3.6rem; height:3.6rem; border-radius:50%; color:#fff; font-size:28px; font-size:2.8rem; line-height:3.6rem; }
.subMenu li:nth-child(1) i {background: #37a1db;}
.subMenu li:nth-child(2) i {background: #678be0;}
.subMenu li:nth-child(3) i {background: #8c66de;}
.subMenu li:nth-child(4) i {background: #83d017;}

.banner { text-align:center;}
.swiper-slide img { width:100%;}

.about{}
.about-hd { padding:14px 0; padding:1.4rem 0; font-size:18px; font-size:1.8rem; text-align:center; color:#3d84ec; text-transform:uppercase;}
.about-bd { margin:0 0 10px 0; margin:0 0 1rem 0; background: #3d84ec;}
.about-img { padding:0;}
.about-text { padding:5px; padding:.5rem; font-size:14px; font-size:1.4rem;  color:#fff;}
.about-text a { display:inline-block; color:#fff;}

.products {}
.products-hd { margin:0 -15px 5px -15px; margin:0 -1.25rem .5rem -1.25rem; padding:14px 0; padding:1.4rem 0; font-size:18px; font-size:1.8rem; text-align:center; color:#3d84ec; text-transform:uppercase; border-bottom:2px solid #3d84ec;}
.itemPro { padding:5px;}
.item-img { display:table; width:100%; height:156px; height:13rem; text-align:center;}
.item-img a { display:table-cell; max-height:156px; max-height:13rem; vertical-align:middle;}
.item-img img { max-width:100%; max-height:156px; max-height:13rem;}
.item-name { height:40px; height:4rem; font-size:14px; font-size:1.4rem; text-align:center;}
.thumbnail { margin-bottom:5px; margin-bottom:.5rem;}
@media (min-width: 500px) {
	.item-img {  height:156px; height:13rem; }
	.item-img a {max-height:156px; max-height:13rem;}
	.item-img img {  max-height:156px; max-height:13rem;}
}

.news { border-top:10px solid #f2f2f2;}
.news-hd { margin:0 0 5px 0; margin:0 0 .035rem 0; padding:14px 0; padding:1.4rem 0; font-size:18px; font-size:1.8rem; text-align:center; color:#3d84ec; text-transform:uppercase;}
.news-bd {}
.newsImg {position: relative; overflow: hidden; padding: 0 0 .4rem 0;}
.news-img { clear: both; padding-left: .3rem; padding-top: .3rem; padding-right: .3rem; height:11.66rem; overflow:hidden;}
.news-img img { margin-top:-5rem;}
.news-title { position: absolute; bottom: .3rem; background: rgba(0,0,0,.5); font-size: 1.6rem; font-weight: normal; color: white; width: 100%; height: auto; height: 2.8rem; line-height:2.3rem; padding-bottom: .25rem; padding-top: .25rem;}
.news-title a { color:#fff;}
.event-list {
  margin:0;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
}
.users {
  margin:5px -15px 0 -10px;
  display: block;
  color: #fff;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
}
.users img { max-width:100%; max-height:100%; border-radius:2px;}

.event-list h2 {
  margin: 0 -10px 0 0 ;
  padding: 0;
  display: block;
  font-size: 14px;
  font-weight:400;
  line-height: 20px;
  color: #282f32;
}
.event-list p {
  font-size: 12px;
  line-height: 18px;
  margin:0;
  color:#9898a7;
}
.event-list span {font-size: 12px; display:block; color:#292f34;}

.event-list .link {
  padding: 0;
  display: block;
  text-align: center;
}
.event-list .link i {
  margin-top: 10px;
  font-size: 26px;
  color:#9898a7;
}
@media (min-width: 500px) {
	.news-img { height:16.66rem;}
}


footer { padding-bottom:5rem; background: #3077df; min-height:10rem;}
.footer-copyright { padding:.8rem 0; text-align:center; color:#fff; font-size:14px; font-size:1.4rem; line-height:2.6rem;}
.footer-copyright a { color:#fff;}
.footerBar { width:100%; padding-top: .15rem; position: fixed; bottom: 0rem; height: 5rem; z-index: 1; background: rgba(22,94,200,0.8); }
.footerBar li { float:left; display:inline-block; width:20%; text-align:center;}
.footerBar li:hover { background: rgba(58,141,229,.8);}
.footerBar li a { color:#fff; font-size:13px; font-size:1.3rem;}
.footerBar li i { padding-top:.15rem; display:block; line-height:2rem; font-size:28px; font-size:2.8rem;}

.navbarList { background: #2b2b2b; position: fixed; height: 100%; width:120px; width:7.5rem; overflow-x: hidden; overflow-y: auto; top:0; right: 0px; left: auto; padding-top:48px; padding-top:4rem; z-index:998; display: none;} 
.open { display:block;}
.navbarList li { padding:10px 0; padding:.73rem; width:100%; text-align:center;
opacity: 0;
-webkit-transition: all .4s;
-ms-transition: all .4s;
-moz-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);}
.navbarList li a { color:#fff; font-size:13px; font-size:1.3rem;}
.navbarList li  i { padding-top:.15rem; display:block; line-height:2rem; font-size:28px; font-size:2.8rem;}
.navbg { display:none; background: rgba(43,43,43,.5); width:100%; height:100%; position:fixed; z-index:9; top:0; left:0; }
.open li { opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);}

.open li:nth-child(1) { transition-delay: 240ms; }
.open li:nth-child(2) { transition-delay: 320ms; }
.open li:nth-child(3) { transition-delay: 400ms; }
.open li:nth-child(4) { transition-delay: 480ms;}
.open li:nth-child(5) {transition-delay: 560ms;}
.open li:nth-child(6) {transition-delay: 640ms;}
.open li:nth-child(7) {transition-delay: 720ms;}

.article-hd {float: left;
display:block;
margin-top: .8rem;
margin-bottom: .8rem;
padding-left: .5rem;
padding-right: 1.2rem;
font-size:14px;
font-size:1.4rem;
line-height:30px;
color:#fff;
background-color: #3077df;
-webkit-border-radius: 0 .8rem .8rem 0;
-ms-border-radius: 0 .8rem .8rem 0;
-moz-border-radius: 0 .8rem .8rem 0;
-o-border-radius: 0 .8rem .8rem 0;
border-radius: 0 1.4rem 1.4rem 0;}
.article-bd { padding:10px 0; padding:.63rem 0; min-height:300px; min-height:18.75rem; font-size:14px; font-size:1.4rem;}
.article-bd img { max-width:100%;}
.article-bd h2 { font-size:14px; font-size:1.4rem;}
.prodesc { background-color: #fff; border-bottom: 1px solid #ddd; width: 100%; padding: 0;  list-style: none; text-align: center; display: inline-block; }
.prodesc li:nth-child(1) { color: #3077df; border-color: #3077df; border-bottom: .1rem solid #3077df; font-size:1.8rem; height: 4rem; line-height: 4rem; display: inline-block;}

.article-h1 { padding:1rem 0; font-size:16px; font-size:1.6rem; line-height:1.8rem;}
.article-date { color:#999; font-size:12px; font-size:1.2rem;}
.sheet { margin:.62rem 0; padding-top:.62rem; font-size:14px; font-size:1.4px; line-height:2rem; border-top:1px solid #ddd;}
.mb25 { margin-bottom:10px; margin-bottom:.62rem;}

.newslist {}
.newslist li {height:44px; height:2.75rem; line-height:2.75rem; border-bottom:1px solid #eee; overflow:hidden;}
.newslist li i { margin:0 .31rem;}
.newslist li a { display:block;}
.newslist li a:hover { background: #fefefe;}
.btn-oneclass { margin:0 .5rem .2rem .2rem;  font-size:12px; font-size:1.2rem;}

.breadcrumb { margin-bottom:0;}