.layui-containe  { width: 1200px; margin: 0 auto;}
body,.layui-fluid    {padding: 0;margin: 0;}
.swiper-container{
    --swiper-theme-color: rgba(200,22,29,1);/* 设置Swiper风格 */
    --swiper-navigation-color: rgba(200,22,29,1);/* 单独设置按钮颜色 */
    --swiper-navigation-size: 30px;/* 设置按钮大小 */
}
.swiper-button-next:after { background:url("../images/next.png") no-repeat center;  content:''; font-family:''; display: block; width: 100%; height: 100%}
.swiper-button-prev:after { background:url("../images/prev.png") no-repeat center;  content:''; font-family:''; display: block; width: 100%; height: 100%}
.swiper-button-next.swiper-button-disabled:after { background:url("../images/next-d.png") no-repeat center}
.swiper-button-prev.swiper-button-disabled:after  {background:url("../images/prev-d.png") no-repeat center}
/*.swiper-button-next { right: 215px}*/
.swiper-father {
    position: relative;
    padding:0 37px;
    width: 100%;
    box-sizing:border-box;
}
.swiper-father .swiper-button-next,.swiper-father .swiper-button-prev {
    width: 37px;
    height: 108px;
    text-align: center;
    display: block;
    margin-top: -54px;
}

.swiper-father .swiper-container {
    width:calc(100% - 30px);
    margin:auto;
}
.icon {
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
    width: 24px; height: 24px;
}
header  .icon   { font-size: 24px; line-height: 40px; margin-top: 5px;}
.tele,.entele,.icon-dianhua    {
    color: #383838; font-size: 24px; line-height: 40px;
}
.tele   { text-align: right; font-weight: bold; font-style: italic}
.entele   { text-align: right; font-weight: bold;}
.icon-dianhua   { margin-right: .5em;}
.language   {font-size: 14px;}
.language   span {display: block;
    float: right;
    height: 38px;
    line-height: 38px;
    margin-right: 2em;}
