@charset 'utf-8';
body{ margin:0; padding:0;color: #333;font:16px/1.8 Verdana,Microsoft JhengHei, Microsoft Yahei,Tahoma,Arial,Verdana,sans-serif;word-wrap:break-word; overflow:auto;text-align: justify;}
pre{word-break:break-all;word-wrap:break-word; }
ul,ol,li,dl,dt,dd{ margin: 0; padding: 0;  }
h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0; }
nav,.nav{text-transform: uppercase;}
img{border:0;max-width: 100%;}
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{box-sizing:border-box;}
a{text-decoration: none;color: inherit;}
a:hover{ text-decoration: underline; }
p{ margin:0 0 0.3em; }
table { border-spacing: 0; border-collapse: collapse; }
input,button,textarea,select,optgroup,option { font-weight:inherit; font-style:inherit; font-size:inherit; font-family:inherit;color: inherit; }
input[type="submit"],input[type="button"],input[type="reset"],button{ cursor: pointer; }
input::-moz-focus-inner { padding: 0; border: 0; }
button,input,select,textarea{ margin:0; vertical-align:baseline; font-size:100%; *vertical-align:middle; outline:0;}
input[type="text"],textarea:focus{border: solid 1px #222;}
textarea{ overflow:auto; vertical-align:top; }
/*.content ul li{list-style: none;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="6" height="6"><circle cx="3" cy="3" r="3" fill="#000" /></svg>') no-repeat 0  12px;padding-left: 20px;}*/
.content ul li{list-style: none;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAPElEQVQYV3XMQQ3AIBQE0fcd4AgJRUKrrEgoDnBGA5f2wpw2k80EEm4UPLgCHdlHm3L8xJrb52xWHGg4X7hQCIXoaIHMAAAAAElFTkSuQmCC') no-repeat 0  12px;padding-left: 20px;}
.mgt{margin-top: 25px;}
.pdt{padding-top: 25px;}
.clear {zoom: 1; }
.clear:after{ content: " ";display: block; height: 0;width:0; clear: both;}
.wrapper{margin-left: auto;margin-right: auto;position: relative;width: 1166px;}
.x1{width: 100%;float: left;}
.x2{width: 50%;float: left;}
.x3{width: 33.33%;float: left;}
.x4{width: 25%;float: left;}
.x5{width: 20%;float: left;}
.row{margin-left: -15px;margin-right: -15px;}
.shadow{box-shadow: 0 0 6px 5px rgba(0,0,0,0.2);}
.banner{position: relative; }
.banner ul li{overflow: hidden;line-height: 0;width: 100%;text-align: center;list-style: none;}
.banner ul li img{max-width: 100%;}
.banner ol{position: absolute;bottom: 10px;z-index: 333;text-align: center;width: 100%;}
.banner ol li{width: 15px;height: 15px;background:rgba(0,0,0,0.8);display: inline-block;margin: 0 3px;border-radius: 50%;cursor: pointer;opacity: 0.9;box-shadow: inset 0 0 3px rgba(0,0,0,0.3);list-style: none;}
.banner ol li.on{background: #fff;}
.banner .prev,.banner .next{font-size: 60px;position: absolute;z-index: 999999;margin-top: auto;margin-bottom: auto;top: 0;bottom: 0;height: 80px;opacity: 0.7;cursor: pointer;}
.banner .prev:hover,.banner .next:hover{opacity: 1;}
.banner .prev{left: 0;}
.banner .next{right: 0;}
.wrapper:after,.layout:after{ content: " ";display: block; height: 0;width:0; clear: both;}
.navication ul li{float: left;font-size: 16px;list-style: none;}
.fl{float: left;}
.fr{float: right;}
.tl{text-align: left;}
.tr{text-align: right;}
/*start*/
.h4{font-size: 18px;}
.h5{}
.wrapper{width: 1176px;}
.flex{display: flex;flex-wrap: wrap;}
.flex,.flex>div{display:flex;flex-direction: row;}
.vc{display:flex;flex-direction:column;justify-content:center;}
.head{width: 100%;background: #fff;z-index: 999999;position: fixed;top: 0;}
/*.bg{background:url(img/bg.png) repeat;}*/
.bg{background: #fff;}
.navication{background: #f0f0f0;box-shadow:0px 6px 8px #ccc;z-index: 9999999999;position: relative;width: 100%;}
.navication li a{transition: all 0.2s;line-height: 40px;padding: 0 45px;display: block;border-left: solid 2px #fff;}
.navication li:last-child a{border-right: solid 2px #fff;}
.header .logo{float: left;padding-top: 10px;padding-bottom: 10px;}
.header .logo img{height: 120px;transition: all .3s;}
.c666{color: #666;}
.fr span{line-height: 21px;}
.font .a{font-size: 14px;cursor: pointer;}
.font .aa{font-size: 16px;cursor: pointer;}
.font .aaa{font-size: 18px;cursor: pointer;}
.head.on{z-index: 9999999;}
.head.on .logo img{height: 60px;}
.head.on .fr{margin-top: 30px;}
.menu{display: none;cursor: pointer;}
.header .lang{float: left;border-right:dashed 1px #ddd;padding-right: 5px;margin-right: 5px;}
.header .font{float: left;}
.header .fr{margin-top: 60px;transition: all .3s;}
.header span{margin: 0 3px;}
.fl1{height: 1156px;background:url(img/fl1.png) no-repeat top center;position: relative;overflow: hidden;}
h3.h3{font-size: 23px;background:url(img/line.png) repeat-x top center;text-align: center;margin-top: 50px;margin-bottom: 30px;}
h3.h3 span{display: inline-block;background: #fff;height: 2px;font-size: 26px;color: #045173;padding-left: 3px;padding-right: 3px;}
h3.h3 span b{top: -22px;position: relative;}
.fl1 div.p{display: inline-block;position: absolute;}
.fl1 div.p .pop{position: absolute;width: 170px;height: 170px;background:url(img/ball.png) no-repeat;display:flex;align-items:center; justify-content: center;text-align: center;}
.fl1 div.p img{transition: all .5s;}
.fl1 div.p:hover img{transform: scale(1.03);}
.fl1 .a{margin-top: 10%;margin-left: 10%;}
.fl1 .b{margin-top: 5%;margin-left: 60%;}
.fl1 .c{margin-top: 45%;margin-left: 15%;}
.fl1 .d{margin-top: 55%;margin-left: 36%;}
.fl1 .e{margin-top: 33%;margin-left: 66%;}
.fl1 .pop{z-index: 999;transition: all .5s;}
.fl1 div.p:hover .pop{margin-top: -6px;}
.fl1 .a .pop{left: 230px;top: -100px;}
.fl1 .b .pop{left:-100px;top: 200px;}
.fl1 .c .pop{left: -90px;top: 180px;}
.fl1 .d .pop{left: 260px;top: 190px;}
.fl1 .e .pop{left: 20px;top: 82%;}
.fl1 .prev,.fl1 .next{font-size: 30px;position: absolute;z-index: 999999;margin-top: auto;margin-bottom: auto;top: 0;bottom: 0;height: 80px;opacity: 0.7;cursor: pointer;display: none;}
.fl1 .prev:hover,.fl1 .next:hover{opacity: 1;}
.fl1 .prev{left: 0;}
.fl1 .next{right: 0;}

.brand .x3{text-align: center;margin-bottom: 30px;}
.footer{background: #ddd;padding: 30px 0;line-height: 26px;}
.footer i.fa{margin-right: 10px;font-weight: bold;font-size: 26px;}
.footer .about{/*width: 232px;*/text-align: left;}
.footer .about .info{margin-top: 5px;}
.footer .x4 .t{background: none !important;}
.footer .x4 .x1{text-align: center;display: inline-block;text-align: center;}
.footer .x4 .a p, .footer .x4 .b p{float: none;}

.footer-sub{background: #080f16;overflow: hidden;color: #fff;text-align: center;padding: 3px 0;}

.banner_inner{text-align:left;display:flex;align-items:center; font-size: 32px;font-weight: bold;color: #045173; text-transform: uppercase;background-size: cover;position: relative;}
.banner_inner .wrapper{position: absolute;height: 100%;margin: 0;padding: 0;border: 0;z-index: 999;margin: auto;left: 0;right: 0;top: 0;bottom:0;padding-left: 25px;padding-right: 25px;}


.list,.listimg,.page{padding-top: 20px;padding-bottom: 50px;}
.list ul li{border-bottom:dashed 1px #ccc;padding-top: 10px;padding-bottom: 6px; list-style: none;}
.list ul li i{display: inline-block;width: 10px;height: 10px;background: #0b9c58;margin-right: 10px;border-radius: 3px;}
.list ul li span{float: right;}

.catalog .x5 .item {margin: 10px;text-align: center;}
.catalog .x5 .item .img{background-size: cover;width: 100%;position: relative;}
.catalog .x5 .item .img a{display: block;position: absolute;width: 100%;height: 100%;}
.catalog .x5 .item .title{margin-top: 5px;}

.listimg .x3{padding: 0 15px;text-align: center;margin-bottom: 30px;position: relative;}
.listimg .x3 .img{line-height: 0;overflow: hidden;}
.listimg .x3 .img img{transition: all 0.6s;}
.listimg .x3 .title{position: relative;}
.listimg .x3 .title a{background:rgba(0,0,0,.5);color: #fff;position: absolute;bottom: 0;width: 100%;left: 0;transition:all 0.6s;}
.listimg .x3:hover .title a{background:#574319;}
.listimg .x3:hover .img img{transform: scale(1.12);}

.article h1{text-align: center;border-bottom: solid 1px #ddd;margin-bottom: 15px;padding-bottom: 15px;font-size: inherit;}
.article .x2 .img{text-align: center;padding: 15px;}
.article .x2 .img img{box-shadow:0px 0px 15px #888;}
.article .x2 .x5 img{width: 88%;text-align: center;}
.brand{padding-top: 10px;}
.brand .x3 img{transition: all .3s;}
.brand .x3 img:hover{opacity: 0.8;}

.pages img{transition: all .3s;}
.pages img:hover{opacity: 0.70;}
a.ke-insertfile{padding-bottom: 2px;}
a.ke-insertfile:hover{text-decoration: none;border-bottom: solid 2px #045173;}
@media all and (min-width:945px){
    .brand{padding-bottom: 160px;}
}

@media all and (max-width:1166px)  {
    .navication li a{padding: 0 36px;}
    .wrapper{margin-left: 15px;margin-right: 15px;width: auto !important;}
    .banner_inner .wrapper{left: 15px;right: 15px;}
    .fl1{height: 600px;background-size: cover;background:url(img/fl1bg2.png) no-repeat top center;;}

    .fl1 .ul div.p{position: relative;left: 0;top: 0;margin: 0;width: 100%;text-align: center;}
    .fl1 .ul div.p .pop{bottom: 0 !important;right: 0 !important;position: absolute;left: auto;top: auto;}
    .fl1 .ul{overflow: hidden;height: 420px;}
    .fl1 .tbar {width: 100%;text-align: center;}
    .fl1 .tbar li{display: inline-block;width: 15px;height: 15px;border-radius: 50%;background: #000;margin-left: 10px;margin-right: 10px;cursor: pointer;}
    .fl1 .tbar li.on{opacity: 0.5;}
    .fl1 .prev,.fl1 .next{display: block;}
}

@media all and (max-width:768px)  {
    .wrapper{margin-left: 15px;margin-right: 15px;width: auto !important;}
    .navication{display: none;}
    .navication ul li{padding-left: 10px;padding-right: 10px;border: none;width: 100%;}
    .navication ul li a{border: none !important;}
    .fl1{height: 600px;background-size: cover;}
    .fl1 .ul div.p{position: relative;left: 0;top: 0;margin: 0;width: 100%;text-align: center;}
    .fl1 .ul div.p .pop{bottom: 0 !important;right: 0 !important;position: absolute;left: auto;top: auto;}
    .fl1 .ul{overflow: hidden;height: 420px;}
    .fl1 .tbar {width: 100%;text-align: center;}
    .fl1 .tbar li{display: inline-block;width: 15px;height: 15px;border-radius: 50%;background: #000;margin-left: 10px;margin-right: 10px;cursor: pointer;}
    .fl1 .tbar li.on{opacity: 0.5;}
    /*.banner_inner{height: 230px !important;}*/
    .brand .x3{width: 50%;}
    .brand .x3 img{width: 90%;}
    .footer .h5{text-align: center;}
    .footer .x5{width: 100%;text-align: center;}
    .footer .x4{width: 100%;}
    .footer .about{width: 100%;}
    .footer p{display: inline-block;float: left;}
    .footer .a{width: 100%;float: left;}
    .footer .b{width: 100%;float: left;}
    .footer .c666{margin-left: 15px;}
    .footer .xx .x1{width: 33.33%;background: none;text-indent: 0;}
    .footer .xx .t{width: 100% !important;margin-top: 15px;text-align: center;}
    .header .logo img{height: 90px;}
    .menu{float: left;display: inline-block;line-height: 21px;display: block;}
    .menu i{margin-left: 15px;font-size: 21px;}
    .layout .x5{width: 100%;}
    .product .x2{width: 100%;}
    .product .x2 .content{margin: 0 15px;overflow: hidden;}
    .content ul li{list-style-position:inside !important}
    .row{margin-left: 10px;margin-right: 10px;}
    .banner .prev,.banner .next{font-size: 32px;}
    .contact .x2{width: 100%;}
    .contact li{list-style: none;}
    .header .fr{margin-top: 50px;}
}

@media all and (max-width:500px)  {
    .fl1 .p img{max-width: 280px;}
    .banner_inner .wrapper{font-size: 23px;}
    .header{margin-bottom: 10px;}
    .header .logo{width: 100%;text-align: center;padding-bottom: 0;margin-bottom: 0;line-height: 0;}
    .header .logo img{height: 50px;}
    .header .fr{margin-top: 0;width: 100%;}
    .header .fr .lang,.header .fr .font{float: left;}
    .header .fr .menu{float: right;}
    .head.on .logo img{height: 50px;}
    .head.on .fr{margin-top: 0px;}
    .footer .xx .x1{width: 100%;}
    .footer .h5{text-align: left;}
    .footer .c666{margin-left: 0;}
}