@charset "UTF-8";
body{
	font-size: 13px;
	font-family:'Source Han Sans CN ExtraLight ';
	overflow-x: hidden;

}
a:focus, a:hover{
    text-decoration: none;
}
.center{
    text-align: center;
}
.pace .pace-progress-inner,.page-header,.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-tasks .dropdown-menu .dropdown-menu-list>li .progress .progress-bar {
 box-shadow: none
}
.opacity8{opacity: 0.8}
.opacity4{opacity: 0.4}
.bold{font-weight: bold;}
.font180{font-size: 180px;}
.font120{font-size:120px;}
.font112{font-size:112px;}
.font100{font-size:100px;}
.font80{font-size: 80px;}
.font99{font-size: 99px;}
.font68{font-size: 68px;}
.font62{font-size: 62px;}
.font60{font-size: 60px;}
.font56{font-size: 56px;}
.font54{font-size: 54px;}
.font48{font-size: 48px;}
.font46{font-size: 46px;}
.font44{font-size: 44px;}
.font42{font-size: 42px;}
.font38{font-size: 38px;}
.font36{font-size: 36px;}
.font34{font-size: 34px;}
.font32{font-size: 32px;}
.font30{font-size: 30px;}
.font28{font-size: 28px;}
.font26{font-size: 26px;}
.font24{font-size: 24px;}
.font22{font-size: 22px;}
.font21{font-size: 20px;}
.font20{font-size: 20px;}
.font18{font-size: 18px;}
.font16{font-size: 16px;}
.font14{font-size: 14px;}
.font12{font-size: 14px;}
.font8{font-size: 8px;-webkit-text-size-adjust:none;}
.pad150{padding: 150px;}
.pad120{padding: 120px;}
.pad100{padding: 100px;}
.pad80{padding: 80px;}
.pad60{padding: 60px;}
.pad50{padding: 50px;}
.pad40{padding: 40px;}
.pad30{padding: 30px;}
.pad20{padding: 20px;}

.marg150{margin: 150px;}
.marg120{margin: 120px;}
.marg100{margin: 100px;}
.marg80{margin: 80px;}
.marg60{margin: 60px;}
.marg50{margin: 50px;}
.marg40{margin: 40px;}
.marg30{margin: 30px;}
.marg20{margin: 20px;}

.pt190{padding-top: 190px;}
.pt150{padding-top: 150px;}
.pt120{padding-top: 120px;}
.pt100{padding-top: 100px;}
.pt90{padding-top: 90px;}
.pt80{padding-top: 80px;}
.pt60{padding-top: 60px;}
.pt50{padding-top: 50px;}
.pt40{padding-top: 40px;}
.pt30{padding-top: 30px;}
.pt20{padding-top: 20px;}

.pb180{padding-bottom: 180px;}
.pb150{padding-bottom: 150px;}
.pb130{padding-bottom: 130px;}
.pb120{padding-bottom: 120px;}
.pb100{padding-bottom: 100px;}
.pb90{padding-bottom: 90px;}

.pb80{padding-bottom: 80px;}
.pb60{padding-bottom: 60px;}
.pb50{padding-bottom: 50px;}
.pb40{padding-bottom: 40px;}
.pb30{padding-bottom: 30px;}
.pb20{padding-bottom: 20px;}

.mt150{margin-top: 150px;}
.mt120{margin-top: 120px;}
.mt100{margin-top: 100px;}
.mt80{margin-top: 80px;}
.mt60{margin-top: 60px;}
.mt50{margin-top: 50px;}
.mt40{margin-top: 40px;}
.mt30{margin-top: 30px;}
.mt20{margin-top: 20px;}

.mb150{margin-bottom: 150px;}
.mb120{margin-bottom: 120px;}
.mb100{margin-bottom: 100px;}
.mb80{margin-bottom: 80px;}
.mb60{margin-bottom: 60px;}
.mb50{margin-bottom: 50px;}
.mb40{margin-bottom: 40px;}
.mb30{margin-bottom: 30px;}
.mb20{margin-bottom: 20px;}
.mt10{margin-top: 10px;}
@media only screen and (max-width:1440px ) {
	.pt190{padding-top: 130px;}
}
@media screen and (max-width: 1366px) {
	.pt190{padding-top: 120px;}
	.pt150{padding-top: 100px;}
	.pt120{padding-top: 80px;}
	.pt100{padding-top: 70px;}
	.pt90{padding-top: 60px;}
	.pt80{padding-top: 50px;}
	.pt60{padding-top: 50px;}


	.pb180{padding-bottom: 100px;}
	.pb150{padding-bottom: 100px;}
	.pb130{padding-bottom: 90px;}
	.pb120{padding-bottom: 80px;}
	.pb100{padding-bottom: 70px;}
	.pb90{padding-bottom: 60px;}
	.pb80{padding-bottom: 50px;}
	.pb50{padding-bottom: 40px;}
	.mt150{margin-top: 100px;}
	.mt120{margin-top: 90px;}
	.mt100{margin-top: 70px;}
	.mt80{margin-top: 60px;}
	.mt60{margin-top: 50px;}
	.mt50{margin-top: 40px;}
	.mt40{margin-top: 30px;}
	.mt30{margin-top: 25px;}
}


@media screen and (max-width: 1280px) {
    .marg150{margin: 120px;}
	.marg120{margin: 100px;}
	.marg100{margin: 80px;}
	.marg80{margin: 60px;}
	.marg60{margin: 50px;}
	.marg50{margin: 44px;}
	.marg40{margin: 36px;}
	
	.pt190{padding-top: 90px;}
	.pt150{padding-top: 80px;}
	.pt120{padding-top: 70px;}
	.pt100{padding-top: 60px;}
	.pt90{padding-top: 50px;}
	.pt80{padding-top: 40px;}
	.pt40{padding-top: 36px;}
	
	.pb180{padding-bottom: 90px;}
	.pb150{padding-bottom: 90px;}
	.pb130{padding-bottom: 80px;}
	.pb120{padding-bottom: 70px;}
	.pb100{padding-bottom: 60px;}
	.pb90{padding-bottom: 50px;}
	.pb80{padding-bottom: 40px;}
	.pb50{padding-bottom: 35px;}
	.pb40{padding-bottom: 30px;}
	
	.mt150{margin-top: 80px;}
	.mt120{margin-top: 70px;}
	.mt100{margin-top: 60px;}
	.mt80{margin-top: 50px;}
	.mt60{margin-top: 40px;}
	.mt50{margin-top: 30px;}
	.mt40{margin-top: 25px;}
	.mt30{margin-top: 20px;}
	
	.mb150{margin-bottom: 120px;}
	.mb120{margin-bottom: 100px;}
	.mb100{margin-bottom: 80px;}
	.mb80{margin-bottom: 60px;}
	.mb60{margin-bottom: 50px;}
	.mb50{margin-bottom: 44px;}
	.mb40{margin-bottom: 36px;}
	.mb30{margin-bottom: 10px;}
}

@media screen and (max-width: 1024px) {
    .pt190{padding-top:80px;}
    .pt150{padding-top: 70px;}
	.pt120{padding-top: 60px;}
	.pt100{padding-top: 50px;}
	.pt90{padding-top: 40px;}
	.pt80{padding-top: 30px;}
	.pt40{padding-top: 26px;}
	.pt30{padding-top: 20px;}
	.pt20{padding-top:15px;}
	
	.pb180{padding-bottom: 70px;}
	.pb150{padding-bottom: 70px;}
	.pb130{padding-bottom: 70px;}
	.pb120{padding-bottom: 60px;}
	.pb100{padding-bottom: 50px;}
	.pb90{padding-bottom: 40px;}
	.pb80{padding-bottom: 30px;}
	.pb50{padding-bottom: 25px;}
	.pb40{padding-bottom: 20px;}
	.pb30{padding-bottom: 15px;}
	
	.mt150{margin-top: 70px;}
	.mt120{margin-top: 60px;}
	.mt100{margin-top: 50px;}
	.mt80{margin-top: 40px;}
	.mt60{margin-top: 30px;}
	.mt50{margin-top: 25px;}
	.mt40{margin-top: 20px;}
	.mt30{margin-top: 15px;}
	.mt20{margin-top: 15px;}
}

@media screen and (max-width: 768px) {
	 .pt190{padding-top:60px;}
    .pt150{padding-top: 60px;}
	.pt120{padding-top: 50px;}
	.pt100{padding-top: 40px;}
	.pt90{padding-top: 40px;}
	.pt80{padding-top: 30px;}
	
	.pb180{padding-bottom: 60px;}
	.pb150{padding-bottom: 60px;}
	.pb130{padding-bottom: 60px;}
	.pb120{padding-bottom: 50px;}
	.pb100{padding-bottom: 40px;}
	.pb90{padding-bottom: 30px;}
	.pb80{padding-bottom: 30px;}
	
	.mt150{margin-top: 60px;}
	.mt120{margin-top: 50px;}
	.mt100{margin-top: 40px;}
	.mt20{margin-top: 10px;}
}
@media screen and (max-width: 500px) {
	 .pt190{padding-top:40px;}
	.pt150{padding-top: 40px;}
	.pt120{padding-top: 40px;}
	.pt90{padding-top: 40px;}
	.pb150{padding-bottom: 50px;}
	.pb130{padding-bottom: 50px;}
	.pb120{padding-bottom: 40px;}
	
	.mt150{margin-top: 50px;}
	.mt120{margin-top: 40px;}
	.mt100{margin-top: 40px;}
}
.trans{
	transition: all .3s;
	-moz-transition: all .3s; /* Firefox 4 */
	-webkit-transition: all .3s; /* Safari 和 Chrome */
	-o-transition: all .3s; /* Opera */
}
.gallery_name {
    text-align: left;
}
.gallery_name p{
    unicode-bidi: plaintext;
}
.index_new_list{
  margin: 40px auto 20px;
  padding-bottom: 150px;
  padding-left: 0px;
  padding-right: 0px;
}
.nlist-div a{
 text-decoration: none;
}
.index_new_list a:hover{
  color: #0260c1!important;
}
.index_new_list .col-lg-4{
  margin-bottom: 30px;
}
.ittt{
  font-size: 20px;
  color: #0260c1;
}
.ittt p{
  border-bottom: 2px solid #0260c1;
  padding-bottom: 6px;
}
.yq a{
  margin-right: 10px;
}
.nlist-div a{
 color: black;
 font-size: 15px;
 border-bottom: 1px dashed #4e4e4e;
 padding-bottom: 8px;
}
.nlist-div a p{
 color: black;
 font-size: 15px;
 border-bottom: 1px dashed #4e4e4e;
 padding-bottom: 8px;
}
.nlist-div a:hover p{
  color: #0260c1!important;
}
.book-ml-list,.drmenu ul,dl,li,ol,ul {
 list-style-type: none
}

@media print {
 .page-container,.page-container .page-content {
  padding: 0!important;
  margin: 0!important
}

body {
  background-color: #fff!important
}

.hidden-print,.page-breadcrumb,.page-footer,.page-head,.page-header,.page-prefooter,.theme-panel {
  display: none
}

.no-page-break {
  page-break-after: avoid
}

.page-container .page-content>.container {
  width: 100%;
  max-width: none!important;
  margin: 0!important
}

.page-container .page-content>.container-fluid>.portlet,.page-container .page-content>.container-fluid>.portlet>.portlet-body,.page-container .page-content>.container>.portlet,.page-container .page-content>.container>.portlet>.portlet-body {
  padding: 0;
  margin: 0
}
}

.page-header {
 opacity: 1;
 filter: alpha(opacity=100);
 width: 100%;
 margin: 0;
 border: 0;
 padding: 0;
 height: 41px;
 background-image: none;
 transition: all 0.4s;
 overflow: hidden;

}

.page-header:after,.page-header:before {
 content: " ";
 display: table
}

.page-header:after {
 clear: both
}

.page-header .container,.page-header .container-fluid {
 position: relative
}

.page-header.navbar-fixed-top,.page-header.navbar-static-top {
 z-index: 9995
}

.page-header .page-header-top {
 height: 75px
}

.page-header .page-header-top.fixed {
 width: 100%;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 9995
}

.page-header .page-header-top .page-logo {
 float: left;
 display: block;
 width: 150px;
 height: 75px;
 padding-left: 20px;
 overflow: hidden;
 transition: all 0.4s;
}

.page-header .page-header-top .page-logo .logo-default {
 margin: 0
}

.page-header .page-header-top .top-menu {
 margin: 13px 0 0;
 padding: 0;
 float: right
}