header  nav { height: 30px; line-height: 30px; display: block; margin-top: 13px; margin-left: 80px;}
/*header  nav.en  { margin-left: 180px;}*/
header  nav li  { font-size: 16px; position: relative; text-align: center; height: 30px; line-height: 30px; float: left; width: 100%;}
header  nav li  a   {   display: block;}
header  nav li:hover { background: rgba(0,0,0,.1);}
header  nav li:hover    a { color: rgba(200,22,29,1);}
header  nav li:hover ul{  display: block; }
header  nav li  ul  { z-index: 99999; width: 100%; position: absolute; top: 40px; left: 0; background: rgba(255,255,255,1); display: none;}
header  nav.en li   { text-transform: capitalize}
header  nav.en li  ul   { width: 220px;}
header  nav.en li  ul   li  { font-size: 12px; text-indent: 10px; text-align: left;}
header  nav li:hover  ul  li  a{ font-size: 14px; color: #333333}
header  nav li  ul  li:hover  a  { background: rgba(200,22,29,1); color: #FFF}
/*.layui-col-xs2    { width: 14.2%; float: left}*/
.layui-col-xs2    ul  li  {display: block; width: 100%; z-index: 9999; }
.layui-col-xs2    .icons   {margin: 10px auto 0px auto; padding: 10px; width: 120px; height:120px;}

.layui-col-xs2    .icon-6,.layui-col-xs2    .icon-86 { background: url("/templets/kanglin/images/icon-6.png") no-repeat center; background-size: cover}
.layui-col-xs2    .icon-8,.layui-col-xs2    .icon-87 { background: url("/templets/kanglin/images/icon-8.png") no-repeat center; background-size: cover}
.layui-col-xs2    .icon-9,.layui-col-xs2    .icon-88 { background: url("/templets/kanglin/images/icon-9.png") no-repeat center; background-size: cover}
.layui-col-xs2    .icon-56,.layui-col-xs2    .icon-89    { background: url("/templets/kanglin/images/icon-56.png") no-repeat center; background-size: cover}
.layui-col-xs2    .icon-57,.layui-col-xs2    .icon-90    { background: url("/templets/kanglin/images/icon-57.png") no-repeat center; background-size: cover}
.layui-col-xs2    .icon-58,.layui-col-xs2    .icon-91    { background: url("/templets/kanglin/images/icon-58.png") no-repeat center; background-size: cover}
.layui-col-xs2    .icon-59,.layui-col-xs2    .icon-92    { background: url("/templets/kanglin/images/icon-59.png") no-repeat center; background-size: cover}
.layui-col-xs2  .productlist:hover  .icon-6,.layui-col-xs2  .xz  .icon-6,.layui-col-xs2  .productlist:hover  .icon-86,.layui-col-xs2  .xz  .icon-86 { background: url("/templets/kanglin/images/icon-6-h.png") no-repeat center; background-size: cover}
.layui-col-xs2  .productlist:hover  .icon-8,.layui-col-xs2  .xz  .icon-8,.layui-col-xs2  .productlist:hover  .icon-87,.layui-col-xs2  .xz  .icon-87 { background: url("/templets/kanglin/images/icon-8-h.png") no-repeat center; background-size: cover}
.layui-col-xs2  .productlist:hover  .icon-9,.layui-col-xs2  .xz  .icon-9,.layui-col-xs2  .productlist:hover  .icon-88,.layui-col-xs2  .xz  .icon-88 { background: url("/templets/kanglin/images/icon-9-h.png") no-repeat center; background-size: cover}
.layui-col-xs2  .productlist:hover  .icon-56,.layui-col-xs2  .xz  .icon-56,.layui-col-xs2  .productlist:hover  .icon-89,.layui-col-xs2  .xz  .icon-89    { background: url("/templets/kanglin/images/icon-56-h.png") no-repeat center; background-size: cover}
.layui-col-xs2  .productlist:hover  .icon-57,.layui-col-xs2  .xz  .icon-57,.layui-col-xs2  .productlist:hover  .icon-90,.layui-col-xs2  .xz  .icon-90    { background: url("/templets/kanglin/images/icon-57-h.png") no-repeat center; background-size: cover}
.layui-col-xs2  .productlist:hover  .icon-58,.layui-col-xs2  .xz  .icon-58,.layui-col-xs2  .productlist:hover  .icon-91,.layui-col-xs2  .xz  .icon-91    { background: url("/templets/kanglin/images/icon-58-h.png") no-repeat center; background-size: cover}
.layui-col-xs2  .productlist:hover  .icon-59,.layui-col-xs2  .xz  .icon-59,.layui-col-xs2  .productlist:hover  .icon-92,.layui-col-xs2  .xz  .icon-92    { background: url("/templets/kanglin/images/icon-59-h.png") no-repeat center; background-size: cover}
/*.layui-col-xs2  .productlist:hover  .icon-6,.layui-col-xs2  .xz  .icon-6,.layui-col-xs2  .productlist:hover  .icon-86,.layui-col-xs2  .xz  .icon-86 { background: url("/workspace/uploads/icons/icon-6-h.png") no-repeat center; background-size: cover}*/
/*.layui-col-xs2  .productlist:hover  .icon-8,.layui-col-xs2  .xz  .icon-8,.layui-col-xs2  .productlist:hover  .icon-87,.layui-col-xs2  .xz  .icon-87 { background: url("/workspace/uploads/icons/icon-8-h.png") no-repeat center; background-size: cover}*/
/*.layui-col-xs2  .productlist:hover  .icon-9,.layui-col-xs2  .xz  .icon-9,.layui-col-xs2  .productlist:hover  .icon-88,.layui-col-xs2  .xz  .icon-88 { background: url("/workspace/uploads/icons/icon-9-h.png") no-repeat center; background-size: cover}*/
/*.layui-col-xs2  .productlist:hover  .icon-56,.layui-col-xs2  .xz  .icon-56,.layui-col-xs2  .productlist:hover  .icon-89,.layui-col-xs2  .xz  .icon-89    { background: url("/workspace/uploads/icons/icon-56-h.png") no-repeat center; background-size: cover}*/
/*.layui-col-xs2  .productlist:hover  .icon-57,.layui-col-xs2  .xz  .icon-57,.layui-col-xs2  .productlist:hover  .icon-90,.layui-col-xs2  .xz  .icon-90    { background: url("/workspace/uploads/icons/icon-57-h.png") no-repeat center; background-size: cover}*/
/*.layui-col-xs2  .productlist:hover  .icon-58,.layui-col-xs2  .xz  .icon-58,.layui-col-xs2  .productlist:hover  .icon-91,.layui-col-xs2  .xz  .icon-91    { background: url("/workspace/uploads/icons/icon-58-h.png") no-repeat center; background-size: cover}*/
/*.layui-col-xs2  .productlist:hover  .icon-59,.layui-col-xs2  .xz  .icon-59,.layui-col-xs2  .productlist:hover  .icon-92,.layui-col-xs2  .xz  .icon-92    { background: url("/workspace/uploads/icons/icon-59-h.png") no-repeat center; background-size: cover}*/
.layui-col-xs1-8   { width: 12.5%; float: left}
.productlist    {text-align: center;                    border: rgba(255,255,255,1) solid 1px;                    display: block;                    margin: 15px;                    padding: 10px 0;                    border-radius: 1em;}
/*.productlist:hover,.xz   {  background: rgba(200,22,29,1); color: #fff;}*/
/*.productlist:hover,.xz   {  border-radius: 50%; border: rgba(200,22,29,1) solid 3px;}*/

.productbox { padding: 15px 250px 15px 37px; height: 250px; overflow: hidden; display: none}
.productbox-6,.productbox-86   { display: block;}
.productbox img { margin-bottom: 1em;}
.productbox p   { height: 3.5em; margin: 5px 0; text-align: center;}
.productbox a   { display: block;}

.textlist:before    { content: '';width: 3px; background:rgba(200,22,29,1); height: 340px; float: left;}
.textlist   ul  { height: 240px; padding: 45px 0; width: 100%}
.textlist   ul  li  { height: 40px; line-height: 40px;}
.textlist   ul  li  a   { display: block; padding-left: 2em; font-size: 14px;}
.textlist   ul  li.thisitem2 { background: url("/templets/kanglin/images/jt.png") no-repeat center left;}

.textlist2:before    { content: '';width: 3px; background:rgba(200,22,29,1); height: 340px; float: right;}
.textlist2   ul  { height: 240px; padding: 45px 0;  width: 99%; float: right}
.textlist2   ul  li  { height: 40px; line-height: 40px;   padding-right: 2em;}
.textlist2   ul  li.thisitem  { background: url("/templets/kanglin/images/jt2.png") no-repeat center right;}
.textlist2   ul  li  a   { display: block; padding-right: 2em; text-align: right; font-size: 16px; }

.footernav   dt { line-height: 30px; height: 30px; font-size: 16px; text-align: center; font-weight: bold; text-transform: capitalize}
.footernav  dd  { line-height: 30px; height: 30px; font-size: 14px; text-align: center;}
.footernav  dd a    { color: #666;}
.footernav.en   dd  { font-size: 12px; text-transform: capitalize}

.info   p   { font-size: 16px; line-height: 2em; margin-bottom: 1em; text-indent: 2em;}
.info   h1  { margin-bottom: 2em;}
.info   h2  { margin-bottom: 1em;}

.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}
.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}

.pagination {
    margin: 20px 0;
}

.pagination>li>a,
.pagination>li>span {
    color: #666;
}
.pagination>li.active>span {
    color: #d6001d;
    background:#fff;
    border:1px solid #ddd
}
.pagination>li.active>a:hover>span {
    color: #fff;
    background:#d6001d;
    border:1px solid #ddd
}
.pagination>li:last-child>a,
.pagination>li:last-child>span {
    color: #666;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #FFF;
    cursor: not-allowed;
    background-color: rgba(200,22,29,1);
    border-color: rgba(200,22,29,1);
}
.bannertext { background: rgba(200,22,29,1); width: 100%; padding: 8px 15px; position: absolute; bottom: 0; left:0;}
.banner small{ font-size: 16px; color: #FFF; text-transform: capitalize;}
.banner h1{ font-size: 24px; color: #FFF;}

.layui-breadcrumb   {margin: 10px 0; font-size: 16px!important; height: 30px; line-height: 30px; border-bottom: #f2f2f2 solid 1px;}
.layui-breadcrumb   a   { font-size: 16px!important;}
.content    p   { font-size: 16px; margin-bottom: 1em; line-height: 2em;}
.content    img { display: block; width: 100%; margin: 10px auto}
.content    h1  { height: 100px; margin: 50px 0; line-height: 50px;}
.content    h1  small   { font-size: 14px; color: #666; display: block;}
.fpage  {  border-top: #f2f2f2 solid 1px; height: 40px; line-height: 40px;}
.layui-menu	{ width: auto; padding:5px 20px; margin:0 5px; }
.more {width: 180px; height: 180px; font-size: 18px; display:block; line-height: 180px; text-align: center; position: absolute; right: 0px; top: 0px; border-radius: 10px;}
.enmore  { background: url("../images/more-en.png") no-repeat center rgba(255,255,255,1)}
.cnmore  {background: url("../images/more-cn.png?r=1") no-repeat center rgba(255,255,255,1)}
.enmore:hover  { background: url("../images/more-en.png") no-repeat center rgba(0,0,0,.03)}
.cnmore:hover  {background: url("../images/more-cn.png?r=1") no-repeat center rgba(0,0,0,.03)}
.casepic    {width: 100%; font-size: 32px; color: #FFF; text-align: center; height: 290px; line-height: 290px; position: absolute; left: 0; top: 0; z-index: 99; background: rgba(200,20,30,.1)}
.casepic:hover    {color: #FFF; background: rgba(200,20,30,.3);font-size: 36px; }
.content    iframe  { width: 100%; height: 700px;}