﻿@charset "utf-8";
*{margin:0;padding:0;word-wrap:break-word}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none}blockquote,body,code,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,legend,li,ol,p,pre,td,th,ul{margin:0;padding:0}article,aside,dialog,figure,footer,header,menu,nav,section{display:block}body{background:#fff;color:#333;font-size:14px;overflow-x: hidden;}body,input,button,input,select,textarea{ font-family: Helvetica,"Hiragino Sans GB","Heiti SC","Microsoft Yahei","WenQuanYi Micro Hei",sans-serif;}li{list-style-type:none}img,ul{margin:0;padding:0}img{border:0}a{color:#333;-webkit-transition:.3s;transition:.3s}a,a:hover{text-decoration:none}a:hover{color:#3274cd}em{font-style:normal}.fl{float:left}.fr{float:right}del{margin:0;padding:0;border:0;text-decoration:none;font-style:normal}.clear{clear:both;overflow:hidden;height:0}.clearfix{display:block}.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:""}::selection{background:#3ab57f;color:#fff}::-moz-selection{background:#3ab57f;color:#fff}button,input,optgroup,select,textarea{margin:0;outline:0}legend{padding:0;border:0}textarea{overflow:hidden;resize:none}input::-moz-placeholder,textarea::-moz-placeholder{color:#b1b1b1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#b1b1b1}
.container,.mainbox{
    width: 100%;
    max-width : 1180px;
    margin: 0 auto; 
}
[class *= 'col-'] {
    float: left;
}


html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}