.page-header .page-header-top .top-menu .navbar-nav {
 padding: 0;
 margin-right: 0;
 display: block
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown {
 margin: 0;
 padding: 0 4px;
 height: 50px;
 display: inline-block
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle {
 margin: 0 0 0 1px;
 padding: 17px 10px 8px
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:last-child {
 padding-right: 0
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>i {
 font-size: 19px
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>i.glyphicon {
 font-size: 18px
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>.badge {
 font-family: "Open Sans",sans-serif;
 position: absolute;
 top: 9px;
 right: 24px;
 font-weight: 300;
 padding: 3px 6px
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:focus {
 background: 0 0
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-menu {
 z-index: 9996;
 margin-top: 5px;
 margin-right: 7px;
 font-family: "Open Sans",sans-serif;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 -ms-border-radius: 4px;
 -o-border-radius: 4px;
 border-radius: 4px
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-menu:before {
 position: absolute;
 top: -8px;
 right: 9px;
 display: inline-block!important;
 border-right: 8px solid transparent;
 border-bottom: 8px solid #efefef;
 border-left: 8px solid transparent;
 content: ''
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-menu:after {
 position: absolute;
 top: -7px;
 right: 10px;
 display: inline-block!important;
 border-right: 7px solid transparent;
 border-bottom: 7px solid #fff;
 border-left: 7px solid transparent;
 content: ''
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-separator {
 padding-left: 0;
 padding-right: 6px
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-separator .separator {
 float: left;
 display: inline-block;
 width: 1px;
 height: 18px;
 margin-left: 5px;
 margin-top: 17px
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu {
 min-width: 160px;
 max-width: 300px;
 width: 300px;
 z-index: 9996
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external {
 display: block;
 overflow: hidden;
 padding: 15px;
 letter-spacing: .5px;
 -webkit-border-radius: 4px 4px 0 0;
 -moz-border-radius: 4px 4px 0 0;
 -ms-border-radius: 4px 4px 0 0;
 -o-border-radius: 4px 4px 0 0;
 border-radius: 4px 4px 0 0
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external>h3 {
 margin: 0;
 padding: 0;
 float: left;
 font-size: 13px;
 display: inline-block
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external>a {
 display: inline-block;
 padding: 0;
 background: 0 0;
 clear: inherit;
 font-size: 12px;
 font-weight: 400;
 position: absolute;
 right: 10px;
 border: 0;
 margin-top: -2px
}

.page-header .page-header-menu .hor-menu .navbar-nav,.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown {
 position: static
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list {
 padding-right: 0!important;
 padding-left: 0;
 list-style: none
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li>a {
 display: block;
 clear: both;
 font-weight: 300;
 line-height: 20px;
 white-space: normal;
 font-size: 13px;
 padding: 16px 15px 18px;
 text-shadow: none
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li>a:hover {
 opacity: 1;
 filter: alpha(opacity=100);
 text-decoration: none
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li:first-child a {
 border-top: none
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .details {
 overflow: hidden
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .details .label-icon {
 margin-right: 10px;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 -ms-border-radius: 50%;
 -o-border-radius: 50%;
 border-radius: 50%
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .details .label-icon i {
 margin-right: 2px;
 margin-left: 1px
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .details .label-icon .badge {
 right: 15px
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .time {
 float: right;
 max-width: 75px;
 font-size: 11px;
 font-weight: 400;
 opacity: .7;
 filter: alpha(opacity=70);
 text-align: right;
 padding: 1px 5px
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-toggle {
 padding: 17px 0 8px 8px
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-toggle>.circle {
 float: left;
 margin-top: -5px;
 padding: 3px 10px 4px;
 -webkit-border-radius: 50%!important;
 -moz-border-radius: 50%!important;
 -ms-border-radius: 50%!important;
 -o-border-radius: 50%!important;
 border-radius: 50%!important;
 font-family: "Open Sans",sans-serif;
 font-weight: 300
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-toggle>.corner {
 float: left;
 margin-left: -4px;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 8px 0 9px 9px
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-toggle>.corner:not(:root:root) {
 margin-left: -5px
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .photo {
 float: left;
 margin: 0 6px 6px 0
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .photo img {
 height: 40px;
 width: 40px;
 -webkit-border-radius: 50%!important;
 -moz-border-radius: 50%!important;
 -ms-border-radius: 50%!important;
 -o-border-radius: 50%!important;
 border-radius: 50%!important
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li a:hover {
 text-decoration: none
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .subject {
 display: block;
 margin-left: 46px
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .subject .from {
 font-size: 14px;
 font-weight: 600
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .subject .time {
 font-size: 12px;
 font-weight: 400;
 opacity: .5;
 filter: alpha(opacity=50);
 float: right
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .message {
 display: block!important;
 font-size: 12px;
 line-height: 1.3;
 margin-left: 46px
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-tasks .dropdown-menu .dropdown-menu-list>li .task {
 margin-bottom: 5px
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-tasks .dropdown-menu .dropdown-menu-list>li .task .desc {
 font-size: 13px;
 font-weight: 300
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-tasks .dropdown-menu .dropdown-menu-list>li .task .percent {
 color: #36c6d3;
 float: right;
 font-weight: 600;
 display: inline-block
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-tasks .dropdown-menu .dropdown-menu-list>li .progress {
 display: block;
 height: 8px;
 margin: 8px 0 2px
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle {
 padding: 12px 0 7px
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>img {
 margin-top: -8px;
 margin-right: 8px;
 height: 40px;
 float: left
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>.username {
 float: left;
 font-size: 400;
 font-size: 14px;
 margin-top: 4px;
 margin-right: 2px
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>i {
 float: left;
 font-size: 14px;
 margin-top: 7px
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-menu {
 width: 210px
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-menu>li>a {
 font-weight: 300;
 font-size: 13px
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-menu>li>a i {
 width: 15px;
 display: inline-block;
 margin-right: 9px
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-menu>li>a .badge {
 margin-right: 10px
}

.page-header .page-header-top .top-menu .navbar-nav>li.quick-sidebar-toggler {
 cursor: pointer;
 padding: 17px 10px 8px
}

.page-header .page-header-top .top-menu .navbar-nav>li.quick-sidebar-toggler>i {
 color: #c1ccd1;
 font-size: 19px
}

.page-header .page-header-top .top-menu .navbar-nav>li.quick-sidebar-toggler>i:before {
 content: ""
}

.page-quick-sidebar-open .page-header .page-header-top .top-menu .navbar-nav>li.quick-sidebar-toggler>i:before,.page-quick-sidebar-open .page-quick-sidebar-toggler>i:before {
 content: ""
}

.page-header .page-header-top .top-menu .navbar-nav>li.quick-sidebar-toggler>i:hover {
 color: #a4b4bb
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-language {
 padding-left: 0;
 padding-right: 0;
 margin: 0
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle {
 padding: 16px 10px 9px 2px
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>img {
 margin-bottom: 2px
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>i {
 font-size: 14px
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-language>.dropdown-menu>li>a {
 font-size: 13px
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-language>.dropdown-menu>li>a>img {
 margin-bottom: 2px;
 margin-right: 5px
}

.page-header .page-header-top .top-menu .navbar-nav li.dropdown-dark .dropdown-menu {
 border: 0
}

.page-header .page-header-top .top-menu .navbar-nav li.dropdown-dark .dropdown-menu:before {
 border-left: none;
 border-right: none
}

.page-header .page-header-top .top-menu .navbar-nav li.dropdown-dark .dropdown-menu .dropdown-menu-list>li.external a {
 background: 0 0!important;
 border: none!important
}

.page-header .page-header-top .menu-toggler {
 float: right;
 display: none;
 margin: 23px 3px 0 13px;
 width: 40px;
 height: 30px;
 background: url(../images/menu-toggler.png) center center no-repeat;
 opacity: .7;
 filter: alpha(opacity=70)
}

.page-header .page-header-top .menu-toggler:hover {
 opacity: 1;
 filter: alpha(opacity=100)
}

.page-header .page-header-menu {
 display: block;
 height: 51px;
 clear: both;
 transition: all 0.6s;
}
.page-header-menu-new{
 display: block;
 height: 80px;
 clear: both;
 transition: all 0.6s;
 background: white;
}
.page-header .page-header-menu .hor-menu {
 margin: 0;
 float: left;
 position: relative;
}

.page-header .page-header-menu .hor-menu .navbar-nav.navbar-right .dropdown-menu {
 left: auto;
 right: 0
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu {
 left: auto;
 width: auto
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content {
 font-family: "Open Sans",sans-serif;
 padding: 15px;
 margin: 0
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content.mega-menu-responsive-content {
 padding: 10px 18px 10px 45px
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu {
 padding: 0;
 margin: 0
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu:last-child {
 border-right: 0
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li {
 padding: 1px!important;
 margin: 0!important;
 list-style: none
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>h3 {
 margin-top: 5px;
 padding-left: 5px;
 font-size: 15px;
 font-weight: 400
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>a {
 display: block;
 white-space: normal;
 font-family: "Open Sans",sans-serif;
 padding: 7px;
 margin: 0;
 font-size: 14px;
 font-weight: 300
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>a:focus,.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>a:hover {
 text-decoration: none
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>a.iconify {
 padding: 7px 7px 7px 30px
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>a.iconify>i {
 position: absolute;
 top: auto!important;
 margin-left: -24px;
 font-size: 15px;
 margin-top: 3px!important
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>a .badge,.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>a .label {
 margin-left: 5px
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown.mega-menu-full .dropdown-menu {
 left: 15px;
 right: 15px
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.menu-dropdown .dropdown-menu:after,.page-header .page-header-menu .hor-menu .navbar-nav>li.menu-dropdown .dropdown-menu:before {
 display: none!important
}

.page-header .page-header-menu .hor-menu .navbar-nav>li>a {
 font-size: 14px;
 font-weight: 400;
 padding: 13px 18px 12px
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.active .selected,.page-header .page-header-menu .hor-menu .navbar-nav>li.current .selected {
 left: 50%;
 bottom: 0;
 position: absolute;
 border-left: 6px solid transparent;
 border-right: 6px solid transparent;
 border-top: 6px solid transparent;
 display: inline-block;
 margin: 0 0 -6px -7px;
 width: 0;
 height: 0
}

.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu {
 margin-top: 0;
 border: none
}

.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li>a {
 font-family: "Open Sans",sans-serif;
 font-size: 14px;
 font-weight: 300;
 padding: 10px 12px;
 white-space: normal
}

.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li>a .badge,.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li>a .label {
 font-weight: 300
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.classic-menu-dropdown .dropdown-menu {
 min-width: 195px;
 max-width: 235px
}

.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-submenu>.dropdown-menu {
 top: 0
}

.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-submenu>a:after {
 top: 9px;
 right: 10px
}

.page-header .page-header-menu .search-form {
 position: relative;
 display: inline-block;
 float: right;
 width: 176px;
 transition: width .4s;
 margin-top: 8px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 -ms-border-radius: 4px;
 -o-border-radius: 4px;
 border-radius: 4px
}

.page-header .page-header-menu .search-form .input-group {
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 -ms-border-radius: 4px;
 -o-border-radius: 4px;
 border-radius: 4px
}

.page-header .page-header-menu .search-form .input-group .form-control {
 border: 0;
 font-size: 13px;
 padding-right: 20px;
 font-weight: 300
}

.page-header .page-header-menu .search-form .input-group .form-control:hover {
 cursor: pointer
}

.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit {
 padding: 0;
 height: 34px;
 z-index: 3;
 position: relative;
 top: 10px;
 right: 11px
}

.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit>i {
 font-size: 15px
}

.page-header .page-header-menu .search-form.open {
 width: 300px!important;
 transition: width .4s
}

.page-header .page-header-menu .search-form.open .input-group .form-control {
 text-indent: 0
}

.page-header .page-header-menu .search-form.open .input-group .form-control:hover {
 cursor: text
}

#imageMenu li img,.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media:hover,.scroll-to-top:hover,.scrollbutton,.search-content .tabs li,.theme-panel .theme-colors>li.theme-color:hover,div .todo-tasklist-item:hover {
 cursor: pointer
}

.page-header .page-header-menu .search-form.open .input-group .input-group-btn .btn.submit {
 margin-left: 0
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.menu-dropdown:hover>.dropdown-menu {
 display: block
}

.page-header .page-header-menu .container-fluid .navbar-nav>li.mega-menu-dropdown.mega-menu-full .dropdown-menu {
 left: 60px;
 right: 60px
}

.pace .pace-progress {
 z-index: 10000;
 top: 126px!important;
 height: 3px!important
}

.page-wrapper,.page-wrapper .page-wrapper-row.full-height,body,html {
 height: 100%
}

.pace .pace-activity {
 top: 128px;
 right: 22px;
 border-radius: 10px!important
}

body,html {
 margin: 0;
 padding: 0
}

.page-wrapper {
 display: table;
 width: 100%;
 table-layout: fixed
}

.page-wrapper .page-wrapper-row {
 width: 100%;
 display: table-row
}

.page-wrapper .page-wrapper-bottom,.page-wrapper .page-wrapper-top {
 width: 100%;
 display: table-cell
}

.page-wrapper .page-wrapper-middle {
 background: #eff3f8;
 width: 100%;
 display: table-cell;
 height: 100%
}

.page-container {
 clear: both
}

.page-head {
 background: #fff
}

.page-head .container {
 position: relative
}

.page-head .page-title {
 display: inline-block;
 float: left;
 padding: 19px 0;
 margin: 0;
 font-size: 14px
}

.page-head .page-title>h1 {
 color: #697882;
 font-size: 22px;
 font-weight: 400;
 margin: 0
}

.page-head .page-title>h1>small {
 color: #9eacb4;
 font-size: 13px;
 font-weight: 400
}

.page-head .page-toolbar {
 display: inline-block;
 float: right
}

.breadcrumb {
 background: 0 0;
 padding: 0 0 15px;
 margin: 0;
 color: #a7b2c0
}

.breadcrumb>li+li:before {
 display: none
}

.breadcrumb .fa {
 font-size: 6px;
 margin: 0 2px 0 4px;
 position: relative;
 top: -1px
}

.breadcrumb>.active {
 color: #9eacb4
}

.page-content {
 padding: 15px 0
}

.container-fluid {
 padding-left: 60px;
 padding-right: 60px
}

.portlet .portlet-input .form-control {
 background: #F1F3F8;
 border-radius: 0!important;
 border-color: #F1F3F8
}

.portlet .portlet-input .form-control:focus {
 border-color: #cfd6e7
}

.page-prefooter {
 padding: 30px 0;
 clear: both
}

.page-prefooter h2 {
 font-weight: 700;
 font-size: 15px;
 text-transform: uppercase;
 letter-spacing: 1px;
 margin: 0 0 12px
}

.page-prefooter .subscribe-form {
 padding-top: 5px
}

.page-prefooter .subscribe-form .form-control {
 font-size: 12px;
 padding: 0 14px;
 height: 36px
}

.page-prefooter .subscribe-form .btn {
 height: 34px;
 text-transform: uppercase;
 padding: 7px 16px
}

.page-prefooter .social-icons {
 padding-top: 9px
}

.page-prefooter .social-icons li {
 opacity: .35;
 filter: alpha(opacity=35)
}

.page-prefooter .social-icons li:hover,.scroll-to-top:hover>i {
 opacity: 1;
 filter: alpha(opacity=100)
}

.page-prefooter address,.page-prefooter p {
 margin: 0
}

.page-footer {
 font-size: 13px;
 font-weight: 300;
 height: 50px;
 padding: 17px 0
}
.img1-title{
  font-size: 18px;
  margin-bottom: 30px;
  position: relative;
  padding-bottom: 15px;
}
.img-content-title{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 30px;
  padding-left: 15px;
  margin-top: 30px;
}
.img-content{
  margin-bottom: 50px;
}
.img1-title:after {
  content: "";
  background: #0da8aa;
  height: 3px;
  width: 10%;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: scaleX(1);
  transition: 0.2s;
}
.case-d1{
  margin: 50px auto;
}
.guan-img .col-lg-3{
  margin-bottom: 30px;
  cursor: pointer;
}
.guan-img-div{
  overflow: hidden;
}
.guan-img-div img{  
  cursor: pointer;  
  transition: all 0.6s;  
}
.guan-img-div img:hover{
  transition: all 0.6s;    
  transform: scale(1.2);  
}  
.ittp1{
  font-weight: bold;
  color:#0da8aa ;
}
.scroll-to-top {
 padding: 2px;
 text-align: center;
 position: fixed;
 z-index: 10001;
 bottom: 120px;
 display: none;
 right: 20px
}
.scroll-top1 {
 padding: 2px;
 text-align: center;
 position: fixed;
 z-index: 10001;
 bottom: 120px;
 display: none; 
 right: 20px;
 font-size: 35px;
 cursor: pointer;
 transition: all 0.6s;
}
.scroll-top1:hover{
 color: #0da8aa;
}
.scroll-to-top>i {
 display: inline-block
}

.btn-theme-panel {
 margin-top: 25px
}

.btn-theme-panel .btn {
 opacity: .6;
 filter: alpha(opacity=60);
 padding: 0 6px
}

.btn-theme-panel .btn>i {
 font-size: 24px;
 color: #acbac6
}

.btn-theme-panel .btn:hover,.btn-theme-panel.open .btn {
 opacity: 1;
 filter: alpha(opacity=100)
}

.theme-panel {
 z-index: 1000;
 min-width: 675px;
 padding: 20px 10px;
 font-family: "Open Sans",sans-serif
}

.theme-panel h3 {
 margin: 8px 0;
 font-size: 15px;
 padding-left: 12px
}

.theme-panel .seperator {
 border-left: 1px solid #EFF2F4
}

.theme-panel .theme-colors {
 list-style: none;
 padding: 0;
 margin: 0
}

.theme-panel .theme-colors>li.theme-color {
 padding: 8px 12px
}

.theme-panel .theme-colors>li.theme-color.active,.theme-panel .theme-colors>li.theme-color:hover {
 background: #f5f7f8
}

.theme-panel .theme-colors>li.theme-color>.theme-color-view {
 float: left;
 margin-top: 0;
 margin-right: 8px;
 display: inline-block;
 border-radius: 10px!important;
 height: 20px;
 width: 20px
}

.theme-panel .theme-colors>li.theme-color>.theme-color-name {
 display: inline-block;
 color: #777;
 font-size: 14px;
 font-weight: 300
}

.theme-panel .theme-colors>li.theme-color.theme-color-default .theme-color-view {
 background: #32c5d2
}

.theme-panel .theme-colors>li.theme-color.theme-color-red-sunglo .theme-color-view {
 background: #E26A6A
}

.theme-panel .theme-colors>li.theme-color.theme-color-red-intense .theme-color-view {
 background: #E35B5A
}

.theme-panel .theme-colors>li.theme-color.theme-color-blue-hoki .theme-color-view {
 background: #67809F
}

.theme-panel .theme-colors>li.theme-color.theme-color-blue-steel .theme-color-view {
 background: #4B77BE
}

.theme-panel .theme-colors>li.theme-color.theme-color-green-haze .theme-color-view {
 background: #44B6AE
}

.theme-panel .theme-colors>li.theme-color.theme-color-purple-plum .theme-color-view {
 background: #8775A7
}

.theme-panel .theme-colors>li.theme-color.theme-color-purple-studio .theme-color-view {
 background: #8E44AD
}

.theme-panel .theme-colors>li.theme-color.theme-color-yellow-orange .theme-color-view {
 background: #F2784B
}

.theme-panel .theme-colors>li.theme-color.theme-color-yellow-crusta .theme-color-view {
 background: #F3C200
}

.theme-panel .theme-settings {
 list-style: none;
 padding: 0;
 margin: 0
}

.theme-panel .theme-settings>li {
 padding: 8px 12px;
 font-size: 14px;
 font-weight: 300;
 color: #777
}

.theme-panel .theme-settings>li .form-control {
 color: #777;
 margin-top: -3px;
 float: right
}

.page-portlet-fullscreen .page-quick-sidebar-toggler,.page-portlet-fullscreen .page-quick-sidebar-wrapper {
 z-index: -1
}

.page-quick-sidebar-toggler {
 overflow: hidden;
 z-index: 99999;
 display: none;
 width: 28px;
 height: 27px;
 position: fixed;
 top: 10px;
 right: 15px;
 text-align: center;
 padding-top: 6px
}

.page-quick-sidebar-toggler:hover {
 background: #303a43
}

.page-quick-sidebar-open .page-quick-sidebar-toggler {
 display: inline-block
}

.page-quick-sidebar-open .page-quick-sidebar-toggler:hover {
 background: 0 0
}

.page-quick-sidebar-toggler>i {
 color: #99a8b5;
 font-size: 17px
}

.page-quick-sidebar-toggler>i:hover {
 color: #fff!important
}

.page-quick-sidebar-wrapper {
 transition: right .3s;
 z-index: 9999;
 position: fixed;
 top: 0;
 bottom: 0;
 width: 320px;
 right: -320px;
 overflow: hidden;
 color: #99a8b5;
 background: #21282e
}

.page-quick-sidebar-open .page-quick-sidebar-wrapper {
 transition: right .3s;
 right: 0
}

.page-quick-sidebar-wrapper .page-quick-sidebar {
 background: #21282e
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs {
 margin: 0;
 padding: 0;
 border: 0
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li {
 display: table-cell!important;
 width: 1%!important;
 padding: 0;
 margin: 0;
 float: none
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li>a {
 position: relative;
 display: block;
 text-align: center;
 height: auto;
 font-size: 14px;
 padding: 45px 15px 8px;
 text-transform: uppercase;
 background: 0 0;
 margin-right: 0;
 color: #90a1af;
 border: 0;
 border-bottom: 3px solid rgba(243,86,93,.3);
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 -ms-border-radius: 0;
 -o-border-radius: 0;
 border-radius: 0;
 outline: 0!important
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li>a>.badge {
 position: absolute;
 top: 45px;
 right: 3px
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li.active>a,.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li:hover>a {
 border: 0;
 border-bottom: 3px solid #f3565d;
 background: 0 0;
 color: #fff;
 text-decoration: none
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li .dropdown-menu {
 border: 0;
 background: #36424c;
 box-shadow: 5px 5px rgba(97,117,135,.1);
 margin-top: 8px;
 margin-right: 20px
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li .dropdown-menu:before {
 position: absolute;
 top: -7px;
 right: 19px;
 display: inline-block!important;
 border-right: 7px solid transparent;
 border-left: 7px solid transparent;
 border-bottom: 7px solid #36424c;
 content: ''
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li .dropdown-menu:after {
 position: absolute;
 top: -6px;
 right: 20px;
 display: inline-block!important;
 border-right: 6px solid transparent;
 border-left: 6px solid transparent;
 border-bottom: 7px solid #36424c;
 content: ''
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li .dropdown-menu>li>a {
 padding: 10px 15px;
 color: #99a8b5
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li .dropdown-menu>li>a>i {
 color: #93a3b1
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li .dropdown-menu>li:hover>a {
 background: #3d4a55;
 color: #99a8b5
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li .dropdown-menu>li:hover>a>i {
 color: #9babb8
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li .dropdown-menu>li.active>a {
 background: #38444f;
 color: #99a8b5
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li .dropdown-menu>li.divider {
 background-color: #3d4a55
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li.open>a.dropdown-toggle {
 border-bottom: 3px solid #f3565d;
 background: 0 0;
 text-decoration: none;
 color: #90a1af
}

.page-quick-sidebar-wrapper .page-quick-sidebar .tab-content {
 margin: 0;
 padding: 0
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-heading {
 font-size: 16px;
 margin: 10px;
 color: #6c8296
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items {
 margin: 0;
 padding: 0;
 list-style: none
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li {
 margin: 0;
 padding: 15px;
 background: 0 0;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #273037
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li:hover {
 background: #273037
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li:last-child {
 border-bottom: 0
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items.borderless li {
 border: 0
}

.page-quick-sidebar-wrapper .page-quick-sidebar .inner-content {
 margin: 10px
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list {
 position: absolute!important;
 width: 320px!important;
 transition: margin .3s
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item {
 position: absolute!important;
 width: 320px!important;
 transition: margin .3s;
 margin-left: 320px
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav {
 padding: 15px 10px 0
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list {
 vertical-align: middle;
 display: inline-block;
 font-size: 14px;
 color: #90a1af
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list:hover {
 text-decoration: none
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list>i {
 font-size: 17px;
 line-height: 17px;
 vertical-align: top;
 margin-right: 3px
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list {
 transition: margin .3s;
 margin-left: -320px
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list .slimScrollBar,.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list .slimScrollRail {
 display: none!important
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-item {
 transition: margin .3s;
 margin-left: 0
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users {
 padding: 10px 0;
 position: relative
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media {
 padding: 15px
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object {
 border-radius: 50%!important;
 width: 45.71px;
 opacity: .8;
 filter: alpha(opacity=80);
 float: left;
 margin-right: 10px
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:after,.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:before {
 content: " ";
 display: table
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:after {
 clear: both
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media:hover .media-object {
 opacity: 1;
 filter: alpha(opacity=100)
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading {
 margin: 5px 0 0;
 font-size: 14px
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-sub {
 font-size: 11px;
 text-transform: uppercase;
 color: #657b8d
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-small {
 font-size: 10px;
 color: #5d7081
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-status {
 margin-top: 10px;
 right: 10px;
 position: absolute;
 display: inline-block
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages {
 padding: 0 10px;
 position: relative
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post {
 transition: display .3s;
 padding: 5px 0;
 margin: 10px auto;
 font-size: 13px
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .body {
 color: #c3c3c3;
 display: block
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .avatar {
 width: 45.71px;
 border-radius: 50%!important
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .avatar {
 float: left;
 margin-right: 10px
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .avatar {
 float: right;
 margin-left: 10px
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .datetime,.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .name {
 font-size: 12px;
 font-weight: 300;
 color: #8496a7
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .message {
 display: block;
 padding: 5px;
 position: relative;
 color: #90a1af;
 background: #36424c
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message {
 text-align: left;
 margin-left: 55px
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message .arrow {
 display: block;
 position: absolute;
 top: 9px;
 left: -6px;
 width: 0;
 height: 0;
 border-top: 6px solid transparent;
 border-bottom: 6px solid transparent;
 border-right-width: 6px;
 border-right-style: solid;
 border-right-color: #36424c
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message {
 margin-right: 55px;
 text-align: right
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message .arrow {
 display: block;
 position: absolute;
 top: 9px;
 right: -6px;
 border-top: 6px solid transparent;
 border-bottom: 6px solid transparent;
 border-left-width: 6px;
 border-left-style: solid;
 border-left-color: #36424c
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .datetime,.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .name {
 text-align: right
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-form {
 padding: 20px 10px 15px
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list {
 padding: 10px 0;
 position: relative
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a {
 color: #7e91a2
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .label {
 margin-top: 5px
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .desc {
 text-decoration: underline;
 padding: 0;
 color: #788c9e
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .date {
 color: #5d7081
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list {
 padding: 10px 0;
 position: relative
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li .bootstrap-switch {
 margin-top: -3px;
 float: right;
 border: 0;
 min-width: 59px
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li .form-control {
 width: 75px!important;
 padding: 4px!important;
 float: right;
 border: 0;
 margin-top: -4px
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li select.form-control {
 padding: 4px 0!important
}

.page-on-load {
 background: #fefefe
}

.page-on-load .page-container,.page-on-load .page-footer,.page-on-load .page-header,.page-on-load .page-prefooter,.page-on-load>.clearfix {
 display: none;
 transition: all 2s
}

body {
 background-color: #fff
}

body.page-md {
 background: #fff
}

.theme-font {
 color: #32c5d2!important
}

.pace .pace-progress {
 background: #32c5d2
}

.portlet.light .btn.btn-circle.btn-icon-only.btn-default {
 border-color: #bbc2ce
}

.portlet.light .btn.btn-circle.btn-icon-only.btn-default>i {
 font-size: 13px;
 color: #a6b0bf
}

.portlet.light .btn.btn-circle.btn-icon-only.btn-default.active,.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover {
 color: #fff;
 background: #32c5d2;
 border-color: #32c5d2
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown .separator,.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-separator .separator {
 border-left: 1px solid #E3E8EC
}

.portlet.light .btn.btn-circle.btn-icon-only.btn-default.active>i,.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover>i {
 color: #fff
}

.page-header {
 background-color: #fff
}

.page-header .page-header-top.fixed {
 background: #fff!important;
 box-shadow: 0 1px 10px 0 rgba(50,50,50,.2)
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>i {
 color: #C1CCD1
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:active,.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:focus,.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:hover {
 background-color: #fff
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:active>i,.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:focus>i,.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:hover>i {
 color: #a4b4bb
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle .badge.badge-default {
 background-color: #f36a5a;
 color: #fff
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle,.page-header .page-header-top .top-menu .navbar-nav>li.dropdown:active .dropdown-toggle,.page-header .page-header-top .top-menu .navbar-nav>li.dropdown:focus .dropdown-toggle {
 background-color: #fff
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle>i,.page-header .page-header-top .top-menu .navbar-nav>li.dropdown:active .dropdown-toggle>i,.page-header .page-header-top .top-menu .navbar-nav>li.dropdown:focus .dropdown-toggle>i {
 color: #a4b4bb
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu:after {
 border-bottom-color: #f7f8fa
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external {
 background: #f7f8fa
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external>h3 {
 color: #6f949c
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external>a {
 color: #0da8aa
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external>a:hover {
 color: #23527c;
 text-decoration: none
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li>a {
 border-bottom: 1px solid #EFF2F6!important;
 color: #222
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li>a:hover {
 background: #f8f9fa
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li>a .time {
 background: #f1f1f1
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li>a:hover .time {
 background: #e4e4e4
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-toggle>.circle {
 background-color: #32c5d2;
 color: #fff
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-toggle>.corner {
 border-color: transparent transparent transparent #32c5d2
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
 color: #5b9bd1
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
 background-color: #dfe2e9
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username,.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i {
 color: #8ea3b6
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user>.dropdown-menu {
 width: 195px
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user.open>.dropdown-toggle>.username,.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user.open>.dropdown-toggle>i,.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user:hover>.dropdown-toggle>.username,.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user:hover>.dropdown-toggle>i {
 color: #7089a2
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>.langname {
 color: #8ea3b6
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-language.open>.dropdown-toggle>.langname,.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-language:hover>.dropdown-toggle>.langname {
 color: #7089a2
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu {
 background: #2e343b;
 border: 0
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu:after {
 border-bottom-color: #2e343b
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu>li.external {
 background: #272c33
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu>li.external>h3 {
 color: #a2abb7
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu>li.external>a:hover {
 color: #5496cf
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu .dropdown-menu-list>li a,.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a {
 color: #aaafb7;
 border-bottom: 1px solid #1b9cc0!important
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu .dropdown-menu-list>li a>i,.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a>i {
 color: #6FA7D7
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu .dropdown-menu-list>li a:hover,.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a:hover {
 background: #373e47
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a {
 border-bottom: 0!important
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li.divider {
 background: #1b9cc0
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list>li>a .time {
 background: #23272d
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list>li>a:hover .time {
 background: #181b1e
}

.page-header .page-header-menu {
 background: #1b9cc0
}

.page-header .page-header-menu.fixed {
 box-shadow: 0 1px 10px 0 rgba(68,77,88,.2);
 width: 100%;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 9995
}

.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu,.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu,.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.mega-menu-dropdown>.dropdown-menu {
 box-shadow: 5px 5px rgba(85,97,111,.2)
}

.fc-404-title,.fc-msg-info,.todo-comment {
 position: relative
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>h3 {
 color: #ced5de
}
.jiaju-p1{
  font-size: 16px;
}
.page-header .page-header-menu .hor-menu .navbar-nav>li>a {
 color: #fff
}

.page-header .page-header-menu .hor-menu .navbar-nav>li>a>i {
 color: #BCC2CB
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.open>a,.page-header .page-header-menu .hor-menu .navbar-nav>li:hover>a,.page-header .page-header-menu .hor-menu .navbar-nav>li>a:active,.page-header .page-header-menu .hor-menu .navbar-nav>li>a:focus,.page-header .page-header-menu .hor-menu .navbar-nav>li>a:hover {
 color: #fff;
 background: #ffae4e!important
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.open>a>i,.page-header .page-header-menu .hor-menu .navbar-nav>li:hover>a>i,.page-header .page-header-menu .hor-menu .navbar-nav>li>a:active>i,.page-header .page-header-menu .hor-menu .navbar-nav>li>a:focus>i,.page-header .page-header-menu .hor-menu .navbar-nav>li>a:hover>i {
 color: #fff
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a,.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a:hover,.page-header .page-header-menu .hor-menu .navbar-nav>li.current>a,.page-header .page-header-menu .hor-menu .navbar-nav>li.current>a:hover {
 color: #f1f1f1;
 background: #ffae4e
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a:hover>i,.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a>i,.page-header .page-header-menu .hor-menu .navbar-nav>li.current>a:hover>i,.page-header .page-header-menu .hor-menu .navbar-nav>li.current>a>i {
 color: #BCC2CB
}

.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu {
 background: #1b9cc0
}

.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li>a {
 color: #fff
}

.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li>a>i {
 color: #6fa7d7
}

.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li:hover>a {
 color: #fff;
 background: #ffae4e
}

.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li:hover>a>i {
 color: #6fa7d7
}

.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.active>a,.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.active>a:hover,.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.current>a,.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.current>a:hover {
 color: #fff;
 background: #ffae4e
}

.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.active>a:hover>i,.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.active>a>i,.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.current>a:hover>i,.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.current>a>i,.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-submenu>a:after {
 color: #6fa7d7
}

.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.divider {
 background-color: #606d7d
}

.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>h3 {
 color: #555
}

.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li>a,.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li>a>i {
 color: #BCC2CB
}

.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li>a:hover {
 color: #fff;
 background: #55616f
}

.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li>a:hover>i {
 color: #fff
}

.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.open>a,.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li:hover>a {
 color: #333!important;
 background: #fafafc!important
}

.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.open>a>i,.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li:hover>a>i {
 color: #333!important
}

.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.active>a,.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.active>a:hover,.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.current>a,.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.current>a:hover {
 color: #f1f1f1;
 background: #4E5966
}

.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.active>a:hover>i,.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.active>a>i,.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.current>a:hover>i,.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.current>a>i {
 color: #BCC2CB
}

.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu {
 box-shadow: 5px 5px rgba(85,97,111,.2);
 background: #fafafc
}

.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu li>a {
 color: #000
}

.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu li>a>i {
 color: #6fa7d7
}

.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu li:hover>a {
 color: #000;
 background: #eaeaf2
}

.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu li:hover>a>i {
 color: #6fa7d7
}

.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu li.active>a,.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu li.active>a:hover,.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu li.current>a,.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu li.current>a:hover {
 color: #000;
 background: #eaeaf2
}

.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu li.active>a:hover>i,.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu li.active>a>i,.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu li.current>a:hover>i,.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu li.current>a>i {
 color: #6fa7d7
}

.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu li.divider {
 background-color: #ededf4
}

.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li>.dropdown-menu {
 border: 1px solid #eaeaf2;
 border-top: 0
}

.page-header .page-header-menu .search-form,.page-header .page-header-menu .search-form .input-group {
 background: #38414c
}

.page-header .page-header-menu .search-form .input-group .form-control {
 color: #616d7d;
 background: #38414c
}

.page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder {
 color: #5f6a7a;
 opacity: 1
}

.page-header .page-header-menu .search-form .input-group .form-control:-ms-input-placeholder {
 color: #5f6a7a
}

.page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder {
 color: #5f6a7a
}

.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit>i {
 color: #616d7d
}

.page-prefooter {
 background: #48525e;
 color: #a2abb7
}

.page-prefooter a,.page-prefooter h2 {
 color: #32c5d2
}

.page-prefooter .subscribe-form .form-control {
 background: #343b44;
 border-color: #343b44;
 color: #a2abb7
}

.page-prefooter .subscribe-form .form-control::-moz-placeholder {
 color: #939eac;
 opacity: 1
}

.page-prefooter .subscribe-form .form-control:-ms-input-placeholder {
 color: #939eac
}

.page-prefooter .subscribe-form .form-control::-webkit-input-placeholder {
 color: #939eac
}

.page-prefooter .subscribe-form .btn {
 color: #fff;
 background-color: #3fc9d5;
 border-color: #3fc9d5
}

.page-prefooter .subscribe-form .btn.focus,.page-prefooter .subscribe-form .btn:focus {
 color: #fff;
 background-color: #28adb9;
 border-color: #1b727a
}

.open>.page-prefooter .subscribe-form .btn.dropdown-toggle,.page-prefooter .subscribe-form .btn.active,.page-prefooter .subscribe-form .btn:active,.page-prefooter .subscribe-form .btn:hover {
 color: #fff;
 background-color: #28adb9;
 border-color: #27a5b0
}

.open>.page-prefooter .subscribe-form .btn.dropdown-toggle.focus,.open>.page-prefooter .subscribe-form .btn.dropdown-toggle:focus,.open>.page-prefooter .subscribe-form .btn.dropdown-toggle:hover,.page-prefooter .subscribe-form .btn.active.focus,.page-prefooter .subscribe-form .btn.active:focus,.page-prefooter .subscribe-form .btn.active:hover,.page-prefooter .subscribe-form .btn:active.focus,.page-prefooter .subscribe-form .btn:active:focus,.page-prefooter .subscribe-form .btn:active:hover {
 color: #fff;
 background-color: #22929b;
 border-color: #1b727a
}

.open>.page-prefooter .subscribe-form .btn.dropdown-toggle,.page-prefooter .subscribe-form .btn.active,.page-prefooter .subscribe-form .btn:active {
 background-image: none
}

.page-prefooter .subscribe-form .btn.disabled.focus,.page-prefooter .subscribe-form .btn.disabled:focus,.page-prefooter .subscribe-form .btn.disabled:hover,.page-prefooter .subscribe-form .btn[disabled].focus,.page-prefooter .subscribe-form .btn[disabled]:focus,.page-prefooter .subscribe-form .btn[disabled]:hover,fieldset[disabled] .page-prefooter .subscribe-form .btn.focus,fieldset[disabled] .page-prefooter .subscribe-form .btn:focus,fieldset[disabled] .page-prefooter .subscribe-form .btn:hover {
 background-color: #3fc9d5;
 border-color: #3fc9d5
}

.page-prefooter .subscribe-form .btn .badge {
 color: #3fc9d5;
 background-color: #fff
}

.page-footer {
 background: #1A7DDA;
 color: #e6e6e5
}

.scroll-to-top>i {
 color: #657383;
 font-size: 32px;
 opacity: .7;
 filter: alpha(opacity=70)
}

.block-spinner-bar>div,.page-spinner-bar>div {
 background: #47cbd7
}

.fc-cart-title .fc-sku-name {
 margin: 0;
 font-size: 12px;
 color: #999
}

.fc-image-list .layer-photos-demo {
 text-align: center
}

.fc-image-list img {
 margin: 10px
}

.fc-image-list,.fc-show-total {
 margin-bottom: 30px
}

.fc-sku-group-html {
 text-align: right
}

.fc-image-list {
 margin-top: 30px
}

.fc-list-form li {
 padding: 20px 0;
 border-bottom: 1px solid;
 border-color: #ebf0f5
}

.fc-list-form span {
 float: right
}

.fc-flash {
 padding: 0!important
}

.fc-login {
 padding-top: 30px
}

.fc-login a {
 margin-left: 10px
}

.fc-list-row li {
 line-height: 25px
}

.fc-content-tool {
 padding-top: 0!important;
 text-align: left!important;
 padding-bottom: 10px!important
}

.fc-icon-left {
 float: left!important;
 margin-right: 8px
}

.fc-search-param .control-label {
 text-align: right;
 width: 11%
}

.fc-search-null {
 margin-top: 40px
}

.fc-msg-icon {
 font-size: 60px;
 color: #ddd;
 width: 80px
}

.fc-search-null-icon {
 font-size: 40px;
 color: #ddd
}

.fc-search-null-txt {
 color: #9a9393;
 position: relative;
 top: -12px;
 padding-left: 10px
}

.fc-msg-info,.fc-msg-url {
 padding-left: 0;
 text-align: left
}

.fc-msg-info {
 margin-top: -10px;
 padding-bottom: 5px;
 top: -8px
}

.fc-msg-title {
 color: #9a9393;
 padding-bottom: 0
}

.fc-404-title {
 color: #9a9393;
 padding-bottom: 5px;
 top: -12px;
 padding-left: 10px
}

.fc-msg-body {
 padding: 90px 0
}

.fc-news-tag-list {
 border: 0!important
}

.fc-show-prev-next {
 margin: 5px 0
}

.search-post-foot>.search-post-meta {
 display: inline-block;
 margin-right: 10px
}

.search-post-foot>.search-post-meta>a {
 color: #9aa5b2;
 font-size: 13px;
 font-weight: 600
}

.search-post-foot>.search-post-meta>a:hover {
 color: #1b9cc0;
 text-decoration: none
}

.search-post-foot>.search-post-meta>i {
 margin-right: 5px
}

.search-post-foot>.search-post-meta:last-child {
 margin-right: 0
}

.search-img-thumb {
 height: 480px
}

.search-post-desc {
 margin-bottom: 30px
}

.search-post-foot {
 padding-top: 20px;
 text-align: right
}

.search-post-foot>.search-post-tags {
 text-align: left;
 float: left;
 padding: 0
}

.search-post-foot>.search-post-tags>li {
 list-style: none;
 display: inline-block;
 margin-right: 5px
}

.search-post-foot>.search-post-tags>li>a {
 background-color: #f4f6f8;
 color: #a0a9b4;
 font-size: 11px;
 font-weight: 600;
 padding: 7px 10px
}

.search-post-foot>.search-post-tags>li>a:hover {
 background-color: #1b9cc0;
 color: #fff;
 text-decoration: none
}
.footer-lianxi .col-xs-4{
  padding-top: 10px;
  text-align: center;
}
.bgo{
  text-align: center;
  border-radius: 24px;
  background-color: rgb(230, 50, 46);
  color: rgb(255, 255, 255);
  font-size: 0.962409rem;
  line-height: 40px;
  font-size: 15px;
}
.footer-lianxi .col-xs-4 img{
  width: 68%;
}
.search-post-foot>.search-post-tags>li:last-child {
 margin-right: 0
}

.blog-single-foot {
 border-top: 1px solid;
 border-bottom: 1px solid;
 border-color: #f0f1f2;
 padding: 20px 0;
 margin-bottom: 120px
}

.blog-single-foot>.blog-post-tags {
 text-align: left;
 padding: 0;
 margin: 0
}

.blog-single-foot>.blog-post-tags>li {
 list-style: none;
 display: inline-block;
 margin-right: 5px
}

.blog-single-foot>.blog-post-tags>li>a {
 background-color: #f4f6f8;
 color: #a0a9b4;
 font-size: 11px;
 font-weight: 600;
 padding: 7px 10px
}

.blog-single-foot>.blog-post-tags>li>a:hover {
 background-color: #1b9cc0;
 color: #fff;
 text-decoration: none
}

.blog-single-foot>.blog-post-tags>li:last-child {
 margin-right: 0
}

.search-page .bordered {
 border: 1px solid #e7ecf1
}

.todo-sidebar {
 float: left;
 width: 230px;
 margin-right: 20px
}

.todo-content {
 overflow: hidden
}

.todo-tasklist-item-border-green {
 border-left: #3faba4 2px solid
}

.todo-tasklist-item-border-blue {
 border-left: #4c87b9 2px solid
}

.todo-tasklist-item-border-purple {
 border-left: #8877a9 2px solid
}

.todo-tasklist-item-border-red {
 border-left: #d05454 2px solid
}

.todo-tasklist-item-border-yellow {
 border-left: #d4ad38 2px solid
}

.padding-top-10px {
 padding-top: 15px
}

.todo-userpic {
 -webkit-border-radius: 50%!important;
 -moz-border-radius: 50%!important;
 border-radius: 50%!important;
 border: 1px solid #cedae1
}

.todo-text-color {
 color: #45535b
}

.todo-projects-config {
 padding: 6px 9px 3px!important
}

.todo-projects-config>i {
 font-size: 14px!important
}

.todo-tasklist {
 padding: 0
}

.todo-project-list ul li a {
 font-size: 14px!important;
 padding: 8px 10px
}

.todo-project-list .nav li a .badge {
 float: right;
 margin-top: 1px!important
}

.todo-project-list .nav>li.active>a {
 color: #3f444a;
 background-color: #f1f4f7!important
}

.todo-task-history {
 padding: 0;
 margin: 0
}

.todo-task-history>li {
 padding: 5px 0
}

.todo-task-history>li>.todo-task-history-desc {
 overflow: hidden
}

.todo-task-history>li>.todo-task-history-date {
 font-size: 12px;
 float: right;
 width: 150px;
 margin-left: 10px;
 text-align: right;
 color: #999
}

.todo-tasklist-item {
 background: #f6fbfc;
 padding: 10px;
 margin-bottom: 15px;
 overflow: hidden
}

.todo-tasklist-item:last-child {
 margin-bottom: 0
}

div .todo-tasklist-item:hover {
 background-color: #edf7f9
}
.navbar-nav>.nactive>a{
 color: #0da8aa;
}
.navbar-nav>.nactive>a:after {
 transform: scaleX(1);
}
.todo-tasklist-item img {
 margin: 0 10px 10px 0
}

.todo-tasklist-item-title {
 font-size: 15px;
 color: #2b4a5c;
 font-weight: 600;
 padding-top: 3px;
 padding-bottom: 13px
}

.todo-tasklist-item-text {
 font-size: 13px;
 color: #577688;
 padding-bottom: 5px
}

.todo-tasklist-item ul {
 margin: 5px 0 0
}

.todo-tasklist-item li {
 color: #577688;
 font-size: 13px;
 margin-right: 10px;
 margin-bottom: 5px;
 padding: 0!important
}

.todo-tasklist-item li i {
 color: #b3bfcb;
 font-size: 15px
}

.todo-tasklist-controls {
 margin-top: 5px
}

.todo-tasklist-date {
 color: #637b89!important;
 margin-right: 12px
}

.todo-tasklist-date i {
 color: #abbfca!important;
 margin-right: 5px
}

.todo-taskbody-tasktitle {
 font-size: 18px;
 color: #778d96
}
.jlist img{
  transition: 0.2s;
  position: relative;
  top: 0px;
}
.jlist .col-lg-4:hover img{
  top: -5px;
  transition: 0.2s;
}
.jlist .col-lg-4:hover p{
  top: -5px;
  transition: 0.2s;
}
.jlist{
  padding: 50px 0;
  text-align: center;
}
.jlist p{
  position: relative;
  top: 0px;
  font-size: 16px;
  margin-top: 20px;
}
.jlist .col-lg-4{
  margin-bottom: 70px;
}
.todo-taskbody-taskdesc {
 font-size: 14px;
 color: #778d96
}
.jlist-title{
  font-size: 22px;
  margin-top: 100px;
  text-align: center;
  margin-bottom: 30px;
}
.todo-username {
 font-size: 16px;
 color: #2b4a5c;
 font-weight: 600;
 padding: 15px 0 0 15px
}

.todo-comment-head {
 padding-top: 3px
}

.todo-comment:hover>.todo-comment-btn {
 display: block
}

.todo-comment-btn {
 display: none;
 position: absolute;
 top: 1px;
 right: 0;
 font-size: 12px;
 color: #566e7c;
 border-color: #a2aeb5
}

.todo-comment-btn:hover {
 color: #fff;
 background-color: #a1b6c2;
 border-color: #a1b6c2
}

.todo-comment-username {
 font-size: 14px;
 color: #2b4a5c;
 font-weight: 600
}

.todo-comment-date {
 font-size: 12px;
 color: #2b4a5c;
 font-weight: 400
}

.todo-username-btn {
 margin: 14px 0 0 15px;
 color: #566e7c;
 border-color: #a2aeb5
}

.todo-username-btn:hover {
 color: #fff;
 background-color: #a1b6c2;
 border-color: #a1b6c2
}

.form .form-actions.todo-form-actions {
 padding-top: 10px;
 border: 0;
 margin: 0 0 20px
}

.login .content .input-icon,.login-code {
 border-left: 2px solid #1b9cc0!important
}

.page-header-top-index {
 height: 41px;
 /*	padding-top: 5px;*/
 /*	margin-bottom: 30px;*/
 /*	border-bottom: 1px solid #f7f1f1;*/
 background:#0ca7a9;
 line-height: 41px;
 transition: all 0.6s;
}

.page-header-top-index .page-top-index-left {
 float: left;
 width: 300px
}

.page-header-top-index .page-top-index-right {
 float: right;
 margin-right:38px;
}

.page-header-member .dropdown-toggle {
 background: #fff!important
}

.page-header-member {
 float: right;
 margin-top: -20px
}

.page-header-search .btn {
 color: #656e7b!important
}

.page-header-search {
 width: 400px;
 float: left;
 padding-top: 0;
 margin-left: 120px；

}

.page-header-top-index span {
 color: white;
 padding: 0 5px;
 letter-spacing: 0.5px;
 font-size:15px;
}

.page-top-index-right a {
 padding-left: 10px
}

.page-header-top-index a {
 color: #94989e
}

.page-header-module {
 float: left;
 display: block;
 width: 100px;
 height: 75px;
 overflow: hidden;
 padding-top: 16px;
 padding-left: 10px;
 font-size: 10px;
 color: #1b9cc0
}

.login .content .forget-form,.login .content .register-form,.todo-tasklist-devider {
 display: none
}

.fc-list-image .tile-title {
 text-align: center
}

.fc-list-image img {
 width: 120px
}

.fc-list-image {
 overflow: hidden;
 margin-top: 5px;
 margin-bottom: 5px
}

.fc-member-name {
 padding-right: 10px
}

.login {
 padding-top: 50px!important;
 padding-bottom: 30px!important
}

.login-code .input-icon {
 margin-left: -2px
}

.login .content h3 {
 color: #000
}

.login .content h4 {
 color: #555
}

.login .content p {
 color: #222
}

.login .content .forget-form,.login .content .login-form {
 padding: 0;
 margin: 0
}

.login .content .input-icon {
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 -ms-border-radius: 4px;
 -o-border-radius: 4px;
 border-radius: 4px
}

.login .content .input-icon .form-control {
 border-left: 0
}

.login .content .form-title {
 font-weight: 300;
 margin-bottom: 25px
}

.login .content .form-actions {
 background-color: #fff;
 clear: both;
 border: 0;
 padding: 0 30px 5px;
 margin-left: -30px;
 margin-right: -30px
}

.login .content .forget-form .form-actions {
 border: 0;
 margin-bottom: 0;
 padding-bottom: 20px
}

.login .content .register-form .form-actions {
 border: 0;
 margin-bottom: 0;
 padding-bottom: 0
}

.login .content .form-actions .rememberme {
 margin-top: 8px;
 display: inline-block
}

.login .content .form-actions .btn {
 margin-top: 1px
}

.login .content .forget-password {
 margin-top: 25px
}

.login .content .create-account {
 border-top: 1px dotted #eee;
 padding-top: 10px;
 margin-top: 15px;
 clear: both
}

.login .content .create-account a {
 display: inline-block;
 margin-top: 5px
}

.login .content .select2-container {
 border-left: 2px solid #1b9cc0!important
}

.login .content .select2-container .select2-choice {
 border-left: none!important
}

.login .content .select2-container i {
 display: inline-block;
 position: relative;
 color: #ccc;
 z-index: 1;
 top: 1px;
 margin: 4px 4px 0 -1px;
 width: 16px;
 height: 16px;
 font-size: 16px;
 text-align: center
}

.login .content .has-error .select2-container i {
 color: #b94a48
}

.login .content .select2-container a span {
 font-size: 13px
}

.login .content .select2-container a span img {
 margin-left: 4px
}

.login-oauth {
 margin: 0;
 padding: 0
}
.popup_wrap {
  background-size: 300px auto;
  width: 300px;
  height: 300px;
  position: absolute;
  margin-top: 0px;
  margin-left: 0px;
}
.popup_wrap .weixin_pic {
  width: 100%;
  height: 185px;
  background: url(../images/foot_bar_img.png) no-repeat center 0;
  background-size: 450px 450px;
  background-position: left bottom;
}
.popup_wrap .weixin_copy {
  font-size: 24px;
  color: #666;
  text-align: center;
  background: #FFF;
  padding-bottom: 20px;
  border-radius: 0px 0px 5px 5px;
  margin-top: -2px;
}
.popup_wrap .bnt_y {
  width: 270px;
  height: 48px;
  line-height: 48px;
  background: #fbb03b;
  color: #FFF;
  font-size: 20px;
  border-radius: 5px;
  border-bottom: 2px solid #faa013;
  margin: 0 auto;
  margin-top: 18px;
  border: 0;
  box-shadow: none;
  outline: none;
  text-indent: inherit;
}
.login-oauth li {
 float: left;
 display: inline;
 list-style: none;
 margin-right: 5px;
 margin-bottom: 5px
}

.login-options {
 height: 30px
}

.blog-page .bordered {
 border: 1px solid #e7ecf1
}

.blog-page .blog-container {
 margin-bottom: 30px
}

.blog-page .blog-title>a {
 color: #4e5a64;
 font-weight: 600
}

.blog-page .blog-title>a:hover {
 color: #1b9cc0;
 text-decoration: none
}

.blog-content-1 .blog-img-thumb {
 overflow: hidden;
 position: relative
}

.blog-content-1 .blog-img-thumb img {
 width: 100%;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 position: absolute;
 margin: auto
}

.blog-content-1 .blog-post-content {
 padding: 20px 20px 30px;
 background-color: #fff
}

.blog-content-1 .blog-post-content>.blog-post-title {
 overflow: hidden;
 height: 18px;
 margin: 0 0 30px
}

.blog-content-1 .blog-post-content>.blog-post-title>a {
 font-size: 18px
}

.blog-content-1 .blog-post-content>.blog-post-desc {
 color: #a0a9b4;
 font-size: 14px;
 overflow: hidden;
 height: 18px;
 margin: 15px 0
}

.blog-content-1 .blog-post-content>.blog-post-foot>.blog-post-meta {
 display: inline-block;
 margin-right: 10px
}

.blog-content-1 .blog-post-content>.blog-post-foot>.blog-post-meta>a {
 color: #9aa5b2;
 font-size: 13px;
 font-weight: 600
}

.blog-content-1 .blog-post-content>.blog-post-foot>.blog-post-meta>a:hover {
 color: #1b9cc0;
 text-decoration: none
}

.blog-content-1 .blog-post-content>.blog-post-foot>.blog-post-meta>i {
 margin-right: 5px
}

.blog-content-1 .blog-post-content>.blog-post-foot>.blog-post-meta:last-child {
 margin-right: 0
}

.blog-content-1 .blog-post-lg>.blog-img-thumb {
 height: 480px
}

.blog-content-1 .blog-post-lg>.blog-post-content>.blog-post-desc {
 margin-bottom: 30px
}

.blog-content-1 .blog-post-lg>.blog-post-content>.blog-post-foot {
 border-top: 1px solid;
 border-top-color: #f0f1f2;
 padding-top: 20px;
 text-align: right
}

.blog-content-1 .blog-post-lg>.blog-post-content>.blog-post-foot>.blog-post-tags {
 text-align: left;
 float: left;
 padding: 0
}

.blog-content-1 .blog-post-lg>.blog-post-content>.blog-post-foot>.blog-post-tags>li {
 list-style: none;
 display: inline-block;
 margin-right: 5px
}

.blog-content-1 .blog-post-lg>.blog-post-content>.blog-post-foot>.blog-post-tags>li>a {
 background-color: #f4f6f8;
 color: #a0a9b4;
 font-size: 11px;
 font-weight: 600;
 padding: 7px 10px
}

.blog-content-1 .blog-post-lg>.blog-post-content>.blog-post-foot>.blog-post-tags>li>a:hover {
 background-color: #1b9cc0;
 color: #fff;
 text-decoration: none
}
.yuangong-list .col-lg-4{
  margin-bottom: 30px;
}
.blog-content-1 .blog-post-lg>.blog-post-content>.blog-post-foot>.blog-post-tags>li:last-child {
 margin-right: 0
}

.blog-content-1 .blog-post-sm>.blog-img-thumb {
 height: 200px
}

.blog-content-1 .blog-post-sm>.blog-post-content>.blog-post-title {
 margin: 0 0 15px
}

.blog-content-1 .blog-post-sm>.blog-post-content>.blog-post-foot {
 border: none
}

.blog-content-1 .blog-quote {
 background-color: #fff;
 padding-bottom: 30px
}

.blog-content-1 .blog-quote>.blog-quote-label {
 color: #fff;
 padding: 30px 40px 80px;
 font-size: 18px;
 line-height: 28px
}

.blog-content-1 .blog-quote>.blog-quote-label>i {
 display: block;
 font-size: 30px;
 margin-bottom: 15px
}

.blog-content-1 .blog-quote>.blog-quote-avatar {
 width: 110px;
 height: 110px;
 border-radius: 50%!important;
 margin: -55px auto 25px;
 overflow: hidden
}

.blog-content-1 .blog-quote>.blog-quote-avatar img,.blog-content-2 .blog-single-content>.blog-single-img>img {
 width: 100%
}

.blog-content-1 .blog-quote>.blog-quote-author {
 text-align: center
}

.blog-content-1 .blog-quote>.blog-quote-author>.blog-quote-title {
 font-size: 20px;
 margin: 0 0 15px
}

.blog-content-1 .blog-quote>.blog-quote-author>.blog-quote-desc {
 font-size: 16px;
 color: #9aa5b2;
 margin: 0
}

.blog-content-1 .blog-video>.blog-img-thumb {
 height: 330px
}

.blog-content-1 .blog-video>.blog-img-thumb img {
 margin: 0
}

.blog-content-1 .blog-video>.blog-video-play i {
 color: #da555b;
 background-color: rgba(0,0,0,.64);
 font-size: 35px;
 padding: 27px 20px;
 position: absolute;
 z-index: 5;
 margin: -90px 0 0 20px;
 border-radius: 50%
}

.blog-content-1 .blog-video>.blog-video-content {
 text-align: center;
 padding: 30px
}

.blog-content-1 .blog-video>.blog-video-content>.blog-video-title {
 font-size: 20px;
 margin: 0 0 15px
}

.blog-content-1 .blog-video>.blog-video-content>.blog-video-desc {
 font-size: 16px;
 color: #9aa5b2;
 margin: 0
}

.blog-content-1 .blog-banner {
 background-position: center;
 text-align: center;
 padding: 100px 0
}

.blog-content-1 .blog-banner>.blog-banner-title>a {
 color: #fff
}

.blog-content-1 .blog-banner>.blog-banner-title>a:hover {
 color: #1b9cc0
}

.blog-content-2 .blog-single-content {
 padding: 40px 30px 15px;
 background-color: #fff
}

.blog-content-2 .blog-single-content>.blog-single-head>.blog-single-head-title {
 font-size: 25px;
 font-weight: 600;
 color: #4e5a64;
 margin: 0 0 40px;
 display: inline-block
}

.blog-content-2 .blog-single-content>.blog-single-head>.blog-single-head-date {
 float: right;
 font-size: 13px;
 font-weight: 600;
 margin-top: 7px
}

.blog-content-2 .blog-single-content>.blog-single-head>.blog-single-head-date>i {
 margin-right: 5px
}

.blog-content-2 .blog-single-content>.blog-single-head>.blog-single-head-date>a {
 color: #9aa5b2
}

.blog-content-2 .blog-single-content>.blog-single-head>.blog-single-head-date>a:hover {
 color: #1b9cc0;
 text-decoration: none
}

.blog-content-2 .blog-single-content>.blog-single-img {
 margin: 0 0 35px
}

.blog-content-2 .blog-single-content>.blog-single-desc>p {
 margin: 0 0 35px;
 font-size: 16px;
 color: #7e8691;
 line-height: 24px
}

.blog-content-2 .blog-single-content>.blog-single-foot {
 border-top: 1px solid;
 border-bottom: 1px solid;
 border-color: #f0f1f2;
 padding: 20px 0 25px;
 margin-bottom: 20px
}

.blog-content-2 .blog-single-content>.blog-single-foot>.blog-post-tags {
 text-align: left;
 padding: 0;
 margin: 0
}

.blog-content-2 .blog-single-content>.blog-single-foot>.blog-post-tags>li {
 list-style: none;
 display: inline-block;
 margin-right: 5px
}

.blog-content-2 .blog-single-content>.blog-single-foot>.blog-post-tags>li>a {
 background-color: #f4f6f8;
 color: #a0a9b4;
 font-size: 11px;
 font-weight: 600;
 padding: 7px 10px
}

.blog-content-2 .blog-single-content>.blog-single-foot>.blog-post-tags>li>a:hover {
 background-color: #1b9cc0;
 color: #fff;
 text-decoration: none
}

.blog-content-2 .blog-single-content>.blog-single-foot>.blog-post-tags>li:last-child {
 margin-right: 0
}

.blog-content-2 .blog-single-content .blog-comments {
 display: inline-block;
 font-size: 14px;
 font-weight: 400;
 margin: 6px 10px 3px 0
}

.blog-content-2 .blog-single-content .blog-comments .blog-comments-title {
 font-size: 20px
}

.blog-content-2 .blog-single-content .blog-comments .c-comment-list {
 margin-bottom: 60px
}

.blog-content-2 .blog-single-content .blog-comments .c-comment-list .media {
 margin: 30px 0
}

.blog-content-2 .blog-single-content .blog-comments .c-comment-list .media .media-body>.media:last-child {
 margin-bottom: 0
}

.blog-content-2 .blog-single-content .blog-comments .c-comment-list .media-object {
 height: 50px;
 width: 50px;
 border-radius: 50px!important
}

.blog-content-2 .blog-single-content .blog-comments input:focus,.blog-content-2 .blog-single-content .blog-comments textarea:focus,.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-search input:focus {
 border: 1px solid #ccc;
 outline: 0
}

.blog-content-2 .blog-single-content .blog-comments .c-comment-list .media-heading>a {
 color: #9aa5b2;
 font-weight: 600
}

.blog-content-2 .blog-single-content .blog-comments .c-comment-list .media-heading>a:hover {
 color: #1b9cc0;
 text-decoration: none
}

.blog-content-2 .blog-single-content .blog-comments .c-comment-list .media-heading>.c-date {
 font-size: 14px
}

.blog-content-2 .blog-single-content .blog-comments i {
 position: relative;
 top: 2px
}

.blog-content-2 .blog-single-sidebar {
 padding: 40px 30px;
 background-color: #fff
}

.blog-content-2 .blog-single-sidebar .blog-sidebar-title {
 font-weight: 600;
 font-size: 14px;
 color: #4e5a64;
 letter-spacing: 1px;
 margin-top: 40px;
 margin-bottom: 30px
}

.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-search input {
 font-size: 14px;
 color: #a0a9b4
}

.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-recent>ul {
 padding: 0
}

.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-recent>ul>li {
 list-style: none;
 margin-bottom: 10px;
 position: relative
}

.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-recent>ul>li>a {
 color: #49a7fa;
 font-size: 16px;
 padding-left: 20px;
 display: block
}

.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-recent>ul>li>a:hover {
 text-decoration: none;
 color: #1b9cc0
}

.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-recent>ul>li:before {
 content: "•";
 color: #dae0e5;
 font-size: 30px;
 position: absolute;
 margin-top: -9px
}

.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-tags .blog-post-tags {
 text-align: left;
 padding: 0;
 margin: 20px 0 0
}

.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-tags .blog-post-tags>li {
 list-style: none;
 display: inline-block;
 margin: 0 5px 20px 0
}

.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-tags .blog-post-tags>li>a {
 background-color: #f4f6f8;
 color: #a0a9b4;
 font-size: 11px;
 font-weight: 600;
 padding: 7px 10px
}

.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-tags .blog-post-tags>li>a:hover {
 background-color: #1b9cc0;
 color: #fff;
 text-decoration: none
}

.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-tags .blog-post-tags>li:last-child {
 margin-right: 0
}

.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-links>ul {
 padding: 0
}

.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-links>ul>li {
 list-style: none;
 border-bottom: 1px solid;
 border-color: #f0f1f2;
 padding: 20px 0
}

.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-links>ul>li>a {
 color: #49a7fa;
 font-size: 16px
}

.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-links>ul>li>a:hover {
 text-decoration: none;
 color: #1b9cc0
}

.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-links>ul>li:first-child {
 padding-top: 0
}

.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-links>ul>li:last-child {
 border: none
}

.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-ui .ui-margin {
 margin: 0
}

.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-ui .ui-padding {
 padding: 0 5px 5px 0
}

.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-ui img {
 width: 100%
}

.fc-search-param .form-group label {
 margin-bottom: 10px
}

@media (max-width:991px) {
 .blog-content-1 .blog-post-lg>.blog-img-thumb {
  height: 330px
}

.blog-content-1 .blog-post-sm>.blog-img-thumb {
  height: 170px
}

.blog-content-1 .blog-video>.blog-img-thumb {
  height: 301px
}

.blog-content-1 .blog-video>.blog-img-thumb img {
  height: auto;
  width: 100%
}
}

@media (max-width:480px) {
 .blog-content-1 .blog-post-lg>.blog-post-content>.blog-post-foot {
  text-align: left
}

.blog-content-1 .blog-post-lg>.blog-post-content>.blog-post-foot>.blog-post-tags {
  float: none
}

.blog-content-1 .blog-post-lg>.blog-post-content>.blog-post-foot>.blog-post-meta {
  margin-right: 10px;
  margin-top: 10px
}

.blog-content-2 .blog-single-content>.blog-single-head>.blog-single-head-title {
  margin-bottom: 0
}

.blog-content-2 .blog-single-content>.blog-single-head>.blog-single-head-date {
  float: none;
  margin-bottom: 40px
}
}

.news-list-pagination,.news-tabs li {
 text-align: center
}

.fc-search-keyword {
 border: 1px solid #e1e5ec!important;
 border-radius: 25px!important;
 margin-top: 11px;
 width: 100%;
 text-align: center;
 height: 20px;
 padding: 6px 3px;
 font-size: 13px;
}

.hometel {
 font-size: 20px;
 color: #1b9cc0;
 padding-right: 20px;
 padding-top: 2px;
 font-weight: 700
}

.search-tag a {
 padding-right: 5px
}

.search-tag {
 margin-top: 8px
}

.news-body {
 border: 1px solid #eee;
 padding: 15px;
 font-size: 14px
}

.title-btn {
 border-bottom: 1px solid #f1f1f1;
 padding-bottom: 10px;
 margin-bottom: 30px
}

.title-btn label {
 padding-right: 10px;
 padding-top: 10px;
 color: #666
}

.news-keyword-tags label a {
 margin: 0 5px 0 3px;
 font-size: 12px;
 background: #999;
 color: #fff;
 padding: 1px 5px
}

.news-next-prev p {
 margin: 10px 0
}

.news-summary {
 background: #f9f9f9;
 color: #777;
 line-height: 24px;
 padding: 20px 32px;
 margin-bottom: 32px;
 overflow: hidden;
 word-wrap: break-word;
 word-break: break-all
}

.news-comments-body {
 padding: 30px 12px;
 border: 1px solid #eee;
 border-top: 2px solid #1b9cc0;
 clear: both
}

.news-hits-body {
 padding: 10px 15px;
 border: 1px solid #eee;
 border-top: 2px solid #1b9cc0;
 clear: both;
 margin-bottom: 30px
}

.news-hits-body ul {
 list-style: none;
 padding: 0;
 margin-bottom: 0
}

.news-hits-body .news li {
 line-height: 25px;
 font-size: 14px
}

.news-hits-body .image p {
 color: #a3a3a3;
 margin: 4px 0 0
}

.news-hits-body .image h5 {
 font-size: 14px;
 color: #646464;
 max-height: 40px;
 line-height: 20px;
 overflow: hidden;
 font-weight: 400;
 margin-top: 0
}

.news-hits-body .image .pic img {
 display: block;
 width: 83px;
 height: 62px
}

.news-hits-body .image .pic {
 float: left;
 margin-right: 17px
}

.news-hits-body .image li {
 zoom: 1;
 overflow: hidden;
 margin: 0;
 padding: 10px 0;
 border-bottom: 1px solid #eee
}

.news-hits-body .image li:last-child {
 border: 0
}

.news-hits-body .ctitle {
 font-size: 18px;
 font-weight: 700;
 padding-bottom: 12px
}

.news-comments-top {
 margin-top: 20px
}

.news-comments-top h4 {
 float: left;
 font-weight: 400;
 font-size: 18px;
 color: #414141;
 padding-left: 10px;
 border-left: 6px solid #1b9cc0
}

.news-comments-top .count {
 float: right;
 font-size: 14px;
 color: #999;
 padding-top: 12px
}

.news-list {
 clear: both;
 list-style: none;
 padding: 20px
}

.news-list li {
 zoom: 1;
 overflow: hidden;
 margin: 0;
 padding: 20px 0;
 border-bottom: 1px solid #eee
}

.news-list li:last-child {
 border: 0
}

.news-list .pic {
 position: relative;
 z-index: 1;
 float: left;
 margin: 3px 15px 0 0;
 overflow: hidden;
 width: 200px;
 height: 150px
}

.news-list .con {
 margin-top: -2px
}

.news-list h3 {
 font-size: 18px;
 margin-bottom: 5px;
 font-weight: 400
}

.news-list h5 a {
 color: #000;
 font-size: 18px
}

.news-list p {
 color: #aaa;
 font-size: 14px;
 line-height: 20px;
 max-height: 60px;
 overflow: hidden;
 margin: 0 0 8px
}

.news-list dl {
 height: 18px;
 line-height: 18px;
 color: #999;
 margin-top: 15px
}

.news-list .time {
 float: left;
 margin-right: 32px
}

.news-list dd {
 float: right
}

.news-list-pagination .page-active a {
 color: #fff;
 background-color: #1b9cc0;
 border: 1px solid #1b9cc0
}

.pagination>li>a,.pagination>li>span {
 color: #000
}
.content-div{
  background: #f9f9f9;
  padding-top: 40px;
  /* padding-bottom: 30px; */
  margin-bottom: 50px;
}
.contet-div span{
  background-color: rgb(255, 255, 255)!important;
}
.news-tabs {
 height: 50px;
 line-height: 50px
}

.content{
 margin-bottom: 100px;
}
.news-title {
 border-bottom: 1px solid #eee;
 margin-top: 10px;
 font-size: 25px;
 text-align: center;
 padding-bottom: 30px;
}
.news-desc{
 text-align: center;
 margin-bottom: 40px;
}
.news-tabs ul {
 float: left;
 list-style: none;
 padding: 0
}

.news-tabs li.selected {
 position: relative;
 border-bottom: 1px solid #1b9cc0
}

.news-tabs li {
 float: left;
 width: 78px;
 font-size: 16px;
 margin-bottom: -1px
}

.bg-flash {
 border: 1px solid #eee;
 padding: 5px;
 overflow: hidden
}

.news-search {
 padding: 10px 15px 15px;
 border: 1px solid #eee;
 text-align: left;
 margin-bottom: 30px
}

.news-search-param {
 margin: 10px auto;
 padding: 3px 5px;
 clear: both
}

.news-search-param .input-group {
 width: 500px;
 margin-top: 20px
}

.btn.default {
 color: #fff!important;
 background-color: #1b9cc0!important;
 border-color: #1b9cc0!important
}

.news-search-param-name {
 width: 100px;
 float: left
}

.news-search-param-value .label {
 padding: 3px 10px
}

.news-search-param-value .label-success {
 background-color: #1b9cc0
}

.news-search-param-value .label-success[href]:focus,.news-search-param-value .label-success[href]:hover {
 background-color: #d0d0d0
}

.news-search-param-value .label-default {
 background: 0 0;
 color: #333
}

.search-content .title {
 background: #f4f4f4;
 height: 40px;
 line-height: 40px
}

.search-content .tabs {
 float: left
}

.search-content .tabs ul {
 list-style: none;
 padding: 0
}

.search-content .tabs li.selected {
 background: #fff;
 border-top: 3px solid #1b9cc0;
 height: 40px;
 line-height: 40px
}

.search-content .tabs li {
 float: left;
 width: 100px;
 color: #666;
 text-align: center;
 font-size: 16px
}

.search-content .tabs li.selected a {
 color: #1b9cc0
}

.search-content .title .fr {
 float: right;
 font-size: 14px;
 color: #999;
 padding-right: 10px
}

.search-content .title .fr em {
 color: #EB6100;
 padding-left: 5px;
 padding-right: 8px
}

.search-content .no-feed {
 background-color: #fff;
 min-height: 320px
}

.search-content .no-feed .empty-img {
 margin: 110px auto 0;
 width: 167px;
 height: 74px
}

.search-content .no-feed .empty-img img {
 width: 100%;
 height: 100%
}

.search-content .no-feed p {
 margin-top: 24px;
 font-size: 14px;
 color: #999;
 text-align: center
}

.bg-h {
 background-color: #F2F2F2
}

.bbs-table .bbs-table-title {
 position: relative;
 height: 50px;
 line-height: 50px;
 padding: 0 15px;
 border-bottom: 1px dotted #E9E9E9;
 color: #333;
 border-radius: 2px 2px 0 0;
 font-size: 14px
}

.bbs-table {
 margin-bottom: 15px;
 border-radius: 2px;
 background-color: #fff;
 box-shadow: 0 1px 2px 0 rgba(0,0,0,.05)
}

.bbs-table ul {
 list-style: none;
 padding: 0
}

.bbs-table .bbs-list li {
 position: relative;
 padding: 15px 15px 15px 75px;
 border-bottom: 1px dotted #e2e2e2
}

.bbs-table .bbs-list li:last-child {
 border-bottom: none
}

.bbs-table .bbs-list li h2 {
 height: 26px;
 font-size: 0;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 margin: 0
}

.bbs-table .bbs-list li h2 .layui-badge {
 top: -2px;
 height: 16px;
 line-height: 16px;
 padding: 0 5px;
 margin-right: 10px;
 font-size: 12px;
 border: 1px solid #1b9cc0;
 background: 0 0;
 color: #1b9cc0
}

.bbs-content .news-body,.bbs-content .news-comments-body,.note.note-info {
 background-color: #fff
}

.bbs-table .bbs-list li h2 a {
 display: inline-block;
 max-width: 80%;
 padding-right: 10px;
 font-size: 16px
}

.bbs-table .bbs-list-info {
 position: relative;
 font-size: 13px;
 color: #999
}

.bbs-table .bbs-list-info a[link] {
 color: #999
}
.re-news-list-div{
  height: 170px;
  overflow: hidden;
  text-align: center;
}
.re-n-div{
  border: 1px solid #e7eeff;
  margin-bottom: 20px;
}
.bbs-table .bbs-list-info>* {
 padding-right: 15px
}

.bbs-table .bbs-list-kiss {
 color: #1b9cc0
}

.bbs-table .bbs-list-badge {
 position: absolute;
 right: 15px;
 top: 15px;
 font-size: 0
}
.re-top{
  font-size: 20px;
  padding-left: 15px;
}
.re-news-list{
  margin-bottom: 50px;
}
.bbs-table .bbs-list-badge .layui-badge {
 margin-left: 5px;
 border-radius: 2px;
 font-size: 12px;
 color: #999
}

.layui-badge {
 height: 20px;
 line-height: 20px;
 border-radius: 2px
}
.re-title{
  font-size: 15px;
  margin-top: 12px;
}
.bbs-table .bbs-list .bbs-avatar img {
 display: block;
 width: 45px;
 height: 45px;
 margin: 0;
 border-radius: 2px
}

.bbs-table .bbs-list .bbs-avatar {
 position: absolute;
 left: 15px;
 top: 15px
}

.bbs-table .bbs-list-quick .on a {
 color: #1b9cc0
}

.bbs-table .bbs-list-quick {
 border: 1px solid #f2f2f2;
 border-bottom: none;
 border-right: 0
}

.layui-clear {
 clear: both
}

.bbs-table .bbs-list-quick .layui-col-xs6 {
 height: 48px;
 line-height: 48px;
 padding: 0 10px;
 border: 1px solid #f2f2f2;
 border-left: none;
 border-top: none;
 text-align: center;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden
}
.goods-h3{
  float: right;
  margin-right: 20px;
  font-size: 15px;
  color: #1c70c7;
  line-height: 8px;
  padding-bottom: 20px;
  margin-top: 20px;
  border-bottom: 3px solid #1c70c7;
}
.bbs-list-tz li,.news-body .title {
 line-height: 30px
}

.layui-col-xs6 {
 width: 50%;
 float: left
}

.bbs-table .bbs-list-quick a {
 display: block
}

.note.note-info {
 border-color: #1b9cc0;
 color: #010407
}

.bbs-list-tz {
 padding: 10px 0!important
}

.bbs-list-tz li {
 margin: 2px 15px;
 white-space: nowrap;
 overflow: hidden;
 list-style: decimal-leading-zero inside;
 color: #1b9cc0
}

.search-content .bbs-table {
 margin-top: 30px;
 box-shadow: none
}

.bbs-search-left .bbs-table {
 box-shadow: none;
 border: 1px solid #eee
}

.wbbs_show .portlet-body p {
 margin: 10px 0
}

.wbbs_avatar_url {
 margin-top: 0!important
}

.bbs-comments-item:last-child {
 border: 0
}

.bbs-comments-item .wbbs_avatar p {
 margin: 10px 0
}

.bbs-comments-item .portlet-body {
 padding-top: 20px
}

.wbbs_show .portlet-body {
 padding-top: 0
}

.bbs-comments-item .wbbs_reply {
 margin-left: 20px
}

.bbs-comments-item {
 padding: 15px 0;
 border-bottom: 1px dotted #DFDFDF
}

.book-content {
 margin-bottom: 20px;
 overflow: hidden
}

.book-content .commonTitle {
 height: 40px;
 line-height: 40px;
 border-bottom: 2px solid rgba(90,90,90,.25);
 font-size: 24px;
 color: #1b9cc0;
 position: relative
}

.book-content .commonTitle h4 {
 position: relative;
 font-weight: 400!important;
 padding-left: 10px;
 border-left: 5px solid #1b9cc0
}

.page-footer a {
 color: #fff
}

.page-footer a:hover {
 color: #acacac
}

.mt20 {
 margin-top: 20px!important
}

.fl {
 float: left!important
}

.book-content .commonTitle a {
 text-decoration: none;
 color: #acacac;
 font-size: 14px;
 padding-left: 15px
}

.link-list a {
 padding-right: 15px
}

.link-list {
 padding-top: 15px
}

.fr {
 float: right!important
}

.book-content-list {
 padding-top: 20px
}

.book-content-list .books {
 border: 1px solid #e7e7e7;
 margin: 0;
 padding: 0
}

.book-content-list .books li .book:hover {
 background-color: #fff;
 box-shadow: 0 0 10px rgba(0,0,0,.2);
 cursor: pointer
}

.book-content-list .books li .book:hover img {
 box-shadow: 0 0 6px rgba(0,0,0,.2)
}

.book-content-list .books li .book .bookDetail .bookName:hover,.book-content-list .books li .book .bookDetail .typeAuthor span+a:hover {
 color: #1b9cc0
}

.book-content-list .books li .book .bookDetail .typeAuthor span:hover {
 color: #3c3c3c
}

.book-content-list .books li:first-child {
 border-top: none;
 padding-top: 0
}

.book-content-list .books li {
 list-style: none
}

.book-content-list .books li .book:first-child {
 margin-left: 0
}

.book-content-list .books li .book {
 float: left;
 width: 50%;
 height: 191px;
 padding: 26.5px 12px 23px 4%
}

.book-content-list .books li .book img {
 width: 100px;
 height: 138px;
 margin-right: 17px
}

.book-content-list .books li .book .bookDetail {
 margin-left: 117px
}

.book-content-list .books li .book .bookDetail .bookName {
 font-size: 16px;
 color: #3c3c3c;
 line-height: 46px
}

.book-content-list .books li .book .bookDetail .detail {
 font-size: 14px;
 line-height: 25px;
 color: #868686;
 max-height: 50px;
 overflow: hidden
}

.book-content-list .books li .book .bookDetail .typeAuthor {
 font-size: 14px;
 line-height: 22px;
 width: 100%;
 margin-top: 12px;
 color: #acacac
}

.book-content-list .books li .book .bookDetail .typeAuthor span {
 color: #1b9cc0;
 margin-right: 15px;
 display: inline-block;
 position: relative
}

.recommend {
 overflow: hidden;
 border: 1px solid #e7e7e7;
 background-color: #f9f9f9
}

.recommend .title {
 font-size: 18px;
 height: 58px;
 line-height: 60px;
 background-color: #e7e7e7;
 padding-left: 13px
}

.recommend ul li:first-child {
 border-top: none;
 height: 96px;
 padding-top: 17px
}

.recommend ul li {
 height: 42px;
 line-height: 42px;
 border-top: 1px solid #ececec;
 padding: 0 13px
}

.recommend ul li a {
 text-decoration: none;
 font-size: 14px;
 color: #868686
}

.recommend ul li:nth-child(1) span {
 color: #fff;
 background-color: #1b9cc0
}

.recommend ul li span {
 display: inline-block;
 width: 14px;
 height: 16px;
 text-align: center;
 line-height: 16px;
 color: #bfbfbf;
 margin-right: 10px;
 font-size: 12px
}

.recommend ul li:first-child img {
 width: 48px;
 height: 64px
}

.recommend ul li:first-child .bookContent {
 padding-left: 10px;
 width: 220px
}

.recommend ul li:first-child .bookContent .bookName {
 font-size: 16px;
 line-height: 18px;
 color: #5a5a5a
}

.recommend ul li:first-child .bookAuthor,.recommend ul li:first-child .bookType {
 font-size: 12px;
 color: #acacac;
 margin-top: 8px;
 line-height: 16px
}

.recommendCon {
 margin: 0;
 padding: 0
}

.text-overflow {
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 -ms-text-overflow: ellipsis;
 -o-text-overflow: ellipsis
}

.recommend ul li:hover {
 background-color: #efefef
}

.recommend ul li:hover .bookContent .bookName,.recommend ul li:hover a {
 color: #1b9cc0;
 font-size: 18px
}

.m-bookdetail {
 position: relative;
 height: 237px;
 -webkit-transition: height .3s ease;
 transition: height .3s ease
}

.m-bookdetail .cover {
 position: relative;
 float: left;
 margin-right: 22px;
 width: 172px;
 height: 237px
}

.f-fl {
 display: inline;
 float: left
}

.m-bookdetail h3 {
 position: relative;
 font-size: 14px;
 font-weight: 700;
 color: #06080a;
 line-height: 24px;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
 max-height: 48px;
 margin: 0
}

.displays2,.ismiaosha {
 display: block
}

.m-bookdetail h3 b {
 font-size: 20px;
 font-weight: 700
}

.m-bookdetail h3 span {
 font-size: 14px;
 font-weight: 400;
 color: #545c66;
 margin-left: 14px
}

.m-bookdetail .description {
 position: relative;
 height: 80px;
 margin-top: 18px;
 font-size: 14px;
 color: #545c66;
 line-height: 22px;
 text-align: justify;
 overflow: hidden;
 -webkit-transition: height .3s ease;
 transition: height .3s ease
}

.m-bookdetail .ops2 {
 margin-top: 10px
}

.m-bookdetail .ops2 a {
 margin-right: 10px
}

.book-content-list p {
 margin: 10px 0
}

.book-ml-list li span {
 float: right
}

.book-ml-list li {
 padding: 10px 0;
 font-size: 14px;
 border-bottom: 1px dotted #e2e2e2
}

.book-ml-list li:last-child {
 border-bottom: none
}

.book-ml-list {
 padding: 20px 0 0
}

.book-tag-list {
 padding-top: 20px
}

.image-thumbnail img {
 width: 200px;
 height: 200px;
 overflow: hidden;
 border-radius: 20px!important
}

.image-thumbnail3 img {
 width: 200px;
 height: 200px;
 overflow: hidden;
 border-radius: 5px!important
}

.image-thumbnail2 img {
 width: 150px;
 height: 150px;
 overflow: hidden;
 border-radius: 20px!important
}

.image-thumbnail4 img {
 width: 150px;
 height: 150px;
 overflow: hidden;
 border-radius: 5px!important
}

.image-list .image-item {
 width: 20%;
 float: left
}

.image-list .image-item-list {
 width: 30%;
 float: left
}

.preview,.smallImg {
 width: 100%;
 overflow: hidden
}

.image-list .image-title {
 margin-top: 10px;
 margin-bottom: 20px
}

.image-list {
 text-align: center
}
.mb58px{
 margin-bottom: 58px;
}
.image-list .fang-info {
 padding: 5px 18px 0;
 text-align: left;
 color: #777ba
}

.image-list .fang-item {
 height: 280px
}

.image-list .fang-title {
 margin-top: 10px;
 padding: 0 18px;
 text-align: left
}

.down-title {
 margin-top: 20px
}

.down-title h3 {
 margin-top: 0;
 font-size: 16px;
 font-weight: 700
}

.down-title .info label span {
 color: #000
}

.down-title .info label {
 padding-right: 15px
}

.job-lx p {
 margin: 10px 0
}

.job-btn {
 text-align: center;
 margin: 10px 0 20px
}

.down-title .info {
 color: #999;
 padding-top: 5px
}
.pl30{
 padding-left: 25px;
}
.about-p1{
 font-size: 19px;
 color: #0260C1;
 margin-bottom: 0px;
}
.about-p2{
 font-size: 19px;
 color: #0260C1;
 margin-bottom: 10px;
}
.about-p3{
 font-size: 15px;
 line-height: 25px;
}
.category-flag {
 padding-bottom: 0;
 height: 258px;
 overflow: hidden
}

.category-flag .image li:last-child {
 padding-top: 20px!important
}

.category-flag .image li:first-child {
 padding-bottom: 20px!important
}

.category-flag .image li {
 pading-bottom: 10px
}

dl,li,ol,ul {
 margin: 0;
 padding: 0
}
.about-num{
 margin-top: 35px;

}
.preview {
 height: 362px;
 border: 1px solid #f5f5f5
}

.smallImg {
 position: relative;
 height: 60px;
 margin-top: 1px;
 background-color: #F1F0F0;
 padding: 6px 5px;
 float: left
}

.scrollbutton {
 width: 14px;
 height: 50px;
 overflow: hidden;
 position: relative;
 float: left
}

.scrollbutton.smallImgUp,.scrollbutton.smallImgUp.disabled {
 background: url(../images/d_08.png) no-repeat
}

.scrollbutton.smallImgDown,.scrollbutton.smallImgDown.disabled {
 background: url(../images/d_09.png) no-repeat;
 margin-left: 375px;
 margin-top: -50px;
 float: right
}

#imageMenu {
 height: 50px;
 width: 95%;
 overflow: hidden;
 margin-left: 0;
 float: left
}

#imageMenu li {
 height: 50px;
 width: 60px;
 overflow: hidden;
 float: left;
 text-align: center
}

#imageMenu li img {
 width: 50px;
 height: 50px
}

.bigImg,.bigImg #midimg {
 width: 100%;
 height: 300px
}

#imageMenu li#onlickImg img,#imageMenu li:hover img {
 border: 3px solid #959595
}

.bigImg {
 position: relative;
 float: left;
 overflow: hidden
}

#bigView,#bigView img,#winSelector,.ismiaosha {
 position: absolute
}

.bigImg #winSelector {
 width: 160px;
 height: 160px
}

#winSelector {
 cursor: crosshair;
 filter: alpha(opacity=15);
 -moz-opacity: .15;
 opacity: .15;
 background-color: #000;
 border: 1px solid #fff
}

#bigView {
 border: 1px solid #959595;
 overflow: hidden;
 z-index: 999
}

.ismiaosha {
 z-index: 3;
 left: -8px;
 top: -8px;
 width: 100px;
 height: 100px;
 overflow: hidden;
 text-indent: -999em;
 background-position: -10000px -10000px
}

.ms_status_0 {
 background-position: -101px -569px
}

.ms_status_1 {
 background-position: 0 -569px
}

.ms_status_2 {
 background-position: -202px -569px
}

.product_info h1 {
 font-size: 18px;
 font-weight: 400;
 line-height: 32px;
 padding-top: 0;
 margin-top: 0
}

.product_info h1 .ico {
 margin-left: 5px;
 border-radius: 2px;
 font-size: 14px;
 line-height: 16px;
 color: #fff;
 display: inline-block;
 vertical-align: 2px;
 padding: 4px 6px;
 background-color: #df5841
}

.product_info h1 .display0 {
 display: none
}

.product_info h1 .s_tuijian {
 background-color: #ff707d
}

.product_info h1 .s_duotaocan {
 background-color: #ffa95e
}

.product_info h1 .s_mianyuyue {
 background-color: #2fd4da
}

.product_info h1 .s_tehui {
 background-color: #89e951
}

.product_info .status {
 margin: 10px 0
}

.product_info .timeover {
 color: #ff006a;
 font-size: 18px
}

.product_info .timeok {
 color: #999;
 font-size: 16px
}

.product_info .timeok em {
 color: #f60
}

.product_info .price {
 position: relative;
 z-index: 1;
 background-color: #f8f8f8;
 padding: 21px 0 16px;
 color: #f78115;
 font-size: 14px
}

.product_info .price em {
 font-size: 24px;
 font-style: normal
}
.index-h1{
 font-size: 14px;
 line-height: 27px;
 margin: 0px;
 padding: 0px;
 display: contents;
}
.product_info .price .del,.product_info .price .dels {
 line-height: 40px;
 color: silver;
 font-size: 16px;
 text-decoration: line-through
}
.swiper-goods-info {
 height: calc(100vh - 121px);
}
.product_info .btn3 .addto:hover,.product_info .btn3 .buyto:hover,.product_info .price .dels,.tg_sys_list2 .item .s {
 text-decoration: none
}

.product_info .price li {
 float: left;
 width: 130px;
 padding: 0 0 0 25px;
 border-right: 1px solid #f3f3f3
}

.product_info .price .list_1 {
 width: px
}

.product_info .price .tit {
 color: #888;
 display: block;
 padding-left: 15px
}

.product_info .price .mobilread {
 position: absolute;
 right: 15px;
 top: 12px;
 width: 75px;
 font-size: 12px;
 text-align: center;
 color: #999
}

.product_info .price .mobilread img {
 display: block;
 vertical-align: top;
 width: 50px;
 height: 50px;
 margin-top: 5px
}

.dr_format_list li,.product_info .sel .b .item_btn,.table_form td label,select {
 vertical-align: middle
}

.product_info .tabe {
 padding: 10px 0;
 border-bottom: 1px solid #eee
}

.product_info .tabe li {
 float: left;
 width: 33%;
 text-align: center;
 color: #999;
 font-size: 14px;
 line-height: 16px
}

.product_info .tabe li.b {
 border-left: 1px solid #eee;
 border-right: 1px solid #eee
}

.product_info .sel {
 overflow: hidden;
 font-size: 14px;
 margin: 10px 0
}

.product_info .sel .a,.product_info .sel .b {
 float: left
}

.product_info .sel .a {
 width: 72px;
 color: #999;
 line-height: 33px
}

.product_info .sel .b {
 width: 450px
}

.product_info .sel .b .item_btn {
 position: relative;
 z-index: 1;
 display: inline-block;
 margin-right: 5px;
 border: 1px solid #ddd;
 padding: 5px 10px;
 margin-bottom: 5px
}

.product_info .sel .b .item_btn.current,.product_info .sel .b .item_btn:hover {
 border: 2px solid #f78115;
 padding: 4px 9px;
 text-decoration: none;
 color: #333
}

.product_info .sel .b .s {
 display: none
}

.product_info .sel .b .item_btn.current .s {
 display: block;
 width: 10px;
 height: 10px;
 overflow: hidden;
 background-position: -412px -385px;
 position: absolute;
 right: 0;
 bottom: 0
}

.product_info .num .increase,.product_info .num .reduce {
 float: left;
 width: 30px;
 height: 30px;
 border: 1px solid #ddd;
 text-indent: -999em;
 overflow: hidden
}

.product_info .num .increase {
 border-left: 0 none;
 background-position: -397px -295px
}

.product_info .num .reduce {
 border-right: 0 none;
 background-position: -398px -339px
}

.product_info .num_ipt {
 float: left;
 width: 45px;
 height: 30px;
 border: 1px solid #ddd;
 text-align: center;
 outline: 0;
 font-size: 14px
}

.product_info .num .knum,.product_info .num .numTips {
 color: #999;
 font-size: 14px;
 padding: 0 9px;
 height: 34px;
 line-height: 34px;
 float: left
}

.product_info .num .numTips {
 display: inline;
 display: none;
 border: 1px solid #fdb878;
 background-color: #fff7d2;
 margin-left: 15px
}

.product_info .num .knum em,.product_info .num .numTips em {
 color: #f78115
}
.jumbotron {
    padding-top: 0px;
}
.product_info .btn3 {
 margin-top: 15px
}

.product_info .btn3 .addto,.product_info .btn3 .buyto,.product_info .btn3 .buyto2 {
 float: left;
 font-size: 18px;
 padding: 5px 40px
}

.product_info .btn3 .buyto2 {
 background-color: #2fd4da;
 border: 1px solid #2fd4da;
 color: #fff;
 display: inline
}

.product_info .btn3 .buyto {
 background-color: #f78115;
 border: 1px solid #f78115;
 color: #fff;
 margin-right: 10px;
 display: inline
}

.i_buy .btn2,.i_buy .hd {
 display: none
}

.product_info .btn3 .addto {
 background-color: #fcd9b9;
 border: 1px solid #f78115;
 color: #f78115;
 padding: 5px 25px 5px 47px;
 background-position: -380px -244px;
 margin-right: 10px
}

.product_info .disabled .addto,.product_info .disabled .addto:hover,.product_info .disabled .buyto,.product_info .disabled .buyto2,.product_info .disabled .buyto:hover {
 background-color: #ccc;
 color: #fff;
 cursor: default;
 border: 1px solid #ccc
}

.button,.carbox span,.sorting,.sorting_asc,.sorting_desc {
 cursor: pointer
}

.product_info .disabled .addto {
 background-position: -380px -572px
}

.i_buy .hd {
 position: relative;
 z-index: 1;
 color: #f78115
}

.i_buy .hd .close {
 position: absolute;
 right: 0;
 top: -5px;
 font-size: 14px;
 color: #f78115
}

.i_buy .btn2 .buyok {
 background-color: #f78115;
 border: 1px solid #f78115;
 color: #fff;
 display: inline-block;
 font-size: 18px;
 padding: 5px 40px
}

.i_buy_open {
 position: absolute;
 z-index: 2;
 border: 2px solid #f78115;
 padding: 10px;
 background-color: #fff
}

.i_buy_open .btn2,.i_buy_open .hd {
 display: block
}

.i_buy_open .btn {
 display: none
}

.i_buy_open .btn2 {
 display: block;
 visibility: hidden;
 margin: 10px 0 0 73px
}

.i_buy_open .visible {
 visibility: visible
}

.carbox span {
 float: left;
 min-width: 40px;
 padding: 0 8px;
 text-align: center;
 line-height: 22px;
 position: relative;
 background: #fff;
 margin-right: 8px
}

.sku-name {
 width: 62px;
 padding-right: 10px!important;
 padding-bottom: 5px!important;
 text-align: right!important
}

.carbox .txt {
 padding: 4px 6px;
 border: 1px solid #ccc;
 color: #646464;
 background: #fff;
 margin-bottom: 5px;
 white-space: nowrap
}

.carbox span.txt:Hover {
 border: 2px solid #e4393c;
 padding: 3px 5px
}

.carbox span.curr {
 padding: 3px 5px;
 border: 2px solid #1b9cc0
}

.carbox span.curr b {
 position: absolute;
 bottom: 0;
 right: 0;
 width: 10px;
 height: 10px;
 overflow: hidden
}

.attributes {
 clear: both;
 padding: 5px 0;
 overflow: hidden
}

.attribute-label {
 padding-bottom: 5px;
 color: #999;
 font-size: 14px
}

.info-orther {
 padding: 10px 0;
 font-size: 14px
}

.store_info {
 border: 1px solid #eee;
 font-size: 14px
}

.store_info .hd {
 background-color: #f7f7f7;
 border-bottom: 1px solid #eee;
 font-size: 16px;
 color: #444;
 padding: 8px 0 8px 10px
}

.store_info .pic,.store_info .shop_title {
 border-bottom: 1px dashed #eee;
 display: block
}

.store_info .bd {
 padding: 10px
}

.store_info .pic {
 padding-bottom: 10px
}

.store_info .pic img {
 margin: 0 auto;
 display: block;
 width: 150px;
 height: 100px;
 vertical-align: top
}

.store_info .shop_title {
 color: #005a9f;
 margin-bottom: 15px;
 font-size: 14px;
 text-align: center;
 height: 40px;
 line-height: 40px;
 overflow: hidden
}

.store_info .line {
 overflow: hidden;
 margin: 3px 0
}

.store_info .line .a,.store_info .line .b {
 display: block;
 float: left;
 line-height: 22px
}

.store_info .line .a {
 text-align: right;
 width: 72px;
 color: #aaa
}

.store_info .line .b {
 width: 134px
}

.store_info .commitment_hd {
 height: 34px;
 line-height: 34px;
 margin: 10px auto;
 color: #fff;
 font-size: 14px;
 text-align: center;
 background-position: 0 -532px
}

.store_info .commitment_bd {
 padding: 0
}

.store_info .commitment_bd li {
 padding-left: 30px;
 position: relative;
 z-index: 1;
 height: 28px;
 line-height: 28px;
 overflow: hidden
}

.store_info .commitment_bd li .sp {
 display: block;
 position: absolute;
 left: 3px;
 top: 4px;
 border-radius: 2px;
 color: #fff;
 font-size: 12px;
 text-align: center;
 width: 20px;
 height: 20px;
 background-color: #2bb8aa;
 line-height: 20px
}

.search-mall {
 border: 0
}

.tg_sys_list2 .bd {
 overflow: hidden
}

.tg_sys_list2 .bd ul {
 padding: 0
}

.tg_sys_list2 .item {
 position: relative;
 z-index: 1;
 width: 220px;
 border: 0;
 padding: 9px 10px 15px 9px;
 border-right: 1px solid #eee;
 border-bottom: 1px solid #eee
}
.index-bnanv{ 
 margin:30px 0;
 text-align: center;
}
.index-bnanv a{
 color: #8c8c8c;
}
.index-bnanv p{
 margin-top: 6px;
 font-size: 15px;
}
.index-bnanv img{ 
 width: 65%;
}

.tg_sys_list2 .item:hover {
 border: 1px solid #f60
}

.tg_sys_list2 .item .img {
 width: 200px;
 height: 200px
}

.tg_sys_list2 .item .shop {
 top: 258px
}

.tg_sys_list2 .item .price {
 font-size: 14px
}

.tg_sys_list2 .item .price em {
 font-size: 26px;
 color: #f60;
 font-style: normal
}

.tg_sys_list2 .item .po {
 position: absolute;
 z-index: 2;
 top: 0;
 left: 0;
 text-align: center;
 width: 239px
}

.tg_sys_list2 .item .s {
 display: inline-block;
 width: 55px;
 height: 37px;
 background-position: -74px -126px;
 color: #fff;
 font-size: 16px;
 line-height: 32px
}

.tg_sys_list2 .item .s_duotaocan {
 background-position: -132px -126px
}

.tg_sys_list2 .item .s_mianyuyue {
 background-position: -190px -126px
}

.tg_sys_list2 .item .display0 {
 display: none
}

.miaosha_list .item {
 border-bottom: 1px solid #ffc600
}

.miaosha_list .item:hover {
 -moz-box-shadow: 0 0 12px #888;
 -webkit-box-shadow: 0 0 12px #888;
 box-shadow: 0 0 12px #888
}

.tg_sys_list .item {
 float: left;
 width: 222px;
 padding: 0;
 overflow: hidden;
 position: relative;
 z-index: 1;
 border: 1px solid #eee;
 margin: 3px
}

.tg_sys_list .item .tit {
 display: block;
 height: 48px;
 line-height: 24px;
 overflow: hidden;
 font-size: 14px;
 margin-top: 5px;
 padding: 0 8px
}
.swiper-video{
  height: 500px;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 50px;
}
.swiper-video .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: 300ms;
  transform: scale(0.8);
}
.swiper-slide-active,.swiper-slide-duplicate-active{
  transform: scale(1);
}
.tg_sys_list .item .shop {
 position: absolute;
 top: 282px;
 right: 28px;
 font-size: 12px;
 color: #999;
 background-color: #fff;
 height: 24px;
 overflow: hidden;
 padding-left: 10px
}

.tg_sys_list2 .item .shop {
 right: 10px
}

.tg_sys_list .item .img {
 display: block;
 width: 200px;
 height: 200px;
 margin: 0 auto
}

.tg_sys_list .item .timer,.tg_sys_list .item .timer_bg {
 font-size: 16px;
 color: #fff;
 text-align: center;
 z-index: 2;
 display: block;
 height: 30px;
 line-height: 30px;
 position: absolute;
 top: 9px;
 left: 27px;
 right: 27px
}

.tg_sys_list .item .timer_bg {
 z-index: 1;
 background-color: #333;
 FILTER: alpha(opacity=60);
 moz-opacity: .6;
 opacity: .6
}

.tg_sys_list .item .timer em {
 color: #f60
}

.tg_sys_list .item .price {
 margin-bottom: 10px;
 display: block;
 overflow: hidden;
 height: 26px;
 line-height: 26px;
 font-size: 12px;
 color: #f60;
 padding: 0 8px
}

.tg_sys_list .item .price em {
 font-size: 18px;
 color: #f60
}

.tg_sys_list .item .price .del {
 color: #aaa;
 text-decoration: line-through;
 padding-left: 10px
}

.tg_sys_list .item .price .sell {
 float: right;
 color: #aaa;
 font-size: 14px
}

.tg_sys_list .item .price .sell em {
 color: #f60;
 font-size: 14px
}

.tg_sys_list .item .btn {
 margin-top: 10px;
 display: block;
 border: 1px solid #f98113;
 background-color: #fff;
 color: #f98113;
 font-size: 14px;
 text-align: center;
 padding: 6px 0
}

.tg_sys_list .item .btn:hover {
 background-color: #f98113;
 color: #fff;
 text-decoration: none
}

.tg_sys_list .item .sell_out,.tg_sys_list .item .start {
 display: block;
 position: absolute;
 z-index: 2;
 top: 76px;
 left: 50%;
 margin-left: -60px;
 width: 120px;
 height: 120px;
 background-color: #000;
 background-color: rgba(0,0,0,.6);
 color: #fff;
 text-align: center;
 line-height: 120px;
 font-size: 20px;
 border-radius: 50%
}

.tg_sys_list .item .start {
 background-color: #fbc49d;
 background-color: rgba(247,129,21,.6)
}

.tg_sys_list .item .sell_out,.tg_sys_list .item .start,.tg_sys_list .status_0 .sell_out,.tg_sys_list .status_1 .sell_out,.tg_sys_list .status_1 .start,.tg_sys_list .status_2 .start,.tg_sys_list .status_2 .timer,.tg_sys_list .status_2 .timer_bg {
 display: none
}

.tg_sys_list .status_0 .start,.tg_sys_list .status_2 .sell_out {
 display: block
}

.mall-price {
 display: block;
 overflow: hidden;
 height: 26px;
 line-height: 26px;
 font-size: 12px;
 color: #f60;
 text-align: left;
 padding: 0 18px;
 margin-bottom: 15px
}

.displayorder,.fixed_menu .po,.fixed_menu li a,.input-text-c,.picBut {
 text-align: center
}

.mall-price .sell {
 float: right;
 color: #aaa;
 font-size: 14px
}

.mall-price em {
 font-size: 14px;
 color: #f60;
 font-style: normal
}

.label-success {
 background-color: #1b9cc0!important
}

.font-green-sharp {
 color: #1b9cc0!important
}

.fixed_menu {
 position: fixed;
 bottom: 220px;
 right: 100px;
 z-index: 3;
 padding: 0
}

.fixed_menu ul {
 padding: 0
}

.fixed_menu li {
 margin-bottom: 10px;
 position: relative;
 padding: 0
}

.fixed_menu li a {
 position: relative;
 z-index: 2;
 display: block;
 width: 70px;
 height: 65px;
 border-radius: 6px!important;
 padding-top: 45px;
 background-color: #4c4c4c;
 color: #fff;
 font-size: 12px
}
.down-list{
  padding-top: 30px;
  padding-bottom: 50px;
}
.fixed_menu li a:hover {
 text-decoration: none;
 opacity: .9
}
.down-list .col-lg-3{
  margin-bottom: 50px;
}
.down-div{
  cursor: pointer;
}
.down-div:hover img{
  top: -10px;
}
.down-div img{
  position: relative;
  top: 0px;
  transition: 0.3s;
  box-shadow: 5px 5px 10px #f1f1f1, -5px 5px 10px #f9f9f9;
  -moz-box-shadow: 5px 5px 10px #f1f1f1,-5px 5px 10px #f9f9f9;
  -webkit-box-shadow: 5px 5px 10px #b9b9b9, -5px 5px 10px #ffffff;}
  .down-title{
    font-size: 17px;
    text-align: center;
    margin-top: 20px; 
  }
  .fixed_menu li s {
   display: block;
   position: absolute;
   top: 8px;
   right: 10px;
   background-color: #fff;
   border-radius: 21px;
   color: #f30;
   padding: 0 6px;
   text-decoration: none;
   font-size: 12px
 }

 .fixed_menu .li_5,.fixed_menu li .display0 {
   display: none
 }

 .fixed_menu .li_1 a {
   background-color: #f7a515;
   background-position: 17px -343px
 }

 .fixed_menu .li_2 a {
   background-color: #1b9cc0;
   background-position: -66px -345px
 }

 .fixed_menu .li_3 a {
   background-color: #2995d5;
   background-position: 19px -426px
 }

 .fixed_menu .li_4 a {
   background-color: #63ba3b;
   background-position: -69px -428px
 }

 .fixed_menu .li_5 a {
   background-position: -145px -345px
 }

 .fixed_menu .po {
   position: absolute;
   z-index: 1;
   border: 1px solid #eee;
   background-color: #f3f3f3;
   font-size: 16px;
   padding: 10px;
   height: 75px;
   border-radius: 3px;
   right: 0;
   top: -15px;
   display: none
 }

 .newListSelected span,a.close-own {
   display: block
 }

 .dr_table>tbody>tr>td,.dr_table>tbody>tr>th,.dr_table>tfoot>tr>td,.dr_table>tfoot>tr>th,.dr_table>thead>tr>td,.dr_table>thead>tr>th {
   padding-top: 15px!important
 };

 body fieldset {
   border: 1px solid #d8d8d8;
   padding: 10px;
   border-radius: 3px
 }

 .bk10 {
   height: 10px;
   clear: both;
   font-size: 1px;
   line-height: 1px
 }

 body fieldset legend {
   padding: 3px 8px;
   font-weight: 700;
   border-radius: 3px;
   border: 1px solid #d8d8d8;
   background-color: #f9f9f9
 }

 body fieldset.blue {
   border: 1px solid #dce3ed
 }

 body fieldset.blue legend {
   padding: 3px 8px;
   font-weight: 700;
   color: #347add;
   background: 0;
   border: 0;
   font-size: 12px;
   width: auto
 }

 .sorting,.sorting2 {
   padding-right: 10px
 }

 .html5 a,.sorting2 a {
   font-size: 12px;
   line-height: 1.5!important;
   border-radius: 2px;
   text-decoration: none
 }

 .sorting {
   background: url(../images/sort_both.png) right center no-repeat
 }

 .sorting2 a {
   padding: 5px!important
 }

 .html5 a {
   padding: 1px 5px!important
 }

 .sorting_asc,.sorting_desc,.table-list .dr_option a {
   padding-right: 10px
 }

 .sorting_desc {
   background: url(../images/sort_desc.png) right center no-repeat
 }

 .sorting_asc {
   background: url(../images/sort_asc.png) right center no-repeat
 }

 .picBut {
   background: url(../images/picbnt.png) 0 -28px no-repeat;
   color: #FFF;
   float: left;
   font-weight: 700;
   height: 28px;
   line-height: 26px;
   margin-right: 10px;
   width: 75px
 }

 .picBut a {
   color: #fff;
   text-decoration: none;
   width: 75px
 }

 .table-list td,.table-list th {
   padding-left: 12px;
   font-weight: 400
 }

 .table-list .dr_option {
   padding-left: 20px
 }

 .table-list thead th {
   height: 40px;
   border-bottom: 1px solid #ddd;
   font-weight: 700;
   font-size: 14px
 }

 .table-list tbody td {
   border-bottom: 1px dashed #eaeaea;
   padding-top: 5px;
   padding-bottom: 5px;
   height: 40px
 }

 div.btn {
   background: #f6f6f6;
   padding: 6px 12px 0;
   height: 30px
 }

 .nHover tr:hover,.nHover tr:hover td {
   background: 0
 }

 .dr_table tr:hover {
   background: 0 0!important
 }

 .table-list .input-text-c {
   padding: 0;
   height: 18px
 }

 .td-line,.td-line td,.td-line th {
   border: 1px solid #eee
 }

 .button {
   background: #eee;
   border: 0;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   text-shadow: none;
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
   color: #797979;
   padding: 5px 9px;
   filter: none;
   min-width: 80px;
   height: 28px;
   border-radius: 3px
 }

 .button:hover {
   background: #ccc;
   text-shadow: none
 }

 @-moz-document url-prefix() {
   .button {
    margin-top: -1px
  }
}

.table-list td.on,.table-list th.on,.table-list tr.on,.table-list tr.on td,.table-list tr.on th {
 background: #fdf9e5
}

a.close-own {
 background: url(../images/cross.png) left 3px no-repeat;
 width: 16px;
 height: 16px;
 position: absolute;
 outline: 0;
 right: 7px;
 top: 8px;
 text-indent: 200px;
 overflow: hidden
}

a.close-own:hover {
 background-position: left -46px
}

.table_form .input-text {
 height: 25px;
 line-height: 25px
}

.input-focus,.input-text,.input-text-c,.measure-input,input.date,input.endDate,textarea {
 margin: 0 5px 0 0;
 padding: 2px 0 2px 5px;
 border: 1px solid #d0d0d0;
 background: #fff;
 font-size: 12px;
 border-radius: 3px
}

.displayorder,select {
 border-width: 1px;
 border-style: solid
}

.input-focus {
 background: #FFF;
 border-color: #afcee6;
 font-size: 12px
}

input.endDate,input.mydate {
 background: #fff;
 padding-right: 18px;
 font-size: 12px;
 border-radius: 3px!important
}

textarea,textarea.input-focus,textarea.input-text {
 font-size: 12px;
 height: auto;
 padding: 5px;
 margin: 0
}

.search-form {
 float: right;
 margin-left: 10px;
 width: 85px;
}
}

ul.newList,ul.newList * {
 margin: 0;
 padding: 0
}

select {
 background: #f9f9f9;
 border-color: #666 #ccc #ccc #666;
 color: #333;
 padding: 2px
}

.table_form {
 font-size: 12px
}

.displayorder {
 box-shadow: rgba(0,0,0,.0745098) 0 1px 1px inset;
 border-color: #c2cad8;
 border-image: initial;
 transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
 height: 30px;
 font-size: 12px;
 line-height: 1.5;
 padding: 5px 10px;
 border-radius: 3px;
 width: 35px!important;
 background: 0 0!important
}

.table_form td {
 padding-left: 12px
}

.table_form th {
 font-weight: 400;
 text-align: right;
 padding-right: 10px;
 color: #777
}

.table_form td,.table_form th {
 padding: 8px 0 8px 8px
}

.table_form tbody td,.table_form tbody th {
 border-bottom: 1px dashed #eaeaea
}

.colorpanel tbody td,.colorpanel tbody th {
 padding: 0;
 border-bottom: 0
}

.js ul.newList {
 left: -9999px
}

ul.newList {
 list-style: none;
 color: #000;
 background: #fff;
 position: absolute;
 border: 1px solid #ccc;
 top: 22px;
 left: 0;
 overflow: auto;
 z-index: 9999
}

.dr_cgbox,.drmenu ul li,div#areaid {
 position: relative
}

.newListSelected {
 color: #000;
 height: 22px;
 padding: 4px 0 0 6px;
 float: left;
 background: url(../images/select-bg.png) right 0 no-repeat;
 border-left: 1px solid #dfdfdf
}

ul.newList li a {
 padding: 3px 8px;
 display: block;
 text-decoration: none
}

.selectedTxt {
 overflow: hidden;
 height: 16px;
 padding: 0 23px 0 0
}

.measure-input {
 background: url(../images/ruler.gif) 0 9px repeat-x
}

.hiLite {
 background: #e0ebf4!important;
 color: #444!important
}

.newListHover {
 background: #f2f7fb!important;
 color: #000!important;
 cursor: default
}

.newListSelFocus,.newListSelHover {
 background-position: right -26px;
 cursor: default
}

.newListOptionTitle {
 font-weight: 700
}

.newListOptionTitle ul {
 margin: 3px 0 0
}

.newListOptionTitle li {
 font-weight: 400;
 border-left: 1px solid #ccc
}

.onCorrect,.onError,.onFocus,.onShow {
 border-color: #40b3ff
}

.onCorrect,.onError,.onFocus,.onLoad,.onShow,.onTime {
 display: inline-block;
 display: -moz-inline-stack;
 zoom: 1;
 vertical-align: middle;
 color: #444;
 margin-left: 10px;
 overflow: hidden;
 line-height: 25px
}

.onShow {
 background: 0;
 color: #959595
}

.onFocus {
 background-position: 3px -147px
}

.onError {
 background-position: 3px -47px;
 color: red
}

.onCorrect {
 background-position: 3px -247px
}

.onLamp {
 background-position: 3px -200px
}

.onTime {
 background-position: 3px -1356px
}

.linkage-menu {
 height: 200px;
 overflow-y: auto;
 padding: 0 4px
}

.linkage-menu h6 {
 border-bottom: 1px solid #e2ecee;
 padding: 2px 0 3px;
 margin-bottom: 5px
}

.linkage-menu h6 a.rt {
 font-weight: 400;
 font-family: '宋体';
 color: #377abe
}

.linkage-menu div.menu a {
 width: 74px;
 line-height: 22px;
 text-decoration: none;
 padding-left: 4px;
 overflow: hidden;
 height: 22px
}

.file,.folder,.mtop {
 line-height: 16px;
 text-indent: 20px
}

.linkage-menu div.menu a:hover {
 background: #d9e4ed;
 color: #377abe
}

div#areaid {
 height: 18px;
 margin: 0 5px 0 0;
 padding: 2px 5px;
 border: 1px solid #d0d0d0;
 background: url(../images/input.png) repeat-x #FFF;
 top: -2px
}

.add,.audit,.del,.down,.edit,.file,.folder,.grant,.upload {
 background: url(../images/ico.gif);
 float: left;
 height: 16px;
 width: 16px
}

.picList ul {
 padding: 0
}

.picList li {
 padding: 8px 0;
 list-style: none;
 font-size: 12px
}

.display {
 display: none
}

.option {
 border-top: 1px dashed #ccc;
 padding: 5px 0;
 margin-top: 10px
}

.add,.audit,.del,.down,.edit,.grant,.upload {
 margin-left: 5px
}

.file,.folder {
 margin-right: 5px;
 margin-top: 5px;
 white-space: nowrap
}

.folder {
 background-position: 0 0
}

.file {
 background-position: 0 -80px
}

.edit {
 background-position: 0 -64px
}

.del {
 background-position: 0 -48px
}

.grant {
 background-position: 0 -16px
}

.down {
 background-position: 0 -96px
}

.upload {
 background-position: 0 -115px
}

.audit {
 background-position: 0 -32px
}

.add {
 background-position: 0 -206px
}

.mtop {
 background: url(../images/ico.gif) 0 -128px no-repeat;
 float: left;
 height: 16px;
 margin-left: 10px
}

.selectcolor {
 background: url(../images/ico.gif) 0 -112px no-repeat;
 cursor: pointer;
 height: 16px;
 margin-left: 5px;
 padding: 0 8px;
 width: 16px
}

.dr_format_wrap {
 background-color: #f8f8f8;
 border: 1px solid #d7d7d7;
 overflow: hidden
}

.dr_format_group {
 margin: 5px 20px 15px
}

.dr_format_label {
 display: inline-block;
 margin-top: 5px;
 margin-bottom: 5px;
 font-weight: 700
}

.dr_format_wrap label {
 float: none;
 line-height: 1.5;
 padding: 0;
 text-align: left;
 width: auto
}

.dr_format_list li {
 display: inline-block;
 height: 25px;
 overflow: hidden;
 width: 145px;
 clear: none;
 margin: 0
}

.dr_format_map {
 display: inline-block;
 overflow-x: hidden;
 overflow-y: auto;
 width: auto
}

.dr_format_wrapper {
 margin: 10px 10px 0 0
}

.dr_format_wrap .labelname {
 display: inline-block;
 height: 22px;
 line-height: 23px;
 overflow: hidden;
 padding-left: 5px;
 white-space: nowrap;
 width: 100px
}

.dr_format_table td,.dr_format_table th {
 border: 1px solid #d7d7d7!important;
 height: 25px;
 text-align: center;
 vertical-align: middle
}

.dr_format_table th {
 background-color: #ededed;
 font-weight: 400;
 padding: 3px!important
}

.dr_format_table td {
 max-width: 200px;
 min-width: 60px;
 padding: 3px 5px
}

.dr_border_none td,.dr_border_none th {
 border: none!important
}

.dr_member_cgbox .dr_cgbox a {
 display: inline-block;
 background: 0;
 border: 0;
 height: auto;
 line-height: normal;
 padding: 3px 0;
 font-size: 12px;
 font-weight: 400;
 text-decoration: none;
 margin-right: 0
}

.dr_member_cgbox .dr_cgbox_a {
 border: 0
}

.dr_cgbox {
 z-index: 9999;
 background: #FFF;
 left: -16px
}

.dr_member_cgbox .dr_cgbox {
 left: -6px;
 top: 1px;
 width: 50%
}

.dr_cgbox a {
 color: #06F;
 font-weight: 400
}

.drmenu .drtop,.h_cart_inner .total em,.mytitle {
 font-weight: 700
}

.dr_cgbox .cg_items img {
 margin-top: -2px
}

.dr_cgbox .cg_items span {
 padding: 0 5px;
 cursor: default
}

.dr_cgbox .cg_items li {
 border: none!important;
 float: none;
 padding: 0 10px 0 0;
 border-bottom: 1px solid #eee
}

.dr_member_cgbox li {
 cursor: pointer
}

.drmenu ul {
 padding: 0;
 margin: 0
}

.drmenu ul li {
 float: left
}

.drmenu ul li a,.drmenu ul li a:visited {
 display: block;
 text-align: center;
 color: #000;
 line-height: 30px;
 margin-top: 3px
}

.drmenu ul li ul {
 display: none;
 z-index: 99999
}

.drmenu ul li:hover ul {
 display: block;
 position: absolute;
 background: #FFF;
 top: -7px;
 right: -40px;
 border: 1px solid #eee;
 border-top: 0;
 padding-bottom: 5px
}

.drmenu ul li:hover ul li a {
 display: block;
 color: #69F;
 text-decoration: none
}

.drmenu ul li:hover ul li {
 float: none;
 overflow: hidden;
 width: 130px;
 height: 25px;
 padding: 5px
}

.drmenu .drtop {
 background: #368ee0;
 text-align: center;
 color: #FFF
}

.drmenu .drtop2 {
 color: #FFF!important;
 margin-top: -3px
}

.aadd,.adel,.aedit,.ago,.alist {
 color: #fff!important
}

.dr_color td {
 padding-top: 0!important;
 padding-bottom: 0!important;
 height: 11px!important;
 line-height: 11px!important;
 border-bottom: none!important
}

.dr_color_value {
 width: 50px;
 height: 16px;
 margin-left: 10px;
 z-index: 1
}

.cover li .upload-preview img,.cover li div {
 width: 90px;
 height: 71px
}

.aedit {
 background-color: #1abc9c;
 border-color: #1abc9c
}

.ago {
 background-color: #f39c12;
 border-color: #f39c12
}

.alist {
 background-color: #3498db;
 border-color: #3498db
}

.adel {
 background-color: #ff6c60;
 border-color: #ff6c60
}

.aadd {
 background-color: #34495e;
 border-color: #34495e
}

.dr_option a {
 padding: 3px 5px 3px 4px!important;
 font-size: 12px;
 line-height: 1.5!important;
 border-radius: 2px;
 margin-right: 5px;
 text-decoration: none
}

.cover {
 list-style: none;
 padding: 0
}

.cover li {
 border-radius: 3px;
 margin: 0 10px 0 0;
 float: left;
 border: 1px solid #ddd;
 padding: 0;
 overflow: hidden
}

.cover li div {
 background: #f6f6f6;
 position: relative
}

.cover li.pic {
 background: #f6f6f6!important
}

.cover li.upload-container div {
 background: url(../images/add_photo.png) 50% 50% no-repeat #f6f6f6;
 cursor: pointer
}

.cover li a {
 position: absolute;
 width: 16px;
 height: 16px;
 background: url(../images/buttons-master.png);
 top: 3px
}

.cover li a.remove {
 background-position: -48px -539px;
 right: 3px
}

.cover li a.remove:hover {
 background-position: -32px -539px
}

.cbody .input-text {
 height: 21px
}

.cover li a.preview {
 background-position: -48px -587px;
 left: 3px
}

.cover li a.preview:hover {
 background-position: -32px -587px
}

.cover li .rearrange-text {
 display: block;
 width: 90px;
 text-align: center;
 background: rgba(0,0,0,.5);
 color: #fff;
 position: absolute;
 bottom: 0;
 left: 0
}

.dr_content_right .cbody {
 padding: 12px
}

.dr_content_right .ctitle {
 background: #f4f4f4;
 height: 25px;
 font-weight: 700;
 padding: 10px 0 0 10px
}

.dr_content_right {
 width: 24%;
 float: right;
 margin-top: 12px;
 border-radius: 3px;
 border: 1px solid #d8d8d8
}

.dr_content_left {
 width: 75%;
 float: left
}

.dr_content_right .onCorrect,.dr_content_right .onError,.dr_content_right .onShow {
 margin-left: 0;
 margin-top: 5px
}

.form-date .mydate {
 background-position: right 7px!important
}

.form-actions {
 margin: 20px 0
}

.mytitle {
 min-height: 40px!important
}

.form-body .onShow {
 margin-top: 5px;
 margin-bottom: 5px;
 margin-left: 0
}

.mytitle .caption {
 font-size: 14px!important
}

.h_cart_inner .coupon,.h_cart_inner .other {
 text-align: right;
 font-size: 14px;
 color: #999
}

.add,.audit,.del,.down,.edit,.grant,.upload {
 margin-top: 10px
}

.h_cart_inner {
 width: 290px;
 height: 305px;
 position: absolute;
 right: 80px;
 top: 0;
 border: 1px solid #e4e4e4;
 box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
 background: url(../images/shoppingcartnull.png) 50% 15px no-repeat #fff
}

.h_cart_inner .arrow {
 display: block;
 position: absolute;
 top: -8px;
 right: 40px;
 width: 11px;
 height: 6px;
 overflow: hidden;
 background-position: -235px -32px
}

.h_cart_inner .coupon {
 padding: 8px 8px 0 0
}

.h_cart_inner .other {
 padding: 8px 8px 8px 0;
 line-height: 30px
}

.h_cart_inner .other .chrmoneyAll,.h_cart_inner .other .chrmoneyYunfei,.h_cart_inner .other .chrmoneyyouhui,.h_cart_inner .other .daijinnum {
 display: block
}

.h_cart_inner .other .em2 {
 display: none
}

.h_cart_inner .other em {
 color: #d00
}

.h_cart_inner .total {
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 padding-left: 12px;
 height: 45px;
 line-height: 45px;
 background-color: #f3f0eb;
 color: #e5573f;
 font-size: 16px
}

.h_cart_inner .total .btn {
 float: right;
 display: inline;
 margin: 8px 8px 0 0;
 padding: 2px 26px;
 line-height: 24px;
 background-color: #77ae49;
 border-bottom: 1px solid #5f9534;
 color: #fff;
 border-radius: 0;
 background-image: none;
 font-size: 16px;
 width: auto
}

.decrement,.itxt {
 float: left
}
.px-nav .col-lg-6{
  margin-bottom: 30px;
}
.h_cart_inner .total .btn:hover {
 color: #fff;
 text-decoration: none;
 background-color: #6a9f3d;
 border-bottom: 1px solid #53842b
}

.h_cart_inner .total .disabled,.h_cart_inner .total .disabled:hover {
 background-color: #ddd;
 border-bottom: 1px solid #ccc;
 cursor: default
}

.quantity-form {
 position: relative;
 overflow: hidden;
 height: 22px;
 width: 75px;
 margin-bottom: 10px;
 float: left
}

.downspan,.itxt,.upspan {
 position: absolute;
 font-family: verdana
}

.promo-num {
 width: 75px;
 display: inline-block;
 text-align: center
}

.downspan,.upspan {
 top: 0;
 z-index: 2;
 display: block;
 height: 22px;
 line-height: 22px;
 width: 42px;
 text-align: center;
 left: 19px;
 color: #333;
 font-size: 12px;
 margin-left: -.2px\9;
 margin-top: -.1px\9
}

.decrement,.increment,.itxt {
 border: 1px solid #cacbcb;
 height: 22px;
 line-height: 18px;
 text-align: center;
 margin: 0
}

.decrement,.increment {
 border-right: 0;
 padding: 1px 0;
 width: 17px;
 color: #666;
 background: #fff
}

.decrement:hover,.increment:hover {
 text-decoration: none
}

.decrement.disabled,.increment.disabled {
 cursor: default;
 color: #e9e9e9
}

.itxt {
 left: 17px;
 top: 0;
 width: 41px;
 padding: 1px;
 font-size: 12px;
 color: #333;
 border-radius: 0
}

.increment {
 float: right;
 border: 1px solid #cacbcb;
 border-left: 0;
 color: #666
}

.stepBlock {
 width: 1086px;
 height: 66px;
 margin: 30px auto
}

.stepBlock h2 {
 width: 977px;
 height: 15px;
 margin: 0 auto;
 background: url(../images/stepkuaison.png) left top no-repeat
}

.stepBlock h2.first {
 background-position: 0 0
}

.stepBlock h2.second {
 background-position: 0 -15px
}

.stepBlock h2.third {
 background-position: 0 -30px
}

.stepBlock h2.fourth {
 background-position: 0 -45px
}

.stepBlock .stepTxt {
 margin: 6px 0 0
}

.stepBlock .stepTxt span {
 display: inline-block;
 float: left;
 font-size: 14px;
 color: #9e9e9e
}

.stepBlock .stepTxt span.selected {
 color: #dd3d2c
}

.stepBlock .stepTxt span.one {
 margin-left: 30px
}

.stepBlock .stepTxt span.two {
 margin-left: 243px
}

.stepBlock .stepTxt span.three {
 margin-left: 230px
}

.stepBlock .stepTxt span.four {
 margin-left: 220px
}

.media:first-child {
 margin-top: 15px
}

.index-tt ul li {
 width: 100%;
 line-height: 27px;
 float: left;
 margin-right: 5px;
 display: inline;
 height: 27px;
 overflow: hidden
}

.index-tt ul li b {
 color: #fc6e00;
 font-size: 14px;
 font-weight: 400;
 float: left
}

.index-tt ul li a {
 font-size: 14px;
 color: #4e4e4e;
 float: left;
 width: 260px;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis
}

.ipc{
  display: inline;
}
.index-tt ul li span {
 color: #a9a9a9;
 font-size: 12px;
 float: right;
 width: 40px;
 text-align: right;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap
}

.index-tt .index-title,.search-content-2 .search-container>ul .search-item>.search-content .search-counter-label,.search-content-2 .search-container>ul .search-item>.search-content .search-counter-number,.search-content-4 .search-table .table-download,.search-content-4 .search-table .table-status,.search-page .search-pagination {
 text-align: center
}

.index-tt ul {
 padding: 0;
 margin-top: 5px
}

.index-tt .index-title a {
 font-size: 18px
}

.index-tt .index-desc {
 color: #b7b7b7;
 font-size: 14px;
 text-indent: 2em;
 letter-spacing: 1px;
 line-height: 20px;
 margin-top: 8px;
 padding-bottom: 10px;
 border-bottom: 1px dashed #e5e5e5;
 position: relative;
 z-index: 1
}

.index-tt {
 border-top: 1px solid #eee
}

.login-form .form-actions .forget-password {
 padding-left: 10px
}

.login-form {
 padding-top: 50px
}

.login-form .form-actions .uppercase {
 margin-right: 10px
}

.login-form .login-options {
 margin-bottom: 15px;
 margin-top: 15px
}

.login-form .form-title {
 margin-bottom: 30px;
 font-size: 20px
}

.news-search-param-value {
 line-height: 25px
}

.news-search-param-name {
 padding-top: 5px
}

.search-container .zt0 {
 position: absolute;
 left: -5px;
 top: -5px;
 width: 67px;
 height: 68px;
 background: url(../images/bookzt.png)
}

.search-container .zt1 {
 position: absolute;
 left: -5px;
 top: -5px;
 width: 67px;
 height: 68px;
 background: url(../images/bookzt.png) 0 -68px
}

.index-container .zt0,.index-container .zt1 {
 position: absolute;
 left: 12px;
 top: -5px;
 width: 67px;
 height: 68px
}

.index-container .zt0 {
 background: url(../images/bookzt.png)
}

.index-container .zt1 {
 background: url(../images/bookzt.png) 0 -68px
}

.search-page .search-bar {
 padding: 20px;
 margin-bottom: 40px;
 background-color: #fff
}

.search-page .search-bar input {
 border: none;
 background-color: #f3f6f9;
 color: #a0a9b4;
 height: 55px
}

.search-page .search-bar button {
 color: #fff;
 height: 55px;
 width: 130px;
 margin-left: -3px;
 margin-top: -2px
}

.search-page .search-bar .search-desc {
 margin: 0;
 color: #a0a9b4;
 font-size: 13px
}

.search-page .search-filter {
 background-color: #fff;
 padding: 40px 30px 0;
 margin-bottom: 30px
}

.search-page .search-filter>.search-label {
 color: #a0a9b4;
 font-size: 11px;
 letter-spacing: 1px;
 font-weight: 700;
 margin-bottom: 10px;
 margin-top: 40px
}

.search-page .search-filter>.search-label:first-child {
 margin-top: 0
}

.search-page .search-filter input,.search-page .search-filter select {
 color: #727f89;
 font-weight: 700;
 font-size: 14px
}

.search-page .search-filter button {
 margin: 40px 0;
 padding: 15px 0
}

.search-page .search-filter .search-filter-divider {
 display: block;
 height: 1px
}
.pagination li{
  line-height: 32px;
}
.search-page .search-pagination>.pagination>li>a {
 margin: 0 3px
}

.search-page .search-pagination>.pagination>.page-active>a {
 background-color: #1b9cc0;
 color: #fff
}

.search-content-1 .search-container,.search-content-2 .search-container {
 background-color: #fff
}

.search-page .search-pagination.pagination-rounded>.pagination>li>a {
 border-radius: 50%!important
}

.search-content-1 .search-container>ul {
 padding: 0 20px 20px;
 margin-bottom: 0
}

.search-content-1 .search-container>ul .search-item {
 list-style: none;
 padding: 20px 0;
 border-bottom: 1px solid;
 border-color: #f4f6f8
}

.search-content-1 .search-container>ul .search-item>a>img {
 width: 100px;
 float: left;
 margin-right: 20px
}

.search-content-1 .search-container>ul .search-item>.search-content {
 padding-left: 120px
}

.search-content-1 .search-container>ul .search-item>.search-content>.search-title {
 font-size: 20px;
 margin: 15px 0 10px;
 font-weight: 600
}

.search-content-1 .search-container>ul .search-item>.search-content>.search-title>a {
 color: #4e5a64;
 font-size: 16px;
 font-weight: 400
}

.search-content-1 .search-container>ul .search-item>.search-content>.search-title>a:hover {
 text-decoration: none;
 color: #49a7fa
}

.search-content-1 .search-container>ul .search-item>.search-content>.search-desc {
 color: #a0a9b4;
 font-size: 13px;
 margin: 0
}

.search-content-1 .search-container>ul .search-item:last-child {
 border: none
}

.search-content-2 .search-container>ul {
 padding: 20px;
 margin-bottom: 0
}

.search-content-2 .search-container>ul>.search-item-header {
 list-style: none;
 padding: 0 0 5px;
 border-bottom: 1px solid;
 border-color: #f4f6f8
}

.search-content-2 .search-container>ul>.search-item-header h3 {
 font-size: 17px;
 color: #a0a9b4;
 margin: 5px 0 0
}

.search-content-2 .search-container>ul .search-item {
 list-style: none;
 padding: 20px 0;
 border-bottom: 1px solid;
 border-color: #f4f6f8
}

.search-content-2 .search-container>ul .search-item:last-child,.search-content-4 .search-table th {
 border: none
}

.search-content-2 .search-container>ul .search-item>.search-content p {
 margin: 0
}

.search-content-2 .search-container>ul .search-item>.search-content .search-title {
 font-size: 19px;
 margin: 0 0 20px;
 font-weight: 600
}

.search-content-2 .search-container>ul .search-item>.search-content .search-title>a {
 color: #4e5a64
}

.search-content-2 .search-container>ul .search-item>.search-content .search-title>a:hover {
 text-decoration: none;
 color: #49a7fa
}

.search-content-2 .search-container>ul .search-item>.search-content .search-desc {
 color: #a0a9b4;
 font-size: 13px
}

.search-content-2 .search-container>ul .search-item>.search-content .search-desc>a {
 color: #49a7fa
}

.search-content-2 .search-container>ul .search-item>.search-content .search-desc>a:hover {
 text-decoration: none;
 color: #326b9e
}

.search-content-2 .search-container>ul .search-item>.search-content .search-counter-number {
 font-size: 21px;
 color: #4e5a64;
 margin-bottom: 15px
}

.search-content-2 .search-container>ul .search-item>.search-content .search-counter-label {
 font-size: 13px;
 color: #8b96a4
}

.search-content-3 .tile-container {
 margin-bottom: 30px
}

.search-content-3 .tile-container>.tile-thumbnail {
 height: 200px;
 overflow: hidden;
 position: relative
}

.search-content-3 .tile-container>.tile-thumbnail img {
 width: 100%;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 margin: auto
}

.search-content-3 .tile-container>.tile-title {
 background-color: #fff;
 padding: 20px 0
}

.search-content-3 .tile-container>.tile-title>h3 {
 font-size: 19px;
 font-weight: 600;
 height: 20px;
 width: 220px;
 overflow: hidden;
 margin: 0;
 display: inline-block
}

.search-content-3 .tile-container>.tile-title>h3>a {
 color: #4e5a64
}

.search-content-3 .tile-container>.tile-title>h3>a:hover {
 text-decoration: none;
 color: #49a7fa
}

.search-content-3 .tile-container>.tile-title i {
 float: right;
 font-size: 24px;
 margin: 0 5px
}

.search-content-3 .tile-container>.tile-title>.tile-desc {
 font-size: 14px
}

.search-content-3 .tile-container>.tile-title>.tile-desc>p {
 margin: 20px 0 0
}

.search-content-3 .tile-container>.tile-title>.tile-desc>p>a:hover {
 text-decoration: none
}

.search-content-4 .search-bar .extra-buttons button {
 margin-right: 20px
}

.search-content-4 .search-bar .extra-buttons button:last-child {
 margin-right: 0;
 width: 170px
}

.search-content-4 .search-table th>a {
 color: #fff
}

.search-content-4 .search-table th>a:hover {
 text-decoration: none;
 color: #eee
}

.search-content-4 .search-table td,.search-content-4 .search-table th {
 padding: 20px 30px;
 vertical-align: middle
}

.search-content-4 .search-table td {
 border-color: #fff
}

.search-content-4 .search-table .table-status i {
 font-size: 26px;
 padding-top: 10px
}

.search-content-4 .search-table .table-date {
 font-weight: 600;
 font-size: 14px;
 width: 180px
}

.search-content-4 .search-table .table-date a {
 color: #49a7fa
}

.search-content-4 .search-table .table-date a:hover {
 text-decoration: none;
 color: #326b9e
}

.search-content-4 .search-table .table-title {
 width: 390px
}

.book_left .zt0,.book_left .zt1 {
 position: absolute;
 left: 10px;
 top: -5px;
 width: 67px;
 height: 68px
}

.search-content-4 .search-table .table-title>h3 {
 margin: 0;
 color: #4e5a64;
 font-size: 19px;
 font-weight: 600
}

.search-content-4 .search-table .table-title>h3>a {
 color: #4e5a64
}

.search-content-4 .search-table .table-title>h3>a:hover {
 text-decoration: none;
 color: #49a7fa
}

.search-content-4 .search-table .table-title>p {
 margin-bottom: 0;
 margin-top: 10px
}

.search-content-4 .search-table .table-title>p>a {
 color: #49a7fa
}

.search-content-4 .search-table .table-title>p>a:hover {
 text-decoration: none;
 color: #326b9e
}

.search-content-4 .search-table .table-desc {
 font-size: 14px;
 color: #8b96a4
}

.search-content-4 .search-table .table-download i {
 font-size: 30px;
 padding-top: 10px
}

.bookname small {
 font-size: 12px;
 color: #999;
 margin-left: 12px;
 cursor: pointer
}

.bookname {
 color: #333;
 font-size: 20px;
 line-height: 20px;
 margin-bottom: 12px
}

.book_left {
 overflow: hidden
}

.book_left .zt0 {
 background: url(../images/bookzt.png)
}

.book_left .zt1 {
 background: url(../images/bookzt.png) 0 -68px
}

.bookinfo i {
 padding: 0 10px
}

.bookinfo {
 margin-bottom: 20px;
 font-size: 12px;
 color: #707070
}

.bookdesc {
 font-size: 12px;
 line-height: 20px;
 color: #999
}

.btn-circle2 {
 padding: 7px 30px;
 border-radius: 10px!important;
 overflow: hidden
}
.liuyan {
  display: none;
  width: 900px;
  height: 550px;
  background: url(../images/abbg2.jpg);
  color: white;
  padding: 30px 85px;
}
.liuyan-t{
  color: white;
  font-size: 30px;
  text-align: center;
  margin-bottom: 10px;
}
.liuyan-p{

  font-size: 42px;
  text-align: center;
}
.liuyan-p2{
  margin-bottom: 10px;
  margin-top: 20px;
  font-size: 19px;
  text-align: center;
}
.liuyan .indg_kj{
  width: 50%;
  float: left;
}
.liuyan input{
  width: 90%;
  margin-left: 2.5%;
  height: 50px;
  font-size: 16px;
  padding-left: 20px;
  margin-bottom: 20px;
  color: black!important;
}
.liuyan textarea{
  width: 96%;
  margin-left: 1%;
  height: 100px;
  font-size: 16px;
  padding-left: 20px;
  margin-bottom: 20px;
  padding-top: 20px;
  color: black;
}

.indg_an button{
  padding: 0;
  background: #19a3a5;
  color: #fff;
  border-radius: 5px;
  height: 42px;
  width: 20%;
  border: 0;
  margin-left: 1%;
  outline: none;
  font-family: "Microsoft YaHei"; 
}
.booklist {
 clear: both;
 margin: 0;
 padding: 25px 0 15px;
 list-style: none
}
.lip1{
  margin-top: 15px;
  font-size: 20px;
}
.lbody{
  background-color: white;
  /*    margin-top: 96px;*/
  padding: 56px 0 56px;
  text-align: center;

}
.lbody .col-lg-4{
  top: 0px;
  cursor: pointer;
  padding-top: 30px;
  padding-bottom: 20px;
  transition: all .2s linear;
  background-color: #f7f9fa;
  position: relative;
}
.lbody .col-lg-4:hover{
  top: -4px;
  background-color: #f7f9fa;
  background-image: linear-gradient(141deg,#b5b7b6 0%,#ffffff 51%,#dedede 75%);
  transition: all .2s linear;
  box-shadow: 5px 5px 10px #f1f1f1, -5px 5px 10px #f9f9f9;
  -moz-box-shadow: 5px 5px 10px #f1f1f1,-5px 5px 10px #f9f9f9;
  -webkit-box-shadow: 5px 5px 10px #efefef, -5px 5px 10px #f9f9f9;}
  .lbody a{
    color: #333;
  }
  .booklist li {
   margin-right: 5%;
   float: left;
   line-height: 1.8em;
   box-flex: 1;
   overflow: hidden;
   margin-bottom: 10px;
   width: 43%;
   margin-left: 2%
 }

 .booklist li a {
   font-size: 14px;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   color: #404040;
   display: inline-block
 }
 .index-news-img{
   height: 250px;
   background-position: center;
   background-size: cover;
 }
 .booklist li span {
   float: right;
   width: 40px;
   text-align: right;
   display: inline-block
 }

 .booktitle .bookinfo,.booktitle h3,.subscribe .title {
   text-align: center
 }

 .booklist li span.free {
   color: #a7c7a8
 }

 .booklist li span.vip {
   font-size: 0;
   background: url(../images/vip.png) -250px -31px no-repeat;
   margin-top: 5px;
   width: 24px;
   margin-left: 16px;
   display: inline-block;
   height: 12px
 }

 .icon-box,.scroll-top {
   display: block;
   width: 60px;
   height: 60px
 }
 .px-nav{
  width: 1000px;
  margin: 30px auto;
}
.bookad {
 margin-top: -10px;
 padding: 0 20px;
 overflow: hidden
}

.book_sns {
 padding-top: 20px
}

.booktitle h3 {
 font-weight: 700
}

.icon-box {
 box-shadow: 0 2px 4px 0 #e9e4db;
 background: url(../images/book.png) no-repeat
}

.scroll-top {
 background: url(../images/book.png) 0 -384px no-repeat
}

.side-left {
 margin-left: -675px
}

.side-right {
 margin-left: 535px
}

.side-left,.side-right {
 position: fixed;
 left: 50%;
 top: 220px;
 z-index: 99
}

.icon-box-appqr {
 background-position: -64px 0
}

.icon-box-bookshelf {
 background-position: 0 -64px
}

.icon-box-bookshelf2 {
 background-position: -448px -64px
}

.icon-box-setting {
 background-position: 0 -192px
}

.icon-box-prev {
 background-position: 0 -256px
}

.icon-box-next {
 background-position: 0 -320px
}

.icon-box-catalog {
 background-position: 0 -128px
}

.subscribe {
 margin-top: 48px;
 margin-bottom: 48px
}

.subscribe .title {
 font-size: 18px;
 color: #333;
 line-height: 100%;
 height: 18px;
 margin-bottom: 48px
}

.subscribe .title .ico {
 display: inline-block;
 height: 9px;
 width: 149px
}

.subscribe .title .left_ico {
 margin-right: 15px;
 background: url(../images/read.png) center no-repeat
}

.subscribe .title .right_ico {
 margin-left: 15px;
 background: url(../images/read2.png) center no-repeat
}

.badge-success {
 background-color: #1b9cc0!important
}

.page-content-wrapper .page-content {
 margin-left: 0!important
}
#videoBanner{
 /*position: absolute;*/
 top: 121px;
 left: 0px;
 width: 100%;
 z-index: 10;
}






@media (max-width:768px) {
 .page-header-menu,.page-header-search {
  display: none!important
}
}


@media (min-width:1800px) {
 .container-top{
  width: 85%;
  margin: auto;
  padding-right: 15px;
  padding-left: 15px;
}
}

@media (min-width:1570px) {
 .container-top{
  
  margin: auto;
}
}
@media(max-width: 1570px){
 .container-top{
  /*width: 100%;*/
  margin: auto;
}
}

.page-top-tel{
 font-weight: 500;
 line-height: 41px;
}
.top-ser{
 float: right;
 margin: 0 20px;
}
.top-ser img{
 width: 20px;
 margin-top: -2px;
}
.top-cn{
 float: right;
}
.top-cn img{
 margin-top: -3px;
}
.page-header-menu{
 height: 96px;
 background: white;
}
.page-logo{
 float: left;
 margin-top: 16px;
 margin-right: 50px;
 position: relative;
 z-index: 10;
}
.page-logo img{
 width: 265px;
 height: auto;
}
.navbar-nav>li>a {
 padding-top: 10px;
 padding-bottom: 0px;
 padding-left: 17px;
 padding-right: 17px;
 line-height: 60px;
 transition: 0.2s;
 position: relative;
 z-index: 9;
 color: #676767;
 font-size: 15px;
}
.navbar-nav>li>a:after{
 content: "";
 background: #0da8aa;
 height: 3px;
 width: 60%;
 position: absolute;
 left: 20%;
 bottom: 0;
 transform: scaleX(0);
 transition: 0.2s;
}
.navbar-nav>li>a:hover,.navbar-nav>li.active a.one-a{
 color: #0da8aa;
}
.dropdown-menu a:hover{
 color: #0da8aa!important;
}
.swiper-banner{
 height: calc(100vh - 121px);
}
/*.swiper-banner .swiper-button-prev,.swiper-banner .swiper-container-rtl .swiper-button-next {
	background-image: url('../images/sha-left.png');
	left: 20px;
	right: auto;
	transition: 0.5s;
}
.swiper-banner .swiper-button-next,.swiper-banner .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 60px;
	height: 60px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 60px 60px;
	background-position: center;
	background-repeat: no-repeat;
}
.swiper-banner .swiper-button-next,.swiper-banner .swiper-container-rtl .swiper-button-prev {
	background-image: url('../images/sha-right.png');
	right: 20px;
	left: auto;
	transition: 0.5s;
	}*/
	.swiper-banner .swiper-button-next:hover{
		opacity: 0.7;
	}
	.swiper-banner .swiper-button-prev:hover{
		opacity:0.7;
	}
	.navbar-nav>li:hover>a:after,.navbar-nav>li.active>a:after{
		transform: scaleX(1);
		transition: 0.5s;
	}
	.ena:hover span{
		color: #b7b7b7;
	}
	.index-goods-top{
		background: url('../images/index-bg-1.jpg');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		height: 470px;
		width: 100%;
		margin-top: 5px;
		padding-top:36px;
		padding-bottom: 40px;
		color: white;
		position: relative;
		z-index: 1;
	}
	.not-content{
		text-align: center;

	}
	.center-block{
		text-align:center;
	}
	.index-goods-title{
		font-size: 36px;
		color: white;
	}
	.index-goods-title span{
		position: relative;
		padding-bottom: 8px;
	}
	.index-goods-title span:after {
		content: "";
		background: white;
		height: 3px;
		width: 50%;
		position: absolute;
		left: 25%;
		bottom: 0;
		transform: scaleX(1);
		transition: 0.5s;
	}
	.index-goods-t1{
		font-size: 30px;
		color: white;
		/*	font-weight: bold;*/
		letter-spacing: 1.5px;
	}
	.index-goods-t2{
		font-size:18px;
		margin-top:20px;
		/*	margin-bottom: 20px;*/
	}
	.index-goods-t3{
		font-size: 22px;
		letter-spacing: 1px;
	}
	.index-goods-body{
		margin-top: -250px;
		padding:0px!important;
	}
	.index-goods-body img{
		width: 100%;
		margin-bottom:30px;
		border-radius: 10px;
	}
	.index-av-list{
		width: 20%;
		float: left;
	}
	.index-av-title span {
		position: relative;
		padding-bottom: 8px;
		font-size: 36px;
		color: #0da8aa;
	}

	.index-av-title span:after {
		content: "";
		background: #8c8c8c;
		height: 2px;
		width: 34%;
		position: absolute;
		left: 33%;
		bottom: 0;
		transform: scaleX(1);
		transition: 0.5s;
	}
	.index-av-t1 {
		font-size: 26px;

		/* font-weight: bold; */
		letter-spacing: 1.5px;
	}
	.index-av-t2{
		font-size: 19px;
		margin-top: 0px;
		margin-bottom: 20px;
	}
	.w100{
		width: 100%!important;
		height: auto;
	}
	.index-av-body{
		margin: 50px 0px 20px;
	}
	.index-ab-title span {
		position: relative;
		padding-bottom: 8px;
		font-size: 36px;
		color: #0da8aa;
	}

	.index-ab-title span:after {
		content: "";
		background: #8c8c8c;
		height: 2px;
		width: 34%;
		position: absolute;
		left: 33%;
		bottom: 0;
		transform: scaleX(1);
		transition: 0.5s;
	}
	.index-ab-t1 {
		font-size: 30px;

		/* font-weight: bold; */
		letter-spacing: 1.5px;
	}
	.index-about{
		margin-top: 80px;
	}
  .jumbotron{
    height: 550px;
  }
  .index-video-shi{
    margin-top: 50px; margin-bottom: 150px;
  }
  .index-my-vleft{
    padding-left: 40px;
    padding-right: 40px;
  }
  .index-my-video{
    background: white;
    margin-top: -150px;
    padding: 30px;
    text-align: left;
  }
  .imv1{
    font-size: 24px;
    margin-bottom: 10px;
  }
  .imv11{
    font-size: 25px;
    margin-bottom: 30px;
  }
  .imv2{
    font-size: 16px;
  }
  .index-about-body{
    float: right;
    width: 318px;
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
    background: #0da8aa;
    color: white;
    min-height: 575px;
    position: relative;
  }
  .p0{
    padding:0px;
  }
  .index-about-title{
    font-size: 20px;
    border-bottom: 3px solid white;
    padding-bottom: 12px;
  }
  .index-about-p{
    font-size: 15px;
    line-height: 27px;
    padding-bottom: 20px;
    letter-spacing: 0.5px;
    color: whitesmoke;
  }
  .index-about-a{
    color: white;
    margin-top: 20px;
    position: absolute;
    bottom: 30px;
  }
  .index-about-a:hover{
    color: #f9f9f9;
  }
  .index-num{
    margin: 58px auto;
    height: 350px;
    /*		background: url('../images/index-num.jpg');*/
    background: url('../images/index-num.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
  }
  .index-video-div{
    height: 655px;
    margin-top: 40px;
    margin-bottom: 100px;

  }
  .row1{
    margin-right: -25px;
    margin-left: -25px;
  }
  .index-news-list{
    margin-top: 20px;
    margin-bottom: 100px;
  }
  .index-news-list-a{
    transition: 0.5s;
    box-shadow: 5px 5px 10px #f1f1f1, -5px 5px 10px #f9f9f9;
    -moz-box-shadow: 5px 5px 10px #f1f1f1,-5px 5px 10px #f9f9f9;
    -webkit-box-shadow: 5px 5px 10px #f1f1f1, -5px 5px 10px #f9f9f9;
  }
  .index-news-list-a:hover{
    transition: 0.5s;
    box-shadow: 5px 5px 10px #f1f1f1, -5px 5px 10px #f9f9f9;
    -moz-box-shadow: 5px 5px 10px #f1f1f1,-5px 5px 10px #f9f9f9;
    -webkit-box-shadow: 5px 5px 10px #d2d2d2, -5px 5px 10px #f9f9f9;
  }
  .btn-longxin {
    color: #fff;
    background-color: #0260C1;
    border-color: #0260C1;
  }
  .btn-longxin:focus, .btn-longxin:hover {
    color: white;
    text-decoration: none;
    background-color: #003265;
  }
  .index-news-list-div{
    /*	background: #F7F8FC;*/
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    padding-bottom: 60px;
  }
  .index-news-date{
    color: #0260C1;
    font-weight: bold;
    font-size: 15px;
  }
  .index-news-p1{
    font-size: 20px;
    margin-bottom:20px;
    height: 56px;
  }
  .index-news-a{
    position: absolute;
    bottom: 20px;

  }

  .index-liuyan{
    height: 560px;
    /*		background: url('../images/index-liuyan.jpg');*/
    background: url('../images/index-liuyan.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;


  }
  .index-li-title{
    padding-left: 190px;
    padding-top: 184px;
  }
  .index-li-title span {
    position: relative;
    padding-bottom: 8px;
    font-size: 26px;
    color: #060606;
    font-weight: bold;
    letter-spacing: 1px;
  }
  .zhanhui-title{
    font-size: 25px;
    border-top: 1px solid #f0f1f2;
    padding-top: 15px;
    margin-bottom: 30px;
  }
  .index-li-title span:after {
    content: "";
    background: #060606;
    height: 2px;
    width: 40%;
    position: absolute;
    left: 30%;
    bottom: -5px;
    transform: scaleX(1);
    transition: 0.5s;
  }
  .index-li-t1 {
    font-size: 45px;
    /* font-weight: bold; */
    letter-spacing: 1px;
    font-weight: bold;
    color: #0C65C6;
    padding-left: 120px;

  }

  .re{
    position: relative;
  }
  .index-form{
    position: absolute;
    right: 0px;
    top: -82px;
    background: #0da8aa;
    border-radius: 15px;
    width: 335px;
    height: auto;
    padding:50px 30px 20px;
    color: white;
  }
  .index-l-p1{
    font-size: 30px;
    margin-bottom: 0;
    line-height: 25px;
  }
  .index-l-p2{
   font-size: 18px;
   margin: 20px 0;
 }

 .cl{
  clear: both;
}
.dlogo{
  float: left;
  width: 200px;
}
.footer{
  padding-top: 130px;
  padding-bottom: 100px;
  border-top: 1px solid #d8d8d8;

}
.footer-contact{ 
  /*	margin-left: 300px;*/
}
.footer-contact span{
  color: #1A7DDA;
  font-size: 15px;
  margin-left: 12px;
}
.footer-contact img {
  margin-top: -6px;
  width: 25px;
}
.footer-contact p{
  margin-bottom: 10px;
}
.footer-list a{
  display: block;
  color: #1A7DDA;
  font-size: 15px;
  margin-left: 20px;
  margin-bottom: 8px;
}
.footer-list{
  min-height: 106px;
  border-left: 1px solid #B8D6F0;

}
.sp1{
  color: #1A7DDA;
  text-align: right;
  margin-top: 10px;
  padding-right: 7px;
}
.index-num-list{
  padding-top: 130px;
}
.index-num-list-div{
  float: left;
  width: 20%;
  color: white;
}
.shijian{
  font-size: 50px;
  margin-bottom: 0px;
  line-height: 30px;
}
.f16{
  font-size: 16px;
}
.index-av-div{
  width: 20%;
  float: left;
  text-align: center;
}
.lan-nav-div1 {
  float: left;
  width: 25%;
  text-align: center;
  background: #DCDDDD;
  border: 1px solid white;
  padding-top: 12px;
  padding-bottom: 12px;
  transition: all 0.8s;
  color: #888888;
}
.index-av-div p{
  font-size: 17px;
  color: #7C7C7C;
  margin-bottom: 0px;
}
.text-right{
  text-align:right;
}
.footer-nav-list{
  padding-left: 70px;

}
.footer-nav-list li{
  list-style-type: square!important;
  color: #5195D5;
  font-size: 15px;
  margin-bottom: 10px;
}
.footer-nav-list li a{
  text-decoration: none;
}

.header{
  transition: 0.2s;
  position: fixed;
  top: 0px;
  width: 100%;
  height: auto;
  z-index: 10000
}
.footer1{
 background:#F7F9FA;
 padding:50px 0 70px;
}
.footer1 a{
  text-decoration: none;
}
.footer1-title h5{
  font-size: 18px;
  font-weight: 700;
  /*  font-family: monospace;*/
  color: #2265ad;
  margin-bottom: 18px;
}
.footer1-ul li{
  margin-bottom: 7px;
  font-size: 15px;
  position: relative;
  top: 0px;
  left: 0px;
  transition: 0.3s;
}
.footer1-ul li:hover{
  transition: 0.3s;
  top: -0.5px;
  left: 3px;
}
.footer1-ul  a{
  color: #34354f;
}
.footer1-ul  a:hover{
 color:#005aa7;
}
.dlogo {
  float: none;
  width: 130px;
  margin-bottom: 8px;
}
.col-lg-20{
  float: left;
  width: 20%;
}
.sp1 {
  color: #1A7DDA;
  text-align: center; 
  margin-top: 10px;
  padding-right: 0px; 
}
.footer2{
  background: #807F7F;
  color: white;
  padding: 10px 0;
}
.footer2 a{
  text-decoration: none;
}
.footer2 a:hover{
  color: white;
}
.beian{
  margin-left: 30px;
  color: white;
}
.wangzditu{
  color: white;
  margin-left: 30px;
}
.fix{
  position: fixed!important;
}
.page-header-top-index:hover{
  background: #5a5a5a;
  transition: all 0.6s;
}
.body-content{
  padding-top: 121px;
}
.page-hearder-top-hide{
  height: 0px;
}
.page-header-menu-hide{
  height: 80px;
  -webkit-box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 10%);
  box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 10%);
  background-color: rgb(255 255 255/95%);
}

.page-header-menu-hide .page-logo {
  float: left;
  margin-top: 2px;
  
}

.page-header-menu-hide .navbar-nav>li>a{
  padding-top: 17px;
  line-height: 45px;
}

.hor-menu{
  position: relative;
}
.top-title{
  font-size: 14px;
}
.snav{
  float: right;
  margin-right: 2px;
  cursor: pointer;
  height: 46px;
}
.mobile-trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-transform: uppercase;
  cursor: pointer;
  width: 40px;
  background: #ffffff;
  margin-left: auto;

}
.mobile-trigger .menu-hamburger {
  height: 2px;
  width: 27px;
  background: #838282;
  display: block;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  margin-top: 23px;
}
.menu-hamburger:before{
  content: '';
  display: block;
  position: relative;
  width: 27px;
  height: 2px;
  top: 9px;
  background: #838282;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.menu-hamburger:after{
  content: '';
  display: block;
  position: relative;
  width: 27px;
  height: 2px;
  top: -12px;
  background: #838282;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.snav .open .menu-hamburger:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #0E58AF;
}
.snav .open .menu-hamburger:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #0E58AF;
}
.snav .open .menu-hamburger{
  background: transparent;
  -webkit-transform: translateX(3px);
  -ms-transform: translateX(3px);
  transform: translateX(3px);
}
.erw-div img{
  width: 120px; 
}

.z180{
  transform: rotate( 
   180deg
   );
}
.footer-lianxi{

  transition: all .2s;
  height: 8%;
  background: white;
  bottom: 0%;
  position: fixed;
  width: 100%;
  display: none;
  flex-flow: row wrap;
  justify-content: space-evenly;
  align-items: center;
  z-index: 2247483647;
  left: 0;
  border-top: 1px solid #efefef;
  z-index: 10000;
}
.index-btn{
  background: #a1a1a1;
  border-color: #a1a1a1;
}
.sjinput{
  border: 0.0625rem solid #eee;
  outline: none;
  border-radius: 3px;
  font-family: inherit;
  font-size: 15px;
  box-sizing: border-box;
  width: 100%;
  height: 38px;
  margin: 0;
  padding-left: 8px;
  padding-right: 40px;
  border: 1px solid #cecece;
  line-height: 20px;
  color: #999;
  outline-width: 0;
  outline-style: none;
  outline-color: transparent;
  box-shadow: none;
  text-shadow: none;
  user-select: text;
  background-color: transparent;
  -webkit-appearance: none;
  margin-bottom: 15px;
}
.sj_an button {
  padding: 0;
  background: #46a6ff;
  color: #fff;
  border-radius:20px;
  height: 50px;
  width:98%;
  border: 0;
  margin-left: 1%;
  outline: none;
  font-family: "Microsoft YaHei";
  font-size: 17px;
}
.sj-bt{
  background: #f33531;
  box-shadow: 0 -0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.05);
  height: 2.5rem;
}
.sj-liuyan{
  z-index: 1000000;
  padding-top: 20px;
  padding-bottom: 25px;
  text-align: center;
  background: #f7f7f7;
  border-radius: 0.8125rem 0.8125rem 0 0;
  position: fixed;
  bottom: 0px;
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;

}
.dclose{
  width: 32px;
}
.footer-lianxi a{
  color: black;
  font-size: 12px;
}
.dropdown-submenu a{
  color: #676767;
}
.tel-size{
  font-size: 15px;
}
.mianbao{
  margin: 25px auto;
}
.mianbao-home{
  padding-left: 14px;
  border-left: 4px solid #0260C1;
}
.mianbao a{
  color: #5a5a5a;
  text-decoration: none;
  transition: all .2s;
}
.mianbao a:hover{
  color: black;
  transition: all .2s;
}
.about-3{
  padding-left: 90px;
  padding-right:90px;
  padding-top: 50px;

}
.about-3 .col-lg-4{
  padding-left: 120px;
  border-right: 1px solid  #D3D3D3;
}
.border-none{
  border: none!important;
}
.about-3-p1{
  font-size: 29px;
  color: #8B8B8C;
  /*	font-weight: bold;*/
}
.mb0{
  margin-bottom: 0px!important;
}
.modal_content{
  padding: 30px;
  display: flex;
  justify-content: center;
  flex-direction: column; 
  display: none;
  background: white;
}

.modal_content>div{
  margin-bottom: 20px;
}
.modal_content>h5:first-child{
  margin:30px 0px;
}
#dialog label{
 color: #666;
}
.pagecontent img{
 width: 100%;
}
.down-input{
  display: block;
  width: 100%;
  height: 70px; 
  background: none;
  padding-top: 30px;  
  border: 0;
  outline:none;

  margin-top: -30px; 
  font-size: 16px;
  border-bottom: 1px solid rgba(0,0,0,.2);
  border-radius: 0;
}
#phone1{
  display: block;
  width: 100%;
  height: 70px; 
  background: none;
  padding-top: 30px;  
  border: 0;
  outline:none;

  margin-top: -30px; 
  font-size: 16px;
  border-bottom: 1px solid rgba(0,0,0,.2);
  border-radius: 0;
}
.code1{
  display: flex;
  flex-direction: row;
  justify-content: space-between; 
  width: 100%;
  height: 70px; 
  background: none; 
  padding-top: 30px;  
  margin-top: -30px; 
  font-size: 16px;
  border-bottom: 1px solid rgba(0,0,0,.2);
  border-radius: 0;
}
#code1{  
  width: calc(100% - 90px);
  height: 55px; 
  background: none; 
  padding-top: 20px;  
  border: 0;
  outline:none;
  
  margin-top: -20px; 
  font-size: 16px;  
}
#btnSendCode1{
  width: 90px;
  height: 30px;  
  padding: 0 5px;
  margin: 0;
  font-size: 14px;
  text-align: center;
  background: transparent;
  border-radius: 30px;
  color: #a07941;
  border-color: #a07941;
  
}
::-webkit-input-placeholder { /* WebKit browsers */
  font-size: 14px;
  color:   rgba(0,0,0,.4);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  font-size: 14px;
  color:   rgba(0,0,0,.4);
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  font-size: 14px;
  color:  rgba(0,0,0,.4);
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  font-size: 14px;
  color:   rgba(0,0,0,.4);
}

.next{
  text-align: center;
  margin: 20px 0;
}
.next button{
  width: 100%; 
  height: 45px;
  padding: 0;
  margin: 0;
  background: #007BFF;
  color: #fff;
  border: 0;
  outline:none;
  border-radius: 3px;
}  

#a15{
  padding-top: 90px;
}
#a16{
  padding-top: 90px;
}
#a17{
  padding-top: 90px;
}
#a18{
  padding-top: 90px;
}

#a19{
  padding-top: 90px;
}

#a20{
  padding-top: 90px;
  margin-bottom: 80px;
}
#a21{
  padding-top: 90px; 
  padding-bottom: 100px;
}
.mb15{
  margin-bottom: 15px;
}
.case-list .col-lg-4{
  margin-bottom: 30px;

}
.index-goods{
  margin-top: -5px; 
}
.clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ zoom:1;}

.sec1{background: #f2f2f2;    margin-bottom: 20px;}
.main{max-width:1200px; margin:0 auto; padding:15px 0;}
.title{font-size:28px; margin-bottom:0.7em; text-align: center;}
.img-count,.img-count img{position:relative;}
.img-count-in{ position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;height:100%; *height:100%;}

.w-newsList1{position: relative;}
.w-newsList1 a{ display: block; text-decoration: none; color: #333;}
.w-newsList1 .news-item{ position:relative;}
.w-newsList1 .news-imgbox{ width:58%;}
.w-newsList1 .news-imgbox img{ transition:transform 3.5s; -webkit-transition:transform 3.5s;transform:scale(1.1); -webkit-transform:scale(1.1);}
.w-newsList1 .swiper-slide.swiper-slide-active .news-imgbox img{ transform:scale(1); -webkit-transform:scale(1);}
.w-newsList1 .aspectRatio{padding-bottom:450px;}
.w-newsList1 .news-text{ position: absolute; right:0; width:50%; top: 50%;top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%); background: #fff; padding: 30px 15px 40px 4%; overflow:hidden;}
:root .w-newsList1 .news-text{ top:50%;}
.w-newsList1 .date{ line-height: 1.4; margin-bottom: 0.8em;}
.w-newsList1 .date .year{ font-size:46px; font-weight: bold; color: #000; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.w-newsList1 .date .day_month{font-size:17px; color: #bebebe;}
.w-newsList1 .news-h{font-size:24px; font-weight: bold; line-height: 1.4; height:2.8em; overflow: hidden; margin-bottom: 0.3em;}
.w-newsList1 .news-sum{ line-height: 1.8; height:3.5em; overflow: hidden; color:#aaa;}
.w-newsList1 .more{margin-top:20px; width: 45px; height: 24px; float: right; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAQCAYAAAAFzx/vAAABIUlEQVQ4jb3VMUscQRQH8J+yNgaLFAoPJSBnKaTRUhDBRoiVpBG09mMIljY2geuCIH4GG7FKE7BRSxGPyCtstLJQxGYPTr1D3LvNHxb2McP7McPO7FCz2dRPMhNExDec4gormXnbbf5wX9rrjOEr5nAcEeO1gpl5gQ08Y7YXOsgVysyDLuhEbWAP9E9ETNUGdqBreEQDJ220wBfMYKhK84joNXSFHWx3oIsFzjBdBftkGjgaxsN/wNoZLfAdkypu6QdZxV75foPlAk+4rtqxfdO8TUT8xG5ZXmIpM1u1fKURsY5DjJTYYma2qOFYRMQm9sve51jIzH/t8YGCEbGF3x3YUr7Z84GBETGPX2X5t8Te/TGKQYG4K58z/MjM+26TXgDh8VYjv3NjTgAAAABJRU5ErkJggg==") center no-repeat;}
.w-newsList1 .adSN_page{ position: absolute; z-index: 9; left:50%; bottom:50%; margin-bottom: -123px; top: auto; transform: none; -webkit-transform: none; width:35%; padding-left: 4%; }
.w-newsList1 .adSN_page span{ display: inline-block; *display:inline; *zoom:1; margin:0 6px;}
.w-newsList1 .swiper-num{ position: absolute; z-index: 9; right: 15px; top:50%; margin-top: -130px; color: #bebebe;}
.w-newsList1 .swiper-num .active{ font-size:32px; font-weight: bold;}

.w-newsList2{position: relative; overflow:hidden;}
.w-newsList2 a{ display: block; text-decoration: none; color: #333;}
.w-newsList2 .news-item{ position:relative;}
.w-newsList2 .img{ float: right; width:52%; overflow: hidden;}
.w-newsList2 .img img{transition:transform 3.5s; -webkit-transition:transform 3.5s;transform:scale(1.1); -webkit-transform:scale(1.1);}
.w-newsList2 .swiper-slide.swiper-slide-active .img img{ transform:scale(1); -webkit-transform:scale(1);}
.w-newsList2 .news-text{ margin-right:56%;}
.w-newsList2 .news-h{font-size:28px; line-height: 1.4; margin-bottom: 1em;}
.w-newsList2 .news-sum{margin-top:30px; line-height: 1.8; color:#808080;}
.w-newsList2 .more{position: absolute; left: 0; bottom: 1em; line-height: 2.8; padding: 0 3em; border:1px solid #aaa; color:#333;overflow: hidden; -webkit-transition: all .6s;transition: all .6s;}
.w-newsList2 .more:hover{color:#fff; border-color:#FF6600;}
.w-newsList2 .more .bgsqr1,.w-newsList2 .more .bgsqr2,.w-newsList2 .more .bgsqr3,.w-newsList2 .more .bgsqr4{background:#FF6600;position: absolute;top:0; width: 0px;height: 100%;-webkit-transition: all 0.4s; transition: all 0.4s; opacity:0.35;}
.w-newsList2 .more .bgsqr3,.w-newsList2 .more .bgsqr4{ opacity:0.75;}
.w-newsList2 .more .bgsqr1{ left:0;}
.w-newsList2 .more .bgsqr2{ right:0}
.w-newsList2 .more .bgsqr3{ right:0;}
.w-newsList2 .more .bgsqr4{ left:0;}
.w-newsList2 .more:hover .bgsqr1,.w-newsList2 .more:hover .bgsqr2,.w-newsList2 .more:hover .bgsqr3,.w-newsList2 .more:hover .bgsqr4{ width:100%;}
.w-newsList2 .more:hover .bgsqr3,.w-newsList2 .more:hover .bgsqr4{-webkit-transition-delay:.4s;transition-delay:.4s;}
.w-newsList2 .more span{ position:relative; z-index:1;}
.w-newsList2 .adSN_page{ position: absolute; left: auto; right:10px; width: auto; z-index: 10; text-align: right; }
.w-newsList2.swiper-container-horizontal .adSN_page{bottom:20px;}
.w-newsList2 .adSN_page span{ background: #c9c9c9; opacity: 1; width:40px; height: 5px; border-radius: 0; -webkit-border-radius: 0;}
.w-newsList2 .adSN_page span.swiper-pagination-bullet-active{background: #f60;}
.w-newsList2.swiper-container-vertical .adSN_page span{margin:15px 0;}

@media (max-width:960px){
  .w-newsList2 .news-h{font-size:24px;}
  .w-newsList2 .news-sum{ display: none;}
}
@media (max-width:767px){
  .w-newsList1 .news-imgbox{width:100%;}
  .w-newsList1 .aspectRatio{padding-bottom: 56.25%;}
  .w-newsList1 .news-text{ position: relative; width:100%; top:0; transform: none; -webkit-transform: none; padding:1.2em 4% 1.5em;}
  :root .w-newsList1 .news-text{ top:0;}
  .w-newsList1 .adSN_page{ left:0; bottom:2em; margin-bottom: 0;}
  .w-newsList1 .swiper-num{ bottom: 232px; top: auto; margin-top: 0;}

  .w-newsList2 .news-h{font-size:20px;}
  .w-newsList2 .img{float: none; width:100%;}
  .w-newsList2 .news-text{margin-right: 0; text-align: center; padding:1em 0 3em;}
  .w-newsList2 .more{position: relative; margin-top:1.2em; bottom: 0; display: inline-block;}
  .w-newsList2 .adSN_page{ top: auto; bottom: 0 !important; left: 0; right: 0 ; transform: none; -webkit-transform: none; text-align: center;}
  .w-newsList2 .adSN_page span{margin:0 0.3em !important; display: inline-block; width:1.8em; height: 0.25em;}
}
@media (max-width:480px){
  /*   body{font-size:4vw;}*/
  .title{font-size:6vw;}
  .w-newsList1 .news-h{font-size:125%;}
  .w-newsList1 .date .year{ font-size:300%;}
  .w-newsList1 .date .day_month{ font-size: 110%;}
  .w-newsList1 .swiper-num{ bottom: 15em;}
  .w-newsList1 .swiper-num .active{ font-size: 200%;}

  .w-newsList2 .news-h{font-size:125%;}
}
.news-list-div{
  min-height:230px;
  transition: all 0.4s;
  box-shadow: 5px 5px 10px #f1f1f1, -5px 5px 10px #f9f9f9;
  -moz-box-shadow: 5px 5px 10px #f1f1f1,-5px 5px 10px #f9f9f9;
  -webkit-box-shadow: 5px 5px 10px #f1f1f1, -5px 5px 10px #f9f9f9;
}
.news-list-div:hover{
  transition: all 0.4s;
  box-shadow: 5px 5px 10px #f1f1f1, -5px 5px 10px #b5b5b5;
  -moz-box-shadow: 5px 5px 10px #f1f1f1,-5px 5px 10px #b5b5b5;
  -webkit-box-shadow: 5px 5px 10px #f1f1f1, -5px 5px 10px #b5b5b5;
}
.news-list-div:hover .news-h{
  color: #146bc5;
}
.news-img{
  height: 100%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 230px;
  transition: all 0.2s;
}
}
.nlist{
	margin: 50px auto;
}
.news-right{
	padding:15px 50px;
}
.news-right .date .year{
	font-size: 46px;
	font-weight: bold;
	color: #000;
	font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.news-right .date .day_month{
	font-size: 17px;
	color: #bebebe;
}
.news-right .more {
	margin-top: 5px;
	width: 45px;
	height: 24px;
	float: right;
	cursor: pointer;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAQCAYAAAAFzx/vAAABIUlEQVQ4jb3VMUscQRQH8J+yNgaLFAoPJSBnKaTRUhDBRoiVpBG09mMIljY2geuCIH4GG7FKE7BRSxGPyCtstLJQxGYPTr1D3LvNHxb2McP7McPO7FCz2dRPMhNExDec4gormXnbbf5wX9rrjOEr5nAcEeO1gpl5gQ08Y7YXOsgVysyDLuhEbWAP9E9ETNUGdqBreEQDJ220wBfMYKhK84joNXSFHWx3oIsFzjBdBftkGjgaxsN/wNoZLfAdkypu6QdZxV75foPlAk+4rtqxfdO8TUT8xG5ZXmIpM1u1fKURsY5DjJTYYma2qOFYRMQm9sve51jIzH/t8YGCEbGF3x3YUr7Z84GBETGPX2X5t8Te/TGKQYG4K58z/MjM+26TXgDh8VYjv3NjTgAAAABJRU5ErkJggg==) center no-repeat;
}
.news-right .news-h{
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
.lan-nav-div{
	float: left;
	width: 25%;
	text-align: center;
	background: #DCDDDD;
	border: 1px solid white;
	padding-top: 12px;
	padding-bottom: 12px;
	transition: all 0.8s;
	color: #888888;
}
.lan-nav a{
	text-decoration: none;
	color: white;
	font-size: 16px;

}
.goods-lan-nav{
	padding: 15px;
}
.goods-lan-nav-body{
	background: #f1f1f1;
}
.goods-lan-nav-body a{
	text-decoration: none;
	color: #3e3e3e;
}
.goods-nav-div{
	display: inline-block;
	padding: 20px 40px;
	border-right: 1px solid #ececec;
	font-size: 16px;
	position: relative;
}
.goods-nav-div:after {
	content: "";
	background: #6d6d6d;
	height: 70%;
	width: 2px;
	position: absolute;
	right: 0px;
	bottom: 15%;
	transition: 0.6s;
	border-radius: 30px 0px 0px 30px;
} 
.lanactive{
	background: #0260c1;
	color: white;

}
.video-list-img{
	height: 192px;
}
.goods-nav-div:hover{
	color: #0da8aa;
}
.gactive{
	color: #0da8aa;
}
.gactive:after{
	background: #0da8aa;
	transition: 0.2s;
}
.goods-nav-div:hover:after{
	background: #0da8aa;
	transition: 0.6s;
}
.lan-nav-div:hover{
	background: #0260c1;
	transition: all 0.8s;
	color: white;
}
.contact-body .col-lg-3{
	height: 180px;
	box-shadow: 5px 5px 10px #f1f1f1, -5px 5px 10px #f1f1f1;
	-moz-box-shadow: 5px 5px 10px #f1f1f1,-5px 5px 10px #f1f1f1;
	-webkit-box-shadow: 5px 5px 10px #f1f1f1, -5px 5px 10px #f1f1f1;
	padding-bottom: 30px;
}
.contact-top{
	height: 90px;

}
.ocontact{
	background: #F2F2F2;
	padding: 30px 40px;
	font-size: 14px;
	margin-bottom: 80px;
	font-family: 'pingfang SC', "思源黑体 CN", "Microsoft YaHei", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans GB", "Source Han Sans CN Normal", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp","PingFangSC-Light", "PingFang SC", sans-serif;
}
.ocontact-title{
	border-bottom: 2px solid #D8D8D8;
	line-height: 30px;
	display: block;
	font-size: 20px;
	padding-bottom: 25px;
	margin-right: 100px;
	font-weight: 600;
}

.cp1 img{
	width: 20px;
	margin-right: 7px;
}

.cp1{
	line-height: 1.8;
	margin-top: 1em;
	margin-bottom: 0px;

}
.cp2{
	line-height: 1.8;
	padding-left: 26px;
	margin-bottom: 20px;
}
.f22{
	font-size: 22px;
}
.f30{
	font-size: 30px!important;
}
.goods-body{
	background: #F7F9FA;
}
.goodsl{
	background: white;
	margin-bottom: 30px;
	transition: all 0.4s;
	overflow: hidden;
}
.goodsl:hover{
	transition: all 0.4s;
	box-shadow: 5px 5px 10px #f1f1f1, -5px 5px 10px #d2d2d2;
	-moz-box-shadow: 5px 5px 10px #f1f1f1,-5px 5px 10px #d2d2d2;
	-webkit-box-shadow: 5px 5px 10px #f1f1f1, -5px 5px 10px #d2d2d2;
}
.goodsl img{
	transition: all 0.6s;
}
.goodsl:hover img{
	transition: all 0.6s;
	transform: scale(1.05);
}
.goodsl-left{
	padding-top: 120px;
	padding-left: 60px;
	padding-bottom: 60px;
}
.goods-name{ 
	font-size: 26px;
	margin-bottom: 30px;
}
.goods-desc{
	font-size: 14px;
	margin-bottom: 30px;
}
.goods-zhixun{
	padding: 10px 20px;
	background: #0da8aa;
	color: white;
	text-decoration: none!important;
	font-size: 15px;
	margin-right: 20px;

}
.case-title{
	text-align: center;
	font-size:18px;
	margin-top: 15px;
}
.goods-zhixun:hover{
	color: white;
	background: #2377ce;
}
.goods-more{
	font-size: 15px;
	margin-left: 30px;
	color: black;
}
.goods-list{
	padding-bottom: 100px;
}
.goodsl-right{
	padding-top: 0px;
}
.case-list{
	padding: 0 0 10px;
}
.video-list{
	padding: 0 0 10px;
}
.video-list-p{
	margin-top: 15px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 16px;
}
.caselist{
	padding: 50px 0 100px;
}
.caselist .col-lg-4{ 
	position:relative;
	margin-bottom: 20px;
}
.case-div{
	position: absolute;
	width: 80%;
	background: white;
	bottom: -35px;
	left: 10%;
	text-align: center;
	padding: 20px 0;
	font-size: 18px;
	box-shadow: 5px 5px 10px #f1f1f1, -5px 5px 10px #f9f9f9;
	-moz-box-shadow: 5px 5px 10px #f1f1f1,-5px 5px 10px #f9f9f9;
	-webkit-box-shadow: 2px 3px 3px #ababab, 0px 1px 1px #f9f9f9;
}
.case-img{
	position: relative;
}
.cxian{
	position: absolute;
	height: 90%;
	border-left: 1px solid #d4d4d4;
	top: 20px;
	left: 49.95%;
}
.border-b{
	border-bottom:1px solid #d4d4d4;
	padding-bottom: 20px;
}
.case-img img{
	margin-top: 20px;

	width: 90%;
	margin-bottom: 18px;
	cursor: pointer;
	transition: all 0.6s;
	margin-left: auto;
	margin-right: auto;
}
.case-c{
	padding-bottom: 20px;
	border-bottom:1px solid #d4d4d4;
	margin-bottom: 10px;
}
.case-content{
	padding-left: 15px;
}
.case-content-img-p{
	margin-top: 20px;
	text-align: center;
	font-size: 15px;
}
.case-img{
	overflow: hidden;
	text-align: center;
}
.case-content-img{
	width: 100%;
	border-radius:50% 0 50% 0;
}
.case-img-desc{
	text-align: center;
	margin-bottom: 20px;
	font-size: 14px;
}
.case-info-right img:hover{
	transform: scale(1.1);
	transition: all 0.6s;
}
.case-info-div{
	margin-top: 80px;
	margin-bottom: 100px;
}
.case-info-left{

	/*	color: white!important;*/
	/*	padding: 30px 20px 100px;*/
}
.case-left-title{
	border-left: 4px solid #0260C1;
	padding-left: 11px;
	color: #0260C1;
}
.case-info-title{
	font-size: 24px;
	margin-bottom: 30px;
	color: #504D4C;
}
.case-left-title1{
	margin-top: 80px;

}
.case-info-jixing-case-name{
	color: #504D4C;
	font-size: 15px;
}
.case-info-content{
	/*	color: white*/
	text-align: justify; /*实现两端对齐*/
	text-justify: newspaper; /*通过增加或减少字或字母之间的空格对齐文本*/
	word-break: normal!important;
}
.case-left-title-p1{
	font-size: 16px;
	font-weight: bold;
	line-height: 13px;
}
.case-left-title-p2{
	line-height: 13px;
}
.case-info-body{
	margin-bottom: 50px;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.case-gooods{
	margin-top: 20px;
	padding: 40px 10px 200px;
	background-image: linear-gradient(#f3f3f3, #ffffff);
}
.case-more{
	background: white;
	padding: 10px 20px;
	margin-left: 5px;
}
.case-goods-desc{
	margin-top: 20px;
	margin-bottom: 100px;
	padding: 0 10px;
}
.case-goods-desc p{
	margin-bottom: 20px;
}
.case-gooods img{
	width: 100%;
}
.case-info-jixing{
	font-weight: bold;
	margin-bottom: 0px;
	font-size: 36px;
	color: #504D4C;
	font-family: math; 
}
.video-img{
	position: relative;
	overflow: hidden;
}
.video-m{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.video-div{
	padding: 40px 20px;
	cursor: pointer;
	min-height: 320px;
     border: 1px solid #ffffff;
     background: #ffffff;
}
.search-pagination{
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}

.video-m i{
	font-size: 55px;
	color:#b3b3b3 ;
	transition: all 0.6s;
	opacity: 0.7;
}
.video-div:hover i{
	color: #0da8aa;
	transition: all 0.6s;
}
.video-div:hover{
	transition: all 0.4s;
	box-shadow: 5px 5px 10px #f1f1f1, -5px 5px 10px #d2d2d2;
	-moz-box-shadow: 5px 5px 10px #f1f1f1,-5px 5px 10px #d2d2d2;
	-webkit-box-shadow: 5px 5px 10px #f1f1f1, -5px 3px 10px #d2d2d2;
}
.cases-div:hover i{
	color: #0da8aa;
	transition: all 0.6s;
}
.cases-div:hover{
	transition: all 0.4s;
	box-shadow: 5px 5px 10px #f1f1f1, -5px 5px 10px #d2d2d2;
	-moz-box-shadow: 5px 5px 10px #f1f1f1,-5px 5px 10px #d2d2d2;
	-webkit-box-shadow: 5px 5px 10px #f1f1f1, -5px 3px 10px #d2d2d2;
}
.swiper-goods {
	width: 100%;
	margin-top: -265px;
	margin-bottom: 100px;
	padding-bottom:0px;

}
.swiper-goods .swiper-slide {
	text-align: center;
	font-size: 18px;
	/*      background: red;*/

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	transition: 300ms;
	transform: scale(0.68);
	z-index: 9;
}
.swiper-goods .swiper-slide-active,.swiper-goods .swiper-slide-duplicate-active{
	transform: scale(1.3); 
	z-index: 10;
}
.swiper-goods .swiper-pagination-bullet {
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	font-size: 14px;
	color: #000;
	opacity: 1;
	background: rgba(0, 0, 0, 0.2);
}
.swiper-goods .swiper-pagination-bullet-active {
	color: #fff;
	background: #0da8aa;
}

.index-goods-div{
	position: relative;
	padding-top: 0px;
	padding-bottom: 50px;
	width: 100%;
}
.index-goods-xinghao{
	position: absolute;
	z-index: 2;
	color: #0da8aa;
	font-size: 23px;
	right: 5%;
	top: 13%;
	/* font-weight: bold; */
	/*    font-family: fantasy;*/
	font-weight: bold;
}
.index-goods-desc{
	position: absolute;
	color: white;
	font-size: 12px;
	width: 200px;
	top: 16%;
	/* right: 5%; */
	text-align: left;
	left: 7%;
}
.index-goods-desc p{
	margin-bottom: 3px!important;
}
.index-goods-more{
	position: absolute;
	color: #0da8aa;
	right: 5%;
	top: 19%;
	padding:5px 10px;
	font-size: 13px;
	border: 1px solid #0da8aa;
	text-decoration: none;
    z-index: 1;

}
.index-goods-more:hover{
	background: #838282;
	transition: all 0.6s;
	color: white;
}
.content img{
  max-width: 1140px;
}
















/*头部少于1200px样式*/
@media(max-width: 1500px){
	.index-goods-xinghao {
		position: absolute;
		z-index: 2;
		color: #0da8aa;
		font-size: 24px;
		right: 7%;
		top: 14%;
		/* font-weight: bold; */
		font-family: fantasy;
	}
	.index-goods-more {
		position: absolute;
		color: #0da8aa;
		right: 7%;
		top: 22%;
		padding: 3px 10px;
		font-size: 12px;
		border: 1px solid #0da8aa;
		text-decoration: none;
	}

}


/*头部少于1200px样式*/
@media(max-width: 1200px){
	.news-right {
		padding: 15px 50px 50px; 
	}
	.news-list-div{
		margin-bottom: 30px;
		min-height: 250px;
	}
	.news-img {
		min-height: 250px;
	}
	.about-content{
		margin-top: 20px;
	}
	.about-3{
		padding-left: 0px;
		padding-right:0px;
		padding-top: 50px;

	}
	.index-goods-desc {
		position: absolute;
		color: white;
		font-size: 12px;
		width: 200px;
		top: 24%;
		/* right: 5%; */
		text-align: left;
		left: 7%;
	}
	.index-goods-more {
		position: absolute;
		color: white;
		right: 7%;
		top: 40%;
		padding: 2px 7px;
		font-size: 12px;
		border: 1px solid white;
		text-decoration: none;
	}
	.index-goods-div {
		position: relative;
		padding-top: 140px;
		padding-bottom: 100px;
	}
	.index-goods-xinghao {
		position: absolute;
		z-index: 2;
		color: white;
		font-size: 22px;
		right: 7%;
		top: 30%;
		/* font-weight: bold; */
		font-family: fantasy;
	}
	.index-a img{
		width: 100%;
	}
	.swiper-banner .swiper-button-next, .swiper-banner .swiper-button-prev {
		position: absolute;
		top: 50%;
		width: 40px;
		height: 40px;
		margin-top: -22px;
		z-index: 10;
		cursor: pointer;
		background-size: 40px 40px;
		background-position: center;
		background-repeat: no-repeat;
	}
	.index-about-body {
		float: right;
		width: 100%;
		padding-top: 40px;
		padding-left: 30px;
		padding-right: 30px;
		background: #0da8aa;
		color: white;
		min-height: auto;
		position: relative;
		padding-bottom: 60px;
		margin-top: 2px;
	}
	.dlogo{
		display: none;
	}
	.footer-nav{
		display: none;
	}
	.row1{
		margin-left: 0px;
		margin-right: 0px;

	}
	.page-header-menu-new .container{
		width: 100%;
		margin: auto;
		padding-left: 20px;

	}
	.page-logo{
		margin-right: 40px;
    margin-left: 0px;
  }
  .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 60px;
    transition: 0.2s;
    position: relative;
    z-index: 9;
    color: #676767;
    font-size: 14px;
  }
}
@media(max-width: 770px){
	.video-list-img{
		height: auto!important;
	}
}
/*头部大于1000px样式*/
@media(min-width: 1000px){
	.index-goods-body{
		display: none;
	}
	.index-product{
		display: block;
	}
}
/*头部少于1000px样式*/
@media(max-width: 1000px){ 
  .px-nav{
    width: 100%;
    margin: 30px auto;
  }
  .ipc{
    display: none;
  }
  .content img{
    width: 100%!important;
    height: auto!important;
  }
  .lan-nav a {
    text-decoration: none;
    color: white;
    font-size: 14px;
  }
  .lan-nav-div {
    float: left;
    width: 25%;
    text-align: center;
    background: #DCDDDD;
    border: 1px solid white;
    padding-top: 8px;
    padding-bottom: 8px;
    transition: all 0.8s;
  }
  .lanactive {
    background: #0260c1;
    color: white;
  }
  .case-more {
    background: white;
    padding: 10px 20px;
    margin-left: 0px;
    float: left;
    margin-top: 20px;
  }
  .goodsl-left {
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
  }
  .about-3 .col-lg-4 {
    padding-left:0px; 
    text-align: center;
    padding-right: 0px;
    border-right: 1px solid #D3D3D3;
  }
  .about-p1 {
    font-size: 15px;
    color: #0260C1;
    margin-bottom: 0px;
  }
  #a15 {
    padding-top: 50px;
  }
  .index-goods-body{
    display: block;
    position: relative;
    z-index: 3
  }
  .index-product{
    display: none;
  }
  .tel-size{
    font-size: 14px;
  }

  .index-li-t1 {
    font-size: 45px;
    /* font-weight: bold; */
    letter-spacing: 1px;
    font-weight: bold;
    color: #0C65C6;
    padding-left: 0px;
  }
  .index-li-title {
    padding-left: 110px;
    padding-top: 184px;
  }
  .page-header-top-index {
    height: 35px;
    /* padding-top: 5px; */
    /* margin-bottom: 30px; */
    /* border-bottom: 1px solid #f7f1f1; */
    background: #838282;
    line-height: 35px;
    transition: all 0.6s;
  }
  .top-title{
    font-size: 13px!important;
  }
  .page-top-tel {
    font-weight: 100;
    font-size: 13px!important;
    line-height: 35px;
  }
  .page-header {
    opacity: 1;
    filter: alpha(opacity=100);
    width: 100%;
    margin: 0;
    border: 0;
    padding: 0;

    background-image: none;
    transition: all 0.4s;
    overflow: hidden;
  }
  .page-logo img{
    width: 120px;
  }
  .page-header-menu-new {
    display: block;
    height: 80px;
    clear: both;
    transition: all 0.6s;
    background: white;
  }
  .body-content {
    padding-top: 115px;
  }
  .navbar-nav>li>a {
    padding-top: 17px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 45px;
    transition: 0.2s;
    position: relative;
    z-index: 9;
    color: #676767;
    font-size: 14px;
  }
  .page-logo {
    margin-top: 26px;
  }
  .page-header-menu-hide .page-logo {
    margin-top: 26px;
  }
  #dr_nav_0{
    display: none;
  }
  .index-about img{
    width: 100%;
  }

}
/*头部大于800px样式ipad*/
@media(min-width: 800px){
	.snav{
		display: none;
	}
	.navbar-nav>li i{
		display: none;
	}
	.dfodiv{
		display: none;
	}
}
/*头部少于800px样式ipad*/
@media(max-width: 800px){
  .caselist {
    padding: 0px 0 50px;
  }
  .edui-upload-video{
    width: 100%!important;
    height: auto;
  }
  .index-form {
    position: absolute;
    right: 5%;
    top: -82px;
    background: #0da8aa;
    border-radius: 15px;
    width: 90%;
    height: auto;
    padding: 30px 30px 20px;
    color: white;
  }
  .form-control {
    height: 38px; 
  }
  .index-l-p2 {
    font-size: 16px;
    margin: 15px 0;
  }
  .swiper-banner {
    height: calc(100vh - 300px);
  }
  .news-img {
    min-height: 200px;
  }
  .news-right {
    padding: 15px 20px 50px;
  }
  .news-right .date .year {
    font-size: 30px;
    font-weight: bold;
    color: #000;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  }
  .sj-news-list {
    margin-bottom: 0px!important;
  }
  .cxian {
    display: none;
  }

  .ocontact-title {
    border-bottom: 2px solid #D8D8D8;
    line-height: 30px;
    display: block;
    font-size: 20px;
    padding-bottom: 10px;
    margin-right: 0px;
    font-weight: 600;
  }
  .goodsl-right {
    padding-top: 20px;
    position: relative;
    z-index: 1;
    width: 100%;
  }
  .goodsl{
    position: relative;
    height:770px;
  }
  .goodsl-left{
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 2;
    width: 100%;
  }
  .about-3-p1 {
    font-size: 18px;
    color: #8B8B8C;
    /* font-weight: bold; */
  }
  .pl30 {
    padding-left: 10px;
    padding-right: 10px;
  }
  #a17 {
    padding-top: 70px;
  }
  .mb58px {
    margin-bottom: 28px;
  }
  #a16 {
    padding-top: 20px;
  }
  .hide-about{
    display: none!important;
  }
  .yuangong-list .col-xs-6{
    margin-bottom: 20px;
  }
  .page-header-top-index .page-top-index-right {
    float: right;
    margin-right: 0px;
  }
  .index-goods-top {
    background: url(../images/index-bg-1.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 420px;
    width: 100%;
    margin-top:52px;
    padding-top: 36px;
    padding-bottom: 40px;
    color: white;
    position: relative;
    z-index: 1;
  }
  .navbar-nav>li {
    float:none;
  }
  .index-li-t1 {
    font-size: 30px;
    /* font-weight: bold; */
    letter-spacing: 1px;
    font-weight: bold;
    color: #0C65C6;
    padding-left: 0px;
  }
  .index-li-title {
    padding-left: 60px;
    padding-top: 184px;
  }
  .index-li-title span {
    position: relative;
    padding-bottom: 8px;
    font-size: 20px;
    color: #060606;
    font-weight: bold;
    letter-spacing: 1px;
  }
  .index-news-list .col-lg-4{
    margin-bottom:20px;
  }
  .index-news-list-div {
    background: #F7F8FC;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    padding-bottom: 50px;
  }
  .index-news-p2{
    font-size: 12px;
    color: #948c8c;
  }
  .index-news-date {
    color: #00AFFF;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 5px;
  }
  .index-about-title {
    font-size: 20px;
    border-bottom: 3px solid white;
    padding-bottom: 12px;
  }
  .index_new_list {
    margin: 40px auto 10px;
    padding-bottom: 40px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .index-about-p {
    font-size: 14px;
    line-height: 26px;
    padding-bottom: 20px;
    letter-spacing: 0.5px;
    color: whitesmoke;
  }
  .index-av-title span {
    position: relative;
    padding-bottom: 8px;
    font-size: 26px;
    color: #0da8aa;
  }
  .index-av-t1 {
    font-size: 20px;
    /* font-weight: bold; */
    letter-spacing: 1.5px;
  }
  .index-goods-t3 {
    font-size: 14px;
    letter-spacing: 1px;
  }
  .index-goods-t2 {
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .index-goods-body{
    padding-left: 10px!important;
    padding-right: 10px!important;
    margin-bottom: 50px;
  }
  .index-goods-title {
    font-size: 26px;
    color: white;
  }
  .index-av-t2 {
    font-size: 15px;
    margin-top: 0px;
    margin-bottom: 20px;
  }
  .index-av-div p {
    font-size: 13px;
    color: #7C7C7C;
    margin-bottom: 0px;
  }
  .index-goods-t1 {
    font-size: 20px;
    color: white;
    /* font-weight: bold; */
    letter-spacing: 1.5px;
  }
  .scroll-top1 {
    padding: 2px;
    text-align: center;
    position: fixed;
    z-index: 10001;
    bottom: 110px;
    display: none;
    right: 8px;
    font-size: 30px;
    cursor: pointer;
    transition: all 0.6s;
    color: #a5a5a5;
  }
  .swiper-banner .swiper-button-next, .swiper-banner .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 25px;
    height: 25px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 25px 25px;
    background-position: center;
    background-repeat: no-repeat;
  }
  .dropdown-menu>li>a{
    color: #0da8aa;
  }
  .footer-lianxi{
    display: flex;
  }
  .erw-div{
    display: none;
  }
  .dfodiv{
    height: 60px;
    background: #1A7DDA;
  }
  .footer {
    padding-top: 20px;
    padding-bottom: 10px;
  }
  .dropdown-menu li{
    border-top: 1px solid #eaeaea
  }
  .dropdown-menu {
    position: relative;
    top: 100%;
    left: 0px;
    z-index: 1000;
    display: none;
    float: none;
    /* min-width: 170px; */
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 13px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 4px;
    -webkit-box-shadow: none;
    padding-left: 25px;
    padding-right: 0px;
  }
  #dr_nav_0{
    display: block;
  }
  .page-header{
    height: 35px;
  }
  .page-hearder-top-hide {
    height: 0px;
  }
  .shijian {
    font-size: 30px;
    margin-bottom: 0px;
    line-height: 30px;
  }
  .page-header-menu-new {
    display: block;
    height: 46px;
    clear: both;
    transition: all 0.6s;
    background: white;
  }
  .body-content {
    padding-top: 75px;
  }
  .page-logo {
    margin-top: 7px;
    margin-left: 15px;
  }
  .navbar-nav{
    display: none;
    background: white;
    position: absolute;
    top: 45px;
    width: 100%;
    border-top: 1px solid #eaeaea;
    height: calc(100vh - 45px);
    padding-left: 20px;
    padding-right: 20px;
  }
  .page-header-menu-hide .page-logo {
    margin-top: 8px;
  }
  .page-header-top-index span {
    color: white;
    padding: 0 5px;
    letter-spacing: 0.5px;
    font-size: 13px;
  }
  .en-zi{
    display: none;
  }
  .container-top{
    padding: 0 10px;
  }
  .top-cn img{
    margin-top: -4px;
    width: 20px;
  }
  .page-header-menu-new .container{
    padding-left: 0px;
    padding-right: 0px;
  }
  .navbar-nav>li>a{
    padding-bottom: 4px;
    padding-top: 4px;
  }
  .navbar-nav>li>a:after{
    display: none;
  }

  .navbar-nav>li{
    border-bottom: 1px solid #eaeaea;
  }
  .navbar-nav>li i{
    float: right;
    font-size: 14px;
    margin-top: 18px;
    transition: all 0.4s;
  }
  .page-header-menu-hide .navbar-nav>li>a {
    padding-top: 4px;
    line-height: 45px;
  }
  .index-ab-title span {
    position: relative;
    padding-bottom: 8px;
    font-size: 26px;
    color: #0da8aa;
  }
  .index-ab-t1 {
    font-size: 20px;
    /* font-weight: bold; */
    letter-spacing: 1.5px;
  }
  .index-video-div {
    height: 500px;
    margin-top: 40px;
    margin-bottom: 100px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .index-news-p1 {
    font-size: 15px;
    margin-bottom: 20px;
  }
}
/*头部大于600px样式*/
@media(min-width: 600px){
	.top-contact{
		display: none;
	}
	#videoBanner{
		display: block;
	}
	.sj{
		display: none;
	}
	.pc{
		display: block;
	}
  .pci{
    display: inline;
  }
}

/*头部少于600px样式*/
@media(max-width: 600px){
  .case-info-div {
    margin-top: 60px;
    margin-bottom: 0px;
  }
  .blog-single-foot {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #f0f1f2;
    padding: 20px 0;
    margin-bottom: 0px;
  }
  .down-list {
    padding-top: 0px;
    padding-bottom: 30px;
  }
  .contact-left{
    margin-bottom: 50px;
  }
  .goodsl {
    margin-bottom: 50px;
  }
  .jgoods{
    height: 460px!important; 
  }
  .not-content img{
    width: 100%;
  }
  .page-header-menu-new{

    -webkit-box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 10%);
    background-color: rgb(255 255 255/95%);

  }
  .down-title {
    font-size: 14px;
    text-align: center;
    margin-top: 20px;
  }
  .case-left-title-p1 {
    font-size: 14px;
    font-weight: bold;
    line-height: 13px;
  }
  .case-left-title1 {
    margin-top: 20px;
  }
  .case-gooods {
    margin-top: 20px;
    padding: 40px 0px 200px;
    background-image: linear-gradient(#f3f3f3, #ffffff);
  }
  .case-c p{
    font-size: 12px!important;
  } 
  .case-c p span{
    font-size: 12px!important;
  } 

  .goods-nav-div {
    display: inline-block;
    padding: 20px 20px;
    border-right: 1px solid #ececec;
    font-size: 15px;
    position: relative;
  }
  .goods-desc {
    font-size: 12px;
    margin-bottom: 0px;
  }
  .goodsl-left {
    padding-top: 30px;
    padding-left: 15px;
    padding-bottom: 15px; 
  }
  .goods-name {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .goodsl {
    position: relative;
    height:470px;
  }
  .goodsl-right {
    padding-top: 0px;
    position: relative;
    z-index: 1;
  }
  .footer-s1{
    font-size: 13px;
  }
  .footer .col-md-6{
    padding-left: 0px;
    padding-right: 0px;
  }
  .index-l-p1 {
    font-size: 26px;
    margin-bottom: 0;
    line-height: 25px;
  }
  .pc{
    display: none!important;
  }
  .pci{
    display: none;
  }
  .sj{
    display: block;
  }
  .banquan{
    display: block;
  }
  .beian{
    display: block;
    margin-left: 0px;
  }
  .goods-list {
    padding-bottom: 10px;
  }
  .case-title {
    text-align: center;
    font-size: 14px;
    margin-top: 15px;
  }
  .caselist .col-lg-4 {
    position: relative;
    margin-bottom: 0px;
  }

  .wangzditu{
    display: block;
    margin-left: 0px;
  }

/*	#videoBanner{
		display: none;
		}*/
		.swiper-banner {
			height: calc(100vh - 230px); 
		}
		.page-top-tel{
			display: none;
		}
		.tel-size{
			font-size: 12px;
		}
		.top-contact{
			color: white!important;
			display: inline;
		}
		.index-news-list-div {
			background: #F7F8FC;
			padding-top: 10px;
			padding-left: 15px;
			padding-right: 15px;
			position: relative;
			padding-bottom: 40px;
		}
		.index-news-list {
			margin-top: 20px;
			margin-bottom: 0px;
		}
		.index-news-p1 {
			font-size: 15px;
			margin-bottom: 15px;
		}
		.index-li-title{
			display: none;
		}
		.index-li-t1{
			display: none;
		}
		.shijian {
			font-size: 16px;
			margin-bottom: 0px;
			line-height: 30px;
		}
		.index-num-list-div .f16 {
			font-size: 13px;
		}
		.index-num-list-div .f17 {
			font-size: 13px;
		}
		.index-video-div {
			height: 280px!important;
			margin-top: 40px;
			margin-bottom: 50px;
			padding-left: 10px;
			padding-right: 10px;
		}
		.index-num-list {
			padding-top: 40px;
		}
		.index-num {
			margin: 10px auto 50px;
			height: 160px;
			background: url(../images/numbg.jpg);
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			overflow: hidden;
		}
	}
	/*头部少于400px样式ipad*/
	@media(max-width: 450px){
    .index-my-video {
      background: white;
      margin-top: -200px;
      padding: 15px;
      text-align: left;
    }
    .jiaju-p1{
  font-size: 14px;
}
    .imv1 {
      font-size: 20px;
      margin-bottom: 0px;
      font-weight: bold;
    }
    .btn-longxin {
      color: #fff;
      background-color: #0260C1;
      border-color: #0260C1;
      padding: 5px 10px;
      font-size: 12px;
    }
    .jumbotron {
      height: 420px;
    }
    .img-content .col-lg-6 p{
      font-size: 13px!important;
    }
        .img-content .col-lg-6 p span{
      font-size: 13px!important;
    }
    .video-list {
    padding: 50px 0 0px;
}
.video-div {
    padding: 20px 20px;
   
    background: #fff;
    cursor: pointer;
    min-height: 280px;
}
.zhanhui-title {
    font-size: 20px;
    border-top: 1px solid #f0f1f2;
    padding-top: 15px;
    margin-bottom: 15px;
}
.content-div {
    background: #f9f9f9;
    padding-top: 20px;
    /* padding-bottom: 30px; */
    margin-bottom: 50px;
}
.video-div {
    padding: 10px 20px;
    border: 1px solid #ffffff;
    background: #fff;
    cursor: pointer;
    min-height: 280px;
}
    .index-av-title span {
      position: relative;
      padding-bottom: 8px;
      font-size: 20px;
      color: #0da8aa;
    }
    .imv11 {
      font-size: 17px;
      margin-bottom: 20px;
      font-weight: bold;
    }
    .index-news-list {
      margin-top: 10px;
      margin-bottom: 0px;
    }
    .index-ab-title span {
      position: relative;
      padding-bottom: 8px;
      font-size: 20px;
      color: #0da8aa;
    }
    .index-ab-t1 {
      font-size: 18px;
      /* font-weight: bold; */
      letter-spacing: 1.5px;
    }
    .index-about-title {
      font-size: 18px;
      border-bottom: 3px solid white;
      padding-bottom: 10px;
    }
    .index-about-p {
      font-size: 14px;
      line-height: 24px;
      padding-bottom: 10px;
      letter-spacing: 0.5px;
      color: whitesmoke;
    }
    .index-about {
      margin-top: 30px;
    }
    .index-av-body {
      margin: 20px 0px 20px;
    }
    .index-goods-body {
      padding-left: 10px!important;
      padding-right: 10px!important;
      margin-bottom: 0px;
    }
    .index-goods-title {
      font-size: 20px;
      color: white;
    }
    .index-goods-t1 {
      font-size: 18px;
      color: white;
      /* font-weight: bold; */
      letter-spacing: 1.5px;
    }
    .mianbao {
      margin: 12px auto;
    }
    #a16 {
      padding-top: 10px;
    }
    #a15 {
      padding-top: 30px;
    }
    #a15 .col-lg-6{
      padding: 0px;
    }
    .mb58px {
      margin-bottom: 10px;
    }
    .index-av-t2 {
      font-size: 15px;
      margin-top: 0px;
      margin-bottom: 10px;
    }
    .about-content {
      margin-top: 10px;
    }
    .about-p2 {
      font-size: 17px;
      color: #0260C1;
      margin-bottom: 10px;
    }
    #a17 {
      padding-top: 30px;
    }
    #a20 {
      padding-top: 40px;
      margin-bottom: 20px;
    }
    .goods-name {
      font-size: 20px;
      margin-bottom: 10px;
    }
    #a19 {
      padding-top: 20px;
    }
    #a18 {
      padding-top: 25px;
    }
    #a21 {
      padding-top: 20px;
      padding-bottom: 100px;
    }
    .about-num {
      margin-top: 10px;
    }
    #a21 {
      padding-top: 20px;
      padding-bottom: 20px;
    }
    .index-about-body {
      float: right;
      width: 100%;
      padding-top: 10px;
      padding-left: 30px;
      padding-right: 30px;
      background: #0da8aa;
      color: white;
      min-height: auto;
      position: relative;
      padding-bottom: 60px;
      margin-top: 2px;
    }
    .imv2 {
      font-size: 14px;
    }
    .index-my-vleft {
      padding-left: 30px;
      padding-right: 30px;
    }
    .index-video-shi {
      margin-top: 0px;
      margin-bottom: 30px;
    }
    .index-av-t1 {
      font-size: 18px;
      /* font-weight: bold; */
      letter-spacing: 1.5px;
      margin-bottom: 5px;
    }
    .index-liuyan {
      height: 400px;
    }
    .img-content img{
      width: 100%!important;
      height: auto!important;
    }
    .jlist-title {
      font-size: 15px;
      margin-top: 0px;
      text-align: center;
      margin-bottom: 0px;
      /* font-weight: bold; */
    }
    .img-content .col-lg-5{
      margin-bottom: 20px;
    }
    .img-content .col-lg-7{
      margin-bottom: 20px;
      font-size: 13px!important;
    }
    .goods-more {
      border: 1px solid #d8d8d8;
      padding: 6px 8px;
      font-size: 13px;
    }
    .img-content  .col-lg-7 p{
      margin-bottom: 0px;
    }
    .case-d1 {
      margin: 15px auto;
    }
    .goods-zhixun {
      padding: 6px 14px;
      background: #0da8aa;
      color: white;
      text-decoration: none!important;
      font-size: 13px;
    }
    .goodsl {
      margin-bottom: 50px;
    }
    .img-content-title {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 11px;
      padding-left: 15px;
      margin-top: 20px;
    }
    .jlist p {
    position: relative;
    top: 0px;
    font-size: 14px;
    margin-top: 20px;
}
.jlist .col-lg-4 {
    margin-bottom: 20px;
}
.jlist {
    padding: 25px 0;
    text-align: center;
}
.f30 {
    font-size: 22px!important;
}
    .img1-title {
      font-size: 16px;
      margin-bottom: 15px;
      position: relative;
      padding-bottom: 15px;
    }
    .img-content .col-lg-7 span{
      font-size: 13px!important;
    }
    .news-title {
      font-size: 18px;
      line-height: 25px;
    }
    .content p{
      font-size: 14px!important;
    }
    .content span{
      font-size: 14px!important;
    }
    .index-av-div p {
     font-size: 12px;
     color: #7C7C7C;
     margin-bottom: 0px;
   }
   .index-av-body img{
     width: 30px;
     margin: auto;
     margin-bottom: 10px;
   }
   .index-num-list-div .f16 {
     font-size: 12px;
   }
   .shijian {
     font-size: 14px;
     margin-bottom: 0px;
     line-height: 30px;
   }
   .index-news-list-div {
    background: #F7F8FC;
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    padding-bottom: 50px;
  }
  .ocontact {
   padding: 30px 10px;
 }
 .cp2 {
   line-height: 1.5;
   padding-left: 26px;
   margin-bottom: 10px;
 }
 .index-news-img {
  height: 210px;
  background-position: center;
  background-size: cover;
}
.index-news-p1 {
  font-size: 15px;
  margin-bottom: 10px;
  height: 38px;
}
.beian{
  display: -webkit-inline-box;
}
.dfodiv {
  height: 20px;
  background: #1A7DDA;
}
}
/*头部少于400px样式ipad*/
@media(max-width: 400px){

  .top-cn img {
   margin-top: -3px;
   width: 17px;
 }
 .index-av-div img{
   width: 40px;
 }
 .page-top-tel{
   display: none;
 }
}


@media(max-width: 340px){
  .goods-name {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .goodsl-left {
    padding-top: 30px;
    padding-left: 8px;
    padding-bottom: 15px;
    padding-right: 8px;
  }
  .goods-zhixun {
    padding: 6px 12px;
    background: #0da8aa;
    color: white;
    text-decoration: none!important;
    font-size: 12px;
  }
  .goods-more {
    font-size: 12px;
    margin-left: 30px;
    color: black;
    border: 1px solid #d8d8d8;
    padding: 6px 7px;
  }
  .img-content-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-left: 15px;
    margin-top: 10px;
  }
}

/*yz*/
.yz {
	/*height: 920px;*/
	background: url(../images/yz_bg.jpg) no-repeat center 0;
    padding: 80px 0;
}

.yz dl {
	height: 588px;
}

.yz dt {
	float: right;
	width: 45%;
	height: 588px;
	/* margin-right: -360px; */
	overflow: hidden;
	position: absolute;
	right: 0;
}

.yz dt img {
	transition: all 0.5s;
	max-width: 100%;
    right: 0;
    position: absolute;
}

.yz dt:hover img {
	transform: scale(1.05);
}

.yz dd {
	float: left;
	width: 55%;
}

.yz dd h3 {
	padding: 16px 0 32px;
	position: relative;
	font-weight: normal;
	margin: 0;
}

.yz dd h3 b {
	display: block;
	font-size: 36px;
	color: #0d0700;
	line-height: 42px;
}

.yz dd h3 i {
	display: block;
	font-size: 26px;
	color: #0d0700;
	line-height: 30px;
	padding-top: 24px;
	font-style: normal;
}

.yz dd h3 em {
	color: #003763;
}

.yz dd h3:after {
	position: absolute;
	width: 94px;
	height: 3px;
	content: "";
	background: #003763;
	left: 0;
	bottom: 0;
}

.yz_desc {
	font-size: 16px;
	color: #666;
	line-height: 30px;
	margin: 58px 0 70px;
}

.yz dd ul {
	height: 147px;
	margin-left: -20px;
	width: 1000px;
	position: relative;
	z-index: 1;
}

.yz dd li {
	float: left;
	width: 25%;
	height: 147px;
	background: #0da8aa;
	text-align: center;
}

.yz dd li:nth-child(2n) {
	background: #0da8aa;
}

.yz dd li img {
	display: block;
	height: 65px;
	margin: 10px auto 10px;
	transition: all 0.5s;
}

.yz dd li p {
	font-size: 20px;
	color: #fff;
	line-height: 28px;
	margin: 0;
}
.yz dd li p.bold{
    font-weight: bold;
}
.yz dd li:hover img {
	transform: rotateY(180deg);
}
@media (max-width:990px) {
    .yz dt{
        width: 100%;
    }
    .yz dd{
        width: 100%;
    }
}
@media (max-width:1500px) {
    .yz dd{
        /*width: 600px;*/
    }
    .yz_desc{
        margin: 20px 0 0px;
    }
    .yz dt{
        /*width: 558px;*/
    }
}
@media (max-width:1800px) {
    .yz dt{
        /*width: 658px;*/
    }
    .yz_desc{
        margin: 18px 0 20px;
    }
}

.container2 {
   /* transform: scale(.8);
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    position: relative;
}
.container2 .item-jinji:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    box-shadow: 0 0 10px 5px rgb(130 130 130 / 40%);
    -webkit-box-shadow: 0 0 10px 5px rgb(130 130 130 / 40%);
    -moz-box-shadow: 0 0 10px 5px rgba(130,130,130,0.4);
    -ms-box-shadow: 0 0 10px 5px rgba(130,130,130,0.4);
    -o-box-shadow: 0 0 10px 5px rgba(130,130,130,0.4);
}
.container2 .item-jinji{
    transition: 0.4s ease-out;
    -webkit-transition: 0.4s ease-out;
    -moz-transition: 0.4s ease-out;
    -ms-transition: 0.4s ease-out;
    -o-transition: 0.4s ease-out;
}
.container2 .item1 {
    position: relative;
}
.container2 .item1 .video-list {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%);
      font-size: 0.5rem;
      color: #fff;
      z-index: 1000;
}
.container2 img {
    width: 100%%;
    /*height: 3.4rem;*/
    cursor: pointer;
}
.container2 img:hover {
      opacity: 0.8;
}

.container2 .item-jinji .text {
    text-align: center;
    line-height: 2.5;
    font-size: 17px;
    background: #0da8aa;
    color: #fcfcfc;
}

.bot {
	height: auto;
	background: url(../images/footerbg.jpg) no-repeat center;
}

.bot .bot1 {
	height: 118px;
	line-height: 118px;
	border-bottom: 1px solid #919191;
}

.bot .menu {
	text-align: center;
	padding-top: 20px;
	display: flex;
	display:-webkit-flex;
}

.bot .menu ul {

	text-align: center;

	display: inline-block;

	vertical-align: top;
	
	width: auto;
    flex-grow: 1;
}

.bot .menu li {
	list-style-type: none;
	display: inline-block;
}

.bot .menu a {
	font-size: 18px;
	color: #ffffff;
	margin: 0 10px;
	vertical-align: top;
}

.bot .menu a:hover {
	color: #19e3e8;
}

.bot .menu h4 {
	font-weight: bold;
}

.bot .menu .memu2 {}

.bot .menu .memu2 a {
	display: block;
	line-height: 2.2;
	font-size: 15px;
}

.bot2 {
	padding: 20px 10px 0;
}

.bot2 .logo {
	width: 26%;
}

.bot2 .logo img {
	/*width: 302px;*/
	height: 55px;
}

.bot2 .dz {
	margin-left: 0;
	margin-top: 20px;
}

.bot2 .dz dt {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	/* text-indent: 24px; */
	margin-bottom: 5px;
}

.bot2 .dz .dd1 {
	/*height: 35px;*/
	/* text-indent: 24px; */
	font-size: 14px;
	color: #fff;
	line-height: 35px;
}

.bot2 .dz .dd2 {
	height: 35px;
	/* text-indent: 24px; */
	font-size: 14px;
	color: #fff;
	line-height: 35px;
}

.bot2 .lx {
	width: 49%;
}
.bot2 .ewmbox{
    
display: block;
width: 50%;
}
.bot2 .ewm {
    
width: 25%;
    
display: flex;
    
display: -webkit-flex;
padding-top: 30px;
}
.bot2 .ewm .ewmp{
    display: inline-block;
    width: 85%;
    line-height: 2;
    font-size: 18px;
    text-align: center;
    color: #fff;
}
.bot2 .lx dt {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-indent: 24px;
	margin-bottom: 10px;
}

.bot2 .lx .dd1 {
	height: 35px;
	background: url(../images/bottb3.png) left no-repeat;
	text-indent: 24px;
	font-size: 14px;
	color: #fff;
	line-height: 35px;
}

.bot2 .lx .dd2 {
	height: 35px;
	background: url(../images/bottb4.png) left no-repeat;
	text-indent: 24px;
	font-size: 14px;
	color: #fff;
	line-height: 35px;
}

.bot2 .ewm img {
	width: 85%;
}

.bot3 {
	line-height: 3;
}

.bot3 .beian {
	font-size: 14px;
	color: #dcdcdc;
	margin-left: 0;
}

.bot3 a {
	color: #dcdcdc;
}

.bot3 a:hover {
	color: #19e3e8;
}

.bot3 .jszc {
	font-size: 14px;
	color: #999;
}
/**/

/*pro*/
.benz_box{background: url(../images/benzbj.jpg)no-repeat center center/cover;position: relative;z-index: 50;padding-top:50px;}
.benz_use{position: relative;}
.model_box{background: url(../images/index/model_bg.png)no-repeat center center/cover;padding-top: 120px;overflow: hidden;}
.model_box .index_info{width: 35%;float: right;}
.model_box .index_cont .index_text .index_info .index_name{margin-bottom: 5px;}
.model_box .index_cont .index_text .index_info p{font-size: 14px;line-height: 20px;}
.model-swiper{position: relative;}
.tab_content{position: relative;left: 0;}
.tab_content.active{position: relative;animation:bounce 0.7s ;
-webkit-animation:bounce 0.7s ; }
@keyframes bounce {
	           0%{left: 0;}
              20%{left: 15px;}
	          40%{left: 5px;}
	          60%{left: 8px;}
	          80%{left: 10;}
	          100%{left: 0;}
   }
@keyframes bounce { 
				 0%{left: 0;}
              20%{left: 15px;}
	          40%{left: 5px;}
	          60%{left: 8px;}
	          80%{left: 10;}
	          100%{left: 0;}
   }
.model-swiper .swiper-top .tab_content .img{display: none;/*animation: fadeIn 2s linear;*/}
.model-swiper .swiper-top .tab_content .img.active{display: block;}
.tab_item{display: none;}
.tab_item.active{display: block;}
.tab_item .point{ box-shadow: 0 0 3px rgba(0,0,0,0.3);display: inline-block;width: 25px;height: 25px;background-repeat: no-repeat; border-radius: 50%;position: absolute;z-index: 2;animation: pointShow2 1.6s alternate forwards;cursor: pointer;}
/*.tab_item .point:before{content: '';display: block;position: absolute;width: 10px;height: 10px;border-radius: 50%;animation: scale 2s infinite;z-index: -1; }
.tab_item .point:after{content: '';display: block;position: absolute;width: 10px;height: 10px;border-radius: 50%;animation: scale2 2s infinite;z-index: -2; }*/
.tab_item  .point:nth-child(1){top: 24%;left: 19%;}
.tab_item  .point:nth-child(2){top: 6%;left:37%;}
.tab_item  .point:nth-child(3){top: 20%;left: 62%;}
.tab_item  .point:nth-child(4){top: 2%;left: 65%;}
.tab_item  .point:nth-child(5){top:19%;left: 88%;}
/*.tab_item .poin_hong{background: #cd2838;animation-delay: 300ms;}
.tab_item .poin_hong:before{background-color: #e5929a;animation-delay: 300ms;}
.tab_item .poin_hong:after{background-color: #f2d0d3;animation-delay: 300ms;}
.tab_item .poin_bai{background: #FFFFFF;animation-delay: 400ms;}
.tab_item .poin_bai:before{background-color: #FFFFFF;animation-delay: 400ms;}
.tab_item .poin_bai:after{background-color: #FFFFFF;animation-delay: 400ms;}
.tab_item .poin_lan{background: #173d84;animation-delay: 700ms;}
.tab_item .poin_lan:before{background-color: #8195bb;animation-delay: 700ms;}
.tab_item .poin_lan:after{background-color: #c6cfde;animation-delay: 700ms;}
.tab_item .poin_hei{background: #191517;animation-delay: 100ms;}
.tab_item .poin_hei:before{background-color: #8a8889;animation-delay: 100ms;}
.tab_item .poin_hei:after{background-color: #d0cfcf;animation-delay: 100ms;}
.tab_item .poin_huang{background: #d4cf17;animation-delay: 500ms;}
.tab_item .poin_huang:before{background-color: #d4cf17;animation-delay: 500ms;}
.tab_item .poin_huang:after{background-color: #ebe1d6;animation-delay: 500ms;}
.tab_item .poin_hui{background: #9a9a9c;animation-delay: 500ms;}
.tab_item .poin_hui:before{background-color: #9a9a9c;animation-delay: 500ms;}
.tab_item .poin_hui:after{background-color: #9a9a9c;animation-delay: 500ms;}
.tab_item .poin_yin{background: #8b8a84;animation-delay: 500ms;}
.tab_item .poin_yin:before{background-color: #8b8a84;animation-delay: 500ms;}
.tab_item .poin_yin:after{background-color: #8b8a84;animation-delay: 500ms;}
.tab_item .poin_lv{background: #6e705b;animation-delay: 500ms;}
.tab_item .poin_lv:before{background-color: #6e705b;animation-delay: 500ms;}
.tab_item .poin_lv:after{background-color: #6e705b;animation-delay: 500ms;}*/

@keyframes scale { 0% { transform: scale(1); opacity: 1; }
                 100% { transform: scale(2); opacity: 0.2; }
   }
@keyframes scale2 { 
				0% { transform: scale(1); opacity: 1; }
			  100% { transform: scale(4); opacity:0.2; }
   }
.model-swiper .swiper-top .swiper-slide{width: 20.05%;transition: 300ms;transform: scale(0.9);transition: all .3s;}
.model-swiper .swiper-top .swiper-slide .img{width: 100%;height: 100%;}
.model-swiper .swiper-top .swiper-slide .img img{width: 100%;height: 100%;}
.model-swiper .swiper-top{overflow-y: visible;overflow-x: hidden;unicode-bidi: plaintext;}
.model-swiper .swiper-top .swiper-slide .tab_container{display: none;}
.model-swiper .swiper-top .swiper-slide-active .tab_container{display: block;}
.model-swiper .swiper-top .swiper-slide-active .linearImg{display: none;}
.model-swiper .swiper-top .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1);transition: all .4s;}
.model-swiper .swiper-top .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{width: 100%!important;left: 0;right: 0!important;bottom: auto;bottom: 10%!important;top: auto!important;}
.model-swiper .swiper-top .swiper-pagination-img{width: 24.2%;height: auto;margin: 0 auto;text-align: center;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.model-swiper .swiper-top .swiper-pagination-img img{width: 100%;height: 100%;object-fit: cover;}
.model-swiper .swiper-sai{position: absolute;bottom: 9%;left: 50%;transform: translateX(-50%);width: 24%;z-index: 99;}
.model-swiper .swiper-sai .sai1{transform: rotate(-30deg);bottom: -45%;left: -10px;}
.model-swiper .swiper-sai .sai3{transform: rotate(30deg);bottom: -45%;right: -10px;}
.model-swiper .gallery-thumbs{width: 100%;height: 100px;}
.model-swiper .gallery-thumbs .swiper-slide{width: 33%;text-align: center;cursor: pointer;}
.model-swiper .gallery-thumbs .swiper-slide span{color: #B3B3B3;transition: all .4s;}
.model-swiper .gallery-thumbs .swiper-slide-thumb-active span{color: #cd2837;transition: all .4s;}
.benz_btn{z-index: 300;cursor: pointer; transition: all .3s ease-in;width: 53px;height: 53px;border-radius: 50%;background: #efefef; position: absolute;top: 50%;transform: translateY(-50%);}
.benz_btn:hover{background: #0da8aa;}
.benz_btn span{display: block;width: 100%;height: 100%;transition: all .3s ease-in;}
.benz_prev{left: 20%;}
.benz_next{right: 20%;}
.benz_prev span{background: url(../images/prev1.png)no-repeat center center/20px;}
.benz_prev:hover span{background: url(../images/prev2.png)no-repeat center center/20px;}
.benz_next span{background: url(../images/next1.png)no-repeat center center/20px;}
.benz_next:hover span{background: url(../images/next2.png)no-repeat center center/20px;}
.mod_bj{position: absolute;left: 26%;top:-50px;width:28%;height: 459px; background: url(../images/modbj.png)no-repeat center 0;background-size: 100%;}
.tab_item{position: relative;width: 100%;height: 100%;}
.gallery_thumbs{width: 970px;margin:52px auto 0;}
.grllery_more{width: 120px;float: right;overflow: hidden;}
.grllery_more a{display: block;width: 100%;}
.grllery_more img{display: block;width: 100%;}
/*.gallery_cont{float: left;}*/
.gallery_item{display: none;}
.gallery_item.active{display: block;}
/*@keyframes rotate { 0% { transform: scale(1) rotate(0) ; opacity: 1; }
  100% {transform: scale(3) rotate(360deg) ; } }*/
@media only screen and (max-width: 1680px) {
	.model-swiper .swiper-sai{bottom: 7%;}
	.model-swiper .swiper-sai .sai1{bottom: -40%;left: -5px;}
	.model-swiper .swiper-sai .sai3{bottom: -40%;right: -5px;}
}
@media only screen and (max-width: 1440px) {
	.model_box{padding-top: 100px;}
	
	.model-swiper .gallery-thumbs{height: 88px;}
}
@media only screen and (max-width: 1366px) {
	.model_box{padding-top: 80px;}
	.model-swiper .gallery-thumbs{height: 88px;}
	.gallery_thumbs{width: 60%;}
	.gallery_cont{width:70%;}
	.grllery_more{width: 100px;}
}
@media only screen and (max-width: 1280px) {
	.model_box{padding-top: 60px;}
	.model_box .index_info{width: 40%;}
	.model-swiper{margin-top: 100px;}
}
@media only screen and (max-width: 1200px) {
	.model-swiper .swiper-sai .sai1{bottom: -35%;left: 0;}
	.model-swiper .swiper-sai .sai3{bottom: -35%;right: 0;}
	.model-swiper .gallery-thumbs{height: 78px;}
	.model-swiper .gallery-thumbs .swiper-slide span{font-size: 18px;}
}
@media only screen and (max-width: 1024px) {
	.model_box{padding-top: 40px;}
}
@media only screen and (max-width: 768px) {
	.model_box .index_info{width: 100%;float: none;}
	.mod_bj{width: 56%;left: 10%;top: -11%;}
	.benz_btn{width: 30px;height: 30px;}
	.benz_prev{left: 4%;}
	.benz_next{right:  4%;}
	.benz_prev span{background-size: 15px;}
	.benz_prev:hover span{background-size: 15px;}
	.benz_next:hover  span{background-size: 15px;}
	.benz_next span{background-size: 15px;}
	.gallery_thumbs{width: 90%;}
}
@media only screen and (max-width:500px ) {
	.gallery_cont{width: 100%;}
	.grllery_more{float: left;margin-top: 20px;}
}
/*pro*/

/*about*/
.clubBox{background: url(../images/clubbj.jpg)top left no-repeat; background-repeat: no-repeat;background-attachment: fixed;background-size: 100% 100%;}
.clubBox .about_tit h2{color: #FFFFFF;}
.clubBox .about_tit p{color: #FFFFFF;opacity: 0.6;}
.club_list{width: 50%;float: left;}
.club_list li{width: 50%;float: left;}
.club_list a{display: block;width: 100%;position: relative;}
.club_pic{overflow: hidden;position: relative;z-index: 50;}
.club_pic img{transition: all .3s ease-in;width: 100%;}
.club_list li:hover img{transform: scale(1.05);}
.club_name{position: absolute;left: 25px;bottom: 25px; z-index: 100;color: #0da8aa;}
.club_video{width: 50%;float: left;overflow: hidden;}
.club_video img{
    /*max-width: 100%;*/
    height: 50.5rem;
}
.club_list ul.clearfloat li:nth-child(2) .club_name,.club_list ul.clearfloat li:nth-child(3) .club_name{
    color: #fff;
}
@media only screen and (max-width: 1024px) {
	.club_name{left: 15px;bottom: 15px;}
}
@media only screen and (max-width:768px ) {
	.club_list{width: 100%;}
	.club_video{width: 100%;}
}

.supre_box{position: fixed;right: 50px;bottom: 100px;z-index: 300;}
.supre_box li{width: 46px;height: 46px;/*border-radius: 50%;*/position: relative; background: #282828;transition: all .3s ease-in;line-height: 46px;text-align: center;font-size: 0;}
.supre_box li a{display: block;width: 100%;height: 100%;}
.supre_box span{display: inline-block;vertical-align: middle;content: ""; width: 25px;height: 25px;opacity: 0.42;transition: all .3s ease-in;}
.supre_box li:nth-child(1) span{background: url(../images/icon_1.png)no-repeat center center/100%;}
.supre_box li:nth-child(2) span{background: url(../images/icon_2.png)no-repeat center center/100%;}
.supre_box li:nth-child(3) span{background: url(../images/icon_3.png)no-repeat center center/100%;}
.supre_box li:nth-child(4) span{background: url(../images/icon_4.png)no-repeat center center/100%;}
.supre_box li:hover span{opacity: 1;}
.supre_box li:hover{background: #0da8aa;}
.supre_box li+li{margin-top: 5px;}
.sup_expla{position: absolute;right: 100%;top: 0;height: 100%;background: #0da8aa;width:0;color: #FFFFFF;font-size: 14px;overflow: hidden;transition: all .3s ease-in;}
.supre_box li:hover .sup_expla{width: 100px;}
.sup_code{display: none;background: #FFFFFF;padding-bottom: 10px;padding-top: 9px; text-align: center;font-size: 14px;line-height: 24px; position: absolute;right:60px;top: 50%;transform: translateY(-50%);width: 200px;}
.sup_code img{width:100%;display: block;margin-bottom: 0px;}
@media only screen and (max-width:1920px ) {
	.sup_code{width: 145px;}
}
@media only screen and (max-width:1024px ) {
	.supre_box{display: none;}
}
.drop_use{width: 100%;overflow: hidden;}
.drop_cut{width: 1000px;position: relative;transition: all .5s ease-in;}
.nav_down_use.nav_down_use2 .drop_pic{float: left;}
.nav_down_use.nav_down_use2 .drop_pic{opacity: 0;}
.nav_down_use.nav_down_use2 .drop_pic.active{opacity: 1;}
.nav_down_use.nav_down_use2 .drop_pic+.drop_pic{margin-left: 60px;}

@media (min-width:1800px) {
    .navbar-nav>li{
    margin: 0 10px;
    }
	.navbar-nav>li>a {
        font-size: 17px;
	}
	.club_video img{
	    height: 64.6rem;
	}
}
.fp-cardo-things-block{
    margin-top: 25px;
}
.cardo-plus-item-title {
	display: flex;
	align-items: center;
	/*justify-content: flex-start;*/
	line-height: 30px;
	height: 60px;
}
.cardo-plus-item-title img{
	margin-right: 30px;
	width: 50px;
	height: 50px;
	flex-shrink: 0;
}
.cardo-plus-item-img{
	display: inline-block;
	float: left;
	/*width: 30%;*/
}
.cardo-plus-item-title-txt{
	display: inline-block;
	width: 70%;
}

.cardo-plus-item-title .fp-music{
	color: #e91e63;
}
.cardo-plus-item-title .fp-radio{
	color: #ff5722;
}
.cardo-plus-item-title .fp-intercom{
	color: #00a4d9;
}
.cardo-plus-item-title .fp-phone{
	color: #0cce6b;
}
.cardo-plus-item-desc {
	margin-top: 20px;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	/* font-stretch: normal; */
	line-height: 1.75;
	letter-spacing: normal;
	/* text-align: left; */
	color: #4a4a4a;
}
.cardo-plus-item-more {
	margin-top: 76px;
	text-align: center;
}
.cardo-plus-item-more .more-info, .pp-faq-support-btn .blue-btn-60{
	margin: 0 auto;
}
@supports (display: -moz-flex) or (display: flex) {
  .blue-btn-60 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .blue-btn-60 span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .blue-btn-60 span img {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.blue-btn-60 {
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    display: block;
    position: relative;
    width: 270px;
    height: 60px;
    border: none;
    border-radius: 4px;
    background-color: #0da8aa;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    transition: background-color 0.3s;
}
.blue-btn-60 span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.blue-btn-60 span img {
  margin-right: 22px;
  margin-top: -2px;
  max-width: 24px;
  max-height: 24px;
}
.reviews-container .slick-slide{
	width: 500px;
}
.reviews-title {
	margin-bottom: 60px;
	text-align: center;
}
.review-block {
	width: 500px;
	background: #fff;
	padding: 23px 53px;
	margin: 10px 15px;
	height: 25rem;
	box-shadow: 0 0 4px 0px #000;
}
.second-upp-title{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 0.8px;
	color: #4a4a4a;
	text-transform: uppercase;
}
.mob-slide-counter {
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	line-height: 20px;
	margin: 30px 0;
	display: none;
	padding: 0;
	text-align: center;
}
.mob-slide-counter span:first-child{
	padding-right: 5px;
	color: #00A4D9;
}
.mob-slide-counter span:last-child{
	color: #4A4A4A;
	padding-left: 5px;
}
.mob-slide-counter li{
	display: none;
}
.mob-slide-counter .slick-active{
	display: block;
}
.review-title {
	margin-bottom: 15px;
}
.review-txt {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #4a4a4a;
	margin-bottom: 15px;
}
.review-author{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	color: #4a4a4a;
	margin-bottom: 10px;
}
.review-date{
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	line-height: 1.43;
	letter-spacing: normal;
	color: #9b9b9b;
}

.trusted-txt h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 48px;
	font-weight: bold;
	font-style: italic;
	/* font-stretch: condensed; */
	line-height: 1.17;
	letter-spacing: normal;
	text-align: left;
	color: #ffffff;
	width: 310px;
	margin: 0;
}
.fp-trusted-block{
	height: 450px;
	opacity: 0.8;
	background-color: #2a2d34;
	padding: 90px 0;
}
.trusted-container {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-flow: wrap;
}
.trusted-companies{
	flex-grow: 1;
}
.trusted-company-block{
	display: flex;
	justify-content: space-around;
}
.trusted-company-block{
	margin-bottom: 60px;
}
.trusted-company-block div{
	display: inline-block;
}
.trusted-company {
	width: auto;
	height: 50px;
	text-align: center;
}
.slider-arrows {
	margin-top: 50px;
	margin-bottom: 50px;
	display: flex;
	justify-content: center;
	z-index: 9;
	position: relative;
	height: 30px;
	align-items: center;
}
.slider-arrows img{
	height: 11px;
}
.slider-arrows img:hover {
	opacity: 0.8;
	cursor: pointer;
}
.slider-arrows img:first-child{
	margin-right: 15px;
}
span.all-slides {
	color: #333333;
}

.qilin-link{padding: 20px 0;background: url(../images/link_bj.jpg) repeat center;background: #33898c;color: #fff;}
.qilin-link a{color: #fff;}
.qilin-link .tit{font-size: 24px;line-height: 45px;}
.qilin-link li{float: left;margin-right: 20px;margin-top: 10px;}