@font-face {
	font-family:goth;
	src: url("../font/Gotham-Bold.ttf");
}

/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */select,option,
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0; font-family:goth,微软雅黑;  text-align: justify;     font-weight: normal;
}

/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
  /*  font: 12px/1 "微软雅黑"; *//*Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;*/ /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}

h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt {  } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none; }
a:hover { text-decoration: none; }

abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
}

q:before, q:after { content: ''; }

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 重置 hr */
hr {
    border: none;
    height: 1px;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }

audio, canvas, progress, video {display: inline-block;vertical-align: baseline;}
video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel {width: calc(100% + 30px); }

html,body{ height:100%; }



	.web-ie2018{ font-family: Arial,'宋体';   position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;}
	.web-ie2018 dl{    position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;}
	.web-ie2018 dl #img{    display: block;margin: 50px auto;}
	.web-ie2018 dl h3{    display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;}
	.web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;}
	.web-ie2018 dl dd{ margin: 0 auto 50px;  display: block;text-align: center; margin-bottom:50px;}
	.web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;}
	.web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;}
	.web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;}




input, button, select, textarea {outline: none;}
.clearfix:after{display:block;content:'';clear:both;visibility:hidden}



*:focus{outline:none;}
 


.pcht{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;box-sizing: border-box;padding-left: 5%;}
.pch{ position: fixed;width: 100%;height: 80px;background: #fff;top: 0;left: 0;z-index: 9999;box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
.pch .logo{ display: block;overflow: hidden;margin: 0;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;font-size: 24px;color: #0870d8;font-weight: bold;letter-spacing: 2px;height: 80px;white-space: nowrap;}
.pch .logo img{ display: block;height: 50px;width: auto;margin-right: 10px;}

.pch .right{ display: block;float: right;width: 70%;background: #0870d8;display: flex;display: -webkit-flex;-webkit-justify-content: flex-end;justify-content: flex-end;box-sizing: border-box;padding-right: 5%;}
.pch .hamburger{width: 28px;height: 20px;margin: 0;right: 5%;top: 30px;cursor: pointer;position: relative;right: 0;top: 0;}
.hamburger.is-closed .hamb-top,.hamburger.is-closed .hamb-middle,.hamburger.is-closed .hamb-bottom,.hamburger.is-open .hamb-top,.hamburger.is-open .hamb-bottom{    background-color: #fff;}
.pch .nume font{ position: relative;color: #fff;width: 50px;display: block;line-height: 20px;font-size: 16px;margin: 0 15px 0 35px;}

.pch .right .nume{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.pch .right .nume a{margin-left: 10px;}
.pch .right .nume a:first-child{margin-left: 0;}
.pch .yy{ color: #fff;width: 35px;height: 35px;border: 1px solid #eee;border-radius: 50%;font-size: 12px;line-height: 35px;text-align: center;display: block;}
.pch .buy{ box-sizing: border-box;padding-left: 100px;display: flex;display: -webkit-flex;margin-right: 30px;}
.pch .buy a{color: #fff;margin: 0 20px; display: block;float: left;overflow: hidden;position: relative;line-height: 80px;}
.pch .buy a img{ display: block;width: auto;height: 30px; opacity: 0.9;}
.pch .sidebar-nav{ padding: 10px 5%; width: 30%;top: 80px;background:rgba(8, 112, 216, 0.9);     transition: all .6s; overflow: overlay; }
.pch .sidebar-nav .sidebar-brand>a{color: #fff;font-size: 20px; margin: 0; border-bottom:1px solid #6da5dc; line-height: 50px;    padding: 0;}
.pch .sidebar-nav .sidebar-brand{ margin: 0 0 20px 0;}
.pch .sidebar-nav .sidebar-brand .activ,.pch .sidebar-nav .sidebar-brand>a:hover{ border-bottom: 1px solid #fff; }
.pch .sidebar-brand-two>a{ color: #fff;padding: 0;font-size: 16px;margin:10px 0 10px 20px;opacity: 0.8;}
.pch .sidebar-brand-two>a:hover{ color:#fff; opacity: 1; }

.pch .yy:hover{ background-color: #fff; color:#0870d8; }

.pch .sidebar-nav .sidebar-brand .xl{ margin: 0 0 30px 0; }

.pch .buy li{position: relative;}
.pch .buy li .nav02{position: absolute;box-sizing: border-box;padding: 0;z-index: 5;width: 610px;left: 0;margin-left: 0px;text-align: center;top: 51.5px;display: block;justify-content: center;flex-flow: row;white-space: nowrap;transition: all .3s;top: 80px;opacity: 0;visibility: hidden;}
.pch .buy li .nav02 a{display: inline-block;width: auto;font-size: 15px;color: #666;line-height: 40px;margin: 0;float: none;margin-right: 0;position: relative;text-align: left;padding-left: 20px;padding-right: 10px;}
.pch .buy li .nav02 a:last-child{margin-right: 0;}
.pch .buy li .nav02 a:hover{color: #0070c0;background-color: #fff;}
.pch .buy li .nav02 a:before{content: '';display: inline-block;width: 3px;height: 14px;background-color: #0070c0;position: absolute;top: 14px;left: 5px;opacity: 0;}
.pch .buy li .nav02 a:hover:before{opacity: 1}
.pch .buy li .nav02 a i{opacity: 0;transition: all .6s;}
.pch .buy li .nav02 a:hover i{opacity: 1;}
.pch .buy li .nav02{background-color: rgba(255,255,255,0.9);padding: 0;width: auto;box-shadow: 0px 0px 2px rgba(34,34,34,0.3); min-width: 180px;}
.pch .buy li .nav02 a{display: block;display: flex;justify-content: space-between;align-items: center;}

.pch .buy li:hover .nav02{opacity: 1;visibility: visible;}
.pch .buy li:after{content: '';display: block;width: 0;height: 3px;background-color: #ffffff;position: absolute;left: 0;bottom: 0;transition: all .3s;}
.pch .buy li:hover:after{width: 100%;}
.sj-language{display: none;}

.banner{ display: block;width: 100%;overflow: hidden;position: relative;height: auto; max-height:100%; background: #000; margin: 0 0 0 0; }
.banner .swiper-wrapper,.banner .swiper-container3{ height: 100%;  max-height: 100%;  }
.banner .swiper-slide{ position: relative;display: block;overflow: hidden;     max-height: 100%;}
.banner .swiper-slide img{ display: block; width: 100%;  }
.banner .swiper-slide .in-banner-txt{ position: absolute;top:50%; left:5%;width: 90%; z-index: 3; background:none; padding: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.banner .swiper-slide .in-banner-txt h3{ display: block;color: #fff;font-size: 40px;text-transform: uppercase;letter-spacing: 2px;}
.banner .swiper-slide .in-banner-txt h4{ display: block;color: #fff;text-transform: uppercase;font-size:30px; line-height: 1em; margin:20px 0 0 0; letter-spacing:4px; font-weight: normal;}
.banner .swiper-slide .in-banner-txt strong{display: block;color: #fff;font-size:60px;text-transform: uppercase;margin: 0 0 30px 0; letter-spacing:6px; font-weight: normal;text-align: left;}
.banner .swiper-slide .in-banner-txt .to-a{margin:30px 0 0 0; }

.banner .swiper-button-prev, .banner .swiper-button-next{ background:none;color: #fff;width: 17px;text-align: center;border: 0 solid #eee; font-size: 0;opacity:0.6;bottom:auto;top: auto; margin: 0; position: relative;height: auto;}
.banner .swiper-button-prev img, .banner .swiper-button-next img{ display: block;width: 100%; }
.banner .swiper-pagination-bullet{ width: 12px;height: 12px;border: 1px solid #fff;background: none; margin: 16px 10px; display: inline-block; opacity: 1; }
.banner .swiper-button-prev:hover, .banner .swiper-button-next:hover{ opacity:1; background: none; }
.banner .swiper-button-prev{left:auto;right:auto;}
.banner .swiper-button-next{right:auto;}
 
/*
.banner .banner-to{transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;display: block;font-size: 1em; position: absolute;overflow: hidden;z-index: 9;bottom: 20px;left: 50%;margin-left: -10px;}
.banner .banner-to h4{ width: 20px;height: 30px;border: 2px solid #fff;border-radius: 1em;display: block;overflow: hidden; opacity: 0.9; }
.banner .banner-to strong{ animation: downico 1.5s ease-out infinite;position: relative;display: block;line-height: 30px;width: 3px;height: 5px;background: #fff;margin:10px auto;}
.banner .banner-to:hover h4{border: 2px solid #fff; opacity:1;}
.banner .banner-to:hover strong{background: #fff;}

@keyframes downico{
	0%{top: 0;opacity: 1;}
	35%{top: 40%;opacity: 0;}
	65%{top: -40%;opacity: 0;}
	100%{top: 0;opacity: 1;}
}
*/


.banner .swiper-pagination{ width: auto;right: auto;left: auto;bottom: 0;height: 44px;position: relative;display: inline-block; margin: 0 60px; vertical-align: top;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{  margin: 15px 5px 0 5px; }

.banner .bbicon{ position: absolute;width: 100%;bottom:50px;z-index: 2; display: block; text-align: center; height: 52px; display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.banner .swiper-pagination-bullet-active{ background:#fff; }





.inabout{display: block;overflow: hidden;position: relative;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;    border-bottom: 0 solid #eee;}
.inabout .left{ width: 40%;    margin: 0 0 0 5%; }
.inabout .left .number{ display: block;overflow: hidden;margin: 50px 0; display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;} 
.inabout .left .number dl{display: flex;display: -webkit-flex;-webkit-flex-flow: column;flex-flow: column;-webkit-align-items: center;align-items: center;}
.inabout .left .number dl dd{ display: block;overflow: hidden;}
.inabout .left .number dl dd .timer{ display: block;float: left;font-size:50px;color: #0870d8;line-height: 60px;}

/*.inabout .left .number dl:nth-of-type(1) dd .timer{margin-left: -4px;}
.inabout .left .number dl:nth-of-type(5) dd .timer{margin-left: -4px;}*/
.inabout .left .number dl dd font{display: block;overflow: hidden;float: left;line-height: 60px;font-size: 20px;margin: 0 0 0 5px; color: #0870d8;}
.inabout .left .number dl dt{ display: block;font-size: 14px;color: #666;}
.inabout .left h4{display: block;overflow: hidden;font-size: 16px;text-align: justify;line-height: 30px;color: #666;letter-spacing: 0;margin: 0 0 30px 0;}
.inabout .right{display: block;width: 50%;overflow: hidden;margin: 0 0 0 0;position: relative;}
.inabout .right img{display: block;width: 100%;}
.inabout .right p{ position: absolute;bottom: 0;left: 0;background: #0870d8;padding:50px;display:none;}
.inabout .right p strong{ display: block;color: #fff;font-size: 30px;text-transform: uppercase;}
.inabout .right p span{display: block;color: #fff;text-transform: uppercase;font-size:20px; line-height: 1em; margin:20px 0 0 0; letter-spacing:0; font-weight: normal;}





.inmarket{display: block;overflow: hidden;width: 100%;margin: 0 auto;   padding:100px 0;   background: #fff;}
.inmarket .title{width: 1400px;margin: 0 auto;}
.inmarket .list{ display: block;overflow: hidden;position: relative; margin: 50px auto; width:98%; display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: top;-webkit-align-items: top;}
.inmarket .list dl{ display: block;width: 24.25%; overflow: hidden; position: relative;    border-radius: 4px;  }
.inmarket .list dl p{  display: block; overflow: hidden; }
.inmarket .list dl p img{ transition: all .6s; display: block;width:100%;}
.inmarket .list dl dd{width: 100%;position: absolute;left: 0;background-color: rgba(29, 27, 28, 0.4);box-sizing: border-box;padding: 20px;height: auto;overflow: hidden;transition: all .4s;top: 100%;transform: translateY(-70px);-webkit-transform: translateY(-70px);}
.inmarket .list dl:hover dd{background-color: rgba(58, 157, 255, 0.95);transform: translateY(-100%);-webkit-transform: translateY(-100%);}
.inmarket .list dl dd h4{display: block;overflow: hidden;box-sizing: border-box;margin-bottom: 20px;}
.inmarket .list dl dd h4 a{ color: #FFFFFF;font-size: 22px;}
.inmarket .list dl dd h5{ position: relative; display: block;overflow: hidden;margin: 0 0 12px 0;}
.inmarket .list dl dd h5 a{color: #FFFFFF;font-size: 16px;  border-bottom: 1px solid transparent;   margin: 0 0 0 10px;opacity: 0.8;}
.inmarket .list dl dd h5:after{ background: #ccc;content: " ";position: absolute;width: 4px;height: 4px;top: 10px;left: 0;border-radius: 50%;}


.imgbg{display: block;overflow: hidden; position: relative; background: url(../images/Banner-min.jpg) fixed;padding: 120px 0; background-size: cover; }
.imgbg h3{ letter-spacing: 1px;display: block;color: #fff;font-size: 30px;width: 800px;margin: 0 auto;}
.imgbg .to-a{ margin:50px auto 0;    border: 1px solid #0870d8;} 
.imgbg strong{display: block;color: #fff;font-size: 40px;text-align: center;margin: 0 0 30px 0;}



.inmarket .list dl:hover p img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.inmarket .list dl dd h5:hover{  }
.inmarket .list dl dd h5:hover a{ color: #FFFFFF; border-bottom: 1px solid #FFFFFF;opacity: 1;}
.inmarket .list dl dd h5:hover:after{ background: #FFFFFF;}

/* inmarketmin */
.inmarketmin{width: calc(100% - 40px);box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin: auto;margin-top: 30px;}
.inmarketmin .item{width: calc(100% / 5);}
.inmarketmin .item dl{ display: block;width: 100%; overflow: hidden; position: relative;border-radius: 0px;height: 100%;}
.inmarketmin .item dl p{  display: block; overflow: hidden;width: 100%;height: 100%;}
.inmarketmin .item dl p img{ transition: all .6s; display: block;width:auto;min-width: 100%;height: 100%;}
.inmarketmin .item dl dd{width: 100%;position: absolute;left: 0;background-color: rgba(29, 27, 28, 0.4);box-sizing: border-box;padding: 20px;height: auto;overflow: hidden;transition: all .4s;top: 100%;transform: translateY(-70px);-webkit-transform: translateY(-70px);}
.inmarketmin .item dl:hover dd{background-color: rgba(58, 157, 255, 0.95);transform: translateY(-100%);-webkit-transform: translateY(-100%);}
.inmarketmin .item dl dd h4{display: block;overflow: hidden;box-sizing: border-box;margin-bottom: 20px;}
.inmarketmin .item dl dd h4 a{ color: #FFFFFF;font-size: 22px;}
.inmarketmin .item dl dd h5{ position: relative; display: block;overflow: hidden;margin: 0 0 12px 0;}
.inmarketmin .item dl dd h5 a{color: #FFFFFF;font-size: 16px;  border-bottom: 1px solid transparent;   margin: 0 0 0 10px;opacity: 0.8;}
.inmarketmin .item dl dd h5 a:hover{opacity:1;}
.inmarketmin .item dl dd h5:after{ background: #ccc;content: " ";position: absolute;width: 4px;height: 4px;top: 10px;left: 0;border-radius: 50%;}

.inmarketmin .item:nth-of-type(3){width: calc((100% / 5)*2);display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;flex-flow: column;-webkit-flex-flow: column;}
.inmarketmin .item .top{width: 100%;height: calc(100% / 2);}
.inmarketmin .item .bot{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;height: calc(100% / 2);}
.inmarketmin .item .bot dl{width: calc(100% / 2);}
.inmarketmin .item02{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-flow: column;flex-flow: column;}
.inmarketmin .item02 dl{width: 100%;height: calc(100% / 2);}

 

.insolutions{display: block;overflow: hidden;width: 100%;margin: 0 auto;   padding:100px 0;   border-top: 1px solid #eee; border-bottom: 1px solid #eee;  background: #fff;}
.insolutions .title{width: 1400px;margin: 0 auto;}

.insolutions .cont{  display: block; width:100%; overflow: hidden;margin: 50px auto 0; position: relative;  }
.insolutions .swiper-slide{opacity: 0.6;position: relative; overflow: hidden; border-radius: 4px; }
.insolutions .swiper-slide img{ width: 100%; display: block; }

.insolutions .swiper-button-next03,.insolutions .swiper-button-prev03{cursor: pointer; position: absolute;top: 50%;right: 22%;z-index: 3;width: 80px;height: 80px;text-align: center;background: rgba(255, 255, 255, 0.8);border: 1px solid #0870d8;border-radius: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.insolutions .swiper-button-prev03{right: auto;left: 22%;}
.insolutions .swiper-button-next03 img,.insolutions .swiper-button-prev03 img{display: block;margin: 20px auto;width: auto;height: 40px;}

.insolutions .swiper-slide-active{opacity: 1;}

.insolutions .swiper-slide .txt{background:rgba(29, 27, 28, 0.55); position: absolute; top: 100%;width: 100%;height:auto;left: 0;z-index: 1; padding:30px 30px;transition: all .3s;box-sizing: border-box;overflow: hidden;transform: translateY(-186px);-webkit-transform: translateY(-186px);}

.insolutions .swiper-slide .imgbox{display: block;overflow: hidden;width: 100%;}
.insolutions .swiper-slide-active .txt{ background:rgba(29, 27, 28, 0.55); padding:30px 30px;} 
.insolutions .swiper-slide .txt strong{font-size: 30px;color: #fff;margin: 0 0 30px 0;display: block; font-weight: normal;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: flex-end;align-items: flex-end;border-bottom: 1px solid rgba(255, 255, 255, 0.5);padding-bottom: 30px;margin-bottom: 30px;}
.insolutions .swiper-slide .txt strong font{font-size: 14px;color: #FFFFFF;margin-left: 20px;}
.insolutions .swiper-slide .txt dd{display: block; overflow: hidden;}
.insolutions .swiper-slide .txt dd a{ display: inline-block;float: left;margin: 0 20px 20px 0;border: 1px solid #fff; color:#fff;padding: 6px 25px;font-size: 16px;border-radius: 4px;}
.insolutions .swiper-slide .txt dd a:hover {background:#fff; color:#0870d8; }
.insolutions .swiper-slide-active:hover .txt{height: auto;box-sizing: border-box;padding-top: 50px;background-color: rgba(46, 150, 255, 0.9);transform: translateY(-100%);-webkit-transform: translateY(-100%);}














.innews{  display: block;overflow: hidden;width: 100%;margin: 0 auto;   padding:100px 0;   background: #eee;}
.innews .list{ display: block; width:1200px; overflow: hidden;margin: 50px auto 0; position: relative;  }
.innews .list dd{ display: block;overflow: hidden;width: 100%;margin: 0 0 0 0;}
.innews .list dd a{display: block;overflow: hidden;  float: left;width:32%;margin: 0 2% 0 0;    border-radius: 4px; }
.innews .list dd a:last-child{ margin-right: 0; }
.innews .list dd a p{display: block;overflow: hidden;}
.innews .list dd a p img{display: block; width: 100%;transition: all .6s; }
.innews .list dd a span{ display: block;color: #0870d8;font-size: 14px;width: 120px;height: 30px;border: 1px solid #0870d8;text-align: center;line-height: 30px;margin: 0 0 20px 0; } 
.innews .list dd a font{ display: block;font-size: 20px;color: #333; text-align: left; height: 60px;overflow: hidden;overflow: hidden;text-overflow: ellipsis;}
.innews .list dd a h4{display: block;overflow: hidden;background: #fff;padding: 40px 30px 50px;} 
.innews .title{ width: 1200px; margin: 0 auto;}

.innews .to-a{margin: 30px auto;border: 1px solid #0870d8;}

.innews .list dd a:hover p img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.innews .list dd a:hover font{ color: #0870d8; }








 

.title{ display: block; overflow: hidden; position: relative;  }
.title .tt{ display: block;color:#222;font-size: 40px;line-height: 40px;font-weight: bold; }
.title .bb{ display: block;width: 50px;height: 2px; background: #999; margin: 20px 0 0 0; }
 

.to-a{ display: block;overflow: hidden;border: none; background:#0870d8; text-align: center;height: 48px;line-height: 48px;width: 180px;position: relative; border-radius: 4px;}
.to-a .t{ display: block;font-size: 14px;text-transform: uppercase;color: #fff; position: relative; z-index: 2;}
.to-a .t .fa{ font-size: 16px; margin-left: 10px; }
.to-a .b{position: absolute;width: 100%;height: 100%;background: #fff;top: 0;left: -100%;transition: all .3s;z-index:1;}
.to-a:hover{border: 1px solid #0870d8; }
.to-a:hover .b{left:0;}
.to-a:hover .t{color:#0870d8; }
 
 .inabout .left .to-a{    border: 1px solid #0870d8;}


 
 
.incj{display: none;overflow: hidden;position: relative;}
.incj dl{ display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;width: 1200px;margin: 0 auto;    position: relative; z-index: 2;}
.incj dl dd{display: block;overflow: hidden;width: 50%; padding:60px 0 60px 0;}
.incj dl dd h3{display: block;float: left;color: #fff;font-size: 20px;line-height: 52px;}
.incj dl dd .to-a{ float: left; margin: 0 0 0 50px;}
.incj dl dd h4{ display: block;color: #fff;line-height: 30px;font-size: 16px; margin: 50px 0 0 0; }
.incj dl dd:nth-child(2n){padding:80px 0 80px 80px;     width:  calc(50% - 80px);}
.incj dl dd .title .tt{ color:#fff; }
.incj dl dd .title .bb{ background: #ccc; }
.incj:before,.incj:after{ content: " ";background: #0870d8;position: absolute;width: 50%;height: 100%;top: 0;left: 0;}
.incj:after{ left: auto;right: 0;background:#332c2b;}



 
 




.footer{ background: #fff; display: block;overflow: hidden;padding:0;}
.footer .centertt{display: block;overflow: hidden; width:100%; padding:60px 0 100px;  background: #353535;}
.footer .centertt .cc{display: block;overflow: hidden; width: 1460px; margin: 0 auto; display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: top;-webkit-align-items: top; }
.footer .centertt .cc dl{display: block;overflow: hidden;}
.footer .centertt .cc dl h3{ display: block;overflow: hidden;margin: 0 0 10px 0;}
.footer .centertt .cc dl h3 a{ font-weight: bold; color: #999;font-size: 18px;cursor: default;}
.footer .centertt .cc dl dd{display: block;overflow: hidden;}
.footer .centertt .cc dl dd.fxlink{margin-bottom: 40px;}
.footer .centertt .cc dl dd h4{ display: block;overflow: hidden;margin: 10px 0;}
.footer .centertt .cc dl dd h4 a{ font-size: 14px; color: #7c7c7c;}
.footer .centertt .cc dl .bdshare-button-style0-16{ margin: 20px 0 0 0;display: block;overflow: hidden; }
.footer .centertt .cc dl .bdshare-button-style0-16 a{ display: block;float: left;background: none;padding: 0;width: 36px;height: 36px;text-align: center;line-height: 36px;border: 1px solid #7c7c7c;margin: 0 10px 0 0;color: #7c7c7c;font-size: 16px;border-radius: 4px;}
.footer .bottom{display: block;overflow: hidden; width:100%; padding:20px 0;  background: #332c2b;}
.footer .bottom dd{ display: block;overflow: hidden; width: 1460px; margin: 0 auto;  }
.footer .bottom h3,.footer .bottom h4{color: #777;   float: left; font-size: 14px;  text-align: center;}
.footer .bottom h3 a,.footer .bottom h4 a{ color: #777; font-size: 14px; margin: 0 0 0 20px; }
.footer .bottom h4{  float: right;}

.footer .bottom a:hover{ color:#fff; }
.footer .centertt .cc dl dd h4 a:hover{color:#fff;}
.footer .centertt .cc dl .bdshare-button-style0-16 a:hover{ color:#fff; border: 1px solid #fff;}


/* .totop{position: fixed;right: 0;bottom: 200px;  display: none;   z-index: 999999;}
.totop a {display: block;width: 40px;height: 40px;background-color: #007197;font-size: 30px;color: #fff;line-height: 36px;text-align: center;box-sizing: border-box;border-radius: 4px;} */

.rightfixed{width: 54px;display: block;position: fixed;right: 0;bottom: 10%;z-index: 999;}
.rightfixed a{display: block;width: 100%;height: 54px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: #0870d8;margin-bottom: 1px;}
.rightfixed a:last-child{margin-bottom: 0;}
.rightfixed a p img{display: block;width: auto;}

/* 公司简介 */
.mbx{width: 90%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);top: 30px;position: absolute;}
.mbx a{font-size: 13px;color: #fff;}
.mbx a i{margin-right: 10px;font-size: inherit;color: inherit;}
.mbx>i{font-size: 14px;color: #fff;margin: 0 20px;}
.mbx a:hover{text-decoration: underline;}
.innerbanner{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;margin-top: 80px;}
.innerbanner img{display: block;width: 100%;}
.innerbanner .text{width: 90%;position: absolute;left: 5%;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.innerbanner .text h3{font-size: 40px;color: #FFFFFF;font-weight: bold;margin-bottom: 20px;}
.databanner .text h3{margin-bottom:0;}
.innerbanner .text p{font-size: 16px;color: #FFFFFF;font-weight: bold;text-transform:uppercase;}
.productbanner .text h3{color: #222;}
.productbanner .text p{color: #666;}
.productbanner .mbx a{color: #666;}
.productbanner .mbx i{color: #666;}

/* innerwrap */
.innerwrap{width: 100%;box-sizing: border-box;overflow: hidden;}
.a-tl01{width: 950px;margin: auto;margin-bottom: 100px;text-align: center;}
.a-tl01 h3{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 20px;text-align: center;}
.a-tl01 p{font-size: 18px;color: #444444;text-align: center;}
.a-tl01 strong{display: block;width: 40px;height: 2px;background-color: #0870d8;margin: 20px auto;}
.a-tl01 h4{font-size: 16px;line-height: 30px;color: #666666;text-align: justify;text-align-last: center;}

/* about01 */
.about01wrap{width: 100%;box-sizing: border-box;padding: 140px 0;position: relative;}
.about01wrap::before{content: '';display: none;width: 90%;height: 100%;position: absolute;left: 0;top: 0;background-color: #f1f2f3;}
.about01{width: 100%;box-sizing: border-box;padding-left: 5%;padding-right: 5%;z-index: 1;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;}
.about01 .text{width: 45%;box-sizing: border-box;position: relative;z-index: 1;margin-right: -5%;}
.about01 .text .top{width: 100%;box-sizing: border-box;padding-right: 20%;margin-bottom: 40px;}
.about01 .text .top h3{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 30px;}
.about01 .text .top h4{font-size: 15px;color: #666666;line-height: 30px;text-align: justify;}
.about01 .mumping_mun01{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;background-color: rgba(0,96,171,0.8);padding: 30px 0;}
.about01 .mumping_mun01 li{width: 50%;box-sizing: border-box;text-align: center;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;padding: 20px 0;}
.about01 .mumping_mun01 li:first-child{border-right: 1px solid rgba(255,255,255,0.3);}
.about01 .mumping_mun01 li h2{font-size: 40px;color: #FFFFFF;font-weight: bold;display: flex;display: -webkit-flex;-webkit-align-items: flex-start;align-items: flex-start;}
.about01 .mumping_mun01 li:first-child h2::after{content: '+';font-size: 20px;color: #FFFFFF;font-weight: bold;margin-top: 0;}
.about01 .mumping_mun01 li h3{font-size: 15px;color: #ffffff;margin-bottom: 10px;}
.about01 .mumping_mun01 li .two{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;align-items: flex-end;-webkit-align-items: flex-end;}
.about01 .mumping_mun01 li .two p{font-size: 15px;color: #FFFFFF;margin-bottom: 7px;margin-left: 10px;}
.about01 .video{width: 60%;position: relative;z-index: 0;}
.about01 .video video{display: block;width: 100%;}

/* about03wrap */
.about03wrap{width: 100%;box-sizing: border-box;padding: 100px 0;box-sizing: border-box;background: url(../images/about_bg.jpg)no-repeat fixed;background-size: cover;}
/* .about03{width: 100%;padding: 0 10% 0 5%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;box-sizing: border-box;} */
.about03 .left{width: 34%;box-sizing: border-box;}
.about03 .left a{display:flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;border: 1px solid rgba(255,255,255,0.33);width: 100%;box-sizing: border-box;margin-bottom: 20px;position: relative;overflow: hidden;    cursor: default;}
.about03 .left a:last-child{margin-bottom: 0;}
.about03 .left a::before{content: '';display: block;width: 0;height: 0;border-top: 1px solid #FFFFFF;border-left: 1px solid #FFFFFF;position: absolute;top: 0;left: 0;transition: all .3s;opacity: 0;}
.about03 .left a::after{content: '';display: block;width: 0;height: 0;border-bottom: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;position: absolute;bottom: 0;right: 0;transition: all .3s;opacity: 0;}
.about03 .left a:hover::after,.about03 .left a:hover::before{width: 100%;height: 100%;opacity: 1;}
.about03 .left a .imgbox{width: 50%;box-sizing: border-box;overflow: hidden;}
.about03 .left a .imgbox img{display: block;width: 100%;}
.about03 .left a .text{width: 50%;box-sizing: border-box;padding: 0 30px;}
.about03 .left a .text p{font-size: 15px;color: #FFFFFF;margin-bottom: 10px;}
.about03 .left a .text h3{display: flex;display: -webkit-flex;-webkit-align-items: flex-end;align-items: flex-end;font-size: 40px;font-weight: bold;color: #FFFFFF;}
.about03 .left a .text h3 font{font-size: 15px;color: #FFFFFF;font-weight: normal;margin-bottom: 8px;margin-left:8px;}
.about03 .right{width: 55%;box-sizing: border-box;}
.about03 .right p,.about04wrap .right p{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;font-size: 14px;color: #FFFFFF;margin-bottom: 30px;}
.about03 .right p::after,.about04wrap .right p::after{content: '';display: block;width: 20px;height: 2px;background-color: #FFFFFF;margin-left: 10px;}
.about03 .right h3,.about04wrap .right h3{font-size: 24px;color: #FFFFFF;margin-bottom: 30px;font-weight: bold;}
.about03 .right h4,.about04wrap .right h4{font-size: 16px;color: #FFFFFF;line-height: 30px;text-align: justify;opacity: 0.8;}

/* 修改 */
.about03{width: 100%;box-sizing: border-box;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.about03 li{width: calc(100% / 3);box-sizing: border-box;padding: 0 10px;text-align: center;position: relative;}
.about03 li::after{content: '';display: block;width: 1px;height: 80%;background-color: #fff;position: absolute;right: 0;top: 10%;}
.about03 li img{display: block;width: auto;margin: auto;}
.about03 li h2{font-size: 48px;color: #ffffff;text-align: center;margin: 0;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;align-items: center;-webkit-align-items: center;}
.about03 li p{font-size: 15px;color: #fff;opacity: 0.75;text-align: center;}
.about03 li:nth-of-type(3) h2::after{content: '亿';font-size: 36px;color: inherit;margin-left: 10px;font-weight: normal;}
.about03 li .num{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;margin: 20px 0 10px;}
.about03 li .num font{font-size: 40px;color: #ffffff;margin-left: 10px;}



/* about04wrap */
/* .about04wrap{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;margin: 100px auto;} */
.about04wrap .left{width: 60%;box-sizing: border-box;overflow: hidden;position: relative;}
.about04wrap .left img{display: block;width: 100%;transition: all .6s;}
.about04wrap .left:hover img{transform: scale(1.1);}
.about04wrap .left .mumping_mun{width: 50%;box-sizing: border-box;background-color: rgba(0,0,0,0.1);border: 1px solid rgba(225,255,255,0.33);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);padding: 70px 0;}
.about04wrap .left .mumping_mun h2{font-size: 88px;color: #FFFFFF;font-weight: bold;text-align: center;}
.about04wrap .left .mumping_mun h2::after{content: '+';font-size: 40px;color: #FFFFFF;font-weight: bold;}
.about04wrap .left .mumping_mun p{font-size: 18px;color: #FFFFFF;margin-top: 10px;text-align: center;}
.about04wrap .right{width: 40%;box-sizing: border-box;padding: 0 120px;}
.about04wrap .right p{color: #0870d8;}
.about04wrap .right p::after{background-color: #0870d8;}
.about04wrap .right h3{color: #222222;}
.about04wrap .right h4{color: #666666;}

/* 修改 */
.about04wrap{width: 100%;box-sizing: border-box;position: relative;margin: 80px auto;}
.about04wrap .tl{font-size: 30px;color: #222222;margin-bottom: 40px;text-align: center;font-weight: bold;}
.about04 .swiper-slide {-webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;-ms-transition: transform 1.0s;-o-transition: transform 1.0s;-webkit-transform: scale(0.7);transform: scale(0.7);}
.about04 .swiper-slide .text{opacity: 0;transition: all .3s;}
.about04 .swiper-slide-active,.about04 .swiper-slide-duplicate-active {-webkit-transform: scale(1);transform: scale(1);}
.about04 .swiper-slide-active .text,.about04 .swiper-slide-duplicate-active .text{opacity: 1;}
.about04 .none-effect {-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;}
.about04 .swiper-slide a {background: #fff;padding:10px;display: block;border-radius: 14px;width: 100%;}
.about04 .swiper-slide img {width: 100%;display: block;}
.about04 .swiper-slide a .imgbox{width: 100%;overflow: hidden;}
.about04 .swiper-slide a .text{width: 100%;text-align: center;padding-top: 30px;}
.about04 .swiper-slide a .text h3{font-size: 30px;color: #222222;font-weight: bold;text-align: center;margin-bottom: 20px;}
.about04 .swiper-slide a .text h4{font-size: 16px;color: #444444;text-align: center;}
.about04wrap .about04 .swiper-scrollbar{opacity: 1!important;width: calc(100% - 140px);height: 6px;background: rgba(221,221,221,1);}
.about04wrap .about04 .swiper-scrollbar-drag{background: #0060ab;border-radius: 10px;}
.about04wrap .about04 .bot{width: 1200px;height: 50px;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;margin: auto;margin-top: 30px;}
.about04wrap .about04 .bot .swiper-button-next,.about04wrap .about04 .bot .swiper-button-prev{background-image: none;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;font-size: 20px;color: #0870d8;border: 1px solid #0870d8;position: relative;padding: 0;margin: 0;top: 0;left: 0;right: 0;width: 50px;height: 50px;outline: none;}
.about04wrap .about04 .bot .swiper-button-next:hover,.about04wrap .about04 .bot .swiper-button-prev:hover{background-color: #0870d8;color: #fff;}





/* about02wrap */
.about02wrap{width: 100%;background-color:#f1f2f3;padding:100px 0;}
.a-tl02{width: 950px;margin: auto;max-width: 90%;margin-bottom: 50px;}
.a-tl02 p{font-size: 14px;color: #0870d8;text-align: center;margin-bottom: 20px;font-weight: bold;}
.a-tl02 h3{font-size: 24px;color: #222222;font-weight: bold;text-align: center;}
.a-tl02 strong{display: block;width: 20px;height: 2px;nav-right: 20px auto;margin: 20px auto;background-color: #0870d8;}
.a-tl02 h4{font-size: 20px;color: #666;line-height: 30px;text-align: justify;text-align-last: center;}
.about02{width: 90%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin:auto;}
.about02 a{display: block;width: 32%;}
.about02 a .imgbox{width: 100%;overflow: hidden;}
.about02 a .imgbox img{display: block;width: 100%;transition: all .6s;}
.about02 a:hover .imgbox img{transform: scale(1.1);}
.about02 a .text{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;height: 70px;position: relative;border-bottom: 1px solid #ddd;}
.about02 a .text::after{content: '';display: block;width: 0%;height: 1px;background-color: #0870d8;position: absolute;left: 0;bottom: 0;transition: all .3s;}
.about02 a .text p{font-size: 20px;color: #222222;font-weight: bold;}
.about02 a .text i{font-size: 26px;color: #0870d8;opacity: 0;transition: all .3s;}
.about02 a:hover .text i{opacity: 1;}
.about02 a:hover .text::after{width: 100%;}
.about02 a:hover .text p{color: #0870d8;}
























/* 联系 */
.contact01{width: 720px;box-sizing: border-box;text-align: center;margin: 100px auto;}
.contact01 h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 30px;text-align: center;}
.contact01 h4{font-size: 18px;color: #444;line-height: 32px;text-align: center;}

/* conatct02wrap */
.conatct02wrap{width: 100%;box-sizing: border-box;background-color: #f1f2f3;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.conatct02wrap .left{width: 50%;overflow: hidden;}
.conatct02wrap .left img{display: block;width: 100%;transition: all .6s;}
.conatct02wrap .left:hover img{transform: scale(1.1);}
.conatct02wrap .right{width: 50%;box-sizing: border-box;padding: 0 10% 0 100px;}
.conatct02wrap .right h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #DDDDDD;}
.conatct02wrap .right h4{font-size: 16px;color: #444;line-height: 34px;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #DDDDDD;}
.conatct02wrap .right .bdsharebuttonbox{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;} 
.conatct02wrap .right .bdsharebuttonbox a{display: block;width: 36px;height: 36px;border-radius: 50%;border: 1px solid #888888;font-size: 14px;color: #888888;margin: 0;padding: 0;margin-right: 10px;background-image: none;line-height: 36px;text-align: center;}
.conatct02wrap .right .bdsharebuttonbox a:last-child{margin-right: 0;}
.conatct02wrap .right .bdsharebuttonbox a:hover{color:#0870d8;border: 1px solid #0870d8;}

/* conatct03 */
.conatct03{width: 100%;box-sizing: border-box;margin: 100px auto;}
.conatct03 h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 30px;text-align: center;}

.conatct03 form{width: 900px;margin: auto;}
.conatct03 form .item{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.conatct03 form .label{width: 49%;display: flex;display: -webkit-flex;justify-content: flex-start;-webkit-justify-content: flex-start;align-items: center;-webkit-align-items:center;border: 1px solid #bababa;margin-bottom: 25px;box-sizing: border-box;padding: 0 15px;}
.conatct03 form .label img{ display: block;border-right: 1px solid #ccc;    padding-right: 10px;}
.conatct03 form .label i{font-size: 18px;color: #cccccc;display: block;width: 25px;border-right: 1px solid #ccc;}
.conatct03 form .label input{display: block;width: calc(100% - 25px);outline: none;font-size: 13px;color: #666666;border: none;box-sizing: border-box;padding-left: 5px;height: 36px;background-color: transparent; font-family: Arial,微软雅黑; }
.more{display: block;background-color: #2164af;color: #fff;margin: auto;margin-top: 40px;width: 186px;height: 50px;line-height: 50px;border: 1px solid #2164af;position: relative;z-index: 0;border-radius: 4px;overflow: hidden;text-align: center;}
.more::after{content: '';display: block;width: 0%;height: 100%;position: absolute;left: 0;top: 0;position: absolute;left: 0;top: 0;z-index: -1;background-color: #FFFFFF;transition: all .3s;}
.more:hover::after{width: 100%;}
.more:hover{color: #2164af;}

.conatct03 .screen-reader-response{ display: none; }


.conatct03 form .label span{display: block;overflow: hidden;position: relative;    width: calc(100% - 25px);}
.conatct03 form .label span span{position: absolute;top: 0;right: 0;width: auto;letter-spacing: 0;color: #2164af;font-weight: normal;line-height: 36px;font-size: 12px; font-family: Arial; }


.conatct03 form .textarea{    width: 100%;display: flex;display: -webkit-flex;justify-content: flex-start;-webkit-justify-content: flex-start;align-items: center;-webkit-align-items: center;border: 1px solid #bababa;margin-bottom: 25px;box-sizing: border-box;padding: 0 15px;    align-items: flex-start;-webkit-align-items: flex-start;padding: 15px;}
.conatct03 form .textarea img {display: block;border-right: 1px solid #ccc;padding-right: 10px;}
.conatct03 form .textarea  textarea {     display: block;width: calc(100% - 25px);outline: none;font-size: 13px;color: #666666;border: none;box-sizing: border-box;padding-left: 5px;background-color: transparent;height: 100px;resize: none;}

.conatct03 form .textarea span{display: block;overflow: hidden;position: relative;    width: calc(100% - 25px);}
.conatct03 form .textarea span span{position: absolute;top: 0;right: 0;width: auto;letter-spacing: 0;color: #2164af;font-weight: normal;line-height: 36px;font-size: 12px; font-family: Arial;}

.wpcf7-response-output,.wpcf7-validation-errors{ display: block;text-align: center;letter-spacing: 0;font-size: 12px;line-height: 1em;margin: 20px 0 0 0;color: #2164af; font-family: Arial; }

/* conatct04wrap */
.conatct04wrap{width: 100%;box-sizing: border-box;padding: 120px 0;background: url(../images/about_bg.jpg)no-repeat fixed;background-size: cover;}
.conatct04wrap h3{font-size: 24px;color: #ffffff;font-weight: bold;text-align: center;margin-bottom: 30px;}
.conatct04wrap .more i{font-size: inherit;color: inherit;margin-left: 10px;}

/* partners */
.partners01wrap{width: 1200px;box-sizing: border-box;margin: 100px auto;}
.partners01wrap .tl{font-size: 24px;color: #0870d8;font-weight: bold;margin-bottom: 40px;width: 100%;text-align: center;}
.partners01{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin-left: 1%;}
.partners01 li{width: calc((100% - 100px)/6);margin-right: 20px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;margin-bottom: 20px;}
.partners01 li:nth-of-type(6n){margin-right: 0;}
.partners01 li p img{display: block;width: 100%;margin: auto;transition:all .6s;}
.partners01 li:nth-of-type(4n-1) p img,.partners01 li:nth-of-type(4n) p img{width: 50%;}
.partners01 li:nth-of-type(4n-2) p img{width: 75%;}
.partners01 li:hover p img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}

/* partners02wrap */
.partners02wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f1f2f3;}
.partners02wrap .tl{text-align: center;margin-bottom: 30px;}
.partners02wrap .tl strong{display: block;width: 30px;height: 2px;background-color: #0870d8;margin: auto;}
.partners02wrap .tl h3{font-size: 24px;color: #0870d8;font-weight: bold;text-align: center;margin-top: 20px;}
.partners02wrap .about02{width: 90%;margin: auto;}

/* 合作伙伴 */
.partners01wrap{margin: 100px auto;}
.partners01wrap img{display: block;width: auto;max-width: 100%;margin: auto;}

/* 新闻 */
.tabwrap{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;padding: 40px 0;}
.tabwrap a{margin: 0;margin-right: 20px;border-radius: 0;background-color: #fff;width: 214px;height: 40px;line-height: 40px;color: #0870d8;font-size: 16px;}
.tabwrap a:last-child{margin-right: 0;}
.tabwrap a:hover,.tabwrap a.active{color: #fff;}
.tabwrap a::after{background-color: #0870d8;}
.tabwrap a.active::after{width: 100%;}

/* news01wrap */
.news01wrap{width: 100%;box-sizing: border-box;background-color: #eeeeee;padding: 70px 0;}
.news01{width: 90%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin: auto;}
.news01 a{display: block;width: calc((100% - 160px)/3);box-sizing: border-box;margin-right: 80px;margin-bottom: 70px;}
.news01 a:nth-of-type(3n){margin-right: 0;}
.news01 a .imgbox{width: 100%;box-sizing: border-box;background-color: #0870d8;}
.news01 a .imgbox h3{display: block;width: 100%;overflow: hidden;transition: all .3s;}
.news01 a:hover .imgbox h3{transform: translate(10px,-10px);-webkit-transform: translate(10px,-10px);}
.news01 a .imgbox h3 img{display: block;width: 100%;transition: all .6s;}
.news01 a:hover .imgbox h3 img{transform: scale(1.1);}
.news01 a .text{width: 100%;box-sizing: border-box;padding-top: 30px;}
.news01 a .text h3{font-size: 18px;color: #222222;font-weight: bold;margin-bottom: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news01 a .text p{font-size: 13px;color: #666666;margin-bottom: 20px;}
.news01 a .text h4{font-size: 15px;line-height: 26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #666666;margin-bottom: 20px;}
.news01 a .text .more{margin: 0;width: 160px;height: 40px;line-height: 40px;border-radius: 0;opacity: 0;transition: all .3s;font-size:13px;}
.news01 a:hover .text .more{opacity: 1;}

.fywrap{width: 100%;box-sizing: border-box;border-top: 1px solid #DDDDDD;padding-top: 40px;}
.fy,.nav-links{width: 90%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;margin: auto;}
.nav-links{width: 100%;}
.fy a,.nav-links a,.nav-links span{display: block;width: auto;min-width: 38px;height: 38px;border-radius: 2px;background-color: #FFFFFF;border: 1px solid #b8b8b8;text-align: center;line-height: 38px;transition: all .3s;padding: 0 12px;box-sizing: border-box;margin-right: 10px;color: #b8b8b8;font-size:13px;}
.fy a:last-child,.nav-links a:last-child{margin-right: 0;}
.fy a.active,.fy a:hover,.nav-links a:hover,.nav-links span{background-color: #0870d8;color: #FFFFFF;border-color: #0870d8;}
.screen-reader-text{display: none;}

/* 优势 */
.advantage01wrap{width: 100%;box-sizing: border-box;margin-top: 100px;margin-bottom: 100px;}
.ad-tl{width: 1200px;margin: auto;}
.ad-tl .cont{width: 80%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-content: center;padding: 50px 0;border-top: 1px solid #DDDDDD;}
.ad-tl .cont .left h3{font-size: 32px;color: #222;font-weight: bold;margin-bottom: 15px;}
.ad-tl .cont .left p{font-size: 14px;color: #333;text-transform: uppercase;letter-spacing: 1px;font-weight: bold;}
.ad-tl .cont h4{font-size: 30px;color:#222;font-size: 54px;opacity: 0.1;font-weight: bold;}
/* .advantage01 */
.advantage01{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.advantage01 .left{width: 50%;overflow: hidden;box-sizing: border-box;}
.advantage01 .left img{display: block;width: 100%;}
.advantage01 .left video{display: block;object-fit: cover;width: 100%;}
.advantage01 .left .sjimg{display: none;}
.advantage01 .right{width: 50%;box-sizing: border-box;padding-right: 5%;}
.advantage01 .right li{width: 100%;height: calc(100% / 3);box-sizing: border-box;border-bottom: 1px solid #fff;position: relative;background-color: #0870d8;display: -webkit-flex;display: flex;-webkit-align-items: center;align-content: center;padding: 0 100px;}
.advantage01 .right li:last-child{border-bottom: none;}
.advantage01 .right li .cont{width: 100%;}
.advantage01 .right li .cont h3{font-size: 24px;color: #ffffff;font-weight: bold;margin-bottom: 20px;}
.advantage01 .right li .cont .list{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;}
.advantage01 .right li .cont .list h3{display: flex;display: -webkit-flex;width: 50%;font-size: 16px;color: #fff;align-items: flex-end;-webkit-align-items: flex-end;font-weight: normal;}
.advantage01 .right li .cont .list h3 font{font-size: 40px;color: #fff;margin-bottom: -6px;margin-right: 10px;}
.advantage01 .right li img{display: block;width: auto;height: 70px;position: absolute;left: -35px;}

.advantage02{-webkit-flex-flow: row-reverse;flex-flow: row-reverse;}
.advantage02 .right{padding-right: 0;}
.advantage02 .right li img{left: initial;right: -35px;}
.advantage02 .left{padding-right: 100px;}
.advantage02 .right li{padding-left: 0;}
.advantage02 .right{padding-left: calc((100% - 1200px)/2);background-color: #0870d8;}

.advantage03 .right li{height: calc(100% / 2);}
.advantage02 .right li .cont .list h3,.advantage03 .right li .cont .list h3{width: 100%;}
.advantage03 .right li .cont h3{margin-bottom:0;font-size:22px; line-height:30px;}
.advantage02 .right li:nth-of-type(3) .cont .list h3{font-size:30px;font-family:"微软雅黑";}
.advantage02 .right li:nth-of-type(3) .cont .list h3 span{font-size: 16px;margin-left:10px;}
.advantage02 .right li:nth-of-type(3) .cont .list h3 sup{ margin-bottom: 13px;}
.advantage02 .right li:nth-of-type(3) .cont h3{font-family:"微软雅黑";}

/* 质量 */
.qualisty01wrap{width: 1400px;margin: 100px auto 0;display: -webkit-flex;-webkit-justify-content: space-between;display: flex;justify-content: space-between;align-items: center;-webkit-align-items: center;position: relative;z-index: 1;margin-bottom: -150px;}
.qualisty01wrap .imgbox{width: 55%;box-sizing: border-box;overflow: hidden;}
.qualisty01wrap .imgbox video{display: block;width: 100%;object-fit: cover;}
.qualisty01wrap .imgbox img{display: block;width: 100%;transition: all .6s;}
.qualisty01wrap .imgbox:hover img{transform: scale(1.1);}
.qualisty01wrap .imgbox .sjimg{display: none;}
.qualisty01wrap .text{width: 50%;box-sizing: border-box;position: relative;background-color: #fff;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);padding: 80px 90px;margin-left: -5%;}
.qualisty01wrap .text h3{font-size: 28px;color: #0870d8;}
.qualisty01wrap .text strong{display: block;width: 30px;height: 2px;background-color: #0870d8;margin: 20px 0;}
.qualisty01wrap .text h4{font-size: 15px;color: #666666;line-height: 30px;margin-bottom: 30px;}
.qualisty01wrap .text h4:last-child{margin-bottom: 0;}

/* qualisty02wrap */
.qualisty02wrap{width: 100%;position: relative;padding: 250px 0 100px;background: url(../images/q_bg.jpg)no-repeat;background-size: cover;position: relative;z-index: 0;}
.q-tl{width: 750px;text-align: center;margin: auto;}
.q-tl h3{font-size: 28px;color: #0870d8;text-align: center;}
.q-tl strong{display: block;width: 30px;height: 2px;background-color: #0870d8;margin: 20px auto;}
.q-tl h4{font-size: 15px;color: #666666;line-height: 30px;margin-bottom: 30px;text-align: center;}

.qualisty02{width: 1200px;margin: auto;margin-top: 40px;}
.qualisty02 img{display: block;width: 100%;}
.qualisty02 .swiper-pagination{position: relative;width: 100%;bottom: 0;left: 0;margin: 0;padding: 0;margin-top: 30px;}
.qualisty02 .swiper-pagination .swiper-pagination-bullet{margin: 0;width: 10px;height: 10px;opacity: 1;background-color: #aaaaaa;margin-right: 15px;}
.qualisty02 .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.qualisty02 .swiper-pagination .swiper-pagination-bullet-active{background-color: #0870d8;}

/* productwrap */
.productwrap{width: 90%;margin: auto;box-sizing: border-box;padding: 100px 0;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.productwrap:before{content: '';display: block;width: 1px;height: 100%;background-color: #DDDDDD;position: absolute;top: 0;left: 25%;}
.prolist{width: 25%;box-sizing: border-box;padding-right: 50px;}
.prolist .cont{width: 100%;box-sizing: border-box;}
.prolist .cont li{width: 100%;box-sizing: border-box;}
.prolist .cont li p{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;box-sizing: border-box;padding: 0 20px;font-size: 16px;height: 50px;border-bottom: 1px solid #ddd;color: #222222;padding-left: 0;font-weight: bold;}
.prolist .cont li p i{font-size: 14px;color: #222;}
.prolist .cont li p.open i{transform: rotate(180deg);-webkit-transform: rotate(180deg);color: #005aad;}
.prolist .cont li .min{width: 100%;box-sizing: border-box;padding:10px 0;display: none;}
/* .prolist .cont li:first-child .min{display: block;} */
.prolist .cont li .min a{display: block;font-size: 14px;line-height: 40px;color: #666666;box-sizing: border-box;padding-left: 20px;border-bottom: 1px solid #DDDDDD;width: 80%;position: relative;}
.prolist .cont li .min a:before{content: '';display: block;width: 5px;height: 5px;border-radius: 50%;background-color: #666;position: absolute;left: 0;top: 20px;}
.prolist .cont li .min a:hover,.prolist .cont li .min a.active{color: #005aad;}

.productwrap .right{width: 75%;padding-left: 50px;box-sizing: border-box;}
.product{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 20px;}
.product a{display: block;width: 100%;margin-bottom: 30px;border: 1px solid #ddd;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;border: none;}
.product a:last-child{margin-bottom: 0;}
.product a .imgbox{width: 30%;box-sizing: border-box;overflow: hidden;}
.product a .imgbox img{display: block;width: 100%;transition: all .6s;}
.product a:hover .imgbox img{transform: scale(1.1);}
.product a .text{width: 70%;box-sizing: border-box;padding-left: 40px;}
.product a .text h3{font-size: 18px;color: #222222;font-weight: bold;margin-bottom: 15px;}
.product a .text h4{font-size: 13px;line-height: 22px;color: #666666;margin-bottom: 30px;display: -webkit-box;-webkit-line-clamp: 5;overflow: hidden;-webkit-box-orient: vertical;}
.product a .text font{font-size: 14px;color: #666;}
.product a .text font i{font-size: inherit;color: inherit;margin-left:5px;}
.productwrap .right .fy{width: 100%;}
.product a:hover .text h3,.product a:hover .text font{color: #0870d8;}


/* 产品详情 */
.proinfo01wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f1f2f3;}
.proinfo01{width: 90%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-content: center;margin: auto;}
.proinfo01 .imgbox{width: 45%;box-sizing: border-box;overflow: hidden;}
.proinfo01 .imgbox img{display: block;width: 100%;transition: all .6s;}
.proinfo01 .imgbox:hover img{transform: scale(1.1);}
.proinfo01 .text{width: 50%;box-sizing: border-box;}
.proinfo01 .text strong,.proinfo02wrap .tl strong{display: block;width: 40px;height: 2px;background-color: #0870d8;margin-bottom: 30px;}
.proinfo01 .text h3{font-size: 30px;color: #0870d8;font-weight: bold;margin-bottom: 30px;}
.proinfo01 .text p{font-size: 20px;color: #222222;font-weight: bold;margin-bottom: 30px;}
.proinfo01 .text h4{font-size: 16px;line-height: 30px;color: #444444;text-align: justify;}

/* proinfo02 */
.proinfo02wrap{width: 100%;position: relative;margin: 100px 0;}
.proinfo02wrap .tl strong{margin: auto;margin-bottom:20px;}
.proinfo02wrap .tl h3{text-align: center;    font-size: 30px;color: #0870d8;font-weight: bold;margin-bottom: 30px;}
.proinfo02{width: 90%;margin: auto;position: relative;}
.proinfo02 a{display: block;width: 100%;box-sizing: border-box;}
.proinfo02 a .imgbox{width: 100%;overflow: hidden;}
.proinfo02 a .imgbox img{width: 100%;transition: all .6s;display: block;}
.proinfo02 a:hover .imgbox img{transform: scale(1.1);}
.proinfo02 a .text{width: 100%;box-sizing: border-box;padding: 20px;text-align: left;}
.proinfo02 a .text h3{font-size: 19px;color: #222222;font-weight: bold;margin-bottom: 15px;}
.proinfo02 a .text h4{font-size: 13px;line-height: 22px;color: #666666;margin-bottom: 30px;display: -webkit-box;-webkit-line-clamp: 7;overflow: hidden;-webkit-box-orient: vertical;min-height: 88px;}

.proinfo02 a .text font{font-size: 14px;color: #666;}
.proinfo02 a .text font i{font-size: inherit;color: inherit;margin-left:5px;}
.proinfo02 a:hover .text h3,.proinfo02 a:hover .text font{color: #0870d8;}
.proinfo02wrap .swiper-pagination{width: 100%;position: relative;margin-top: 40px;}
.proinfo02wrap .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #aaaaaa;margin-right: 10px;opacity: 1;}
.proinfo02wrap .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.proinfo02wrap .swiper-pagination .swiper-pagination-bullet-active{background-color: #0870d8;}
.proinfo02 .swiper-button-next,.proinfo02 .swiper-button-prev{background-image: none;width: auto;height: auto;font-size: 30px;color: #0870d8;margin: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.proinfo02 .swiper-button-next{right: -40px;}
.proinfo02 .swiper-button-prev{left: -40px;}

/* proinfo03wrap */
.proinfo03wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background: url(../images/about_bg.jpg) no-repeat fixed;background-size: cover;}
.proinfo03wrap h3{font-size: 30px;color: #ffffff;text-align: center;margin-bottom: 30px;font-weight: bold;}
.proinfo03wrap h4{font-size: 15px;color: #ffffff;line-height: 30px;margin-bottom: 30px;text-align: center;}

/* 产品总页面 */
.proall01wrap{width: 100%;position: relative;z-index: 0;box-sizing: border-box;padding: 100px 0;padding-left: 0;}
.proall01wrap:after{content: '';display: none;width: 50%;height: 100%;position: absolute;left: 0;top: 0;background-color: #f1f2f3;z-index: 0;}
.proall01{width: 100%;position: relative;z-index: 1;}
.proall01 .top-text{width: 40%;box-sizing: border-box;margin-bottom: 70px;}
.proall01 .top-text h3{font-size: 30px;color: #0871d8;margin-bottom: 30px;font-weight: bold;}
.proall01 .top-text h4{font-size: 16px;color: #666666;line-height: 30px;text-align: justify;}
.proall01 .imgboxall{width: 100%;box-sizing: border-box;position: relative;}
.proall01 .imgboxall .swiper-slide{width: 40%;margin-right: 20px;}
.proall01 .imgboxall .item{display: block;width: 100%;position: relative;}
.proall01 .imgboxall .item .imgbox{width: 100%;overflow: hidden;}
.proall01 .imgboxall .item .imgbox img{display: block;width: 100%;transition: all .6s;}
.proall01 .imgboxall .item:hover .imgbox img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.proall01 .imgboxall .item .text{width: 100%;background-color: rgba(29, 27, 28, 0.55);padding: 0 40px;transition: all .3s;box-sizing: border-box;position: absolute;left: 0;top: 100%;transform: translateY(-60px);-webkit-transform: translateY(-60px);}
.proall01 .imgboxall .item .text h3{font-size: 22px;color: #ffffff;line-height: 60px;}
.proall01 .imgboxall .item .text .list{width: 100%;box-sizing: border-box;}
.proall01 .imgboxall .item .text .list a{display: block;box-sizing: border-box;width: 100%;padding-left: 20px;font-size: 15px;color: #ffffff;line-height: 30px;position: relative;text-align: left;opacity:0.8;}
.proall01 .imgboxall .item .text .list a:hover{opacity:1;}
.proall01 .imgboxall .item .text .list a:before{content: '';display: block;width: 5px;height: 5px;background-color: #ffffff;border-radius: 50%;position: absolute;left: 0;top: 12px;}
.proall01 .imgboxall .item:hover .text{transform: translateY(-100%);-webkit-transform: translateY(-100%);padding: 20px 40px 40px;    background-color: rgba(46, 150, 255, 0.9);}
.caseall01 .imgboxall .item:hover .text{transform: translateY(-60px);-webkit-transform: translateY(-60px);padding: 0 40px;}
.proall01 .page{display: flex;display: -webkit-flex;position: relative;margin-top: 50px;}
.proall01 .page .swiper-button-next,.proall01 .page .swiper-button-prev{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 52px;height: 52px;border: 1px solid #0870d8;color: #0870d8;font-size: 20px;background-image: none;position: relative;padding: 0;margin: 0;top: 0;left: 0;bottom: 0;right: 0;transition: all .3s;}
.proall01 .page .swiper-button-next{margin-left: 15px;}
.proall01 .page .swiper-button-next:hover,.proall01 .page .swiper-button-prev:hover{background-color: #0870d8;color: #ffffff;}

.caseall01wrap{width: 100%;padding: 100px 0;}
.caseall01,.proall01{width: 90%;margin: auto;}
.caseall01 .swiper-button-next,.caseall01 .swiper-button-prev,.proall01 .swiper-button-next,.proall01 .swiper-button-prev{background-image: none;width: 30px;height: 30px;font-size: 30px;color: #0870d8;margin: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.caseall01 .swiper-button-next,.proall01 .swiper-button-next{right: -40px;}
.caseall01 .swiper-button-prev,.proall01 .swiper-button-prev{left: -40px;}







/* download */
.downloadwrap{margin-bottom: 120px;padding-bottom: 0;}
.download{width: 75%;box-sizing: border-box;padding-left: 60px;} 
.download .tl{width: 100%;line-height: 60px;box-sizing: border-box;padding: 0 20px;font-size: 16px;color: #ffffff;background-color: #0870d8;}
.downloadmin{width: 100%;box-sizing: border-box;margin-top: 10px;}
.downloadmin a{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-content: center;padding: 0 40px 0 20px;border-bottom: 1px solid #DDDDDD;height: 80px;transition: all .3s;}
.downloadmin a h3{font-size: 15px;color: #222222;}
.downloadmin a .more{width: 120px;height: 30px;line-height: 30px;background-color: transparent;border-color: #0870d8;color: #0870d8;margin: 0;font-size:12px;}
.downloadmin a .more i{font-size: inherit;color: inherit;margin-right: 5px;}
.downloadmin a .more:after{background-color: #0870d8;}
.downloadmin a:hover .more{color: #ffffff;}
.downloadmin a:hover .more:after{width: 100%;}
.downloadmin a:hover{background-color: #f2f2f3;}
.downloadmin a:hover h3{color: #0870d8;}
.downloadwrap .prolist .cont li a{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;box-sizing: border-box;padding: 0 20px;font-size: 16px;height: 50px;border-bottom: 1px solid #ddd;color: #222222;padding-left: 0;font-weight: bold;}
.downloadwrap .prolist .cont li a:hover{color:#0870d8;}
.downloadwrap .prolist .cont li a i{font-size: 14px;color: #222;}
.downloadwrap .prolist .cont li a:hover i{color:#0870d8;}
.downloadwrap .prolist .cont li a.open i{}
.downloadwrap .prolist .cont li .active{color:#0870d8;}
.downloadwrap .prolist .cont li .active i{color:#0870d8;}

/* join */
.join01{width: 90%;margin: 100px auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.join01 .imgbox{width: 48%;box-sizing: border-box;overflow: hidden;}
.join01 .imgbox img{display: block;width: 100%;transition: all .6s;}
.join01 .imgbox:hover img{transform: scale(1.1);}
.join01 .text{width: 48%;box-sizing: border-box;}
.join01 .text h3{font-size: 26px;color: #4c67f2;font-weight: bold;font-weight: bold;}
.join01 .text strong{display: block;width: 30px;height: 2px;background-color: #4c67f2;margin: 30px 0;}
.join01 .text h4{font-size: 15px;line-height: 30px;color: #666666;}
.join01 .text p{font-size: 15px;line-height: 30px;font-weight: bold;margin-top: 30px;}


/* join02 */
.join02{width: 100%;background-color: #f1f2f3;box-sizing: border-box;padding: 90px 0;}
.join02 .cont{width: 1200px;margin: auto;box-sizing: border-box;}
.join02 .cont .toh3{font-size: 24px;color: #4c67f2;margin-bottom: 30px;text-align: center;font-weight:bold;}
.join02 .cont .min{width: 100%;box-sizing: border-box;position: relative;}
.join02 .cont .min .item{width: 100%;border-bottom: 1px solid #DDDDDD;}
.join02 .cont .min .item:first-child{border-top: 1px solid #DDDDDD;}
.join02 .cont .min li a{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;height: 64px;}
.join02 .cont .min li a p{font-size: 18px;color: #222222;font-weight: bold;}
.join02 .cont .min li a i{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 20px;height: 20px;border: 1px solid #4c67f2;border-radius: 50%;font-size: 12px;color: #4c67f2;}
.join02 .cont .min .item .info{width: 100%;box-sizing: border-box;position: relative;margin: 0 0 40px;border-top: 1px solid #DDDDDD;padding-top: 30px;display: none;}
.join02 .cont .min .item .info::before{content: '';display: block;width: 1px;height: calc(100% - 30px);position: absolute;left: 15%;top: 25px;background-color: #DDDDDD;z-index: 0;}
.join02 .cont .min .item .info li{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;padding-bottom: 40px;position: relative;z-index: 1;}
.join02 .cont .min .item .info li p{width: 15%;font-size: 16px;color: #4c67f2;border-right: 2px solid #4c67f2;margin-top: 5px;font-weight:bold;}
.join02 .cont .min .item .info li h4{width: 85%;font-size: 15px;color: #666666;line-height: 30px;box-sizing: border-box;padding-left: 50px;}
.join02 .cont .min .item:first-child .info{display: block;}
.join02 .cont .min .item.active a .fa{transform: rotate(180deg);-webkit-transform: rotate(180deg);}

/* form01wrap */
.form01wrap{width: 650px;margin: 100px auto;}
.form-top{width: 100%;margin-bottom: 10px;}
.form-top h3{font-size: 30px;color: #0870d8;line-height: 42px;font-weight: bold;margin-bottom: 20px;}
.form-top p{font-size:18px;color: #222;margin-bottom: 20px;}

 
/* wdform */
.innerwrap .wpcf7-form{width: 900px;box-sizing: border-box;padding: 30px;}
.innerwrap .wpcf7-form .tl{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-content: center;margin-bottom: 30px;}
.innerwrap .wpcf7-form .tl h3{font-size: 24px;color: #0870d8;font-weight: bold;}
.innerwrap .wpcf7-form .tl font{font-size: 16px;color: #222;}
.innerwrap .wpcf7-form label{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.innerwrap .wpcf7-form select{display: block;width: 100%;height: 40px;border: 1px solid #ccc;border-radius: 4px;outline: none;font-size: 14px;box-sizing: border-box;padding: 0 20px;margin-bottom: 30px;color: #333;}
.innerwrap .wpcf7-form label p{width: 49%;box-sizing: border-box;padding-right: 25%;}
.innerwrap .wpcf7-form input{display: block;width: 100%;height: 40px;border: 1px solid #ccc;border-radius: 4px;outline: none;font-size: 14px;box-sizing: border-box;padding: 0 20px;caption-side: #333;    font-family: Arial,微软雅黑;}
.innerwrap .wpcf7-form label span{display: block;width: 49%;}
.innerwrap .wpcf7-form label.form04 span:first-child{width: 30%;}
.innerwrap .wpcf7-form label.form04 span:last-child{width: 68%;}
.innerwrap .wpcf7-form textarea{width: 100%;height: 120px;border: 1px solid #ccc;border-radius: 4px;outline: none;font-size: 14px;box-sizing: border-box;color: #333;    font-family: Arial,微软雅黑;}
.innerwrap .wpcf7-form label.privacy{-webkit-justify-content: flex-start;justify-content: flex-start;align-items: center;-webkit-align-items: center;}
.innerwrap .wpcf7-form label.privacy input{width: 16px;height: 16px;margin-right: 10px;margin-bottom: 0;}
.innerwrap .wpcf7-form label.privacy font{font-size: 16px;color: #222;}
.innerwrap .wpcf7-form label.privacy font a{text-decoration: underline;}
/* .innerwrap .wpcf7-form .more{height: 40px;line-height: 40px;} */
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #333;}
/* .innerwrap .wpcf7-form input::-webkit-input-placeholder,.innerwrap .wpcf7-form input::-moz-placeholder,.innerwrap .wpcf7-form textarea::-webkit-input-placeholder,.innerwrap .wpcf7-form textarea::-moz-placeholder{color: #333;} */

.innerwrap .wpcf7-form br,.screen-reader-response{ display: none; }

.innerwrap .wpcf7-form span{ display: block;overflow: hidden;position: relative;} 
.innerwrap .wpcf7-form span span{ position: absolute;width: auto;top: 0;right: 10px;font-family: Arial,微软雅黑;line-height: 40px;font-size: 14px;color: #0870d8;}


.innerwrap .form01wrap .wpcf7-form span{margin-bottom: 20px;}
.innerwrap .form01wrap .wpcf7-form select{margin-bottom: 0;}
.innerwrap .form01wrap .wpcf7-form textarea{padding: 20px;}
.innerwrap .form01wrap .wpcf7-form{width: 100%;background-color: #f1f2f3;}
.innerwrap .form01wrap .wpcf7-form .formid02,.innerwrap .form01wrap .wpcf7-form .formid03,.innerwrap .form01wrap .wpcf7-form .form04{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.innerwrap .form01wrap .wpcf7-form .formid02 span,.innerwrap .form01wrap .wpcf7-form .formid03 span{width: 49%;}
.innerwrap .form01wrap .wpcf7-form .formid02 span select,.innerwrap .form01wrap .wpcf7-form .formid02 span input{width: 50%;}
.innerwrap .form01wrap .wpcf7-form .form04>span:nth-of-type(1){width: 30%;}
.innerwrap .form01wrap .wpcf7-form .form04 span:nth-of-type(2){width: 68%;}
.innerwrap .form01wrap .wpcf7-form span{overflow: initial;}
.innerwrap .form01wrap .wpcf7-form span span{left: 0;top: initial;bottom: -14px;height: 14px;margin: 0!important;line-height: 14px;font-size: 12px;}




/* build01 */
.build01{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;    margin-top: 80px;}
.build01 .imgbox{width: 50%;box-sizing: border-box;}
.build01 .imgbox img{display: block;width: 100%;}
.build01 .text{width: 50%;box-sizing: border-box;padding-left: 40px;}
.build01 .text h3{font-size: 35px;color: #333333;line-height: 46px;}
.build01 .text p{font-size: 16px;color: #333333;margin-top: 10px;}

/* newsinfo */
.newsinfowrap{width: 100%;box-sizing: border-box;margin-top: 80px;}

.newsinfowrap .n-tlwrap{width: 100%;box-sizing: border-box;background-color: #f1f2f3;padding: 80px 0;}

.newsinfowrap .n-tlwrap .n-tl{width: 1200px;margin: auto;}

.newsinfowrap .n-tlwrap .n-tl h3{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 20px;line-height: 36px;text-align:left;}

.newsinfowrap .n-tlwrap .n-tl p{font-size: 14px;color: #888888;}

.newsinfo01{width: 1200px;margin: auto;box-sizing: border-box;padding-right: 280px;margin-bottom: 100px;}

.newsinfo01 .cont{width: 100%;box-sizing: border-box;border-bottom: 1px solid #ddd;padding: 50px 0;}


.newsinfo01 .cont h4{font-size: 15px;color: #666666;line-height: 32px;margin-bottom: 30px;}


.newsinfo01 .cont h4:last-child{margin-bottom: 0;}


.newsinfo01 .cont h4 img{ display: block;width: auto;height: auto;max-width: 100%;margin: 0 auto;}


.newsinfo01 .cont p{font-size: 16px;color: #666666;line-height: 30px;margin:auto;margin-bottom: 0;}

.newsinfo01 .cont p img{display: block;margin:2% auto;width: 80%;height: 100%;}

.newsinfo01 .page{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding-top: 30px;}
.newsinfo01 .page a{font-size: 14px;color: #666666;}

.newsinfo01 .page a i{font-size: inherit;color: inherit;margin-right: 10px;}

.newsinfo01 .page a:last-child i{margin-right: 0;margin-left: 10px;}

.newsinfo01 .page a:hover{color: #0870d8;}





/* 行业总 */
.industryall01wrap{width: 90%;margin: 100px auto;}
.industryall01wrap .top-text{width: 40%;box-sizing: border-box;margin-bottom: 70px;}
.industryall01wrap .top-text h3{font-size: 30px;color: #0871d8;margin-bottom: 30px;font-weight: bold;}
.industryall01wrap .top-text h4{font-size: 16px;color: #666666;line-height: 30px;text-align: justify;}
.industryall01{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;}
.industryall01 .imgbox{width: 46%;box-sizing: border-box;overflow: hidden;}
.industryall01 .imgbox img{display: block;width: 100%;transition: all .6s;} 
.industryall01 .imgbox:hover img{transform: scale(1.1);}
.industryall01 .text{width: 50%;box-sizing: border-box;padding-right: 120px;}
.industryall01 .text a{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;height: 100px;box-sizing: border-box;padding: 0 60px;background-color: #f5fcff;border-bottom: 1px solid #0871d8;transition: all .3s;}
.industryall01 .text a:hover{background-color: #0871d8;}
.industryall01 .text a h3{font-size: 18px;color: #222222;font-weight: bold;}
.industryall01 .text a font{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;font-size: 14px;color: #999;}
.industryall01 .text a font i{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;margin-left: 5px;}
.industryall01 .text a font i:before{content: '';display: block;width: 10px;height: 1px;background-color: #999;}
.industryall01 .text a font i:after{content: '';display: block;width: 5px;height: 5px;border-top: 1px solid #999;border-right: 1px solid #999;transform: rotate(45deg);-webkit-transform: rotate(45deg);margin-left: -6px;}
.industryall01 .text a:hover font i:before{background-color: #fff;}
.industryall01 .text a:hover font i:after{border-color: #fff;}
.industryall01 .text a:hover h3,.industryall01 .text a:hover font{color: #ffffff;}


 
 
.searchbanner .text form{width: 570px;height: auto;margin: auto;margin-top: 20px;}
.searchbanner .text form input{display: block;width: 85%;float: left;box-sizing: border-box;background-color: #FFFFFF;border: none;height: 42px;outline: none;padding-left: 20px;text-transform: uppercase;}
.searchbanner .text form .btn{display: block;width: 15%;box-sizing: border-box;border: none;background-color: #0870d8;font-size: 12px;color: #FFFFFF;height: 42px;outline: none;cursor: pointer; text-align: center; transition: all .3s;  text-transform: uppercase;  font-family: Arial;}
.searchbanner .text form .btn i{font-size: 12px;color: inherit;margin-right: 5px;}
.searchbanner .text form .btn:hover{background-color: #0870d8;}
.searchbanner{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;margin-top:80px;}
.searchbanner img{display: block;width: 100%;}
.searchbanner .text{width: 100%;text-align: center;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.searchbanner .text h3{font-size: 48px;color: #ffffff;font-weight: bold;text-transform: uppercase;text-align: center; }

.searchlist-titile{display: block;overflow: hidden;margin:20px auto 0;width: 800px; }
.searchlist-titile h3{ text-transform: uppercase; display: block; font-size: 16px; color: #999; } 
.searchlist-titile h3 span{ display: inline-block;color: #0870d8;font-size: 20px;margin: 0 20px 0 0;}
.p-search-to{ margin: 50px auto 0; }
.p-search-to dl{ margin: 30px 0 10px; }

.searchlistcenter{display: block;width: 1200px;margin:100px auto;overflow: hidden;min-height: 1000px;}
.searchlistcenter .p-yjy{ display: block;overflow: hidden;border-bottom: 1px solid #eee;padding: 0 0 10px 0;}
.searchlistcenter .p-yjy a{ position: relative;display: block;float: left;font-size: 24px;text-transform: uppercase;margin: 0 80px 0 0;overflow: hidden; font-weight: normal; color:#666; }
.searchlistcenter .p-yjy .active{ color: #0870d8; }
.searchlistcenter .p-yjy-center{ display: block;overflow: hidden;margin: 50px 0 0 0;}
.searchlistcenter .p-yjy-center .p-kn{  display: block;overflow: hidden; }

.product01{}
.product01 a{ display: block; overflow: hidden; border-bottom: 1px solid #eee; padding: 20px 0;     display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;}
.product01 a p{ display: block;float: left;width: 24%; border: 1px solid #eee;}
.product01 a p img{ display: block;width: auto;margin: 0 auto;max-width: 100%;}
.product01 a span{ display: block;font-size: 18px;color: #000;font-weight: normal;margin: 0 0 0 0;float: right;width: 74%;}
.product01 a span font{ display: block;font-size: 14px;margin: 8px 0 0 0;}
.product01 a:hover p{ border: 1px solid #0870d8; }
.product01 a:hover span{ color: #0870d8;  }
.product01 a .fa{  }
.nofoundanytihings{color: #999;}

.product01 dl{display: block; overflow: hidden; border-bottom: 1px solid #eee; padding: 20px 0;     display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;}
.product01 dl p{display: block;overflow: hidden;float: left;width: 40%;}
.product01 dl p img{ display: block; width: 100%;}
.product01 dl .list{ display: block; width: 55%;}
.product01 dl .list h4{ display: block;font-size: 24px;color: #333;margin: 0 0 30px 0;}
.product01 dl .list h4 font{ font-size: 14px;display: block;margin: 0 0 10px 0;border: 1px solid #b3d1ef;text-align: center;width: 100px;line-height: 24px;border-radius: 2em;color: #0870d8; }
.product01 dl .list dd{ display: block; overflow: hidden;}
.product01 dl .list dd a{ position: relative; display: block;border: 0;margin: 0; font-weight: normal;font-size: 14px; padding: 10px; color: #0870d8;}
.product01 dl .list dd a:hover{ opacity: 0.7; }
.product01 dl .list dd a:before{ content: " ";position: absolute;width: 5px;height: 5px;border-radius: 50%;background: #0870d8;left: 0;top: 18px; }

































@media only screen and (max-width:1600px ) {

.pch .buy a{    margin: 0 15px;}
.banner .swiper-slide .in-banner-txt strong{ margin: 0 0 20px 0; font-size: 40px;}
.banner .swiper-slide .in-banner-txt h3,.inabout .right p strong{ font-size: 30px;}
.banner .swiper-slide .in-banner-txt h4{ font-size:20px;}
.inabout .right p span{ font-size:18px; }

.title .tt{font-size: 30px;}
.inabout .left .number dl dd .timer{ font-size:40px; letter-spacing: -2px;}
.inabout .left .number dl dd font{font-size:16px;}

.imgbg h3{ font-size:24px; }
.imgbg strong{font-size: 34px;}

.insolutions .title,.inmarket .title,.footer .centertt .cc,.footer .bottom dd{ width:1200px; } 
.insolutions .swiper-button-next03, .insolutions .swiper-button-prev03{ width:60px; height: 60px; }
.insolutions .swiper-button-next03 img, .insolutions .swiper-button-prev03 img{height: 30px;margin: 15px auto;}

.insolutions .swiper-slide .txt strong{ font-size: 26px; margin: 0 0 20px 0;}
.insolutions .swiper-slide .txt dd a{ font-size: 14px; padding: 4px 16px;}
.insolutions .swiper-slide .txt{    padding: 16px 30px;transform: translateY(-186px);-webkit-transform: translateY(-148px);}
.insolutions .swiper-slide .txt{height: auto;}
.insolutions .swiper-slide-active .txt{ padding: 16px 30px;}
.inmarket .list dl dd h5{ margin: 0 0 10px 0; }
.inmarket .list dl dd h5 a{ font-size: 14px; }
.inmarket .list dl dd h4 a{ font-size:20px;}
.inmarket .list dl dd{height: 66px;transform: translateY(-64px);-webkit-transform: translateY(-64px);}
.inmarket .list dl{}
.innews .list dd a font{  font-size:18px; }

.inabout .left h4{ margin:0 0 20px 0; }
.inabout .left .number{ margin: 30px 0; }

.to-a{ height: 40px;line-height: 40px;width: 160px;}
.pch .sidebar-nav .sidebar-brand>a{ line-height:40px; }

.pch .sidebar-nav .sidebar-brand>a{font-size:18px;}
.pch .sidebar-brand-two>a{ font-size:14px; }

.inabout .right p{    padding: 30px;}

.incj dl dd h3{line-height: 40px;}

.pch .logo{font-size: 20px;    letter-spacing: 1px;}
.pch .buy{left: 52%;}
.pch .right{    width: 66%;}

/*about*/
.about01 li .text{padding: 0 110px;}
.about01 li .text h4{font-size:15px;}
.a-tl01 h4{font-size:15px;}
.a-tl02 h4{font-size:18px;}
.about01{width: 100%;box-sizing: border-box;padding-left: 5%;z-index: 1;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: start;-webkit-align-items: start;}



.about01 .text .top h3{font-size: 26px;}
.about01 .text .top h4{font-size: 14px;line-height: 26px;}
.about01 .mumping_mun01 li{padding: 10px 0;}
.about01 .mumping_mun01{padding: 10px 0;}

.about03 .left{width: 38%;}
.about03 .left a .text h3{font-size: 36px;}
.about03 .left a .text h3 font{font-size: 13px;}
.about04wrap .right{padding: 0 60px;}

.conatct02wrap .right h3,.conatct02wrap .right h4{padding-bottom: 20px;margin-bottom: 20px;}
.about04wrap .left .mumping_mun h2{font-size:64px;}


.partners01{width: 1000px;margin:auto;}

.news01 a{width: calc((100% - 120px)/3);margin-right: 60px;margin-bottom: 50px;}

.qualisty01wrap .text{padding: 60px;}

.qualisty01wrap{width:1200px;}

.industryall01 .text{padding-right: 100px;}
.industryall01 .text a{height: 80px;}

.prolist{padding-right: 30px;width:20%;}
.productwrap .right{width: 80%;}
.productwrap:before{left: 20%;}
.productwrap .right{padding-left: 30px;}
.productwrap{width:95%;padding: 70px 0;}

.advantage03 .right li .cont h3{line-height: 30px;font-weight: normal;}
.advantage01 .right li{    padding: 0 50px 0 60px;}
.advantage01 .right li:last-child .cont .list h3{width:100%;}

}