body, div, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4{font-family:"微软雅黑";}
ol, ul ,li{list-style: none; margin: 0px;padding: 0px;}
img {border: 0; vertical-align:middle; max-width: 100%;}
body{color:#000000;background:#FFF; text-align: center;}
a{color:#000000;text-decoration:none; }
a,a:link,a:visited,a:hover,a:active{text-decoration:none;}
/*---滚动条默认显示样式--*/
::-webkit-scrollbar-thumb{  background-color:#ccc;  height:50px;  outline-offset:-2px; outline:2px solid #fff;  -webkit-border-radius:4px;  order: 2px solid #fff; }
/*---鼠标点击滚动条显示样式--*/
::-webkit-scrollbar-thumb:hover{ background-color:#999; height:50px; -webkit-border-radius:4px;}
/*---滚动条大小--*/
::-webkit-scrollbar{ width:10px;height:8px;}
/*---滚动框背景样式--*/
::-webkit-scrollbar-track-piece{ background-color:#fff;-webkit-border-radius:0;}


/*nav*/
.navbar-default{ background: #f5f5f5; border-radius: 0px; border: 0px; margin: 0px; padding: 0px; border-bottom: 1px #f4f4f4 solid;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{ padding-top: 15px;}
.navbar-nav>li>a{ line-height: 80px;}
.navbar-form{ margin-top: 25px;}
.nav>li {position: static;}
.navbar-nav > li > a{ font-size:1.6rem; color: #555555 !important;  padding:0px 25px; display: block; position: relative;}
.navbar-nav > li > a:hover{color: #fea837 !important; }

.nav-hide{  display: none; position: absolute; top: 80px; left: 0px; background: #f9f9f9; border: 1px solid #ccc; width: 100%; height: 200px; z-index: 999;}

.nav-bloak{ display: block;}
/*.point{display: none;  position: absolute; top: 73px; z-index: 9999; margin-left: -7px;  width: 0; height: 0;  overflow: hidden; line-height: 0; font-size: 0; vertical-align: middle; border-bottom: 7px solid #ccc;  border-top: 0 none; border-left: 7px solid transparent; border-right: 7px solid transparent;}*/

.navbar-form .input-group > .form-control,.navbar-form .input-group > .input-group-btn >.btn{ border-radius: 0px;}
.navbar-form .input-group > .input-group-btn >.btn{ width: 50px; height: 34px; border: 0px; background: url(../images/search.jpg) center center;}


.switch{position: fixed; right: 0px; top: 0px; padding-bottom: 20px; z-index: 9999999; width: 50px; border-top: 5px #e70014 solid; background: url(../images/language.png) no-repeat bottom;}
.switch li{line-height: 45px; text-align: center;}
.switch li > a{display: block; width: 50px; height: 45px; background: #e70014;  color: #fff;}
.switch li:hover > a { background: #bb0515;}
.switch .chinese{border-bottom: #bb0515 1px solid;}

.carousel-caption{ top: 0px; left: 0px; right: 0px; padding-top: 0px;text-shadow:none;}

.carousel-caption .col-lg-6{ padding-top: 10%;}
.carousel-caption .col-lg-6 p{ margin-top: 8%; line-height: 2rem;}
.carousel-caption .col-lg-6 a{display: inline-block; padding: 2% 20%; background: #fff; margin-top: 8%; color: #fea837;}

/*轮播淡入淡出*/
.carousel-top .carousel-inner .item{
  opacity:0.1;
  -webkit-transition-property:opacity ;
  -webkit-transition-duration: 0.5s;
  -moz-transition-property:opacity ;
  -moz-transition-duration: 0.5s;
  -ms-transition-property:opacity ;
  -ms-transition-duration: 0.5s;
  -o-transition-property:opacity ;
  -o-transition-duration: 0.5s;
  transition-property:opacity ;
  transition-duration: 0.5s;
}
.carousel-top .carousel-inner .active{  opacity: 1;}
.carousel-top .carousel-inner .active.left,.carousel-top .carousel-inner .active.right{  left: 0;  opacity: 1;}
.carousel-top .carousel-inner .next.left,.carousel-top .carousel-inner .prev.right {  opacity: 1;}

.carousel-indicators{ left: 50%;}
.carousel-indicators li{ width: 12px; height: 12px; margin: 0px; border: 1px #b4a191 solid;}

.banner{transition: all .3s;}
.banner .carousel-indicators li{ border-radius: 0px; width: 12px; height: 12px; margin: 0px; border: 1px #b4a191 solid; margin-right: 5px;}
.banner .carousel-indicators .active{ border: 1px #fff solid;margin-right: 5px;}

.col-lg-2dot2 {position: relative;min-height: 1px;padding-right: 5px;padding-left: 0px;}
.col-lg-2dot8 {position: relative;min-height: 1px;padding-right: 0px;padding-left: 0px;}
@media (min-width: 1200px) {
.col-lg-2dot2,.col-lg-2dot8 {float: left;}
.col-lg-2dot2 {width: 270px;}
.col-lg-2dot8 {width: 880px;margin-left: 20px;}
}
@media (min-width: 1400px) {
.col-lg-2dot8 {width: 1080px;margin-left: 20px;}
}

.course{ background: #f5f5f5; padding-top: 25px; padding-bottom: 35px;}
.course h3{margin-bottom:25px;}
.col-lg-2dot8 .col-lg-6{ padding-left: 10px; padding-right: 10px; margin-bottom: 20px;}
.col-lg-2dot8 .col-lg-6 .product{ background: #fff; padding-top: 6px; padding-bottom: 20px;}
.col-lg-2dot8 .col-lg-6 .product h4{ color: #ff9c00;}
.col-lg-2dot8 .col-lg-6 .product:hover{ box-shadow: 0px 5px 20px #999;}
.col-lg-2dot8 .col-lg-6 .product img{ max-width: 240px; max-height: 180px;}

.mall{background: url(../images/mall-bj.jpg) center center no-repeat; background-size: cover;}
.mall li{ margin-top: 60px; padding-bottom: 15px; color: #fea837; font-size: 4.8rem; border-bottom: 1px dashed #fff;}
.mall h5{ margin-bottom: 80px;color: #fff; margin-top: 15px;}
.mall .col-lg-4{ padding: 0px;padding-left: 2px; background: #fff; margin-bottom: 100px; border-left: 1px #ccc solid;opacity:0.8;}
.mall .col-lg-4:nth-of-type(1){}
.mall .col-lg-4:hover{opacity:1;}
.mall .col-lg-4 img{width: 100%;}

.mall .col-lg-2{ padding: 0px;padding-left: 2px; background: #fff; margin-bottom: 100px; border-left: 1px #ccc solid;opacity:0.8;}
.mall .col-lg-2:nth-of-type(1){}
.mall .col-lg-2:hover{opacity:1;}
.mall .col-lg-2 img{width: 100%;}

.copyright{ background: #ffffff; padding-top: 25px; padding-bottom: 60px; border-bottom: 1px solid #ccc;}
.copyright .col-lg-3,.copyright .col-lg-12{ padding-left: 10px; padding-right: 10px; margin-bottom: 25px;}
.copyright .news{ padding:10px; text-align: left;}
.copyright .news h4{ border-bottom: 1px dashed #ccc; margin-bottom: 10px; padding-bottom: 10px; color: #333;}
.copyright .news p{ color: #666; line-height: 2rem; min-height: 70px;}
.copyright .news span{ color: #bbb; display: block; text-align: right;}
.copyright .news-k:hover{ box-shadow: 0px 5px 10px #ccc;}


/*footer*/
.footer{ margin-top: 50px; margin-bottom: 80px;}
.footer .col-lg-6{ text-align: left;}
.footer .col-lg-6 li{ color: #555555; font-size: 1.6rem; margin-bottom: 15px;}
.footer .col-lg-6 a{ display: block; color: #999; margin-bottom: 10px;}
.footer .col-lg-3 { border-left: 1px solid #ccc;}
.footer .col-lg-6 .col-lg-3 {border-left: 0px;}
.footer .col-lg-3 h3{-webkit-margin-before: 0em; color: #fea837;}
.footer .col-lg-3 a.jiaoliu{ color: #666; border: 1px solid #fea837; display: inline-block; padding: 6px 35px; margin-top: 8px; margin-bottom: 25px;}
.footer .col-lg-3 p{ color: #555; font-size: 1.2rem;}
.footer .col-lg-3 li{ margin-bottom: 15px;}
.footer .col-lg-3 li img{ margin-right: 10px; margin-left: 15px;}


@media( min-width:1400px){

  .carousel-caption .col-lg-6{ padding-top: 10%;}
  .carousel-caption .col-lg-6 p{ margin-top: 8%; line-height: 2rem;}
  .carousel-caption .col-lg-6 a{display: inline-block; padding: 2% 20%; background: #fff; margin-top: 8%; color: #fea837;}

}
@media( max-width:1400px){

  .carousel-caption .col-lg-6{ padding-top: 5%;}

}

@media( max-width:1200px){
  .carousel-caption .col-lg-6{ padding-top: 5%;}
  .carousel-caption .col-lg-6 p{ margin-top: 2%; line-height: 2rem;}
  .carousel-caption .col-lg-6 a{padding: 2% 10%;  margin-top: 5%; }


  .navbar-nav > li > a{ padding:0px 14px;}
  .col-lg-2dot2 { display: none;}
  .col-lg-2dot8,.course h3{ padding-right: 15px; padding-left: 15px; }
}

@media( max-width:1170px){
  .nav-bloak{ display: none;}
}


@media( max-width:995px){
  .carousel-caption .col-lg-6{ padding-top: 5%;}
  .carousel-caption .col-lg-6 p{ margin-top: 2%; line-height: 1.4rem;}
  .carousel-caption .col-lg-6 a{padding: 2% 10%;  margin-top: 2%; }
  .mall li{ margin-top: 30px;font-size: 4rem; }
  .mall h5{ margin-bottom: 40px; }
  .mall .col-lg-4{  margin-bottom: 60px; }
  .navbar-form { display: none;}
  .footer .col-lg-3 { border-left:0px solid #ccc;}
}




@media( max-width:767px){
  .switch{ top:56px;}
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{ padding: 2px 15px;}
  .navbar-brand > img{width: 80%;}
  .navbar-default .navbar-nav > li > a{ text-align: left;}
  .navbar-nav>li>a{ line-height: 35px;}
  .carousel-caption .col-lg-6{ padding-top:5%;}
  .carousel-caption .col-lg-6 p{display: none;}
  .carousel-caption .col-lg-6 a{padding: 2% 10%;  margin-top: 10%; font-size: 1rem; }
  .mall li{ margin-top: 20px;font-size: 2.5rem; }
  .mall h5{ margin-bottom: 20px; }
  .mall .col-lg-4{  margin-bottom: 30px; }
  .footer .col-lg-3{text-align: left;}
  .copyright .news h4{ font-size: 1.4rem;}
  .copyright .news p{ font-size: 1rem; line-height: 1.2rem;}
  .col-lg-2dot8 .col-lg-3{ margin-bottom: 10px;}
  .col-lg-2dot8 .col-lg-3 .product{ padding-bottom: 5px;}
  .col-lg-2dot8 .col-lg-6 .product img{max-width: 100%;}
}

.nav-hide{ height: auto;text-align: left; top: 79px; ;padding-bottom: 15px;}
.nav-hide li{ line-height: 25px;}
.nav-hide li a{ color: #666;}
.nav-hide li a:hover{ color: #f90000;}
.nav-hide li a:after { font-size: 14px; text-align: center; color: #666; float: right; position: relative;}


.producthome li{ line-height:24px; padding: 0 20px; text-align: left;}
.producthome li a{ color: #666;}
.producthome li a:hover{ color: #f90000;}
.producthome li a:after { font-size: 14px; color: #666; float: right; position: relative;}

.producthomeen li{ line-height:24px; padding: 0 20px; text-align: left;}
.producthomeen li a{ color: #666;}
.producthomeen li a:hover{ color: #f90000;}
.producthomeen li a:after { font-size: 14px; color: #666; float: right; position: relative;}

.downloadhome li{ line-height:24px; padding: 0 20px; text-align: left;}
.downloadhome li a{ color: #666;}
.downloadhome li a:hover{ color: #f90000;}
.downloadhome li a:after { font-size: 14px; color: #666; float: right; position: relative;}

.isStuck{ z-index: 99999; margin-right: auto;margin-left: auto; margin-left: 0; }
.isStuck .nav-tabs li{background: #fff; }
.isStuck .nav-tabs li.active a{background: #ccc;}
@media (min-width: 768px){.isStuck { width: 750px;}}
@media (min-width: 992px){.isStuck {width: 970px; }}
@media (min-width: 1200px){.isStuck { width: 1170px;}}
@media (min-width: 1400px){.isStuck { width: 1380px;}}
@media (max-width: 768px){
#xiazai .download-list .col-lg-3 div{ padding: 5px;}
#xiazai .download-list .col-lg-3 a{ padding: 8px 0; width: 100%;font-size: 1.2rem;}
#xiazai .download-list .col-lg-3 li {padding: 5px;font-size: 1.4rem;}
#xiazai .download-list .col-lg-3{ padding: 5px;}
.product-page-details .nav-tabs li{ padding: 0;}
.product-page-details .nav-tabs li a{ padding: 10px 0px; font-size: 1.2rem;}
.core-top-li a{display:inline-block; padding: 5px;font-size:1rem;}
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img{ text-align: center; margin: 0 auto;}