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;}
input,textarea,select,button{ outline: none; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
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;
}
*{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 : 1680px;
    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) {

}

/* 中等屏幕（平板，小于等于 992px） */
@media screen and (max-width: 992px) {


.col-md-1 { width:8.33333333%;} 
.col-md-2 { width:16.66666667%;} 
.col-md-3 { width:25%;} 
.col-md-4 { width:33.33333333%;} 
.col-md-5 { width:41.66666667%;} 
.col-md-6 { width:50%;}
.col-md-7 { width:58.33333333%;} 
.col-md-8 { width:66.66666667%;} 
.col-md-9 { width:75%;} 
.col-md-10 { width:83.33333333%;} 
.col-md-11 { width:91.66666667%;} 
.col-md-12 { width:100%;}


.floor{padding:50px 0;}
}

/* 小屏幕（手机，小于等于768px） */
@media screen and (max-width:768px){

.col-sm-1 { width:8.33333333%;} 
.col-sm-2 { width:16.66666667%;} 
.col-sm-3 { width:25%;} 
.col-sm-4 { width:33.33333333%;} 
.col-sm-5 { width:41.66666667%;} 
.col-sm-6 { width:50%;}
.col-sm-7 { width:58.33333333%;} 
.col-sm-8 { width:66.66666667%;} 
.col-sm-9 { width:75%;} 
.col-sm-10 { width:83.33333333%;} 
.col-sm-11 { width:91.66666667%;} 
.col-sm-12 { width:100%;}
.sm-hide{ display: none; }

.floor{padding:30px 0;}

}
/* 小屏幕（手机，小于等于 480px） */
@media (max-width: 480px){
.col-xs-1 { width:8.33333333%;} 
.col-xs-2 { width:16.66666667%;} 
.col-xs-3 { width:25%;} 
.col-xs-4 { width:33.33333333%;} 
.col-xs-5 { width:41.66666667%;} 
.col-xs-6 { width:50%;}
.col-xs-7 { width:58.33333333%;} 
.col-xs-8 { width:66.66666667%;} 
.col-xs-9 { width:75%;} 
.col-xs-10 { width:83.33333333%;} 
.col-xs-11 { width:91.66666667%;} 
.col-xs-12 { width:100%;}
.container{width:auto;}
.sm-hide{ display: none; }

.floor{padding:30px 0;}
}
@charset "utf-8";
/* CSS Document */
/*banner切换*/
.swiper-pagination{position: absolute;left: 0;text-align: center;bottom: 5px;width: 100%;z-index:999;}
.swiper-pagination-switch {display: inline-block;width: 12px;height: 12px;border-radius: 10px;background: rgba(255,255,255,0.3);box-shadow: 0px 1px 2px #555 inset;margin: 0 5px;cursor: pointer;}
.swiper-active-switch {background: white;}

/*头部导航*/
.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: 45px;}
.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;}

