@import url(anim.css);
@import url(font.css);
@charset "utf-8";
/*选中背景色*/
::selection {background:#174378;color:white;}
::-moz-selection {background:#174378;color:white;}
/*全局控制*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
div,dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
h1,h2,h3,h4,h5,h6,
pre, code,/* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
p,blockquote,th, td /* table elements 表格元素 */ {margin: 0;padding: 0;}
/** 设置默认字体 **/
body,
button, input, select, textarea /* for ie */ {font: 14px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:14px;}
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化
*/
table,td,tr,th{font-size:12px;}
caption,th {text-align:left;}
/** 重置列表元素 **/
ul, ol, li { list-style: none; }
li{list-style-type:none;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
address,caption,cite,code,dfn,em,th,var,optgroup {font-weight:normal; font-style:normal;}
del,ins{text-decoration:none;}
/** 重置文本格式元素 **/
a {color:#000;text-decoration:none;outline:none;}
a:visited {color:#000;text-decoration:none;}
a:hover {color:#174378;text-decoration:none;}
a:active {color:#174378;}
/** 重置表单元素 **/
legend { color: #666; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
sup { vertical-align: text-top; } /* 重置，减少对行高的影响 */
sub { vertical-align: text-bottom; }
.font-40 {
    font-size: 40px
}

.font-38 {
    font-size: 38px
}

.font-36 {
    font-size: 36px
}

.font-34 {
    font-size: 34px
}

.font-32 {
    font-size: 32px
}

.font-30 {
    font-size: 30px
}

.font-28 {
    font-size: 28px
}

.font-24 {
    font-size: 24px
}

.font-22 {
    font-size: 22px
}

.font-20 {
    font-size: 20px
}

.font-18 {
    font-size: 18px
}

.font-16 {
    font-size: 16px
}

.font-14 {
    font-size: 14px
}

.font-12 {
    font-size: 12px
}
/* 注：optgroup 无法扶正 */
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }
/** 清除浮动 **/
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:none;}
body{background:#fff;--index-color1:#153373;--index-main-color:#153373;font:14px/20px microsift yahei,Tahoma,Arial,Helvetica,sans-serif;color:#000;}
input[type="text"],textarea{-webkit-appearance:none;}
input{_background:#fff;}
textarea{background:#fff;}
select{*background:#fff;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clear{clear:both;overflow:hidden;display:block;background:#fff;}
.fl{float:left;}
.fr{float:right;}
.bl1 {clear:both; height:1px; overflow:hidden; display:block; background:#fff;}
.lines {clear:both; height:1px; overflow:hidden; display:block; background:#f1f1f0;}
.bl5 {clear:both; height:5px; overflow:hidden; display:block;}
.bl10 {clear:both; height:10px; overflow:hidden; display:block;}
.bl15 {clear:both; height:15px; overflow:hidden; display:block;}
.bl20 {clear:both; height:20px; overflow:hidden; display:block;}
.ikong {clear:both; height:20px; overflow:hidden; display:block;}
.bl30 {clear:both; height:30px; overflow:hidden; display:block;}
.bl40 {clear:both; height:40px; overflow:hidden; display:block;}
.bl50 {clear:both; height:50px; overflow:hidden; display:block;}
.bl60 {clear:both; height:60px; overflow:hidden; display:block;}
.bl80 {clear:both; height:80px; overflow:hidden; display:block;}
.bl100 {clear:both; height:100px; overflow:hidden; display:block;}
.bl500 {clear:both; height:1000px; overflow:hidden; display:block;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.df {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
}
.img-box {
    overflow: hidden;
    position: relative
}

.img-box img {
    transition: 1s ease;
    vertical-align: top;
    border: 0;
    max-width: 100%;
    height: auto;
}

.img-box:hover img {
    transform: scale(1.1,1.1)
}

.dis{display:block;}.disno{display:none;}
.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
.pzr{ position: relative;}
.wrap{width:90%;margin:0 auto;min-width:90%;clear:both;padding:0 5%;}
/* Slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before,.slick-track:after{display:table;content: '';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}

.head{width:100%;clear:both;position:fixed;height:95px;left:0;top:0;right:0;z-index:100;}
.headon{border-bottom:1px solid #e4e4e4;background: #fff;-webkit-box-shadow: 0 0 8px rgba(0,0,0,.2);box-shadow: 0 0 8px rgba(0,0,0,.2);}
.head .logo{float:left;width:266px;height:76px;overflow:hidden;margin:10px 0 0 0;}
.head .logo h1{float:left;}
.head .logo h1 a{background:url(../images/logo.png) no-repeat; background-size:auto 76px;text-indent:-9999px;width:266px;height:76px;display:block;}
.head .brand{float:left;margin:20px 0 0 30px;}
.head .brand h3{color:#686868;font-size:24px;font-weight:bold;}
.head .brand p{color:#cbcbcb;font-size:16px;padding:10px 0 0;}
.head .tel{position:absolute;right:0;top:25px;z-index:99;height:48px;background:url(../images/tel.png) no-repeat 0 center;padding:0 0 0 50px;background-size:auto 42px;}
.head .tel span{font-size:18px;color:#272727;}
.head .tel p a{font-size:24px;color:#385e8b;line-height:30px;font-family: "Bahnschrift"}
.head .searchs{position:absolute;right:9%;top:25px;width:40px;height:40px;cursor:pointer;}
.head .searchs .search-sub{width:40px;height:40px;background:url(../images/search.png) no-repeat center center;text-indent:-9999px;background-size:auto 20px;display: block;}
.head .lang{position:absolute;font-size:18px;right:5%;top:35px;width:40px;height:40px;cursor:pointer;}


.head .menu{display:none;}
.navbg{height:64px;line-height:64px;position:relative;margin:15px auto 0 50px;float:left;}

.navs{height:64px;line-height:64px;}
.navs li{float:left;margin:0;}
.navs li:last-child{border:none;}
.navs li a{display:block;padding:0 20px;text-align:center;font-size:18px;color:#000;font-weight:700;font-family:'Montserrat';}
.navs li a:hover{color:#333;text-decoration:none;}
.navs li a.on,.navs li.on a{color:#333;}
.navs li ul{display:none;position:absolute;z-index:9999;}
.navs li ul li{float:none;display:block;width:110px;position:relative;height:40px;_display:inline;}
.navs li ul li .s{position:absolute;top:0;left:110px;border-left:1px solid transparent;}
.navs li ul li .s li{float:none;}
.navs li ul li a{display:block;width:110px;height:40px;color:#fff;line-height:40px;padding:0;background:#1e2e53;text-align:center;font-weight:normal;font-size:16px;}
.navs li ul li a:hover{color:#fff; background:#EA3843;}
.navs .t,.navs .t:hover{background:url(../images/nav_ico.gif) no-repeat 120px center #333;}

/* banner */
.banners{height:100vh;width:100%;margin:0 auto;clear:both;background:#fff;position:relative;max-width:100%; z-index:0;}
.banner li{width:100%;height:100vh;}
.banner a{display:block;background-repeat:no-repeat;background-position:center top;height:100vh;display:block;width:100%;}
.banner .slick-dots button{display:none !important;background:none;position:absolute;text-indent:-9999px;}
.banner .slick-arrow{position: absolute;border:none;top:40%; cursor:pointer;height:50px;width:50px;z-index:100;text-indent:-9999px;background:url(../images/pcontrol.png) 0px 0px no-repeat;border-radius:50%;cursor:pointer; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.banner .slick-prev{left:5%;}
.banner .slick-next{right:5%;background-position:-50px 0px;}
.banner .slick-arrow:hover{background-color:#333;}
.banner .slick-dots{ position: absolute;left: 50%;bottom:30px;transform: translateX(-50%); z-index: 1000;}
.banner .slick-dots li{width:10px;height:10px;background:#ccc;float:left;margin:0 3px;border-radius:50%;}
.banner .slick-dots li.slick-active{background:#D80411;}


.i-title{width:100%;position:relative;float:left;margin:20px 0;display:block;}
.i-title h3{font-size:48px;height:60px;font-weight:bold;line-height:60px;color:#153373;position:relative;z-index:1;}
.i-title h3:after{content: "";display:block;position:absolute;width:50px;height:3px;background:#153373;z-index:0;left:0%;bottom:0px;}
.i-title p{color:#999;font-size:14px;padding:20px 0 0;}

.iprobg{background:url(../images/iprobg.png) no-repeat center bottom;width:100%;padding:20% 0;clear:both;float:left;}
.iaboutbg{background:url(../images/iaboutbg.png) no-repeat center bottom;width:100%;position:relative;float:left;padding:5% 0;clear:both;display:block;}
.iabout{background:#1e4aa0;width:35%;float:right;height:460px;padding:70px 10% 70px 15%;color:#fff;}
.iabout h4{font-size:24px;height:80px;line-height:80px;position:relative;z-index:1;}
.iabout h4:after{content: "";display:block;position:absolute;width:50px;height:3px;background:#fff;z-index:0;left:0;bottom:0px;}
.iabout p{color:#fff;font-size:16px;padding:20px 0 0;line-height:28px;}
.iabout span{margin:50px 0 0;width:100%;position:relative;float:left;padding:15px 0;display:block;}
.iabout span a{width:150px;height:50px;display: block;background:#fff;color:#1e4aa0;text-align: center;font-size:18px;line-height:50px;}
.iabout span a:hover{background:#93b8ff}

.iabout-txt{float:left;width:45%;padding:0 5% 0 0;}
.i-titleb{width:100%;position:relative;float:left;margin:20px 0;display:block;}
.i-titleb h5{font-size:96px;height:60px;font-weight:bold;line-height:60px;color:#dee5eb;}
.i-titleb h3{font-size:48px;height:60px;font-weight:bold;padding:10px 0 0;line-height:60px;color:#153373;position:relative;z-index:1;}
.i-titleb h3:after{content: "";display:block;position:absolute;width:50px;height:3px;background:#153373;z-index:0;left:0%;bottom:0px;}
.i-titleb p{color:#515151;font-size:16px;padding:20px 0 0;text-indent: 2rem;line-height:30px;}
.iabout-pic{float:right;width:50%;}
.iabout-pic img{width:100%;height:auto;display: block;}

.i-titlec{width:100%;position:relative;float:left;margin:20px 0;display:block;}
.i-titlec h3{font-size:48px;height:60px;font-weight:bold;padding:10px 0 0;line-height:60px;color:#153373;position:relative;z-index:1;}


.inewsli{width:90%;border-top:2px solid #000;}
.inewsli h5{font-size:14px;margin:20px 0 10px;}
.inewsli h3{width:90%;font-size:28px;font-weight:bold;overflow: hidden;line-height: 45px;display: block;padding:20px 0 40px;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.inewsli p{width:90%;display:block;font-size:16px;line-height:26px;color:#666;max-height:78px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-bottom: 20px;}
.inewsli span{font-size:18px;margin-top:23px;color:#153373;}

.indexnews{margin:10px 0;width:100%;float:left;position:relative;padding:30px 0 50px;}
.indexnews .slick-dots button{display:none !important;background:none;position:absolute;text-indent:-9999px;}
.indexnews .slick-arrow{position: absolute;border:none;top:46%; cursor:pointer;height:50px;width:50px;z-index:100;text-indent:-9999px;background:url(../images/pcontrol.png) 0px 0px no-repeat #fff;border-radius:50%;cursor:pointer; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.indexnews .slick-prev{left:-5%;}
.indexnews .slick-next{right:-5%;background-position:-50px 0px;}
.indexnews .slick-arrow:hover{background-color:#333;}
.indexnews .slick-dots{position: absolute;left:50%;bottom:10px;transform: translateX(-50%); z-index: 1000;}
.indexnews .slick-dots li{width:8px;height:8px;background:#ccc;float:left;margin:0 5px;border-radius:50%;}
.indexnews .slick-dots li.slick-active{background:#153373;}

.indexnews .slick-slide{margin:0 10px; background:url("../asdfasdf/adsf") no-repeat 100px 100px;}

.inews-btn{text-align:center;float:left;width:100%;padding:20px 0 40px;}
.inews-btn a{background:#153373;color:#fff;padding:10px 30px;border-radius:30px;}
.inews-btn a:hover{background:#406ed0}
.indexpro,.indexcase,.friendli{width:1480px;margin:0 auto;position:relative;float:left;left:-20px;}
.indexpro .slick-slide,.indexcase .slick-slide,.friendli .slick-slide{padding:20px;}
.indexpro .slick-arrow,.indexcase .slick-arrow,.friendli .slick-arrow{width:60px;height:60px;border:none;z-index:1;top:35%;position:absolute;text-indent:-9999px;cursor:pointer;border-radius:50%;}
.indexpro .slick-prev,.indexcase .slick-prev,.friendli .slick-prev{left:-120px;background:url(../images/left.png) no-repeat center center #b2b2b2;}
.indexpro .slick-next,.indexcase .slick-next,.friendli .slick-next{right:-120px;background:url(../images/right.png) no-repeat center center #b2b2b2;}
.indexpro .slick-dots,.indexcase .slick-dots,.friendli .slick-dots{position: absolute;left: 50%;bottom:-10px;transform: translateX(-50%); z-index: 1000;}
.indexpro .slick-dots li,.indexcase .slick-dots li,.friendli .slick-dots li{width:8px;height:8px;background:#ccc;float:left;margin:0 5px;border-radius:50%;cursor: pointer}
.indexpro .slick-dots li.slick-active,.indexcase .slick-dots li.slick-active,.friendli .slick-dots li.slick-active{background:#174378;}
.indexpro .slick-dots button,.indexcase .slick-dots button,.friendli .slick-dots button{display:none !important;background:none;position:absolute;text-indent:-9999px; }


.ipic{width:100%;height:100%;position: relative;overflow: hidden;text-align: center;}
.ipic .pic{height:328px;width:100%;overflow:hidden;}
.ipic .pic img{width:100%;height:auto;object-fit: cover;transform: scale(1);-webkit-transform: scale(1);transition: all .8s;-webkit-transition: all .8s}
.ipic p{padding:30px 0;background:#FCFCFC;width:100%;font-size:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
.ipic a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1)}
.friendli .ipic .pic{height:auto;}





.friend{background:#f7f7f7;width:100%;position:relative;float:left;display:block;text-align:center;padding:50px 0;}



.oem{width:100%;position:relative;float:left;margin:20px 0;display:block;}
.oem ul li{width:50%;float:left;padding:20px 0;}
.oem ul li .txt{width:70%;float:left;padding:20px 0 0;}
.oem ul li .txt h4{color:#febf32;font-size:24px;font-weight:bold;font-style:italic;}
.oem ul li .txt h4 span{font-size:36px;}
.oem ul li .txt p{font-size:16px;color:#999;line-height:30px;padding:20px 0 0;}
.oem ul li .pic{width:20%;padding:0 5%;float:left;}
.oem ul li .pic img{width:100%;}
.oem ul li:nth-child(2) .txt h4{color:#fc6623}
.oem ul li:nth-child(3) .txt h4{color:#1eb9ce}
.oem ul li:nth-child(4) .txt h4{color:#28bc96}
/*内页*/
.inner-banner{width:100%;clear:both;display:block;overflow:hidden;background:#fff;height:400px;}
.inner-banner video{position:absolute;left:0;top:0;height:100%;-o-object-fit:cover;object-fit:cover;width:101%;z-index:-1;}
.inner-banner .inner-text{padding-top:209px;padding-bottom:162px;}
.inner-banner .inner-text h4{font-family:Montserrat;font-size:67px;line-height:1;font-weight:700;color:#153373;}
.inner-banner .inner-text p{font-size:18px;padding:10px 0;}

.inner-page{background-color:#fff;border-radius:80px 80px 0 0;position:relative;z-index:2;padding:20px 0 0;}
.category-product-page .category-left{width:342px;background-color:#edf0f6;padding-top:37px;padding-bottom:23px;}
.category-product-page .category-left .form{margin:0 26px;}
.category-product-page .category-left .form form .text {
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
    height: 69px;
    background-color: #fff;
    color: #000;
    padding-left: 20px;
    font-size: 20px;
    border:none;float:left;
}
.category-product-page .category-left .form form .submit {
    width: 67px;
    height: 69px;
    background: url('../images/category-left-submit.png') no-repeat center center #153373;
    border:none;
}

.category-product-page .category-left .side-category-title {
    padding: 0 26px;

    font-family: Montserrat;
    font-weight: 700;
    color: #000;
    margin-top: 36px;
    margin-bottom: 21px;
}

.category-product-page .category-left .side-category-list {
    font-family: Montserrat;
}
.category-product-page .category-left .side-category-list li a {
    display: block
}

.category-product-page .category-left .side-category-list>li>a {
    font-weight: 700;
    color: #000;
    padding: 12px 30px;
    position: relative;
    z-index: 1;
    font-size:18px;
}

.category-product-page .category-left .side-category-list>li>a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/side-category-list-bg.png") no-repeat left center;
    opacity: 0;
    z-index: -1;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.category-product-page .category-left .side-category-list>li>a:hover:before {
    opacity: 1
}

.category-product-page .category-left .side-category-list>li>a.active:before {
    opacity: 1
}

.category-product-page .category-left .side-category-list>li .side-category-list1 li:last-child a {
    border: none
}

.category-product-page .category-left .side-category-list>li .side-category-list1 li a {
    font-weight: 700;
    color: #6b6b6b;
    opacity: .52;
    padding: 9px 45px;
    border-bottom: 1px solid rgba(198,198,198,.16);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.category-product-page .category-left .side-category-list>li .side-category-list1 li a.active {
    color: var(--index-color1);
    opacity: 1
}

.category-product-page .category-left .side-category-list>li .side-category-list1 li a:hover {
    color: var(--index-color1);
    opacity: 1
}


.category-product-page .category-right {
    width: -webkit-calc(100% - 342px);
    width: -moz-calc(100% - 342px);
    width: calc(100% - 342px);
    padding-left: 35px;
}

.category-product-page .category-right {
    width: -webkit-calc(100% - 342px);
    width: -moz-calc(100% - 342px);
    width: calc(100% - 342px);
    padding-left: 35px
}

.category-product-page .category-right h1 {
    font-family: Montserrat;
    font-weight: 700;
    margin-bottom: 26px
}

.category-product-page .category-right .all-product-list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -20px
}

.category-product-page .category-right .all-product-list li {
    width: 33.333%;
    margin-bottom: 94px;
    padding-right: 20px
}

.category-product-page .category-right .all-product-list li .box {
    border: 2px solid rgba(218,218,218,.4);
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px
}

.category-product-page .category-right .all-product-list li .box:hover a.title {
    color: var(--index-color1)
}

.category-product-page .category-right .all-product-list li .box a.img {
    display: block;
    text-align: center
}

.category-product-page .category-right .all-product-list li .box a.title {
    display: block;
    text-align: center;
    margin: 54px 15px 12px;
    font-weight: 700;
    height: 54px
}

.category-product-page .category-right .all-product-list li .box .intro {
    color: #7e7e7e;
    max-width: 281px;
    margin: 0 auto 29px;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 54px
}

.category-product-page .category-right .all-product-list li .box a.category-btn {
    position: relative;
    -webkit-transition: width .3s,background-color .3s;
    -moz-transition: width .3s,background-color .3s;
    transition: width .3s,background-color .3s;
    width: 60px;
    height: 60px;
    background-color: #d4d4d4;
    border-radius: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 26px;
    padding-right: 7px;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    margin: 0 auto -30px
}

.category-product-page .category-right .all-product-list li .box a.category-btn .plus {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-family: Montserrat;
    font-weight: 700;
    color: #fff;
    z-index: 2;
    font-size: 20px
}

.category-product-page .category-right .all-product-list li .box a.category-btn:hover {
    background-color: var(--index-color1);
    width: 176px
}

.category-product-page .category-right .all-product-list li .box a.category-btn:hover .plus {
    display: none
}

.category-product-page .category-right .all-product-list li .box a.category-btn:hover span {
    display: block;
    position: absolute;
    left: 26px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    white-space: nowrap
}

.category-product-page .category-right .all-product-list li .box a.category-btn:hover .circle {
    background: #fff
}

.category-product-page .category-right .all-product-list li .box a.category-btn:hover .circle i {
    color: var(--index-color1)
}

.category-product-page .category-right .all-product-list li .box a.category-btn span {
    color: #fff;
    display: none
}

.category-product-page .category-right .all-product-list li .box a.category-btn .circle {
    width: 46px;
    height: 46px;
    background-color: #d4d4d4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    position: relative
}

.category-product-page .category-right .all-product-list li .box a.category-btn .circle i {
    color: #d4d4d4;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}


.detail-product-page {
    padding-top: 8.75vw
}

.detail-product-page .detail-page-wrap1 .ui.container {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.detail-product-page .detail-page-wrap1 .detail-left {
    width: 46%
}

.detail-product-page .detail-page-wrap1 .detail-left .big-slide-ul {
    margin-bottom: 29px
}

.detail-product-page .detail-page-wrap1 .detail-left .big-slide-ul li a {
    display: block;
    border: 2px solid rgba(218,218,218,.4)
}
img {
    vertical-align: top;
    border: 0;
    max-width: 100%;
    height: auto;
}
.detail-product-page .detail-page-wrap1 .detail-left .small-slide-box {
    position: relative
}

.detail-product-page .detail-page-wrap1 .detail-left .small-slide-box .small-slide-prev,.detail-product-page .detail-page-wrap1 .detail-left .small-slide-box .small-slide-next {
    height: 53px;
    width: 53px;
    border-radius: 50%;
    border: 1px solid var(--index-color1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--index-color1);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    background: 0 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3
}

.detail-product-page .detail-page-wrap1 .detail-left .small-slide-box .small-slide-prev {
    left: -60px
}

.detail-product-page .detail-page-wrap1 .detail-left .small-slide-box .small-slide-next {
    right: -60px
}

.detail-product-page .detail-page-wrap1 .detail-left .small-slide-box .small-slide-prev:hover,.detail-product-page .detail-page-wrap1 .detail-left .small-slide-box .small-slide-next:hover {
    background: var(--index-color1);
    color: #fff
}

.detail-product-page .detail-page-wrap1 .detail-left .small-slide-ul {
    margin: 0 -11px
}

.detail-product-page .detail-page-wrap1 .detail-left .small-slide-ul .slide-box {
    display: block;
    margin: 0 11px;
    border: 2px solid rgba(218,218,218,.4)
}

.detail-product-page .detail-page-wrap1 .detail-right {
    margin-top: 22px;
    width: 47%
}

.detail-product-page .detail-page-wrap1 .detail-right .product-desc p {
    font-size: 18px
}

.detail-product-page .detail-page-wrap1 .detail-right .product-desc ul li {
    font-size: 16px;
    padding-left: 20px;
    position: relative
}

.detail-product-page .detail-page-wrap1 .detail-right .product-desc>ul>li:after {
    position: absolute;
    left: 0;
    top: 9px;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--index-color1)
}

.detail-product-page .detail-page-wrap1 .detail-right .t-text {
    color: var(--index-color1)
}

.detail-product-page .detail-page-wrap1 .detail-right .product-name {
    font-family: Montserrat;
    margin-top: 9px;
    margin-bottom: 2.604167vw;
    font-weight: 700;
    line-height: 1
}

.detail-product-page .detail-page-wrap1 .detail-right .product-intro {
    color: var(--index-color2);
    line-height: 1.333;
    max-width: 647px;
    margin-bottom: 2.291667vw
}

.detail-product-page .detail-page-wrap1 .detail-right .product-desc .desc-title {
    font-family: Montserrat;
    margin-bottom: 13px;
    font-weight: 700
}

.detail-product-page .detail-page-wrap1 .detail-right .product-desc p,.detail-product-page .detail-page-wrap1 .detail-right .product-desc span,.detail-product-page .detail-page-wrap1 .detail-right .product-desc li,.detail-product-page .detail-page-wrap1 .detail-right .product-desc * {
    white-space: wrap
}

.detail-product-page .detail-page-wrap1 .detail-right .product-desc .desc-list {
    color: var(--index-color2);
    line-height: 1.666
}

.detail-product-page .detail-page-wrap1 .detail-right .product-desc .desc-list li {
    position: relative;
    padding-left: 15px
}

.detail-product-page .detail-page-wrap1 .detail-right .product-desc .desc-list li:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background-color: var(--index-color1);
    border-radius: 50%
}

.detail-product-page .detail-page-wrap1 .detail-right .product-btns {
    border-top: 1px solid rgba(122,122,122,.22);
    border-bottom: 1px solid rgba(122,122,122,.22);
    padding-top: 22px;
    padding-bottom: 22px;
    margin-top: 40px;
    margin-bottom: 30px
}

.detail-product-page .detail-page-wrap1 .detail-right .product-btns .public-btn {
    width: 149px;
    height: 49px;
    padding-left: 20px;
    padding-right: 6px
}

.detail-product-page .detail-page-wrap1 .detail-right .product-btns .public-btn:first-child {
    margin-right: 17px
}

.detail-product-page .detail-page-wrap1 .detail-right .product-btns .public-btn span {
    font-size: 12px;
    padding-right: 0
}

.detail-product-page .detail-page-wrap1 .detail-right .product-btns .public-btn .circle {
    width: 39px;
    height: 39px
}

.detail-product-page .detail-page-wrap1 .detail-right .social {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.detail-product-page .detail-page-wrap1 .detail-right .social .title {
    color: var(--index-color1);
    margin-right: 16px
}

.detail-product-page .detail-page-wrap1 .detail-right .social ul.df a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #010101;
    border: 1px solid #010101;
    margin-right: 7px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.detail-product-page .detail-page-wrap1 .detail-right .social ul.df a i {
    color: #fff;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.detail-product-page .detail-page-wrap1 .detail-right .social ul.df a:hover {
    background-color: transparent
}

.detail-product-page .detail-page-wrap1 .detail-right .social ul.df a:hover i {
    color: #010101
}

.detail-product-page .detail-page-wrap2 {
    margin-top: 5.104167vw
}

.detail-product-page .detail-page-wrap2 .tab-items {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid rgba(122,122,122,.37);
    margin-bottom: 5.104167vw
}

.detail-product-page .detail-page-wrap2 .tab-items li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #202020;
    font-weight: 700;
    font-family: Montserrat;
    padding: 18px 34px 17px 17px;
    border-radius: 14px 14px 0 0;
    margin: 0 30px;
    cursor: pointer
}

.detail-product-page .detail-page-wrap2 .tab-items li.active {
    background-color: var(--index-color1);
    color: #fff
}

.detail-product-page .detail-page-wrap2 .tab-items li .icon {
    margin-right: 20px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.detail-product-page .detail-page-wrap2 .tab-contents{padding:0 0 80px;}
.detail-product-page .detail-page-wrap2 .tab-contents p{line-height:36px;}
.detail-product-page .detail-page-wrap2 .tab-contents>li {
    display: none
}

.detail-product-page .detail-page-wrap2 .tab-contents>li:nth-child(2) ul li {
    position: relative;
    padding-left: 20px
}

.detail-product-page .detail-page-wrap2 .tab-contents>li:nth-child(2) ul li:after {
    position: absolute;
    left: 0;
    top: 11px;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--index-color1)
}

.detail-product-page .detail-page-wrap2 .tab-contents>li:first-child {
    display: block
}

.detail-product-page .detail-page-wrap2 .tab-contents>li table {
    border-collapse: unset
}

.detail-product-page .detail-page-wrap2 .tab-contents>li table tr {
    font-size: 18px;
    font-family: Montserrat;
    color: #505050;
    font-weight: 600
}

.detail-product-page .detail-page-wrap2 .tab-contents>li table tr:first-child {
    font-size: 18px;
    font-weight: 700;
    font-family: Montserrat;
    color: #505050
}

.detail-product-page .detail-page-wrap2 .tab-contents>li .table1 table tr:nth-child(n+2) td:first-child {
    width: 40%!important
}

.detail-product-page .detail-page-wrap2 .tab-contents>li .table1 table tr:nth-child(n+2) td:last-child {
    width: 60%!important
}

.detail-product-page .detail-page-wrap2 .tab-contents>li table tr:first-child {
    background-color: #00a58d
}

.detail-product-page .detail-page-wrap2 .tab-contents>li table tr:first-child {
    color: #fff
}

.detail-product-page .detail-page-wrap2 .tab-contents>li table tr td {
    padding-top: 35px;
    padding-bottom: 25px;
    text-align: center
}

.detail-product-page .detail-page-wrap2 .tab-contents>li table tr td:first-child {
    border-right: 2px solid transparent
}

.detail-product-page .detail-page-wrap2 .tab-contents>li table tr:first-child td:first-child {
    border-right: 2px solid var(--index-header-color)
}

.detail-product-page .detail-page-wrap2 .tab-contents>li table tr td:last-child {
    border-left: 1px solid transparent
}

.detail-product-page .detail-page-wrap2 .tab-contents>li table td {
    border: none
}

.detail-product-page .detail-page-wrap3 {
    margin-top: 8.958333vw!important;
    margin-bottom: 8vw!important
}

.detail-product-page .detail-page-wrap4 {
    margin-top: 324px;
    padding-bottom: 858px;
    position: relative
}

.detail-product-page .detail-page-wrap4 .ui.container {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.detail-product-page .detail-page-wrap4 .left {
    color: var(--index-color1)
}

.detail-product-page .detail-page-wrap4 .left .public-title {
    margin-bottom: 14px
}

.detail-product-page .detail-page-wrap4 .right {
    color: var(--index-color1);
    max-width: 900px;
    margin-left: 25px
}

.detail-product-page .detail-page-wrap4 .right p {
    margin-bottom: 22px
}

.detail-product-page .detail-page-wrap4 a.play {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 361px;
    display: block;
    z-index: 2;
    width: 89px;
    height: 89px
}

.detail-product-page .detail-page-wrap4 a.play .circle {
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    position: relative;
    z-index: 3
}

.detail-product-page .detail-page-wrap4 a.play .circle i {
    color: var(--index-color1);
    font-size: 26px
}

.detail-product-page .detail-page-wrap4 a.play:before,.detail-product-page .detail-page-wrap4 a.play:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff
}

.detail-product-page .detail-page-wrap4 a.play:before {
    opacity: .43;
    z-index: 2;
    -webkit-animation: change-big2 1s infinite;
    -moz-animation: change-big2 1s infinite;
    animation: change-big2 1s infinite
}

.detail-product-page .detail-page-wrap4 a.play:after {
    opacity: .23;
    z-index: 1;
    -webkit-animation: change-big21 1s infinite;
    -moz-animation: change-big21 1s infinite;
    animation: change-big21 1s infinite
}

.detail-product-page .detail-page-wrap5 .top {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.detail-product-page .detail-page-wrap5 .top .public-title {
    margin-bottom: 12px
}

.detail-product-page .detail-page-wrap5 .top .public-btn {
    margin-top: 15px
}

.detail-product-page .detail-page-wrap5 .honor-list {
    margin: 0 -10vw 0 -22px
}

.detail-product-page .detail-page-wrap5 .honor-list .slide-box {
    display: block;
    margin: 0 22px
}
table {
    margin-bottom: 20px;
    word-break: break-word;
    width: 100% !important;
    height: auto !important;
    display: block;
    overflow: auto;
}
table tbody {
    display: table;
    width: 100% !important;
    min-width: 1000px;
}
table tr:nth-child(2n) {
    background: #eaeaea;
}

.detail-product-page1 {
    padding-top: 9.895833333333333vw
}

.detail-product-page1 .detail-page1-wrap1 .intro {
    max-width: 1020px;
    text-align: center;
    margin: 38px auto 0;
    color: #989898;
    line-height: 1.222
}

.detail-product-page1 .detail-page1-wrap1 .content {
    margin-top: 6.197916666666667vw;
    padding-bottom: 4.895833333333333vw
}

.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 4.947916666666667vw
}

.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .text {
    background-color: rgba(250,250,250,.85);
    -webkit-box-shadow: -2px 3px 48px 1px rgba(39,39,39,.16);
    box-shadow: -2px 3px 48px 1px rgba(39,39,39,.16);
    border-radius: 20px;
    padding-top: 4.166666666666667vw;
    padding-bottom: 4.635416666666667vw;
    position: absolute;
    z-index: 2;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    width: 52%
}

.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .text:hover {
    background-color: rgba(0,165,141,.85)
}

.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .text:hover .title {
    color: #fff
}

.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .text:hover .title span {
    color: #fff
}

.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .text:hover .list-intro {
    color: #fff
}

.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .text .title {
    max-width: 595px;
    font-weight: 700;
    font-family: Montserrat;
    line-height: 1;
    margin-bottom: 38px;
    display: block;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .text .title span {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    color: var(--index-color1)
}

.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .text .list-intro {
    max-width: 595px;
    display: -webkit-box;
    -webkit-line-clamp: 15;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--index-color1);
    line-height: 1.222;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    min-height: 88px
}

.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .img {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 8px rgba(0,0,0,.2);
    background: #fff
}

.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .img .img-wrap {
    display: block;
    position: relative
}

.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .img .img-wrap .img1 {
    opacity: 0
}

.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .img .img-wrap .img2 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-height: 100%
}

.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .img a.play {
    position: absolute;
    display: block;
    z-index: 2;
    width: 48px;
    height: 48px
}

.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .img a.play .circle {
    width: 100%;
    height: 100%;
    background-color: rgba(0,165,141,.67);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    position: relative;
    z-index: 3
}

.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .img a.play:before,.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .img a.play:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #00a58d
}

.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .img a.play:before {
    opacity: .43;
    z-index: 2;
    -webkit-animation: change-big2 1s infinite;
    -moz-animation: change-big2 1s infinite;
    animation: change-big2 1s infinite
}

.detail-product-page1 .detail-page1-wrap1 .content .img-text-lis>li .img a.play:after {
    opacity: .23;
    z-index: 1;
    -webkit-animation: change-big21 1s infinite;
    -moz-animation: change-big21 1s infinite;
    animation: change-big21 1s infinite
}

.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li:nth-child(odd) .text {
    right: 0;
    padding-right: 3.90625vw;
    padding-left: 2.916666666666667vw
}

.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .text ul li {
    padding-left: 20px;
    position: relative
}

.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .text ul li:after {
    position: absolute;
    left: 0;
    top: 9px;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--index-color1);
    transition: .3s
}

.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .text:hover ul li:after {
    background-color: #fff
}

.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li:nth-child(odd) .img a.play {
    left: 50px;
    bottom: 63px
}

.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li:nth-child(even) {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li:nth-child(even) .text {
    left: 0;
    padding-right: 5.625vw;
    padding-left: 3.64583333333333vw
}

.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li:nth-child(even) .img a.play {
    right: 53px;
    bottom: 42px
}

.seoPublic .title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1em
}

.seoPublic>div {
    padding:0 0 60px 0;float:left;width:100%
}
.seoPublic .Auxil-form .form ul {
    margin: -10px
}

.seoPublic .Auxil-form .form ul li {
    padding: 10px;float:left;
}
*, ::after, ::before {
    box-sizing: border-box;
    outline: none;
}
.seoPublic .Auxil-form .form ul li input,.seoPublic .Auxil-form .form ul li textarea {
    display: block;
    width: 100%;
    border: 1px solid #eee;
    font-size: 16px;
    padding: 8px 15px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.seoPublic .Auxil-form .form ul li input:focus,.seoPublic .Auxil-form .form ul li textarea:focus {
    border-color: var(--index-main-color)
}

.seoPublic .Auxil-form .form ul li.wid-100 {
    width: 100%
}

.seoPublic .Auxil-form .form ul li input[type=submit] {
    width: auto;
    display: inline-block;
    padding-left: 25px;
    padding-right: 25px;
    background: var(--index-main-color);
    color: #f5f5f5;
    border: none
}

.seoPublic .Auxil-form .form ul li input[type=submit]:hover {
    background: #222
}
.grid-box.two > .column {
    width: 50%;
}


.contact-page .contact-information {
    padding-top: 10.98958333vw;
    padding-bottom: 6.666vw;
    background: url("../images/contact-information-bg.png") no-repeat center 100%
}

.contact-page .contact-information .ui.container {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.contact-page .contact-information .left {
    margin-top: 25px
}

.contact-page .contact-information .left .intro {
    color: var(--index-color1);
    margin-top: 2.08333vw;
    margin-bottom: 2.1875vw;
    max-width: 676px;
    line-height: 1.222
}

.contact-page .contact-information .left .social-account {
    margin-bottom: 4.94791666vw
}

.contact-page .contact-information .left .social-account li:first-child a i {
    font-size: 28px
}

.contact-page .contact-information .left .social-account a {
    width: 51px;
    height: 51px;
    border: 1px solid #434343;
    border-radius: 50%;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    color: #434343;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 12px
}

.contact-page .contact-information .left .social-account a i {
    font-size: 24px
}

.contact-page .contact-information .left .social-account a:hover {
    border-color: #010101;
    background: #010101;
    color: #fff
}

.contact-page .contact-information .left .qr li {
    text-align: center
}

.contact-page .contact-information .left .qr li:first-child {
    margin-right: 30px
}

.contact-page .contact-information .left .qr .title {
    font-weight: 700;
    font-family: Montserrat
}
.contact-page .contact-information .right{}
.contact-page .contact-information .right .information-list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contact-page .contact-information .right .information-list li:nth-child(2) {
    border-top: 1px solid rgba(131,131,131,.27);
    border-bottom: 1px solid rgba(131,131,131,.27)
}

.contact-page .contact-information .right .information-list li .icon {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.contact-page .contact-information .right .information-list li .list-right {
    margin-left: 26px;
    padding-top: 2.34375vw;
    padding-bottom: 2.6041666vw;
    padding-right: 2.8125vw
}

.contact-page .contact-information .right .information-list li .list-right .title {
    font-weight: 700;
    margin-bottom: 14px
}

.contact-page .contact-information .right .information-list li .list-right .list-intro {
    color: rgba(0,0,0,.53);
    line-height: 1.55;
    max-width: 416px
}


.cobg{width:100%;background:#f9f9f9;display:flex;flex-wrap:wrap;float:left;padding:0 0 50px;}
.co{width:1440px;margin:0 auto;min-width:1440px;background:url(../images/cobg.png) repeat-y left;display:block;}
.main{width:100%;margin:0 auto;min-width:100%;background:#F4F7F7;float:left;}
.col{width:240px;float:left;position:relative;background:#fff;}
.cor{float:right;width:920px;background:#fff;padding:0 100px;}
.coksr{float:right;width:1160px;}
.cokrinto{float:left;width:450px;padding:0 0 0 30px;}
.cname{color:#fff;width:230px;height:42px;line-height:42px;padding:0 0 0 10px;background:#32C3DF;}
.cname h4{font-size:18px;background:url(../images/cname.png) no-repeat 0 center;padding:0 0 0 30px;}
.pnavtit{ display:none;}


.local{height:72px;line-height:72px;width:100%;color:#666;font-size:16px;background:#f9f9f9;}
.local span{background:url(../images/local.png) no-repeat 0px center;background-size:auto 18px;padding:0 0 0 20px;}
.local a{color:#666;}.local a:hover{color:#32C3DF;}

.snav{padding:0;margin-bottom:0;position:relative;}
.snav ul li{display:inline;float:none;position:relative;}
.snav ul li a{font-size:16px;color:#222;padding:10px 28px;display:inline-block;-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;position:relative;border:none;cursor:pointer!important;}

.snav ul li a:before {position:absolute;content:"";left:0;bottom:-1px;width:0%;height:1px;background:#222;-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}

.snav ul li.active a ,.snav ul li:hover a{border:none;background:none;font-weight:bold;}


.coltitle{position: relative;display: flex;justify-content: center;align-items: center;height:60px;color: #fff;font-size:20px;background-color: #1e2e53;}
.coltitle::before{content: '';position: absolute;left: 0;top: 0;width: 10px;height: 100%;background-color: #bd0918;}

.cortitle   {position:relative;height:80px;line-height:80px;color:#1e2e53;font-size:20px;}

.piclist{margin-top:60px;}
.piclist ul li{overflow:hidden;float:left;width:32%;margin:0 2% 2% 0;border-radius:4px;box-shadow: 1px 5px 7px 0px rgba(31, 31, 31, 0.08);}
.piclist ul li a{display: block;}
.piclist ul li:nth-child(3n){margin-right:0;}
.piclist ul li .txt{}


.pnav{float:left;width:90%;padding:0 5%;}
.pnav ul li{float:left;width:100%;animation: slideInLeft ease-out 0s forwards;-webkit-animation: slideInLeft ease-out 0s forwards;position: relative;}
.pnav ul li.on a{z-index:1;color:#2d4272;font-weight:bold;}
.pnav ul li ul{display:none;position:absolute;z-index:9999;left:0;width:150px;}
.pnav ul li ul li{float:left;display:block;position:relative;_display:inline;}
.pnav ul li ul li a{display:block;width:150px;background:#dbeff3;color:#fff;}
.pnav ul li ul li a:hover{background:#00995E}
.pnav a{padding:15px 20px;position:relative;text-align:center;overflow: hidden;font-size:18px;color:#666;display:block;margin:0;border-bottom:1px solid #E4E4E4}
.pnav a:hover,.pnav a.act{color:#fff;}
.pnav a.act{background:#333;}
.pnav a,.pnav a:before,.pnav a:after,.pnav ul li.on a{box-sizing: border-box;-webkit-transition: 0.5s;transition: 0.5s;}
.pnav a:before {content:'';position:absolute;top:0;left:0;width:0;height:100% !important;background:#2d4272;z-index:-1;}
.pnav a:hover:before{width:100%;color:#fff;}
.pnav ul li.on a:hover{width:100%;color:#fff;}
.pnav a:active {background:#333;}
.pnav a.current{background:#2d4272;color:#fff;}
.pnav ul li:hover ul{display:block;}

.anav{text-align:center;height:58px;line-height:58px;width:100%;position: relative;}
.anav:after{content:""; position: absolute;bottom:0px;left:0;width:100%;border-bottom:2px solid #ddd; z-index:0;}
.anav a{font-size:15px;margin:0 18px;padding:18px 10px;position: relative;z-index: 1;color:#333;}
.anav a:hover,.anav a.act{border-bottom:2px solid #2d4272;color:#666;}
.about{width:960px;padding:20px 0 0;}
.aboutcon{float:left;width:100%;line-height:24px;padding:40px 0}
.aboutcon td{padding:5px 0 5px 5px;font-size:14px;border:1px solid #ccc;}
.aboutcon img{max-width:100%;height:auto;}
.aboutfzt{font-size:24px;color:#E80200;text-align: center;padding:20px 0 25px;}
.contact{width:50%;float:left}
.contact h2{width:100%;font-size:24px;color:#2d4272;font-weight:bold;padding:0 0 10px 0;}
.contact p{font-size:18px;padding:10px 0;}
.maps{width:49%;height:350px;float:left;border:1px solid #ccc;}
.maptxta{width:200px;height:120px;font-size:12px;}
.maptxta .company,.maptxtb .company{font-size:14px;color:#2d4272;padding:0 0 0 5px;}
.maptxtb{width:300px;height:110px;font-size:12px;}

/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-size:12px;margin:20px 0 50px;}
.page_list li{display:inline-block;}
.page_list a{display:inline-block;color:#333;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 3px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list .active span{color:#333;border:1px solid #ccc;background:#ccc;text-align:center;padding:0 8px;margin:0 1px;display: inline-block;}
/*页脚区域*/
.footer{background:#2a2b2b;width:100%;float:left;clear:both;color:#fff;padding:3% 0 2%;display:block;}
.footer .flogo{width:266px;height:76px;float:left;}
.footer .flogo a{background:url(../images/foot-logo.png) no-repeat;width:266px;height:76px;background-size:auto 76px;display:block;text-indent:-9999px;}
.footer .ftel{font-size:32px;line-height:30px;padding:20px 0;float:left;}
.footer .ftel span{font-size:12px;padding:15px 0;}
.footer .fnav{float:left;margin:1% 0 0 5%;width:65%;}
.footer .fnav dl{float:left;padding:0 6% 0 0;}
.footer .fnav dt{font-size:18px;padding:0 0 10px;}
.footer .fnav dd{font-size:18px;line-height:30px;}
.footer .fnav dd a{color:#fff;}.footer .fnav dd a:hover{color:#999;}
.footer .weixin {text-align:center;float:right;width:8%;}
.footer .weixin p{font-size:14px;}
.footer .weixin img {width:90%;padding:5%;background:#fff;}
.footnav {display: none;}
.copy{width:100%;float:left;clear:both;color:#fff;background:#2a2b2b;padding:1% 0;border-top:1px solid #5c5d5f;}
.copy span{float:right;width:50%;text-align:right;}
.copy span a{margin:0 0 0 5%;}
.copy p{float:left;}
.copy a{color:#fff;}
.copy a:hover{color:#999}
/*Top按钮*/
.middle{ font-size: 0;}
.middle:after{ content: ''; display: inline-block; vertical-align: middle; height: 100%;}
.middle-cont{ display: inline-block; vertical-align: middle; font-size:12px; letter-spacing: 0;}
.rightnav { position: fixed; right: 0; top:50%; width:50px; z-index: 99; margin-top: -190px; }
.rightnav .item {cursor: pointer; width:50px; height:50px;background: #fff; border-radius: 5px; position: relative; margin-bottom: 6px; -webkit-box-shadow: 0px 0px 59px 0px rgba(19, 40, 83, 0.1); box-shadow: 0px 0px 59px 0px rgba(19, 40, 83, 0.1); }
.rightnav .item img{width:100%;height:auto;}
.rightnav .tit { font-size: 14px; color: #fff; text-align: center; opacity: 0; border-radius: 5px;position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #1e2e53; line-height: 20px; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; }
.rightnav .middle { width: 100%; height: 100%; }
.rightnav .shows{position:absolute;left:-160px;top:0px;width:140px;background:#fff;-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.2); box-shadow:0px 0px 3px rgba(0,0,0,0.2);display:none;line-height:24px;padding:10px;text-align:center;font-size:18px;color:#333;}
.rightnav .shows:after{content:''; position:absolute; top:28px; right:-6px; width:0; height:0; margin-left:-6px; border:6px solid transparent; border-right:0; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;border-left-color:rgba(255,255,255,0.5);}
.rightnav .shows p{color:#333;font-size:14px;}
.rightnav .item:hover .tit { opacity: 1; }
.rightnav .item:hover .shows,.rightnav .item:hover .show,.rightnav .item:hover .showsb{display:block;}
.gotop1 { -webkit-transition: all 0.8s ease; transition: all 0.8s ease; opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); visibility: hidden; cursor: pointer; }
.gotop1.show { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; }

@media (max-width:1680px) {

}
@media (max-width:1440px) {

}
@media (max-width:1366px) {

}
@media (max-width:1280px) {

}

@media (max-width:960px) {
    .bl10 {height:0px;}
    .bl20 {height:5px;}
    .bl30 {height:5px;}
    .bl40 {height:5px;}
    .bl50 {height:10px;}
    .bl60 {height:0px;}
    .bl80 {height:10px;}
    .bl100 {height:10px;}
    body{font-size:12px;}
    .wrap,.head .wrap{width:96%;min-width:96%;padding:0 2%;}
    .top h2,.top .topnav,.head .brand,.navbg,.head .tel span{display:none;}
    .head{height:60px;}
    .head .logo{width:133px;height:50px;margin:5px 0 0 5px;}
    .head .logo h1 a{background-size:auto 50px;width:133px;height:50px;}
    .head .tel{right:50px;top:15px;height:30px;padding:0;background:none;}
    .head .tel p a{ background:url(../images/tel.png) no-repeat;text-indent:9999px;overflow:hidden;display:block;width:30px;height:30px;background-size:auto 30px;}
    .head .menu{background:url(../images/nav.png) no-repeat;text-indent:-9999px;display:block;width:25px;height:25px;position:absolute;top:19px;right:10px;background-size:25px auto;}

    .banners {height:180px;position:relative;}
    .banner li {height:180px;}
    .banner a{height:180px; background-size:auto 180px;}
    .banner .slick-arrow{top:35%;}
    .banner .slick-dots{bottom:15px;}
    .banner .slick-dots li{margin:0 3px;}

    .title{margin:10px 0;}
    .title h3{font-size:24px;height:50px;line-height:50px;position:relative;z-index:1;}
    .title p{padding:10px 0 0;}

    .numCount li{width:33.3333%;}
    .numCount li .numCX{font-size:30px;}

    .iprobg{padding:10px 0;}

    .ipnav{margin:10px 0;}
    .ipnav a{font-size:12px;margin:10px;padding:10px;border-radius:4px;}
    .ipnav a:hover{color:#fff;background:#016db6;}
    .indexpro,.indexcase,.friendli{width:100%;left:0;overflow:hidden;}
    .indexpic .slick-slide,.indexcase .slick-slide,.friendli .slick-slide{padding:5px;}
    .indexpro .slick-dots,.indexcase .slick-dots,.friendli .slick-dots{bottom:0px;}
    .indexpro .slick-dots li,.indexcase .slick-dots li,.friendli .slick-dots li{width:6px;height:6px;margin:0 2px;}
    .ipic .pic{height:114px;}
    .friend{padding:10px 0 20px;}
    .friendli .ipic img{width:100%;}



    .ipic p{padding:10px 2%;width:96%;font-size:14px;}
    .oem{width:96%;margin:20px 0;padding:0 2%;}
    .oem ul li{padding:5px 0;}
    .oem ul li .txt{width:71%;padding:0;}
    .oem ul li .txt h4{font-size:14px;}
    .oem ul li .txt h4 span{font-size:16px;}
    .oem ul li .txt p{font-size:10px;line-height:20px;padding:5px 0 0;}
    .oem ul li .pic{width:25%;padding:0 2%;}

    .iaboutbg{margin:10px 0;padding:20px 0;}
    .iabout{width:80%;float:none;height:auto;padding:5%;margin:0 auto;}
    .iabout h4{font-size:18px;height:40px;line-height:40px;}
    .iabout h4:after{width:35px;height:1px;}
    .iabout p{font-size:12px;padding:10px 0 0;line-height:21px;}
    .iabout span{margin:10px 0 0;padding:5px 0;}
    .iabout span a{width:100px;height:30px;font-size:12px;line-height:30px;}

    .inewsli ul li{float:left;width:48%;margin:0 4% 4% 0;}
    .inewsli ul li:nth-child(2n){margin-right:0;}
    .inewsli ul li .pic{height:100px;}
    .inewsli ul li h3{padding:5px 0;font-size:14px;}
    .inewsli ul li p{font-size:10px;height:30px;overflow:hidden;line-height:15px;}
    .inewsli ul li span{display:none;}
    /*分页样式*/
    .page_list{height:24px;line-height:24px;font-size:10px;margin:10px 0;}
    .page_list a{padding:0 5px;margin:0 1px;}
    .page_list .active span{padding:0 5px;}

    /*页脚区域*/
    .footer{padding:2% 2% 60px;height:auto;width:96%}
    .footer .footerl{width:30%;}
    .footer .fnav{width:100%;}
    .footer .fnav dt{font-size:14px;}
    .footer .fnav dd{font-size:12px;}
    .footer .weixin{float:left;width:100%;padding:20px 0 0;}
    .footer .weixin p{font-size:14px;padding:0 0 10px;}
    .footer .weixin img {width:50%;padding:2%;}

    .footnav{position:fixed;bottom:0;left:0;width:100%;height:45px;background:#174378;z-index:1000;display:block;border-top:1px solid #3089ef;}
    .footnav a{width:25%;line-height:15px;display: block; text-align: center;float:left;padding:5px 0 0 0;}
    .footnav a img{height:20px;width:auto;}
    .footnav a p{color:#fff;padding:0px;font-size:12px;}



    .rightnav{display:none;}
}
@media (max-width:768px) {


    .footer{padding:5% 5% 60px;height:auto;width:90%}
    .footer .footerl{width:100%;}
    .footer .footerc{width:100%;margin:0;}
    .footer .footerr{width:100%;}
    .footer .ftel{font-size:24px;}
}
@media (max-width:320px) {


}

@keyframes slideInLeft {
    from {
        transform:translate3d(-50%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}
@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform:translate3d(-50%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none
    }
}
@keyframes slideInUp {
    from {
        transform:translate3d(0, 50%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}
@-webkit-keyframes fadeInUp {
    from {
        -webkit-transform:translate3d(0, 50%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none
    }
}