a{
  text-decoration: none;
}
body {
  font-size: 12px;
  line-height: 1.8;
  background:#f6f6f6;
  
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
i{font-style: normal;}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*头部导航*/
.headertop{border-bottom: 1px solid #eee;box-shadow: 0px 2px 2px rgba(0,0,0,0.05);background: #fff;}
.headertop ul li{float: left;padding: 0 12px;position: relative; line-height: 70px;}
.headertop li a{ color: #858585 }
.headertop li .su-line{position: absolute;width: 1px; height: 30px; background: #ededed;top:20px;right: 0;}
.header-tel{line-height: 70px;text-align: right;color: #adadad;}
.header-tel .tel{ margin-right: 10px; }
.m-logobox{display: none;}
.header{width: 100%;border-bottom: 1px solid #eee;background: #fff;position: relative;}
.navbar-brand{line-height:100px;}
.navbar-brand img{vertical-align: middle;}
.navbar{float: right !important;}
.navbar-nav>li{ float: left;padding: 0 0 0 52px;/*position: relative;*/}
.navbar-nav>li>a{line-height:100px;font-size: 16px;color: #686868;}
.navbar-nav>li:hover>a{color: #3572cb;}
.navbar-nav>li .dropdown-menu{/*width:730px;padding: 0 15px;*/position: absolute;top:100%;/*border: 1px solid #eee;border-top: 2px solid #3275ce;*/left: initial;opacity: 0;visibility: hidden;-webkit-border-radius: 0 0 2px 2px;-moz-border-radius: 0 0 2px 2px;-o-border-radius: 0 0 2px 2px;border-radius: 0 0 2px 2px;-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;z-index: 99999;background: #fdfdfd; display:none;}
.navfixed{position: fixed;width: 100%;left: 0;top: 0;z-index: 1000 !important;background: #fff;}
.dropdown-menu .fr-dr-box{display: block;line-height: 40px;padding:0;-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;font-size: 16px;}
.se-dropdown-menu{ float:left;width: 280px;padding: 0 50px;border-right: 1px dashed #ddd;}
.dropdown-menu .fr-dr-box i{font-size:20px; margin-right:10px;}
.dropdown-menu .se-dr-box{padding-left:30px;}
.dropdown-menu .se-dr-box a{line-height: 30px;padding: 0 20px 0 0;font-size: 14px;color:#626262;}
.dropdown-menu .se-dr-box a:hover{color:#3572cb; }
.navbar-nav>li.active>a{color:#3274cd; }
.navbar-nav>li.aboutus{ display:none;}
.asideIcon{display: none;}
#asidebg {display: none;}
#PopLoginTips{display: none;}

.fixedBox{background: #eeeeee;width: 114px;height: 32px;border-radius: 0 0 5px 5px;}
.fixedBox>span{width:50%;height: 100%;position: relative;}
.fixedBox>span a{display:block;width: 100%;height: 100%;}
.fixedBox>span a.cored-icon{background:url(code.png) no-repeat center;background-size: 20px;}
.fixedBox .top-icon{background:url(top.png) no-repeat center;background-size: 20px;cursor: pointer;}
.fixedBox>span a.cored-icon:hover{background:url(codeh.png) no-repeat center;background-size: 20px;}
.fixedBox .top-icon:hover{background:url(toph.png) no-repeat center;background-size: 20px;cursor: pointer;}
.flex-right img{display:block;cursor: pointer;}
.code-img{display:none; background:#fff;padding: 8px;width: 90px;height: 90px;position: absolute;left: -118px;bottom:0;-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;}
.fixedBox .cored-box:hover .code-img{display:block;}
.cored-box:hover .code-img img{width:100%; height:100%;}
/*.cmsnav{left: -180px !important;}*/
.cmsnav ul{width: 100%;margin-left: 0;}
.cmsnav ul li{width: 14.28%;}
.cmsnav .s-i-1 {background: #29c9f2;}
.cmsnav .s-i-2 {background: #ffaa44;}
.cmsnav .s-i-3 {background: #44ddbb;}
.cmsnav .s-i-4 {background: #67dd4f;}
.cmsnav .s-i-5 {background: #0a96dc;}
.cmsnav .s-i-6 {background: #018800;}
.border-rd{ border-right:1px dashed #ddd;}
/*.yunnav{left: -296px !important;}*/
.yunnav ul{width: 100%;margin-left: 0;}
.yunnav ul li{width:20%;}
.yunnav .s-i-1 {background: #29c9f2;}
.yunnav .s-i-2 {background: #ffaa44;}
.yunnav .s-i-3 {background: #44ddbb;}
.yunnav .s-i-4 {background: #67dd4f;}
.yunnav .s-i-5 {background: #0a96dc;}

.newproduct{width: 200px;position: fixed;left:0;top: 33%; z-index:10000;}
.newproduct img{width: 100%;animation: myhot 0.9s both infinite;-moz-animation: myhot 0.9s both infinite;-webkit-animation: myhot 0.9s both infinite;-o-animation: myhot 0.9s both infinite; position:absolute;}
.newproduct.hide{ left:-200px;}
.newsnav .se-dropdown-menu .fr-dr-box,.newsnav .se-dr-box a{ color:#958c90;}
@keyframes myhot
{
0%   {top:10px;}
50% {top:20px; }
100% {top:10px; }
}

@-moz-keyframes myhot /* Firefox */
{
0%   {top:10px;}
50% {top:20px; }
100% {top:10px; }
}

@-webkit-keyframes myhot /* Safari and Chrome */
{
0%   {top:10px;}
50% {top:20px; }
100% {top:10px; }
}

@-o-keyframes myhot /* Opera */
{
0%   {top:10px;}
50% {top:20px; }
100% {top:10px; }
}
/* pc屏幕 */
@media all and (min-width: 1180px) and (max-width: 1920px) {
.navbar-brand img{max-height: 80%;}
.navbar-nav>li .dropdown-menu{left: 0;}
.dropdown-menu li a{text-align: center;}
.navbar-nav>li:hover .dropdown-menu{opacity: 1;visibility: visible;left:0px;display: block !important;/*-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;*/top:100px;width: 100%;z-index: 10009;background: #fff;border-top: 1px dashed #e9e9e9;box-shadow: 0 4px 9px rgba(0,0,0,0.1);padding: 28px 0;}
.navfixed .navbar-nav>li:hover .dropdown-menu{ top:60px;}
.asideIcon{display: none;}
.navfixed{background: #fff; position: fixed;}
.navfixed .navbar-brand,.navfixed .navbar-nav>li>a{line-height: 60px;}
.navbar-nav{height: 100% !important;}

/*.navbar-nav>li:hover .loadnav{width:730px;right: 0px;left: auto;padding:20px 10px 20px 0;}
.navbar-nav>li:hover .casenav{right:-120px;}*/
.loadnav .se-dropdown-menu{width: 33.33%; float: left;border-right:1px dashed #ddd; box-sizing:border-box;padding: 0 20px 0px 100px;}
.loadnav .se-dropdown-menu .fr-dr-box{border-bottom: 0;position: relative;line-height: 32px;}
.loadnav .fr-dr-box a{font-size:16px;color: #888887;}
.loadnav .se-dr-box a{color: #2f74cc; font-weight:normal;}
.newsnav .se-dropdown-menu .fr-dr-box,.newsnav .se-dr-box a{ color:#958c90;}
.loadnav .se-dr-box span{color: #958c90;line-height: 20px;overflow: hidden;display: block;font-size: 14px;}
.loadnav .fr-dr-box i {font-size:35px;margin-right: 5px;position: absolute;left: -60px;top:4px;color: #cbcccb;}
.loadnav .se-dropdown-menu:last-child{border-right:0;}
/*.navbar-nav>li:hover .shopnav{left:-64px;padding: 20px 0;}*/
.shopnav .se-dropdown-menu{padding:0;}
.loadnav .se-dr-box{padding-left:0;}
.loadnav .dropdown-menu .se-dr-box a{font-size:14px; font-weight:normal;}
/*.navbar-nav>li .shopnav{width: 730px;right: 0px;left: auto;padding: 20px 0px;}*/
.shopnav .se-dropdown-menu{width:126px;float: left;border-right: 1px dashed #ddd;box-sizing: border-box;padding-left: 30px;}
.shopnav .fr-dr-box{border-bottom:0; line-height:32px;}
.shopnav .fr-dr-box i{display:none;}
.shopnav .se-dr-box{padding-left:0;}
.shopnav .se-dr-box a{display:block; line-height:30px; font-weight:normal;color:#958c90;}
.shopnavbox{width:394px;margin-left: 30px;}
.shopnavbox li{float:left;width:25%; box-sizing:border-box;}
.shop-nav-icon{width:50px;height:50px; line-height:50px; text-align:center; margin:auto; border-radius:5px; color:#fff; font-size:28px !important;margin-top: 10px;margin-bottom: 10px;}
.s-i-1{background:#0090ff;}
.s-i-2{background:#088d00;}
.s-i-3{background:#db0a05;}

.educationnav{float:left;/*width: 420px;*/}
.edunavbox{width:400px;}
.shopnavbox li .shop-nav-text{ color:#8f8f8f;font-size: 13px;}
.edunavbox li {float: left;width:25%;box-sizing: border-box;}
.edunavbox .shop-nav-icon{width:50px;height:50px; line-height:50px; text-align:center; margin:auto; border-radius:5px; color:#fff; font-size:28px !important;margin-top: 10px;margin-bottom: 10px;}
.e-i-1{background:#0090ff;}
.e-i-2{background:#088d00;}
.e-i-3{background:#ffaa44;}
.edunavbox .shop-nav-text{color:#958c90; font-size:13px;}

.yunnav .se-dropdown-menu{ width:25%;}
}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{ display:block;_zoom:1;}
.col-1{width:8.33333333%;}
.col-2{width:16.66666667%;}
.col-3{width:25%;}
.col-4{width:33.33333333%;}
.col-5{width:41.66666667%;}
.col-6{width:50%;}
.col-7{width:58.33333333%;}
.col-8{width:66.66666667%;}
.col-9{width:75%;}
.col-10{width:83.33333333%;}
.col-11{width:91.66666667%;}
.col-12{width:100%;}
*{margin:0;padding:0;word-wrap:break-word}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none}blockquote,body,code,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,legend,li,ol,p,pre,td,th,ul{margin:0;padding:0}article,aside,dialog,figure,footer,header,menu,nav,section{display:block}body{background:#fff;color:#333;font-size:14px;overflow-x: hidden;}body,input,button,input,select,textarea{ font-family: Helvetica,"Hiragino Sans GB","Heiti SC","Microsoft Yahei","WenQuanYi Micro Hei",sans-serif;}li{list-style-type:none}img,ul{margin:0;padding:0}img{border:0}a{color:#333;-webkit-transition:.3s;transition:.3s}a,a:hover{text-decoration:none}a:hover{color:#3274cd}em{font-style:normal}.fl{float:left}.fr{float:right}del{margin:0;padding:0;border:0;text-decoration:none;font-style:normal}.clear{clear:both;overflow:hidden;height:0}.clearfix{display:block}.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:""}::selection{background:#3ab57f;color:#fff}::-moz-selection{background:#3ab57f;color:#fff}button,input,optgroup,select,textarea{margin:0;outline:0}legend{padding:0;border:0}textarea{overflow:hidden;resize:none}input::-moz-placeholder,textarea::-moz-placeholder{color:#b1b1b1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#b1b1b1}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#b1b1b1}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{ display:block;_zoom:1;}
.floor{padding: 90px 0;}
.b-b-n{border-bottom: none !important;}
.gray-bgcolor{background: #f6f6f6;}
.green-bg{background-color: #3ab57f;}
.white-bg{background: #fff;}
.p0{padding-top:0 !important;padding-bottom: 0 !important;}
.t-a-l{text-align: left;}
.over-hide{overflow: hidden;}
.c-w{color: #fff;}
.c-32{color: #3274cd;}
.c-9a{color:#9a9a9a;}
.c-6f{color: #6f6f6f;}
.container,.mainbox{
    width: 100%;
    max-width : 1180px;
    margin: 0 auto; 
}
[class *= 'col-'] {
    float: left;
}

.col-1{width:8.33333333%;}
.col-2{width:16.66666667%;}
.col-3{width:25%;}
.col-4{width:33.33333333%;}
.col-5{width:41.66666667%;}
.col-6{width:50%;}
.col-7{width:58.33333333%;}
.col-8{width:66.66666667%;}
.col-9{width:75%;}
.col-10{width:83.33333333%;}
.col-11{width:91.66666667%;}
.col-12{width:100%;}

/* pc屏幕 */
@media all and (min-width: 1180px) and (max-width: 1920px) {

}

/* pc1180屏幕 */
@media all and (min-width: 992px) and (max-width: 1180px) {

}