/*底部样式*/
.footerbox{background: #393c41;padding:70px 0 0;color: #959595;}
.fpagelist{ position: relative;}
.copyright {background:#393c41;font-size: 13px;color: #bcbdbf;padding-top:25px;padding-bottom:45px;border-top: 1px solid #5a5e61;}
.widget{min-height: 200px;}
.copy-r{position: absolute;right: -150px;top: 38px;}
.widget .title ,.copyright .title{margin-top: 0;padding-bottom: 5px;margin-bottom: 20px;position: relative;color: #fff;font-size: 16px;font-weight: normal;text-align: left;}
.widget .tag-cloud a,.widget .tag-cloud span {color: #c6c7c9;line-height:25px;display:block;margin: 0 0px 7px 0;-webkit-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;text-align: left;}
.widget .tag-cloud span i{margin-left:20px;color: #a9a9a9;font-size: 22px;vertical-align: middle;}
.copyright .title{margin-bottom: 0;}
.cooperation a{color: #bfc0c2; margin-right:12px;}
.copy-l{min-height: 50px;}
.flex-left{width: 100px;position: fixed;left:40px;top: 55%;background: #3274cd;padding: 3px 20px;line-height: 42px;margin-top: -105px;-webkit-transition: .3s;transition: .3s;z-index: 1000;}
.flex-left li{border-bottom: 1px solid #6092d6;text-align: center;}
.flex-left li a{color: #fff;}
.widget .tag-cloud span a{ display:inline-block;position: relative;}
.widget .tag-cloud .code-img{left:50%;bottom: 26px;margin-left: -45px; display:none;}
.widget .tag-cloud .code-img img{ width:100%;}
.widget .tag-cloud span a:hover .code-img{ display:block;}

.flex-icon{position: absolute;width: 20px;line-height: 45px;height: 45px;right: -20px;background:url(../images/arrowh.png) no-repeat -4px center #3274cd;top: 50%;margin-top: -22px;color: #fff;border-radius: 0 100px 100px 0;font-family: sans-serif;font-weight: 700;padding-left: 2px;box-sizing: border-box; cursor: pointer;}
.hide{left: -140px;}
.hide .flex-icon{background:url(../images/arrows.png) no-repeat center #3274cd;}
.flex-right{position:fixed;bottom:20px;right:20px; z-index: 1000;}
.navbar2{display: none;}

.copy-r li a{ display:block; text-align:center;margin-top: 15px;}
.copy-r li a img{display:block; margin:auto;}

.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(../images/code.png) no-repeat center;background-size: 20px;}
.fixedBox .top-icon{background:url(../images/top.png) no-repeat center;background-size: 20px;cursor: pointer;}
.fixedBox>span a.cored-icon:hover{background:url(../images/codeh.png) no-repeat center;background-size: 20px;}
.fixedBox .top-icon:hover{background:url(../images/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:20%;}
}

/* pc1180屏幕 */
@media all and (min-width: 992px) and (max-width: 1180px) {
.headertop ul li,.header-tel{line-height: 50px;}
.headertop li .su-line{height: 20px;top: 15px;}
.navbar-brand img{max-height: 80%;}
.header-tel span{padding-right: 20px;}
.navbar-brand{padding-left:10px; display: block;}
.navbar-nav>li{padding: 0 20px;}
.dropdown-menu li a{text-align: center;}

.navbar-nav>li:hover .dropdown-menu{width:500px;opacity: 1;visibility: visible;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;}
.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:500px;right: 0px;left: auto;padding:20px 10px 20px 0;}
.loadnav .se-dropdown-menu{width: 33.33%; float: left;border-right:1px dashed #ddd; box-sizing:border-box;padding: 0 0px 0px 50px;}
.loadnav .se-dropdown-menu .fr-dr-box{border-bottom: 0;position: relative;line-height: 32px;}
.loadnav .fr-dr-box a{font-size:16px;}
.loadnav .se-dr-box a{color: #2f74cc; font-weight:normal;}
.loadnav .se-dr-box span{color: #958c90;line-height: 20px;overflow: hidden;display: block;font-size: 13px;}
.loadnav .fr-dr-box i {font-size: 26px;margin-right: 5px;position: absolute;left: -30px;top:4px;color: #888889;}
.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: 210px;margin-left: 30px;}
.shopnavbox li{float:left;width:25%; box-sizing:border-box;}
.shop-nav-icon{width:44px;height:44px; line-height:44px; text-align:center; margin:auto; border-radius:5px; color:#fff; font-size:28px !important;margin-top: 20px;margin-bottom: 20px;}
.s-i-1{background:#0090ff;}
.s-i-2{background:#088d00;}
.s-i-3{background:#db0a05;}

.educationnav{float:left;width: 420px;}
.edunavbox{width: 200px;margin-top: 34px;float: none;padding-bottom: 20px;clear: both;}
.shopnavbox li .shop-nav-text{ color:#8f8f8f;font-size: 13px;}
.edunavbox li {float: left;width:50%;box-sizing: border-box; margin-bottom:20px;}
.edunavbox .shop-nav-icon{width:44px;height:44px; line-height:44px; text-align:center; margin:auto; border-radius:5px; color:#fff; font-size:28px !important;margin-top:10px;margin-bottom: 20px;}
.e-i-1{background:#0090ff;}
.e-i-2{background:#088d00;}
.edunavbox .shop-nav-text{color:#958c90; font-size:13px;}

/*底部样式*/
.footerbox {padding: 60px 20px 0;}
.flex-right{right:0;}
.copy-r{right:10px; top: auto;bottom: 10px;}
.widget .title, .copyright .title{margin-bottom: 20px !important;}
.flex-left{left:-140px;}
.flex-icon{background: url(../images/arrows.png) no-repeat -4px center #3274cd;}
.hide {left: 0px;}
.hide .flex-icon{background: url(../images/arrowh.png) no-repeat -4px center #3274cd;}
}

/* 中等屏幕（平板，小于等于 992px） */
@media all and (max-width: 992px) {
.newproduct{left:-200px;}
.newproduct.hide {left:0px;}

.navbar2 {background: #fff;height: 50px;overflow: hidden; display: block;}
.navbar2 li{line-height: 50px;height: 50px;font-size: 16px;/*width: 16.66%;*/padding: 0 30px;text-align: center; float:left;}
.navbar2 li.curr a{color:#3273cd;}
.se-dropdown-menu{float:none; width:auto; padding:0px; border-right:0; }
.dropdown-menu .se-dr-box a {line-height: 40px;}
.dropdown-menu .fr-dr-box i {font-size: 16px !important;margin-right: 5px;color: #0f78bc;}
.navbar-nav>li.active>a {color: #0f78bc;}
.newsnav .container{ display:none;}

/*头部样式*/
.m-logobox{display: block;color:#fff;font-size: 20px;}
.navbar-brand img{display: none;max-height: 100%;}
.m-logobox img{ display:block;margin-top: 10px;}
.headertop ul li{line-height: 30px;font-size: 12px;}
.headertop li .su-line{height:10px;top: 10px;}
.header-tel{line-height: 30px;font-size: 12px;}
.header-tel span{padding-right: 15px;}
.header-tel .tel{font-size: 12px;margin-right: 5px;}
.navbar-brand{padding-left: 20px; display: block;line-height:60px;}
.navbar-nav>li{ float:none;padding: 0;}
.navbar-nav>li>a{line-height:40px;border-bottom: 1px solid #eee;display: block;padding: 0 15px;font-size: 15px;}

.navbar-nav{overflow-y: auto;overflow-x: hidden;}
.navfixed{position: static;}
#PopLoginTips{display: block;}
.asideIcon {text-align: right;line-height:60px;padding-right: 15px;box-sizing: border-box;display: block;color: #fff;}
#asidebg { display:none}
.navbar-nav>li .dropdown-menu{border: none;position: static;opacity: 1;visibility: initial;padding-left: 0; display:block;}
.dropdown-menu .fr-dr-box{border-bottom: 1px solid #eee;font-size: 14px;padding-left: 30px;}
.dropdown-menu .se-dr-box{padding-left:0px;}
.dropdown-menu .se-dr-box a{display: block; font-weight: normal;}
.asideuser{position: relative;background: #0f78bc;background-size: 150% 100%;padding:20px 15px;}
.asideuser .face {width: 50px;height: 50px;position: absolute;border-radius: 50%;border: 2px solid #fff;left:20px;top:20px;}
.asideuser .face img {width: 100%;height: 100%;border-radius: 50%;}
.asideuser .name {padding-left:70px;height: 54px;line-height: 27px;overflow: hidden;font-size:14px;color: #fff;}
.edunavbox,.shopnavbox,.loadnav .se-dr-box{display:none;}
.dropdown-menu .se-dr-box a{ border-bottom:1px solid #eee;padding-left: 45px;}
.shopnav .fr-dr-box i{display:inline;}
.navbar-nav>li.aboutus{ display:block;}

/*底部样式*/
.footerbox{padding:50px 0 0;}
.widget .title, .copyright .title{font-size: 14px; margin-bottom:10px !important; }
.widget .tag-cloud a, .widget .tag-cloud span{font-size: 12px;}
.widget .tag-cloud span i{font-size: 18px; margin-left: 15px;}
.cooperation a{font-size: 12px;}
.widget .tag-cloud a, .widget .tag-cloud span{line-height: 20px;}
.flex-left{left:-140px;}
.flex-icon{background: url(../images/arrows.png) no-repeat -4px center #3274cd;}
.hide {left: 0px;}
.hide .flex-icon{background: url(../images/arrowh.png) no-repeat -4px center #3274cd;}
.flex-right{display: none;}

}

/* 小屏幕（手机，小于等于768px） */
@media screen and (max-width:768px){
.telbox{margin-top:-10px;}
.website-combox img{max-height:86px;}
.course-info{height:44px;}
.copy-r{display:none;}
}
/* 小屏幕（手机，小于等于 480px） */
@media screen and (max-width:480px){
.newproduct{ display:none;}
/*头部样式*/
.headertop{display: none;}
.headertop{display: none;}
.navbar-brand{text-align: left;line-height:50px; width:60%}
.navbar-nav>li>a{font-size: 14px;}
.dropdown-menu .fr-dr-box{border-bottom: 1px solid #eee;font-size: 14px;padding-left: 20px;}
/*.dropdown-menu .se-dr-box a{font-size: 12px;}*/
.asideIcon {line-height:50px;}
.navbar-brand img{width: 100%;}
.m-logobox .telbox{margin-top: -10px;font-size: 14px;}
.navbar2 li{ padding:0 18px;}
.p1{ display:none}

/*底部样式*/
.footerbox{padding:20px;}
.widget{min-height: 0;}
.footerbox .col-sm-12,.footerbox .copyright{display: none;}
.footerbox .col-sm-12:nth-last-child(2){display: block;}
.widget .title{ margin-bottom: 0 !important; }
.widget .tag-cloud span {margin-bottom: 0;}
.widget .tag-cloud span i{font-size: 16px;margin-left: 10px;}
.flex-left,.flex-right{display: none;}
.copy-r{display:none;}
.fpagelist  .col-md-2{display:none;}
}

/*通用按钮*/
.btn{display:inline-block;padding: 9px 31px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}
.btn-primary{color:#fff;background-color:#3274cd;border-color:#3274cd}
.btn-default{color:#3274cd;background-color:#fff;border-color:#fff}
.headertop li h1{ display:inline; font-size:14px; font-weight:normal}
.headertop li h1 a{ color:#333;}

@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot'); /* IE9*/
  src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/f2aac0cc3300490ab5e6978d49f92b0e.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-tengxunweibo:before { content: "\e6fe"; }

.icon-pinpai1:before { content: "\e6a3"; }

.icon-anzhuo1:before { content: "\e608"; }

.icon-user:before { content: "\e6a2"; }

.icon-iconfontfuwu:before { content: "\e610"; }

.icon-xinlang:before { content: "\e653"; }

.icon-zidingyi:before { content: "\e689"; }

.icon-bijiben:before { content: "\e624"; }

.icon-16yunchucun:before { content: "\e626"; }

.icon-fudaoshangcheng:before { content: "\e606"; }

.icon-fenxiao:before { content: "\e68b"; }

.icon-shezhi:before { content: "\e676"; }

.icon-shaidan:before { content: "\e6b9"; }

.icon-qianbao:before { content: "\e621"; }

.icon-time:before { content: "\e6be"; }

.icon-saas_over:before { content: "\e60c"; }

.icon-fenxiao1:before { content: "\e6c0"; }

.icon-lianjie:before { content: "\e61d"; }

.icon-weixin:before { content: "\e617"; }

.icon-computer-1:before { content: "\e603"; }

.icon-laptop-2:before { content: "\e60b"; }

.icon-sharing:before { content: "\e618"; }

.icon-jishu:before { content: "\e611"; }

.icon-cha:before { content: "\e61e"; }

.icon-bianji:before { content: "\e808"; }

.icon-shipin:before { content: "\e620"; }

.icon-flagship:before { content: "\e66e"; }

.icon-jingpai:before { content: "\e938"; }

.icon-dianhua:before { content: "\e607"; }

.icon-rizhi:before { content: "\e658"; }

.icon-lanmu:before { content: "\e61f"; }

.icon-sousuo:before { content: "\e960"; }

.icon-jiantou-copy:before { content: "\e613"; }

.icon-pinpai:before { content: "\e61c"; }

.icon-dingwei:before { content: "\e789"; }

.icon-server1:before { content: "\e661"; }

.icon-shouji:before { content: "\e60d"; }

.icon-bofangjiantou:before { content: "\e612"; }

.icon-server:before { content: "\e69e"; }

.icon-shouji1:before { content: "\e644"; }

.icon-anzhuo:before { content: "\e670"; }

.icon-shangcheng:before { content: "\e628"; }

.icon-jianzhan:before { content: "\e7aa"; }

.icon-ios:before { content: "\e619"; }

.icon-duanxin:before { content: "\e602"; }

.icon-bofang:before { content: "\e622"; }

.icon-tongji:before { content: "\e64a"; }

.icon-zhuye:before { content: "\e604"; }

.icon-rili:before { content: "\e60a"; }

.icon-liebiaocaidan:before { content: "\e60f"; }

.icon-suo:before { content: "\e614"; }

.icon-shuqian:before { content: "\e615"; }

.icon-shezhi1:before { content: "\e61a"; }

.icon-fenxiang:before { content: "\e616"; }

.icon-moban:before { content: "\e60e"; }

.icon-kaifapingtai:before { content: "\e6fd"; }

.icon-weixin1:before { content: "\e68a"; }

.icon-zhibo:before { content: "\e663"; }

.icon-jia-b:before { content: "\e601"; }

.icon-yonghuming:before { content: "\e641"; }

.icon-gongneng1:before { content: "\e61b"; }

.icon-bangzhuzhongxin:before { content: "\e627"; }

.icon-saas:before { content: "\e600"; }

.icon-pintuan:before { content: "\e71c"; }

.icon-yingxiao:before { content: "\e63c"; }

.icon-weishangcheng:before { content: "\e629"; }

.icon-pingfen:before { content: "\e623"; }

.icon-gongneng:before { content: "\e62f"; }

.icon-cheng:before { content: "\e7fb"; }

.icon-anniu:before { content: "\e7fc"; }

.icon-bi:before { content: "\e7fd"; }

.icon-diannao:before { content: "\e7fe"; }

.icon-dingdan:before { content: "\e7ff"; }

.icon-dingzi:before { content: "\e800"; }

.icon-duihuakuang:before { content: "\e801"; }

.icon-kehu:before { content: "\e804"; }

.icon-laba:before { content: "\e805"; }

.icon-shouji2:before { content: "\e809"; }

.icon-shuaxin:before { content: "\e80a"; }

.icon-xiaochengxu:before { content: "\e605"; }

.icon-caifang-weituodanwei:before { content: "\e677"; }

.icon-caifang-danweilianxirendianhua:before { content: "\e66f"; }

.icon-caifang-cailiaoshuoming:before { content: "\e678"; }

.icon-caifang-zhuti:before { content: "\e67a"; }

.icon-gaojian-guanjianzi:before { content: "\e671"; }

.icon-gaojian-zhubiaoti:before { content: "\e672"; }

.icon-gaojian-xiangguancaifang:before { content: "\e67b"; }

.icon-gaojian-zhaiyao:before { content: "\e67c"; }

.icon-gaojian-zuozhe:before { content: "\e673"; }

.icon-xinwen-dengjiren:before { content: "\e674"; }

.icon-xinwen-laiyuan:before { content: "\e675"; }

.icon-xinwenshenhedan-shexiangjizhe:before { content: "\e679"; }

.icon-xuanti-fuzeren:before { content: "\e67e"; }

.icon-xuanti-pingtai:before { content: "\e67d"; }

.icon-xuanti-neirongjianshu:before { content: "\e681"; }

.icon-zhuantishenhedan-baozhuang:before { content: "\e685"; }

.icon-zhuantishenhedan-lanmumingcheng:before { content: "\e686"; }

.icon-zhuantishenhedan-jiemumingcheng:before { content: "\e687"; }

.icon-zhuantishenhedan-zhuchirenpeiyin:before { content: "\e688"; }

.icon-hebaoguanli:before { content: "\e6cd"; }

.icon-hezhunshenqing:before { content: "\e6ce"; }

.icon-tiaochaziliaoguanli:before { content: "\e6d8"; }

.icon-wode:before { content: "\e6d9"; }

.icon-woderenwu-liebiao:before { content: "\e6da"; }

.icon-ios1:before { content: "\e64d"; }

.icon-left-template:before { content: "\e630"; }

.icon-left-background:before { content: "\e631"; }

.icon-left-layer:before { content: "\e632"; }

.icon-sheji:before { content: "\e609"; }

.icon-shequ:before { content: "\e62a"; }

.icon-yonghu:before { content: "\e62b"; }

.icon-bukejian:before { content: "\e62c"; }

.icon-jihe:before { content: "\e62d"; }

.icon-xianshang:before { content: "\e62e"; }

.icon-copy:before { content: "\e643"; }

.icon-view:before { content: "\e645"; }

.icon-guestbook:before { content: "\e650"; }

.icon-wz-seo:before { content: "\e625"; }

.bg-c31{background-color:#313139}
.bg-cf6{background-color:#f6f6f6}
.bg-c32{background-color:#3274cd}
.bg-cf6{background-color:#f6f6f6}
.banner,.banner2{overflow:hidden;width:100%;position:relative}
.bannervideo{position: absolute;right:15%;top: 0;width:25%;}
.banner2{display: none;}
.banner2 img{display: block;width: 100%;}
.c-f5a{color:#ff5a00;}
.cooperation{ line-height:28px}
.banner .mod_01{cursor:pointer;}
.banner .mod_01 img{display:block;max-height:100%; }
/*.banner .swiper-pagination-bullet,.banner2 .swiper-pagination-bullet{width:12px;height:12px;background: rgba(255,255,255,0.5);opacity: 1; margin:0 12px !important;}
.banner2 .swiper-pagination-bullet{width:10px;height:10px;background: rgba(0,0,0,0.2);margin:0 8px !important;}
.banner .swiper-pagination-bullet-active{background:#fff}
.banner2 .swiper-pagination-bullet-active{background: #444;}*/

.banner2 .swiper-pagination-switch {display: inline-block;width: 15px;height: 15px;border-radius: 10px;background: rgba(0,0,0,0.3);box-shadow:none;margin: 0 3px;cursor: pointer;}
.banner2 .swiper-active-switch {background: #3274cd;}
.i-banner-box{position: relative;}
.i-bannerinfo .c-title{font-size: 40px;margin-bottom: 21px;}
.i-bannerinfo .c-itemtitle{font-size: 16px;}
.i-bannerbtn a{width: 200px;height:50px;float: left;line-height:50px;text-align: center;border-radius:5px; font-size:16px;}
.i-bannerbtn{margin-top: 30px;}
.i-bannerbtn .i-b-ys{background: #3274cd;color: #fff;margin-right: 20px;}
.i-bannerbtn .i-b-more{background: #fff;color:#3274cd; }
.i-bannerbtn .i-b-more:hover{background: #3274cd;color: #fff;}

.title{text-align:center;margin-bottom: 73px;overflow:hidden;}
.c-title{font-size:28px;line-height: 50px;margin-bottom: 2px; text-align:center}
.courseBox a{display:block;margin:0 0 30px;background:#fff}
.web-align{text-align: center;}
.course-facelist{margin-left:-10px;margin-right:-10px;clear:both}
.newslist-box{clear:both;}
.templatelist-box{margin-right: -15px; margin-left: -15px;}
.news-grid{margin-bottom:30px}

.web-c3{color:#3274cd}
.website-bd{border-bottom:1px solid #efefef;padding-bottom: 45px;}
.website-iconbox{vertical-align:middle;text-align:center;width:95px;height:95px;line-height:95px;border:1px solid #3274cd;margin:0 auto;border-radius:100%}
.website-iconbox i{color:#3274cd;font-size:36px;}

.courseBox .website-po{ margin:0 15px 30px; }
.course-imgbox{overflow: hidden;position: relative;cursor: pointer;}
.course-imgbox .course-shadow{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background:#212121;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;opacity:0.3;filter: alpha(opacity=30);}
.website-po:hover .course-shadow{opacity: .5;background: #212121;filter: alpha(opacity=50);}
.course-imgbox .plus{position: absolute;width:70px;height: 70px;border-radius: 100%; color: #fff;font-size: 30px;top:50%;left: 50%;margin-left: -37px;margin-top:-37px;line-height: 70px;text-align: center;border: 2px solid #fff;/*-webkit-transform: scale(2);transform: scale(2);*/-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: all ease-out 250ms;transition: all ease-out 250ms;opacity:1;}
.website-po:hover .plus{opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1.2);transform: scale(1.2);}

.btn{display:inline-block;padding: 9px 31px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}
.btn-primary{color:#fff;background-color:#3274cd;border-color:#3274cd}
.webside-name{margin-top:37px;font-size:18px;margin-bottom: 17px;color: #3e3e3e;}
.webside-title{font-size:14px;margin-bottom: 32px;color: #9f9f9f;line-height: 25px;}
.website-p60{padding:0 60px}
.webside-system{text-align: left;vertical-align:middle;font-size:14px;border:1px solid #ddd;padding:12px;margin:0 15px 30px;min-height:168px;position:relative;background: #fff;overflow: hidden;}
.webside-gray{width: 100%;background: rgba(25,25,25,0.77);height:292px;position:absolute;left: 0;bottom: -120%;-webkit-transition:.3s;transition:.3s}

.system-icon{width:80px;height:80px;margin:0 auto}
.system-icon i{width: 64px;display: block;height: 64px;margin: auto;}
.system-icon .t-icon-01{background: url(../images/t-icon1.png) no-repeat center; background-size:100%; }
.system-icon .t-icon-02{background: url(../images/t-icon2.png) no-repeat center; background-size:100%;}
.system-icon .t-icon-03{background: url(../images/t-icon3.png) no-repeat center; background-size:100%;}
.system-icon .t-icon-04{background: url(../images/t-icon4.png) no-repeat center; background-size:100%;}
.system-icon .t-icon-05{background: url(../images/t-icon5.png) no-repeat center; background-size:100%;}
.system-icon .t-icon-06{background: url(../images/t-icon6.png) no-repeat center; background-size:100%;}
.system-name{margin:5px 0 7px 0;color: #464646;font-weight:700;font-size: 16px; text-align:center}
.system-info{line-height:30px;color:#646464;}
.system-title{text-align:center;color:#ffa200;padding:30px 0; font-size:18px;}
.system-list ul {padding:0 20px;}
.system-list ul li{float:left;width:50%;text-align:center;line-height:35px}
.system-list ul li a{color:#fff}
.course-facelist .col-3{position:relative;overflow:hidden}
.course-facelist .col-3:hover .webside-gray{left:0}
.productlist{background: url(../images/productbg.jpg) no-repeat center bottom;background-size: 100%;}
.website-grayimg{position:absolute;left:-100%;top:0;width:100%;-webkit-transition:.3s;transition:.3s;z-index:99}
.website-grayimg img{display:block;width:100%;-moz-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;transition:all 1s ease 0s}
.website-po{position:relative;overflow:hidden}
.website-po:hover .website-grayimg{left:0}
.grayimg-title{font-size:18px;padding:15px 0 5px}
.website-learn{position:relative;padding:0 30px 40px 55px}
.website-licon{position:absolute;left:0;top:0}
.website-licon i{width: 35px;height: 35px;display: block;}
.website-licon i.icon-01{background: url(../images/icon1.png) no-repeat center;background-size: 35px;}
.website-licon i.icon-02{background: url(../images/icon2.png) no-repeat center;background-size: 35px;}
.website-licon i.icon-03{background: url(../images/icon3.png) no-repeat center;background-size: 35px;}
.website-licon i.icon-04{background: url(../images/icon4.png) no-repeat center;background-size: 35px;}
.website-licon i.icon-05{background: url(../images/icon5.png) no-repeat center;background-size: 35px;}
.website-licon i.icon-06{background: url(../images/icon6.png) no-repeat center;background-size: 35px;}
.website-lname{font-size:20px;color:#333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.website-linfo{color:#a3a3a3; font-size: 14px;line-height: 25px;}
.website-function{color:#fff;text-align:center;margin-bottom: 42px;}
.website-ficon{width:100px;height:100px;vertical-align:middle;text-align:center;display:inline-block;margin-top: 66px;}
.ficon01{background: url(../images/b-c1.jpg) no-repeat center;background-size: 100%;}
.ficon02{background: url(../images/b-c2.jpg) no-repeat center;background-size: 100%;}
.ficon03{background: url(../images/b-c3.jpg) no-repeat center;background-size: 100%;}
.ficon04{background: url(../images/b-c4.jpg) no-repeat center;background-size: 100%;}
.ficon05{background: url(../images/b-c5.jpg) no-repeat center;background-size: 100%;}
.ficon06{background: url(../images/b-c6.jpg) no-repeat center;background-size: 100%;}

.website-ficon i{font-size:36px;vertical-align:middle;font-weight:600}
.website-fcount{color:#3274cd;font-size:30px;margin-top: 17px;margin-bottom: 22px;}
.website-fname{font-size: 16px;}
.website-btitle{font-size:18px;padding:0 0 40px 0;color: #414141;}

.website-blist ul{position: relative;}
.website-blist .su-line{position: absolute;width: 1px;background: #eee;height: 220px;top: 22px;left: 13px;}
.website-blist li{padding:0 0 40px 45px;position:relative}
.website-bcicle{width:15px;height:15px;border:1px solid #3274cd;border-radius:100%;position:absolute;left:5px;top:6px;background: #fff;}

.website-bit{font-size:16px;color:#434343;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.website-binfo{color:#7a7a7a;font-size: 14px;line-height: 25px;}
.website-imgbox{margin-top: 22px;text-align: right;}
.website-imgbox img{max-width: 100%;}
.website-templet{margin:0 15px;overflow: hidden;background: #fff;-webkit-transition: .3s;transition: .3s;}
.templatelist-box .news-grid{margin-bottom: 36px;}
.website-timgbox{position: relative;}
.website-timgbox img{display:block;width: 100%;}
.website-timgbox .hoticon{position: absolute;left: 0;top: 0;background: url(../images/hot.png) no-repeat center;z-index: 1000;background-size: 100%;width: 84px;height: 84px;}
.website-tcontent{padding:100px 0 0 20px;font-size:14px;}

.website-ttilte{font-size:18px;color:#747474;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.website-tline{border-bottom:2px solid #3274cd;height:2px;width:66px;margin-top: 5px;}
.website-tinfo{padding:20px 0 10px 0}
.website-tinfo li{line-height:28px;color: #5c5c5c;}
.website-templet:hover .website-tinfo li,.website-templet.curr .website-tinfo li{color: #fff;}
.website-ttime{color:#b9b9b9}
.website-tname{color:#919191}
.website-propagate{height:307px;overflow:hidden;background:url(../images/website-gray.png);display:table;width:100%}
.website-propagate h2{vertical-align:middle;display:table-cell;text-align:center;color:#fff;font-size: 48px;font-weight: normal;letter-spacing: 18px;}
.website-ccontent{padding-top:18px;padding-left:76px;position:relative;}
.website-cdate{position:absolute;left:0;background:#3274cd;padding:2px 15px;color:#fff;-webkit-transition: .3s;transition: .3s;}

.wesite-cday{font-size:18px;display:block}
.wesite-cmouth{font-size:14px;display:block}
.website-ctitle{font-size:18px;color:#303030;line-height: 30px;height: 60px;margin-bottom: 10px;overflow: hidden;}
.website-cform{color:#303030;font-weight:400;padding-bottom:5px; display:none;}
.website-cinfo{color:#747474;line-height:24px;height: 48px;overflow: hidden;}
.webiste-cbtn{color: #353535;cursor: pointer;font-size: 14px;display: block;margin-top: 7px;}
.consult-box{margin-right: -15px; margin-left: -15px;}
.website-consult{margin:0 15px;border: 1px solid #ebebeb;padding-bottom: 20px;background: #fff;border-bottom: 0;}
.consult-box .more a{margin: 0px 20px 37px;width: auto;background: #ededed;color: #777;}
.consult-box .more a:hover{background:#3274cd; color:#fff;}
.website-cimgbox{overflow:hidden; position:relative;}
.website-cimgbox i{width: 50px;height: 50px;position: absolute;left: 10px;}
.website-cimgbox i.icon-i1{background: url(../images/sign1.png) no-repeat center;}
.website-cimgbox i.icon-i2{background: url(../images/sign3.png) no-repeat center;}
.website-cimgbox i.icon-i3{background: url(../images/sign2.png) no-repeat center;}
.website-cimgbox img{width:100%;display:block;overflow:hidden; min-height:100%;}
.website-dx{margin:0 auto;text-align:center}
.more a{display: block;width: 184px;height: 48px;margin: 98px auto 37px;text-align: center;color: #fff;background: #3274cd;line-height: 48px;font-size: 16px;border-radius: 5px;}
.website-table{width:100%}
.website-table td{text-align:center;padding:30px;border:1px solid #eee}
.website-coopname{padding-top:15px}
.website-coopbtn{text-align:center;vertical-align:middle;padding-top:80px}
.website-coopbtn .btn{display:inline-block;text-align:center}
.website-aicon{text-align:center;width: 110px;margin: auto;-webkit-transition: .3s;transition: .3s;cursor: pointer;}
.website-abous-tips{color: #a2a2a2;margin-top: 60px; margin-bottom: 49px; margin-left: 0px;display: none;}
.website-aicon i{font-size:50px;color: #5c6973;}
.website-ainfo{text-align:center;color: #9a9a9a;font-size: 16px;}
.website-combox{text-align: center;vertical-align: middle;padding: 40px 0;border: 1px solid #eee;border-right: 0;border-bottom: 0;}
.website-combox img{max-width:80%;min-height:78px;}
.website-comname{padding: 20px 0 0 5px}
.website-comlist{border-right:1px solid #eee;border-bottom: 1px solid #eee}
.course-imgbox img{width:100%;display: block;}
.website-gbox{width:90%;margin: 0 auto;background-color: #fff}

.website-co-list{margin: 0 15px 21px;padding: 15px;background: #fff;border: 1px solid #eee;}
.website-co-list li{padding-left: 15px;font-size: 14px;line-height: 34px;height: 34px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative;}
.website-co-list li span {float: right;font-size: 12px;color: #9a9a9a;}
.website-co-list .news-li i {width: 4px;height: 4px;background: #c2c2c2;position: absolute;left: 0;top: 50%;margin-top: -2px;}

.prointrot .p-l-title,.prointrot .p-r-title{font-size:28px;padding-bottom:8px; position:relative;}
.prointrot .p-l-title{text-align: right; margin-right:20px;}
.prointrot .p-r-title{margin-left:20px;}
.prointrot .p-l-title i,.prointrot .p-r-title i{position: absolute;bottom: 0;height:4px;width:18%; border-radius:4px;}
.prointrot .p-l-title i{right:0; background:#3274cd;}
.prointrot .p-r-title i{left:0;background: #eee;}
.prointroimg {text-align:center;}
.prointroimg img{width:30%;margin-top: 4px;}

.prointroIcon .p-i-icon{ width:60px;height:60px;line-height:60px; text-align:center;border: 1px solid #3274cd;border-radius: 60px;margin: 10px auto 58px;}
.prointroIcon .p-i-icon img{width:30px;height:30px;vertical-align: middle;}
.prointrob{margin-top: 40px;padding: 20px;box-shadow: 0px 0px 10px 5px #f1f1f1;margin-bottom: 90px;border-radius: 5px;}
.prointrob ul li{margin-bottom:40px;}
.p-i-bl{text-align:right;}
.prointrob .introbox{color: #828282;height: 50px;}
.prointrob .titlebox{color:#484848; font-size:18px; line-height:30px;}
.p-i-bl li:last-child,.p-i-br li:last-child,.prointroIcon .p-i-icon:last-child{margin-bottom:0;}

.topnews{box-shadow: 0px 3px 5px 0px #f1f1f1;padding: 20px 0;}
.t-news-title{ float:left;font-size: 30px;width: 150px;line-height: 63px;}
.t-news-newslist ul li{line-height:63px;font-size: 16px;}
.t-news-newslist{height:63px; overflow:hidden;}
.topnews-box .topnews-num{float:left; width:50%; text-align:center; border-right:1px dashed #ddd; box-sizing:border-box;}
.topnews-box .topnews-num:last-child{border-right:0;}
.topnews-box .topnews-num .topnews-data{font-size: 30px;color: #e10000;font-weight: bold;line-height: 35px;}
.topnews-text{color: #5c5c5c; font-size:16px;}

#video{cursor:pointer;}
#video img{width:100%;}
.videoBg{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.8);top: 0;left:0;z-index: 100000; display:none;}
.videoBox{width:70%;position:fixed;top:10%;left:50%;margin-left:-35%; z-index:100001; background:#000; display:none;}
.videoBox iframe{border:0;}
.no-scroll{overflow:hidden;}
.videoBox iframe video{width:100%;}
.m-prointro,.m-course-team{ display:none;}
.pc-m-l{margin-left:30px}
/*pc*/
@media all and (min-width:1180px) and (max-width:1920px){
	.banner2 .swiper-pagination-switch{ margin:0 10px;}
    .navfixed{position: fixed;width: 100%;left: 0;top: 0;z-index: 10;background: #fff;}
	.swiper-pagination{bottom:10px!important}
	.website-iconbox:hover{background: #3274cd;}
	.website-iconbox:hover i{color: #fff;}
	.pro-box:hover .webside-gray{bottom: 0;}
	.website-learn:hover .website-lname{color: #3274cd; }
	.website-learn:hover i.icon-01{background: url(../images/iconh1.png) no-repeat center;background-size: 35px;}
	.website-learn:hover i.icon-02{background: url(../images/iconh2.png) no-repeat center;background-size: 35px;}
	.website-learn:hover i.icon-03{background: url(../images/iconh3.png) no-repeat center;background-size: 35px;}
	.website-learn:hover i.icon-04{background: url(../images/iconh4.png) no-repeat center;background-size: 35px;}
	.website-learn:hover i.icon-05{background: url(../images/iconh5.png) no-repeat center;background-size: 35px;}
	.website-learn:hover i.icon-06{background: url(../images/iconh6.png) no-repeat center;background-size: 35px;}
	/*.website-po:hover .course-imgbox .plus{display: block;}*/
	.website-po:hover .course-conbox{background:#3274cd; }
	.website-po:hover .course-conbox div{color: #fff;}
	.website-blist li:hover .website-bcicle{background-color:#3274cd}
	.website-blist li:hover .website-bit{color:#3274cd; }
	.website-templet:hover,.website-templet.curr{background-color:#3274cd}
	.website-templet:hover div,.website-templet.curr div,.website-templet.curr div a,.website-templet:hover div a{color:#fff!important;border-color:#fff!important}
	.website-consult:hover .website-cdate{background: #3274cd;}

	.course-info{font-size:14px;color: #8e8e8e;height: 25px;line-height: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.course-title{font-size:18px;line-height: 18px;height:18px;margin-bottom: 5px; color: #313131;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.course-price{margin-top:5px}
	.courselist{margin-right: -15px;margin-left:-15px;}
	.course-conbox{padding: 18px 16px;-webkit-transition: .3s;transition: .3s;}

	.floor-1000{width:1000px;margin:0 auto}
    .website-function:hover .ficon01{background: url(../images/b-c1h.jpg) no-repeat center;background-size: 100%;}
	.website-function:hover .ficon02{background: url(../images/b-c2h.jpg) no-repeat center;background-size: 100%;}
	.website-function:hover .ficon03{background: url(../images/b-c3h.jpg) no-repeat center;background-size: 100%;}
	.website-function:hover .ficon04{background: url(../images/b-c4h.jpg) no-repeat center;background-size: 100%;}
	.website-function:hover .ficon05{background: url(../images/b-c5h.jpg) no-repeat center;background-size: 100%;}
	.website-function:hover .ficon06{background: url(../images/b-c6h.jpg) no-repeat center;background-size: 100%;}
	.website-function:hover .website-fcount{color: #fff;}
	.website-function:hover .website-fname{color: #3274cd;}

	#website-abous .curr .website-aicon{width:110px;height:110px;margin: auto;border-radius: 100%;background:#3274cd;text-align: center;line-height: 110px;}
	#website-abous .curr .website-aicon i{color: #fff;}
	#website-abous .curr .website-ainfo{display: none;}

	.widget .tag-cloud a:hover,.cooperation a:hover{color: #3274cd;}
	
	
	
	
	#full-screen-slider { width:100%; height:600px; float:left; position:relative}
#slides { display:block; width:100%; height:600px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li img{ width:100%; height:auto}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:none!important}

	
.shouji{ display:none}	
	
}
/* pc1180屏幕 */
@media all and (min-width: 992px) and (max-width: 1180px) {
	.banner2 .swiper-pagination-switch{ margin:0 5px;}
	.website-bd{overflow:hidden;}
	.title{margin-bottom: 73px !important;}
	.navfixed{position: fixed;width: 100%;left: 0;top: 0;z-index: 100;background: #fff;}
	.templatelist-box,.consult-box{margin-right: 0;margin-left: 0;}
	.c-title,.c-itemtitle{padding: 0 15px;}
	.banner{display: none;}
	.banner2{display: block;}
	.course-conbox{padding: 15px;}
	.course-info{color: #999;}
	.website-learn{padding: 0 15px 40px 60px;}
	.website-licon{left: 15px;}
	.website-business,.website-imgbox{padding:0 15px;}
	.website-binfo br{display: none;}
	.news-grid{margin-bottom: 0;}
	.website-tcontent{padding: 70px 15px 0 20px;}
	.website-propagate h2{font-size: 35px;letter-spacing: 10px;}
	.website-ctitle{margin-top: 5px;}
	.website-cnews{margin-right: 15px;}
	.website-iconbox:hover{background: #3274cd;}
	.website-iconbox:hover i{color: #fff;}
	.pro-box:hover .webside-gray{bottom: 0;height: 292px;}
	.website-learn:hover .website-lname{color: #3274cd; }
	.website-learn:hover i.icon-01{background: url(../images/iconh1.png) no-repeat center;background-size: 35px;}
	.website-learn:hover i.icon-02{background: url(../images/iconh2.png) no-repeat center;background-size: 35px;}
	.website-learn:hover i.icon-03{background: url(../images/iconh3.png) no-repeat center;background-size: 35px;}
	.website-learn:hover i.icon-04{background: url(../images/iconh4.png) no-repeat center;background-size: 35px;}
	.website-learn:hover i.icon-05{background: url(../images/iconh5.png) no-repeat center;background-size: 35px;}
	.website-learn:hover i.icon-06{background: url(../images/iconh6.png) no-repeat center;background-size: 35px;}
	.website-po:hover .course-imgbox .plus{display: block;}
	.website-po:hover .course-conbox{background:#3274cd; }
	.website-po:hover .course-conbox div{color: #fff;}
	.website-blist li:hover .website-bcicle{background-color:#3274cd}
	.website-blist li:hover .website-bit{color:#3274cd; }
	.website-templet:hover{background-color:#3274cd}
	.website-templet:hover div{color:#fff!important;border-color:#fff!important}
	.website-consult:hover .website-cdate{background: #3274cd;}
    
    .website-function:hover .ficon01{background: url(../images/b-c1h.jpg) no-repeat center;background-size: 100%;}
	.website-function:hover .ficon02{background: url(../images/b-c2h.jpg) no-repeat center;background-size: 100%;}
	.website-function:hover .ficon03{background: url(../images/b-c3h.jpg) no-repeat center;background-size: 100%;}
	.website-function:hover .ficon04{background: url(../images/b-c4h.jpg) no-repeat center;background-size: 100%;}
	.website-function:hover .ficon05{background: url(../images/b-c5h.jpg) no-repeat center;background-size: 100%;}
	.website-function:hover .ficon06{background: url(../images/b-c6h.jpg) no-repeat center;background-size: 100%;}
	.website-function:hover .website-fcount{color: #fff;}
	.website-function:hover .website-fname{color: #3274cd;}

    #website-abous .curr .website-aicon{width:110px;height:110px;margin: auto;border-radius: 100%;background:#3274cd;text-align: center;line-height: 110px;}
	#website-abous .curr .website-aicon i{color: #fff;}
	#website-abous .curr .website-ainfo{display: none;}
	

	.widget .tag-cloud a:hover,.cooperation a:hover{color: #3274cd;}
	.flex-right{right:0;}
	.widget .title, .copyright .title{margin-bottom: 20px !important;}
	.prointrob{margin:40px 20px 60px;}
	.prointrot .p-l-title, .prointrot .p-r-title{font-size:24px;}
	
	.course-imgbox .plus{width: 60px;height: 60px;font-size: 20px;margin-left: -30px;margin-top: -30px;line-height: 60px;}
}

/* 中等屏幕（平板，小于等于 992px） */
@media all and (max-width: 992px) {
	.banner2 .swiper-pagination-switch{width:8px;height:8px; margin:0 5px;}
	.website-bd{overflow:hidden;}
	.title{margin-bottom: 50px !important;}
	.c-title,.c-itemtitle{padding: 0 20px;}
	.c-itemtitle {font-size: 13px;}

	.banner2{display: block;}
	.banner2 .swiper-pagination-bullet{width: 8px;height: 8px;margin:0 5px !important;}
	.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0px;}
	.website-p60{padding: 0 15px;}
	.webside-title{font-size: 13px;margin-bottom: 25px;line-height: 24px;height: 72px;}
	.webside-title br{display: none;}
	.btn{padding: 6px 30px;border-radius: 2px;font-size: 13px;}
	.courseBox a{margin: 0 15px 30px;}
	.website-iconbox{width: 80px;height: 80px;line-height: 80px;}
	.webside-name{margin-top: 25px;font-size: 18px;margin-bottom: 10px;}
    .templatelist-box,.consult-box{margin-left:0;margin-right: 0; }
    .website-templet{margin: 0 15px;}
    .website-propagate h2{font-size: 30px;letter-spacing:5px;}
    .website-tcontent{padding: 35px 10px 0 10px;}
    .website-ttilte{font-size: 16px;}
    .website-tname{font-size: 13px;}
    .website-tinfo li{line-height: 25px;font-size: 13px;}
    .website-ttime{font-size: 13px;}
    .templatelist-box .news-grid {margin-bottom: 30px;}
    .website-imgbox{margin-top: 0;text-align: center;}
	.website-blist{padding: 0 20px;}
	.website-bcicle{width: 12px;height: 12px;}
	.website-blist .su-line{top: 21px;left: 11px;}
	.website-binfo{font-size: 13px;}
	.website-btitle{padding: 0 0 40px 20px;}
	.website-cinfo{font-size: 13px;padding-right: 20px;}
	.webiste-cbtn,.website-cform,.website-linfo{font-size: 13px;}
	.website-consult{margin: 0 15px;}
	.website-ficon{margin-top: 50px;}
	.website-licon{left: 15px;}
	.website-learn{padding: 0 15px 40px 60px;}
	.website-lname{font-size: 18px;}
	.course-conbox{padding: 10px 15px;}
	.course-info{font-size: 13px;line-height: 22px;color: #9f9f9f;}
	.website-ficon{width: 90px;height: 90px;}
	.website-fcount{font-size: 28px;margin-top: 10px;margin-bottom: 10px;}
	.website-fname {font-size: 14px;}
	.webside-system{padding: 10px;}
	.system-icon{height: 60px;}
	.webside-gray{display: none;}
	.system-name{margin: 0px 0 7px 0;font-size: 15px;font-weight: normal;}
	.system-icon i{width: 40px;height: 40px;margin-top: 20px;}
	.system-info{font-size: 13px;line-height: 24px;color: #999;}

	.more a{line-height: 38px;font-size: 14px;border-radius: 3px;width: 150px;height: 38px;margin: 58px auto 20px;}
	.website-ainfo{font-size: 14px;}
	.website-abous-tips{margin-bottom: 30px;margin-top: 50px;}
	

	.website-abous{height: 115px;overflow:hidden;}
	#website-abous .curr .website-aicon{width:90px;height:90px;margin: auto;border-radius: 100%;background:#3274cd;text-align: center;line-height: 90px;    margin-top:15px;}
	#website-abous .curr .website-aicon i{color: #fff;}
	#website-abous .curr .website-ainfo{display: none;}
	.website-timgbox .hoticon{width: 64px;height: 64px;}
	
	.c-title {font-size: 25px;}
	.prointrob .titlebox{font-size: 16px;}
	.topnews{padding:0;}
	.t-news-title{display: none;}
	.t-news-newslist ul li{line-height: 53px;}
	.t-news-newslist{height:53px;text-align: center;}
	.topnews-box{ background:#f8f8f8;padding: 20px 0;}
	.topnews-box .topnews-num .topnews-data {font-size: 25px;}
	.topnews-text{font-size: 13px;}
	.t-news-newslist ul li{font-size:14px;}
	.prointrob{margin:30px 20px 40px;}
	.prointrot .p-l-title, .prointrot .p-r-title{font-size:20px;}
	.prointrob .introbox{font-size:14px;}
	.prointrob .introbox br{display:none;}
	.prointrot .p-l-title i, .prointrot .p-r-title i{height:2px;}
	
	.course-imgbox .plus{width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;line-height: 40px;font-size: 15px; opacity:1;-webkit-transform: scale(1.5);transform: scale(1.5);}
	.course-imgbox .course-shadow{opacity: 0.2;}
}
/* 小屏幕（手机，小于等于 480px） */
@media screen and (max-width:480px){




#full-screen-slider { width:100%; height:180px; float:left; position:relative}
#slides { display:block; width:100%; height:180px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute; background-size:150%!important}



    .m-prointro{ display:block;}
	.m-prointro img{ width:100%;}
	.prointrot,.prointrob{ display:none;}
	.title{margin-bottom:40px !important;}
	.c-title{font-size: 20px;line-height: 30px;}
	.c-itemtitle{font-size: 12px;}
	.c-itemtitle br{display: none;}
	.t-a-l{margin:0 10px;}
	.btn{padding: 5px 15px;font-size: 12px;border-radius: 2px;display: none;}
	.website-iconbox{width: 70px;height: 70px;line-height: 70px;}
	.website-iconbox i{font-size: 30px;}
	.webside-name{margin-top: 20px;font-size: 14px;margin-bottom:5px;}
	.webside-title {font-size: 12px;margin-bottom: 22px;line-height: 20px;padding: 0 20px; display: none;}
	.courseBox a{margin: 0;}
	.webside-title br{display: none;}
	.website-bd{padding-bottom: 30px;}
	
	.topnews{padding:0;box-shadow: none;}
	.topnews-box{background:#f8f8f8;padding: 20px 0;}
	.topnews-box .topnews-num .topnews-data {font-size: 22px;}
	.topnews-text{font-size: 13px;}
	.t-news-title{ display:none;}
	.t-news-newslist ul li{font-size:13px; line-height:40px; padding:0 15px; height:40px; overflow:hidden; text-align:left;}
	.t-news-newslist{height:40px;}
	.prointrot{display:none;}
	.prointrob{box-shadow:none;margin-top:30px;margin-bottom: 0;padding-bottom: 0;}
	.p-i-bl{text-align:left;}
	.prointroIcon{display:none;}
	.prointrob .titlebox{font-size:16px;}
	.prointrob .introbox{font-size:13px; height:auto;}
	.prointrob .introbox br{display:none;}
	.p-i-bl li:last-child, .p-i-br li:last-child, .prointroIcon .p-i-icon:last-child,.prointrob ul li{margin-bottom:26px;}

	.course-info{font-size: 12px;line-height: 20px;max-height:40px; overflow:hidden;color: #9a9a9a;}
	.course-conbox {padding: 10px 10px;}
	.courseBox .website-po {margin: 0 10px 20px;}
	.website-learn{padding: 0 15px 40px 60px;}
	.website-licon{left: 15px;}
	.website-linfo {font-size: 12px;line-height: 20px;}
	.website-lname {font-size: 16px;}

	.website-ficon{margin-top: 20px;width: 80px;height: 80px;}
	.website-fcount {font-size: 22px;margin-top: 15px;margin-bottom: 10px;}
	.website-fname {font-size: 12px;}
	.website-function{margin-bottom: 20px;}
	.website-btitle {font-size: 16px;padding: 0 10px 20px 10px;}
	.website-blist{padding: 0 10px;}
	.website-bit {font-size: 14px;}
	.website-binfo {font-size: 12px;line-height: 20px;}
	.website-bcicle {width: 10px;height: 10px;left: 8px;}
	.website-blist li {padding: 0 0 30px 35px;}
	.website-imgbox {margin-top: 0; text-align: right;padding: 0 20px;}

	.website-tcontent{padding: 50px 0 0 20px;font-size: 12px;}
	.website-tinfo li {line-height: 20px;}
	.website-ttilte {font-size: 15px;}
	.templatelist-box .news-grid {margin-bottom: 20px;}

	.website-propagate {height: 180px;}
	.website-propagate h2 {font-size: 20px;letter-spacing: 0px;}
	.website-consult{margin: 0;}
	.website-co-list{margin: 0 0 21px;}
	.consult-box .more a{margin: 0px 0px 37px;line-height: 40px;height: 40px;}
	.website-ccontent{padding-top: 15px;padding-left: 66px;padding-right: 15px;}
	.wesite-cday {font-size: 14px;}
	.website-ctitle {font-size: 16px;}
	.website-cdate {padding: 2px 10px;}
	.website-cform{font-size: 12px;}
	.website-cinfo{line-height: 20px;height: 40px;font-size: 12px;}
	.webiste-cbtn{font-size: 12px;}

	.website-combox img {max-width: 80%;}
	.website-comname{padding: 5px;font-size: 12px;height: 30px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.website-combox{padding: 20px 0;}
	.more a {width: 120px;height: 35px;margin: 48px auto 17px;line-height: 35px;font-size: 12px;border-radius: 2px;}
	.webside-gray{height: 168px;}

	.website-aicon i {font-size: 40px;}
	.website-ainfo {font-size: 12px;}
	.website-abous-tips{margin-top: 50px;margin-bottom: 30px;margin-left: 10px; margin-right: 10px;text-align: center;font-size: 12px;}

    .widget .title, .copyright .title{margin-bottom:0px !important;}

	.website-p60{padding:0 10px;}
	.webside-system{font-size: 12px;padding:10px;margin: 0 10px 20px;}
	.system-icon i{width: 40px;height: 40px;}
	.system-icon{width:50px;height:50px;margin:10px auto 0;}
	.system-info{line-height: 20px;height: 220px;overflow: hidden;}
	
	.system-name{font-size: 14px;}
	.consult-box{margin-right:10px; margin-left: 10px;}
	
	#website-abous .curr .website-aicon{width:80px;height:80px;margin: auto;border-radius: 100%;background:#3274cd;text-align: center;line-height: 80px;margin-top: 5px;}
	#website-abous .curr .website-aicon i{color: #fff;}
	#website-abous .curr .website-ainfo{display: none;}
	
	.videoBox{width:90%;margin-left:-45%;}
	.course-imgbox .plus {width:30px;height:30px;margin-left: -15px;margin-top: -15px;line-height:30px;font-size: 15px;font-size: 12px;-webkit-transform: scale(1);transform: scale(1);}
	
    .course-team{ display:none;}
	.m-course-team{ display:block;}
	.m-course-team img{ width:100%; display:block;}
	.m-floor{ padding:0;}
	.m-floor .title{ display:none;}
}
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px; font-weight:normal}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
.xiangguang a{ width:33.3%; float:left}


/*2017/07/28==弹窗*/
.talk_window{display:none;width: 500px;height: 260px;box-sizing:border-box;padding:15px;background: rgba(0,160,233,0.9);position: fixed;top: 50%;left: 50%;margin:-130px 0 0 -250px;z-index: 9999;}
.talk_window_con{border:1px solid #fff;width:100%;height: 100%;position: relative;}
.talk_window_con .t_w_close{position: absolute;top: 0px;right: 0px;font-size: 18px;
    color: #fff;line-height: 1;width: 30px;height: 25px;text-align: center;cursor: pointer;
    font-family: "Arial";padding-top: 5px;
}
.t_w_text{margin-top: 20px;text-align: center;color: #fff;}
.t_w_text h3{font-size: 24px; line-height: normal; margin-bottom: 15px;}
.t_w_text p{font-size: 18px; line-height:45px }
.t_w_text div.p{font-size: 20px;margin-top: 15px;}
.t_w_text div.p a{padding:0 10px;color: #fff;}
.t_w_btn{position: absolute;right: 0px;bottom:0px;}
.t_w_btn a{display: inline-block;box-sizing:border-box;font-size: 16px;float: left;height: 45px;line-height: 43px;}
.t_w_btn a:first-child{width: 163px;text-align: center;color: #00a0e9;background: #fff;}
.t_w_btn a:first-child+a{width: 115px;text-align: center;color: #fff;border:1px solid #fff;border-right: 0px;border-bottom: 0;}
/*float_menu*/
.float_menu{ width: 60px; position: fixed; bottom: .50rem; right: 0; z-index: 6000;}
.float_menu li{ position: relative;}
.float_menu li a.float_item0{ display: block; height: 70px; padding: 20px 15px; background-color: #00a0e9;}
.float_menu li a.float_item0 img{ display: block;}
.float_menu li.float_tel a.float_item0{ background-color: #222229;}
.tel_show{ position: absolute; top:0; right: 60px; width: 0px; height: 70px; padding: 10px 0; background: rgba(0,0,0,0.8); color: #fff; font-size: 18px; font-weight: bold; text-align: center; overflow: hidden;}
.tel_show a{ display: block; line-height: 26px; color: #fff;}
.float_menu li.float_tel:hover .tel_show{ width:230px; transition:width 0.5s 0.2s;}
.float_menu li a.float_item0:hover{ opacity: 0.85;}

@media screen and (max-width:768px){
.talk_window{ display:none!important}
.headertop{ display:none}
.telbox{ display:none}
.xiangguang a{ width:100%; float:left}
.shouji8{ width:100%}
}
.tag a{ margin-right:5px}
.ditu{ line-height:45px; text-align:right}
.ditu a{ margin-left:5px}
.p1 {
    background: #ff6d07;
    float: left;
    padding: 2px 10px;
    border-radius: 5px;
    color: #fff;
    margin-top: 35px; margin-left:5px
}
.navbar-brand{ float:left}
.shouji8{ max-height:100px; overflow:hidden}







.current_page {
    background-color: black;
}

.current_page a {
    color: white;
}

#menu_button_wrapper{
    display: none;
}

.hidden {
    display: none;
}

/* Responsive for smaller screens */

@media (max-width: 760px) {
    #menu_button_wrapper{
        display: block;
        padding: 1em;
        color: #9d9d9d;
     
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1);
        box-shadow: 0 1px 0 rgba(255,255,255,.1);
        margin-bottom: .5em;
    }
    
    #menu_button {
        box-sizing: border-box;
        float: right;
        padding: .5em 1em;
        border: 1px solid #1982cc;
        border-radius: 5px;
        color: white;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; background:#19A9EB
    }
    
    #menu_button:hover {
        cursor: pointer;
        background-color: #1982cc;
    }
    
    #hamburger {
        float: right;
        padding-top: .15em;
    }
    
    #menu_button span{
        display: block;
        background-color: #FFFFFF;
        width: 1.2em;
        height: .15em;
        border-radius: 1px;
        margin-bottom: .2em; margin-top:4px
    }
    
    nav ul {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
    }

    nav ul li {
        display: block;
    }
    
    nav ul li a {
        width: 100%;
    }

}
.wztext h4{ width:26%; padding:0 1.8%; float:left; border-bottom:1px solid #E6E6E6; border-right:1px solid #E6E6E6; height:38px; line-height:38px; overflow: hidden}
.wztext dd{ width:66%;  padding:0 2%; float:left; border-bottom:1px solid #E6E6E6;; height:38px; line-height:38px;overflow: hidden}